@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/cyrillicExt.woff2?v=c604b299)format(woff2);unicode-range:U+460-52f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/cyrillic.woff2?v=c604b299)format(woff2);unicode-range:U+301,U+400-45f,U+490-491,U+4b0-4b1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/greekExt.woff2?v=c604b299)format(woff2);unicode-range:U+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/greek.woff2?v=c604b299)format(woff2);unicode-range:U+370-377,U+37a-37f,U+384-38a,U+38c,U+38e-3a1,U+3a3-3ff}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/vietnamese.woff2?v=c604b299)format(woff2);unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1a0-1a1,U+1af-1b0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1ea0-1ef9,U+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/latinExt.woff2?v=c604b299)format(woff2);unicode-range:U+100-2ba,U+2bd-2c5,U+2c7-2cc,U+2ce-2d7,U+2dd-2ff,U+304,U+308,U+329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c4,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/latin.woff2?v=c604b299)format(woff2);unicode-range:U+??,U+131,U+152-153,U+2bb-2bc,U+2c6,U+2da,U+2dc,U+304,U+308,U+329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:italic;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/cyrillicExtItalic.woff2?v=c604b299)format(woff2);unicode-range:U+460-52f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Inter;font-style:italic;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/cyrillicItalic.woff2?v=c604b299)format(woff2);unicode-range:U+301,U+400-45f,U+490-491,U+4b0-4b1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/greekExtItalic.woff2?v=c604b299)format(woff2);unicode-range:U+1f??}@font-face{font-family:Inter;font-style:italic;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/greekItalic.woff2?v=c604b299)format(woff2);unicode-range:U+370-377,U+37a-37f,U+384-38a,U+38c,U+38e-3a1,U+3a3-3ff}@font-face{font-family:Inter;font-style:italic;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/vietnameseItalic.woff2?v=c604b299)format(woff2);unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1a0-1a1,U+1af-1b0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1ea0-1ef9,U+20ab}@font-face{font-family:Inter;font-style:italic;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/latinExtItalic.woff2?v=c604b299)format(woff2);unicode-range:U+100-2ba,U+2bd-2c5,U+2c7-2cc,U+2ce-2d7,U+2dd-2ff,U+304,U+308,U+329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c4,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Inter;font-style:italic;font-weight:400 700;font-display:block;src:url(/assets/fonts/inter/latinItalic.woff2?v=c604b299)format(woff2);unicode-range:U+??,U+131,U+152-153,U+2bb-2bc,U+2c6,U+2da,U+2dc,U+304,U+308,U+329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}:root,[data-theme=light]{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--color-app:#e5e5e5;--color-workspace:var(--color-app);--color-workspace-dot:#0000001f;--color-surface:#f0f0f0;--color-surface-2:#fff;--color-ink:#2c2c2c;--color-muted:#666;--color-border:#00000014;--color-border-strong:#00000024;--color-scrollbar:#0000002e;--color-hover:#e6e6e6;--skeleton-base:#dadada;--skeleton-shine:#ffffffa6;--color-accent:#1473e6;--color-accent-hover:#0d66d0;--color-accent-muted:#d6e9fb;--color-on-accent:#fff;--color-accent-fill:var(--color-accent);--color-accent-fill-hover:var(--color-accent-hover);--color-accent-on-muted:#0b5fc2;--color-danger:#d7373f;--color-danger-hover:#c9252d;--color-danger-muted:#f8d7d8;--color-on-danger:#fff;--color-live:#1b8a4a;--color-offline:#c99700;--color-pro:#d9a43a;--color-pro-ink:#2b1d00;--color-pro-soft:#fbf1db;--color-focus:var(--color-accent);--color-guide:#1473e6;--color-snap:#f24822;--color-backdrop:#00000073;--color-black:#000;--color-white:#fff;--color-check-light:#d0d0d0;--color-check-dark:#9a9a9a;--color-mid:#6a6a6a;--color-screen:#050506;--color-camera:#0a0a0c;--color-lens:#16324a;--color-dial:#1a1c20;--color-demo-teal:#1a535c;--color-demo-mint:#4ecdc4;--color-demo-pink:#ff6b9d;--color-demo-orange:#ff6b35;--color-lens-glow:#a0d2ff73;--color-lens-core:#b4dcffb3;--color-lens-shade:#0c1c308c;--opacity-0:0;--opacity-025:.025;--opacity-045:.045;--opacity-3:.03;--opacity-4:.04;--opacity-6:.06;--opacity-8:.08;--opacity-10:.1;--opacity-12:.12;--opacity-14:.14;--opacity-15:.15;--opacity-16:.16;--opacity-18:.18;--opacity-20:.2;--opacity-22:.22;--opacity-25:.25;--opacity-28:.28;--opacity-30:.3;--opacity-32:.32;--opacity-35:.35;--opacity-40:.4;--opacity-42:.42;--opacity-45:.45;--opacity-50:.5;--opacity-55:.55;--opacity-65:.65;--opacity-70:.7;--opacity-85:.85;--opacity-88:.88;--opacity-90:.9;--opacity-100:1;--ink-025:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-025)),transparent);--ink-045:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-045)),transparent);--ink-3:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-3)),transparent);--ink-10:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-10)),transparent);--ink-14:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-14)),transparent);--ink-16:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-16)),transparent);--ink-18:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-18)),transparent);--ink-22:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-22)),transparent);--ink-25:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-25)),transparent);--ink-30:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-30)),transparent);--ink-32:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-32)),transparent);--ink-40:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-40)),transparent);--ink-45:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-45)),transparent);--ink-50:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-50)),transparent);--ink-55:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-55)),transparent);--ink-65:color-mix(in srgb,var(--color-black)calc(100%*var(--opacity-65)),transparent);--paper-3:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-3)),transparent);--paper-4:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-4)),transparent);--paper-6:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-6)),transparent);--paper-8:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-8)),transparent);--paper-10:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-10)),transparent);--paper-12:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-12)),transparent);--paper-16:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-16)),transparent);--paper-20:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-20)),transparent);--paper-22:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-22)),transparent);--paper-28:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-28)),transparent);--paper-30:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-30)),transparent);--paper-35:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-35)),transparent);--paper-40:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-40)),transparent);--paper-42:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-42)),transparent);--paper-70:color-mix(in srgb,var(--color-white)calc(100%*var(--opacity-70)),transparent);--font-ui:"Inter",system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,"SFMono-Regular",menlo,monospace;--font-size-xs:10px;--paywall-banner-size:6px;--font-size-sm:11px;--font-size-md:12px;--font-size-lg:13px;--font-size-xl:28px;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-none:1;--leading-tight:1.2;--leading-ui:1.35;--leading-body:1.4;--leading-copy:1.45;--leading-readout:var(--space-7);--tracking-tight:-.02em;--tracking-wide:.01em;--em-box:1em;--space-1-negative:-2px;--space-2-negative:-4px;--space-3-negative:-6px;--space-4-negative:-8px;--space-5-negative:-10px;--space-6-negative:-12px;--space-7-negative:-14px;--space-8-negative:-16px;--space-9-negative:-20px;--space-10-negative:-24px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:20px;--space-10:24px;--space-11:28px;--space-12:32px;--hairline-half:.5px;--hairline-device:.6px;--hairline-device-strong:.7px;--border-width:1px;--stroke-mid:1.5px;--stroke-device:1.6px;--focus-ring-width:2px;--focus-field-ring:0 0 0 var(--focus-ring-width)var(--color-accent-muted);--chevron-short:3px;--chevron-long:5px;--tick-size:5px;--bezel-tick:5.5px;--chip-pad-end:7px;--hit-slop:9px;--target-min:24px;--toolbar-inset:11px;--radius-xs:1px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-full:999px;--shadow-sm:none;--shadow-md:0 var(--space-4)var(--space-10)#0000002e;--shadow-blur-dark:28px;--z-base:0;--z-nudge:1;--z-raise:2;--z-rail:3;--z-readout:4;--z-resize:5;--z-canvas:25;--z-guide:28;--z-overlay:30;--z-snap:32;--z-layers:80;--z-status:90;--z-dock:100;--z-menu:200;--z-popover:220;--z-tooltip:240;--z-dialog:300;--z-nav-progress:400;--nav-progress-height:2px;--watermark-step:280px;--watermark-mark:36px;--watermark-type:22px;--watermark-dim:#08080a61;--watermark-ink:#ffffff9e;--duration-fast:.12s;--duration-in:.15s;--duration-spin:1s;--duration-agent-pulse:1.6s;--duration-pulse-dot:1.8s;--duration-paywall-banner:5.2s;--duration-partner-swap:.42s;--ios-spoke-delay:83.33ms;--duration-shimmer:1.4s;--duration-nav-progress-delay:.15s;--duration-nav-progress:8s;--duration-nav-progress-out:.24s;--spinner-track:var(--color-border);--spinner-ink:var(--color-accent);--spinner-on-fill-track:var(--paper-28);--icon-sm:12px;--scrollbar-size:6px;--icon-md:14px;--icon-lg:16px;--icon-optical-lift:-.5px;--why-not-write-width:340px;--notice-body-min:160px;--templates-page-max:1180px;--template-card-min:300px;--template-card-lift:-2px;--template-thumb-ratio:1.386;--template-strip-min:900px;--template-fact-min:160px;--seg-icon:15px;--avatar-size:18px;--avatar-lg:32px;--swatch-size:22px;--control-size-xs:18px;--control-size-sm:24px;--sr-size:1px;--sr-offset:-1px;--dock-bar-height:calc(var(--control-size-sm) + var(--space-1)*2 + var(--border-width)*2);--google-btn-min:40px;--row-height:32px;--menu-row-height:26px;--range-track-height:var(--control-height);--slider-track-size:var(--space-1);--slider-thumb-size:var(--icon-sm);--slider-progress:0%;--slider-track:var(--ink-25);--slider-track-hover:var(--ink-40);--slider-fill:var(--color-accent);--slider-thumb:var(--color-white);--slider-thumb-border:var(--ink-32);--switch-width:var(--space-12);--switch-height:var(--control-size-xs);--switch-knob-size:var(--icon-md);--switch-inset:calc((var(--switch-height) - var(--switch-knob-size))/2);--switch-travel:calc(var(--switch-width) - var(--switch-knob-size) - var(--switch-inset)*2);--switch-track:var(--ink-25);--switch-track-hover:var(--ink-40);--switch-knob-shadow:0 var(--border-width)var(--space-1)var(--ink-25);--textarea-min-height:56px;--field-label-width:72px;--field-label-width-compact:44px;--slider-value-width:48px;--angle-dial-size:28px;--zoom-readout-min:var(--angle-dial-size);--shortcut-key-min:52px;--font-picker-caret:var(--swatch-size);--sidebar-width:252px;--layers-panel-width:var(--sidebar-width);--inspector-panel-width:var(--sidebar-width);--tab-rail-width:32px;--ruler-size:20px;--toolbar-brand-min:277px;--toolbar-actions-min:248px;--menu-min-width:210px;--layer-menu-min:176px;--popover-sm:280px;--popover-edge:var(--space-4);--account-popover-width:var(--menu-min-width);--dialog-width:360px;--dialog-width-lg:420px;--dialog-width-paywall:300px;--dialog-width-support:480px;--support-field-min:160px;--dialog-width-wide:840px;--cloud-pop-width:240px;--cloud-badge-size:32px;--cloud-history-list-width:220px;--cloud-history-height:360px;--cloud-version-height:180px;--works-side-width:220px;--works-card-min:220px;--work-check-size:22px;--works-bar-height:52px;--works-thumb-ratio:1.386;--works-search-width:240px;--works-trash-thumb:96px;--works-empty-pad:72px;--works-empty-icon:36px;--dialog-rise:6px;--dialog-scale-in:.985;--duration-dialog-in:.22s;--font-size-title:18px;--onboarding-reason-min:200px;--onboarding-controls-width:200px;--onboarding-stage-height:372px;--preview-panel-gap:8px;--onboarding-feed-width:188px;--onboarding-copy-max:64ch;--onboarding-stage-min:58%;--onboarding-swatch-hover:1.12;--desktop-only-width:400px;--appstore-popover-width:360px;--phone-prompt-width:320px;--desktop-only-hero-height:168px;--checkout-sheet-width:340px;--checkout-sheet-max-height:90vh;--z-sheet:320;--page-width:640px;--blog-cover-aspect:6420/2778;--blog-cover-open-label:120px;--aspect-square:1/1;--aspect-phone:393/852;--blog-card-min:240px;--blog-spec-break:480px;--site-footer-col-min:72px;--site-newsletter-width:340px;--hub-page-width:1120px;--hub-card-min:248px;--hub-tile-aspect:4/3;--hub-search-width:220px;--hub-tile-min:220px;--hub-tile-arrow:28px;--hub-tile-lift:2px;--hub-browse-space:24px;--hub-closing-pad:72px;--hub-closing-copy:520px;--hub-closing-title:32px;--hub-closing-icon:56px;--hub-closing-icon-radius:13px;--hub-closing-overlap:14px;--hub-closing-tilt:7deg;--hub-closing-float:4px;--duration-hub-nudge:1s;--duration-hub-float:6s;--duration-hub-fan:.32s;--hub-form-width:560px;--hub-side-width:300px;--hub-field-area:140px;--hub-card-icon:32px;--hub-featured-copy:300px;--hub-featured-icon:64px;--hub-featured-stage-min:420px;--hub-loading-height:420px;--hub-card-icon-radius:8px;--rotate-half:180deg;--tool-preview-max:420px;--tool-strip-height:240px;--tool-thumb:40px;--tool-app-icon:56px;--tool-ghost-height:96px;--tool-maker-hero:168px;--tool-store-width:420px;--changelog-rail:24px;--changelog-dot:11px;--changelog-area-min:64px;--changelog-highlight-min:168px;--mcp-client-min:136px;--changelog-cover-aspect:2540/1520;--changelog-halo:4px;--tool-store-shot:112px;--tool-maker-glyph:44px;--tool-maker-grid-height:288px;--app-icon-radius:22.37%;--tool-maker-glyph-ink:55%;--list-max-sm:240px;--pg-nav-width:220px;--pg-knobs-width:260px;--pg-card-min:var(--menu-min-width);--pg-token-min:120px;--pg-swatch-height:var(--slider-value-width);--guide-overscan:4000px;--mockup-frame:4028px;--mockup-extent:8000px;--canvas-zoom:.16;--canvas-pan-x:40px;--canvas-pan-y:40px;--toolbar-height:var(--row-height);--control-height:25px;--layer-row-height:var(--row-height);--observe-margin:160px;--ruler-font-size:9px;--viewport-height:100vh;--viewport-width:100vw;--phone-pad:1.3995cqw;--phone-bezel:1.8321cqw;--phone-body-r:14.2494cqw;--phone-screen-r:12.4173cqw;--phone-btn-width:.7888cqw;--phone-btn-radius:.3053cqw;--phone-btn-inset:.7125cqw;--phone-btn-action-top:44.1476cqw;--phone-btn-action-h:5.597cqw;--phone-btn-vol-up-top:55.8524cqw;--phone-btn-vol-h:8.6514cqw;--phone-btn-vol-down-top:66.5394cqw;--phone-btn-power-top:60.4326cqw;--phone-btn-power-h:13.2316cqw;--phone-island-top:2.799cqw;--phone-island-w:32.061cqw;--phone-island-h:9.16cqw;--phone-island-r:4.58cqw;--ipad-pad:.5329cqw;--ipad-bezel:5.0388cqw;--ipad-body-r:3.876cqw;--ipad-screen-r:1.3566cqw;--ipad-btn-edge:.2422cqw;--ipad-btn-power-right:13.905cqw;--ipad-btn-power-w:6.9767cqw;--ipad-btn-thin:.3295cqw;--ipad-btn-radius:.1163cqw;--ipad-btn-vol-h:4.6512cqw;--ipad-btn-vol-up-top:24.564cqw;--ipad-btn-vol-down-top:29.99cqw;--ipad-rim-pad:.36cqw;--ipad-stroke:.08cqw;--ipad-rim-hi:.14cqw;--ipad-ring:.1cqw;--ipad-rim-glow:2.6cqw;--ipad-camera-top:1.8411cqw;--ipad-hairline:.05cqw;--ipad-screen-stroke:.12cqw;--ipad-screen-rim:.28cqw;--android-pad:1.335cqw;--android-bezel:1.699cqw;--android-body-r:11.165cqw;--android-screen-r:9.466cqw;--android-btn-width:.7524cqw;--android-btn-radius:.2913cqw;--android-btn-inset:.6796cqw;--android-btn-power-top:47.4515cqw;--android-btn-power-h:9.7087cqw;--android-btn-vol-top:64.9272cqw;--android-btn-vol-h:22.3301cqw;--android-punch-top:2.9126cqw;--android-punch-size:4.8544cqw;--duo-pad:.8088cqw;--duo-bezel:1.1029cqw;--duo-body-r:6.4706cqw;--duo-screen-r:5.3676cqw;--duo-btn-inset:.4118cqw;--duo-btn-width:.4559cqw;--duo-btn-radius:.1765cqw;--duo-btn-power-top:25.8088cqw;--duo-btn-power-h:6.4706cqw;--duo-btn-vol-top:37.5735cqw;--duo-btn-vol-h:13.2353cqw;--duo-punch-top:2.3529cqw;--duo-punch-right:2.9412cqw;--duo-punch-size:3.2353cqw;--watch-pad:4cqw;--watch-bezel:5.3333cqw;--watch-body-top:14.6333cqw;--watch-body-r:24cqw;--watch-screen-r:18.6667cqw;--watch-band-w:71.76cqw;--watch-band-h:21.3cqw;--watch-band-r:4.6667cqw;--watch-crown-top:46.6333cqw;--watch-crown-inset:1.1333cqw;--watch-crown-w:3cqw;--watch-crown-h:14.6667cqw;--watch-crown-r:1cqw;--watch-side-top:76.6333cqw;--watch-side-inset:2.8cqw;--watch-side-w:1.3333cqw;--watch-side-h:20.6667cqw;--watch-side-r:.6667cqw;--android-tablet-pad:.625cqw;--android-tablet-bezel:4.5455cqw;--android-tablet-body-r:3.8636cqw;--android-tablet-screen-r:1.3636cqw;--android-tablet-btn-edge:.2841cqw;--android-tablet-btn-power-right:14.9432cqw;--android-tablet-btn-power-w:7.2727cqw;--android-tablet-btn-thin:.3864cqw;--android-tablet-btn-vol-top:26.7614cqw;--android-tablet-btn-vol-h:12.5cqw;--android-tablet-camera-top:1.4659cqw;--android-tablet-camera:1.3636cqw;--phone-gold-metal:#c8b89a;--phone-gold-deep:#a89474;--phone-gold-spec:#fff7e68c;--phone-gold-shade:#46341c47;--phone-gold-btn-hi:#ddd0b4;--phone-gold-btn-lo:#9a8664;--phone-black-metal:#3a3a3e;--phone-black-deep:#262628;--phone-black-spec:#e6e6eb47;--phone-black-shade:#00000073;--phone-black-btn-hi:#6a6a70;--phone-black-btn-lo:#1c1c1e;--phone-natural-metal:#9a9894;--phone-natural-deep:#6e6c68;--phone-natural-spec:#f5f3ee6b;--phone-natural-shade:#28262252;--phone-natural-btn-hi:#c8c6c2;--phone-natural-btn-lo:#6a6864;--phone-white-metal:#e8e6e1;--phone-white-deep:#c4c2bc;--phone-white-spec:#ffffffb3;--phone-white-shade:#5a585238;--phone-white-btn-hi:#f4f3ef;--phone-white-btn-lo:#b0aea8;--phone-blue-metal:#4a5a6e;--phone-blue-deep:#2c3848;--phone-blue-spec:#d2e0ee61;--phone-blue-shade:#0a101866;--phone-blue-btn-hi:#7a8ca0;--phone-blue-btn-lo:#2a3440;--phone-desert-metal:#c4a090;--phone-desert-deep:#9a7466;--phone-desert-spec:#ffece080;--phone-desert-shade:#482a204d;--phone-desert-btn-hi:#e0c4b4;--phone-desert-btn-lo:#8a685c;--ipad-white-metal:#d6d4cf;--ipad-white-deep:#9a9892;--ipad-white-spec:#ffffffe0;--ipad-white-shade:#44403a66;--ipad-white-btn-lo:#8a8882;--ipad-black-metal:#404044;--ipad-black-spec:#ececf066;--ipad-natural-metal:#8e8c88;--ipad-natural-deep:#585652;--ipad-natural-spec:#faf8f285;--ipad-natural-shade:#1c1a166b}[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--color-app:#1d1d1d;--color-workspace:var(--color-app);--color-workspace-dot:#ffffff12;--color-surface:#2a2a2a;--color-surface-2:#1f1f1f;--color-ink:#e8e8e8;--color-muted:#9a9a9a;--color-border:#3e3e3e;--color-border-strong:#4a4a4a;--color-scrollbar:#ffffff29;--color-hover:#333;--skeleton-base:#303030;--skeleton-shine:#ffffff0f;--color-accent:#2d8cff;--color-accent-hover:#4da0ff;--color-accent-muted:#1a3a5c;--color-on-accent:#fff;--color-accent-fill:#1473e6;--color-accent-fill-hover:#0d66d0;--color-accent-on-muted:#5aa5ff;--color-danger:#e34850;--color-danger-hover:#f05a62;--color-danger-muted:#3a1c1e;--color-on-danger:#fff;--color-live:#3dcc6f;--color-offline:#e6b800;--color-pro:#e6b84f;--color-pro-ink:#241800;--color-pro-soft:#2e2410;--color-focus:var(--color-accent);--color-guide:#2d8cff;--color-snap:#f24822;--color-backdrop:#0000009e;--shadow-md:0 var(--space-5)var(--shadow-blur-dark)#00000073;--slider-track:var(--paper-22);--slider-track-hover:var(--paper-35);--slider-thumb:var(--color-ink);--slider-thumb-border:var(--paper-40);--switch-track:var(--paper-22);--switch-track-hover:var(--paper-35)}:root{--share-pop-width:360px;--share-icon-size:40px;--share-list-thumb:132px;--share-card-ratio:1200/630;--share-card-ground:#0b0b0e;--share-card-ink:#f5f5f7;--share-card-muted:#f5f5f79e;--share-card-edge:#ffffff1f;--share-card-edge-width:2px;--share-card-pad:64px;--share-card-title:56px;--share-card-subtitle:24px;--share-card-line-gap:12px;--share-card-shot-gap:40px;--share-card-mark:32px;--share-card-wordmark:26px;--share-card-radius:20px;--viewer-page-width:1180px;--viewer-phone-max:720px;--viewer-icon-size:64px;--viewer-icon-size-sm:48px;--viewer-icon-radius:14px;--viewer-icon-radius-sm:11px;--viewer-name-size:24px;--viewer-name-size-phone:20px;--viewer-store-per-view:3;--viewer-arrow-size:36px;--viewer-shot-radius:var(--radius-xl);--viewer-search-radius:16px;--viewer-get-width:64px;--viewer-pan-height:56vh;--viewer-minimap-height:40px;--viewer-strip-slide:62vw;--viewer-strip-slide-max:260px;--viewer-gone-max:480px;--copy-banner-max:720px}*,*:before,*:after{box-sizing:border-box}:not(html){scrollbar-width:thin;scrollbar-color:var(--color-scrollbar)transparent}@supports  not (scrollbar-width: thin){:not(html)::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}:not(html)::-webkit-scrollbar-track{background:0 0}:not(html)::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--color-scrollbar)}}html{background:var(--color-app)}body{min-height:var(--viewport-height);background:var(--color-app);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--font-size-md);line-height:var(--leading-ui);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}input[type=color]{border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);width:var(--swatch-size);height:var(--swatch-size);cursor:pointer;background:var(--color-surface-2);padding:0}input[type=number],input[type=text],input[type=search],textarea,select{height:var(--control-height);min-height:var(--control-height);padding:0 var(--space-2);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);width:100%}textarea{padding:var(--space-3);resize:vertical;min-height:var(--textarea-min-height);line-height:var(--leading-body);height:auto}input[type=range]{-webkit-appearance:none;appearance:none;height:var(--range-track-height);cursor:pointer;background:0 0;width:100%;margin:0}input[type=range]:focus{outline:none}input[type=range]:focus-visible{outline:none}select{padding-right:var(--space-9)}:focus-visible{outline:var(--border-width)solid var(--color-focus);outline-offset:0}::selection{background:var(--color-accent-muted);color:var(--color-ink)}.appscreen{display:flex;height:var(--viewport-height);overflow:hidden;background:var(--color-app);font-family:var(--font-ui);font-size:var(--font-size-md);flex-direction:column}.toolbar{display:flex;height:var(--toolbar-height);padding:0 var(--space-2)0 var(--toolbar-inset);background:var(--color-surface);border-bottom:var(--border-width)solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items: center}.toolbar-brand{display:flex;align-items: center;gap:var(--space-3);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);color:var(--color-ink);min-width:var(--toolbar-brand-min)}.toolbar-brand svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-muted)}.toolbar-center{display:flex;align-items: center;gap:var(--space-1);flex:1;justify-content:center}.toolbar-devices{display:flex;align-items: center;gap:var(--space-1)}.toolbar-sep{width:var(--border-width);height:var(--icon-md);margin:0 var(--space-4);background:var(--color-border);flex-shrink:0}.btn-icon{display:flex;width:var(--control-size-sm);height:var(--control-size-sm);border-radius:var(--radius-sm);color:var(--color-muted);justify-content:center;align-items: center}.btn-icon svg{width:var(--icon-md);height:var(--icon-md)}.btn-icon:hover:not(:disabled){background:var(--color-hover);color:var(--color-ink)}.btn-icon:disabled{opacity:var(--opacity-35);cursor:not-allowed}.btn-icon.is-active,.btn-icon.is-on{background:var(--color-hover);color:var(--color-ink)}.btn-danger{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);background:var(--color-danger);color:var(--color-on-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.icon{display:inline-flex;flex-shrink:0;justify-content:center;align-items: center}.icon-sm svg{width:var(--icon-sm);height:var(--icon-sm)}.icon-md svg{width:var(--icon-md);height:var(--icon-md)}.icon-lg svg{width:var(--icon-lg);height:var(--icon-lg)}.input,.select,.pg-knob-select{height:var(--control-height);padding:0 var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.input:focus-visible{outline:none;border-color:var(--color-focus);box-shadow:var(--focus-field-ring)}.select:focus-visible{outline:none;border-color:var(--color-focus);box-shadow:var(--focus-field-ring)}.checkbox{width:var(--icon-md);height:var(--icon-md);accent-color:var(--color-accent)}.search-input{display:flex;align-items: center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2)}.search-input input{color:inherit;font:inherit;font-size:var(--font-size-sm);background:0 0;border:0;flex:1;min-width:0}.search-input input:focus{outline:none}.menu{position:fixed;z-index:var(--z-menu);max-width:calc(var(--menu-min-width) - var(--space-3));padding:var(--space-2)0;background:var(--color-surface-2);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:0}.menu button{display:block;padding:var(--space-2)var(--space-4);text-align:left;font:inherit;font-size:var(--font-size-sm);color:var(--color-ink);width:100%}.menu button:hover:not(:disabled){background:var(--color-hover)}.menu button.is-danger{color:var(--color-danger)}.menu-sep{height:var(--border-width);margin:var(--space-2)0;background:var(--color-border)}.popover{padding:var(--space-3);background:var(--color-surface-2);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.spinner{display:inline-flex;justify-content:center;align-items: center}.spinner-ring{width:var(--icon-lg);height:var(--icon-lg);border:var(--focus-ring-width)solid var(--spinner-track);border-top-color:var(--spinner-ink);animation:spin var(--duration-fast)linear infinite;border-radius:50%}.btn-primary,.btn-danger{--spinner-track:var(--spinner-on-fill-track);--spinner-ink:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.toast{display:inline-flex;padding:var(--space-1)var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-on-muted);background:var(--color-accent-muted);border-radius:var(--radius-sm);animation:toast-in var(--duration-fast)ease-out}.toolbar-toast{margin-left:var(--space-4);padding:var(--space-1)var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-on-muted);background:var(--color-accent-muted);border-radius:var(--radius-sm);animation:toast-in var(--duration-in)ease-out}@keyframes toast-in{0%{opacity:var(--opacity-0)}to{opacity:var(--opacity-100)}}.toolbar-actions{display:flex;align-items: center;gap:var(--space-2);min-width:var(--toolbar-actions-min)}.toolbar-actions .btn-primary{white-space:nowrap;width:100%}.toolbar-actions .btn-secondary{white-space:nowrap;width:100%}.toolbar-actions .btn-ghost{white-space:nowrap;width:100%}.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-decoration:none;line-height:1}.btn-primary svg,.btn-secondary svg,.btn-ghost svg,.btn-primary .spinner-ring,.btn-secondary .spinner-ring,.btn-ghost .spinner-ring,.btn-danger .spinner-ring{width:var(--icon-sm);height:var(--icon-sm)}.btn-primary{background:var(--color-accent-fill);color:var(--color-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-fill-hover)}.btn-secondary{background:var(--color-surface-2);border:var(--border-width)solid var(--color-border);color:var(--color-ink)}.btn-secondary:hover:not(:disabled){background:var(--color-hover)}.btn-ghost{padding:0 var(--space-3);color:var(--color-muted)}.btn-ghost:hover{color:var(--color-ink);background:var(--color-hover)}button:disabled{opacity:var(--opacity-50);cursor:not-allowed}.editor-body{display:flex;position:relative;flex:1;min-height:0}.editor-body.is-loading{justify-content:center;align-items: center}.tab-rail,.tool-rail{display:flex;width:var(--tab-rail-width);background:var(--color-surface);border-right:var(--border-width)solid var(--color-border);flex-direction:column;flex-shrink:0}.tab-rail button,.tool-rail button{position:relative;display:flex;height:var(--row-height);color:var(--color-muted);justify-content:center;align-items: center;width:100%}.tab-rail button svg,.tool-rail button svg{width:var(--icon-lg);height:var(--icon-lg)}.tab-rail button:focus-visible{outline-offset:calc(var(--focus-ring-width)*-1)}.tool-rail button:focus-visible{outline-offset:calc(var(--focus-ring-width)*-1)}.tab-rail button:hover,.tool-rail button:hover{color:var(--color-ink);background:var(--color-hover)}.tab-rail button.is-active,.tool-rail button.is-active{color:var(--color-accent-on-muted);background:var(--color-accent-muted)}.tab-rail button.is-active:before,.tool-rail button.is-active:before{content:"";position:absolute;left:0;top:var(--space-2);bottom:var(--space-2);width:var(--space-1);background:var(--color-accent)}.tool-rail button.is-agent{color:var(--color-ink)}.tool-rail button.is-agent svg{animation:agent-live var(--duration-agent-pulse)ease-in-out infinite}.tool-rail button.is-agent:after{content:"";position:absolute;top:var(--space-3);right:var(--space-3);width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);animation:agent-live var(--duration-agent-pulse)ease-in-out infinite;background:currentColor}@keyframes agent-live{50%{opacity:var(--opacity-40)}}@media (prefers-reduced-motion:reduce){.tool-rail button.is-agent svg,.tool-rail button.is-agent:after{animation:none}}.tool-rail-sep{height:var(--border-width);margin:var(--space-4);background:var(--color-border);flex-shrink:0}.tool-rail-account{margin-top:auto}.panel{display:flex;overflow:hidden;background:var(--color-surface);flex-direction:column;min-height:0}.sidebar,.panel-layers,.panel-inspector{display:flex;background:var(--color-surface);overflow:hidden;flex-direction:column;flex-shrink:0;min-height:0}.sidebar{width:var(--sidebar-width)}.panel-layers{width:var(--layers-panel-width,var(--sidebar-width))}.panel-inspector{width:var(--inspector-panel-width,var(--sidebar-width))}.panel-layers,.panel-inspector{position:relative}.panel-resize{position:absolute;width:var(--space-3);z-index:var(--z-resize);cursor:col-resize;touch-action:none;height:100%;top:0;right:0}.panel-resize.is-start{left:0;right:auto}.panel-resize:after{content:"";position:absolute;width:var(--space-1);pointer-events:none;background:0 0;top:0;bottom:0;right:0}.panel-resize.is-start:after{left:0;right:auto}.panel-resize:hover:after,.panel-layers.is-resizing .panel-resize:after,.panel-inspector.is-resizing .panel-resize:after{background:var(--color-accent)}.editor-body.is-resizing-layers,.editor-body.is-resizing-layers *,.editor-body.is-resizing-inspector,.editor-body.is-resizing-inspector *{cursor:col-resize!important;user-select:none!important}.sidebar,.panel-layers{border-right:var(--border-width)solid var(--color-border)}.panel-inspector{border-left:var(--border-width)solid var(--color-border)}.sidebar-panel,.inspector-panel{padding:var(--space-4)var(--space-5);overflow-x:hidden;overflow-y:auto;flex:1;min-height:0}.sidebar-panel>.panel-header,.inspector-panel>.panel-header{margin:calc(-1*var(--space-4))calc(-1*var(--space-5))0}.sidebar-panel>.group,.inspector-panel>.group{margin-left:calc(-1*var(--space-5));margin-right:calc(-1*var(--space-5))}.layers-head,.panel-header{display:flex;height:var(--row-height);padding:0 var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);border-bottom:var(--border-width)solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items: center}.sidebar-heading{margin:0 0 var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted)}.layers-head .sidebar-heading,.panel-header .sidebar-heading{margin:0}.sidebar-empty{color:var(--color-muted);font-size:var(--font-size-md)}.sidebar-hint{margin:var(--space-4)0 0;font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--leading-copy)}.preset-actions{display:flex;gap:var(--space-2);margin:var(--space-4)0 var(--space-3)}.preset-actions .btn-secondary,.preset-actions .btn-ghost,.preset-actions .btn-primary{flex:1}.preset-confirm{margin:var(--space-4)0 var(--space-3);padding:var(--space-4);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2)}.preset-confirm p{margin:0 0 var(--space-4);font-size:var(--font-size-sm);line-height:var(--leading-body);color:var(--color-ink)}.preset-confirm .preset-actions{margin:0}.sidebar-subheading{margin:var(--space-7)0 var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted)}.shortcut-list{margin:0}.shortcut-list div{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.shortcut-list dt{min-width:var(--shortcut-key-min);font-weight:var(--font-weight-semibold);font-family:var(--font-mono);color:var(--color-ink)}.shortcut-list dd{color:var(--color-muted);margin:0}.group{border-bottom:var(--border-width)solid var(--color-border)}.group-head{display:flex;height:var(--control-size-sm);padding:0 var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);text-align:left;cursor:pointer;align-items: center;width:100%}.group-head:before{content:"";margin-right:var(--space-3);border-style:solid;border-width:var(--chevron-short)0 var(--chevron-short)var(--chevron-long);border-color:transparent transparent transparent var(--color-muted);flex-shrink:0;width:0;height:0}.group-head:hover{background:var(--color-hover);color:var(--color-ink)}.group-body{display:none;padding:var(--space-1)var(--space-5);overflow-x:hidden}.group.is-open .group-body{display:block}.group.is-open .group-head:before{border-width:var(--chevron-long)var(--chevron-short)0;border-color:var(--color-muted)transparent transparent}.field{display:grid;grid-template-columns:var(--field-label-width)minmax(0,1fr);align-items: center;gap:var(--space-4);margin:var(--space-4)0;min-width:0;max-width:100%}.field>:nth-child(n+3){grid-column:2}.field>:not(:first-child){min-width:0}.field:has(textarea){align-items: start}.field:has(.thumb-preview){align-items: start}.field-label,.field>span:first-child{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);cursor:default;user-select:none;line-height:var(--leading-tight)}.field-label.is-scrub{cursor:ew-resize}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3);align-items: start}.field-row>.field{grid-template-columns:var(--field-label-width-compact)1fr;margin:0}.field-row>.field:only-child{grid-column:1/-1}.field-toggle{align-items: center}.field-toggle input[type=checkbox]{accent-color:var(--color-accent);justify-self:start;width:auto;height:auto}.field-value{font-size:var(--font-size-sm);color:var(--color-muted);font-family:var(--font-mono)}.field-hint{margin:var(--space-1)0;font-size:var(--font-size-sm);color:var(--color-muted)}.field-actions{display:flex;gap:var(--space-2)}.field-actions .btn-secondary,.field-actions .btn-ghost{flex:1;min-width:0}.inspector-range-hint{margin:0 0 var(--space-5);font-size:var(--font-size-sm);line-height:var(--leading-ui);color:var(--color-muted)}.inspector-range-hint.is-active{color:var(--color-accent)}.seg{display:flex;height:var(--control-height);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-2)}.seg button{display:inline-flex;padding:0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted);border-radius:0;flex:1;justify-content:center;align-items: center;min-width:0;height:100%}.seg button svg{width:var(--seg-icon);height:var(--seg-icon);flex-shrink:0}.seg button+button{border-left:var(--border-width)solid var(--color-border)}.seg button:hover{background:var(--color-hover);color:var(--color-ink)}.seg button.is-on{background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.num-field{height:var(--control-height);padding:0 var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-ink);width:100%;min-width:0}.num-field input{font:inherit;color:inherit;background:0 0;border:none;width:100%;min-width:0;height:100%;padding:0}.color-field{display:flex;align-items: center;gap:var(--space-3);height:var(--control-height);min-width:0}.color-swatch{position:relative;width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--radius-sm);overflow:hidden;border:var(--border-width)solid var(--color-border);background-color:var(--color-check-light);background-image:linear-gradient(45deg,var(--color-check-dark)25%,transparent 25%),linear-gradient(-45deg,var(--color-check-dark)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-check-dark)75%),linear-gradient(-45deg,transparent 75%,var(--color-check-dark)75%);background-size:var(--space-4)var(--space-4);background-position:0 0,0 var(--space-2),var(--space-2)calc(-1*var(--space-2)),calc(-1*var(--space-2))0;flex-shrink:0}.color-swatch-fill{position:absolute;pointer-events:none;inset:0}.color-swatch input[type=color]{position:absolute;opacity:var(--opacity-0);cursor:pointer;border:none;width:100%;height:100%;padding:0;inset:0}.color-swatch input[type=color]:disabled{cursor:default}.color-field .color-field-hex{height:var(--control-height);padding:0 var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-ink);flex:1;width:auto;min-width:0}.color-alpha-readout{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-ink);text-align:right;user-select:none}.slider-field{display:grid;grid-template-columns:1fr var(--slider-value-width);align-items: center;gap:var(--space-4);min-width:0}.slider-field input[type=number]{font-family:var(--font-mono);font-size:var(--font-size-sm);text-align:right;font-variant-numeric:tabular-nums}input[type=range]::-webkit-slider-runnable-track{height:var(--slider-track-size);border-radius:var(--radius-full);background:linear-gradient(to right,var(--slider-fill)var(--slider-progress),var(--slider-track)var(--slider-progress))}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--slider-fill)var(--slider-progress),var(--slider-track-hover)var(--slider-progress))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc((var(--slider-track-size) - var(--slider-thumb-size))/2);border:var(--border-width)solid var(--slider-thumb-border);border-radius:var(--radius-full);background:var(--slider-thumb);transition:border-color var(--duration-fast),background-color var(--duration-fast)}input[type=range]:hover::-webkit-slider-thumb{border-color:var(--slider-fill)}input[type=range]:active::-webkit-slider-thumb{background:var(--slider-fill);border-color:var(--slider-fill)}input[type=range]:focus-visible::-webkit-slider-thumb{border-color:var(--slider-fill);box-shadow:0 0 0 var(--focus-ring-width)var(--color-accent-muted)}input[type=range]::-moz-focus-outer{border:none}input[type=range]::-moz-range-track{height:var(--slider-track-size);border-radius:var(--radius-full);background:var(--slider-track);border:none}input[type=range]:hover::-moz-range-track{background:var(--slider-track-hover)}input[type=range]::-moz-range-progress{height:var(--slider-track-size);border-radius:var(--radius-full);background:var(--slider-fill);border:none}input[type=range]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border:var(--border-width)solid var(--slider-thumb-border);border-radius:var(--radius-full);background:var(--slider-thumb)}input[type=range]:hover::-moz-range-thumb{border-color:var(--slider-fill)}input[type=range]:active::-moz-range-thumb{background:var(--slider-fill);border-color:var(--slider-fill)}input[type=range]:focus-visible::-moz-range-thumb{border-color:var(--slider-fill);box-shadow:0 0 0 var(--focus-ring-width)var(--color-accent-muted)}.angle-control{display:grid;grid-template-columns:var(--angle-dial-size)1fr;gap:var(--space-4);align-items: center;min-width:0}.angle-dial{position:relative;width:var(--angle-dial-size);height:var(--angle-dial-size);border:var(--border-width)solid var(--color-border);cursor:grab;overflow:hidden;border-radius:50%;flex-shrink:0}.angle-dial:active{cursor:grabbing}.angle-dial.is-plain{background:var(--color-surface-2)}.angle-dial.is-plain .angle-dial-needle,.angle-dial.is-plain:after{background:var(--color-ink);box-shadow:none}.angle-dial-needle{position:absolute;left:50%;top:var(--space-2);width:var(--space-1);height:calc(50% - var(--space-2));margin-left:calc(-1*var(--border-width));background:var(--color-white);border-radius:var(--radius-xs);box-shadow:0 0 0 var(--border-width)var(--ink-45);transform-origin:50% 100%;pointer-events:none}.angle-dial:after{content:"";position:absolute;width:var(--space-2);height:var(--space-2);margin:calc(-1*var(--space-1))0 0 calc(-1*var(--space-1));background:var(--color-white);box-shadow:0 0 0 var(--border-width)var(--ink-45);pointer-events:none;border-radius:50%;top:50%;left:50%}.gradient-editor{margin:var(--space-2)0 var(--space-4)}.gradient-bar{position:relative;height:var(--swatch-size);margin:var(--space-2)var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);cursor:copy}.gradient-handle{position:absolute;width:var(--icon-sm);height:var(--icon-sm);border:var(--focus-ring-width)solid var(--color-white);border-radius:var(--radius-sm);box-shadow:0 0 0 var(--border-width)var(--ink-40);cursor:grab;z-index:var(--z-nudge);padding:0;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.gradient-handle:active{cursor:grabbing}.gradient-handle.is-on{box-shadow:0 0 0 var(--border-width)var(--color-accent),0 0 0 var(--chevron-short)var(--color-accent-muted)}.gradient-stop-meta{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4);margin:calc(-1*var(--space-1))0 var(--space-3)}.gradient-stop-delete{height:var(--swatch-size);padding:0 var(--space-3);font-size:var(--font-size-sm)}.gradient-stop-delete:disabled{opacity:var(--opacity-40);cursor:not-allowed}.pattern-picker{margin:var(--space-5)0 var(--space-4)}.pattern-picker>.field-label{display:flex;align-items: center;gap:var(--space-2);margin-bottom:var(--space-3)}.pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.pattern-swatch{position:relative;aspect-ratio:1.15;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-dial);overflow:hidden;padding:0}.pattern-swatch:hover{border-color:var(--color-border-strong)}.pattern-swatch.is-on{border-color:var(--color-accent);box-shadow:inset 0 0 0 var(--border-width)var(--color-accent)}.pattern-swatch-fill{position:absolute;inset:0}.pattern-swatch-none{position:absolute;inset:var(--space-3);background:linear-gradient(to top right,transparent calc(50% - var(--hairline-half)),var(--color-mid)calc(50% - var(--hairline-half)),var(--color-mid)calc(50% + var(--hairline-half)),transparent calc(50% + var(--hairline-half)))}.thumb-preview{border-radius:var(--radius-sm);border:var(--border-width)solid var(--color-border);margin-bottom:var(--space-3);width:100%}.layers-panel{display:flex;overflow:hidden;flex-direction:column;flex:1;min-height:0;padding:0}.toolbar-add{display:flex;align-items: center;gap:var(--space-1);margin-left:var(--space-4);padding-left:var(--space-4);border-left:var(--border-width)solid var(--color-border)}.layers-header{height:var(--row-height);padding:0}.layers-search-wrap{display:flex;align-items: center;gap:var(--space-2);padding:0 var(--space-5)0 var(--space-4);cursor:text;width:100%;height:100%}.layers-search-icon{width:var(--icon-md);height:var(--icon-md);color:var(--color-muted);flex-shrink:0}.layers-header .layers-search{display:block;padding:0 var(--border-width);font-size:var(--font-size-sm);color:var(--color-ink);appearance:none;-webkit-appearance:none;background:0 0;border:none;border-radius:0;flex:1;width:auto;min-width:0;height:100%;margin:0}.layers-header .layers-search:focus{outline:none}.layers-header .layers-search::placeholder{color:var(--color-muted)}.layer-list{list-style:none;padding:0 0 var(--space-4);overflow-y:auto;flex:1;margin:0}.layer-row-wrap{position:relative}.layer-row-wrap.is-drop-before:before{content:"";position:absolute;top:calc(-1*var(--border-width));left:var(--space-4);right:var(--space-4);height:var(--space-1);background:var(--color-accent);z-index:var(--z-raise)}.layer-drop-end{height:var(--space-1);margin:0 var(--space-4);background:var(--color-accent)}.layer-item{display:flex;align-items: center;gap:var(--space-2);height:var(--layer-row-height);padding:0 var(--space-3)0 var(--space-4);text-align:left;font-size:var(--font-size-md);user-select:none;cursor:default;width:100%}.layer-item:hover{background:var(--color-hover)}.layer-item.is-active{background:var(--color-accent-muted);color:var(--color-ink)}.layer-item.is-dragging,.layer-item.is-hidden .layer-name,.layer-item.is-hidden .layer-icon{opacity:var(--opacity-40)}.layer-icon{display:flex;width:var(--icon-lg);height:var(--icon-lg);color:var(--color-muted);flex-shrink:0;justify-content:center;align-items: center}.layer-icon svg{width:var(--icon-md);height:var(--icon-md)}.layer-item.is-active .layer-icon{color:var(--color-accent)}.layer-thumb{width:var(--icon-lg);height:var(--icon-lg);object-fit:cover;border-radius:var(--radius-sm);background:var(--color-border)}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.layer-rename{height:var(--swatch-size);padding:0 var(--space-2);border:var(--border-width)solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface-2);font-size:var(--font-size-md);flex:1;width:auto;min-width:0}.layer-actions{display:flex;flex-shrink:0;align-items: center;gap:0}.layer-flag{display:flex;width:var(--control-size-sm);height:var(--control-size-sm);color:var(--color-muted);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items: center}.layer-item:hover .layer-flag,.layer-flag:hover,.layer-flag.is-on{color:var(--color-ink)}.layer-flag:hover{background:var(--color-hover)}.layer-flag svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.layer-menu{position:fixed;z-index:var(--z-layers);min-width:var(--layer-menu-min);padding:var(--space-2);background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.layer-menu button{display:block;min-height:var(--control-size-sm);padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);text-align:left;font-size:var(--font-size-sm);color:var(--color-ink);width:100%}.layer-menu button:hover{background:var(--color-hover)}.layer-menu button.is-danger{color:var(--color-danger)}.layer-menu button.is-danger:hover{background:var(--color-danger-muted)}.layer-menu-sep{height:var(--border-width);margin:var(--space-2)var(--space-3);background:var(--color-border)}.workspace{position:relative;overflow:hidden;background-color:var(--color-workspace);background-image:radial-gradient(circle,var(--color-workspace-dot)var(--border-width),transparent var(--border-width));background-size:var(--space-8)var(--space-8);background-attachment:fixed;flex:1}.workspace.is-space-pan,.workspace.is-space-pan *{cursor:grab!important}.workspace.is-panning,.workspace.is-panning *{cursor:grabbing!important}.workspace.is-z-zoom,.workspace.is-z-zoom *{cursor:zoom-in!important}.workspace.is-z-zoom.is-z-out,.workspace.is-z-zoom.is-z-out *{cursor:zoom-out!important}.zoom-marquee{position:absolute;pointer-events:none;z-index:var(--z-status);border:var(--border-width)solid var(--color-accent);background:color-mix(in srgb,var(--color-accent)14%,transparent)}.workspace.is-loading{pointer-events:none}.canvas-loading{position:absolute;display:flex;pointer-events:none;justify-content:center;align-items: center;inset:0}.ios-spinner{position:relative;display:block;width:var(--space-9);height:var(--space-9);color:var(--color-muted)}.ios-spinner span{position:absolute;transform:rotate(calc(var(--spoke)*30deg));animation:ios-spinner-fade var(--duration-spin)linear infinite;animation-delay:calc(var(--spoke)*-1*var(--ios-spoke-delay));inset:0}.ios-spinner span:after{content:"";position:absolute;left:50%;top:var(--border-width);width:var(--space-1);height:var(--bezel-tick);margin-left:calc(-1*var(--border-width));border-radius:var(--radius-xs);background:currentColor}@keyframes ios-spinner-fade{0%{opacity:var(--opacity-100)}to{opacity:var(--opacity-15)}}@media (prefers-reduced-motion:reduce){.ios-spinner span{animation:none;opacity:var(--opacity-28)}.ios-spinner span:first-child{opacity:var(--opacity-90)}}.skeleton,img.skeleton{background-color:var(--skeleton-base);background-image:linear-gradient(100deg,transparent 30%,var(--skeleton-shine)50%,transparent 70%);animation:skeleton-shimmer var(--duration-shimmer)ease-in-out infinite;background-repeat:no-repeat;background-size:200% 100%}span.skeleton{display:block}@keyframes skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.skeleton,img.skeleton{animation:none;background-image:none}}.image-over-waiting{position:relative;z-index:var(--z-raise)}.image-waiting-skeleton{width:100%;height:100%}.canvas-viewport{position:absolute;overflow:hidden;inset:0}.canvas-stage{position:absolute;transform:translate(var(--canvas-pan-x),var(--canvas-pan-y));will-change:transform;top:0;left:0}.canvas-document{position:relative;overflow:hidden;isolation:isolate}.canvas-panel-pattern{position:absolute;pointer-events:none;z-index:var(--z-base);top:0}.canvas-split{position:absolute;width:var(--tick-size);background-color:var(--color-workspace);background-image:radial-gradient(circle,var(--color-workspace-dot)var(--border-width),transparent var(--border-width));background-size:var(--space-8)var(--space-8);pointer-events:none;z-index:var(--z-canvas);background-attachment:fixed;top:0;transform:translate(-50%)}.canvas-add-slide{position:absolute;z-index:var(--z-canvas);display:grid;width:var(--space-12);height:var(--space-12);color:var(--color-muted);opacity:var(--opacity-55);cursor:pointer;background:0 0;border:none;place-items: center;margin:0;padding:0;transform:translateY(-50%)}.canvas-add-slide:hover{opacity:var(--opacity-100);color:var(--color-ink)}.canvas-add-slide svg{width:var(--icon-lg);height:var(--icon-lg)}.canvas-slide-index{position:absolute;z-index:var(--z-status);display:grid;width:var(--space-12);height:var(--space-12);color:var(--color-muted);opacity:var(--opacity-55);cursor:grab;font:inherit;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);user-select:none;touch-action:none;background:0 0;border:none;place-items: center;margin:0;padding:0;top:0;transform:translate(-50%,-100%)}.canvas-slide-index:hover,.canvas-slide-index.is-dragging{opacity:var(--opacity-100);color:var(--color-ink)}.canvas-slide-index.is-focused{opacity:var(--opacity-100);color:var(--color-accent)}.canvas-slide-index.is-dragging{cursor:grabbing}.canvas-slide-index.is-static{cursor:default}.canvas-slide-insert{position:absolute;width:var(--border-width);background:var(--color-guide);pointer-events:none;z-index:var(--z-guide);top:0;transform:translate(-50%)}.canvas-el{position:absolute;cursor:pointer}.canvas-el>:not(.canvas-text-edit){pointer-events:none}.canvas-text{white-space:pre-wrap;word-break:break-word;pointer-events:auto;cursor:grab;user-select:none;outline:none}.canvas-text span,.canvas-text-edit{white-space:inherit;word-break:inherit}.canvas-text-edit{outline:none;min-height:var(--em-box);cursor:text;user-select:text;caret-color:var(--color-accent)}.canvas-text:active{cursor:grabbing}.canvas-text.is-editing{cursor:text;user-select:text;caret-color:var(--color-accent)}.canvas-text.is-editing:active{cursor:text}.canvas-mockup{transform-origin:center center;cursor:grab}.canvas-mockup:active{cursor:grabbing}.phone-css{--metal:var(--phone-gold-metal);--metal-deep:var(--phone-gold-deep);--metal-spec:var(--phone-gold-spec);--metal-shade:var(--phone-gold-shade);--btn-hi:var(--phone-gold-btn-hi);--btn-lo:var(--phone-gold-btn-lo);--pad:var(--phone-pad);--bezel:var(--phone-bezel);--body-r:var(--phone-body-r);--screen-r:var(--phone-screen-r);container-type:size;position:relative;width:100%;height:100%}.phone-css-gold{--metal:var(--phone-gold-metal);--metal-deep:var(--phone-gold-deep);--metal-spec:var(--phone-gold-spec);--metal-shade:var(--phone-gold-shade);--btn-hi:var(--phone-gold-btn-hi);--btn-lo:var(--phone-gold-btn-lo)}.phone-css-black{--metal:var(--phone-black-metal);--metal-deep:var(--phone-black-deep);--metal-spec:var(--phone-black-spec);--metal-shade:var(--phone-black-shade);--btn-hi:var(--phone-black-btn-hi);--btn-lo:var(--phone-black-btn-lo)}.phone-css-natural{--metal:var(--phone-natural-metal);--metal-deep:var(--phone-natural-deep);--metal-spec:var(--phone-natural-spec);--metal-shade:var(--phone-natural-shade);--btn-hi:var(--phone-natural-btn-hi);--btn-lo:var(--phone-natural-btn-lo)}.phone-css-white{--metal:var(--phone-white-metal);--metal-deep:var(--phone-white-deep);--metal-spec:var(--phone-white-spec);--metal-shade:var(--phone-white-shade);--btn-hi:var(--phone-white-btn-hi);--btn-lo:var(--phone-white-btn-lo)}.phone-css-blue{--metal:var(--phone-blue-metal);--metal-deep:var(--phone-blue-deep);--metal-spec:var(--phone-blue-spec);--metal-shade:var(--phone-blue-shade);--btn-hi:var(--phone-blue-btn-hi);--btn-lo:var(--phone-blue-btn-lo)}.phone-css-desert{--metal:var(--phone-desert-metal);--metal-deep:var(--phone-desert-deep);--metal-spec:var(--phone-desert-spec);--metal-shade:var(--phone-desert-shade);--btn-hi:var(--phone-desert-btn-hi);--btn-lo:var(--phone-desert-btn-lo)}.phone-css.is-landscape{transform:rotate(90deg)}.phone-css-btn{position:absolute;width:var(--phone-btn-width);border-radius:var(--phone-btn-radius);background:linear-gradient(90deg,var(--btn-hi),var(--btn-lo));box-shadow:inset 0 var(--border-width)0 var(--paper-35),0 var(--hairline-half)var(--hairline-half)var(--ink-30)}.phone-css-btn-action{left:var(--phone-btn-inset);top:var(--phone-btn-action-top);height:var(--phone-btn-action-h)}.phone-css-btn-vol-up{left:var(--phone-btn-inset);top:var(--phone-btn-vol-up-top);height:var(--phone-btn-vol-h)}.phone-css-btn-vol-down{left:var(--phone-btn-inset);top:var(--phone-btn-vol-down-top);height:var(--phone-btn-vol-h)}.phone-css-btn-power{right:var(--phone-btn-inset);top:var(--phone-btn-power-top);height:var(--phone-btn-power-h)}.phone-css-body{position:absolute;top:var(--pad);right:var(--pad);bottom:var(--pad);left:var(--pad);border-radius:var(--body-r);background-color:var(--metal);background-image:repeating-linear-gradient(90deg,transparent 0,transparent var(--border-width),var(--paper-3)var(--border-width),var(--paper-3)var(--focus-ring-width)),repeating-linear-gradient(0deg,transparent 0,transparent var(--focus-ring-width),var(--ink-025)var(--focus-ring-width),var(--ink-025)var(--chevron-short)),linear-gradient(180deg,var(--paper-16)0%,transparent 10%,transparent 90%,var(--ink-14)100%);overflow:hidden;box-shadow:var(--device-shadow)}.phone-css-body:before{content:"";position:absolute;border-radius:inherit;pointer-events:none;padding:var(--stroke-device);background:linear-gradient(160deg,var(--metal-spec)0%,var(--paper-8)22%,transparent 45%,var(--metal-shade)78%,var(--paper-10)100%);-webkit-mask:linear-gradient(var(--color-black)0 0)content-box,linear-gradient(var(--color-black)0 0);mask:linear-gradient(var(--color-black)0 0)content-box,linear-gradient(var(--color-black)0 0);-webkit-mask-composite:xor;mask-composite:exclude;inset:0}.phone-css-body:after{content:"";position:absolute;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 var(--border-width)var(--ink-18),inset 0 var(--border-width)0 var(--paper-20);inset:0}.phone-css-antenna{position:absolute;background:var(--ink-14);height:.55%;left:20%;right:20%}.phone-css-antenna-top{border-radius:0 0 var(--radius-sm)var(--radius-sm);top:0}.phone-css-antenna-bottom{border-radius:var(--radius-sm)var(--radius-sm)0 0;bottom:0}.phone-css-screen{position:absolute;top:var(--bezel);right:var(--bezel);bottom:var(--bezel);left:var(--bezel);border-radius:var(--screen-r);overflow:hidden;background:var(--color-screen);box-shadow:0 0 0 var(--border-width)var(--ink-65),inset 0 0 0 var(--border-width)var(--paper-10)}.phone-css-shot{display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.phone-css-shot.is-cover{object-fit:cover}.phone-css-shot.is-contain{object-fit:contain;background:var(--color-black)}.phone-css-placeholder{background:linear-gradient(160deg,var(--color-demo-teal),var(--color-demo-mint)50%,var(--color-demo-pink));width:100%;height:100%}.phone-css-island{position:absolute;top:var(--phone-island-top);width:var(--phone-island-w);height:var(--phone-island-h);background:var(--color-screen);border-radius:var(--phone-island-r);box-shadow:inset 0 0 0 var(--border-width)var(--paper-6);left:50%;transform:translate(-50%)}.phone-css-lens{position:absolute;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,var(--color-lens-glow),transparent 46%),var(--color-lens);border-radius:50%;width:11%;top:50%;right:10%;transform:translateY(-50%)}.phone-css-glass{position:absolute;border-radius:inherit;pointer-events:none;box-shadow:inset 0 var(--hairline-device)0 var(--paper-12);background:linear-gradient(180deg,var(--paper-4),transparent 14%);inset:0}.ipad-css{--pad:var(--ipad-pad);--bezel:var(--ipad-bezel);--body-r:var(--ipad-body-r);--screen-r:var(--ipad-screen-r);container-type:size;position:relative;width:100%;height:100%}.ipad-css.phone-css-white{--metal:var(--ipad-white-metal);--metal-deep:var(--ipad-white-deep);--metal-spec:var(--ipad-white-spec);--metal-shade:var(--ipad-white-shade);--btn-hi:var(--phone-white-btn-hi);--btn-lo:var(--ipad-white-btn-lo)}.ipad-css.phone-css-black{--metal:var(--ipad-black-metal);--metal-deep:var(--phone-black-btn-lo);--metal-spec:var(--ipad-black-spec);--metal-shade:var(--ink-55)}.ipad-css.phone-css-natural{--metal:var(--ipad-natural-metal);--metal-deep:var(--ipad-natural-deep);--metal-spec:var(--ipad-natural-spec);--metal-shade:var(--ipad-natural-shade)}.ipad-css.is-landscape{transform:rotate(90deg)}.ipad-css-btn{position:absolute;box-shadow:inset 0 var(--border-width)0 var(--paper-40),inset 0 calc(-1*var(--hairline-half))0 var(--ink-25),0 var(--hairline-half)var(--hairline-half)var(--ink-30)}.ipad-css-btn-power{top:var(--ipad-btn-edge);right:var(--ipad-btn-power-right);width:var(--ipad-btn-power-w);height:var(--ipad-btn-thin);border-radius:var(--ipad-btn-radius);background:linear-gradient(180deg,var(--btn-hi)0%,var(--metal)38%,var(--btn-lo)72%,var(--metal-deep)100%)}.ipad-css-btn-vol-up,.ipad-css-btn-vol-down{right:var(--ipad-btn-edge);width:var(--ipad-btn-thin);height:var(--ipad-btn-vol-h);border-radius:var(--ipad-btn-radius);background:linear-gradient(270deg,var(--btn-hi)0%,var(--metal)32%,var(--btn-lo)68%,var(--metal-deep)100%)}.ipad-css-btn-vol-up{top:var(--ipad-btn-vol-up-top)}.ipad-css-btn-vol-down{top:var(--ipad-btn-vol-down-top)}.ipad-css-body{position:absolute;top:var(--pad);right:var(--pad);bottom:var(--pad);left:var(--pad);border-radius:var(--body-r);background-color:var(--metal);background-image:radial-gradient(80% 48% at 14% 4%,var(--metal-spec),transparent 46%),radial-gradient(62% 46% at 90% 98%,var(--metal-shade),transparent 50%),linear-gradient(145deg,var(--metal-spec)0%,var(--metal)8%,var(--metal-deep)20%,var(--metal)34%,var(--metal-deep)50%,var(--metal)66%,var(--metal-deep)82%,var(--metal)92%,var(--metal-spec)100%);overflow:hidden;box-shadow:var(--device-shadow)}.ipad-css-body:before{content:"";position:absolute;border-radius:inherit;pointer-events:none;padding:var(--ipad-rim-pad);background:conic-gradient(from 210deg,var(--metal-spec)0deg,var(--paper-42)28deg,var(--metal)58deg,var(--metal-shade)96deg,var(--ink-32)138deg,var(--metal-deep)176deg,var(--metal-shade)214deg,var(--metal)258deg,var(--paper-28)304deg,var(--metal-spec)348deg,var(--metal-spec)360deg);-webkit-mask:linear-gradient(var(--color-black)0 0)content-box,linear-gradient(var(--color-black)0 0);mask:linear-gradient(var(--color-black)0 0)content-box,linear-gradient(var(--color-black)0 0);-webkit-mask-composite:xor;mask-composite:exclude;inset:0}.ipad-css-body:after{content:"";position:absolute;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 var(--ipad-stroke)var(--ink-22),inset 0 var(--ipad-rim-hi)0 var(--paper-30),inset 0 calc(-1*var(--ipad-ring))0 var(--ink-16),inset 0 0 var(--ipad-rim-glow)var(--ink-10);inset:0}.ipad-css-camera{position:absolute;z-index:var(--z-raise);top:var(--ipad-camera-top);width:var(--ipad-screen-r);aspect-ratio:1;background:radial-gradient(circle at 32% 28%,var(--paper-28),transparent 42%),radial-gradient(circle at 70% 74%,var(--ink-50),transparent 55%),var(--color-camera);box-shadow:0 0 0 var(--ipad-ring)color-mix(in srgb,var(--metal-deep)72%,var(--color-black)28%),inset 0 var(--ipad-hairline)0 var(--paper-22),inset 0 0 0 var(--ipad-stroke)var(--ink-55);border-radius:50%;left:50%;transform:translate(-50%)}.ipad-css-camera:after{content:"";position:absolute;background:radial-gradient(circle at 32% 28%,var(--color-lens-core),transparent 38%),radial-gradient(circle at 62% 68%,var(--color-lens-shade),transparent 58%),var(--color-lens);box-shadow:inset 0 0 0 var(--ipad-hairline)var(--paper-16),0 0 0 var(--ipad-hairline)var(--ink-40);border-radius:50%;inset:22%}.ipad-css-screen{position:absolute;z-index:var(--z-nudge);left:var(--bezel);right:var(--bezel);aspect-ratio:2064/2752;border-radius:var(--screen-r);overflow:hidden;background:var(--color-screen);box-shadow:0 0 0 var(--ipad-screen-stroke)var(--ink-50),0 0 0 var(--ipad-screen-rim)color-mix(in srgb,var(--metal-deep)72%,var(--color-black)28%),inset 0 0 0 var(--ipad-ring)var(--paper-16);width:auto;height:auto;top:50%;transform:translateY(-50%)}.ipad-css-glass{position:absolute;border-radius:inherit;pointer-events:none;box-shadow:inset 0 var(--hairline-device-strong)0 var(--paper-16);background:linear-gradient(165deg,var(--paper-8)0%,var(--paper-3)10%,transparent 24%,transparent 74%,var(--ink-045)100%);inset:0}.android-css{--pad:var(--android-pad);--bezel:var(--android-bezel);--body-r:var(--android-body-r);--screen-r:var(--android-screen-r)}.android-css .phone-css-btn{right:var(--android-btn-inset);width:var(--android-btn-width);border-radius:var(--android-btn-radius)}.android-css-btn-power{top:var(--android-btn-power-top);height:var(--android-btn-power-h)}.android-css-btn-vol{top:var(--android-btn-vol-top);height:var(--android-btn-vol-h)}.android-css-punch{position:absolute;top:var(--android-punch-top);width:var(--android-punch-size);aspect-ratio:1;background:radial-gradient(circle at 38% 34%,var(--color-lens-glow),transparent 30%),radial-gradient(circle,var(--color-lens)0 34%,var(--color-screen)36%);box-shadow:inset 0 0 0 var(--border-width)var(--paper-6);border-radius:50%;left:50%;transform:translate(-50%)}.device-bare{position:relative;overflow:hidden;background:var(--color-screen);width:100%;height:100%}.duo-css{--pad:var(--duo-pad);--bezel:var(--duo-bezel);--body-r:var(--duo-body-r);--screen-r:var(--duo-screen-r)}.duo-css .phone-css-btn{right:var(--duo-btn-inset);width:var(--duo-btn-width);border-radius:var(--duo-btn-radius)}.duo-css-btn-power{top:var(--duo-btn-power-top);height:var(--duo-btn-power-h)}.duo-css-btn-vol{top:var(--duo-btn-vol-top);height:var(--duo-btn-vol-h)}.duo-css-punch{position:absolute;top:var(--duo-punch-top);right:var(--duo-punch-right);width:var(--duo-punch-size);aspect-ratio:1;background:radial-gradient(circle at 38% 34%,var(--color-lens-glow),transparent 30%),radial-gradient(circle,var(--color-lens)0 34%,var(--color-screen)36%);box-shadow:inset 0 0 0 var(--border-width)var(--paper-6);border-radius:50%}.watch-css{--pad:var(--watch-pad);--bezel:var(--watch-bezel);--body-r:var(--watch-body-r);--screen-r:var(--watch-screen-r)}.watch-css .phone-css-body{top:var(--watch-body-top);bottom:var(--watch-body-top)}.watch-css-band{position:absolute;width:var(--watch-band-w);height:var(--watch-band-h);border-radius:var(--watch-band-r);background:linear-gradient(90deg,var(--metal-deep),var(--metal)50%,var(--metal-deep));left:50%;transform:translate(-50%)}.watch-css-band.is-top{top:0}.watch-css-band.is-bottom{bottom:0}.watch-css .phone-css-btn.watch-css-crown{top:var(--watch-crown-top);right:var(--watch-crown-inset);width:var(--watch-crown-w);height:var(--watch-crown-h);border-radius:var(--watch-crown-r)}.watch-css .phone-css-btn.watch-css-side{top:var(--watch-side-top);right:var(--watch-side-inset);width:var(--watch-side-w);height:var(--watch-side-h);border-radius:var(--watch-side-r)}.android-tablet-css{--pad:var(--android-tablet-pad);--bezel:var(--android-tablet-bezel);--body-r:var(--android-tablet-body-r);--screen-r:var(--android-tablet-screen-r)}.android-tablet-css .ipad-css-btn-power{top:var(--android-tablet-btn-edge);right:var(--android-tablet-btn-power-right);width:var(--android-tablet-btn-power-w);height:var(--android-tablet-btn-thin)}.android-tablet-css .ipad-css-btn-vol-up{right:var(--android-tablet-btn-edge);top:var(--android-tablet-btn-vol-top);width:var(--android-tablet-btn-thin);height:var(--android-tablet-btn-vol-h)}.android-tablet-css .ipad-css-camera{top:var(--android-tablet-camera-top);width:var(--android-tablet-camera)}.android-tablet-css .ipad-css-screen{aspect-ratio:1600/2560}.canvas-image{cursor:grab;overflow:hidden}.canvas-image:active{cursor:grabbing}.canvas-image-img{display:block;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.canvas-image-empty{display:flex;background:var(--paper-12);border:var(--border-width)dashed var(--paper-40);color:var(--paper-70);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);justify-content:center;align-items: center;width:100%;height:100%}.canvas-logo{display:flex;align-items: flex-start;gap:var(--space-4);cursor:grab;flex-direction:column}.canvas-logo.is-horizontal{flex-direction:row;align-items: center}.canvas-logo.is-align-left{justify-content:flex-start;align-items: flex-start}.canvas-logo.is-align-center{justify-content:center;align-items: center}.canvas-logo.is-align-right{justify-content:flex-end;align-items: flex-end}.canvas-logo.is-horizontal.is-align-left,.canvas-logo.is-horizontal.is-align-center,.canvas-logo.is-horizontal.is-align-right{align-items: center}.canvas-logo:active{cursor:grabbing}.canvas-logo-mark{position:relative;flex-shrink:0}.canvas-logo-mark svg{display:block;width:100%;height:100%}.canvas-logo-img{object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;flex-shrink:0}.canvas-logo.is-horizontal .canvas-logo-mark{flex-shrink:0}.canvas-logo-label{font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-none);white-space:nowrap}.canvas-logo.is-align-left .canvas-logo-label{text-align:left}.canvas-logo.is-align-center .canvas-logo-label{text-align:center}.canvas-logo.is-align-right .canvas-logo-label{text-align:right}.font-picker{position:relative;min-width:0}.font-picker-trigger{display:flex;height:var(--control-height);padding:0 var(--font-picker-caret)0 var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);font-size:var(--font-size-md);text-align:left;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted)50%),linear-gradient(135deg,var(--color-muted)50%,transparent 50%);background-position:right var(--hit-slop)top var(--space-5),right var(--tick-size)top var(--space-5);background-size:var(--space-2)var(--space-2);background-repeat:no-repeat;align-items: center;width:100%;min-width:0}.font-picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-trigger:hover{border-color:var(--color-border-strong)}.font-picker-popover{z-index:var(--z-layers);display:flex;max-height:var(--popover-sm);padding:var(--space-3);border:var(--border-width)solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);flex-direction:column}.font-picker-search{height:var(--control-height);margin-bottom:var(--space-2);padding:0 var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);font-size:var(--font-size-sm)}.font-picker-list{overflow-y:auto;overflow-anchor:none;list-style:none;flex:1;min-height:0;margin:0;padding:0}.font-picker-spacer{pointer-events:none;padding:0}.font-picker-list button{display:block;height:var(--control-size-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink);font-size:var(--font-size-md);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;width:100%}.font-picker-list button:hover,.font-picker-list button[data-highlighted=true]{background:var(--color-hover)}.font-picker-list button.is-on{background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.font-picker-empty{padding:var(--space-5)var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm)}.selection-overlay{position:absolute;z-index:var(--z-overlay);pointer-events:none;touch-action:none}.selection-frame{position:absolute;inset:calc(-1*var(--border-width));border:var(--stroke-mid)solid var(--color-accent);border-radius:var(--radius-sm)}.selection-handle{position:absolute;z-index:var(--z-raise);width:var(--space-4);height:var(--space-4);background:var(--color-on-accent);border:var(--stroke-mid)solid var(--color-accent);pointer-events:auto;touch-action:none;border-radius:50%;padding:0}.selection-edge{position:absolute;z-index:var(--z-nudge);pointer-events:auto;touch-action:none;background:0 0;border:0;padding:0}.selection-edge-e,.selection-edge-w{top:var(--space-4);bottom:var(--space-4);width:var(--icon-sm);cursor:ew-resize}.selection-edge-e{right:calc(-1*var(--space-3))}.selection-edge-w{left:calc(-1*var(--space-3))}.selection-edge-n,.selection-edge-s{left:var(--space-4);right:var(--space-4);height:var(--icon-sm);cursor:ns-resize}.selection-edge-n{top:calc(-1*var(--space-3))}.selection-edge-s{bottom:calc(-1*var(--space-3))}.selection-handle:before{content:"";position:absolute;inset:calc(-1*var(--space-4))}.selection-handle-nw{top:calc(-1*var(--space-2));left:calc(-1*var(--space-2));cursor:nwse-resize}.selection-handle-ne{top:calc(-1*var(--space-2));right:calc(-1*var(--space-2));cursor:nesw-resize}.selection-handle-sw{bottom:calc(-1*var(--space-2));left:calc(-1*var(--space-2));cursor:nesw-resize}.selection-handle-se{bottom:calc(-1*var(--space-2));right:calc(-1*var(--space-2));cursor:nwse-resize}.selection-handle-n,.selection-handle-s{cursor:ns-resize;left:50%;transform:translate(-50%)}.selection-handle-n{top:calc(-1*var(--space-2))}.selection-handle-s{bottom:calc(-1*var(--space-2))}.selection-handle-e,.selection-handle-w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.selection-handle-e{right:calc(-1*var(--space-2))}.selection-handle-w{left:calc(-1*var(--space-2))}.selection-handle-radius{z-index:var(--z-nudge);width:var(--space-3);height:var(--space-3);background:var(--color-on-accent);cursor:grab}.selection-handle-radius:before{inset:calc(-1*var(--hit-slop))}.selection-handle-radius:active{cursor:grabbing}.selection-handle-rotate{top:calc(-1*var(--space-11));width:var(--control-size-sm);height:var(--control-size-sm);display:flex;overflow:hidden;background:var(--color-accent-fill);border:var(--focus-ring-width)solid var(--color-on-accent);color:var(--color-on-accent);cursor:grab;justify-content:center;align-items: center;left:50%;transform:translate(-50%)}.selection-handle-rotate svg{display:block;width:var(--icon-md);height:var(--icon-md);overflow:visible;flex-shrink:0}.selection-handle-rotate:active{cursor:grabbing}.zoom-bar{position:absolute;bottom:var(--space-6);left:var(--space-6);display:flex;align-items: center;gap:var(--space-2);padding:var(--space-1)var(--space-3);min-height:var(--dock-bar-height);background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:var(--z-dock)}.zoom-bar>button{display:flex;width:var(--control-size-lg);height:var(--control-size-sm);border-radius:var(--radius-sm);color:var(--color-muted);justify-content:center;align-items: center}.zoom-bar>button:hover{background:var(--color-hover);color:var(--color-ink)}.zoom-bar>button.is-active{color:var(--color-accent)}.zoom-bar>button svg{width:var(--icon-md);height:var(--icon-md)}.zoom-bar>span{min-width:var(--zoom-readout-min);text-align:center}.zoom-bar .zoom-bar-sep{width:var(--border-width);height:var(--icon-md);margin:0 var(--space-1);background:var(--color-border);min-width:0;padding:0}.canvas-snap{position:absolute;pointer-events:none;z-index:var(--z-snap);background:var(--color-snap)}.canvas-snap.is-x{width:var(--border-width);transform:translateX(calc(-1*var(--hairline-half)))}.canvas-snap.is-y{height:var(--border-width);transform:translateY(calc(-1*var(--hairline-half)))}.workspace.has-rulers .zoom-bar{left:var(--space-12)}.rulers{position:absolute;pointer-events:none;z-index:var(--z-layers);inset:0}.ruler-corner{position:absolute;width:var(--ruler-size);height:var(--ruler-size);background:var(--color-surface);border-right:var(--border-width)solid var(--color-border);border-bottom:var(--border-width)solid var(--color-border);pointer-events:auto;z-index:var(--z-rail);cursor:default;padding:0;top:0;left:0}.ruler{position:absolute;overflow:hidden;background:var(--color-surface);pointer-events:auto;z-index:var(--z-raise)}.ruler canvas{display:block;position:relative;z-index:var(--z-nudge)}.ruler-h{height:var(--ruler-size);border-bottom:var(--border-width)solid var(--color-border);cursor:row-resize;top:0;left:0;right:0}.ruler-v{width:var(--ruler-size);border-right:var(--border-width)solid var(--color-border);cursor:col-resize;top:0;bottom:0;left:0}.ruler-sel{position:absolute;background:var(--color-accent-muted);opacity:var(--opacity-85);pointer-events:none;z-index:var(--z-base)}.ruler-h .ruler-sel{top:0;bottom:0}.ruler-v .ruler-sel{left:0;right:0}.ruler-cursor{position:absolute;background:var(--color-accent);pointer-events:none;z-index:var(--z-raise)}.ruler-h .ruler-cursor{width:var(--border-width);top:0;bottom:0}.ruler-v .ruler-cursor{height:var(--border-width);left:0;right:0}.ruler-draft{position:absolute;background:var(--color-guide);pointer-events:none;z-index:var(--z-nudge)}.ruler-draft.is-x{width:var(--border-width);top:0;bottom:0}.ruler-draft.is-y{height:var(--border-width);left:0;right:0}.ruler-readout,.banner-crop{position:absolute;pointer-events:none;border:var(--border-width)dashed var(--color-guide)}.banner-crop-label{position:absolute;top:var(--space-1);right:var(--space-2);font-size:var(--font-size-xs);color:var(--color-guide)}.canvas-guide-readout{position:absolute;padding:var(--border-width)var(--space-2);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;line-height:var(--leading-readout);background:var(--color-accent-fill);color:var(--color-on-accent);border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;z-index:var(--z-readout)}.canvas-guide{position:absolute;pointer-events:none;z-index:var(--z-guide);background:var(--color-guide)}.canvas-guide.is-x{top:calc(-1*var(--guide-overscan));width:var(--border-width);height:var(--mockup-extent)}.canvas-guide.is-y{left:calc(-1*var(--guide-overscan));width:var(--mockup-extent);height:var(--border-width)}.canvas-guide.is-dragging{background:var(--color-accent)}.canvas-guide-hit{position:absolute;pointer-events:auto;background:0 0;border:0;padding:0}.canvas-guide.is-x .canvas-guide-hit{top:0;bottom:0;left:calc(-1*var(--space-2));width:var(--hit-slop);cursor:col-resize}.canvas-guide.is-y .canvas-guide-hit{left:0;right:0;top:calc(-1*var(--space-2));height:var(--hit-slop);cursor:row-resize}.canvas-guide.is-x .canvas-guide-readout{top:var(--mockup-frame);left:var(--space-3)}.canvas-guide.is-y .canvas-guide-readout{left:var(--mockup-frame);top:var(--space-3)}@media (prefers-reduced-motion:reduce){.toolbar-toast{animation:none}}.project-bar{display:flex;align-items: center;gap:var(--space-1);height:var(--row-height);padding:0 var(--space-2)0 var(--space-4);border-top:var(--border-width)solid var(--color-border);flex-shrink:0}.project-name,.project-rename{height:var(--control-size-sm);padding:0 var(--space-2);border-radius:var(--radius-sm);text-align:left;font-size:var(--font-size-md);flex:1;min-width:0}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink);line-height:1}.project-name:hover{background:var(--color-hover)}.project-rename{border:var(--border-width)solid var(--color-accent);background:var(--color-surface-2)}.sr-only{position:absolute;width:var(--sr-size);height:var(--sr-size);margin:var(--sr-offset);overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0}.app-dialog{max-width:var(--viewport-width);max-height:var(--viewport-height);background:0 0;border:none;padding:0}.app-dialog[open]{display:grid;width:var(--viewport-width);height:var(--viewport-height);place-items: center;margin:0}.app-dialog::backdrop{background:var(--ink-40)}.app-dialog-card{position:relative;width:min(var(--dialog-width),calc(var(--viewport-width) - var(--space-12)));padding:var(--space-7);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);color:var(--color-ink)}.app-dialog.is-wide .app-dialog-card{width:min(var(--dialog-width-wide),calc(var(--viewport-width) - var(--space-12)));max-height:calc(var(--viewport-height) - var(--space-12));overflow-y:auto;padding:var(--space-10);border-radius:var(--radius-xl);animation:app-dialog-in var(--duration-dialog-in)ease-out}.app-dialog.is-wide .app-dialog-title{font-size:var(--font-size-title);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-3)}@keyframes app-dialog-in{0%{opacity:var(--opacity-0);transform:translateY(var(--dialog-rise))scale(var(--dialog-scale-in))}}@media (prefers-reduced-motion:reduce){.app-dialog.is-wide .app-dialog-card{animation:none}}.app-dialog-close{position:absolute;top:var(--space-6);right:var(--space-6);z-index:var(--z-nudge)}.app-dialog.is-paywall .app-dialog-card{width:min(var(--dialog-width-paywall),calc(var(--viewport-width) - var(--space-12)));padding:var(--space-8)}.app-dialog.is-paywall .app-dialog-title,.app-dialog.is-paywall .app-dialog-copy{text-align:center}.app-dialog.is-paywall .app-dialog-title{margin-bottom:var(--space-2);justify-content:center}.app-dialog.is-paywall .app-dialog-copy{margin:var(--space-6)0 var(--space-8)}.app-dialog-head.is-inline{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4);margin:0 0 var(--space-6)}.app-dialog-head.is-inline .app-dialog-title,.app-dialog-head.is-inline .app-dialog-copy{margin:0}.app-dialog-head.is-inline .app-dialog-copy{text-align:right}.app-dialog-title{display:flex;align-items: center;gap:var(--space-3);margin:0 0 var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.app-dialog-mark{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background:var(--color-muted);flex-shrink:0}.app-dialog-mark.is-live{background:var(--color-live);animation:agent-live var(--duration-agent-pulse)ease-in-out infinite}@media (prefers-reduced-motion:reduce){.app-dialog-mark.is-live{animation:none}}.app-dialog-copy{margin:0 0 var(--space-1);font-size:var(--font-size-md);color:var(--color-muted);line-height:var(--leading-copy)}.app-dialog-actions{display:flex;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--border-width)solid var(--color-border);flex-wrap:wrap;justify-content:flex-end}.app-dialog-actions:has(.app-dialog-actions-start){justify-content:space-between}.app-dialog-actions-start,.app-dialog-actions-end{display:flex;gap:var(--space-2);flex-wrap:wrap}.app-dialog .btn-primary,.app-dialog .btn-secondary,.app-dialog .btn-ghost{height:var(--control-height);padding:0 var(--space-4);width:auto;min-width:0}.copy-field{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);min-width:0}.copy-field pre{display:flex;min-height:var(--control-height);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--leading-ui);white-space:pre-wrap;overflow-wrap:break-word;flex:1;align-items: center;min-width:0;margin:0}.copy-field .btn-ghost{flex-shrink:0}.project-empty{font-size:var(--font-size-md);color:var(--color-muted);margin:0}.project-list{list-style:none;margin:0 0 var(--space-2);max-height:var(--list-max-sm);overflow-y:auto;padding:0}.project-row{display:flex;align-items: center;gap:var(--space-1)}.project-row-main{min-height:var(--row-height);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);text-align:left;flex:1;min-width:0}.project-row-main:hover:not(:disabled),.project-row-main.is-current{background:var(--color-hover)}.project-row-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row-meta{display:block;font-size:var(--font-size-sm);color:var(--color-muted)}.project-row.is-current .project-row-main{background:var(--color-hover)}.project-row-delete{color:var(--color-muted);opacity:var(--opacity-45)}.project-row:hover .project-row-delete,.project-row-delete:hover:not(:disabled){opacity:var(--opacity-100)}.project-row-delete:hover:not(:disabled){color:var(--color-danger);background:var(--color-danger-muted)}.activity-panel{border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);overflow:hidden}.activity-list{list-style:none;max-height:var(--list-max-sm);overflow-y:auto;margin:0;padding:0}.activity-list li{list-style:none}.activity-empty{padding:var(--space-5)var(--space-4);font-size:var(--font-size-md);color:var(--color-muted);margin:0}.activity-item{display:flex;text-align:left;color:var(--color-ink);cursor:default;flex-direction:column;align-items:stretch;width:100%;padding:0}.activity-item.is-selectable{cursor:pointer}.activity-item:hover{background:var(--color-hover)}.activity-row{display:flex;align-items: center;gap:var(--space-3);min-height:var(--row-height);padding:0 var(--space-4)}.activity-pip{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background:var(--color-muted);flex-shrink:0}.activity-item.is-ok .activity-pip{background:var(--color-accent)}.activity-item.is-error .activity-pip{background:var(--color-danger)}.activity-item.is-pending .activity-pip{background:var(--color-live);animation:agent-live var(--duration-agent-pulse)ease-in-out infinite}.activity-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--font-size-sm);flex:1;min-width:0}.activity-when{font-size:var(--font-size-xs);color:var(--color-muted);white-space:nowrap;flex-shrink:0}.activity-inspect{display:flex;gap:var(--space-6);flex-direction:column}.activity-inspect-label{margin:0 0 var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted)}.activity-inspect pre{max-height:var(--list-max-sm);padding:var(--space-3)var(--space-4);overflow:auto;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:break-word;margin:0}.activity-inspect-empty{font-size:var(--font-size-md);color:var(--color-muted);margin:0}@media (prefers-reduced-motion:reduce){.activity-item.is-pending .activity-pip{animation:none}}.count-badge-anchor{position:relative;display:inline-block}.count-badge{position:absolute;top:var(--space-1-negative);margin-left:var(--space-1);display:inline-flex;min-width:var(--space-6);height:var(--space-6);padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-accent-fill);color:var(--color-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;justify-content:center;align-items: center;line-height:1;left:100%}.pulse-dot-anchor{position:relative;display:inline-flex}.pulse-dot{position:absolute;top:var(--space-1-negative);right:var(--space-1-negative);width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background:var(--color-live);box-shadow:0 0 0 var(--border-width)var(--color-surface);pointer-events:none}.pulse-dot:after{content:"";position:absolute;border-radius:inherit;background:var(--color-live);animation:pulse-dot-ring var(--duration-pulse-dot)ease-out infinite;inset:0}@keyframes pulse-dot-ring{0%{transform:scale(1);opacity:var(--opacity-70)}to{transform:scale(2.6);opacity:var(--opacity-0)}}@media (prefers-reduced-motion:reduce){.pulse-dot:after{animation:none;opacity:var(--opacity-0)}}.status-pill{display:inline-flex;align-items: center;gap:var(--space-2);height:var(--control-size-sm);padding:0 var(--space-4)0 var(--space-3);border:var(--border-width)solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;min-width:0}button.status-pill{cursor:pointer}button.status-pill:hover,button.status-pill[aria-expanded=true]{color:var(--color-ink);border-color:var(--color-accent)}.status-pill-label{overflow:hidden;text-overflow:ellipsis}.status-pill-icon{display:inline-flex;font-size:var(--icon-md)}.status-pill-live .status-pill-icon{color:var(--color-live)}.status-pill-busy .status-pill-icon{color:var(--color-accent);animation:spin var(--duration-spin)linear infinite}.status-pill-warn{color:var(--color-ink);border-color:color-mix(in srgb,var(--color-offline)45%,transparent);background:color-mix(in srgb,var(--color-offline)14%,var(--color-surface-2))}.status-pill-warn .status-pill-icon{color:var(--color-offline)}.status-pill-danger{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger)45%,transparent);background:var(--color-danger-muted)}@media (prefers-reduced-motion:reduce){.status-pill-busy .status-pill-icon{animation:none}}.info-tip{display:inline-flex;vertical-align:middle}.info-tip-button svg{width:var(--icon-lg);height:var(--icon-lg)}.info-tip-pop{max-width:var(--popover-sm);padding:var(--space-3)var(--space-4);font-size:var(--font-size-sm);line-height:var(--leading-copy);color:var(--color-muted)}.storage-meter{display:grid;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.storage-meter-row{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4)}.storage-meter-value{display:inline-flex;align-items: center;gap:var(--space-2)}.storage-meter-row b{color:var(--color-ink);font-weight:var(--font-weight-semibold)}.storage-meter-track{height:var(--space-2);border-radius:var(--radius-full);background:var(--color-border-strong);overflow:hidden}.storage-meter-fill{display:block;border-radius:inherit;background:var(--color-accent);height:100%}.storage-meter-warn .storage-meter-fill{background:var(--color-offline)}.storage-meter-danger .storage-meter-fill{background:var(--color-danger)}.switch{position:relative;display:inline-flex;width:var(--switch-width);height:var(--switch-height);border-radius:var(--radius-full);background:var(--switch-track);vertical-align:middle;transition:background-color var(--duration-fast)ease-out;flex-shrink:0;padding:0}.switch:hover:not(:disabled){background:var(--switch-track-hover)}.switch[aria-checked=true]{background:var(--color-accent)}.switch[aria-checked=true]:hover:not(:disabled){background:var(--color-accent-hover)}.switch:focus-visible{outline:var(--focus-ring-width)solid var(--color-focus);outline-offset:var(--focus-ring-width)}.switch-knob{position:absolute;top:var(--switch-inset);left:var(--switch-inset);width:var(--switch-knob-size);height:var(--switch-knob-size);border-radius:var(--radius-full);background:var(--color-white);box-shadow:var(--switch-knob-shadow);pointer-events:none;transition:transform var(--duration-fast)ease-out}.switch[aria-checked=true] .switch-knob{transform:translateX(var(--switch-travel))}@media (prefers-reduced-motion:reduce){.switch,.switch-knob{transition:none}}.appscreen{display:flex;height:var(--viewport-height);overflow:hidden;background:var(--color-app);font-family:var(--font-ui);font-size:var(--font-size-md);flex-direction:column}.editor-body{display:flex;position:relative;flex:1;min-height:0}.workspace{position:relative;background:var(--color-workspace);flex:1;min-width:0;min-height:0}.agent-status{position:absolute;width:var(--sr-size);height:var(--sr-size);margin:var(--sr-offset);overflow:hidden;clip-path:inset(50%);white-space:nowrap;z-index:var(--z-status);border:0;padding:0}.agent-guide{display:flex;gap:var(--space-6);flex-direction:column}.agent-guide .activity-panel{background:var(--color-surface-2)}.toolbar-home{display:flex;align-items: center;gap:var(--space-3);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.doc-preview{display:grid;pointer-events:none;user-select:none;place-items: center;width:100%;height:100%}.doc-preview-strip{display:flex;transition:gap var(--duration-dialog-in)ease;gap:0}.doc-preview.is-split .doc-preview-strip{gap:var(--preview-panel-gap)}.doc-preview-panel{position:relative;overflow:hidden;box-shadow:var(--shadow-md);transition:border-radius var(--duration-dialog-in)ease;flex-shrink:0}.doc-preview:not(.is-split) .doc-preview-panel+.doc-preview-panel{box-shadow:var(--shadow-md),inset var(--border-width)0 0 var(--paper-28)}.doc-preview.is-split .doc-preview-panel{border-radius:var(--radius-lg)}.doc-preview.is-fill{position:relative;overflow:hidden}.doc-preview.is-fill .doc-preview-strip{position:absolute;top:0;left:50%;transform:translate(-50%)}.doc-preview-document{position:absolute;transform-origin:top left;overflow:hidden;top:0;left:0}@media (prefers-reduced-motion:reduce){.doc-preview-strip,.doc-preview-panel{transition:none}}.preset-thumb{position:relative}.preset-thumb .preset-thumb-image{position:absolute;display:block;box-sizing:border-box;object-fit:contain;object-position:top;filter:drop-shadow(var(--shadow-md));width:100%;height:100%;inset:0}.preset-thumb[data-slides="2"] .preset-thumb-image{padding-inline:calc(var(--preview-panel-gap)/2)}.preset-thumb[data-slides="3"] .preset-thumb-image{padding-inline:var(--preview-panel-gap)}.preset-thumb.is-fill .preset-thumb-image{object-fit:cover;filter:none;padding-inline-start:0;padding-inline-end:0}.unlock-chip{height:var(--dock-bar-height);padding:0 var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);letter-spacing:normal}.unlock-chip svg{width:var(--icon-md);height:var(--icon-md)}.account-control{position:relative}.account-dock{position:absolute;right:var(--space-6);bottom:var(--space-6);z-index:var(--z-dock);display:flex;align-items: center;gap:var(--space-3)}.partner-chip{position:relative;color:var(--color-muted)}.partner-chip:hover{color:var(--color-ink)}.partner-chip svg{color:var(--color-accent)}html[data-paid] .account-dock{display:none}html:not([data-phone]) .editor-body.is-loading .account-dock{right:calc(var(--inspector-panel-width) + var(--space-6))}.partner-chip-names{display:grid;overflow:hidden;color:var(--color-ink);font-weight:var(--font-weight-semibold);transition:width var(--duration-partner-swap)cubic-bezier(.2,.8,.2,1)}.partner-chip-name{grid-area:1/1;white-space:nowrap;color:inherit;text-decoration:none;opacity:var(--opacity-0);pointer-events:none;justify-self:start;transform:translateY(100%)}.partner-chip-name:not(.is-on):not(.is-off){position:absolute}.partner-chip-name.is-on,.partner-chip-name.is-off{transition:opacity var(--duration-partner-swap)ease,transform var(--duration-partner-swap)cubic-bezier(.2,.8,.2,1)}.partner-chip-name.is-on{opacity:var(--opacity-100);pointer-events:auto;transform:none}.partner-chip-name.is-on:after{content:"";position:absolute;inset:0}.partner-chip-name.is-off{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.partner-chip-names{transition:none}.partner-chip-name{transition:opacity var(--duration-partner-swap)ease;transform:none}}.unlock-popover{position:absolute;right:0;bottom:calc(100% + var(--space-4));z-index:var(--z-popover);width:var(--popover-sm);padding:var(--space-6);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md);display:grid;gap:var(--space-4)}.unlock-auth-copy,.unlock-auth-missing{font-size:var(--font-size-md);color:var(--color-muted);text-align:center;margin:0}.account-avatar-photo,.account-avatar-initial{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);object-fit:cover}.tool-rail .account-avatar.is-signed-in{padding:0}.account-avatar.is-pro .account-avatar-photo,.account-avatar.is-pro .account-avatar-initial{box-shadow:0 0 0 var(--border-width)var(--color-accent)}.account-avatar-initial,.account-profile-initial{display:grid;background:var(--color-accent-fill);color:var(--color-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);place-items: center}.tool-rail .account-avatar.is-signed-out{position:relative;display:flex;height:var(--row-height);color:var(--color-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items: center;width:100%;padding:0}.tool-rail .account-avatar.is-signed-out:hover,.tool-rail .account-avatar.is-signed-out.is-on{color:var(--color-ink);background:var(--color-hover)}.auth-google-gis{position:absolute;z-index:var(--z-nudge);opacity:var(--opacity-0);overflow:hidden;inset:0}.auth-google-gis>div,.auth-google-gis iframe{width:100%!important;height:100%!important}.auth-google-face{position:relative;z-index:var(--z-base);display:flex;justify-content:center;align-items: center;gap:var(--space-3);pointer-events:none}.auth-google-face svg,.auth-email-choice svg{font-size:var(--icon-md);flex:none}.account-avatar.is-signed-out svg{font-size:var(--icon-lg)}.auth-google,.auth-email-choice{position:relative;display:flex;min-height:var(--google-btn-min);padding:0 var(--space-6);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;justify-content:center;align-items: center;width:100%}.auth-email-choice{gap:var(--space-3);font-family:inherit}.auth-email-choice:hover{background:var(--color-hover)}.account-popover{max-width:calc(var(--account-popover-width) - var(--space-3));min-width:0}.account-menu{display:grid;gap:var(--space-3)}.account-profile{display:flex;align-items: flex-start;gap:var(--space-3);padding:var(--space-1)var(--space-2);min-width:0}.account-profile-photo,.account-profile-initial{width:var(--control-size-sm);height:var(--control-size-sm);border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.account-profile-copy{display:grid;min-width:0}.account-profile-name,.account-profile-email,.account-profile-plan,.account-status{margin:0}.account-profile-name{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-ink);flex-wrap:wrap;min-width:0}.account-profile-label,.account-profile-email{overflow-wrap:anywhere}.account-profile-email,.account-status{font-size:var(--font-size-sm);color:var(--color-muted)}.account-profile-plan{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);flex-shrink:0}.account-unlock-action,.account-sign-out{width:100%}.account-unlock-action{min-height:var(--control-height);padding:var(--space-3)var(--space-4);white-space:normal;line-height:var(--leading-tight);height:auto}.account-sign-out{color:var(--color-muted);justify-content:flex-start}.paywall-banner{display:block;font-family:var(--font-mono);font-size:var(--paywall-banner-size);font-weight:var(--font-weight-medium);letter-spacing:0;font-kerning:none;font-variant-ligatures:none;color:var(--color-muted);text-align:left;white-space:pre;margin-left:var(--space-2-negative);width:max-content;max-width:100%}.paywall-banner-row{display:block}.paywall-banner-ink{color:var(--color-ink);animation:paywall-banner-trace var(--duration-paywall-banner)linear infinite;animation-delay:calc(var(--paywall-banner-step)*var(--duration-paywall-banner)/var(--paywall-banner-count))}@keyframes paywall-banner-trace{0%{color:var(--color-accent)}8%{color:var(--color-live)}16%{color:var(--color-ink)}}@media (prefers-reduced-motion:reduce){.paywall-banner-ink{animation:none}}.paywall-features{padding-left:var(--space-7);display:grid;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-ink);margin:0}.paywall-features li::marker{color:var(--color-live)}.paywall-more{align-items: center;gap:var(--space-2);padding:0 0 0 var(--space-7);font-size:var(--font-size-md);color:var(--color-muted)}.paywall-more:hover{color:var(--color-ink)}.paywall-more svg{width:var(--icon-sm);height:var(--icon-sm);transition:transform var(--duration-fast)ease}.paywall-more[aria-expanded=true] svg{transform:rotate(180deg)}.paywall-auth{display:grid;justify-items:center;gap:var(--space-3)}.auth-email-link{font:inherit;cursor:pointer;color:var(--color-accent);background:0 0;border:0;padding:0}.auth-email-link:disabled{color:var(--color-muted);cursor:default}.auth-email{display:grid;gap:var(--space-3);width:100%}.auth-email-row{display:flex;gap:var(--space-3)}.auth-email-row .input{flex:1;min-width:0}.auth-email-code{font-variant-numeric:tabular-nums}.auth-email-hint,.auth-email-error{font-size:var(--font-size-sm);text-align:center;margin:0}.auth-email-hint{color:var(--color-muted)}.auth-email-error{color:var(--color-danger)}.paywall-error{margin:var(--space-5)0 0;font-size:var(--font-size-sm);color:var(--color-danger)}.checkout-sheet{position:fixed;z-index:var(--z-sheet);display:grid;opacity:var(--opacity-0);place-items: center;inset:0}.checkout-sheet.is-open{opacity:var(--opacity-100)}.checkout-sheet-backdrop{position:absolute;background:var(--color-backdrop);cursor:pointer;border:0;padding:0;inset:0}.checkout-sheet-panel{position:relative;z-index:var(--z-nudge);width:min(var(--checkout-sheet-width),calc(var(--viewport-width) - var(--space-12)));max-height:var(--checkout-sheet-max-height);overflow:auto;padding:var(--space-7);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.checkout-embed{min-height:var(--google-btn-min)}.app-dialog:not([open]){display:none}.pro-lock,.is-pro-locked{position:relative}.pro-lock{display:inline-flex;color:var(--color-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items: center;margin:0;padding:0}.pro-lock svg{width:var(--icon-sm);height:var(--icon-sm)}.pro-locked-face{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);opacity:var(--opacity-50)}.pro-lock-tip{position:absolute;transform:translate(-50%,calc(-1*var(--space-2)));z-index:var(--z-tooltip);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);background:var(--color-dial);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);white-space:nowrap;opacity:var(--opacity-0);pointer-events:none;bottom:100%;left:50%}.pro-lock:hover .pro-lock-tip,.is-pro-locked:hover .pro-lock-tip{opacity:var(--opacity-100)}.pro-lock:focus-visible .pro-lock-tip{opacity:var(--opacity-100)}.is-pro-locked:focus-visible .pro-lock-tip{opacity:var(--opacity-100)}.export-offer-preview{display:grid;overflow:hidden;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);place-items: center;width:100%}.export-offer-preview img{display:block;width:100%;height:auto}.why-not{display:flex;gap:var(--space-3);flex-wrap:wrap}.why-not>*{flex:auto}.translate-pop{display:grid;gap:var(--space-4);width:var(--share-pop-width);max-width:calc(var(--viewport-width) - var(--popover-edge)*2)}.translate-pop-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);margin:0}.translate-pop-copy{color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--leading-ui);margin:0}.why-not-write{display:grid;gap:var(--space-3);width:var(--why-not-write-width);max-width:100%}.why-not-write textarea{padding:var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);font:inherit;font-size:var(--font-size-sm);line-height:var(--leading-ui);resize:vertical;width:100%}.why-not-write textarea:focus-visible{outline:none;border-color:var(--color-focus);box-shadow:var(--focus-field-ring)}.why-not-send{display:flex;justify-content:flex-end}.mcp-page{min-height:var(--viewport-height);background:var(--color-app);color:var(--color-ink);font-family:var(--font-ui);padding:var(--space-12)var(--space-8)}.mcp-page-inner{width:min(100%,var(--page-width));display:flex;gap:var(--space-10);flex-direction:column;margin-inline-start:auto;margin-inline-end:auto}.mcp-top{display:flex;justify-content:space-between;align-items: center;gap:var(--space-6)}.mcp-brand{display:inline-flex;align-items: center;gap:var(--space-3);color:var(--color-ink);font-weight:var(--font-weight-medium);text-decoration:none}.mcp-brand svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--color-muted)}.mcp-page h1{margin:0 0 var(--space-5);font-size:var(--font-size-xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-semibold)}.mcp-lead,.mcp-section p{color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--leading-copy);margin:0}.mcp-section{display:flex;gap:var(--space-4);flex-direction:column}.mcp-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.mcp-section code{font-family:var(--font-mono);font-size:var(--font-size-xs)}.mcp-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin:0}.mcp-actions a{text-decoration:none}.mcp-install-focus{text-align:center;padding-block:var(--space-16);align-items: center}.mcp-install-focus .mcp-actions{justify-content:center}.mcp-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--changelog-highlight-min),1fr));gap:var(--space-3);margin:var(--space-8)0 0;list-style:none;padding:0}.mcp-how-step{display:grid;grid-template-columns:auto minmax(0,1fr);align-items: start;gap:var(--space-1)var(--space-3);padding:var(--space-4);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg)}.mcp-how-step .blog-icon{grid-row:span 2}.mcp-how-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.mcp-how-text{font-size:var(--font-size-sm);line-height:var(--leading-copy);color:var(--color-muted)}.mcp-picker,.mcp-picker+.blog-more{margin-top:var(--space-8)}.mcp-picker-title{margin:0 0 var(--space-4);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.mcp-clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--mcp-client-min),1fr));gap:var(--space-2)}.mcp-client{display:flex;white-space:nowrap;align-items: center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--font-size-sm);text-align:left;cursor:pointer;background:0 0}.mcp-client svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-muted);flex-shrink:0}.mcp-client:hover{border-color:var(--color-border-strong)}.mcp-client.is-on{border-color:var(--color-accent);background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.mcp-client.is-on svg{color:var(--color-accent)}.mcp-client-panel{display:grid;gap:var(--space-4)}.mcp-where{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted);margin:0}.mcp-client-panel .mcp-actions a{display:inline-flex;align-items: center;gap:var(--space-2)}.mcp-steps{display:grid;gap:var(--space-3);list-style:none;margin:0;padding:0}.mcp-steps li{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--font-size-sm);line-height:var(--leading-copy)}.mcp-steps svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-live);flex-shrink:0;align-self: center}.mcp-abilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--blog-card-min),1fr));gap:var(--space-3);list-style:none;margin:0;padding:0}.oauth-page{min-height:var(--viewport-height);display:grid;padding:var(--space-8);background:var(--color-app);color:var(--color-ink);font-family:var(--font-ui);place-items: center}.oauth-card{position:relative;width:min(100%,var(--popover-sm));padding:var(--space-10)var(--space-8);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md);display:grid;gap:var(--space-8);text-align:center;justify-items:center}.oauth-brand{display:inline-flex;align-items: center;gap:var(--space-3);color:var(--color-ink);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-decoration:none}.oauth-brand svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--color-accent)}.oauth-copy{display:grid;gap:var(--space-3)}.oauth-copy h1{font-size:var(--font-size-lg);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-semibold);margin:0}.oauth-lead{color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--leading-copy);margin:0}.oauth-action{display:grid;justify-items:center;width:100%}.oauth-busy{display:inline-flex;align-items: center;gap:var(--space-3);min-height:var(--google-btn-min);color:var(--color-muted);font-size:var(--font-size-md)}.oauth-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.oauth-note{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.oauth-action .btn-primary{min-width:min(var(--popover-sm),100%)}.oauth-handoff{position:absolute;width:var(--space-1);height:var(--space-1);opacity:var(--opacity-0);overflow:hidden;pointer-events:none;border:0}.legal-page{min-height:var(--viewport-height);background:var(--color-app);color:var(--color-ink);font-family:var(--font-ui);padding:var(--space-12)var(--space-8)}.legal-page-inner{width:min(100%,var(--page-width));display:flex;gap:var(--space-10);flex-direction:column;margin-inline-start:auto;margin-inline-end:auto}.site-main{display:flex;gap:var(--space-10);flex-direction:column}.legal-top{display:flex;justify-content:space-between;align-items: center;gap:var(--space-6)}.legal-brand{display:inline-flex;align-items: center;gap:var(--space-3);color:var(--color-ink);font-weight:var(--font-weight-medium);text-decoration:none}.legal-brand svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--color-muted)}.legal-article{display:flex;gap:var(--space-6);flex-direction:column}.legal-crumb{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted);margin:0}.legal-intro{display:flex;gap:var(--space-4);padding-bottom:var(--space-8);border-bottom:var(--border-width)solid var(--color-border);flex-direction:column}.legal-intro h1{font-size:var(--font-size-xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-semibold);margin:0}.legal-lede{color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--leading-copy);margin:0}.legal-body{margin:0}.prose{font-size:var(--font-size-md);line-height:var(--leading-copy);color:var(--color-ink)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin:0 0 var(--space-5)}.prose h2,.prose h3{margin:var(--space-10)0 var(--space-4);font-size:var(--font-size-lg);line-height:var(--leading-tight);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}.prose h2+p,.prose h3+p,.prose h2+ul,.prose h3+ul{margin-top:0}.prose ul{margin:0 0 var(--space-5);padding-left:var(--space-6);list-style:disc}.prose li{margin:var(--space-4)0}.prose strong{font-weight:var(--font-weight-semibold)}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:var(--space-1)}.prose a:hover{color:var(--color-accent-hover)}.legal-updated{margin:var(--space-8)0 0;font-size:var(--font-size-sm);color:var(--color-muted)}.legal-also{display:flex;gap:var(--space-3)var(--space-5);margin:var(--space-4)0 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-wrap:wrap}.legal-also a{color:var(--color-accent);text-decoration:none}.legal-also a:hover{color:var(--color-accent-hover);text-decoration:underline}.help-menu{display:grid;gap:var(--space-1);max-width:calc(var(--menu-min-width) - var(--space-3));min-width:0;padding:0}.help-menu-sep{margin:var(--space-1)var(--space-3);border:0;border-top:var(--border-width)solid var(--color-border)}.help-menu-version{padding:var(--space-2)var(--space-3);border-top:var(--border-width)solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.help-menu a,.help-menu button{display:block;padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-sm);color:var(--color-ink);text-align:left;text-decoration:none;cursor:pointer;background:0 0;border:0;width:100%}.help-menu a:hover,.help-menu button:hover{background:var(--color-hover)}.help-popover{padding:var(--space-2)}.news-popover{display:grid;gap:var(--space-3);padding:var(--space-5);width:max-content}.news-popover .newsletter{width:0;min-width:100%}.news-popover-title{color:var(--color-ink);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.news-popover-lead{color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--leading-copy);margin:0}.toolbar-start{display:flex;align-items: center;gap:var(--space-3);flex-shrink:1;min-width:0}.pwa-update{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-3)}.pwa-update-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-ui);color:var(--color-ink);margin:0}.pwa-update .btn-primary{height:var(--control-size-sm);padding:0 var(--space-3);font-size:var(--font-size-sm);flex-shrink:0}.pwa-offline{display:inline-flex;align-items: center;gap:var(--space-2);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);color:var(--color-muted);flex-shrink:0;line-height:0}.pwa-offline-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-offline);flex-shrink:0}.support-form{display:grid;gap:var(--space-5);margin-top:var(--space-5)}.support-form .seg{width:100%}.support-form .seg button{flex:1 1 0}.support-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--support-field-min),1fr));gap:var(--space-4)}.support-field{display:grid;gap:var(--space-2);min-width:0}.support-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted)}.support-field .input{width:100%}.support-field textarea{padding:var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);font:inherit;font-size:var(--font-size-sm);line-height:var(--leading-copy);resize:vertical;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);width:100%}.support-field textarea::placeholder{color:var(--color-muted)}.support-field textarea:focus-visible{outline:none;border-color:var(--color-focus);box-shadow:var(--focus-field-ring)}.support-signed-in{display:flex;align-items: center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);font-size:var(--font-size-sm);margin:0}.support-avatar{display:grid;width:var(--control-size-sm);height:var(--control-size-sm);border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent-on-muted);font-weight:var(--font-weight-semibold);flex-shrink:0;place-items: center}.support-pro{margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-accent-muted);color:var(--color-accent-on-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.support-attach{display:grid;gap:var(--space-3)}.support-attach-row{display:flex;align-items: center;gap:var(--space-3);flex-wrap:wrap}.app-dialog .support-attach-button{display:inline-flex;align-items: center;gap:var(--space-2)}.support-hint{font-size:var(--font-size-xs);color:var(--color-muted)}.support-files{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.support-file{display:flex;align-items: center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);font-size:var(--font-size-sm)}.support-file svg{color:var(--color-muted);flex-shrink:0}.support-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0}.support-file-size{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.support-file-remove{display:grid;color:var(--color-muted);cursor:pointer;background:0 0;border:0;place-items: center;padding:0}.support-file-remove:hover{color:var(--color-ink)}.support-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.support-mail{font-size:var(--font-size-sm);color:var(--color-muted);align-self: center}.support-mail:hover{color:var(--color-ink)}.app-dialog.is-support .btn-primary{display:inline-flex;align-items: center;gap:var(--space-2)}.support-sent-icon{display:block;margin-bottom:var(--space-4);color:var(--color-live)}.support-sent-icon svg{width:var(--tool-thumb);height:var(--tool-thumb)}.app-dialog.is-support .app-dialog-card{width:min(var(--dialog-width-support),calc(var(--viewport-width) - var(--space-12)))}.app-dialog.is-onboarding .app-dialog-copy{max-width:var(--onboarding-copy-max)}.onboarding-eyebrow{display:flex;align-items: center;gap:var(--space-3);margin:0 0 var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted)}.onboarding-eyebrow svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-ink)}.onboarding{display:grid;gap:var(--space-6);margin-top:var(--space-9)}.onboarding-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--onboarding-reason-min),1fr));gap:var(--space-4)}.onboarding-reason{display:grid;align-content: start;gap:var(--space-3);padding:var(--space-6)var(--space-7);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);text-align:left;color:var(--color-ink);transition:background var(--duration-fast)ease,border-color var(--duration-fast)ease;width:100%}.onboarding-reason:hover{background:var(--color-hover)}.onboarding-reason.is-on{border-color:var(--color-accent);background:var(--color-surface-2)}.onboarding-reason:focus-visible{outline:var(--focus-ring-width)solid var(--color-focus);outline-offset:var(--space-1)}.onboarding-reason-title{display:flex;align-items: center;gap:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.onboarding-reason-icon{display:grid;width:var(--control-size-sm);height:var(--control-size-sm);border-radius:var(--radius-md);background:var(--color-hover);color:var(--color-muted);flex-shrink:0;place-items: center}.onboarding-reason.is-on .onboarding-reason-icon{background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.onboarding-reason-icon svg{width:var(--icon-md);height:var(--icon-md)}.onboarding-reason-copy{font-size:var(--font-size-md);line-height:var(--leading-copy);color:var(--color-muted)}.onboarding-pro{display:inline-flex;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-accent-muted);color:var(--color-accent-on-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--leading-body);flex-shrink:0;align-items: center;margin-left:auto}.seg .onboarding-pro{margin-left:var(--space-2)}.onboarding-stage{display:flex;height:var(--onboarding-stage-height);padding:var(--space-8);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-workspace);background-image:radial-gradient(circle,var(--color-workspace-dot)var(--border-width),transparent var(--border-width));background-size:var(--space-8)var(--space-8);min-width:0}.onboarding-demo{display:flex;gap:var(--space-6);flex-direction:column;width:100%;min-width:0}.onboarding-demo-bar{display:flex;justify-content:space-between;align-items: center;gap:var(--space-6)}.onboarding .seg{flex:none}.onboarding .seg button{padding:0 var(--space-5);white-space:nowrap;flex:1 0 auto}.onboarding-demo-meta{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);white-space:nowrap}.onboarding-demo-caption{font-size:var(--font-size-md);line-height:var(--leading-copy);color:var(--color-muted);text-align:center;margin:0}.onboarding-preview{flex:1;min-height:0}.onboarding-demo.is-style{align-items: center;gap:var(--space-10);flex-flow:wrap}.onboarding-demo.is-style .onboarding-preview{min-width:var(--onboarding-stage-min);flex:999 1 0;height:100%}.onboarding-controls{display:grid;gap:var(--space-8);flex:1 1 var(--onboarding-controls-width)}.onboarding-control{display:grid;gap:var(--space-4)}.onboarding-control-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted)}.onboarding-control .seg{justify-self:start}.onboarding-swatches{display:flex;gap:var(--space-5);flex-wrap:wrap}.onboarding-swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--radius-full);box-shadow:inset 0 0 0 var(--border-width)var(--color-border-strong);transition:transform var(--duration-fast)ease}.onboarding-swatch:hover{transform:scale(var(--onboarding-swatch-hover))}.onboarding-swatch.is-on{outline:var(--focus-ring-width)solid var(--color-accent);outline-offset:var(--space-1)}.onboarding-swatch.is-natural{background:var(--phone-natural-metal)}.onboarding-swatch.is-black{background:var(--phone-black-metal)}.onboarding-swatch.is-white{background:var(--phone-white-metal)}.onboarding-swatch.is-blue{background:var(--phone-blue-metal)}.onboarding-swatch.is-desert{background:var(--phone-desert-metal)}.onboarding-swatch.is-gold{background:var(--phone-gold-metal)}.onboarding-controls-hint{font-size:var(--font-size-sm);line-height:var(--leading-copy);color:var(--color-muted);margin:0}.onboarding-agent{display:flex;gap:var(--space-6);flex-wrap:wrap;flex:1;min-height:0}.onboarding-agent .onboarding-preview{min-width:var(--onboarding-stage-min);flex:999 1 0;height:100%}.onboarding-feed{display:flex;gap:var(--space-2);flex-direction:column;flex:1 1 var(--onboarding-feed-width);height:100%;min-height:0}.onboarding-feed .activity-panel{overflow:hidden;background:var(--color-surface-2);flex:1;min-height:0}.onboarding-feed-foot{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-muted)}.onboarding-replay{gap:var(--space-2);flex-shrink:0}.onboarding-replay svg{width:var(--icon-sm);height:var(--icon-sm)}.onboarding-connect{display:grid;gap:var(--space-4)}.onboarding-connect-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--onboarding-reason-min),1fr));align-items: start;gap:var(--space-4)var(--space-6)}.onboarding-connect-step{display:grid;gap:var(--space-3);min-width:0}.onboarding-connect-label{font-size:var(--font-size-sm);color:var(--color-muted)}.onboarding-connect-link{text-decoration:none;justify-self:start}.onboarding-plan{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.app-dialog.is-desktop-only .app-dialog-card{width:calc(var(--viewport-width) - var(--space-8));max-width:var(--desktop-only-width);max-height:calc(var(--viewport-height) - var(--space-8));overflow-y:auto;padding:var(--space-8);border-radius:var(--radius-xl)}.desktop-only-shell{display:none}html[data-phone] .desktop-only-shell{position:fixed;z-index:var(--z-dialog);display:grid;background:var(--ink-40);place-items: center;inset:0}html:has(dialog.is-desktop-only[open]) .desktop-only-shell{display:none}.app-dialog.is-desktop-only .app-dialog-title{font-size:var(--font-size-title);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-align:center;justify-content:center}.app-dialog.is-desktop-only .app-dialog-copy{margin-bottom:var(--space-6);text-align:center}.app-dialog.is-desktop-only .app-dialog-actions{flex-direction:column;align-items:stretch}.app-dialog.is-desktop-only .app-dialog-actions .btn-primary,.app-dialog.is-desktop-only .app-dialog-actions .btn-ghost{width:100%}.desktop-only-eyebrow{justify-content:center}.desktop-only-hero{position:relative;display:flex;height:var(--desktop-only-hero-height);margin-bottom:var(--space-8);padding:var(--space-5)var(--space-4)var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface-2)}.desktop-only-preview{flex:1;min-width:0}.desktop-only-badge{position:absolute;bottom:calc(var(--space-4)*-1);display:flex;align-items: center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;width:-moz-fit-content;width:fit-content;margin-inline-start:auto;margin-inline-end:auto;left:0;right:0}.desktop-only-badge svg{width:var(--icon-sm);height:var(--icon-sm)}.canvas-notice{position:absolute;top:var(--space-8);z-index:var(--z-dock);display:flex;gap:var(--space-6);max-width:calc(100% - var(--space-12)*2);padding:var(--space-6);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-2);box-shadow:var(--shadow-md);flex-direction:column;width:max-content;left:50%;transform:translate(-50%)}.canvas-notice-head{display:flex;align-items: center;gap:var(--space-5);flex-wrap:wrap}.canvas-notice-head .canvas-notice-actions{margin-left:auto}.canvas-notice .why-not-write{width:100%}.canvas-notice.is-start{top:50%;transform:translate(-50%,-50%)}.canvas-notice.is-start .canvas-notice-head{flex-wrap:nowrap}.canvas-notice.is-start .canvas-notice-body{flex-basis:auto}.canvas-notice.is-phone{width:var(--phone-prompt-width)}.canvas-notice-import{display:grid;gap:var(--space-2)}.canvas-notice-import-row{display:flex;gap:var(--space-3)}.canvas-notice-import-row .input{flex:1;min-width:0}.canvas-notice-error{color:var(--color-danger);font-size:var(--font-size-sm);line-height:var(--leading-ui);max-width:100%;margin:0}.appstore-popover{display:grid;gap:var(--space-3);width:var(--appstore-popover-width);padding:var(--space-5)}.appstore-popover-title{color:var(--color-ink);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.appstore-popover-lead{color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--leading-copy);margin:0}.canvas-notice-presets,.canvas-notice-section{display:grid;gap:var(--space-4);padding-top:var(--space-6);border-top:var(--border-width)solid var(--color-border)}.canvas-notice-presets-head{display:flex;align-items:baseline;gap:var(--space-4)}.canvas-notice-presets-label,.canvas-notice-label{color:var(--color-muted);font-size:var(--font-size-sm);margin:0}.canvas-notice-presets-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.canvas-notice-preset{position:relative;display:block;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.canvas-notice-preset-thumb{display:block;aspect-ratio:var(--works-thumb-ratio);overflow:hidden;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%}.canvas-notice-preset:hover .canvas-notice-preset-thumb{border-color:var(--color-border-strong)}.canvas-notice-preset.is-on .canvas-notice-preset-thumb{border-color:var(--color-accent);box-shadow:0 0 0 var(--border-width)var(--color-accent)}.canvas-notice-preset:focus-visible{outline:var(--focus-ring-width)solid var(--color-focus);outline-offset:var(--space-1);border-radius:var(--radius-md)}.canvas-notice-preset-pro{position:absolute;top:var(--space-2-negative);right:var(--space-2-negative);display:flex;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);background:var(--color-pro);color:var(--color-pro-ink);box-shadow:0 0 0 var(--border-width)var(--color-surface-2);justify-content:center;align-items: center}.canvas-notice-preset-pro svg{width:var(--space-4);height:var(--space-4)}.canvas-notice-presets-all{font-size:var(--font-size-sm)}.canvas-notice-icon{display:flex;width:var(--control-size-sm);height:var(--control-size-sm);border-radius:var(--radius-lg);background:var(--color-accent-muted);color:var(--color-accent-on-muted);flex:none;justify-content:center;align-items: center}.canvas-notice-icon svg{width:var(--icon-md);height:var(--icon-md)}.canvas-notice-body{flex:1 1 var(--notice-body-min);min-width:0}.canvas-notice-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);margin:0}.canvas-notice-copy{margin:var(--space-1)0 0;color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--leading-ui)}.canvas-notice-actions{display:flex;gap:var(--space-3);flex:none}.canvas-notice-list{margin:var(--space-1)0 0;list-style:none;color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--leading-ui);padding:0}.canvas-notice-plan{margin:var(--space-1)0 0;color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--leading-ui)}.canvas-notice-link{color:var(--color-accent);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0;padding:0}.canvas-notice-link:hover{color:var(--color-accent-hover);text-decoration:underline}.screenshot-drop{position:absolute;inset:var(--space-4);z-index:var(--z-overlay);display:flex;border:var(--border-width)dashed var(--color-accent);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-accent-muted)45%,transparent);pointer-events:none;justify-content:center;align-items: center}.screenshot-drop-label{display:flex;align-items: center;gap:var(--space-3);padding:var(--space-4)var(--space-6);border-radius:var(--radius-full);background:var(--color-accent-fill);color:var(--color-on-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md)}.screenshot-drop-label svg{width:var(--icon-lg);height:var(--icon-lg)}.desktop-link{display:grid;gap:var(--space-4)}.desktop-link-news{display:flex;align-items: center;gap:var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm)}.desktop-link-done{font-weight:var(--font-weight-medium);text-align:center;margin:0}.desktop-link-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.site-nav{display:flex;align-items: center;gap:var(--space-4)var(--space-8);flex-wrap:wrap}.site-nav .btn-secondary{margin-left:var(--space-4)}.site-nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);text-decoration:none}.site-nav-link:hover,.site-nav-link.is-on{color:var(--color-ink)}.site-footer{display:flex;justify-content:space-between;gap:var(--space-8)var(--space-6);padding-top:var(--space-10);border-top:var(--border-width)solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-muted);flex-wrap:wrap}.site-footer-brand{display:flex;gap:var(--space-3);flex-direction:column;flex:0 auto}.site-footer-brand .legal-brand{font-size:var(--font-size-md)}.site-footer-brand p{line-height:var(--leading-copy);margin:0}.site-footer-brand .newsletter,.site-footer-brand .newsletter-done{padding-top:var(--space-6);margin-top:auto}.newsletter{display:grid;gap:var(--space-2)}.site-footer-brand .newsletter{max-width:var(--site-newsletter-width)}.newsletter label{color:var(--color-ink);font-weight:var(--font-weight-medium)}.newsletter-row{display:flex;gap:var(--space-3)}.newsletter-row .input{flex:1;min-width:0}.newsletter-done{color:var(--color-ink);margin:0}.newsletter-error{color:var(--color-danger);font-size:var(--font-size-sm);line-height:var(--leading-ui);margin:0}.site-footer-links{display:grid;grid-template-columns:repeat(2,minmax(var(--site-footer-col-min),max-content));gap:var(--space-9)var(--space-12)}.site-footer-col{min-width:var(--site-footer-col-min);display:grid;align-content: start}.site-footer-col h2{margin:0 0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.site-footer-col a,.site-footer-button{min-height:var(--target-min);display:flex;color:var(--color-ink);text-decoration:none;align-items: center}.site-footer-button{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.site-footer-col a:hover,.site-footer-button:hover{text-decoration:underline;text-underline-offset:var(--space-1)}.site-footer-base{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-5);border-top:var(--border-width)solid var(--color-border);font-size:var(--font-size-xs);flex-wrap:wrap;flex:1 0 100%;align-items: center}.site-footer-base a{color:inherit;text-decoration:none}.site-footer-base a:hover{color:var(--color-ink)}.site-footer-social{display:grid;color:var(--color-muted);place-items: center}.site-footer-social svg{width:var(--icon-sm);height:var(--icon-sm)}body:after{content:"";position:fixed;z-index:var(--z-nav-progress);height:var(--nav-progress-height);background:var(--color-accent);transform-origin:left;opacity:var(--opacity-0);pointer-events:none;transition:opacity var(--duration-nav-progress-out)ease;inset:0 0 auto}html[data-reroute-navigating] body:after{opacity:var(--opacity-100);transition:opacity var(--duration-fast)ease var(--duration-nav-progress-delay);animation:nav-progress var(--duration-nav-progress)cubic-bezier(.1,.6,.2,1)var(--duration-nav-progress-delay)both}@keyframes nav-progress{0%{transform:scaleX(0)}to{transform:scaleX(.92)}}@media (prefers-reduced-motion:reduce){html[data-reroute-navigating] body:after{animation:none}}.blog-spec{display:grid;margin:0 0 var(--space-5);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);overflow:hidden;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.blog-spec-row{display:flex;border-bottom:var(--border-width)solid var(--color-border);flex-wrap:wrap}.blog-spec-row:last-child{border-bottom:0}.blog-spec-cell{padding:var(--space-4)var(--space-5);line-height:var(--leading-body);overflow-wrap:anywhere;flex:1 1 0;min-width:0}.blog-spec-row>.blog-spec-cell:first-child{flex-grow:1;flex-basis:calc((var(--blog-spec-break) - 100%)*999);color:var(--color-muted)}.blog-spec-row>.blog-spec-cell:first-child:empty{padding-block-start:0;padding-block-end:0}.blog-spec-head{background:var(--color-surface)}.blog-spec-head .blog-spec-cell{font-weight:var(--font-weight-medium);color:var(--color-muted)}.blog-spec.is-ours-last .blog-spec-row>.blog-spec-cell:last-child{background:var(--color-accent-muted)}.blog-spec-head .blog-spec.is-ours-last .blog-spec-row>.blog-spec-cell:last-child{color:var(--color-accent)}.blog-spec code{font-family:var(--font-mono);font-size:var(--font-size-sm)}.blog-crumb{display:flex;gap:var(--space-3);align-items: center}.blog-crumb a{color:inherit;text-decoration:none}.blog-crumb a:hover{color:var(--color-ink)}.blog-filter{overflow-x:auto;align-self: flex-start;max-width:100%}.blog-filter a{display:inline-flex;padding:0 var(--space-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted);text-decoration:none;white-space:nowrap;flex:1 0 auto;justify-content:center;align-items: center;height:100%}.blog-filter a+a{border-left:var(--border-width)solid var(--color-border)}.blog-filter a:hover{background:var(--color-hover);color:var(--color-ink)}.blog-filter a.is-on{background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.blog-cover{display:flex;gap:var(--space-4);padding:var(--space-6);flex-direction:column;height:auto}.blog-cover img{display:block;aspect-ratio:var(--blog-cover-aspect);object-fit:cover;border-radius:var(--radius-sm);width:100%;height:auto}.blog-cover-bar{display:flex;justify-content:space-between;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);align-items: center}.blog-cover-made{display:inline-flex;align-items: center;gap:var(--space-3);white-space:nowrap}.blog-cover-open{display:inline-flex;padding:var(--space-2);color:var(--color-accent);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:background var(--duration-in),border-color var(--duration-in);align-items: center}.blog-cover-open svg{width:var(--icon-md);height:var(--icon-md);flex:none}.blog-cover-open-label{overflow:hidden;opacity:var(--opacity-0);transition:max-width var(--duration-in),margin-right var(--duration-in),opacity var(--duration-in);max-width:0}.blog-cover-open:hover{background:var(--color-accent-muted);border-color:var(--color-accent)}.blog-cover-open:focus-visible{background:var(--color-accent-muted);border-color:var(--color-accent)}.blog-cover-open:hover .blog-cover-open-label{max-width:var(--blog-cover-open-label);margin-right:var(--space-2);opacity:var(--opacity-100)}.blog-cover-open:focus-visible .blog-cover-open-label{max-width:var(--blog-cover-open-label);margin-right:var(--space-2);opacity:var(--opacity-100)}.blog-feature{display:grid;gap:var(--space-5);color:inherit;text-decoration:none}.blog-feature:hover .blog-title{color:var(--color-accent)}.blog-feature-copy{display:grid;gap:var(--space-3)}.blog-eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.blog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);color:var(--color-ink);margin:0}.blog-feature .blog-title{font-size:var(--font-size-title);letter-spacing:var(--tracking-tight)}.blog-summary{font-size:var(--font-size-md);line-height:var(--leading-copy);color:var(--color-muted);margin:0}.blog-meta{font-size:var(--font-size-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.blog-list{display:grid;border-top:var(--border-width)solid var(--color-border)}.blog-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items: start;gap:var(--space-5);padding:var(--space-6)0;border-bottom:var(--border-width)solid var(--color-border);color:inherit;text-decoration:none}.blog-row:last-child{border-bottom:0}.blog-row:hover .blog-title{color:var(--color-accent)}.blog-row-copy{display:grid;gap:var(--space-2);min-width:0}.blog-row-meta{display:flex;align-items:baseline;gap:var(--space-2)var(--space-4);flex-wrap:wrap}.blog-icon{display:grid;width:var(--control-size-sm);height:var(--control-size-sm);border-radius:var(--radius-md);background:var(--color-hover);color:var(--color-muted);flex-shrink:0;place-items: center}.blog-icon svg{width:var(--icon-md);height:var(--icon-md)}.blog-row:hover .blog-icon,.blog-card:hover .blog-icon{background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.blog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--blog-card-min),1fr));gap:var(--space-4)}.blog-card{display:grid;align-content: start;gap:var(--space-4);padding:var(--space-4);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:background var(--duration-fast)ease,border-color var(--duration-fast)ease}.blog-card:hover{border-color:var(--color-accent);background:var(--color-surface-2)}.blog-card img{display:block;border-radius:var(--radius-sm);width:100%;height:auto}.blog-card-head{display:flex;align-items: center;gap:var(--space-4)}.blog-card-copy{display:grid;gap:var(--space-2);padding:0 var(--space-2)var(--space-2)}.blog-post-meta{display:flex;gap:var(--space-2)var(--space-5);flex-wrap:wrap}.prose code{font-family:var(--font-mono);font-size:var(--font-size-sm)}.blog-note{display:grid;gap:var(--space-2);margin:0 0 var(--space-5);padding:var(--space-5)var(--space-6);border-radius:var(--radius-md);background:var(--color-accent-muted);font-size:var(--font-size-md);line-height:var(--leading-copy)}.blog-note b{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.blog-sources{display:grid;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);overflow:hidden}.blog-sources-head{display:flex;align-items: center;gap:var(--space-4);padding:var(--space-5)var(--space-6);cursor:pointer;list-style:none}.blog-sources-head::-webkit-details-marker{display:none}.blog-sources-head:hover{background:var(--color-hover)}.blog-sources[open] .blog-sources-head{border-bottom:var(--border-width)solid var(--color-border)}.blog-sources-chevron{display:grid;color:var(--color-muted);transition:transform var(--duration-fast)ease;flex-shrink:0;place-items: center}.blog-sources-chevron svg{width:var(--icon-md);height:var(--icon-md)}.blog-sources[open] .blog-sources-chevron{transform:rotate(var(--rotate-half))}@media (prefers-reduced-motion:reduce){.blog-sources-chevron{transition:none}}.blog-sources-head .blog-icon{background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.blog-sources-title{display:grid;gap:var(--space-1);min-width:0}.blog-sources-title strong{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.blog-sources-title span{font-size:var(--font-size-sm);color:var(--color-muted)}.blog-sources-title{flex:auto}.blog-sources-date{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);white-space:nowrap}.blog-sources-list{display:grid;list-style:none;margin:0;padding:0}.blog-source{display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items: center;gap:var(--space-4);padding:var(--space-4)var(--space-6);border-bottom:var(--border-width)solid var(--color-border);color:inherit;text-decoration:none}.blog-sources-list li:last-child .blog-source{border-bottom:0}.blog-source:hover{background:var(--color-hover)}.blog-source-glyph{display:grid;width:var(--control-size-sm);height:var(--control-size-sm);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-muted);place-items: center}.blog-source-copy{display:grid;gap:var(--space-1);min-width:0}.blog-source-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-md)}.blog-source-url b{font-weight:var(--font-weight-medium);color:var(--color-ink)}.blog-source-url span{color:var(--color-muted)}.blog-source-use{font-size:var(--font-size-sm);color:var(--color-muted)}.blog-source-out{color:var(--color-muted)}.blog-source-out svg{display:block;width:var(--icon-sm);height:var(--icon-sm)}.blog-source:hover .blog-source-out{color:var(--color-ink)}.blog-sources-foot{padding:var(--space-4)var(--space-6);border-top:var(--border-width)solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.blog-sources-foot b{font-weight:var(--font-weight-medium);color:var(--color-ink)}.blog-feature+.blog-list,.blog-feature+.blog-cards,.pricing-plans+.legal-body,.tool-panel+.legal-body,.blog-post-end+.blog-more{margin-top:var(--space-8)}.blog-post-end{display:grid;gap:var(--space-4);margin-top:var(--space-8)}.legal-body+.blog-more{margin-top:var(--space-8)}.blog-cta{display:flex;justify-content:space-between;align-items: center;gap:var(--space-5);padding:var(--space-6)var(--space-7);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);flex-wrap:wrap}.blog-cta-copy{display:grid;gap:var(--space-2);min-width:0}.blog-cta-copy strong{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.blog-cta-copy span{color:var(--color-muted);font-size:var(--font-size-sm)}.blog-cta-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.blog-more{display:grid;gap:var(--space-4)}.blog-more h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);margin:0}.blog-toolbar{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4);flex-wrap:wrap}.blog-toolbar .blog-filter{align-self:auto;min-width:0}.blog-view{flex:none}.blog-view button{width:var(--control-height);padding:0}.blog-view button svg{width:var(--icon-md);height:var(--icon-md)}.blog-back{align-self: flex-start}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--blog-card-min),1fr));gap:var(--space-5)var(--space-4)}.pricing-plan{display:grid;grid-row:span 5;grid-template-rows:subgrid;padding:var(--space-7);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);align-content: start}.pricing-plan.is-pro{border-color:var(--color-accent);background:var(--color-surface-2)}.pricing-plan.is-pro .blog-icon{background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.pricing-plan-head{display:flex;align-items: center;gap:var(--space-4)}.pricing-price{display:flex;align-items:baseline;gap:var(--space-3);margin:0}.pricing-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-none);font-variant-numeric:tabular-nums}.pricing-unit{font-size:var(--font-size-md);color:var(--color-muted)}.pricing-list{display:grid;gap:var(--space-3);list-style:none;font-size:var(--font-size-md);line-height:var(--leading-copy);margin:0;padding:0}.pricing-list li{display:flex;gap:var(--space-3);align-items: flex-start}.pricing-list svg{width:var(--icon-md);height:var(--icon-md);margin-top:var(--space-1);color:var(--color-accent);flex-shrink:0}.pricing-cta{justify-self:start}.tool-panel{display:grid;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);overflow:hidden;min-width:0}.tool-section{display:grid;gap:var(--space-6);padding:var(--space-7)var(--space-8);border-bottom:var(--border-width)solid var(--color-border);min-width:0}.tool-section-head{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3)var(--space-6);min-height:var(--control-height);flex-wrap:wrap}.tool-section-title{display:flex;align-items: center;gap:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.tool-section-aside{display:flex;align-items: center;gap:var(--space-3)}.tool-section-body{display:grid;gap:var(--space-6);min-width:0}.tool-section-body .field{margin:0}.tool-footer{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3)var(--space-6);padding:var(--space-6)var(--space-8);background:var(--color-surface);flex-wrap:wrap}.tool-footer-summary{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.tool-footer-actions{display:flex;align-items: center;gap:var(--space-3)}.tool-panel button:disabled{opacity:var(--opacity-50);cursor:not-allowed}.tool-panel .seg{overflow-x:auto;justify-self:start;max-width:100%}.tool-panel .seg button{gap:var(--space-2);padding:0 var(--space-5);white-space:nowrap;flex:1 0 auto}.tool-readout{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-ink)}.tool-count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tool-count.is-near{color:var(--color-accent)}.tool-count.is-over{color:var(--color-danger)}.tool-chip{padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-body);white-space:nowrap}.tool-chip.is-ok{background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.tool-chip.is-warn{background:var(--color-danger-muted);color:var(--color-danger)}.tool-chip.is-muted{background:var(--color-hover);color:var(--color-muted)}.tool-drop{position:relative;justify-content:center;align-items: center;gap:var(--space-6);padding:var(--space-12)var(--space-8);text-align:center;cursor:pointer;transition:border-color var(--duration-fast)ease;flex-direction:column;height:auto}.tool-drop:hover,.tool-drop.is-over{border-color:var(--color-accent)}.tool-drop:focus-within{outline:var(--focus-ring-width)solid var(--color-focus);outline-offset:var(--space-1)}.tool-drop-copy{display:grid;gap:var(--space-2)}.tool-drop-copy strong{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.tool-drop-copy span,.tool-drop-formats{font-size:var(--font-size-sm);color:var(--color-muted)}.tool-drop-actions{display:flex;justify-content:center;align-items: center;gap:var(--space-3)var(--space-6);flex-wrap:wrap}.tool-file-input{position:absolute;opacity:var(--opacity-0);cursor:pointer;inset:0}.tool-pick{position:relative;cursor:pointer}.tool-pick.is-over{border-color:var(--color-accent)}.tool-ghosts{display:flex;gap:var(--space-2)}.tool-ghost{display:grid;height:var(--tool-ghost-height);aspect-ratio:1284/2778;border:var(--border-width)dashed var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);background:var(--color-surface-2);place-items: center}.tool-preview,.tool-strip{align-items: center;gap:var(--space-6);padding:var(--space-6);flex-direction:column;height:auto}.tool-preview .blog-cover-bar,.tool-strip .blog-cover-bar{align-self:stretch}.tool-preview-canvas{display:block;max-height:var(--tool-preview-max);width:auto;max-width:100%;height:auto}.tool-strip{overflow-x:auto;align-items: flex-start}.tool-strip-canvas{display:block;height:var(--tool-strip-height);width:auto;max-width:none}.tool-files{display:grid;list-style:none;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);margin:0;padding:0}.tool-file{display:flex;align-items: center;gap:var(--space-3)var(--space-6);padding:var(--space-4)var(--space-6);border-bottom:var(--border-width)solid var(--color-border);flex-wrap:wrap}.tool-file:last-child{border-bottom:0}.tool-file-thumb{width:var(--tool-thumb);height:var(--tool-thumb);object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface)}.tool-file-copy{display:grid;flex:1 1 var(--blog-card-min);gap:var(--space-1);min-width:0}.tool-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-md)}.tool-file-meta{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.tool-size-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--blog-card-min),1fr));gap:var(--space-6)}.tool-sizes{display:grid;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;align-content: start}.tool-sizes-head{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);padding:var(--space-3)var(--space-3)var(--space-3)var(--space-6);background:var(--color-surface);border-bottom:var(--border-width)solid var(--color-border)}.tool-sizes-title{display:flex;align-items: center;gap:var(--space-3);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.tool-sizes-title svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-muted)}.tool-sizes-actions{display:flex}.tool-size{display:grid;grid-template-columns:auto minmax(0,1fr)auto;grid-template-areas:"check name px" "check devices chip";align-items: center;gap:var(--space-1)var(--space-5);padding:var(--space-4)var(--space-6);border-bottom:var(--border-width)solid var(--color-border);cursor:pointer}.tool-size:last-child{border-bottom:0}.tool-size:hover{background:var(--color-hover)}.tool-size .checkbox{grid-area:check}.tool-size-copy{display:contents}.tool-size-name{grid-area:name;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.tool-size-devices{grid-area:devices;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-muted)}.tool-size-px{grid-area:px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);justify-self:end}.tool-size .tool-chip{grid-area:chip;justify-self:end}.tool-bg{flex-wrap:wrap;height:auto}.tool-bg-swatch{cursor:pointer;padding:0}.tool-bg-swatch.is-on{outline:var(--focus-ring-width)solid var(--color-accent);outline-offset:var(--space-1)}.tool-bg .color-field-hex{flex:1 1 var(--site-footer-col-min)}.tool-swatches{min-height:var(--control-height);align-items: center}.tool-stepper{display:inline-flex;justify-self:start;align-items: center;gap:var(--space-1);height:var(--control-height);padding:0 var(--space-1);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2)}.tool-stepper-value{min-width:var(--control-size-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);text-align:center;font-variant-numeric:tabular-nums}.tool-icon-checks{display:flex;gap:var(--space-3);flex-wrap:wrap}.tool-icon-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--blog-card-min),1fr));gap:var(--space-6)}.tool-icon-stage{display:flex;justify-content:center;align-items: flex-end;gap:var(--space-8);padding:var(--space-8);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap}.tool-icon-stage.is-light{background:var(--color-white);color:var(--color-black)}.tool-icon-stage.is-dark{background:var(--color-black);color:var(--color-white)}.tool-icon-preview{display:grid;justify-items:center;gap:var(--space-3);margin:0}.tool-icon-preview figcaption{font-family:var(--font-mono);font-size:var(--font-size-xs);opacity:var(--opacity-50)}.tool-feature{gap:var(--space-6);padding:var(--space-6);flex-direction:column;height:auto}.tool-feature-canvas{display:block;border-radius:var(--radius-sm);width:100%;height:auto}.tool-section-body .field .tool-pick{justify-self:start}.tool-note{display:flex;align-items: center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted);flex-wrap:wrap;margin:0}.tool-groups{display:grid;gap:var(--space-8)}.tool-group{display:grid;gap:var(--space-4)}.tool-group-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted);margin:0}.tool-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--blog-card-min),1fr));gap:var(--space-4)}.tool-card{display:grid;align-content: start;gap:var(--space-2);padding:var(--space-4);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:background var(--duration-fast)ease,border-color var(--duration-fast)ease}.tool-card:hover{border-color:var(--color-accent);background:var(--color-surface-2)}.tool-card:hover .blog-icon{background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.tool-card-top{display:flex;margin-bottom:var(--space-2);justify-content:space-between;align-items: center}.tool-card-platform{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.tool-card-name{font-weight:var(--font-weight-semibold)}.tool-card-summary{font-size:var(--font-size-sm);line-height:var(--leading-copy);color:var(--color-muted)}.legal-page-inner:has(.templates-page){width:min(100%,var(--templates-page-max))}.templates-page .legal-crumb a{color:inherit;text-decoration:none}.templates-page .legal-crumb a:hover{color:var(--color-ink)}.template-filters{display:flex;gap:var(--space-2);margin:var(--space-7)0;flex-wrap:wrap}.template-filter{padding:var(--space-2)var(--space-4);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-full);color:var(--color-muted);font-size:var(--font-size-md);text-decoration:none}.template-filter:hover{color:var(--color-ink);background:var(--color-hover)}.template-filter.is-on{border-color:var(--color-ink);color:var(--color-ink)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--template-card-min),1fr));gap:var(--space-7)var(--space-5)}.template-card{display:grid;align-content: start;gap:var(--space-2);color:inherit;text-decoration:none}.template-card-thumb{display:block;aspect-ratio:var(--template-thumb-ratio);object-fit:cover;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--duration-fast);width:100%;height:auto}.template-card-thumb.is-tablet{object-fit:contain;object-position:bottom}.template-card:hover .template-card-thumb{transform:translateY(var(--template-card-lift))}.template-card-meta{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted)}.template-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-ink)}.template-card-for{color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--leading-ui)}.template-actions{display:flex;align-items: center;gap:var(--space-3)var(--space-6);margin:var(--space-6)0;flex-wrap:wrap}.template-plan{color:var(--color-muted);font-size:var(--font-size-md);margin:0}.template-strip{overflow-x:auto;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg)}.template-strip img{display:block;min-width:var(--template-strip-min);width:100%;height:auto}.template-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--template-fact-min),1fr));gap:var(--space-5);margin:var(--space-7)0 var(--space-5)}.template-facts dt{color:var(--color-muted);font-size:var(--font-size-sm)}.template-facts dd{margin:var(--space-1)0 0;font-size:var(--font-size-md)}.template-note,.template-hub{color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--leading-ui)}.template-more,.template-faq{margin-top:var(--space-12)}.template-faq h3{margin:var(--space-6)0 var(--space-2)}.template-faq p{color:var(--color-muted);margin:0}.template-hub{margin-top:var(--space-6)}html[data-phone] .site-nav-link[href=\/blog]{display:none}html[data-phone] .site-nav{column-gap:var(--space-5)}html[data-phone] .site-nav .btn-secondary{margin-left:0}.tool-aso-preview{display:flex;align-items: center;gap:var(--space-6);padding:var(--space-6);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.tool-aso-icon{width:var(--tool-app-icon);height:var(--tool-app-icon);overflow:hidden;border-radius:var(--radius-xl);background:var(--color-accent-muted);position:relative;cursor:pointer;flex-shrink:0}.tool-aso-icon:has(img){background:0 0}.tool-aso-icon-hint{position:absolute;display:grid;background:var(--color-backdrop);color:var(--color-white);opacity:var(--opacity-0);transition:opacity var(--duration-fast)ease;place-items: center;inset:0}.tool-aso-icon:not(:has(img)) .tool-aso-icon-hint{color:var(--color-accent);opacity:var(--opacity-100);background:0 0}.tool-aso-icon:hover .tool-aso-icon-hint,.tool-aso-icon:focus-within .tool-aso-icon-hint{opacity:var(--opacity-100)}.tool-aso-icon-hint svg{width:var(--icon-md);height:var(--icon-md)}.tool-aso-icon img{display:block;object-fit:cover;width:100%;height:100%}.tool-aso-copy{display:grid;gap:var(--space-1);flex:auto;min-width:0}.tool-aso-name,.tool-aso-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-aso-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.tool-aso-subtitle{font-size:var(--font-size-md);color:var(--color-muted)}.tool-aso-get{padding:var(--space-2)var(--space-6);border-radius:var(--radius-full);background:var(--color-hover);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.tool-fields{display:grid;gap:var(--space-6)}.tool-field{display:grid;gap:var(--space-3)}.tool-field-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-6)}.tool-field-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.tool-field-hint{font-size:var(--font-size-xs);color:var(--color-muted)}.tool-report-list{display:grid;gap:var(--space-3);padding-left:var(--space-8);font-size:var(--font-size-md);line-height:var(--leading-copy);margin:0}.tool-report-ok{font-size:var(--font-size-md);color:var(--color-muted);margin:0}.tool-store-stage{padding:var(--space-8)var(--space-6);justify-content:center;height:auto}.tool-store{display:grid;gap:var(--space-6);width:min(100%,var(--tool-store-width));padding:var(--space-6);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md)}.tool-store .tool-aso-preview{background:0 0;border:0;padding:0}.tool-store-section{display:grid;gap:var(--space-2);padding-top:var(--space-5);border-top:var(--border-width)solid var(--color-border)}.tool-store-section h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.tool-store-meta{font-size:var(--font-size-xs);color:var(--color-muted);margin:0}.tool-store-text{position:relative}.tool-store-text p,.tool-store-promo{font-size:var(--font-size-sm);line-height:var(--leading-copy);white-space:pre-line;margin:0}.tool-store-promo{margin-bottom:var(--space-3)}.tool-store-text p.is-clamped{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.tool-store-more{color:var(--color-accent);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;padding:0}.tool-store-shots{display:flex;gap:var(--space-3);overflow-x:auto}.tool-store-shot{display:grid;flex:0 0 var(--tool-store-shot);aspect-ratio:var(--aspect-phone);border:var(--border-width)dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-hover);color:var(--color-muted);place-items: center}.tool-store-shot:hover{border-color:var(--color-accent);color:var(--color-accent)}.tool-store-shot svg{width:var(--icon-lg);height:var(--icon-lg)}.tool-store-hint{padding-top:var(--space-5);border-top:var(--border-width)solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.tool-store-shot.has-image{overflow:hidden;border-style:solid;border-color:var(--color-border);background:0 0}.tool-store-shot.has-image img{display:block;object-fit:cover;width:100%;height:100%}.tool-store-meta a{color:var(--color-accent)}.tool-checks{display:grid;gap:var(--space-3);list-style:none;margin:0;padding:0}.tool-check{display:flex;align-items: flex-start;gap:var(--space-3);font-size:var(--font-size-sm);line-height:var(--leading-copy)}.tool-check svg{width:var(--icon-md);height:var(--icon-md);margin-top:var(--space-1);flex-shrink:0}.tool-check.is-pass svg{color:var(--color-live)}.tool-check.is-warn svg{color:var(--color-offline)}.tool-check.is-fail svg{color:var(--color-danger)}.tool-check-copy{display:grid;gap:var(--space-1)}.tool-check-title{font-weight:var(--font-weight-medium)}.tool-check-detail{color:var(--color-muted)}.tool-maker-stage{justify-content:center;gap:var(--space-9);padding:var(--space-8);flex-wrap:wrap;height:auto}.tool-maker-hero{width:var(--tool-maker-hero);height:var(--tool-maker-hero);border-radius:var(--app-icon-radius);box-shadow:var(--shadow-md)}.tool-maker-sizes{display:grid;gap:var(--space-3)}.tool-maker-tone{display:flex;align-items: flex-end;gap:var(--space-5);padding:var(--space-4)var(--space-5);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md)}.tool-maker-tone.is-light{background:var(--color-white)}.tool-maker-tone.is-dark{background:var(--color-black)}.tool-maker-tone img{display:block;border-radius:var(--app-icon-radius)}.tool-maker-tone img.is-round{border-radius:var(--radius-full)}.tool-maker-search{display:flex;gap:var(--space-3);flex-wrap:wrap}.tool-maker-search .search-input{flex:1 1 var(--blog-card-min)}.tool-maker-search .search-input svg{color:var(--color-muted);flex-shrink:0}.tool-maker-cats{display:flex;gap:var(--space-2);flex-wrap:wrap}.tool-maker-cat{height:var(--control-size-sm);padding:0 var(--space-3);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-full);color:var(--color-muted);font:inherit;font-size:var(--font-size-xs);cursor:pointer;background:0 0}.tool-maker-cat:hover{color:var(--color-ink)}.tool-maker-cat.is-on{border-color:var(--color-accent);background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.tool-maker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tool-maker-glyph),1fr));gap:var(--space-2);max-height:var(--tool-maker-grid-height);overflow-y:auto;padding:var(--space-1)}.tool-maker-glyph{display:grid;aspect-ratio:var(--aspect-square);border:var(--border-width)solid transparent;border-radius:var(--radius-md);background:var(--color-hover);color:var(--color-ink);cursor:pointer;place-items: center;padding:0}.tool-maker-glyph svg{width:var(--tool-maker-glyph-ink);height:var(--tool-maker-glyph-ink)}.tool-maker-glyph:hover{border-color:var(--color-border-strong)}.tool-maker-glyph.is-on{border-color:var(--color-accent);background:var(--color-accent-muted);color:var(--color-accent-on-muted)}.tool-maker-empty{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.tool-maker-palettes{display:flex;gap:var(--space-2);flex-wrap:wrap}.tool-maker-palette{display:grid;width:var(--tool-thumb);height:var(--tool-thumb);border:var(--border-width)solid var(--color-border);border-radius:var(--app-icon-radius);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;place-items: center;padding:0}.tool-maker-palette.is-on{outline:var(--focus-ring-width)solid var(--color-accent);outline-offset:var(--border-width)}.tool-maker-row{display:flex;align-items: center;gap:var(--space-3);flex-wrap:wrap}.changelog{position:relative;display:grid;gap:var(--space-12);margin:var(--space-8)0 0;padding:0 0 0 var(--changelog-rail);list-style:none}.changelog:before{content:"";position:absolute;top:var(--space-2);bottom:0;left:calc((var(--changelog-dot) - var(--border-width))/2);width:var(--border-width);background:linear-gradient(var(--color-border-strong),transparent)}.changelog-release{position:relative;display:grid;gap:var(--space-4);scroll-margin-top:var(--space-8)}.changelog-dot{position:absolute;top:var(--space-1);left:calc(var(--changelog-rail)*-1);width:var(--changelog-dot);height:var(--changelog-dot);border:var(--border-width)solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface)}.changelog-dot.is-latest{border-color:var(--color-accent);background:var(--color-accent);box-shadow:0 0 0 var(--changelog-halo)var(--color-accent-muted)}.changelog-head{display:flex;align-items: center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted);flex-wrap:wrap;margin:0}.changelog-version{padding:0 var(--space-2);border:var(--border-width)solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-ink)}.changelog-latest{padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-accent-muted);color:var(--color-accent-on-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.changelog-title{font-size:var(--font-size-title);line-height:var(--leading-tight);margin:0}.changelog-title a{color:inherit;text-decoration:none}.changelog-title a:hover{color:var(--color-accent)}.changelog-summary{color:var(--color-muted);line-height:var(--leading-copy);margin:0}.changelog-cover-link{display:block;text-decoration:none}.changelog-cover{display:block;overflow:hidden;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);aspect-ratio:var(--changelog-cover-aspect);background:var(--color-surface)}.changelog-cover img{display:block;width:100%;height:auto}.changelog-cover-link:hover .changelog-cover{border-color:var(--color-accent)}.changelog-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--changelog-highlight-min),1fr));gap:var(--space-3);list-style:none;margin:0;padding:0}.changelog-highlight{display:grid;grid-template-columns:auto minmax(0,1fr);align-content: start;gap:var(--space-1)var(--space-3);padding:var(--space-4);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg)}.changelog-highlight .blog-icon{grid-row:span 2}.changelog-highlight-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.changelog-highlight-text{font-size:var(--font-size-sm);line-height:var(--leading-copy);color:var(--color-muted)}.changelog-foot{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);font-size:var(--font-size-sm);flex-wrap:wrap;margin:0}.changelog-counts{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.changelog-read{display:inline-flex;align-items: center;gap:var(--space-2);color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:none}.changelog-read:hover{text-decoration:underline}.changelog-read svg,.changelog-link svg{width:var(--icon-sm);height:var(--icon-sm)}.legal-article>.changelog-cover,.changelog-intro{margin-top:var(--space-8)}.changelog-groups{display:grid;gap:var(--space-8);margin-top:var(--space-8);padding-top:var(--space-8);border-top:var(--border-width)solid var(--color-border)}.changelog-group{display:grid;gap:var(--space-4)}.changelog-kind{display:inline-flex;align-items: center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.changelog-kind svg{width:var(--icon-md);height:var(--icon-md)}.changelog-kind.is-new{color:var(--color-accent)}.changelog-kind.is-improved{color:var(--color-live)}.changelog-kind.is-fixed{color:var(--color-offline)}.changelog-kind-count{font-family:var(--font-mono);font-weight:var(--font-weight-medium);color:var(--color-muted)}.changelog-group ul{display:grid;gap:var(--space-4);list-style:none;margin:0;padding:0}.changelog-group li{display:flex;align-items:baseline;gap:var(--space-4);font-size:var(--font-size-sm);line-height:var(--leading-copy)}.changelog-area{flex:0 0 var(--changelog-area-min);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.changelog-text{min-width:0}.changelog-link{display:inline-flex;align-items: center;gap:var(--space-1);margin-left:var(--space-2);color:var(--color-accent);text-decoration:none;white-space:nowrap}.changelog-link:hover{text-decoration:underline}.changelog-pager{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8)}.changelog-pager-link{display:inline-flex;align-items: center;gap:var(--space-3);padding:var(--space-4);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-ink);font-size:var(--font-size-sm);text-decoration:none}.changelog-pager-link>span{display:grid;gap:var(--space-1)}.changelog-pager-link.is-next{text-align:right;margin-left:auto}.changelog-pager-link:hover{border-color:var(--color-accent)}.changelog-pager-label{font-size:var(--font-size-xs);color:var(--color-muted)}.cloud-pill-anchor{display:inline-flex;min-width:0}.cloud-pill-anchor svg{color:inherit}.cloud-pop{width:var(--cloud-pop-width);padding:var(--space-2)}.cloud-pop-head{display:grid;gap:var(--space-1);padding:var(--space-3)var(--space-4)var(--space-4);border-bottom:var(--border-width)solid var(--color-border);margin-bottom:var(--space-2);font-size:var(--font-size-sm);line-height:var(--leading-ui);color:var(--color-muted)}.cloud-pop-head strong{font-size:var(--font-size-md);color:var(--color-ink);font-weight:var(--font-weight-semibold)}.cloud-pop-items{display:grid}.cloud-pop-item{display:flex;align-items: center;gap:var(--space-4);min-height:var(--menu-row-height);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-ink);text-decoration:none;text-align:left;cursor:pointer;background:0 0;border:0}.cloud-pop-item:hover{background:var(--color-hover)}.cloud-pop-item:focus-visible{background:var(--color-hover)}.cloud-pop-item svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-muted);flex-shrink:0}.cloud-pop-item:hover svg{color:var(--color-ink)}.cloud-pop-item:focus-visible svg{color:var(--color-ink)}.cloud-note,.cloud-warn{margin:var(--space-6)0 0;padding:var(--space-5)var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-md);background:var(--color-surface);color:var(--color-muted)}.cloud-warn{background:var(--color-danger-muted);color:var(--color-ink)}.cloud-join-badge{display:grid;width:var(--cloud-badge-size);height:var(--cloud-badge-size);margin-bottom:var(--space-5);border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent-on-muted);place-items: center}.cloud-join-badge svg{width:var(--icon-lg);height:var(--icon-lg)}.cloud-perks{list-style:none;margin:var(--space-6)0 0;display:grid;gap:var(--space-4);font-size:var(--font-size-md);color:var(--color-ink);padding:0}.cloud-perks li{display:flex;align-items: center;gap:var(--space-4)}.cloud-perk-icon{display:inline-grid;width:var(--control-size-xs);height:var(--control-size-xs);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent)14%,transparent);color:var(--color-accent);flex:none;place-items: center}.cloud-perk-icon svg{width:var(--icon-sm);height:var(--icon-sm)}.cloud-pick{margin:var(--space-7)0 0;border:0;min-width:0;padding:0}.cloud-pick-label{display:flex;padding:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);justify-content:space-between;width:100%}.cloud-pick-label span{font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.cloud-pick-list{list-style:none;padding:var(--space-2);max-height:var(--list-max-sm);overflow-y:auto;display:grid;gap:var(--space-1);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);margin:0}.cloud-pick-row{display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items: center;gap:var(--space-4);min-height:var(--control-size-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-md);cursor:pointer}.cloud-pick-row:hover{background:var(--color-hover)}.cloud-pick-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-pick-meta{font-size:var(--font-size-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.cloud-footnote{margin:var(--space-6)0 0;font-size:var(--font-size-sm);color:var(--color-muted)}.cloud-versus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.cloud-version-card{border:var(--border-width)solid var(--color-border-strong);border-radius:var(--radius-xl);overflow:hidden;display:grid;margin:0}.cloud-version-preview{height:var(--cloud-version-height);background:var(--color-surface)}.cloud-version-thumb{display:block;object-fit:cover;width:100%}span.cloud-thumb-wait{display:grid;place-items: center}.cloud-diff{margin:var(--space-5)0 0;font-size:var(--font-size-md);color:var(--color-ink)}.cloud-version-card figcaption{display:grid;gap:var(--space-1);padding:var(--space-5)var(--space-6);font-size:var(--font-size-sm);color:var(--color-muted)}.cloud-version-card strong{display:flex;align-items: center;gap:var(--space-3);font-size:var(--font-size-md);color:var(--color-ink)}.cloud-choices{display:grid;gap:var(--space-4)}.cloud-choice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-5);padding:var(--space-5);border:var(--border-width)solid var(--color-border-strong);border-radius:var(--radius-xl);text-align:left;cursor:pointer;background:0 0}.cloud-choice[aria-checked=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent)6%,var(--color-surface-2))}.cloud-choice-radio{width:var(--icon-md);height:var(--icon-md);margin-top:var(--space-1);border-radius:var(--radius-full);border:var(--stroke-mid)solid var(--color-border-strong)}.cloud-choice[aria-checked=true] .cloud-choice-radio{border:var(--space-2)solid var(--color-accent)}.cloud-choice b{display:block;font-weight:var(--font-weight-semibold)}.cloud-choice span span{font-size:var(--font-size-sm);color:var(--color-muted)}.cloud-history{display:grid;grid-template-columns:var(--cloud-history-list-width)minmax(0,1fr);gap:var(--space-6);height:var(--cloud-history-height)}.cloud-history-list{list-style:none;overflow-y:auto;display:grid;align-content: start;gap:var(--space-1);margin:0;padding:0}.cloud-history-item{display:grid;gap:var(--space-1);padding:var(--space-4)var(--space-5);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.cloud-history-item:hover{background:var(--color-hover)}.cloud-history-item[aria-current=true]{background:var(--color-accent-muted)}.cloud-history-item b{font-weight:var(--font-weight-semibold)}.cloud-history-item span,.cloud-history-empty{font-size:var(--font-size-sm);color:var(--color-muted)}.cloud-history-empty{padding:var(--space-5)}.cloud-history-preview{display:grid;border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden;place-items: center;min-width:0}.cloud-toast{position:fixed;left:50%;bottom:var(--space-10);z-index:var(--z-tooltip);transform:translate(-50%)}.work-place{display:inline-flex;align-items: center;gap:var(--space-2);padding:0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.work-place-cloud svg{color:var(--color-live)}.account-cloud{display:grid;gap:var(--space-4)}.account-cloud-head{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3)}.account-cloud-off-anchor{display:inline-flex}.account-cloud-off svg{width:var(--icon-lg);height:var(--icon-lg)}.account-cloud-off:hover,.account-cloud-off.is-on{color:var(--color-danger);background:var(--color-hover)}.account-cloud-off-pop{display:grid;gap:var(--space-2);max-width:var(--works-side-width);padding:var(--space-4)var(--space-5);font-size:var(--font-size-sm);color:var(--color-muted)}.account-cloud-off-pop strong{font-size:var(--font-size-md);color:var(--color-ink)}.account-cloud-off-pop .account-cloud-actions{margin-top:var(--space-2)}.account-cloud-title{display:flex;align-items: center;gap:var(--space-3);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);margin:0}.account-cloud-link{display:flex;align-items: center;gap:var(--space-3);font-size:var(--font-size-md);color:var(--color-accent);text-decoration:none}.account-cloud-link:hover{text-decoration:underline}.account-cloud-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.works-panel{display:flex;flex-direction:column;height:100%;min-height:0}.works-side{display:flex;gap:var(--space-1);padding:var(--space-3)var(--space-3)var(--space-4);overflow-y:auto;flex-direction:column;flex:1;min-height:0}.works-view{position:absolute;z-index:var(--z-menu);overflow-y:auto;padding:var(--space-8)var(--space-10)var(--space-12);background:var(--color-app);inset:0}.works-toolbar-search{width:var(--works-search-width)}.works-nav{display:flex;align-items: center;gap:var(--space-4);height:var(--row-height);padding:0 var(--space-5);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--font-size-md);text-align:left;cursor:pointer;background:0 0;border:0}.works-nav svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-muted)}.works-nav:hover{background:var(--color-hover)}.works-nav.is-on{background:var(--color-accent-muted);color:var(--color-accent-on-muted);font-weight:var(--font-weight-medium)}.works-nav.is-on svg{color:var(--color-accent)}.works-nav-count{font-size:var(--font-size-sm);color:var(--color-muted);font-variant-numeric:tabular-nums;margin-left:auto}.works-side-grow{flex:1}.works-side-foot{display:grid;gap:var(--space-4);padding:var(--space-5)var(--space-3)0;border-top:var(--border-width)solid var(--color-border)}.works-lock{display:grid;gap:var(--space-4);padding:var(--space-6);border:var(--border-width)solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-2)}.works-lock p{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.works-lock .works-lock-title{display:flex;align-items: center;gap:var(--space-3);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-ink)}.works-lock-title svg{transform:translateY(var(--icon-optical-lift));flex:none}.works-head{display:flex;align-items: center;gap:var(--space-5);margin-bottom:var(--space-6)}.works-head h2{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);margin:0}.works-banner{display:flex;align-items: center;gap:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-5)var(--space-6);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-offline)12%,var(--color-surface-2));border:var(--border-width)solid color-mix(in srgb,var(--color-offline)40%,transparent)}.works-banner svg{color:var(--color-offline);flex:none}.works-banner span{flex:1}.works-section+.works-section{margin-top:var(--space-10)}.works-section-title{display:flex;align-items: center;gap:var(--space-1);margin:0 0 var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--works-card-min),1fr));gap:var(--space-8)}.work-card{position:relative;display:grid;gap:var(--space-4);min-width:0}.work-thumb{position:relative;display:block;aspect-ratio:var(--works-thumb-ratio);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);cursor:pointer;width:100%;padding:0}.work-card:hover .work-thumb,.work-card.is-focused .work-thumb,.work-card.is-selected .work-thumb{border-color:var(--color-accent);box-shadow:0 0 0 var(--border-width)var(--color-accent)}.work-thumb-preview,.work-thumb-image{display:block;width:100%;height:100%}.work-thumb-image{object-fit:cover}.work-thumb-progress{position:absolute;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent);opacity:var(--opacity-70)}.work-check{position:absolute;top:var(--space-4);left:var(--space-4);display:grid;width:var(--work-check-size);height:var(--work-check-size);border:var(--stroke-mid)solid var(--paper-70);border-radius:var(--radius-full);background:var(--ink-45);color:var(--color-white);opacity:var(--opacity-0);cursor:pointer;transition:opacity var(--duration-fast)ease-out,background var(--duration-fast)ease-out;place-items: center;padding:0}.work-check svg{width:var(--icon-sm);height:var(--icon-sm);opacity:var(--opacity-55)}.work-check:hover{border-color:var(--color-white);background:var(--ink-65)}.work-check:hover svg,.work-card:hover .work-check,.work-card.is-selected .work-check,.works-grid.is-selecting .work-check{opacity:var(--opacity-100)}.work-check:focus-visible{opacity:var(--opacity-100)}.work-card.is-selected .work-check{border-color:var(--color-accent);background:var(--color-accent)}.work-card.is-selected .work-check svg{opacity:var(--opacity-100)}.work-card.is-selected .work-thumb:after{content:"";position:absolute;background:color-mix(in srgb,var(--color-accent)18%,transparent);pointer-events:none;inset:0}@media (prefers-reduced-motion:reduce){.work-check{transition:none}}.work-meta{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:var(--space-4);align-items: start}.work-meta-text{min-width:0}.work-name{font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.work-sub{margin:var(--space-1)0 0;font-size:var(--font-size-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.work-actions{display:flex;align-items: center;gap:var(--space-1)}.work-badge{display:inline-flex;align-items: center;gap:var(--space-2);height:var(--control-size-sm);padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;border:0}.work-badge svg{width:var(--icon-md);height:var(--icon-md)}.work-badge-cloud svg{color:var(--color-live)}.work-badge-waiting{color:var(--color-accent)}.work-badge-browser{background:color-mix(in srgb,var(--color-offline)14%,transparent);color:var(--color-ink)}.work-badge-browser svg{color:var(--color-offline)}button.work-badge-browser{cursor:pointer}button.work-badge-browser:hover{background:color-mix(in srgb,var(--color-offline)26%,transparent)}.work-rename{height:var(--control-size-sm);padding:0 var(--space-2);border:var(--border-width)solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface-2);font:inherit;font-weight:var(--font-weight-semibold);width:100%}.works-bulk{position:fixed;left:50%;bottom:var(--space-10);z-index:var(--z-popover);display:flex;align-items: center;gap:var(--space-3);padding:var(--space-3)var(--space-3)var(--space-3)var(--space-7);background:var(--color-surface-2);border:var(--border-width)solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transform:translate(-50%)}.works-bulk b{margin-right:var(--space-4)}.works-empty{display:grid;justify-items:center;gap:var(--space-4);padding:var(--works-empty-pad)var(--space-8);text-align:center;color:var(--color-muted)}.works-empty svg{width:var(--works-empty-icon);height:var(--works-empty-icon)}.works-empty strong{font-size:var(--font-size-lg);color:var(--color-ink)}.works-empty p,.works-trash-note,.works-empty-line{color:var(--color-muted);margin:0}.works-trash-note{margin-bottom:var(--space-5)}.works-trash-row{display:grid;grid-template-columns:var(--works-trash-thumb)minmax(0,1fr)auto;gap:var(--space-7);padding:var(--space-5)0;border-bottom:var(--border-width)solid var(--color-border);align-items: center}.works-trash-thumb{display:block;aspect-ratio:var(--works-thumb-ratio);object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface);width:100%}.works-trash-actions{display:flex;gap:var(--space-3)}.works-pack{display:grid;gap:var(--space-4)}.works-pack p,.works-pack-done{margin:0}.works-pack-count{font-size:var(--font-size-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.works-opening{padding:var(--space-12);text-align:center;color:var(--color-muted)}.works-count{color:var(--color-muted);font-variant-numeric:tabular-nums}.work-current{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent-fill);color:var(--color-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.preset-pro{display:inline-flex;align-items: center;gap:var(--space-1);padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);background:var(--color-pro);color:var(--color-pro-ink);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.preset-pro svg{width:var(--icon-sm);height:var(--icon-sm)}.preset-pro-note{display:grid;gap:var(--space-3);padding:var(--space-4)var(--space-5);border:var(--border-width)solid var(--color-pro);border-radius:var(--radius-md);background:var(--color-pro-soft);font-size:var(--font-size-sm);color:var(--color-muted)}.preset-pro-note p{margin:0}.preset-pro-note-title{display:flex;align-items: center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-ink)}.preset-pro-note-title svg{color:var(--color-pro)}.works-inspector-body{display:grid;gap:var(--space-5);padding:var(--space-6);overflow-y:auto}.works-inspector-hint{font-size:var(--font-size-md);color:var(--color-muted);margin:0}.works-inspector-preview{aspect-ratio:var(--works-thumb-ratio);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-2);width:100%}.works-inspector-preview img,.works-inspector-doc{display:block;object-fit:cover;width:100%;height:100%}.works-inspector-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.works-facts{display:grid;gap:var(--space-2);font-size:var(--font-size-md);margin:0}.works-facts div{display:flex;justify-content:space-between;gap:var(--space-4)}.works-facts dt{color:var(--color-muted)}.works-facts dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.works-inspector-open{justify-content:center;width:100%}.works-inspector-actions{display:grid;gap:var(--space-1)}.works-inspector-actions .btn-ghost{justify-content:flex-start}.works-inspector-actions.is-centered .btn-ghost{justify-content:center}.works-inspector-danger{color:var(--color-danger)}.works-export{display:inline-flex}.works-export-button svg{width:var(--icon-lg);height:var(--icon-lg)}.works-export-button:hover{color:var(--color-ink);background:var(--color-hover)}.works-export-pop{display:grid;gap:var(--space-1);max-width:var(--works-side-width);padding:var(--space-4)var(--space-5);font-size:var(--font-size-sm);color:var(--color-muted)}.works-export-pop strong{font-size:var(--font-size-md);color:var(--color-ink)}.toolbar-share{display:inline-flex;flex-shrink:0}.share-pop{width:var(--share-pop-width);max-width:calc(var(--viewport-width) - var(--popover-edge)*2);padding:0}.share-pop-body{display:grid;gap:var(--space-6);padding:var(--space-7)var(--space-8)var(--space-8);font-size:var(--font-size-md);line-height:var(--leading-ui);color:var(--color-ink)}.share-pop-body p{margin:0}.share-muted{color:var(--color-muted)}.share-gate{display:grid;gap:var(--space-5);justify-items:start}.share-gate-title,.share-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.share-head{display:grid;gap:var(--space-2)}.share-title-row{display:flex;align-items: center;gap:var(--space-4);min-width:0}.share-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.share-sender{font-size:var(--font-size-sm);color:var(--color-muted)}.share-text-button{color:var(--color-accent);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.share-text-button:hover{color:var(--color-accent-hover);text-decoration:underline}.share-row{display:flex;align-items: center;gap:var(--space-6)}.share-row-text{display:grid;gap:var(--space-1);cursor:pointer;flex:1;min-width:0}.share-row-text span{font-size:var(--font-size-sm);color:var(--color-muted)}.share-row .switch{flex-shrink:0}.share-url code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-url pre{white-space:nowrap}.share-snapshot,.share-confirm{display:grid;gap:var(--space-4);padding:var(--space-5)var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface)}.share-confirm{border:var(--border-width)solid color-mix(in srgb,var(--color-offline)45%,transparent);background:color-mix(in srgb,var(--color-offline)12%,transparent)}.share-snapshot .share-confirm{padding:var(--space-4)var(--space-5)}.share-snapshot-text{display:grid;gap:var(--space-1)}.share-snapshot-text>p+p{font-size:var(--font-size-sm)}.share-snapshot-line{font-variant-numeric:tabular-nums}.share-note{color:var(--color-ink)}.share-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.share-name-form{display:grid;gap:var(--space-4)}.share-name-form .input{width:100%}.share-listing{display:flex;align-items: center;gap:var(--space-6)}.share-icon{display:grid;width:var(--share-icon-size);height:var(--share-icon-size);overflow:hidden;border:var(--border-width)dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-2);color:var(--color-muted);cursor:pointer;flex-shrink:0;place-items: center;padding:0}.share-icon:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-ink)}.share-icon img{object-fit:cover;width:100%;height:100%}.share-icon svg{width:var(--icon-lg);height:var(--icon-lg)}.share-file{display:none}.share-listing-text{display:grid;gap:var(--space-2);flex:1;min-width:0}.share-listing-name{font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-listing-text .input{width:100%}.share-hub{display:grid;gap:var(--space-4);padding-top:var(--space-6);border-top:var(--border-width)solid var(--color-border)}.share-hub-detail{display:grid;gap:var(--space-2)}.share-hub-detail .select{width:100%}.share-hub-status{color:var(--color-muted);font-size:var(--font-size-sm);margin:0}.share-options{display:grid;gap:var(--space-6);padding-top:var(--space-6);border-top:var(--border-width)solid var(--color-border)}.share-foot{display:grid;gap:var(--space-4);padding-top:var(--space-5);border-top:var(--border-width)solid var(--color-border)}.share-foot-row{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4)}.share-stats{font-size:var(--font-size-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.share-list{display:grid;gap:var(--space-6)}.share-table{border-collapse:collapse;font-size:var(--font-size-md);width:100%}.share-table th{padding:var(--space-3)var(--space-4);border-bottom:var(--border-width)solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);text-align:left;white-space:nowrap}.share-table td{padding:var(--space-5)var(--space-4);border-bottom:var(--border-width)solid var(--color-border);vertical-align:middle}.share-table-row.is-busy{opacity:var(--opacity-50)}.share-table-link{display:flex;align-items: center;gap:var(--space-6);min-width:0}.share-table-card{display:block;width:var(--share-list-thumb);aspect-ratio:var(--share-card-ratio);object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface);flex-shrink:0}.share-table-name{min-width:0}.share-version{font-variant-numeric:tabular-nums}.share-chip{display:inline-flex;margin-left:var(--space-3);padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-offline)16%,transparent);color:var(--color-ink);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.share-num{font-variant-numeric:tabular-nums}.share-table-actions{display:flex;justify-content:flex-end;align-items: center;gap:var(--space-2)}.share-list-foot{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.cloud-pop-item.is-danger{color:var(--color-danger)}.cloud-pop-item:disabled{opacity:var(--opacity-50);cursor:default}.share-claimed{display:grid;gap:var(--space-3);padding-top:var(--space-6);border-top:var(--border-width)solid var(--color-border)}.share-claimed-title{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.share-claimed ul{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.share-claimed li{display:flex;align-items:baseline;gap:var(--space-2)var(--space-4);font-size:var(--font-size-md);flex-wrap:wrap}.share-claimed a{color:var(--color-ink);font-weight:var(--font-weight-medium);text-decoration:none}.share-claimed a:hover{text-decoration:underline}.share-claimed span{color:var(--color-muted);font-size:var(--font-size-sm)}.profile-form{display:grid;gap:var(--space-6)}.profile-muted{color:var(--color-muted);font-size:var(--font-size-md);margin:0}.profile-handle{display:flex;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);align-items: center}.profile-handle:focus-within{border-color:var(--color-focus);box-shadow:var(--focus-field-ring)}.profile-handle{transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.profile-prefix{padding-left:var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--control-height);white-space:nowrap}.profile-avatar-row{display:flex;align-items: center;gap:var(--space-5);padding-block:var(--space-10)var(--space-7)}.profile-avatar{display:grid;width:var(--hub-featured-icon);height:var(--hub-featured-icon);overflow:hidden;border:var(--border-width)solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-muted);font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);flex:none;place-items: center}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-actions{display:flex;align-items: center;gap:var(--space-2)var(--space-5);flex-wrap:wrap}.profile-handle .input{padding-left:var(--space-1);background:0 0;border:0;flex:1;min-width:0}.profile-handle .input:focus-visible{box-shadow:none}.profile-hint{display:inline-flex;align-items: center;gap:var(--space-2);color:var(--color-muted);font-size:var(--font-size-sm)}.profile-hint.is-ok{color:var(--color-live)}.profile-hint svg{width:var(--icon-sm);height:var(--icon-sm)}.profile-label-row{display:flex;justify-content:space-between;gap:var(--space-4);color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.profile-count{font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.profile-link{display:flex;align-items: center;gap:var(--space-3)}.profile-link .input{flex:1;min-width:0}.profile-link-icon{display:grid;width:var(--icon-lg);color:var(--color-ink);flex-shrink:0;place-items: center}.profile-link-icon svg{width:var(--icon-md);height:var(--icon-md)}.profile-link-remove{display:grid;width:var(--control-size-sm);height:var(--control-size-sm);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items: center;padding:0}.profile-link-remove:hover{background:var(--color-hover);color:var(--color-ink)}.profile-link-remove svg{width:var(--icon-sm);height:var(--icon-sm)}.profile-add{display:inline-flex;align-items: center;gap:var(--space-2);justify-self:start}.profile-add svg{width:var(--icon-sm);height:var(--icon-sm)}.profile-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.profile-view{text-decoration:none;margin-right:auto}.viewer-page{display:flex;gap:var(--space-10);width:min(100%,var(--viewer-page-width));min-height:var(--viewport-height);padding:var(--space-10)var(--space-8);background:var(--color-app);color:var(--color-ink);font-family:var(--font-ui);flex-direction:column;margin-inline-start:auto;margin-inline-end:auto}.viewer-top{display:flex;align-items: center}.viewer-head{display:flex;justify-content:space-between;align-items: center;gap:var(--space-8);flex-wrap:wrap}.viewer-identity{display:flex;align-items: center;gap:var(--space-6);min-width:0}.viewer-identity-copy{display:grid;gap:var(--space-2);min-width:0}.viewer-name{font-size:var(--viewer-name-size);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;margin:0}.viewer-byline{color:var(--color-muted);font-size:var(--font-size-md);margin:0}.viewer-icon{display:grid;width:var(--viewer-icon-size);height:var(--viewer-icon-size);overflow:hidden;border:var(--border-width)solid var(--color-border);border-radius:var(--viewer-icon-radius);background:var(--color-accent-fill);color:var(--color-on-accent);flex-shrink:0;place-items: center}.viewer-icon.is-small{width:var(--viewer-icon-size-sm);height:var(--viewer-icon-size-sm);border-radius:var(--viewer-icon-radius-sm)}.viewer-icon.has-image{background:var(--color-surface)}.viewer-icon img{object-fit:cover;width:100%;height:100%}.viewer-icon-letter{font-size:var(--viewer-name-size);font-weight:var(--font-weight-bold);line-height:var(--leading-none)}.viewer-actions{display:flex;align-items: center;gap:var(--space-4);flex-wrap:wrap}.viewer-actions .seg button{padding:0 var(--space-4)}.viewer-error{padding:var(--space-4)var(--space-5);border:var(--border-width)solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger-muted);color:var(--color-ink);font-size:var(--font-size-md);margin:0}.viewer-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);min-width:0}.viewer-shot{position:relative;aspect-ratio:var(--viewer-panel-aspect);overflow:hidden;width:100%}.viewer-shot-wait{position:absolute;display:grid;place-items: center;inset:0}.viewer-shot-poster{position:relative;z-index:var(--z-raise);display:block}.viewer-shot-poster img{display:block;width:100%;height:auto}.viewer-shot.is-waiting{background:var(--color-surface);box-shadow:inset 0 0 0 var(--border-width)var(--color-border)}.viewer-panorama{display:grid;gap:var(--space-4)}.viewer-numbers,.viewer-captions{display:grid;grid-template-columns:repeat(var(--viewer-slides),minmax(0,1fr));list-style:none;margin:0;padding:0}.viewer-panorama .viewer-numbers,.viewer-panorama .viewer-captions{padding-inline:calc(var(--preview-panel-gap)*(var(--viewer-slides) - 1)/2)}.viewer-numbers li{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.viewer-panorama-shot{aspect-ratio:var(--viewer-panorama-aspect)}.viewer-caption{padding-inline:var(--space-3);color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--leading-copy);text-align:center;overflow-wrap:anywhere;margin:0}.viewer-store-slide{display:grid;align-content: start;gap:var(--space-4);min-width:0}.viewer-store-shot{border-radius:var(--viewer-shot-radius);box-shadow:var(--shadow-md)}.viewer-store.is-phone{display:grid;gap:var(--space-5)}.viewer-label{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.viewer-search{display:grid;gap:var(--space-6);padding:var(--space-6);border:var(--border-width)solid var(--color-border);border-radius:var(--viewer-search-radius);background:var(--color-surface-2)}.viewer-search-head{display:flex;align-items: center;gap:var(--space-5)}.viewer-search-meta{display:grid;gap:var(--space-1);flex:1;min-width:0}.viewer-search-meta p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.viewer-search-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.viewer-search-subtitle{color:var(--color-muted);font-size:var(--font-size-md)}.viewer-stars{display:flex;gap:var(--space-1);color:var(--color-muted)}.viewer-stars svg{width:var(--icon-sm);height:var(--icon-sm)}.viewer-get{min-width:var(--viewer-get-width);padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);background:var(--color-hover);color:var(--color-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;flex-shrink:0}.viewer-search-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.viewer-search-shots .viewer-store-shot{border-radius:var(--radius-lg);box-shadow:none}.viewer-strip{display:grid;grid-auto-columns:min(var(--viewer-strip-slide),var(--viewer-strip-slide-max));grid-auto-flow:column;gap:var(--space-6);position:relative;margin:0 calc(var(--space-8)*-1);padding:0 var(--space-8)var(--space-6);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-8);list-style:none;min-width:0}.viewer-strip .viewer-store-slide{scroll-snap-align:start}.viewer-pan{display:grid;gap:var(--space-6)}.viewer-pan-scroll{position:relative;margin:0 calc(var(--space-8)*-1);padding:0 var(--space-8)var(--space-4);overflow-x:auto;overscroll-behavior-x:contain;min-width:0}.viewer-pan-scroll:focus-visible{outline:var(--focus-ring-width)solid var(--color-focus);outline-offset:calc(var(--focus-ring-width)*-1)}.viewer-pan-track{display:grid;grid-template-columns:min-content;gap:var(--space-4)}.viewer-pan-track .viewer-panorama-shot{height:var(--viewer-pan-height);justify-self:start;width:auto}.viewer-minimap{position:relative;cursor:pointer;background:0 0;border:0;justify-self:center;max-width:100%;padding:0}.viewer-minimap:focus-visible{outline:var(--focus-ring-width)solid var(--color-focus);outline-offset:var(--space-1)}.viewer-minimap-shot{height:var(--viewer-minimap-height);aspect-ratio:var(--viewer-panorama-aspect);width:auto;max-width:100%}.viewer-minimap-window{position:absolute;border:var(--focus-ring-width)solid var(--color-accent);border-radius:var(--radius-sm);pointer-events:none;top:0;bottom:0}.viewer-copy-bar{position:sticky;z-index:var(--z-dock);display:grid;margin:0 calc(var(--space-8)*-1)calc(var(--space-10)*-1);padding:var(--space-5)var(--space-8);border-top:var(--border-width)solid var(--color-border);background:var(--color-surface-2);bottom:0}.viewer-foot{display:flex;justify-content:space-between;align-items: center;gap:var(--space-6);padding-top:var(--space-10);border-top:var(--border-width)solid var(--color-border);color:var(--color-muted);font-size:var(--font-size-md);flex-wrap:wrap;margin-top:auto}.viewer-foot-copy{display:grid;gap:var(--space-2)}.viewer-foot-copy p{line-height:var(--leading-copy);margin:0}.viewer-foot-brand{display:inline-flex;align-items: center;gap:var(--space-3);color:var(--color-ink);font-weight:var(--font-weight-medium)}.viewer-foot-brand svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--color-muted)}.viewer-foot-actions{display:flex;align-items: center;gap:var(--space-6)}.viewer-report{color:var(--color-muted);font:inherit;text-decoration:underline;cursor:pointer;background:0 0;border:0;padding:0}.viewer-report:hover{color:var(--color-ink)}.viewer-gone{display:grid;justify-items:start;gap:var(--space-6);max-width:var(--viewer-gone-max);margin-block-start:auto;margin-block-end:auto}.viewer-gone-title{font-size:var(--viewer-name-size);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);margin:0}.viewer-gone-lede{color:var(--color-muted);font-size:var(--font-size-lg);line-height:var(--leading-copy);margin:0}.viewer-page.is-phone{gap:var(--space-8);padding:var(--space-8)}.viewer-page.is-phone .viewer-name{font-size:var(--viewer-name-size-phone)}.viewer-page.is-phone .viewer-actions{width:100%}.viewer-page.is-phone .viewer-actions .seg,.viewer-page.is-phone .viewer-actions .seg button{flex:1}.viewer-page.is-phone .viewer-copy-bar{margin-bottom:calc(var(--space-8)*-1)}.viewer-claim{display:grid;gap:var(--space-4)}.viewer-claim-check{display:grid;grid-template-columns:auto minmax(0,1fr);align-items: start;gap:var(--space-4);padding:var(--space-5);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-md);line-height:var(--leading-copy);cursor:pointer}.viewer-claim-check .checkbox{margin:0;margin-top:calc((var(--font-size-md)*var(--leading-copy) - var(--icon-md))/2)}.viewer-claim-fine{font-size:var(--font-size-md);line-height:var(--leading-copy);color:var(--color-muted);margin:0}.viewer-claim-error{font-size:var(--font-size-md);color:var(--color-danger);margin:0}.claim-steps{display:grid;gap:var(--space-5)}.claim-step{display:grid;grid-template-columns:var(--control-size-xs)minmax(0,1fr);align-items: start;gap:var(--space-4);color:var(--color-ink);font-size:var(--font-size-md);line-height:var(--leading-copy);margin:0}.claim-step>span:last-child{display:grid;gap:var(--space-1);min-width:0}.claim-dot{display:grid;width:var(--control-size-xs);height:var(--control-size-xs);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-full);color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);place-items: center}.claim-step.is-done .claim-dot{border-color:var(--color-accent);background:var(--color-accent-fill);color:var(--color-on-accent)}.claim-dot .checkbox{margin:0}.claim-dot svg{width:var(--icon-sm);height:var(--icon-sm)}.claim-hint{color:var(--color-muted);font-size:var(--font-size-sm);margin:0}.claim-price{display:inline-flex;align-items: center;gap:var(--space-2);flex-wrap:wrap}.claim-price s{color:var(--color-muted);font-weight:var(--font-weight-medium)}.claim-free{padding:0 var(--space-3);border:var(--border-width)solid currentColor;border-radius:var(--radius-full);color:var(--color-live);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.viewer-store-carousel{position:relative}.viewer-store-row{position:relative;display:grid;grid-auto-columns:calc((100% - var(--space-6)*(var(--viewer-store-per-view) - 1))/var(--viewer-store-per-view));grid-auto-flow:column;gap:var(--space-6);padding:0 0 var(--space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;margin:0}.viewer-store-row::-webkit-scrollbar{display:none}.viewer-store-row .viewer-store-slide{scroll-snap-align:start}.viewer-store-arrow{position:absolute;z-index:var(--z-raise);display:flex;width:var(--viewer-arrow-size);height:var(--viewer-arrow-size);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-2);box-shadow:var(--shadow-md);color:var(--color-ink);cursor:pointer;transition:opacity var(--duration-fast)ease-out;justify-content:center;align-items: center;top:50%;transform:translateY(-50%)}.viewer-store-arrow.is-prev{left:var(--space-4)}.viewer-store-arrow.is-next{right:var(--space-4)}.viewer-store-arrow svg{width:var(--icon-md);height:var(--icon-md)}.viewer-store-arrow:hover{background:var(--color-hover)}.viewer-store-arrow:focus-visible{outline:var(--focus-ring-width)solid var(--color-focus);outline-offset:var(--focus-ring-width)}.viewer-store-arrow:disabled{opacity:var(--opacity-0);pointer-events:none}@media (prefers-reduced-motion:reduce){.viewer-store-row{scroll-behavior:auto}}.canvas-notice.copy-banner{max-width:min(var(--copy-banner-max),calc(100% - var(--space-12)*2))}[data-agent=exportNotice]~.copy-banner{display:none}.copy-banner-copy{color:var(--color-ink);font-size:var(--font-size-md);line-height:var(--leading-copy);margin:0}.copy-banner-pro{padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);background:var(--color-pro);color:var(--color-pro-ink);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.copy-limit-works{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.copy-limit-work{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-6);padding:var(--space-4)var(--space-5);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-md)}.copy-limit-name{overflow:hidden;color:var(--color-ink);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;min-width:0}.copy-limit-when{color:var(--color-muted);font-size:var(--font-size-sm);flex-shrink:0}