.sample-section-heading{max-width:900px;margin:0 auto var(--space-xl);text-align:center}.sample-section-heading h2{max-width:24ch;margin-inline:auto}.sample-section-heading>p{max-width:68ch;margin:var(--space-lg) auto 0;color:var(--color-ink-2);text-wrap:pretty;line-height:1.75}.sample-card-grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sample-card{min-width:0}.sample-card-visual{isolation:isolate;aspect-ratio:2/3;border-radius:var(--radius-card);background:var(--color-dark-surface);position:relative;overflow:hidden}.sample-card-visual>img{object-fit:cover;width:100%;height:100%;display:block}.sample-card-visual:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 18%,#0309061f 30%,#030906db 66%,#030906f7);background:linear-gradient(#0000 18%,lab(2.06469% -1.89148 .554544/.12) 30%,lab(2.06469% -1.89148 .554544/.86) 66%,lab(2.06469% -1.89148 .554544/.97));position:absolute;inset:0}.sample-card-copy{z-index:2;padding:var(--space-lg);color:var(--light);position:absolute;inset:auto 0 0}.sample-label{font-size:var(--text-sm);margin-bottom:var(--space-sm);font-weight:600;display:block}.sample-card h3{letter-spacing:var(--tracking-display);text-wrap:balance;margin-bottom:var(--space-md);font-size:clamp(22px,2.1vw,30px);line-height:1.15}.sample-card-copy p{font-size:var(--text-sm);color:var(--light);line-height:1.65}.sample-card-copy .home-text-link{justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid color-mix(in oklab, var(--light) 30%, transparent);color:var(--light);font-size:var(--text-sm);font-weight:600;text-decoration:none;display:flex}.sample-card-copy .home-text-link:hover{text-decoration:underline}.sample-mobile-copy{display:none}.sample-motion{margin-top:var(--space-md);color:var(--color-ink-2);font-size:var(--text-sm)}.sample-motion summary{cursor:pointer;min-height:44px;color:var(--color-accent-deep);align-content:center}.sample-motion-body{padding:var(--space-md);border-radius:var(--radius-input);background:var(--color-paper-2);margin-top:var(--space-sm)}.sample-motion blockquote{margin:0 0 var(--space-md);overflow-wrap:anywhere;line-height:1.7}.sample-motion .text-button{gap:var(--space-sm);min-height:44px;font-size:var(--text-sm);align-items:center;display:inline-flex}.sample-prompt-notice:not(:empty){margin-top:var(--space-sm);font-size:var(--text-xs);line-height:1.6}.sample-feature,.sample-story{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.sample-figure{min-width:0;margin:0}.sample-figure img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-card);background:var(--color-paper-2);width:100%;height:auto;display:block}.sample-birthday-visual img{aspect-ratio:3/4}.sample-figure figcaption{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-xs)}.sample-feature-copy,.sample-story-copy{min-width:0}.sample-feature-copy h2{margin-bottom:var(--space-lg)}.sample-feature-copy>p,.sample-story-copy>p{color:var(--color-ink-2);text-wrap:pretty;margin-top:var(--space-md);line-height:1.8}.sample-feature-points{margin:var(--space-xl) 0 var(--space-lg);gap:var(--space-lg);padding:0;list-style:none;display:grid}.sample-feature-points li{gap:var(--space-md);align-items:start;display:flex}.sample-feature-points svg{color:var(--color-accent-deep);margin-top:var(--space-xs);flex-shrink:0}.sample-feature-points h3{font-size:var(--text-md);margin-bottom:var(--space-xs);line-height:1.5}.sample-feature-points p{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.7}.sample-feature-copy>.home-media-note{font-size:var(--text-xs)}.sample-story-list{gap:var(--space-3xl);display:grid}.sample-story:nth-child(2n)>.sample-figure{grid-area:1/2}.sample-story:nth-child(2n)>.sample-story-copy{grid-area:1/1}.sample-story h3{letter-spacing:var(--tracking-display);text-wrap:balance;margin-bottom:var(--space-lg);font-size:clamp(26px,2.5vw,36px);line-height:1.2}.sample-story-copy>.home-text-link{margin-top:var(--space-md)}@media (max-width:1000px) and (min-width:701px){.sample-card-grid{gap:var(--space-md)}.sample-card-copy{padding:var(--space-md)}.sample-card-copy .sample-desktop-copy{display:none}.sample-card-copy .sample-mobile-copy{display:block}.sample-card-visual{aspect-ratio:3/5}.sample-feature,.sample-story{gap:var(--space-xl)}}@media (max-width:700px){.sample-section-heading{text-align:left}.sample-section-heading h2{margin-inline:0}.sample-section-heading>p{margin-top:var(--space-md)}.sample-card-grid,.sample-feature,.sample-story{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.sample-card{width:100%;max-width:460px;margin-inline:auto}.sample-card-copy{padding:var(--space-lg)}.sample-card h3{font-size:clamp(24px,6.4vw,30px)}.sample-desktop-copy{display:none}.sample-mobile-copy{display:block}.sample-feature-points{margin-block:var(--space-lg);gap:var(--space-md)}.sample-feature-points p{display:none}.sample-story-list{gap:var(--space-2xl)}.sample-story:nth-child(2n)>.sample-figure,.sample-story:nth-child(2n)>.sample-story-copy{grid-area:auto}}.page-launch-notice{max-width:920px;margin:0 auto var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-paper-2);color:var(--color-ink-2);border-radius:var(--radius-input);font-size:var(--text-sm);line-height:1.7}.fe-feedback-viewport,.fe-dialog-backdrop,.fe-description,.fe-button,.fe-async-state,.fe-media{--_fe-surface:var(--fe-surface,var(--color-surface,#fff));--_fe-ink:var(--fe-ink,var(--color-ink,#0d111b));--_fe-border:var(--fe-border,var(--color-border,#d9e1ea));--_fe-focus:var(--fe-focus,var(--color-focus,#0098f2));--_fe-radius:var(--fe-radius,12px);box-sizing:border-box;font-family:inherit}.fe-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fe-button,.fe-icon-button,.fe-description__toggle{box-sizing:border-box;min-width:44px;min-height:44px;color:var(--_fe-ink,#0d111b);font:inherit;cursor:pointer;touch-action:manipulation}.fe-button{border:1px solid var(--_fe-border);border-radius:var(--_fe-radius);background:var(--_fe-surface);padding:10px 18px;line-height:1.4}.fe-button:hover:not(:disabled){background:var(--fe-surface-hover,#fafafa)}.fe-button:disabled{cursor:not-allowed;color:var(--fe-disabled-ink,#687386);background:var(--fe-disabled-surface,#eef2f6)}.fe-button--confirm{color:var(--fe-confirm-ink,#fff);background:var(--_fe-ink);border-color:var(--_fe-ink)}.fe-button--confirm:hover:not(:disabled){background:var(--fe-confirm-hover,#252a36)}.fe-button--danger{color:var(--fe-danger-ink,#b42318);background:var(--fe-danger-surface,#fff1f0)}.fe-button--danger:hover:not(:disabled){background:var(--fe-danger-hover,#ffe4e1)}.fe-icon-button{background:0 0;border:0;border-radius:8px;flex:0 0 44px;place-items:center;padding:0;font-size:22px;display:inline-grid}.fe-button:focus-visible,.fe-icon-button:focus-visible,.fe-description__toggle:focus-visible{outline:2px solid var(--fe-focus,var(--color-focus,#0098f2));outline-offset:3px}.fe-feedback-viewport{z-index:var(--fe-feedback-z-index,1100);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);padding-inline:max(12px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;inset-block-start:calc(env(safe-area-inset-top,0px) + var(--fe-feedback-offset,16px));inset-inline:0;overflow-y:auto}.fe-feedback-viewport[data-position=bottom-center]{inset-block-start:auto;inset-block-end:calc(env(safe-area-inset-bottom,0px) + var(--fe-feedback-offset,16px))}.fe-feedback{box-sizing:border-box;width:min(100%, var(--fe-feedback-width,460px));color:var(--_fe-ink);background:var(--_fe-surface);border:1px solid var(--_fe-border);border-radius:var(--_fe-radius);box-shadow:var(--fe-feedback-shadow,0 8px 24px #0d111b14);pointer-events:auto;overflow-wrap:anywhere;align-items:flex-start;gap:10px;padding:12px;display:flex}.fe-feedback--error{background:var(--fe-danger-surface,#fff1f0);color:var(--fe-danger-ink,#b42318)}.fe-feedback--warning{background:var(--fe-warning-surface,#fff8e7);color:var(--fe-warning-ink,#8a5a00)}.fe-feedback--success .fe-feedback__symbol{color:var(--fe-success-ink,#17745b)}.fe-feedback--info .fe-feedback__symbol{color:var(--_fe-focus)}.fe-feedback__symbol{flex:0 0 24px;place-items:center;min-height:44px;font-weight:700;display:inline-grid}.fe-feedback__copy{flex:1;min-width:0;padding-block:7px}.fe-feedback__copy strong{display:block}.fe-feedback__copy p{margin:4px 0 0;line-height:1.5}.fe-feedback .fe-icon-button{color:inherit}.fe-feedback [hidden]{display:none!important}.fe-feedback[data-kind=toast]{width:-moz-fit-content;width:fit-content;max-width:min(100%, var(--fe-toast-max-width,460px));padding:var(--fe-toast-padding,8px 14px);align-items:center}.fe-feedback[data-kind=toast] .fe-feedback__copy{flex:0 auto;padding:0}.fe-feedback[data-kind=toast] .fe-feedback__copy p{margin:0}.fe-feedback[data-kind=toast] .fe-feedback__copy strong:not(.fe-sr-only)+p{margin-block-start:4px}.fe-description__copy{overflow-wrap:anywhere;display:block}.fe-description__toggle{text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;display:none}@media (max-width:767px){.fe-description__copy[data-expanded=false]{-webkit-line-clamp:var(--fe-description-lines,2);line-clamp:var(--fe-description-lines,2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fe-description__toggle{display:inline-block}.fe-description--inline-icon{position:relative}.fe-description--inline-icon:has(.fe-description__toggle){padding-block-end:14px}.fe-description--inline-icon>.fe-description__toggle{width:44px;height:44px;color:inherit;place-items:center;padding:0;text-decoration:none;display:inline-grid;position:absolute;inset-block-end:-15px;inset-inline-start:calc(50% - 22px)}.fe-description--inline-icon>.fe-description__toggle[aria-expanded=true] svg{transform:rotate(180deg)}}.fe-async-button{place-items:center;display:inline-grid}.fe-async-button__label,.fe-async-button__pending{grid-area:1/1}.fe-async-state{color:var(--_fe-ink);overflow-wrap:anywhere;gap:16px;display:grid}.fe-async-state .fe-button{justify-self:start}.fe-skeleton{min-height:var(--fe-skeleton-height,120px);border-radius:var(--_fe-radius);background:var(--fe-skeleton-surface,#eef2f6);width:100%}.fe-dialog-backdrop{z-index:var(--fe-dialog-z-index,1000);padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:var(--fe-backdrop,#0d111b61);overscroll-behavior:contain;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.fe-dialog{box-sizing:border-box;width:min(100%, var(--fe-dialog-width,var(--_fe-dialog-size,520px)));max-height:100%;padding:var(--fe-dialog-padding,24px);border:1px solid var(--_fe-border);border-radius:var(--fe-dialog-radius,20px);color:var(--_fe-ink);background:var(--_fe-surface);overflow-wrap:anywhere;position:relative;overflow:auto}.fe-dialog[data-size=small]{--_fe-dialog-size:400px}.fe-dialog[data-size=medium]{--_fe-dialog-size:520px}.fe-dialog[data-size=large]{--_fe-dialog-size:720px}.fe-dialog:focus{outline:none}.fe-dialog__close{position:absolute;inset-block-start:8px;inset-inline-end:8px}.fe-dialog__copy h2{font:inherit;margin:0;padding-inline-end:28px;font-size:1.25em;font-weight:600}.fe-dialog__copy p{line-height:1.5}.fe-dialog__icon{margin-block-end:12px}.fe-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-block-start:20px;display:flex}.fe-media{min-width:0;aspect-ratio:var(--fe-media-aspect-ratio,16 / 9);background:var(--fe-media-stage,#202725);border-radius:var(--fe-media-radius,12px);place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.fe-media>img,.fe-media>video{object-fit:contain;grid-area:1/1;width:100%;height:100%;min-height:0;max-height:100%;display:block}.fe-media__play,.fe-media__sound{color:var(--fe-media-control-ink,#fff);background:var(--fe-media-control-surface,#0d111be0);border:1px solid var(--fe-media-control-border,#ffffff4d);position:absolute}.fe-media__play{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.fe-media__sound{font-size:18px;inset-block-start:8px;inset-inline-end:8px}.fe-media__error{text-align:center;color:var(--fe-media-control-ink,#fff);background:var(--fe-media-stage,#202725);place-content:center;gap:12px;padding:16px;display:grid;position:absolute;inset:0}.fe-media__error p{margin:0}@media (prefers-reduced-motion:reduce){.fe-feedback-viewport *,.fe-dialog-backdrop *,.fe-description *,.fe-async-state *,.fe-media *,.fe-button{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.guide-figure,.guide-video{margin:var(--space-xl) 0}.guide-figure picture,.guide-figure img,.guide-video video{width:100%;height:auto;display:block}.guide-figure picture{border-radius:var(--radius-input);background:var(--color-paper-2);overflow:hidden}.article-copy .guide-figure figcaption,.article-copy .guide-video figcaption{margin-top:var(--space-md);color:var(--color-muted);font-size:14px;line-height:1.65}.guide-video video{background:var(--color-paper-2);border-radius:var(--radius-input)}.guide-real-figure{padding:0}.guide-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-photo-panel{border:1px solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);min-width:0;padding:12px}.article-copy .guide-photo-label{margin:0 0 12px;font-size:14px;font-weight:500}.guide-photo-stage{background:var(--color-paper);border-radius:6px;justify-content:center;height:300px;display:flex;position:relative;overflow:hidden}.guide-photo-stage>img{object-fit:cover;width:100%;height:100%}.guide-photo-stage.cup-tight>img{object-position:52% 80%}.guide-photo-stage.photo-contain>img{object-fit:contain}.guide-photo-stage.avatar-square>img,.guide-photo-stage.avatar-circle>img{object-position:50% 36%;align-self:center;width:min(100%,240px);height:240px}.guide-photo-stage.avatar-circle>img{border-radius:50%}.guide-photo-stage.website-wide>img{object-fit:contain}.guide-photo-stage.website-portrait>img{object-position:68% 50%;width:169px}.guide-source-photo{object-fit:cover;object-position:50% 48%;max-height:480px}.article-copy .guide-photo-note{margin:12px 0 0;font-size:14px}.guide-format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-copy .guide-export-note{margin:12px 0;font-size:12px}.guide-format-grid a{font-size:13px}.guide-photo-stage.wallpaper-source,.guide-photo-stage.wallpaper-preview{height:430px}.guide-photo-stage.wallpaper-source>img{object-fit:contain}.guide-photo-stage.wallpaper-preview>img{object-position:65% 50%}.wallpaper-safe-area{color:#fff;text-align:center;background:#00000061;border:1px dashed #fff;padding:12px;font-size:14px;position:absolute;inset:20px 12px auto}@media (max-width:600px){.guide-photo-grid{grid-template-columns:minmax(0,1fr)}.guide-photo-stage{height:280px}.guide-photo-stage.website-portrait>img{width:158px}}.prompt-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.prompt-actions .copy-prompt{white-space:nowrap;justify-content:center;align-items:center;margin-top:0;display:inline-flex}@media (max-width:400px){.prompt-actions{gap:8px}.prompt-actions .copy-prompt{padding-inline:8px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:#be2323;--color-success:#21763c;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#faf7ef;--color-paper-2:#e9f8ef;--color-paper-3:#d4f0e0;--color-ink:#0c1c16;--color-ink-2:#26342f;--color-muted:#54655d;--color-rule:#cbd6c9;--color-accent:#00764c;--color-accent-deep:#005d3c;--color-accent-soft:#a9e8c6;--color-accent-ink:#f8fdfa;--color-focus:#006640;--p-mon:#eec1bf;--p-tue:#f2cfaf;--p-wed:#eee4b4;--p-thu:#a8e2c2;--p-fri:#b1dde6;--p-sat:#bfcae9;--p-sun:#dac1de;--light:#fffdf7;--glint:#fff;--font-display:"Schibsted Grotesk", ui-sans-serif, sans-serif;--font-body:"Instrument Sans", ui-sans-serif, sans-serif;--font-outlier:"DM Mono", ui-monospace, monospace;--radius-card:14px;--radius-input:10px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 1px 2px #1f332a14, 0 24px 48px -24px #0a553d59;--shadow-lift:0 1px 1px #1f332a1a, 8px 18px 28px -14px #18473552, 18px 40px 60px -30px #0a553d4d;--tracking-display:-.03em;--display-weight:700}@supports (color:lab(0% 0 0)){:root{--color-error:lab(42.4236% 59.8149 41.9956);--color-success:lab(43.5038% -36.3106 24.0307);--color-paper:lab(97.2673% .123411 4.20817);--color-paper-2:lab(96.2114% -6.41078 2.54823);--color-paper-3:lab(92.3671% -11.5767 4.59709);--color-ink:lab(8.69031% -8.27733 1.58126);--color-ink-2:lab(20.2249% -6.77261 1.26304);--color-muted:lab(41.1625% -7.94902 2.29844);--color-rule:lab(84.6225% -5.74306 5.36318);--color-accent:lab(43.7008% -43.9579 17.1976);--color-accent-deep:lab(34.1651% -37.777 13.0426);--color-accent-soft:lab(87.1535% -25.9846 10.2873);--color-accent-ink:lab(98.9216% -1.91835 .763094);--color-focus:lab(38.0182% -48.0637 18.7208);--p-mon:lab(82.0902% 16.3306 7.707);--p-tue:lab(85.4056% 9.3759 20.6736);--p-wed:lab(90.5149% -2.10279 25.0738);--p-thu:lab(85.3471% -24.3402 9.63864);--p-fri:lab(85.3039% -13.7624 -9.12075);--p-sat:lab(81.1592% .883788 -16.7551);--p-sun:lab(80.7895% 12.9697 -10.9842);--light:lab(99.363% .580192 6.11039);--glint:lab(100% 0 0);--shadow-card:0 1px 2px lab(19.2012% -10.0485 2.88731/.08), 0 24px 48px -24px lab(31.4602% -27.4813 7.78331/.35);--shadow-lift:0 1px 1px lab(19.2012% -10.0485 2.88731/.1), 8px 18px 28px -14px lab(26.5575% -20.4274 5.81542/.32), 18px 40px 60px -30px lab(31.4602% -27.4813 7.78331/.3)}}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/schibstedgrotesk-700.woff2)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:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/fonts/instrumentsans-400.woff2)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:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/fonts/instrumentsans-500.woff2)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:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dmmono-400.woff2)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{--dose-rim:color-mix(in oklab, var(--color-accent-deep) 35%, var(--color-rule));--dose-bevel:inset 0 2px 1px color-mix(in oklab, var(--glint) 90%, transparent), inset 0 -3px 2px color-mix(in oklab, var(--color-ink) 12%, transparent);--dose-cast:4px 12px 18px -10px color-mix(in oklab, var(--color-accent-deep) 35%, transparent)}body .button,body .motion-suggestions button,body .related a{--key-rim:var(--dose-rim);background:linear-gradient(var(--light), var(--color-paper-2));box-shadow:var(--dose-bevel), 0 1px 0 var(--key-rim), 0 3px 0 var(--key-rim), var(--dose-cast);transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-short) var(--ease-out)}body .button.primary,body .button.upload-button{--key-rim:color-mix(in oklab, var(--color-accent-deep) 85%, var(--color-ink));background:linear-gradient(var(--color-accent), var(--color-accent-deep));background-color:var(--color-accent-deep);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-accent-soft) 75%, transparent), inset 0 -2px 1px color-mix(in oklab, var(--color-ink) 28%, transparent), 0 3px 0 var(--key-rim), var(--dose-cast)}body .button:focus-visible,body .motion-suggestions button:focus-visible,body .related a:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}@media (hover:hover) and (pointer:fine){body .button:hover:not(:disabled),body .motion-suggestions button:hover:not(:disabled),body .related a:hover{transform:translateY(-1px)}body .button.primary:hover:not(:disabled),body .button.upload-button:hover{background:linear-gradient(color-mix(in oklab, var(--color-accent) 92%, var(--glint)), var(--color-accent-deep))}}body .button:active:not(:disabled),body .motion-suggestions button:active:not(:disabled),body .related a:active{box-shadow:inset 0 2px 3px color-mix(in oklab, var(--color-ink) 24%, transparent), 0 0 0 1px var(--key-rim);transform:translateY(3px)}body button.button:disabled{background:var(--color-paper-3);box-shadow:none;transform:none}body .segments button{box-shadow:inset 0 1px 0 var(--glint), 0 2px 0 var(--color-rule)}body .segments button[aria-checked=true]{box-shadow:inset 0 2px 4px color-mix(in oklab, var(--color-accent-deep) 25%, transparent), inset 0 -1px 0 var(--glint)}body .workbench{box-shadow:inset 0 2px 0 var(--glint), 0 3px 0 var(--color-rule), var(--shadow-lift)}body :is(.example-pair,.landing-step,.landing-band,.pricing-card,.dose-surface){--t:var(--p-thu);--deep:color-mix(in oklab, var(--t) 70%, var(--color-ink));background:linear-gradient(color-mix(in oklab, var(--glint) 38%, transparent), transparent 24%), color-mix(in oklab, var(--t) 62%, var(--color-paper));box-shadow:inset 0 2px 1px var(--glint), inset 0 0 0 1px color-mix(in oklab, var(--deep) 26%, transparent), inset 0 -20px 30px -24px var(--deep), inset 0 -3px 1px color-mix(in oklab, var(--glint) 65%, transparent), 0 3px 0 color-mix(in oklab, var(--deep) 28%, var(--color-paper)), 8px 20px 30px -20px color-mix(in oklab, var(--t) 75%, var(--color-accent-deep))}body :is(.example-pair,.landing-step,.pricing-card):nth-child(2n){--t:var(--p-wed)}body :is(.example-pair,.landing-step,.pricing-card):nth-child(3n){--t:var(--p-fri)}@media (prefers-reduced-motion:reduce){body .button:hover:not(:disabled),body .button:active:not(:disabled),body .motion-suggestions button:hover,body .motion-suggestions button:active,body .related a:hover,body .related a:active{transform:none}}main[data-page=P01]{--home-space:12px;isolation:isolate;position:relative}main[data-page=P01]:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 14% 28%, color-mix(in oklab, var(--p-thu) 62%, transparent), transparent 48%), radial-gradient(ellipse at 88% 15%, color-mix(in oklab, var(--p-tue) 65%, transparent), transparent 44%), linear-gradient(150deg, transparent 30%, color-mix(in oklab, var(--light) 85%, transparent) 30% 48%, transparent 48% 53%, color-mix(in oklab, var(--light) 60%, transparent) 53% 68%, transparent 68%);height:1000px;-webkit-mask-image:linear-gradient(var(--color-ink) 55%, transparent);mask-image:linear-gradient(var(--color-ink) 55%, transparent);position:absolute;inset:0 0 auto}main[data-page=P01] .page-intro{text-align:center;padding-block:var(--space-3xl) var(--space-xl)}main[data-page=P01] .intro-topline{justify-content:center}main[data-page=P01] h1{font-size:clamp(36px,5vw,60px);line-height:1.08}main[data-page=P01] .home-heading-main{display:block}main[data-page=P01] .home-heading-outcome{margin-top:var(--space-sm);font-size:.8em;display:block}main[data-page=P01] .mode-label{display:none}main[data-page=P01] .page-description{max-width:600px;margin-inline:auto;font-size:18px}body .ai-composer{background:color-mix(in oklab, var(--glint) 80%, var(--color-paper));border-radius:24px;max-width:920px;margin-inline:auto}body .ai-composer .workbench-bar{padding-block:var(--space-md);background:0 0}body .ai-composer .workspace-grid{grid-template-columns:minmax(220px,.75fr) minmax(0,1.8fr);grid-template-areas:"source settings""stage stage"}body .ai-composer .editor-controls{border:0;padding:var(--space-lg)!important}body .ai-composer .source-controls{padding-right:0!important}body .ai-composer .dropzone{background:color-mix(in oklab, var(--p-thu) 18%, var(--light));justify-content:center;min-height:188px}body .ai-composer .dropzone .button{padding-inline:var(--home-space);min-height:44px;font-size:14px}body .ai-composer .dropzone.compact{flex-direction:column}body .ai-composer .settings-controls>.field{margin-top:0}body .ai-composer textarea{background:0 0;min-height:100px}body .ai-composer .motion-suggestions{gap:var(--space-sm)}body .ai-composer .advanced{margin-top:var(--space-md)}body .ai-composer .checkbox{font-size:12px}body .ai-composer .availability{margin-bottom:0;font-size:12px}body .ai-composer .preview-workspace{background:var(--color-paper-2);margin:0 var(--space-lg) var(--space-lg);border-radius:var(--radius-card);position:static}body .ai-composer[data-has-source=false] .preview-workspace{display:none}body .ai-composer .preview-stage{height:240px;min-height:0}body .ai-composer .transport,body .ai-composer .workspace-footnote{display:none}.home-landing{padding-block:var(--space-4xl) var(--space-3xl)}.home-landing>section+section{margin-top:var(--space-4xl)}.home-landing h2{text-wrap:balance;font-size:clamp(30px,3.6vw,48px);line-height:1.12}.home-section-head{justify-content:space-between;align-items:end;gap:var(--space-xl);margin-bottom:var(--space-xl);display:flex}.home-section-head>p{max-width:380px;color:var(--color-ink-2);line-height:1.75}.home-caption{color:var(--color-muted);margin-bottom:var(--home-space);font-size:12px;display:block}.home-text-link{gap:var(--space-sm);min-height:44px;color:var(--color-accent-deep);text-underline-offset:5px;align-items:center;display:inline-flex}.home-media-note{margin-top:var(--space-md);color:var(--color-muted);font-size:12px}.production-scene-grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.production-scene{min-width:0}.production-scene-image{aspect-ratio:4/5;background:var(--color-paper-2);border-radius:20px;position:relative;overflow:hidden}.production-scene-image img{object-fit:cover;width:100%;height:100%;display:block}.scene-art .production-scene-image img{object-position:left center}.production-scene-image>span{padding:var(--space-sm) var(--home-space);border-radius:var(--radius-pill);background:var(--light);color:var(--color-ink-2);font-size:12px;position:absolute;top:16px;left:16px}.production-scene-copy{padding:var(--space-lg) var(--space-sm) 0}.production-scene h3{margin-bottom:var(--space-md);text-wrap:balance;font-size:24px;line-height:1.25}.production-scene p{color:var(--color-ink-2);font-size:14px;line-height:1.8}.production-scene details{margin-top:var(--space-md)}.production-scene summary{gap:var(--space-sm);cursor:pointer;min-height:44px;color:var(--color-accent-deep);align-items:center;font-size:14px;list-style:none;display:flex}.production-scene summary::-webkit-details-marker{display:none}.production-scene details[open] summary svg{transform:rotate(90deg)}.production-scene blockquote{margin:var(--space-sm) 0 0;padding:var(--space-md);background:var(--color-paper-3);border-radius:var(--radius-input);font-size:14px;line-height:1.7}.home-feature{gap:var(--space-3xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.home-feature+.home-feature{margin-top:var(--space-4xl)}.feature-copy{max-width:55ch}.feature-copy h2{margin-bottom:var(--space-lg)}.feature-copy p{margin-top:var(--space-md);color:var(--color-ink-2);text-wrap:pretty;font-size:16px;line-height:1.8}.feature-copy .home-text-link{margin-top:var(--space-lg)}.feature-reverse .feature-copy{grid-area:1/2}.feature-reverse>:last-child{grid-area:1/1}.production-prompt,.production-local,.production-story{padding:var(--space-lg);border-radius:24px;min-width:0}body .production-prompt{--t:var(--p-fri)}.prompt-scene{aspect-ratio:2;border-radius:var(--radius-card);position:relative;overflow:hidden}.prompt-scene img{object-fit:cover;width:100%;height:100%;display:block}.prompt-scene>span{padding:var(--space-sm) var(--home-space);background:var(--light);border-radius:var(--radius-pill);font-size:12px;position:absolute;top:16px;left:16px}.prompt-example-body{background:var(--light);border-radius:var(--radius-input);padding:var(--space-md);margin-top:var(--space-md);position:relative}.prompt-scene-options{gap:var(--space-sm);flex-wrap:wrap;display:flex}.prompt-scene-options button{border-radius:var(--radius-input);min-height:44px;padding-inline:var(--home-space);border:1px solid var(--color-rule);background:var(--color-paper);font-size:12px}.prompt-scene-options button[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent)}.prompt-scene-options button:hover{background:var(--color-paper-3)}.prompt-scene-options button:active{box-shadow:inset 0 2px 4px var(--color-rule)}.home-landing :is(button,a,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.home-landing button:disabled{cursor:not-allowed;color:var(--color-muted)}.prompt-example-body blockquote{margin:var(--space-md) 0;font-size:16px;line-height:1.6}.prompt-example-footer{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.prompt-example-footer>span{color:var(--color-muted);font-size:12px}.prompt-copy-notice{color:var(--color-accent-deep);font-size:12px}body .production-story{--t:var(--p-wed)}.story-art img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-card);width:100%;height:auto;display:block}.story-note{padding:var(--space-lg) var(--space-sm) var(--space-sm)}.story-note p{font:700 30px/1.2 var(--font-display);letter-spacing:var(--tracking-display);margin-bottom:var(--space-md)}.story-note>span:last-child{color:var(--color-ink-2);font-size:14px;line-height:1.7}body .production-local{--t:var(--p-tue)}.local-export-image{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--color-paper);overflow:hidden}.local-export-image img{object-fit:cover;width:100%;height:100%;display:block}.local-export-footer{justify-content:space-between;align-items:center;gap:var(--space-lg);padding-top:var(--space-lg);display:flex}.local-export-footer strong{font-weight:500;display:block}.local-export-footer span{color:var(--color-muted);margin-top:var(--space-xs);font-size:12px;display:block}.local-export-footer .button{white-space:nowrap;min-height:44px;font-size:14px}.home-tagline-section{text-align:center;padding-block:var(--space-xl)}.home-tagline-section h2{letter-spacing:-.04em;font-size:clamp(36px,5.6vw,72px);line-height:1.12}.home-tagline-section p{max-width:52ch;margin:var(--space-lg) auto 0;color:var(--color-muted)}.home-tagline span{transition:opacity .6s var(--ease-out)}.home-tagline .will-reveal{opacity:.3}.home-tagline .is-read{opacity:1}.home-step-grid{gap:var(--space-2xl);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.home-step-top{align-items:center;gap:var(--space-md);color:var(--color-accent-deep);margin-bottom:var(--space-lg);display:flex}.home-step-top span{font:700 48px/1 var(--font-display);color:var(--dose-rim)}.home-step-grid h3{margin-bottom:var(--home-space);font-size:20px;line-height:1.4}.home-step-grid p{color:var(--color-ink-2);font-size:14px;line-height:1.8}.production-control{gap:var(--space-3xl);padding:var(--space-2xl);border-radius:24px;grid-template-columns:1fr 1fr;display:grid}.production-control>div>p{margin-top:var(--space-lg);max-width:35ch;line-height:1.7}.production-control .home-text-link{margin-top:var(--space-lg)}.control-points{gap:var(--space-lg);display:grid}.control-points>div{align-items:start;gap:var(--space-md);display:flex}.control-points svg{color:var(--color-accent-deep);margin-top:var(--space-xs);flex-shrink:0}.control-points h3{margin-bottom:var(--space-sm);font-size:18px}.control-points p{color:var(--color-ink-2);font-size:14px;line-height:1.8}.home-faq{gap:var(--space-3xl);grid-template-columns:.8fr 1.2fr;display:grid}.faq-intro{max-width:30ch;color:var(--color-muted);margin-top:var(--space-lg)}.home-faq details p{padding-bottom:var(--space-lg);color:var(--color-ink-2);font-size:14px}body .home-faq summary h3{font-size:16px;line-height:1.5}.home-close{justify-content:space-between;align-items:center;gap:var(--space-xl);padding:var(--space-2xl);border-radius:24px;display:flex}.home-close p{margin-top:var(--home-space)}.home-close .button{flex-shrink:0}@media (max-width:1000px) and (min-width:701px){.production-scene-grid{gap:var(--space-md)}.production-scene h3{font-size:20px}.home-feature{gap:var(--space-xl)}.production-prompt,.production-local,.production-story,.prompt-example-body{padding:var(--space-md)}.local-export-footer{flex-wrap:wrap}}@media (max-width:700px){main[data-page=P01] h1{font-size:clamp(24px,7.2vw,40px)}main[data-page=P01] .page-intro{padding-block:var(--space-xl) var(--space-lg)}main[data-page=P01] .page-description{font-size:16px}body .ai-composer .workspace-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"source""settings""stage"}body .ai-composer .editor-controls{padding:var(--space-md)!important}body .ai-composer .source-controls{padding-bottom:0!important}body .ai-composer .control-heading{display:none}body .ai-composer .source-controls:has(.icon-button) .control-heading{display:flex}body .ai-composer .dropzone{min-height:0;padding:var(--home-space)}body .ai-composer .preview-workspace{margin:0 var(--space-md) var(--space-md)}.home-landing{padding-block:var(--space-3xl) var(--space-2xl)}.home-landing>section+section{margin-top:var(--space-3xl)}.home-section-head{display:block}.home-section-head>p{margin-top:var(--space-md)}.production-scene-grid,.home-step-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.production-scene-image{aspect-ratio:4/3}.production-scene-copy{padding-top:var(--space-md)}.production-scene h3{font-size:24px}.home-feature,.production-control,.home-faq{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.home-feature+.home-feature{margin-top:var(--space-3xl)}.feature-copy{max-width:none}.feature-copy p{font-size:15px}.feature-reverse .feature-copy,.feature-reverse>:last-child{grid-area:auto}.production-prompt,.production-local,.production-story,.prompt-example-body{padding:var(--space-md)}.prompt-example-body blockquote{min-height:0;font-size:16px}.local-export-footer{flex-wrap:wrap}.story-note{padding:var(--space-lg) var(--space-sm) var(--space-sm)}.story-note p{font-size:24px}.production-control,.home-close{padding:var(--space-lg)}.home-close{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){.home-tagline .will-reveal{opacity:1;transition:none}}.pricing-packages{min-width:0}.pricing-purchase-type{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.pricing-purchase-type>span{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-deep);box-shadow:inset 0 1px 0 var(--glint);font-size:14px;font-weight:500}.pricing-purchase-type p{color:var(--color-muted);font-size:14px}.pricing-packages .pricing-notice{color:var(--color-muted);margin-block:var(--space-md) var(--space-lg);padding:0;font-size:12px}.pricing-packages .pricing-grid{gap:var(--space-lg);border:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.pricing-packages .pricing-card{padding:var(--space-xl);border:0;border-radius:20px;flex-direction:column;min-width:0;display:flex}.pricing-packages .pack-starter{--t:var(--p-wed)}.pricing-packages .pack-creator{--t:var(--p-thu)}.pricing-packages .pack-studio{--t:var(--p-fri)}.pricing-packages h3{font:700 24px/1.25 var(--font-display);letter-spacing:var(--tracking-display);margin:0}.pricing-packages .pack-description{margin-top:var(--space-sm);min-height:44px;color:var(--color-ink-2);font-size:14px;line-height:1.6}.pricing-packages .pack-price{align-items:baseline;gap:var(--space-sm);color:var(--color-ink);margin-top:var(--space-lg);display:flex}.pack-price strong{font:700 clamp(36px,3.5vw,48px)/1 var(--font-display);letter-spacing:-.04em}.pack-price>span{color:var(--color-muted);font-size:12px}.pricing-packages .pack-credits{margin-top:var(--space-md);color:var(--color-ink-2);font-size:18px}.pack-credits strong{font-weight:700}.pack-features{margin:var(--space-xl) 0;gap:var(--space-md);flex:1;align-content:start;padding:0;list-style:none;display:grid}.pack-features li{align-items:start;gap:var(--space-sm);font-size:14px;line-height:1.6;display:flex}.pack-features svg{color:var(--color-accent-deep);flex-shrink:0;margin-top:3px}.pricing-packages .button{font-size:14px}.pricing-packages button:disabled{cursor:not-allowed;color:var(--color-muted)}.pricing-packages :is(a,button):focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.pricing-footnotes{justify-content:space-between;align-items:start;gap:var(--space-xl);margin-top:var(--space-lg);display:flex}.pricing-footnotes p{max-width:70ch;color:var(--color-muted);font-size:12px;line-height:1.7}.pricing-footnotes a{align-items:center;gap:var(--space-sm);color:var(--color-accent-deep);text-underline-offset:4px;flex-shrink:0;min-height:44px;font-size:12px;display:inline-flex}main[data-page=S03] .landing-content{padding-top:var(--space-lg)}main[data-page=S03] .pricing-packages{margin-bottom:var(--space-3xl)}@media (max-width:1000px) and (min-width:701px){.pricing-packages .pricing-grid{gap:var(--space-md)}.pricing-packages .pricing-card{padding:var(--space-lg)}.pricing-footnotes{gap:var(--space-sm);flex-direction:column}}@media (max-width:700px){.pricing-packages .pricing-grid{grid-template-columns:minmax(0,1fr)}.pricing-packages .pricing-card{padding:var(--space-lg)}.pricing-packages .pack-description{min-height:0}.pack-price strong{font-size:40px}.pack-features{margin-block:var(--space-lg)}.pricing-footnotes{gap:var(--space-sm);flex-direction:column}}:root{--color-cotton:var(--light);--color-control:#657e72;--color-link:var(--color-accent-deep);--color-error:var(--color-ink-2);--color-success:var(--color-accent-deep);--color-dark-surface:#0f0f0f;--color-white:var(--glint);--color-inspection-light:var(--glint);--color-transparent:transparent;--radius-panel:var(--radius-card);--container:1280px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--shadow-panel:var(--shadow-lift);--shadow-control:0 1px 2px #1f332a1a;--shadow-key:inset 0 1px 0 var(--glint), 0 3px 0 var(--color-rule), 0 5px 8px #1f332a14;--shadow-primary:inset 0 1px 0 color-mix(in oklab, var(--glint) 35%, transparent), 0 3px 0 var(--color-accent-deep), 0 5px 8px #1f332a1f;--shadow-pressed:inset 0 1px 2px #0e191333;--fe-font-family:var(--font-body);--fe-color-surface:var(--color-cotton);--fe-color-text:var(--color-ink);--fe-color-border:var(--color-rule);--fe-color-accent:var(--color-accent);--fe-radius:var(--radius-input)}@supports (color:lab(0% 0 0)){:root{--color-control:lab(50.5898% -11.623 3.35584);--color-dark-surface:lab(4.4379% 0 0);--shadow-control:0 1px 2px lab(19.2012% -10.0485 2.88731/.1);--shadow-key:inset 0 1px 0 var(--glint), 0 3px 0 var(--color-rule), 0 5px 8px lab(19.2012% -10.0485 2.88731/.08);--shadow-primary:inset 0 1px 0 color-mix(in oklab, var(--glint) 35%, transparent), 0 3px 0 var(--color-accent-deep), 0 5px 8px lab(19.2012% -10.0485 2.88731/.12);--shadow-pressed:inset 0 1px 2px lab(7.47972% -5.83105 2.30886/.2)}}*{box-sizing:border-box}html,body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:24px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}button:disabled,input:disabled{opacity:.55;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-family:var(--font-display);overflow-wrap:break-word;min-width:0;font-weight:500;line-height:1.15}h1{letter-spacing:-.04em;font-size:46px}h2{letter-spacing:-.025em;font-size:29px}h3{letter-spacing:-.02em;font-size:20px}img,video,canvas{max-width:100%;display:block}small{color:var(--color-muted);font-size:12px;line-height:1.5}.container{width:calc(100% - 80px);max-width:var(--container);margin-inline:auto}.button{justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-cotton);font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex}.button.primary{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-cotton)}.button.quiet{background:var(--color-cotton);border-color:var(--color-control)}.button.full{width:100%}.button:hover:not(:disabled){background:var(--color-paper-2)}.button.primary:hover:not(:disabled){background:var(--color-ink-2)}.text-button{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;background:0 0;border:0;min-height:44px;font-size:13px;font-weight:500;display:inline-flex}.icon-button{border-radius:var(--radius-input);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button:hover{background:var(--color-paper-2)}.skip-link{inset:var(--space-md) auto auto var(--space-md);z-index:1000;padding:var(--space-md);background:var(--color-cotton);position:fixed;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--color-rule)}.header-inner{align-items:center;gap:var(--space-xl);height:78px;display:flex}.wordmark{align-items:center;gap:var(--space-sm);letter-spacing:-.055em;white-space:nowrap;font-size:22px;font-weight:500;text-decoration:none;display:inline-flex}.wordmark-domain{color:var(--color-muted);margin-left:calc(-1 * var(--space-sm));font-weight:400}.brand-symbol{background:var(--color-ink);width:33px;height:33px;color:var(--color-accent-soft);margin-right:var(--space-xs);border-radius:9px;place-items:center;display:grid}.desktop-nav{align-items:center;gap:var(--space-xl);margin-left:auto;font-size:13px;display:flex}.desktop-nav>a{align-items:center;min-height:44px;text-decoration:none;display:flex}.desktop-nav [aria-current=page]{font-weight:500}.nav-disclosure{position:relative}.nav-disclosure>summary{cursor:pointer;align-items:center;gap:var(--space-sm);min-height:44px;list-style:none;display:flex}.nav-disclosure>summary::-webkit-details-marker{display:none}.tools-menu{z-index:10;background:var(--color-cotton);padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-panel);min-width:275px;box-shadow:var(--shadow-panel);position:absolute;top:100%;right:0}.tools-menu p{color:var(--color-muted);padding:var(--space-sm);font-size:12px}.tools-menu a{padding:var(--space-sm);justify-content:space-between;align-items:center;min-height:44px;text-decoration:none;display:flex}.tools-menu a:hover{background:var(--color-paper-2)}.header-action{align-items:center;gap:var(--space-sm);border-left:1px solid var(--color-rule);padding-left:var(--space-xl);min-height:32px;font-size:13px;text-decoration:none;display:flex}.mobile-menu{display:none}.intro-topline{align-items:center;gap:var(--space-lg);justify-content:space-between;display:flex}.mode-label{white-space:nowrap;color:var(--color-muted);align-items:center;gap:var(--space-sm);font-size:12px;display:flex}.mode-label:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px}.page-description{margin-top:var(--space-md);max-width:76ch;color:var(--color-muted);font-size:15px;line-height:1.65}.breadcrumb{align-items:center;gap:var(--space-sm);color:var(--color-muted);margin-bottom:var(--space-md);font-size:12px;display:flex}.breadcrumb a{text-decoration:none}.guide-intro{max-width:1100px;padding-block:var(--space-2xl)}.guide-intro h1{max-width:24ch;font-size:48px}.workbench{background:var(--color-cotton);border:1px solid var(--color-rule);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);overflow:clip}.workbench-bar{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-rule);color:var(--color-muted);justify-content:space-between;align-items:center;gap:var(--space-md);font-size:12px;display:flex}.workspace-name{align-items:center;gap:var(--space-sm);color:var(--color-ink);font-weight:500;display:flex}.status-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px}.workspace-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.65fr);grid-template-areas:"source stage""settings stage";display:grid}.source-controls{grid-area:source;padding-bottom:0!important}.settings-controls{grid-area:settings;padding-top:0!important}.preview-workspace{top:var(--space-md);grid-area:stage;align-self:start;position:sticky}.motion-endpoints>summary{cursor:pointer;align-items:center;min-height:44px;font-size:13px;display:flex}.editor-controls{padding:var(--space-lg);border-right:1px solid var(--color-rule);min-width:0}.control-heading{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;min-height:28px;display:flex}.control-heading h2{letter-spacing:0;font-size:14px}.dropzone{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:var(--color-paper);border:1px dashed var(--color-control);border-radius:var(--radius-input);flex-direction:column;display:flex;position:relative}.dropzone input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.dropzone:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}.upload-symbol{color:var(--color-muted);padding:var(--space-xs)}.upload-button{cursor:pointer;border-color:var(--color-control);box-shadow:0 2px 2px -2px var(--color-control)}.drop-note{color:var(--color-muted);font-size:12px}.dropzone small{text-align:center;font-size:12px}.dropzone.compact{padding:var(--space-md);flex-flow:wrap;justify-content:space-between}.dropzone.compact .upload-button{min-height:38px;font-size:12px}.sample-button{width:100%;margin-bottom:var(--space-sm);justify-content:center}.source-info{color:var(--color-muted);margin-block:var(--space-sm) var(--space-md);overflow-wrap:anywhere;font-size:12px}.field{gap:var(--space-xs);min-width:0;margin-block:var(--space-sm);flex-direction:column;font-size:12px;font-weight:500;display:flex}.field input:not([type=color]),.field select,.field textarea,.guide-search input,.guide-search select{border:1px solid var(--color-control);border-radius:var(--radius-input);background:var(--color-cotton);width:100%;min-height:44px;padding:var(--space-sm);font-size:13px;font-weight:400}.field textarea{resize:vertical;min-height:112px;padding:var(--space-sm) var(--space-md);line-height:1.65}.field input[type=color]{background:var(--color-cotton);border:1px solid var(--color-control);border-radius:var(--radius-input);width:100%;height:40px}.field .counter{align-self:flex-end;font-weight:400}.field input[aria-invalid=true]{border-color:var(--color-error)}.motion-suggestions{gap:var(--space-xs);margin-block:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.motion-suggestions button{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-input);padding:var(--space-sm);min-height:36px;font-size:11px}.motion-suggestions button:hover{background:var(--color-paper-2)}.control-pair{gap:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.align-end{margin-bottom:var(--space-sm);align-self:end}.checkbox{align-items:center;gap:var(--space-sm);min-height:40px;margin-block:var(--space-sm);font-size:12px;display:flex}.checkbox input{accent-color:var(--color-ink);flex-shrink:0;width:16px;height:16px}.checkbox small{margin-left:auto;font-size:11px}.advanced{margin-block:var(--space-md);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.advanced summary{align-items:center;gap:var(--space-sm);cursor:pointer;min-height:48px;font-size:12px;font-weight:500;display:flex}.advanced summary:after{content:"+";margin-left:auto}.advanced[open] summary:after{content:"−"}.advanced p{color:var(--color-muted);margin-bottom:var(--space-md);font-size:12px}.availability,.disabled-reason{color:var(--color-muted);margin-top:var(--space-sm);font-size:12px;line-height:1.6;display:block}.editor-status{margin-top:var(--space-sm);color:var(--color-success);font-size:12px}.error{color:var(--color-error);margin-top:var(--space-sm);font-size:12px;line-height:1.5}.error:empty,.editor-status:empty{display:none}.segments{margin:var(--space-md) 0;border:0;padding:0}.segments legend{margin-bottom:var(--space-sm);font-size:12px;font-weight:500}.segments>div{background:var(--color-paper-2);padding:var(--space-xs);border-radius:var(--radius-input);display:flex}.segments button{min-height:36px;padding-inline:var(--space-sm);background:0 0;border:0;border-radius:5px;flex:1;font-size:12px}.segments button[aria-checked=true]{background:var(--color-cotton);box-shadow:var(--shadow-control);font-weight:500}.export-row{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid}.output-summary{text-align:right;padding-bottom:var(--space-md);font-size:12px;line-height:1.4}.output-summary small{margin-top:var(--space-xs);font-size:10px;display:block}.inline-note{color:var(--color-muted);margin-block:var(--space-sm);font-size:12px;line-height:1.5}.preview-workspace{padding:var(--space-lg);background:var(--color-paper);flex-direction:column;min-width:0;display:flex}.preview-heading{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);min-height:28px;font-size:12px;font-weight:500;display:flex}.preview-meta{color:var(--color-muted);margin-left:auto;font-size:11px;font-weight:400}.preview-stage{aspect-ratio:16/10;border:1px solid var(--color-rule);background:var(--color-paper-2);border-radius:9px;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.preview-stage>img,.preview-stage>video,.preview-stage>canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.surface-checkerboard{background-color:var(--color-paper);background-image:conic-gradient(var(--color-paper-2) 25%, transparent 0 50%, var(--color-paper-2) 0 75%, transparent 0);background-size:20px 20px}.surface-dark{background:var(--color-dark-surface);color:var(--color-cotton)}.empty-canvas{text-align:center;padding:var(--space-xl);max-width:48ch}.empty-frame{border:1px solid var(--color-control);width:84px;height:68px;margin:0 auto var(--space-lg);color:var(--color-muted);background:var(--color-cotton);box-shadow:8px 8px 0 -1px var(--color-paper-2), 8px 8px 0 0 var(--color-control);border-radius:6px;place-items:center;display:grid}.empty-canvas h3{letter-spacing:-.03em;font-size:24px;font-weight:500}.empty-canvas p{color:var(--color-muted);margin-top:var(--space-sm);font-size:13px}.transport{align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);border-bottom:1px solid var(--color-rule);display:flex}input[type=range]{accent-color:var(--color-ink);max-width:100%;min-height:36px}.transport input{flex:1;min-width:0}.time-display{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.preview-surfaces{gap:var(--space-sm);margin-top:var(--space-sm);align-items:center;font-size:11px;display:flex}.preview-surfaces span{color:var(--color-muted);margin-right:auto}.preview-surfaces button{min-height:36px;padding:var(--space-sm);background:0 0;border:0;border-radius:5px;font-size:11px}.preview-surfaces button[aria-pressed=true]{background:var(--color-cotton);box-shadow:0 0 0 1px var(--color-rule)}.workspace-footnote{justify-content:space-between;gap:var(--space-md);color:var(--color-muted);padding-top:var(--space-lg);margin-top:auto;font-size:11px;display:flex}.result-summary{padding-block:var(--space-lg);gap:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.result-summary h3{gap:var(--space-sm);align-items:center;font-size:16px;display:flex}.result-summary p{color:var(--color-muted);margin-top:var(--space-sm);font-size:12px}.frames-list{max-height:285px;margin-block:var(--space-md);overflow:auto}.frame-row{gap:var(--space-sm);padding-block:var(--space-sm);border-bottom:1px solid var(--color-rule);align-items:center;display:flex}.frame-thumb{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:5px;flex-shrink:0;width:44px;height:44px;padding:0}.frame-thumb img{object-fit:contain;width:100%;height:100%}.frame-thumb[aria-pressed=true]{border-color:var(--color-ink)}.frame-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:11px}.frame-delay{align-items:center;gap:var(--space-xs);display:flex}.frame-delay input{border:1px solid var(--color-control);background:var(--color-cotton);width:64px;min-height:40px;padding:var(--space-xs);border-radius:5px;font-size:12px}.frame-actions{flex-direction:column;display:flex}.frame-actions button{background:0 0;border:0;place-items:center;width:32px;height:28px;display:grid}.intro-remainder>div{max-width:75ch;color:var(--color-muted);margin-left:auto;font-size:14px}.intro-remainder p{margin-bottom:var(--space-md)}.intro-remainder strong{color:var(--color-ink);font-weight:500}.article-layout{gap:var(--space-3xl);padding-block:var(--space-3xl) var(--space-4xl);grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);align-items:start;display:grid}.article-aside{top:var(--space-xl);max-width:250px;position:sticky}.reading-label{margin-bottom:var(--space-lg);font-size:13px;font-weight:500;display:block}.article-aside summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:13px;display:flex}.article-aside nav{padding-top:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.article-aside nav a{padding-block:var(--space-sm);color:var(--color-muted);font-size:12px;line-height:1.5;text-decoration:none}.article-aside nav a:hover{color:var(--color-ink)}.article-copy{min-width:0;max-width:75ch;font-size:16px;line-height:1.8}.article-copy h2{margin:var(--space-3xl) 0 var(--space-lg);max-width:30ch;font-size:32px;line-height:1.2}.article-copy h2:first-child{margin-top:0}.article-copy h3{margin:var(--space-xl) 0 var(--space-md);font-size:21px}.article-copy p{margin-bottom:var(--space-lg)}.article-copy a{color:var(--color-link);text-underline-offset:3px}.article-copy ul,.article-copy ol{padding-left:var(--space-lg);margin-block:var(--space-lg)}.article-copy li{margin-bottom:var(--space-sm)}.article-copy blockquote{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--color-paper-2);border-radius:var(--radius-input);font-size:17px}.article-copy blockquote p{margin-bottom:0}.copy-prompt{margin-top:var(--space-md);border:1px solid var(--color-control);min-height:44px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);background:var(--color-cotton);font-size:12px;display:block}.table-scroll{margin-block:var(--space-xl);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.65}th,td{text-align:left;vertical-align:top;padding:var(--space-md);border-bottom:1px solid var(--color-rule);min-width:120px}th{background:var(--color-paper-2);font-weight:500}td:first-child{font-weight:500}tr:last-child td{border-bottom:0}.related{border-top:1px solid var(--color-rule);padding-block:var(--space-2xl) var(--space-3xl)}.related h2{margin-bottom:var(--space-lg);font-size:23px}.related>div{gap:var(--space-md) var(--space-xl);flex-wrap:wrap;display:flex}.related a{gap:var(--space-md);align-items:center;min-height:44px;font-size:13px;text-decoration:none;display:flex}.site-footer{border-top:1px solid var(--color-rule);background:var(--color-paper-2);padding-top:var(--space-2xl)}.footer-main{gap:var(--space-xl);padding-bottom:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.6fr);display:grid}.footer-main .wordmark{align-self:start}.footer-main p{letter-spacing:-.03em;font-size:25px;font-weight:500;line-height:1.35}.footer-main nav{gap:var(--space-sm);flex-direction:column;display:flex}.footer-main nav a{min-height:28px;font-size:13px;text-decoration:none}.footer-bottom{justify-content:space-between;gap:var(--space-md);border-top:1px solid var(--color-rule);padding-block:var(--space-lg);color:var(--color-muted);font-size:11px;display:flex}.footer-bottom a{text-decoration:none}.not-found{padding-block:var(--space-4xl)}.not-found h1{margin-bottom:var(--space-xl)}.guide-search{gap:var(--space-md);align-items:end;display:flex}.guide-search label{gap:var(--space-sm);flex-direction:column;font-size:13px;display:flex}.guide-search label:first-child{flex:1}.guide-search label>div{align-items:center;gap:var(--space-sm);display:flex}.guide-catalog>p{margin-block:var(--space-lg);color:var(--color-muted);font-size:13px}.guide-list{padding:0;list-style:none}.guide-list li{padding-block:var(--space-lg);border-top:1px solid var(--color-rule)}.guide-list h4 a{justify-content:space-between;gap:var(--space-xl);padding-block:var(--space-sm);min-height:44px;text-decoration:none;display:flex}.guide-list h4{margin-bottom:var(--space-sm);font-size:25px}.guide-list p{color:var(--color-muted);max-width:70ch;font-size:14px}.guide-list svg{flex-shrink:0}.guide-topic{margin-block:var(--space-xl)}.guide-topic>p{margin-block:var(--space-md);max-width:70ch}.guide-filter-actions{gap:var(--space-lg);display:flex}.guide-filter-actions a{align-items:center;min-height:44px;display:inline-flex}.guide-closing{padding-block:var(--space-xl)}.focal-canvas{cursor:crosshair;touch-action:none}.motion-warnings{color:var(--color-muted);font-size:12px;line-height:1.5}.motion-warnings p{margin-top:var(--space-sm)}.example-grid{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.local-example{min-width:0;margin:0}.local-example img{border:1px solid var(--color-rule);border-radius:var(--radius-panel);width:100%;height:auto;display:block}.local-example figcaption p{margin-block:var(--space-sm);font-size:14px}.local-example figcaption small{margin-bottom:var(--space-sm);font-size:12px;display:block}@media (max-width:700px){.example-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:1600px){.container{max-width:1280px}.preview-stage{min-height:400px}}@media (max-width:1000px){.container{width:calc(100% - 48px)}.header-action{display:none}.workspace-grid{grid-template-columns:minmax(290px,1fr) minmax(0,1.3fr)}.editor-controls,.preview-workspace{padding:var(--space-md)}.workspace-footnote{gap:var(--space-xs);flex-direction:column}.article-layout{gap:var(--space-xl)}h1{font-size:39px}.mode-label{display:none}}@media (max-width:700px){html,body{font-size:15px}.container{width:calc(100% - 32px)}.header-inner{gap:var(--space-md);height:66px}.wordmark{font-size:21px}.brand-symbol{width:29px;height:29px}.desktop-nav{display:none}.mobile-menu{margin-left:auto;display:block}.mobile-menu>summary{cursor:pointer;place-items:center;width:44px;height:44px;list-style:none;display:grid}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu nav{top:66px;left:var(--space-md);right:var(--space-md);z-index:20;background:var(--color-cotton);border:1px solid var(--color-rule);border-radius:var(--radius-panel);max-height:calc(100dvh - 90px);padding:var(--space-md);box-shadow:var(--shadow-panel);position:absolute;overflow:auto}.mobile-menu nav a{padding:var(--space-sm) var(--space-md);min-height:44px;font-size:14px;text-decoration:none;display:block}.page-intro{padding-block:var(--space-lg)}h1,.guide-intro h1{letter-spacing:-.035em;font-size:33px;line-height:1.12}.page-description{margin-top:var(--space-sm);font-size:14px}.workbench-bar{padding:var(--space-md);font-size:11px}.workbench-bar>span:last-child{display:none}.workspace-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"source""stage""settings"}.preview-workspace{position:static}.settings-controls{padding-top:var(--space-md)!important}.source-controls{padding-bottom:var(--space-md)!important}.editor-controls{border-right:0;border-bottom:1px solid var(--color-rule);padding:var(--space-md)}.dropzone{padding:var(--space-md);gap:var(--space-sm)}.upload-symbol,.drop-note{display:none}.dropzone small{font-size:11px}.preview-workspace{padding:var(--space-md)}.preview-stage{min-height:230px}.workspace-footnote{flex-direction:row;font-size:10px}.workspace-footnote>span:last-child{display:none}.field textarea{min-height:88px}.frame-actions{flex-direction:row;grid-area:actions;justify-content:end}.frame-row{grid-template-columns:44px 44px minmax(0,1fr);grid-template-areas:"drag thumb name""delay delay actions";display:grid}.frame-drag{grid-area:drag}.frame-thumb{grid-area:thumb}.frame-delay{grid-area:delay}.frame-actions button{width:44px;height:44px}.frame-name{grid-area:name;max-width:none}.frame-delay input{width:58px}.control-pair{gap:var(--space-sm)}.result-summary{align-items:start;gap:var(--space-md);flex-direction:column}.intro-remainder{padding-top:var(--space-lg)}.article-layout{padding-block:var(--space-2xl);display:block}.article-aside{max-width:none;margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-md);position:static}.reading-label{display:none}.article-aside nav{gap:var(--space-sm) var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.article-copy{font-size:15px}.article-copy h2{margin-top:var(--space-2xl);font-size:27px}.article-copy h3{font-size:20px}.article-copy blockquote{padding:var(--space-md);font-size:15px}th,td{padding:var(--space-sm);min-width:110px;font-size:12px}.footer-main{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer-main>.wordmark{grid-column:1/-1}.footer-main p{font-size:21px}.guide-search{flex-wrap:wrap}.guide-search label:first-child{flex-basis:100%}.guide-search .button{flex:1}.guide-list h2{font-size:23px}.guide-list p{font-size:13px}.guide-list>a{gap:var(--space-md)}.preview-surfaces{flex-wrap:wrap}.preview-surfaces button,.motion-suggestions button{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.pricing-draft{margin-block:var(--space-xl)}.pricing-notice{padding-block:var(--space-md);color:var(--color-muted)}.pricing-grid{border-block:1px solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pricing-card{min-width:0;padding:var(--space-lg) var(--space-md)}.pricing-card+.pricing-card{border-left:1px solid var(--color-rule)}.pricing-card h3{font-size:20px}.pricing-card>p{color:var(--color-muted);font-size:13px}.pricing-card dl{margin-block:var(--space-lg);font-size:13px}.pricing-card dl div{padding-block:var(--space-sm)}.pricing-card dt{font-weight:500}.pricing-card dd{color:var(--color-muted);margin:0}.pricing-card .button{font-size:12px}@media (max-width:680px){.pricing-grid{grid-template-columns:minmax(0,1fr)}.pricing-card{padding-inline:0}.pricing-card+.pricing-card{border-left:0;border-top:1px solid var(--color-rule)}.pricing-card dl{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}::selection{background:var(--color-accent-soft);color:var(--color-ink)}body{scrollbar-color:var(--color-control) var(--color-paper)}.site-header{background:var(--color-cotton)}.wordmark{letter-spacing:-.04em}.brand-symbol{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--glint) 40%, transparent), 0 2px 0 var(--color-accent-deep)}.page-intro{padding-block:var(--space-xl) var(--space-lg)}h1,h2,h3{letter-spacing:var(--tracking-display);font-weight:700}h1{font-size:clamp(34px,3.6vw,52px);line-height:1.08}.page-description{max-width:70ch;color:var(--color-ink-2);font-size:17px}.mode-label{color:var(--color-accent-deep)}.tool-switcher{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.tool-switcher a{white-space:nowrap;min-height:44px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);border:1px solid #0000;align-items:center;font-size:14px;text-decoration:none;display:inline-flex}.tool-switcher a:hover{background:var(--color-paper-3)}.tool-switcher a[aria-current=page]{background:var(--color-accent-soft);border-color:var(--color-rule);box-shadow:inset 0 1px 0 var(--glint), 0 2px 0 var(--color-rule)}.workbench{background:var(--color-cotton);box-shadow:var(--shadow-lift)}.workbench-bar{background:color-mix(in oklab, var(--p-thu) 58%, var(--color-paper));color:var(--color-ink-2);box-shadow:inset 0 1px 0 var(--glint);font-size:13px}.workspace-grid{grid-template-columns:minmax(340px,.95fr) minmax(0,1.45fr)}.preview-workspace{background:color-mix(in oklab, var(--p-wed) 58%, var(--color-paper));box-shadow:inset 0 1px 0 var(--glint)}.preview-stage{background:var(--color-cotton);border-radius:var(--radius-card)}.preview-stage:has(.empty-canvas){background:linear-gradient(115deg, transparent 12%, color-mix(in oklab, var(--light) 60%, transparent) 12% 38%, transparent 38% 44%, color-mix(in oklab, var(--light) 60%, transparent) 44% 70%, transparent 70%), var(--color-paper)}.surface-light{background:var(--color-inspection-light)}.surface-dark{background:var(--color-dark-surface)}.surface-checkerboard{background-color:var(--color-inspection-light)}.dropzone{background:color-mix(in oklab, var(--p-thu) 44%, var(--color-cotton));border-color:var(--color-control);border-radius:var(--radius-card)}.dropzone:hover,.dropzone:focus-within{border-color:var(--color-accent);background:var(--color-paper-3)}.upload-symbol{color:var(--color-accent-deep)}.button{min-height:52px;box-shadow:var(--shadow-key);font-weight:500}.button.primary,.upload-button{background:linear-gradient(var(--color-accent), var(--color-accent-deep));color:var(--color-accent-ink);border-color:var(--color-accent-deep);box-shadow:var(--shadow-primary)}.button.primary:hover:not(:disabled),.upload-button:hover{background:var(--color-accent-deep)}.button:active:not(:disabled),.upload-button:active{box-shadow:var(--shadow-pressed);transform:translateY(3px)}.button,.icon-button,.text-button,.tool-switcher a,.motion-suggestions button,.segments button{transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out)}button:disabled,.button:disabled{opacity:1;background:var(--color-paper-2);color:var(--color-muted);border-color:var(--color-rule);box-shadow:none;cursor:not-allowed;transform:none}.field input:not([type=color]),.field select,.guide-search input,.guide-search select{min-height:52px}.field input,.field select,.field textarea{background:var(--color-cotton);font-size:16px}.field>span,.control-heading h2{font-size:14px}.control-heading h2{font-family:var(--font-body);font-weight:500}.field textarea{font-size:15px}input[type=range],input[type=checkbox]{accent-color:var(--color-accent)}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1}.motion-suggestions button{background:var(--color-paper-2);min-height:44px;box-shadow:inset 0 1px 0 var(--glint), 0 2px 0 var(--color-rule);font-size:12px}.segments button[aria-checked=true],.preview-surfaces button[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-ink);box-shadow:inset 0 1px 0 var(--glint), 0 1px 2px var(--color-rule)}.segments button{min-height:44px}.empty-frame{color:var(--color-accent-deep);border-color:var(--color-rule);background:color-mix(in oklab, var(--p-thu) 62%, var(--glint));box-shadow:inset 0 1px 0 var(--glint), 8px 8px 0 var(--p-fri), 16px 16px 0 var(--p-mon);margin-bottom:var(--space-xl);transform:rotate(-5deg)}.empty-canvas h3{font-size:26px;font-weight:700}.empty-canvas p{font-size:14px}.time-display,.preview-meta,.source-info{font-family:var(--font-outlier);font-size:11px}.article-copy{color:var(--color-ink-2)}.article-copy h2,.article-copy h3{color:var(--color-ink)}.article-aside{background:var(--color-paper-2);border-radius:var(--radius-panel);padding:var(--space-lg)}.article-aside nav a{font-size:14px}.intro-remainder>div{max-width:none;margin:0}.intro-remainder p{max-width:70ch}.intro-remainder{padding-top:var(--space-2xl)}.intro-remainder p:has(>strong:only-child){font-family:var(--font-display);margin-top:var(--space-lg);font-size:18px}.local-examples{margin-block:0}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.local-example{padding:var(--space-md);border-radius:var(--radius-card);background:color-mix(in oklab, var(--p-fri) 45%, var(--color-paper));box-shadow:inset 0 1px 0 var(--glint)}.local-example:nth-child(2n){background:color-mix(in oklab, var(--p-mon) 48%, var(--color-paper))}.local-example img{aspect-ratio:16/10;object-fit:contain;background:var(--color-cotton)}.local-example figcaption{min-height:100px;padding-block:var(--space-sm)}.local-example .button{min-height:44px}.example-pair{background:color-mix(in oklab, var(--p-fri) 45%, var(--color-paper));border-radius:var(--radius-card);padding:var(--space-md);gap:var(--space-md);box-shadow:inset 0 1px 0 var(--glint);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.example-pair:nth-child(2n){background:color-mix(in oklab, var(--p-mon) 48%, var(--color-paper))}.example-pair .local-example{column-gap:var(--space-md);box-shadow:none;background:0 0;grid-area:1/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}.example-pair .local-example>.example-format,.example-pair .local-example>img{grid-column:2}.example-pair .local-example>figcaption,.example-pair .local-example>button,.example-pair .local-example>p{grid-column:1/-1}.example-pair .local-example>button{justify-self:start}.example-source{z-index:1;grid-area:1/1;align-self:start;min-width:0;margin:0}.example-source img,.example-source video,.example-pair .local-example img{aspect-ratio:1;object-fit:contain;background:var(--color-cotton);border:1px solid var(--color-rule);border-radius:var(--radius-input);width:100%;height:auto}.example-source figcaption,.example-format{margin-bottom:var(--space-sm);color:var(--color-ink-2);font-size:13px;display:block}.local-examples:not(.example-grid) .example-pair{max-width:960px;margin-inline:auto}.landing-content{padding-block:var(--space-3xl)}.landing-section{padding-block:var(--space-2xl);border-top:1px solid var(--color-rule)}.landing-section>h2{max-width:27ch;margin-bottom:var(--space-xl);font-size:clamp(28px,3vw,40px);line-height:1.12}.landing-section .article-copy{max-width:70ch}.landing-split{gap:var(--space-2xl);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;display:grid}.landing-split>h2{margin:0}.landing-band{padding:var(--space-xl);margin-block:var(--space-lg);background:color-mix(in oklab, var(--p-thu) 44%, var(--color-paper));border-radius:var(--radius-card);box-shadow:inset 0 1px 0 var(--glint);border:0}.landing-band:nth-child(3n){background:color-mix(in oklab, var(--p-wed) 52%, var(--color-paper))}.landing-steps{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing-step{background:color-mix(in oklab, var(--p-tue) 48%, var(--color-paper));border-radius:var(--radius-card);padding:var(--space-xl);box-shadow:inset 0 1px 0 var(--glint)}.landing-step:nth-child(2){background:color-mix(in oklab, var(--p-wed) 62%, var(--color-paper))}.landing-step:nth-child(3){background:color-mix(in oklab, var(--p-thu) 48%, var(--color-paper))}.landing-step:nth-child(4){background:color-mix(in oklab, var(--p-fri) 48%, var(--color-paper))}.step-number{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-accent-deep);margin-bottom:var(--space-lg);font-size:48px;font-weight:700;line-height:1;display:block}.landing-step h3{margin:0 0 var(--space-md)}.landing-step p{font-size:15px;line-height:1.7}.landing-faq details{border-bottom:1px solid var(--color-rule)}.landing-faq summary{justify-content:space-between;align-items:center;gap:var(--space-lg);cursor:pointer;padding-block:var(--space-lg);list-style:none;display:flex}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:"+";color:var(--color-accent-deep);font-size:24px}.landing-faq details[open] summary:after{content:"−"}.landing-faq summary h3{margin:0;font-size:19px}.landing-faq .article-copy{padding-bottom:var(--space-md)}.scenario-grid{gap:var(--space-lg);margin-block:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scenario-card{border-radius:var(--radius-card);background:var(--color-paper-2);margin:0;overflow:hidden}.scenario-card img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.scenario-card figcaption{padding:var(--space-lg)}.scenario-card dl,.scenario-card dd{margin:0}.scenario-card dt{color:var(--color-muted);margin-bottom:var(--space-sm);font-size:12px}.scenario-card dd{margin-bottom:var(--space-md);font-size:16px;line-height:1.6}.scenario-card dd:first-of-type{font-weight:500}.scenario-card:nth-child(2){background:color-mix(in oklab, var(--p-wed) 50%, var(--color-paper))}.scenario-card:nth-child(3){background:color-mix(in oklab, var(--p-mon) 40%, var(--color-paper))}.guide-list li{padding:var(--space-lg);margin-block:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-cotton)}.guide-list h4{font-family:var(--font-display);margin-top:0}.guide-list a:hover{color:var(--color-accent-deep)}.pricing-grid{gap:var(--space-md);border:0}.pricing-card{background:color-mix(in oklab, var(--p-wed) 50%, var(--color-paper));border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:inset 0 1px 0 var(--glint), var(--shadow-card)}.pricing-card+.pricing-card{border:0}.pricing-card:nth-child(2){background:color-mix(in oklab, var(--p-thu) 50%, var(--color-paper))}.pricing-card:nth-child(3){background:color-mix(in oklab, var(--p-fri) 50%, var(--color-paper))}.related a{border:1px solid var(--color-rule);border-radius:var(--radius-input);padding:var(--space-sm) var(--space-md);background:var(--color-cotton);box-shadow:var(--shadow-key)}.site-footer{background:var(--color-paper-3)}main:has(.guide-intro) .intro-remainder{padding-top:0}main:has(.guide-intro) .intro-remainder>div{max-width:1100px;margin-inline:auto}.guide-hub{margin-top:var(--space-lg)}.mobile-menu:not([open]) nav{display:none}.intro-notes{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.intro-notes>div{padding-left:var(--space-md);border-left:2px solid var(--color-rule);font-size:14px}.intro-notes p:has(>strong:only-child){margin-top:0}@keyframes panel-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.result-summary,details[open]>:not(summary){animation:panel-arrive var(--dur-short) var(--ease-out) both}}@media (max-width:1000px){.workspace-grid{grid-template-columns:minmax(300px,1fr) minmax(0,1.2fr)}.scenario-grid{gap:var(--space-md)}.scenario-card figcaption{padding:var(--space-md)}}@media (max-width:700px){.page-intro{padding-block:var(--space-lg)}.page-description{font-size:15px}.tool-switcher{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:nowrap;overflow-x:auto}.tool-switcher a{flex-shrink:0;font-size:13px}.workspace-grid{grid-template-columns:minmax(0,1fr)}main[data-page=P01] .workspace-grid{grid-template-areas:"source""settings""stage"}.preview-stage{min-height:220px}.empty-canvas{padding:var(--space-lg)}.empty-canvas h3{font-size:23px}.article-aside{padding:var(--space-md)}.landing-content,.landing-section{padding-block:var(--space-xl)}.landing-split{display:block}.landing-split>h2{margin-bottom:var(--space-lg)}.landing-band{padding:var(--space-lg)}.landing-steps,.scenario-grid,.example-grid,.intro-notes{grid-template-columns:minmax(0,1fr)}.landing-step{padding:var(--space-lg)}.step-number{margin-bottom:var(--space-md);font-size:36px}.pricing-card{padding:var(--space-lg)}.mode-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:active:not(:disabled),.upload-button:active{transform:none}}.brand-symbol{box-shadow:none;background:0 0;flex-shrink:0}.brand-symbol img{width:100%;height:100%;display:block}[data-page=S01]>.page-intro,[data-page=S01]>.intro-remainder,.guide-catalog,.guide-closing{max-width:1200px}[data-page=S01]>.page-intro{padding-bottom:24px}.guide-catalog .guide-search{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-light,var(--color-paper-2));grid-template-columns:minmax(0,1fr) 200px auto;gap:16px;padding:24px;display:grid}.guide-search label>div{position:relative}.guide-search label>div>svg{pointer-events:none;color:var(--color-muted);position:absolute;left:12px}.guide-search input{padding-left:40px}.guide-search input,.guide-search select{width:100%;min-width:0}.guide-results-heading{border-bottom:1px solid var(--color-rule);justify-content:space-between;align-items:baseline;gap:16px;margin-top:40px;padding-bottom:16px;display:flex}.guide-results-heading h2{margin:0;font-size:24px}.guide-results-heading p{color:var(--color-muted);margin:0;font-size:14px}.guide-catalog .guide-topic{margin-block:32px 48px}.guide-topic h3{margin:0;font-size:20px}.guide-catalog .guide-topic>p{color:var(--color-muted);margin:8px 0 24px;font-size:14px}.guide-catalog .guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.guide-catalog .guide-list li{background:0 0;border:0;min-width:0;margin:0;padding:0}.guide-catalog .guide-list li:first-child{grid-column:1/-1}.guide-catalog .guide-card-link{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-cotton);height:100%;padding:24px;text-decoration:none;display:block}.guide-card-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.guide-catalog .guide-list h4{margin:0;font-size:20px;line-height:28px}.guide-catalog .guide-list p{max-width:65ch;margin:12px 0 0;font-size:14px;line-height:24px}.guide-card-link:hover{border-color:var(--color-accent);background:var(--color-paper-2)}.guide-card-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.guide-closing{border-top:1px solid var(--color-rule);padding-top:24px;padding-bottom:48px}.guide-closing h2{font-size:20px}@media (max-width:700px){.guide-catalog .guide-search{grid-template-columns:minmax(0,1fr) auto;gap:16px 12px;padding:16px}.guide-search label:first-child{grid-column:1/-1}.guide-catalog .guide-list{grid-template-columns:minmax(0,1fr)}.guide-catalog .guide-card-link{padding:24px}.guide-results-heading{margin-top:32px}.guide-results-heading h2{font-size:20px}}