@font-face{font-family:Public Sans;src:url(/fonts/PublicSans.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+2010-2027,U+20AC}@font-face{font-family:Public Sans Fallback;src:local(Helvetica Neue),local(Arial),local(Liberation Sans);size-adjust:104%;ascent-override:95%;descent-override:22.5%;line-gap-override:0%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--carbon:#0c1010;--chalk:#edf2f1;--stone:#c7d0cd;--hue-neutral:180;--surface:#0f1212;--surface-raised:#1e2423;--surface-overlay:#29302e;--surface-inset:#0a0d0d;--surface-preview:#0d1110;--surface-canvas:var(--chalk);--text-primary:var(--chalk);--text-secondary:#bac3c1;--text-muted:#99a39f;--text-on-accent:var(--carbon);--border-hairline:#edf2f112;--border-default:#edf2f11c;--border-strong:#edf2f129;--highlight-top:#edf2f10f;--rule:#3a4541;--scrollbar-size:.5rem;--scrollbar-track:transparent;--scrollbar-thumb:color-mix(in srgb, var(--text-primary) 38%, transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--text-primary) 58%, transparent);--accent:#d4e7e1;--accent-hover:#e3f0eb;--accent-subtle:#d4e7e124;--focus-ring:#b4d3c8;--success:#8cbda8;--danger:#d3a09c;--warning:#d4bf8c;--elevation-raised:inset 0 1px 0 0 var(--highlight-top);--elevation-overlay:inset 0 1px 0 0 #edf2f11a, 0 24px 60px -20px #030606a3;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--hit-target:32px;--hit-target-coarse:44px;--nav-width:13rem;--inspector-width:20rem;--timeline-height:14.5rem;--header-height:4rem;--font-sans:"Public Sans", "Public Sans Fallback", ui-sans-serif, sans-serif;--font-display:var(--font-sans);--font-mono:var(--font-sans);--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:clamp(1.25rem, .6vw + 1rem, 1.5rem);--text-2xl:clamp(1.5rem, 1vw + 1.1rem, 2rem);--text-3xl:clamp(1.75rem, 1.6vw + 1.1rem, 2.5rem);--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-label:1.25;--tracking-display:-.025em;--tracking-label:.08em;--chip-bg:color-mix(in srgb, var(--surface-overlay) 96%, transparent);--chip-border:var(--border-default);--chip-radius:6px;--chip-shadow:var(--elevation-overlay);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-instant:.12s;--duration-fast:.16s;--duration-base:.22s;--duration-slow:.32s;--z-sticky:10;--z-header:20;--z-overlay:40;--z-modal:60;--z-popover:80;--z-toast:100;--z-tooltip:110}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--carbon:#1c1d1e;--chalk:#f2f2f2;--stone:#c6c6c6;--surface:var(--chalk);--surface-raised:#e6e6e6;--surface-overlay:#f5f5f5;--surface-inset:#e6e6e6;--surface-preview:#e6e6e6;--surface-canvas:var(--chalk);--text-primary:var(--carbon);--text-secondary:#5a5a5a;--text-muted:#5a5a5a;--text-on-accent:var(--chalk);--border-hairline:#1c1d1e0d;--border-default:#1c1d1e14;--border-strong:#1c1d1e1f;--highlight-top:transparent;--rule:#d3d3d3;--accent:var(--carbon);--accent-hover:#141415;--accent-subtle:#1c1d1e14;--focus-ring:var(--carbon);--elevation-raised:0 1px 2px #1c1d1e0d, 0 8px 24px -12px #1c1d1e1a;--elevation-overlay:0 1px 2px #1c1d1e0f, 0 16px 40px -16px #1c1d1e2e;--scrollbar-thumb:var(--text-muted);--scrollbar-thumb-hover:var(--text-primary)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--carbon:#1c1d1e;--chalk:#f2f2f2;--stone:#c6c6c6;--surface:var(--chalk);--surface-raised:#e6e6e6;--surface-overlay:#f5f5f5;--surface-inset:#e6e6e6;--surface-preview:#e6e6e6;--surface-canvas:var(--chalk);--text-primary:var(--carbon);--text-secondary:#5a5a5a;--text-muted:#5a5a5a;--text-on-accent:var(--chalk);--border-hairline:#1c1d1e0d;--border-default:#1c1d1e14;--border-strong:#1c1d1e1f;--highlight-top:transparent;--rule:#d3d3d3;--accent:var(--carbon);--accent-hover:#141415;--accent-subtle:#1c1d1e14;--focus-ring:var(--carbon);--elevation-raised:0 1px 2px #1c1d1e0d, 0 8px 24px -12px #1c1d1e1a;--elevation-overlay:0 1px 2px #1c1d1e0f, 0 16px 40px -16px #1c1d1e2e;--scrollbar-thumb:var(--text-muted);--scrollbar-thumb-hover:var(--text-primary)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-contrast:more){:root[data-theme=dark],:root:not([data-theme=light]){--border-hairline:#edf2f13d;--border-default:#edf2f166;--border-strong:#edf2f1a3;--text-muted:var(--text-secondary);--scrollbar-thumb:var(--text-secondary);--scrollbar-thumb-hover:var(--text-primary)}:root[data-theme=light]{--border-hairline:#1c1d1e38;--border-default:#1c1d1e57;--border-strong:#1c1d1e7a;--text-muted:var(--text-secondary);--scrollbar-thumb:var(--text-secondary);--scrollbar-thumb-hover:var(--text-primary)}}@media (prefers-reduced-transparency:reduce){:root{--elevation-raised:none;--elevation-overlay:none;--border-hairline:var(--border-default)}}@media (prefers-reduced-motion:reduce){:root{--duration-instant:.01ms;--duration-fast:.01ms;--duration-base:.01ms;--duration-slow:.01ms}.skeleton:after{animation:none}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:var(--leading-snug);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;hanging-punctuation:first last}body{accent-color:var(--accent);font-size:var(--text-sm);font-weight:400;line-height:var(--leading-snug);margin:0}#root{min-height:100dvh}button::-moz-focus-inner{border:0;padding:0}:focus,:focus-visible,a:focus,button:focus,input:focus,select:focus,textarea:focus,summary:focus,[tabindex]:focus,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:none}::selection{background:var(--accent-subtle);color:var(--text-primary)}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{padding:0}button,a{cursor:pointer}button,a,[role=button],[role=tab],[role=menuitem],[role=option]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text;caret-color:var(--text-primary)}.skip-link{inset-inline-start:var(--space-3);top:var(--space-3);z-index:200;background:var(--accent);color:var(--text-on-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);position:absolute;transform:translateY(-200%)}a.skip-link:focus,a.skip-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;transform:none}.text-link{color:var(--text-primary);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);transition:color var(--duration-fast) var(--ease-out), text-decoration-color var(--duration-fast) var(--ease-out)}.text-link:hover,.text-link:focus-visible{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.text-link:active{color:var(--text-secondary)}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-hover)}.scroll-area{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.brand-lockup,.brand-lockup__symbol,.brand-lockup__word{align-items:center;display:inline-flex}.brand-lockup{gap:var(--space-3);color:var(--text-primary)}.brand-lockup__symbol svg{aspect-ratio:333/281;width:auto;height:2rem;display:block}.brand-lockup__word{translate:0 .125rem}.brand-lockup__word svg{aspect-ratio:383/86;width:auto;height:1.125rem;display:block}.brand-lockup__word svg title{display:none}.btn,.icon-btn,.select-trigger,.switch,.nav-item,.nav-folder,.nav-menu__item,.rig-card,.chip,.menu{transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), transform var(--duration-instant) var(--ease-out)}.btn:active,.icon-btn:active{transform:scale(.98)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-weight:400;line-height:var(--leading-snug);text-wrap:balance;border:1px solid #0000;display:inline-flex}.btn--md{padding:var(--space-3) var(--space-5);min-height:44px}.btn--sm{padding:var(--space-2) var(--space-4);min-height:36px;font-size:var(--text-sm)}.btn--solid{background:var(--accent);color:var(--text-on-accent)}.btn--solid:hover{background:var(--accent-hover)}.btn--ghost{color:var(--text-primary);border-color:var(--border-default);background:0 0}.btn--ghost:hover,.btn--ghost:focus-visible{border-color:var(--border-strong);background:var(--accent-subtle)}.btn--quiet{color:var(--text-secondary);padding-inline:var(--space-2);background:0 0}.btn--quiet:hover,.btn--quiet:focus-visible{color:var(--text-primary)}.btn:disabled,.icon-btn:disabled,.btn[aria-disabled=true],.icon-btn[aria-disabled=true]{cursor:not-allowed;color:var(--text-muted);background:var(--surface-inset);border-color:var(--border-hairline);transform:none}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}.icon-btn:after{content:"";position:absolute;inset:-4px}.icon-btn:hover,.icon-btn:focus-visible{color:var(--text-primary);background:var(--accent-subtle)}.icon-btn svg{width:18px;height:18px}.icon-btn--ghost:disabled,.icon-btn--ghost[aria-disabled=true]{background:0 0}.btn[aria-disabled=true]:hover,.icon-btn[aria-disabled=true]:hover{color:var(--text-muted);background:0 0}:is(.tt__anchor:has(>:disabled),.tt__anchor:has(>[aria-disabled=true])){cursor:not-allowed}button.btn--solid:focus-visible{background:var(--accent-hover)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field--row{flex-direction:row;justify-content:space-between;align-items:center}.field__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.field__label,.control__label{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-label);min-width:0}.control__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field__hint,.field__error{font-size:var(--text-xs);color:var(--text-muted);margin:0}.field__error{color:var(--danger);grid-column:1/-1}.field .icon-btn,.control .icon-btn{width:var(--hit-target);height:var(--hit-target)}.control{column-gap:var(--space-2);grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;display:grid}.control--curve .curve-field,.control--curve .curve-field__exact,.control--gradient .gradient-bar,.control--gradient .gradient-stops{grid-column:1/-1}.control--curve,.control--gradient{row-gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.control--field{grid-template-columns:minmax(0,1fr)}.control__head{column-gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.number-value{justify-content:flex-end;align-items:center;gap:var(--space-1);width:100%;padding-inline:var(--space-2);cursor:ew-resize;touch-action:none;flex:none;display:inline-flex}.number-value--readonly{cursor:default}.number-value__readout{font-variant-numeric:tabular-nums;text-align:right}.number-value:has(.number-value__label){justify-content:space-between;width:100%;min-width:0}.number-value__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-label);pointer-events:none;flex:auto;overflow:hidden}.number-value__input{appearance:none;text-align:right;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;cursor:text;background:0 0;border:0;width:4.5ch;min-width:3ch;padding:0}.number-value[data-scrubbing] .number-value__input{cursor:ew-resize;-webkit-user-select:none;user-select:none}.number-value[data-bar]>:not(.number-value__mark){z-index:1;position:relative}.number-value[data-bar]:has(:focus-visible):before{opacity:1}.number-value[data-bar]:has(:focus-visible):after{background:var(--text-primary)}.number-value[data-bar][data-bipolar]:before,.number-value[data-bar][data-bipolar]:after{width:calc(var(--fill-span,0) * 100%);inset-inline-start:calc(var(--fill-start,0) * 100%)}.number-value__mark{background:var(--border-strong);pointer-events:none;z-index:0;width:1px;height:6px;margin-inline-start:-.5px;position:absolute;inset-block-end:0;inset-inline-start:calc(var(--at,.5) * 100%)}.number-value__mark[data-reached]{background:var(--text-muted)}.number-value__mark[data-origin]{background:var(--text-muted);height:8px}.number-value[data-bar]{position:relative;overflow:clip}.number-value[data-bar]>*{z-index:1;position:relative}.number-value[data-bar]:before,.number-value[data-bar]:after{content:"";width:calc(var(--p,0) * 100%);z-index:0;pointer-events:none;position:absolute;inset-inline-start:0}.number-value[data-bar]:before{background:var(--accent-subtle);opacity:0;transition:opacity var(--duration-instant) var(--ease-out);inset-block:0}.number-value[data-bar]:after{background:var(--text-muted);height:2px;transition:background-color var(--duration-instant) var(--ease-out);inset-block-end:0}.number-value[data-bar]:hover:before,.number-value[data-bar][data-scrubbing]:before{opacity:1}.number-value[data-bar]:has(:focus-visible):before{opacity:1}.number-value[data-bar]:hover:after,.number-value[data-bar][data-scrubbing]:after{background:var(--text-primary)}.number-value[data-bar]:has(:focus-visible):after{background:var(--text-primary)}.number-value[data-bar][data-driven]:after{background:var(--text-secondary)}.number-value[data-bar][data-driven]:before{opacity:0}.number-value__unit{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-box:trim-both cap alphabetic;padding-inline-start:.12em}button.number-value__unit--menu{appearance:none;min-width:0;min-height:22px;padding:0 var(--space-1);border-radius:var(--radius-xs);font:inherit;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;touch-action:manipulation;text-box:normal;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;margin-inline-end:calc(-1 * var(--space-1))}button.number-value__unit--menu:hover,button.number-value__unit--menu:focus-visible{color:var(--text-primary);background:var(--accent-subtle)}button.number-value__unit--menu:active{transform:scale(.96)}.number-value__trailing{flex:none;margin-inline-end:calc(-1 * var(--space-1) - 1px);display:inline-flex}.number-value__trailing .icon-btn{width:var(--hit-target);height:calc(var(--hit-target) - 2px);border-radius:calc(var(--field-radius) - 1px)}.stepper .number-value__trailing{margin-inline-end:0}.stepper{align-items:center;gap:var(--space-1);width:100%;padding-inline:var(--space-2) 0;display:flex}.stepper .number-value{width:auto;min-height:0;padding-inline:var(--space-1);background:0 0;border:0;border-radius:0}.stepper .tt__anchor{flex:none}.stepper .number-value__input{width:3.5ch}.stepper .icon-btn{width:var(--hit-target);height:calc(var(--hit-target) - 2px);border-radius:calc(var(--field-radius) - 1px);flex:none}.color-field{align-items:center;gap:var(--space-1);width:100%;padding-inline:var(--space-2);cursor:text;-webkit-user-select:none;user-select:none;display:flex}.color-field__label{cursor:text}.color-field__hex,.search-field input,.number-field__input{appearance:none;width:100%;min-width:0;padding:var(--space-1) 0;font-variant-numeric:tabular-nums;background:0 0;border:0}.color-field__hex{width:8ch;min-height:calc(var(--hit-target) - 2px);text-align:right;-webkit-user-select:text;user-select:text;cursor:text;flex:none}.slider{appearance:none;width:100%;height:var(--thumb-size,32px);padding-inline:calc(var(--thumb-size,32px) / 2);box-sizing:border-box;z-index:1;cursor:grab;touch-action:none;background:0 0;margin:0;position:relative}.slider:active,.slider[data-scrubbing]{cursor:grabbing}.slider.scrubber{padding-inline:0}.slider::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:0 0;height:4px}.slider::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--thumb-size,32px);height:var(--thumb-size,32px);border-radius:var(--radius-full);background:var(--text-primary);transition:border-width var(--duration-instant) var(--ease-out), border-color var(--duration-instant) var(--ease-out);background-clip:padding-box;border:10px solid #0000;margin-block-start:calc(2px - var(--thumb-size,32px) / 2)}.slider:hover::-webkit-slider-thumb{border-width:6px;border-color:color-mix(in srgb, var(--text-primary) 22%, transparent)}.slider:focus-visible::-webkit-slider-thumb{border-width:6px;border-color:color-mix(in srgb, var(--text-primary) 22%, transparent)}.slider:active::-webkit-slider-thumb{border-width:7px;border-color:color-mix(in srgb, var(--text-primary) 16%, transparent);transition-duration:90ms}.slider[data-scrubbing]::-webkit-slider-thumb{border-width:7px;border-color:color-mix(in srgb, var(--text-primary) 16%, transparent);transition-duration:90ms}input.slider:focus-visible{outline:none}.slider::-moz-range-track{border-radius:var(--radius-full);background:0 0;border:0;height:4px}.slider::-moz-range-progress{background:0 0;height:4px}.slider::-moz-range-thumb{box-sizing:border-box;width:var(--thumb-size,32px);height:var(--thumb-size,32px);border-radius:var(--radius-full);background:var(--text-primary);transition:border-width var(--duration-instant) var(--ease-out), border-color var(--duration-instant) var(--ease-out);background-clip:padding-box;border:10px solid #0000}.slider:hover::-moz-range-thumb{border-width:6px;border-color:color-mix(in srgb, var(--text-primary) 22%, transparent)}.slider:focus-visible::-moz-range-thumb{border-width:6px;border-color:color-mix(in srgb, var(--text-primary) 22%, transparent)}.slider:active::-moz-range-thumb{border-width:7px;border-color:color-mix(in srgb, var(--text-primary) 16%, transparent)}.slider--hue::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--hue-ramp));height:8px}.slider--hue::-webkit-slider-thumb{margin-block-start:calc(4px - var(--thumb-size,32px) / 2)}.slider--hue::-moz-range-track{background:linear-gradient(to right, var(--hue-ramp));height:8px}.switch{border-radius:var(--radius-full);background:var(--surface-inset);width:40px;height:24px;box-shadow:inset 0 0 0 1px var(--border-default);border:0;display:inline-block;position:relative}.switch__thumb{border-radius:var(--radius-full);background:var(--text-secondary);width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);position:absolute;top:3px;left:3px}.switch:hover{box-shadow:inset 0 0 0 1px var(--border-strong)}.switch:active{transform:scale(.98)}.switch[aria-checked=true]{background:var(--text-primary)}.switch[aria-checked=true]:hover{background:var(--accent-hover)}.switch[aria-checked=true] .switch__thumb{background:var(--text-on-accent);transform:translate(16px)}.control--switch{appearance:none;width:100%;padding:0 var(--space-2);color:inherit;font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr) auto max-content;margin:0}.control--switch .switch{flex:none;grid-column:-2/-1;justify-self:end}.control--switch .control__label{color:var(--text-secondary)}.control--switch:hover .control__label{color:var(--text-primary)}.control--switch .switch{cursor:pointer}.control--switch:hover .switch{box-shadow:inset 0 0 0 1px var(--border-strong)}.control--switch[aria-checked=true] .switch{background:var(--text-primary)}.control--switch[aria-checked=true]:hover .switch{background:var(--accent-hover);box-shadow:none}.control--switch[aria-checked=true] .switch__thumb{background:var(--text-on-accent);transform:translate(16px)}.control--switch:active .switch{transform:scale(.98)}.control--switch:focus-visible{border-color:var(--border-strong)}.control--switch:focus-visible .control__label{color:var(--text-secondary)}.control--switch:focus-visible .switch{box-shadow:inset 0 0 0 1px var(--border-strong)}.segment-field{align-items:center;gap:var(--space-1) var(--space-2);width:100%;padding:2px 2px 2px var(--space-2);flex-wrap:wrap;display:flex}.segment-field__label{min-height:calc(var(--hit-target) - 6px);flex:999 auto;align-items:center;display:flex}.segment{flex:1 1 max-content;isolation:isolate;-webkit-user-select:none;user-select:none;min-width:0;max-width:100%;display:flex}.segment__opt{min-width:0;min-height:calc(var(--hit-target) - 6px);padding:0 var(--space-2);border-radius:calc(var(--field-radius) - 2px);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;touch-action:manipulation;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex:auto;justify-content:center;align-items:center;display:flex;position:relative}.segment__opt input{appearance:none;border-radius:inherit;cursor:pointer;background:0 0;border:0;margin:0;position:absolute;inset:0}.segment__opt span{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.segment__opt:hover{color:var(--text-primary);background:var(--accent-subtle)}.segment__opt:active{transform:scale(.98)}.segment__opt:has(:checked){color:var(--text-primary);background:var(--surface-raised);box-shadow:0 0 0 1px var(--border-default);font-weight:600}.segment__opt:has(:focus-visible){z-index:1}.segment__opt input:focus-visible{outline:none}.segment__opt:has(:disabled){color:var(--text-muted);cursor:not-allowed}.select-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-width:8rem;padding:0 var(--space-2);color:var(--text-primary);text-align:start;display:flex}.select-trigger__value{text-overflow:ellipsis;white-space:nowrap;text-align:end;flex:0 auto;min-width:0;overflow:hidden}.select-trigger__icon{width:16px;height:16px;color:var(--text-muted);flex:none}.select-content{z-index:var(--z-popover);width:max-content;min-width:var(--radix-select-trigger-width);max-width:min(24rem, var(--radix-select-content-available-width));box-sizing:border-box;background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-overlay);padding:var(--space-1)}.select-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);min-height:36px;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);outline:none;display:flex}.select-item:focus-visible{background:var(--accent-subtle);outline:none}.select-item__check{width:16px;height:16px;color:var(--text-primary);flex:none;display:flex}.select-item[data-highlighted]{background:var(--accent-subtle)}.select-item[data-state=checked]{font-weight:600}.select-item:active{background:var(--surface-raised)}.number-value,.stepper,.color-field,.select-trigger,.text-field,.segment-field,.choice-box,.control--switch{--field-radius:var(--radius-sm);box-sizing:border-box;min-height:var(--hit-target);background:var(--surface-inset);border-radius:var(--field-radius);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border:1px solid #0000}:is(.number-value,.stepper,.color-field,.select-trigger,.text-field,.segment-field,.choice-box,.control--switch):hover{border-color:var(--border-default)}:is(.number-value,.stepper,.color-field,.select-trigger,.text-field,.segment-field,.choice-box):focus-within,.select-trigger:active,.select-trigger[data-state=open],.number-value[data-scrubbing]{border-color:var(--border-strong)}.select-trigger:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 2px var(--accent-subtle)}:is(.number-value,.stepper,.color-field,.text-field,.segment-field,.choice-box,.control--switch):has(:focus-visible){border-color:var(--focus-ring);box-shadow:0 0 0 2px var(--accent-subtle)}.field-reset{appearance:none;border-radius:var(--radius-full);width:20px;height:20px;color:var(--text-primary);cursor:pointer;touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:0;flex:none;margin:0;padding:0}.field-reset:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin:7px auto;display:block}.field-reset:hover,.field-reset:focus-visible{background:var(--accent-subtle)}.field-reset:active{transform:scale(.9)}.control--switch .field-reset{margin-inline-end:var(--space-1)}.control--select{position:relative}.control__aside{inset-inline-end:calc(var(--space-2) + 16px + var(--space-2));z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.control--select[data-modified] .select-trigger__value{margin-inline-end:24px}.number-value__driven{color:var(--text-secondary);flex:none;display:inline-flex}.number-value[data-driven]{cursor:default;background:color-mix(in srgb, var(--accent-subtle) 60%, var(--surface-inset))}.number-value[data-driven] .number-value__input{cursor:default;color:var(--text-secondary)}.controller-dial[data-driven]{cursor:default;opacity:.55}.controller-dial[data-kind=angle]{cursor:grab}.controller-dial[data-kind=angle]:active{cursor:grabbing}.number-value[data-mixed] .number-value__input::placeholder{color:var(--text-secondary);font-style:italic}.control--switch[data-mixed] .switch__thumb{transform:translate(8px)}.control--switch[data-mixed] .switch{background:color-mix(in srgb, var(--text-primary) 40%, var(--surface-inset))}.select-trigger[data-disabled],.control--switch[aria-disabled=true]{color:var(--text-muted);cursor:not-allowed}:is(.number-value,.text-field,.segment-field):has(:disabled){color:var(--text-muted);cursor:not-allowed}:is(.number-value,.text-field):has(:disabled) :is(input,textarea){color:var(--text-muted);cursor:not-allowed}.number-value__label,.stepper__label,.color-field__label,.select-trigger__label,.text-field__label,.segment-field__label,.choice-box__label,.control--switch .control__label,.resource-drop__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-label);flex:auto;overflow:hidden}.text-field{align-items:center;gap:var(--space-2);width:100%;padding-inline:var(--space-2);cursor:text;display:flex}.text-field[data-invalid]{border-color:var(--danger)}.text-field__input{appearance:none;min-width:0;min-height:calc(var(--hit-target) - 2px);color:var(--text-primary);font:inherit;text-align:end;-webkit-user-select:text;user-select:text;background:0 0;border:0;flex:auto;padding:0}.text-field__input::placeholder{color:var(--text-muted)}.text-field__input[type=search]::-webkit-search-cancel-button{appearance:none}.text-field[data-multiline]{align-items:stretch;gap:var(--space-1);padding:var(--space-2);flex-direction:column}.text-field[data-multiline] .text-field__label{flex:none}.text-field[data-multiline] .text-field__input{field-sizing:content;resize:none;text-align:start;min-height:72px;max-height:320px;line-height:var(--leading-snug)}.choice-box{gap:2px;padding:2px;display:grid}.choice-box__head{align-items:center;gap:var(--space-2);min-height:calc(var(--hit-target) - 6px);padding-inline:calc(var(--space-2) - 2px);display:flex}.choice-box__search{appearance:none;min-width:0;color:var(--text-primary);font:inherit;font-size:var(--text-sm);text-align:end;-webkit-user-select:text;user-select:text;background:0 0;border:0;flex:auto;padding:0}.choice-box__search::placeholder{color:var(--text-muted)}.choice-box__search::-webkit-search-cancel-button{appearance:none}.choice-box .choice-controller{border-block-start:1px solid var(--border-hairline);padding-block-start:2px}.popover{z-index:var(--z-popover);background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-overlay);padding:var(--space-4)}.popover--export{width:var(--inspector-width)}.popover--menu{padding:var(--space-2);min-width:11rem}.context-target{display:contents}.context-menu-anchor{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:fixed;overflow:hidden}.menu{max-height:var(--radix-dropdown-menu-content-available-height,calc(100dvh - 16px));z-index:var(--z-popover);min-width:11rem;padding:var(--space-1);background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-overlay);transform-origin:var(--radix-dropdown-menu-content-transform-origin);overflow-y:auto}.menu[data-state=open]{animation:menu-in var(--duration-fast) var(--ease-out)}.menu[data-state=closed]{animation:menu-out var(--duration-instant) var(--ease-in)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@keyframes menu-out{0%{opacity:1}to{opacity:0}}.menu__item{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);outline:none;text-decoration:none;display:flex}a.menu__item:visited{color:var(--text-primary)}.menu__item svg{width:16px;height:16px;color:var(--text-muted);flex:none}.menu__item[data-highlighted]{background:var(--accent-subtle)}.menu__item[data-highlighted]:not([data-disabled]) svg{color:var(--text-primary)}.menu__item[data-disabled]{color:var(--text-muted);cursor:not-allowed}.menu__item:active:not([data-disabled]){transform:scale(.98)}.menu__item:focus-visible{background:var(--accent-subtle);color:var(--text-primary);outline:none}.menu__item[aria-current=page]{color:var(--text-primary);background:var(--accent-subtle)}.menu__sep{height:1px;margin-block:var(--space-1);background:var(--border-hairline)}.nav-menu__item{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;display:flex}.nav-menu__item svg{flex:none;width:16px;height:16px}.nav-menu__item:hover,.nav-menu__item:focus-visible{color:var(--text-primary);background:var(--accent-subtle)}.nav-menu__item:active{color:var(--text-muted)}.nav-menu__item[aria-current=page]{color:var(--text-primary);background:var(--accent-subtle)}.color-popover{gap:var(--space-3);flex-direction:column;width:240px;display:flex}.sv-plane{border-radius:var(--radius-sm);touch-action:none;cursor:crosshair;height:140px;position:relative}.sv-plane:focus-visible{outline:none}.sv-plane__thumb{border:2px solid var(--chalk);border-radius:var(--radius-full);pointer-events:none;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.color-swatch{width:var(--hit-target);height:var(--hit-target);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.color-swatch:hover{background:0 0}.color-swatch:active{transform:scale(.98)}.color-swatch__chip{border-radius:var(--radius-full);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--border-strong);forced-color-adjust:none}.color-swatch[data-none] .color-swatch__chip,.color-swatch[data-mixed] .color-swatch__chip{background:linear-gradient(135deg, transparent calc(50% - 1px), var(--danger) calc(50% - 1px), var(--danger) calc(50% + 1px), transparent calc(50% + 1px)), var(--surface-inset)}.color-swatch[data-mixed] .color-swatch__chip{background:conic-gradient(from 45deg, var(--surface-inset) 0 25%, var(--text-muted) 0 50%, var(--surface-inset) 0 75%, var(--text-muted) 0)}.color-swatch__hex{font-variant-numeric:tabular-nums;font-size:var(--text-sm)}.curve-field{background:var(--surface-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.curve-presets{gap:var(--space-1);flex-wrap:wrap;display:flex}.control--curve .curve-presets{grid-column:1/-1}.curve-preset{appearance:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;touch-action:manipulation;min-height:var(--hit-target);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;margin:0}.curve-preset:hover{color:var(--text-secondary);background:var(--accent-subtle)}.curve-preset:active{transform:scale(.98)}.curve-preset:focus-visible{color:var(--text-secondary);background:var(--accent-subtle);outline:none}.curve-preset[aria-pressed=true]{color:var(--text-primary);font-weight:600}.curve-field__grid line,.curve-field__frame{stroke:var(--border-hairline);stroke-width:1px}.curve-field__guide{fill:none;stroke:var(--border-default);stroke-width:1px}.curve-field__path{fill:none;stroke:var(--text-primary);stroke-width:1.5px;pointer-events:none}.curve-field__knob{cursor:grab;outline:none}.curve-field__knob:has([data-dragging]){cursor:grabbing}.curve-field__hit{fill:#0000;pointer-events:all}.curve-field__hit[tabindex]:focus,.curve-field__hit[tabindex]:focus-visible{outline:none}.curve-field__ring{pointer-events:none;fill:none;stroke:color-mix(in srgb, var(--text-primary) 22%, transparent);stroke-width:1px;opacity:0;vector-effect:non-scaling-stroke;transition:opacity var(--duration-instant) var(--ease-out)}.curve-field__ring--p2{stroke:color-mix(in srgb, var(--stone) 28%, transparent)}.curve-field__handle{pointer-events:none;stroke:var(--surface-inset);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:stroke var(--duration-instant) var(--ease-out)}.curve-field__handle--p1{fill:var(--text-primary)}.curve-field__handle--p2{fill:var(--stone)}.curve-field__knob:hover .curve-field__ring,.curve-field__hit:focus-visible~.curve-field__ring{opacity:1}.curve-field__knob:has([data-dragging]) .curve-field__ring{opacity:1}.curve-field__hit:focus-visible~.curve-field__handle{stroke:var(--focus-ring);stroke-width:2px}.curve-field__knob:has([data-dragging]) .curve-field__handle{stroke:var(--text-primary)}.curve-field__nums{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.curve-field__exact{margin:0}.curve-field__exact summary{cursor:pointer;min-height:36px;font-size:var(--text-xs);color:var(--text-muted);padding-block:var(--space-1);transition:color var(--duration-fast) var(--ease-out);align-items:center;list-style:none;display:flex}.curve-field__exact summary:focus-visible{outline:none}.curve-field__exact summary::-webkit-details-marker{display:none}.curve-field__exact summary:hover,.curve-field__exact summary:focus-visible{color:var(--text-primary)}.curve-field__exact summary:active{transform:scale(.98)}.gradient-bar{--handle-size:var(--hit-target);min-height:var(--handle-size);margin-inline:calc(var(--handle-size) / 2);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:visible}.gradient-bar__ramp{inset-inline:0;border-radius:var(--radius-xs);height:8px;box-shadow:inset 0 0 0 1px var(--border-default);pointer-events:none;forced-color-adjust:none;margin-top:-4px;position:absolute;top:50%}.gradient-handle{appearance:none;box-sizing:border-box;width:var(--handle-size);height:var(--handle-size);border-radius:var(--radius-xs);background:var(--stop-color);box-shadow:inset 0 0 0 2px var(--text-primary);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;forced-color-adjust:none;transition:border-width var(--duration-instant) var(--ease-out), border-color var(--duration-instant) var(--ease-out), opacity var(--duration-fast) var(--ease-out);background-clip:padding-box;border:10px solid #0000;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.gradient-handle:hover,.gradient-handle:focus-visible{border-width:6px;border-color:color-mix(in srgb, var(--text-primary) 22%, transparent)}.gradient-handle:active{border-width:7px;border-color:color-mix(in srgb, var(--text-primary) 16%, transparent)}.gradient-handle:focus-visible{outline:none}.gradient-handle[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--text-primary), 0 0 0 2px var(--surface)}.gradient-handle[data-dropping]{cursor:not-allowed;opacity:.35}.gradient-stops{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;display:grid}.gradient-stops .field{gap:var(--space-1)}.gradient-stops .field__head{min-height:24px}.tt__anchor{min-width:0;max-width:100%;display:inline-flex}.tt__anchor.is-block{width:100%;display:flex}.tt__anchor:has(>:disabled){cursor:not-allowed}.tt__anchor>:disabled{pointer-events:none}.tt{z-index:var(--z-tooltip);pointer-events:none;max-width:280px;padding:var(--space-2) var(--space-3);background:var(--chip-bg);color:var(--text-primary);border:1px solid var(--chip-border);border-radius:var(--chip-radius);box-shadow:var(--chip-shadow);font-size:var(--text-sm);text-wrap:balance;overflow-wrap:anywhere;line-height:1.4;position:fixed}.tt:not([data-placed]){opacity:0}.tt[data-side=top]{--tt-x:0;--tt-y:3px;transform-origin:bottom}.tt[data-side=bottom]{--tt-x:0;--tt-y:-3px;transform-origin:top}.tt[data-side=left]{--tt-x:3px;--tt-y:0;transform-origin:100%}.tt[data-side=right]{--tt-x:-3px;--tt-y:0;transform-origin:0}.tt[data-placed]{animation:tt-in var(--duration-instant) var(--ease-out) both}@keyframes tt-in{0%{opacity:0;transform:translate(var(--tt-x,0), var(--tt-y,0)) scale(.96)}}.tt:after{content:"";background:inherit;border:inherit;border-radius:1px;width:8px;height:8px;position:absolute}.tt[data-side=top]:after{bottom:-4px;left:var(--tt-arrow,50%);border-top:0;border-left:0;transform:translate(-50%)rotate(45deg)}.tt[data-side=bottom]:after{top:-4px;left:var(--tt-arrow,50%);border-bottom:0;border-right:0;transform:translate(-50%)rotate(45deg)}.tt[data-side=left]:after{right:-4px;top:var(--tt-arrow,50%);border-bottom:0;border-left:0;transform:translateY(-50%)rotate(45deg)}.tt[data-side=right]:after{left:-4px;top:var(--tt-arrow,50%);border-top:0;border-right:0;transform:translateY(-50%)rotate(45deg)}.export-actions{gap:var(--space-2);margin-block:var(--space-3);display:flex}.status-msg{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.status-msg--error{color:var(--danger)}.status-msg--ok{color:var(--success)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tt[data-placed]{animation:tt-fade var(--duration-instant) linear both}@keyframes tt-fade{0%{opacity:0}}.menu[data-state=open],.menu[data-state=closed]{animation:none}.btn:active,.icon-btn:active,.color-swatch:active,.select-item:active,.select-trigger:active,.rig-card:active,.curve-preset:active,.segment__opt:active,.control--switch:active .switch{transform:none}.control--switch[aria-disabled=true]{opacity:.5;cursor:not-allowed}.slider::-webkit-slider-thumb{transition:none}.slider::-moz-range-thumb{transition:none}.slider::-webkit-slider-runnable-track{transition:none}.curve-field__handle,.curve-field__ring{transition:none}}@media (forced-colors:active){html{scrollbar-color:CanvasText Canvas}::-webkit-scrollbar-track{background:canvas}::-webkit-scrollbar-thumb{background-color:canvastext}.btn,.select-trigger,.number-value,.stepper,.color-field,.text-field,.segment-field,.choice-box,.control--switch,.popover,.menu,.tt,.rig-card,.nav-item[aria-current=page],.inspector,.nav-rail{color:canvastext;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border:1px solid canvastext}.btn--solid{color:highlighttext;background:highlight}:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid highlight}:disabled,[aria-disabled=true]{color:graytext;opacity:1}a.skip-link:focus-visible{outline-color:highlight}.switch{box-shadow:none;background:canvas;border:1px solid canvastext}.switch__thumb{background:canvastext}.switch[aria-checked=true]{background:highlight}.switch[aria-checked=true] .switch__thumb{background:highlighttext}.control--switch[aria-checked=true] .switch{background:highlight}.control--switch[aria-checked=true] .switch__thumb{background:highlighttext}.segment__opt:has(:checked){color:highlighttext;box-shadow:none;background:highlight}.theme-toggle[aria-checked=true] .switch{background:highlight}.theme-toggle[aria-checked=true] .switch__thumb{background:highlighttext}.skeleton{box-shadow:none;background:canvas;border:1px solid graytext}.skeleton:after{content:none}.curve-field__handle--p1,.curve-field__handle--p2{fill:canvastext;stroke:canvas}.curve-field__ring{stroke:canvastext}.gradient-handle{border-color:canvas;box-shadow:inset 0 0 0 2px canvastext}}@media (resolution>=2x){.nav-rail,.inspector{border-width:.5px}}@media (any-pointer:coarse){.nav-item,.nav-folder,.icon-btn,.compare-toggle button,.menu__item{min-height:44px}.icon-btn{width:44px}.field .icon-btn,.control .icon-btn{width:var(--hit-target-coarse);height:var(--hit-target-coarse)}.inspector .gradient-bar{--handle-size:var(--hit-target-coarse)}.inspector .gradient-handle{border-width:16px}.inspector .gradient-handle:hover,.inspector .gradient-handle:focus-visible{border-width:10px}.inspector .gradient-handle:active{border-width:12px}.segment__opt{min-height:44px}.color-swatch{flex:none}.field-reset{width:var(--hit-target-coarse);height:var(--hit-target-coarse)}.field-reset:before{margin:19px auto}.section__head{min-height:var(--hit-target-coarse)}.section__title{align-self:stretch}.inspector .slider::-webkit-slider-thumb{border-width:16px}.inspector .slider::-moz-range-thumb{border-width:16px}.inspector .slider:hover::-webkit-slider-thumb{border-width:10px}.inspector .slider:focus-visible::-webkit-slider-thumb{border-width:10px}.inspector .slider:hover::-moz-range-thumb{border-width:10px}.inspector .slider:focus-visible::-moz-range-thumb{border-width:10px}.inspector .slider:active::-webkit-slider-thumb{border-width:12px}.inspector .slider[data-scrubbing]::-webkit-slider-thumb{border-width:12px}.inspector .slider:active::-moz-range-thumb{border-width:12px}.inspector .number-value,.inspector .color-field{min-height:36px}}.stepper .number-value{min-width:0}.number-value__input{flex-shrink:0;max-width:100%}.control__label{overflow-wrap:anywhere;white-space:normal}.color-field{min-width:0;max-width:100%}.color-field .icon-btn{cursor:pointer;flex:none}.color-field__hex{min-width:0}.control__tools{gap:var(--space-1);flex:none;margin-inline-end:calc(-1 * var(--space-2));display:flex}.control__tools .icon-btn{width:var(--hit-target);height:var(--hit-target)}.gradient-stop-editor{gap:var(--space-2);grid-column:1/-1;min-width:0;display:grid}.gradient-stop-editor .control{align-items:stretch;gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.gradient-stop-editor .color-field,.gradient-stop-editor .number-value{box-sizing:border-box;width:100%}.context-target{min-width:0;display:block;position:relative}.context-touch-trigger{display:none}.context-controller{width:min(320px,100vw - 16px);max-height:var(--radix-popover-content-available-height,calc(100dvh - 16px));padding:var(--space-3);overflow-y:auto}.timeline-controller{gap:var(--space-2);padding-bottom:var(--space-3);display:grid}.context-controller__actions{border-top:1px solid var(--rule);padding-top:var(--space-2)}.context-controller__actions .menu__item{text-align:left;background:0 0;border:0;width:100%}.context-controller__actions .menu__item:hover,.context-controller__actions .menu__item:focus-visible{background:var(--surface-raised)}.context-controller__actions .menu__item:active{background:var(--surface-inset)}@media (any-pointer:coarse){.context-controller .slider::-webkit-slider-thumb{border-width:16px}.context-controller .slider::-moz-range-thumb{border-width:16px}}.snapshot-name{border-radius:var(--radius-xs);width:100%;min-width:0;padding:var(--space-1);background:0 0;border:1px solid #0000}.snapshot-name:hover,.snapshot-name:focus-visible{border-color:var(--border-default)}.snapshot-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.snapshot-row{align-items:stretch;gap:var(--space-2);flex-direction:column}.history-panel{gap:var(--space-4);display:grid}.history-list{margin:0;padding:0;list-style:none}.history-step{align-items:center;gap:var(--space-3);text-align:left;width:100%;min-height:44px;padding:var(--space-2);border-radius:var(--radius-xs);color:var(--text-secondary);transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;display:flex}.history-step>span:first-child{color:var(--text-muted);font-variant-numeric:tabular-nums}.history-step[aria-current=step]{background:var(--accent-subtle);color:var(--text-primary)}.history-step:hover{background:var(--surface-overlay)}.history-step:active{background:var(--surface-inset)}.history-step[data-future=true]{color:var(--text-muted)}.history-step>span:nth-child(2){flex:1}.history-step>span:last-child:not(:nth-child(2)){font-size:var(--text-xs)}@media (any-pointer:coarse),(width<64em){:is(.context-target:has(>.control),.context-target:has(>.section__head)){padding-inline-end:var(--space-6)}.context-touch-trigger{border-radius:var(--radius-sm);width:32px;min-height:44px;color:var(--text-secondary);transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;display:block;position:absolute;inset:0 -8px auto auto}.context-touch-trigger:hover,.context-touch-trigger:active{background:var(--surface-overlay)}.number-value__input,.color-field__hex,.snapshot-name,.search-field input{font-size:16px}}@media (any-pointer:coarse){:is(.context-target:has(>.control),.context-target:has(>.section__head)){min-height:var(--hit-target-coarse);padding-inline-end:var(--space-7)}.context-touch-trigger{width:var(--hit-target-coarse);inset:0 0 auto auto}.color-field__hex{flex:0 auto;min-width:7ch}.color-field{flex-wrap:wrap}.color-field>.tt__anchor{flex:none}.color-field__label{text-overflow:ellipsis;white-space:nowrap;flex:1 0 100%;order:-1;min-width:0;overflow:hidden}}.controller-stack{gap:var(--space-3);min-width:0;display:grid}.controller-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.controller-fieldset>legend{padding:0 0 var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.controller-group{border-inline-start:1px solid var(--rule);padding-inline-start:var(--space-3)}.controller-components{grid-template-columns:repeat(var(--component-count,2),minmax(0,1fr));gap:var(--space-3);min-width:0;display:grid}.controller-components .control{grid-template-columns:minmax(0,1fr);align-items:stretch;min-width:0;display:grid}.controller-components .number-value{box-sizing:border-box;width:100%;margin:0}.controller-components[data-long]{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.control__tools .icon-btn[aria-pressed=true]{color:var(--text-primary);background:var(--accent-subtle)}.controller-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.controller-pad,.points-controller{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-inset);height:160px;color:var(--text-primary);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.points-controller{margin:var(--space-4)}.radial-controller__tabs{gap:var(--space-3);scrollbar-width:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-hairline);min-width:0;display:flex;overflow-x:auto}.radial-controller__tabs::-webkit-scrollbar{display:none}.radial-controller__tabs button{align-items:center;gap:var(--space-2);min-height:36px;padding:0;padding-block:var(--space-2);color:var(--text-muted);font:inherit;font-size:var(--text-sm);touch-action:manipulation;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;flex:none;display:inline-flex}.radial-controller__tabs button:hover{color:var(--text-primary)}.radial-controller__tabs button:focus-visible{color:var(--text-primary);outline:2px solid var(--focus-ring);outline-offset:2px}.radial-controller__tabs button:active{transform:scale(.98)}.radial-controller__tabs button[aria-selected=true]{color:var(--text-primary);box-shadow:inset 0 -1px 0 var(--text-primary)}.radial-controller__add{width:var(--hit-target);height:var(--hit-target);flex:none;align-self:center;margin-inline-start:auto}.radial-controller__swatch{border-radius:var(--radius-full);width:8px;height:8px;box-shadow:inset 0 0 0 1px #f2f2f229}.radial-controller__plot{height:176px;margin:0}.radial-controller__zone{fill:color-mix(in srgb, var(--text-primary) 4%, transparent)}.radial-controller__zones{height:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-label);-webkit-user-select:none;user-select:none;position:relative}.radial-controller__zones>span{text-overflow:ellipsis;white-space:nowrap;text-align:center;position:absolute;top:0;overflow:hidden}.radial-controller__zones .tt__anchor{justify-content:center;display:flex}.radial-controller__zone-label{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-xs);max-width:100%;display:block;overflow:hidden}.radial-controller__zone-label:focus-visible{color:var(--text-primary);outline:none}.controller-pad{--pad-origin-x:50%;--pad-origin-y:50%;width:100%;box-shadow:inset 0 1px 0 var(--highlight-top);cursor:crosshair;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}.controller-pad:hover{border-color:var(--border-strong)}.controller-pad:active{background:var(--surface-raised);cursor:grabbing}.controller-pad:active .controller-point{cursor:grabbing}.controller-pad:active .controller-point:after{background:currentColor}.controller-pad__axes{pointer-events:none;background:linear-gradient(var(--border-default), var(--border-default)) left calc(var(--pad-origin-x) - .5px) top 0 / 1px 100% no-repeat, linear-gradient(var(--border-default), var(--border-default)) left 0 top calc(var(--pad-origin-y) - .5px) / 100% 1px no-repeat;position:absolute;inset:0}.controller-pad__axes:before{--pad-minor:color-mix(in srgb, var(--border-hairline) 55%, transparent);content:"";background-image:linear-gradient(var(--pad-minor), var(--pad-minor)), linear-gradient(var(--pad-minor), var(--pad-minor)), linear-gradient(var(--pad-minor), var(--pad-minor)), linear-gradient(var(--pad-minor), var(--pad-minor));background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;background-position:left calc(var(--pad-origin-x) - 25% - .5px) top 0, left calc(var(--pad-origin-x) + 25% - .5px) top 0, left 0 top calc(var(--pad-origin-y) - 25% - .5px), left 0 top calc(var(--pad-origin-y) + 25% - .5px);position:absolute;inset:0}.controller-pad__axes:after{content:"";left:var(--pad-origin-x);top:var(--pad-origin-y);background:var(--text-muted);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute}.controller-point{--point-hit:var(--hit-target);width:var(--point-hit);height:var(--point-hit);min-width:0;color:var(--text-primary);cursor:grab;touch-action:none;z-index:2;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.controller-point:after{content:"";inset:calc((var(--point-hit) - 10px)/2);background:var(--surface-raised);pointer-events:none;border:1px solid;border-radius:50%;position:absolute}.controller-point[aria-pressed=true]:after{background:currentColor}.controller-point:hover{background:color-mix(in srgb,var(--text-primary) 12%,transparent)}.controller-point:active{cursor:grabbing;background:color-mix(in srgb,var(--text-primary) 20%,transparent)}.controller-point:focus-visible{background:color-mix(in srgb, var(--text-primary) 12%, transparent);outline:none}.controller-point[data-dropping]{opacity:.4}.controller-point[data-dropping]:after{background:0 0;border-style:dashed}.points-controller svg{pointer-events:none;width:100%;height:100%;overflow:visible}.dial-row{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-1) 0;display:flex}.controller-dial{--dial-start:-135deg;--dial-sweep:270deg;--dial-fraction:0;background:var(--surface-inset);border:1px solid var(--border-default);width:80px;height:80px;box-shadow:inset 0 1px 0 var(--highlight-top);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:50%;flex:none;position:relative}.controller-dial:hover{border-color:var(--border-strong)}.controller-dial:active{background:var(--surface-raised)}.controller-dial[role=slider]:focus-visible{border-color:var(--border-strong);outline:none}.controller-dial__ticks,.controller-dial__arc,.controller-dial__hand,.controller-dial__center{pointer-events:none}.controller-dial__ticks{background:repeating-conic-gradient(from var(--dial-start), color-mix(in srgb, var(--text-primary) 28%, transparent) 0 1.2deg, transparent 1.2deg 30deg);-webkit-mask:conic-gradient(from var(--dial-start), #000 0 var(--dial-sweep), transparent 0), radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));-webkit-mask-composite:source-in;-webkit-mask:conic-gradient(from var(--dial-start), #000 0 var(--dial-sweep), transparent 0), radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));mask:conic-gradient(from var(--dial-start), #000 0 var(--dial-sweep), transparent 0), radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));border-radius:50%;position:absolute;inset:3px;-webkit-mask-composite:source-in;mask-composite:intersect}.controller-dial__arc{background:conic-gradient(from var(--dial-start), var(--text-primary) 0 calc(var(--dial-fraction) * var(--dial-sweep)), transparent 0);border-radius:50%;position:absolute;inset:3px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.controller-dial__hand{transform-origin:1px 34px;width:2px;height:10px;transform:rotate(var(--dial-angle));background:var(--text-primary);border-radius:1px;margin:-34px 0 0 -1px;position:absolute;top:50%;left:50%}.controller-dial__center{background:var(--text-primary);border:2px solid var(--surface-inset);box-sizing:border-box;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.anchor-presets{grid-template-columns:repeat(3, var(--hit-target));border-radius:var(--radius-sm);background:var(--surface-inset);-webkit-user-select:none;user-select:none;justify-content:center;justify-self:center;gap:2px;padding:2px;display:grid}.anchor-presets button{height:var(--hit-target);border-radius:calc(var(--radius-sm) - 2px);color:var(--text-muted);cursor:pointer;touch-action:manipulation;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;position:relative}.anchor-presets button:before{content:"";width:5px;height:5px;transition:transform var(--duration-fast) var(--ease-out);background:currentColor;border-radius:50%;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%}.anchor-presets button[data-center]:before{width:7px;height:7px;margin:-3.5px 0 0 -3.5px}.anchor-presets button:hover,.anchor-presets button:focus-visible{color:var(--text-primary);background:var(--accent-subtle)}.anchor-presets button:active{transform:scale(.96)}.anchor-presets button[aria-pressed=true]{color:var(--text-primary);background:var(--surface-raised);box-shadow:0 0 0 1px var(--border-default)}.anchor-presets button[aria-pressed=true]:before{transform:scale(1.4)}.choice-controller{gap:2px;max-height:240px;display:grid;overflow-y:auto}.choice-controller--visual{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.choice-controller__option{min-height:var(--hit-target);gap:var(--space-2);text-align:start;padding:var(--space-1) var(--space-2);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);border-radius:calc(var(--radius-sm) - 2px);touch-action:manipulation;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.choice-controller__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.choice-controller__mark{text-align:end;flex:none;min-width:1em}.choice-controller__option:hover,.choice-controller__option:focus-visible{background:var(--accent-subtle);color:var(--text-primary)}.choice-controller__option:active{background:var(--surface-raised)}.choice-controller__option[aria-checked=true]{color:var(--text-primary);background:var(--surface-raised);box-shadow:0 0 0 1px var(--border-default);font-weight:600}.choice-controller__empty{padding:var(--space-3) var(--space-2);color:var(--text-muted);font-size:var(--text-xs);margin:0}.choice-controller--visual .choice-controller__option{align-items:stretch;gap:var(--space-1);padding:var(--space-1);flex-direction:column}.choice-controller--visual .choice-controller__text{text-align:center}.choice-controller--visual .choice-controller__mark{display:none}.choice-controller__preview{border-radius:calc(var(--radius-sm) - 3px);width:100%;height:48px;box-shadow:inset 0 0 0 1px var(--border-hairline)}.controller-list-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid}.controller-list-row>.control{min-width:0}.controller-list{gap:var(--space-2)}.controller-list-item{border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-inset) 55%,transparent);min-width:0;display:grid;overflow:hidden}.controller-list-item[data-expanded]{border-color:var(--border-default);background:var(--surface-inset)}.controller-list-item__header{min-height:44px;padding-inline:var(--space-1) var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.controller-list-item__header:not(:has(.controller-list-item__grip)){grid-template-columns:minmax(0,1fr) auto;padding-inline-start:var(--space-2)}.controller-list-item__header[draggable=true]{cursor:grab}.controller-list-item__header[draggable=true]:active{cursor:grabbing}.controller-list-item__grip{color:var(--text-muted);padding-inline:2px;display:inline-flex}.controller-list-item{position:relative}.controller-list-item[data-drop]:before{content:"";inset-inline:var(--space-2);background:var(--text-primary);z-index:2;border-radius:1px;height:2px;position:absolute}.controller-list-item[data-drop=before]:before{top:-5px}.controller-list-item[data-drop=after]:before{bottom:-5px}.controller-list-item__toggle{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-width:0;min-height:44px;padding:0 var(--space-1);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;display:flex}.controller-list-item__toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.controller-list-item__toggle svg{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);flex:none}.controller-list-item__toggle[aria-expanded=true]{color:var(--text-primary);font-weight:600}.controller-list-item__toggle[aria-expanded=true] svg{color:var(--text-secondary);transform:rotate(90deg)}.controller-list-item__toggle:hover,.controller-list-item__toggle:focus-visible{color:var(--text-primary)}.controller-list-item__tools{justify-content:flex-end;align-items:center;gap:var(--space-1);border-inline-start:1px solid var(--border-hairline);padding-inline-start:var(--space-2);display:flex}.controller-list-item__body{min-width:0;padding:var(--space-3);border-block-start:1px solid var(--border-hairline);background:var(--surface)}.controller-list-item__body>.controller-group{border-inline-start:0;padding-inline-start:0}.controller-list-item__body>.controller-group>legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.controller-list__add{width:100%;min-height:40px;border:1px dashed var(--border-default);margin-block-start:var(--space-1)}.controller-list__empty{padding:var(--space-5) var(--space-3);border:1px dashed var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);text-align:center;margin:0}.resource-drop{gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--rule);border-radius:var(--radius-sm);text-align:center;overflow-wrap:anywhere;background:var(--surface-inset);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);display:grid;position:relative}.resource-drop:hover{border-color:var(--text-secondary)}.resource-drop[data-over]{border-color:var(--text-primary);background:var(--accent-subtle);border-style:solid}.resource-drop[data-over] *{pointer-events:none}.resource-drop:focus-within{border-color:var(--text-secondary)}.resource-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.resource-drop img{max-width:100%;max-height:128px;margin-inline:auto}.resource-drop small{color:var(--text-muted)}.resource-drop__label{text-align:start;justify-self:start}.resource-drop__name{color:var(--text-primary)}.modulation-preview{background:var(--surface-inset);border:1px solid var(--rule);border-radius:var(--radius-sm);width:100%;height:80px;color:var(--text-primary)}.driver-output{justify-content:space-between;gap:var(--space-3);border-block-start:1px solid var(--rule);color:var(--text-muted);font-size:var(--text-sm);padding-block-start:var(--space-2);display:flex}.driver-output strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.catalog-toolbar{top:calc(-1 * var(--library-pad-block));z-index:var(--z-sticky);gap:var(--space-4);margin:0 calc(-1 * var(--library-pad-inline)) var(--space-5);padding:var(--space-4) var(--library-pad-inline);background:var(--surface);border-bottom:1px solid var(--border-hairline);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid;position:sticky}.catalog-toolbar>.controller-actions{grid-column:1/-1}.catalog-toolbar>.catalog-search{min-width:0}.catalog-toolbar>.control{justify-self:end;width:min(100%,16rem)}.controller-lab-preview{justify-content:center;align-items:center;gap:var(--space-5);width:100%;min-height:200px;padding:var(--space-6);flex-direction:column;display:flex;position:relative;overflow:clip}.controller-lab-preview__shape{flex:none;max-width:100%}.controller-lab-preview>span{font-size:var(--text-sm);color:var(--text-secondary);overflow-wrap:anywhere;text-align:center}.controller-lab-preview__stage{aspect-ratio:16/10;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:repeating-conic-gradient(color-mix(in srgb,var(--surface-raised) 88%,var(--text-primary)) 0 25%,var(--surface-inset) 0 50%) 50% / var(--space-5) var(--space-5);width:min(100%,20rem);transform:rotate(var(--camera-angle));transition:transform var(--duration-fast) var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden}.controller-lab-preview__stage .controller-lab-preview__shape{z-index:1;transition:transform var(--duration-fast) var(--ease-out), border-radius var(--duration-fast) var(--ease-out);position:relative}.controller-lab-preview__frame{inset:var(--frame-top) auto auto var(--frame-left);width:var(--frame-width);height:var(--frame-height);border:1px solid var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent);position:absolute}.visual-gizmo,.texture-frame{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-inset);touch-action:none;-webkit-user-select:none;user-select:none;min-height:160px;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);position:relative;overflow:visible}.visual-gizmo:hover,.texture-frame:hover{border-color:var(--border-strong)}.visual-gizmo:active,.texture-frame:active{background:var(--surface-raised)}.visual-gizmo--2d{background-image:linear-gradient(var(--border-hairline) 1px, transparent 1px), linear-gradient(90deg, var(--border-hairline) 1px, transparent 1px);background-size:25% 25%}.visual-gizmo__box{left:var(--x);top:var(--y);width:var(--width);height:var(--height);transform:translate(-50%, -50%) rotate(var(--rotation));border:1px solid var(--text-primary);background:color-mix(in srgb, var(--accent) 14%, transparent);pointer-events:none;position:absolute}.visual-handle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.three-gizmo-stage{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-inset);min-height:200px;color:var(--text-secondary);touch-action:none;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);overflow:hidden}.three-gizmo-stage:hover{border-color:var(--border-strong)}.three-gizmo-stage canvas{touch-action:none;display:block;width:100%!important;height:200px!important}.texture-frame{background:repeating-conic-gradient(color-mix(in srgb,var(--surface-raised) 90%,var(--text-primary)) 0 25%, var(--surface-inset) 0 50%) 50% / var(--space-5) var(--space-5);overflow:hidden}.texture-frame__crop{border:1px solid var(--text-primary);background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none;position:absolute}.visual-camera{place-items:center;display:grid;overflow:hidden}.visual-camera:before,.visual-camera:after{content:"";background:var(--border-default);position:absolute}.visual-camera:before{width:1px;height:100%}.visual-camera:after{width:100%;height:1px}.visual-camera__frustum{border-inline:48px solid #0000;border-block-end:80px solid color-mix(in srgb,var(--accent) 42%,transparent);width:0;height:0;transform:rotate(var(--azimuth)) skewY(calc(var(--elevation) * .15));transition:transform var(--duration-fast) var(--ease-out)}.visual-camera>span{z-index:1;color:var(--text-secondary);font-size:var(--text-sm);position:relative}.control-sample__live>.controller-stack,.control-sample__live>fieldset{width:100%}@media (width<=600px){.catalog-toolbar{grid-template-columns:minmax(0,1fr)}.catalog-toolbar>.control{justify-self:stretch;width:100%}.controller-components{grid-template-columns:minmax(0,1fr)}}@media (any-pointer:coarse){.controller-point{--point-hit:var(--hit-target-coarse)}.gradient-bar{--handle-size:var(--hit-target-coarse)}.gradient-handle{border-width:16px}.gradient-handle:hover,.gradient-handle:focus-visible{border-width:10px}.gradient-handle:active{border-width:12px}.anchor-presets{grid-template-columns:repeat(3,44px)}.number-value,.stepper,.color-field,.color-field__hex,.color-swatch,.text-field,.segment-field,.anchor-presets button,.choice-controller__option,.curve-field__exact summary,.curve-preset,.select-trigger,.control--switch,.radial-controller__tabs button{min-height:var(--hit-target-coarse)}.color-swatch{width:var(--hit-target-coarse)}.stepper .icon-btn{width:var(--hit-target-coarse);height:calc(var(--hit-target-coarse) - 2px)}}@media (prefers-reduced-motion:reduce){.controller-point,.text-field,.controller-dial,.choice-controller__option,.resource-drop,.anchor-presets button,.controller-list-item__toggle,.controller-list-item__toggle svg,.visual-gizmo,.texture-frame,.visual-gizmo__cube,.visual-camera__frustum{transition:none}}@media (forced-colors:active){.controller-point:after,.controller-dial__hand,.controller-dial__center,.controller-dial__arc{background:highlight}.controller-pad,.points-controller,.controller-dial,.resource-drop,.visual-gizmo,.texture-frame{border-color:buttontext}.choice-controller__option[aria-checked=true]{color:highlighttext;box-shadow:none;background:highlight}.controller-dial__center{border-color:canvas}.radial-controller__zone{fill:canvas;stroke:buttontext}.visual-gizmo__box,.texture-frame__crop{background:canvas;border-color:buttontext}}.tl-view-switch{padding-inline:var(--space-3);border-bottom:1px solid var(--rule)}.timeline-graph{max-height:320px;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--rule);flex:none;overflow-y:auto}.timeline-graph .points-controller{height:128px}.timeline--graph .tl-scroll{display:none}.timeline--graph .timeline-graph{flex:1 1 0;min-height:0;max-height:none}.shell{grid-template-columns:var(--nav-w,var(--nav-width)) minmax(0, 1fr) var(--inspector-w,var(--inspector-width));grid-template-rows:var(--header-height) minmax(0, 1fr) auto auto;background:var(--surface);grid-template-areas:"header header header""nav main inspector""nav timeline inspector""footer footer footer";height:100dvh;min-height:100dvh;display:grid;position:relative;overflow:hidden}.shell[data-nav=collapsed] .nav-rail{visibility:hidden}.shell[data-nav=off]{--nav-w:0px}.shell[data-nav=off] .control-catalog{margin-bottom:0}.shell[data-nav=off] .scroll-area{overscroll-behavior:auto;scrollbar-gutter:auto;overflow:hidden}.shell[data-inspector=collapsed]{--inspector-w:0px}.shell[data-inspector=collapsed] .inspector{visibility:hidden}.shell[data-timeline=off]{grid-template-areas:"header header header""nav main inspector""nav main inspector""footer footer footer"}.shell[data-header=off]{grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"nav main inspector""nav timeline inspector""footer footer footer"}.shell[data-header=off][data-timeline=off]{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"nav main inspector""footer footer footer"}.nav-rail{border-inline-end:1px solid var(--rule);background:var(--surface);flex-direction:column;grid-area:nav;min-height:0;display:flex;overflow:hidden}.nav-rail__head{align-items:center;gap:var(--space-2);padding:var(--space-3);border-block-end:1px solid var(--border-default);flex-wrap:nowrap;flex:none;display:flex}.nav-rail__tools{align-items:center;gap:var(--space-1);flex:none;margin-inline-start:auto;display:flex}.nav-rail__gear,.nav-rail__compact{flex:none;width:28px;height:28px}.nav-rail__compact[aria-pressed=true]{color:var(--text-primary);background:var(--surface-overlay)}.nav-rail__body{min-height:0;padding:var(--space-3) var(--space-2);flex:1}.nav-brand{color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out);flex:none;text-decoration:none}.nav-brand:hover{color:var(--accent-hover)}.nav-brand:active{color:var(--text-secondary)}.nav-heading{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);font-weight:600;text-decoration:none;display:flex}.nav-heading:hover{color:var(--accent-hover)}.nav-tree,.nav-tree__item{margin:0;padding:0;list-style:none}.nav-tree{flex-direction:column;display:flex}.nav-folder,.nav-item{align-items:center;gap:var(--space-2);width:100%;min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);text-align:start;background:0 0;border:0;padding-inline-start:calc(var(--space-2) + (var(--nav-depth,0) * var(--space-3)));font-weight:400;text-decoration:none;display:flex;position:relative}.nav-folder{color:var(--text-muted)}.nav-folder[data-depth="0"]{font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.nav-folder__chevron{width:12px;height:12px;transition:transform var(--duration-fast) var(--ease-out);flex:none}.nav-folder[aria-expanded=true] .nav-folder__chevron{transform:rotate(90deg)}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-folder svg,.nav-item svg{flex:none;width:16px;height:16px}.nav-folder[data-depth="0"] svg{width:14px;height:14px}.nav-folder__chevron,.nav-folder[data-depth="0"] .nav-folder__chevron{width:12px;height:12px}.nav-folder:hover,.nav-folder:focus-visible,.nav-item:hover,.nav-item:focus-visible{color:var(--text-primary);background:var(--accent-subtle)}.nav-folder:active,.nav-item:active{color:var(--text-muted)}.nav-item[aria-current=page]{color:var(--text-primary);background:var(--surface-overlay)}.nav-item[aria-current=page]:before{content:"";background:var(--text-primary);border-radius:var(--radius-full);width:2px;position:absolute;inset-block:8px;inset-inline-start:0}.nav-rail__foot{padding:var(--space-2);border-block-start:1px solid var(--border-default);background:var(--surface);flex-direction:column;flex:none;display:flex}.theme-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:36px;padding:0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;margin:0;font-weight:400;display:flex}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--text-primary)}.theme-toggle:hover .switch,.theme-toggle:focus-visible .switch{box-shadow:inset 0 0 0 1px var(--border-strong)}.theme-toggle:active{color:var(--text-muted)}.theme-toggle .switch{pointer-events:none;flex:none}.theme-toggle[aria-checked=true] .switch{background:var(--text-primary)}.theme-toggle[aria-checked=true]:hover .switch{background:var(--accent-hover);box-shadow:none}.theme-toggle[aria-checked=true] .switch__thumb{background:var(--text-on-accent);transform:translate(16px)}.theme-toggle--compact{justify-content:center;min-height:32px;padding:0}.shell[data-nav=compact] .nav-rail__head{padding:var(--space-2);align-items:center;gap:var(--space-2);flex-direction:column}.shell[data-nav=compact] .nav-rail__tools{flex-direction:column;margin-inline-start:0}.shell[data-nav=compact] .brand-lockup__word{display:none}.shell[data-nav=compact] .brand-lockup__symbol svg{height:1.5rem}.shell[data-nav=compact] .nav-rail__body{padding:var(--space-2) var(--space-1)}.shell[data-nav=compact] .nav-tree__item{flex-direction:column;align-items:start;display:flex}.shell[data-nav=compact] .nav-tree .tt__anchor{justify-content:center;width:100%;display:flex}.shell[data-nav=compact] .nav-folder,.shell[data-nav=compact] .nav-item{justify-content:center;width:100%;min-height:32px;padding:0}.shell[data-nav=compact] .nav-folder__chevron,.shell[data-nav=compact] .nav-label{display:none}.shell[data-nav=compact] .nav-folder[aria-current=true],.shell[data-nav=compact] .nav-folder[data-state=open]{color:var(--text-primary);background:var(--surface-overlay)}.shell[data-nav=compact] .nav-folder[aria-current=true]:before,.shell[data-nav=compact] .nav-item[aria-current=page]:before{content:"";background:var(--text-primary);border-radius:var(--radius-full);width:2px;position:absolute;inset-block:6px;inset-inline-start:0}.shell[data-nav=compact] .nav-rail__foot{padding:var(--space-2) var(--space-1)}.workspace-main{flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex}.workspace-toolbar{justify-content:flex-start;align-items:center;gap:var(--space-4);min-width:0;min-height:48px;padding-inline:var(--space-4);background:var(--surface-raised);border-bottom:1px solid var(--border-default);display:flex}.workspace-toolbar__group{align-items:center;gap:var(--space-1);display:flex}.workspace-toolbar__group+.workspace-toolbar__group{margin-inline-start:auto}.workspace-toolbar .icon-btn{width:28px;height:28px}.editor-notice{gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface-raised);border-bottom:1px solid var(--rule);color:var(--warning);font-size:var(--text-xs);align-items:center;margin:0;display:flex}.editor-notice[data-empty=true]{border:0;block-size:0;padding:0;overflow:hidden}.preview-stage{background:var(--surface-canvas);flex:1;min-height:0;margin:0;position:relative;overflow:hidden}.preview-stage--scene{background:var(--surface-preview)}.preview-meta{inset:var(--space-4);pointer-events:none;color:var(--text-muted);font-size:var(--text-xs);z-index:1;position:absolute}.preview-meta__name{position:absolute;top:0;left:0}.preview-meta__end{position:absolute;bottom:0;right:0}.preview-stage--scene .preview-meta{color:color-mix(in srgb, var(--chalk) 62%, transparent)}.preview-stage--scene .preview-meta__name{gap:var(--space-1);flex-direction:column;max-width:calc(100% - 2.5rem);display:flex;top:auto;bottom:0}.preview-stage--scene .preview-meta__name strong{color:inherit;font-weight:600}.preview-axes{right:var(--space-4);bottom:var(--space-4);pointer-events:none;z-index:1;width:2rem;height:2rem;position:absolute}.preview-axes line{stroke:color-mix(in srgb, var(--chalk) 55%, transparent);stroke-width:1.25px;stroke-linecap:round}.preview-axes text{fill:color-mix(in srgb, var(--chalk) 55%, transparent);font-size:8px;font-family:var(--font-sans)}.preview-error{padding:var(--space-6);text-align:center;place-items:center;display:grid;position:absolute;inset:0}.compare-toggle{border-radius:var(--radius-md);background:var(--surface-inset);border:1px solid var(--border-hairline);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:2px;display:inline-flex}.compare-toggle button{color:var(--text-muted);min-height:24px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0}.compare-toggle button[aria-pressed=true]{background:var(--surface-overlay);color:var(--text-primary)}.inspector{background:var(--surface-raised);border-inline-start:1px solid var(--rule);flex-direction:column;grid-area:inspector;min-width:0;min-height:0;display:flex;overflow:hidden}.inspector__head,.timeline__head{min-height:48px;padding-inline:var(--space-4);font-size:var(--text-sm);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:400;display:flex}.inspector__head{border-bottom:1px solid var(--border-default)}.inspector__head strong{font-weight:400}.timeline__controls{align-items:center;gap:var(--space-3);min-width:0;display:flex}.timeline--stub{border-top:1px solid var(--rule);height:36px;min-height:36px}.timeline-stub{width:100%;height:100%;color:var(--text-secondary);font-size:var(--text-sm);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.timeline-stub:hover{color:var(--text-primary)}.timeline-stub:active{transform:scale(.98)}.timeline-stub:focus-visible{color:var(--text-primary)}.inspector__tabs{--tab-fade:var(--space-4);gap:var(--space-4);min-width:0;padding:0 var(--space-4);border-bottom:1px solid var(--border-default);overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:var(--space-4);touch-action:pan-x;-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--tab-fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--tab-fade)), transparent);-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--tab-fade)), transparent);flex-wrap:nowrap;flex:none;display:flex;overflow:auto hidden}.inspector__tabs::-webkit-scrollbar{display:none}.inspector__tabs[data-overflow=none]{-webkit-mask-image:none;mask-image:none}.inspector__tabs[data-overflow=start]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--tab-fade), #000);mask-image:linear-gradient(to right, transparent, #000 var(--tab-fade), #000);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--tab-fade), #000)}.inspector__tabs[data-overflow=both]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--tab-fade), #000 calc(100% - var(--tab-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--tab-fade), #000 calc(100% - var(--tab-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--tab-fade), #000 calc(100% - var(--tab-fade)), transparent)}.inspector__tabs button{color:var(--text-muted);padding-block:var(--space-3);font-size:var(--text-sm);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;flex:none;padding-inline:0;font-weight:400;position:relative}.inspector__tabs button[aria-selected=true]{color:var(--text-primary);font-weight:400}.inspector__tabs button[aria-selected=true]:after{content:"";inset-inline:0;background:var(--text-primary);height:2px;position:absolute;bottom:0}.inspector__categories{gap:var(--space-1);min-width:0;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-hairline);overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;flex:none;display:flex;overflow-x:auto}.inspector__categories::-webkit-scrollbar{display:none}.inspector__categories button{min-height:32px;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform 90ms var(--ease-out);background:0 0;border:1px solid #0000}.inspector__categories button:hover{color:var(--text-primary);background:var(--surface-overlay)}.inspector__categories button:active{transform:scale(.97)}.inspector__categories button[aria-selected=true]{border-color:var(--border-default);background:var(--surface-overlay);color:var(--text-primary)}.inspector__categories button:focus-visible{color:var(--text-primary);background:var(--surface-overlay);outline:none}.inspector__body{min-height:0;padding:var(--space-3) var(--space-4);flex:1;overflow-x:clip}.inspector .control+.control{margin-top:0}.inspector__hint{min-height:2.25rem;padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-hairline);font-size:var(--text-xs);color:var(--text-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0;margin:0}.inspector:has([data-scrubbing]) .inspector__hint{opacity:1}.section{gap:var(--space-3);padding-block:var(--space-3);flex-direction:column;display:flex}.section+.section{border-top:1px solid var(--border-hairline)}.section__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.section__title{min-width:0;color:var(--text-muted);font-weight:600;font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;padding:0;display:flex}.section__title:hover{color:var(--text-secondary)}.section__title:active{color:var(--text-muted)}.section__title:focus-visible{color:var(--text-secondary);outline:none}.section[data-open=false] .section__title svg{transform:rotate(-90deg)}.section__panel{transition:grid-template-rows var(--duration-base) var(--ease-out);grid-template-rows:1fr;display:grid}.section[data-open=false] .section__panel{grid-template-rows:0fr}.section__panel>div{gap:var(--space-4);flex-direction:column;display:flex;overflow:clip}.section[data-open=false] .section__panel>div{overflow:hidden}.timeline{background:var(--surface-raised);border-top:1px solid var(--rule);flex-direction:column;grid-area:timeline;min-width:0;min-height:0;display:flex;overflow:hidden}.timeline__head{gap:var(--space-3)}.timeline__title{align-items:center;gap:var(--space-2);min-width:0;display:flex}.timeline__time{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:var(--text-sm)}.timeline__fps{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:var(--text-sm)}.timeline__tracks{flex:1;grid-template-columns:14rem minmax(0,1fr);min-height:0;display:grid}.timeline__labels{border-inline-end:1px solid var(--rule);padding:var(--space-2) var(--space-4)}.timeline-row{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:40px;font-size:var(--text-sm);display:flex}.timeline-lane{background:var(--surface-overlay);border-radius:var(--radius-xs);height:24px;margin-block:8px;position:relative}.timeline-key{width:12px;height:16px;color:var(--text-primary);background:0 0;border:0;padding:0;position:absolute;top:4px;transform:translate(-50%)}.playhead{background:var(--text-primary);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ruler{padding:var(--space-2) var(--space-4) 0;color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:space-between;display:flex}.scrubber-row{padding-inline:var(--space-4);flex-shrink:0;position:relative}.playhead-cap{background:var(--text-primary);pointer-events:none;width:8px;height:8px;position:absolute;top:2px;transform:translate(-50%)rotate(45deg)}.resize-handle{--resize-hit:var(--hit-target);z-index:5;width:var(--resize-hit);cursor:col-resize;touch-action:none;background:0 0;border:0;padding:0;position:absolute;top:0;bottom:0}.resize-handle[data-edge=start]{translate:calc((8px - var(--resize-hit)) / 2) 0}.resize-handle[data-edge=end]{translate:calc((var(--resize-hit) - 8px) / 2) 0}.resize-handle:before{content:"";width:1px;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;position:absolute;inset:0 auto 0 calc(50% - .5px)}.resize-handle:hover:before,.resize-handle:focus-visible:before{background:var(--border-strong)}.resize-handle:hover{background:0 0}.resize-handle:focus-visible{background:0 0;outline:none}html[data-resizing=column],html[data-resizing=column] *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.resize-handle--row{top:auto;bottom:calc(var(--timeline-height) - 4px);inset-inline:var(--nav-w,var(--nav-width)) var(--inspector-w,var(--inspector-width));width:auto;height:var(--resize-hit);cursor:row-resize;translate:none}.resize-handle--row:before{width:auto;height:1px;inset:calc(50% - .5px) 0 auto}.resize-handle--show{cursor:pointer;width:12px;translate:none}.resize-handle--show[data-side=start]{left:0}.resize-handle--show[data-side=end]{right:0}.mobile-dock{gap:var(--space-1);padding:var(--space-2);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));background:var(--surface-raised);border-top:1px solid var(--rule);grid-area:footer;display:none}.mobile-dock button{min-height:44px;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:0;flex:1}.mobile-dock button[aria-pressed=true]{background:var(--surface-overlay);color:var(--text-primary)}.library{grid-template-columns:var(--nav-width) minmax(0, 1fr) 20rem;min-height:calc(100dvh - var(--header-height) - 32px);display:grid}.library-main{--library-pad-block:var(--space-7);--library-pad-inline:var(--space-6);padding:var(--library-pad-block) var(--library-pad-inline);grid-area:main;min-width:0}.library-main h1{font-size:var(--text-2xl);letter-spacing:var(--tracking-display);font-weight:600;line-height:var(--leading-tight);margin:0 0 var(--space-2);text-wrap:balance}.library-main .lede{margin:0 0 var(--space-5);color:var(--text-secondary);max-width:46ch;font-size:var(--text-sm);font-weight:400}.docs-steps{margin:0 0 var(--space-5);gap:var(--space-3);flex-direction:column;max-width:58ch;padding-inline-start:var(--space-5);display:flex}.docs-table{width:100%;max-width:58ch;margin:0 0 var(--space-5);border-collapse:collapse;font-size:var(--text-sm)}.docs-table th,.docs-table td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--border-hairline);text-align:start;vertical-align:top}.docs-table th{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600}.docs-table td:last-child{color:var(--text-secondary)}.docs-code{max-width:72ch;margin:0 0 var(--space-5);padding:var(--space-4);border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-inset);color:var(--text-secondary);font-size:var(--text-xs);-webkit-user-select:text;user-select:text;line-height:1.6;overflow-x:auto}.library-main h2{margin:var(--space-5) 0 var(--space-3);font-size:var(--text-md,1rem)}.control-catalog{column-gap:var(--space-5);margin:0 0 var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));grid-auto-rows:4px;align-items:start;row-gap:0;display:grid}.catalog-slot{min-width:0;box-sizing:border-box;grid-row-end:span var(--catalog-span,1);padding-block-end:var(--space-5)}.catalog-slot>.control-sample{width:100%}.control-sample{gap:var(--space-4);min-width:0;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface);-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.control-sample:hover{border-color:var(--border-strong)}.control-sample__head{justify-content:space-between;align-items:start;gap:var(--space-2);display:flex}.control-sample__titles{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.control-sample__head .icon-btn{flex:none}.control-sample h2{font-size:var(--text-md);letter-spacing:var(--tracking-display);font-weight:600;line-height:var(--leading-snug);scroll-margin-top:var(--space-5);-webkit-user-select:text;user-select:text;margin:0}.control-sample p{color:var(--text-secondary);font-size:var(--text-sm);-webkit-user-select:text;user-select:text;margin:0}.control-sample__live{min-width:0}.control-sample__code{flex-direction:column;margin-top:auto;display:flex}.control-sample__toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) 0 0;border:0;border-top:1px solid var(--border-hairline);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:color var(--duration-fast) var(--ease-out);background:0 0;border-radius:0;margin:0;font-weight:600;display:flex}.control-sample__toggle svg{transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.control-sample[data-open=false] .control-sample__toggle svg{transform:rotate(-90deg)}.control-sample__toggle:hover{color:var(--text-secondary)}.control-sample__toggle:active{color:var(--text-muted)}.control-sample__toggle:focus-visible{color:var(--text-secondary);outline:none}.control-sample__panel{transition:grid-template-rows var(--duration-base) var(--ease-out);grid-template-rows:0fr;display:grid}.control-sample[data-open=true] .control-sample__panel{grid-template-rows:1fr}.control-sample__panel>div{min-height:0;overflow:hidden}.control-sample[data-open=true] .control-sample__panel>div{overflow:auto}.control-sample pre{margin:var(--space-3) 0 0;padding:var(--space-3);background:var(--surface-inset);border-radius:var(--radius-xs);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-secondary);-webkit-user-select:text;user-select:text;overflow-x:auto}.control-sample pre code{background:0 0;padding:0}dialog.manifest-drawer{--manifest-enter:.42s;--manifest-exit:.28s;--manifest-enter-ease:cubic-bezier(.22, .61, .36, 1);background:var(--surface-overlay);width:min(28rem,100vw);max-width:none;height:100dvh;max-height:none;box-shadow:var(--elevation-overlay);-webkit-user-select:none;user-select:none;transition:transform var(--manifest-exit) var(--ease-in), overlay var(--manifest-exit) allow-discrete, display var(--manifest-exit) allow-discrete;border:0;margin:0;padding:0;position:fixed;inset-block:0;inset-inline:auto 0;overflow:hidden;transform:translate(100%)}dialog.manifest-drawer:focus,dialog.manifest-drawer:focus-visible{outline:none}dialog.manifest-drawer[open]{transition-duration:var(--manifest-enter);transition-timing-function:var(--manifest-enter-ease);transform:none}@starting-style{dialog.manifest-drawer[open]{transform:translate(100%)}}dialog.manifest-drawer::backdrop{opacity:0;transition:opacity var(--manifest-exit) var(--ease-in), overlay var(--manifest-exit) allow-discrete, display var(--manifest-exit) allow-discrete;background:#1c1d1e66}dialog.manifest-drawer[open]::backdrop{opacity:1;transition-duration:var(--manifest-enter);transition-timing-function:var(--ease-out)}@starting-style{dialog.manifest-drawer[open]::backdrop{opacity:0}}.manifest-drawer__panel{border-inline-start:1px solid var(--border-default);flex-direction:column;height:100%;min-height:0;display:flex}.manifest-drawer__head{justify-content:space-between;align-items:start;gap:var(--space-3);padding:var(--space-5);border-block-end:1px solid var(--border-hairline);flex:none;display:flex}.manifest-drawer__titles{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.manifest-drawer__eyebrow{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-label);font-weight:600;line-height:var(--leading-label);text-transform:uppercase;margin:0}.manifest-drawer__head h2{font-size:var(--text-md);letter-spacing:var(--tracking-display);font-weight:600;line-height:var(--leading-snug);-webkit-user-select:text;user-select:text;margin:0}.manifest-drawer__head .icon-btn{flex:none}.manifest-drawer__body{gap:var(--space-5);min-height:0;padding:var(--space-5);flex-direction:column;flex:1;display:flex;overflow:auto}.manifest-drawer__body section{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.manifest-drawer__body h3{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-label);font-weight:600;line-height:var(--leading-label);text-transform:uppercase;margin:0}.manifest-drawer__body pre{padding:var(--space-4);background:var(--surface-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;overflow-x:auto}@media (prefers-reduced-motion:reduce){dialog.manifest-drawer,dialog.manifest-drawer[open]{transition:opacity var(--duration-fast) var(--ease-out), overlay var(--duration-fast) allow-discrete, display var(--duration-fast) allow-discrete;transform:none}dialog.manifest-drawer{opacity:0}dialog.manifest-drawer[open]{opacity:1}@starting-style{dialog.manifest-drawer[open]{opacity:0}}dialog.manifest-drawer::backdrop,dialog.manifest-drawer[open]::backdrop{transition:opacity var(--duration-fast) var(--ease-out), overlay var(--duration-fast) allow-discrete, display var(--duration-fast) allow-discrete}}@media (prefers-reduced-transparency:reduce){dialog.manifest-drawer::backdrop{background:#1c1d1eb8}}@media (forced-colors:active){dialog.manifest-drawer{box-shadow:none;background:canvas}.manifest-drawer__panel{border-inline-start:1px solid canvastext}dialog.manifest-drawer::backdrop{opacity:.35;background:canvastext}}.library-main code{background:var(--surface-raised);border-radius:var(--radius-xs);padding:.08em .35em;font-size:.92em}.search-field{align-items:center;gap:var(--space-2);background:var(--surface-raised);border-radius:var(--radius-sm);padding:0 var(--space-4);min-height:40px;margin-block-end:var(--space-5);display:flex}.search-field svg{color:var(--text-muted)}.rig-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));display:grid}.rig-card{gap:var(--space-3);text-align:start;padding:var(--space-2);margin:calc(var(--space-2) * -1);border-radius:var(--radius-md);color:inherit;background:0 0;border:0;flex-direction:column;min-width:0;text-decoration:none;display:flex}.rig-card__preview{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border-hairline);position:relative;overflow:hidden}.rig-card h2{font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;font-weight:400}.rig-card p{color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0}.meta-row{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--border-hairline);font-size:var(--text-sm);display:flex}.empty-state,.error-state{gap:var(--space-4);padding:var(--space-6) 0;flex-direction:column;max-width:42ch;display:flex}.loading-state{gap:var(--space-4);padding:var(--space-6) 0;flex-direction:column;display:flex}.skeleton-card{gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex}.skeleton{border-radius:var(--radius-md);background:var(--surface-raised);position:relative;overflow:hidden}.skeleton--preview{aspect-ratio:16/10;box-shadow:inset 0 0 0 1px var(--border-hairline)}.skeleton--line{height:var(--space-3);border-radius:var(--radius-xs);width:58%}.skeleton--short{width:40%}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-primary) 8%, transparent), transparent);animation:shimmer 1.8s var(--ease-in-out) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.snapshot-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--border-hairline);-webkit-user-select:none;user-select:none;display:flex}.snapshot-row strong{font-size:var(--text-sm);font-weight:600;display:block}.snapshot-row .field__hint{margin:0}.snapshot-row__state{font-size:var(--text-sm);color:var(--text-muted)}.html-preview{height:100%;padding:var(--space-6);place-items:center;display:grid}.type-preview{height:100%;color:var(--carbon);padding:var(--space-8) var(--space-7);overscroll-behavior:contain;scrollbar-gutter:stable;align-items:center;display:flex;overflow:auto}.type-preview article{gap:var(--space-4);flex-direction:column;display:flex}.plates{align-items:center;display:flex}.plate{width:120px;height:120px}.bloom-svg,.planet-canvas,.preview-stage canvas,.preview-stage>.html-preview,.preview-stage>.type-preview,.planet-stage{width:100%;height:100%;min-height:0;max-height:100%;display:block}.planet-stage{position:absolute;inset:0}.planet-stage>div,.planet-stage canvas{width:100%!important;height:100%!important}.rig-card:active{background:var(--surface-overlay);transition-duration:90ms;transform:scale(.99)}@media (hover:hover) and (pointer:fine){.rig-card{transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), transform var(--duration-base) var(--ease-out)}.rig-card:hover,.rig-card:focus-visible{background:var(--surface-raised);transition-duration:var(--duration-fast);transform:translateY(-3px)}.rig-card:hover:active,.rig-card:focus-visible:active{transition-duration:90ms;transform:translateY(-1px)scale(.99)}}.search-field:focus-within{box-shadow:inset 0 0 0 1px var(--border-strong)}.inspector__tabs button:hover,.inspector__tabs button:focus-visible{color:var(--text-primary)}.compare-toggle button:hover{color:var(--text-primary);background:var(--accent-subtle)}.compare-toggle button[aria-pressed=true]:hover{background:var(--surface-overlay)}.compare-toggle button:active,.inspector__tabs button:active{transform:scale(.98)}.nav-brand,.nav-rail,.inspector__head,.inspector__tabs,.inspector__categories,.workspace-toolbar,.preview-meta,.timeline__head,.mobile-dock,.field__head,.control__label,.control__head,.section__head,.compare-toggle{-webkit-user-select:none;user-select:none}@media (width<64em){.shell,.shell[data-timeline=off],.library{grid-template:"main"minmax(0,1fr)"timeline""footer"/minmax(0,1fr)}.nav-rail,.inspector{grid-area:unset;width:min(22rem,100%);z-index:var(--z-overlay);background:var(--surface-raised);transition:transform var(--duration-base) var(--ease-out);position:fixed;inset:0 0 56px auto;transform:translate(110%)}.nav-rail{inset:0 auto 56px 0;transform:translate(-110%)}.shell[data-timeline=off],.shell[data-header=off][data-timeline=off]{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"main""footer"}.shell[data-mobile-panel=nav] .nav-rail,.shell[data-mobile-panel=inspector] .inspector{transform:none}.resize-handle,.nav-rail__compact{display:none}.mobile-dock{display:flex}.preview-stage{margin:0}}@media (width<48em){.library-main{--library-pad-block:var(--space-5);--library-pad-inline:var(--space-4)}.timeline__tracks{grid-template-columns:8.5rem minmax(0,1fr)}.timeline__head{gap:var(--space-2);min-height:0;padding-block:var(--space-2);flex-wrap:nowrap}.timeline__title strong,.timeline__fps,.timeline .ruler{display:none}.timeline__controls{flex-wrap:nowrap;min-width:0}.timeline .field{gap:var(--space-2)}.timeline .field--row{justify-content:flex-start;gap:var(--space-2)}}@media (width<23.5em){.brand-lockup__word{display:none}}.inspector-slot,.timeline-slot{display:contents}.workspace-main{flex-direction:column;min-height:0;display:flex}.preview-stage{flex:1;min-height:0}.inspector__tabs button{font-size:var(--text-xs);padding-inline:var(--space-2)}.section__panel>div{min-height:0}.preview-meta__name,.preview-meta__end{overflow-wrap:anywhere;max-width:100%}.timeline--editor{height:var(--timeline-height);flex-shrink:0;container-type:inline-size}.timeline--editor>.resize-handle--row{width:100%;height:var(--resize-hit);min-height:var(--resize-hit);margin-block:calc((12px - var(--resize-hit)) / 2);background:var(--surface-raised);border-bottom:1px solid var(--rule);flex:none;display:block;position:relative;inset:auto}.timeline--editor>.resize-handle--row:before{border-radius:var(--radius-full);background:var(--border-strong);width:48px;height:3px;inset:calc(50% - 1.5px) auto auto 50%;transform:translate(-50%)}.timeline--editor>.resize-handle--row:hover:before,.timeline--editor>.resize-handle--row:active:before,.timeline--editor>.resize-handle--row:focus-visible:before{background:var(--text-primary)}.context-target.tl-key-target{width:0;position:absolute;top:0;bottom:0}.tl-group-context{z-index:2;position:sticky;left:0}.tl-group-context>.tl-group{width:100%;height:100%}.tl-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.tl-transport,.tl-tools,.tl-zoom{align-items:center;gap:var(--space-2);min-width:0;display:flex}.tl-title{gap:var(--space-1);flex-direction:column;display:flex}.tl-title strong{font-size:var(--text-xs);letter-spacing:.04em;font-weight:500}.tl-time{white-space:nowrap;color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.tl-toolbar .icon-btn{width:var(--hit-target);height:36px}.tl-fit{font-variant-numeric:tabular-nums;min-width:4ch;min-height:32px;font-size:var(--text-xs);color:var(--text-secondary);border-radius:var(--radius-xs);transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0}.tl-fit:hover,.tl-fit:active{background:var(--surface-overlay)}.tl-scroll{scrollbar-gutter:auto;flex:1;min-height:56px;position:relative}.tl-content{grid-template-columns:var(--tl-rail) calc(var(--tl-lane) + 32px);align-content:start;width:max-content;min-width:100%;display:grid;position:relative}.tl-label{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-2);min-height:36px;padding-inline:var(--space-3);border:0;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);background:var(--surface-raised);min-width:0;font-size:var(--text-xs);display:flex;position:sticky;left:0}.tl-label>.context-target{flex:1;min-width:0}.tl-label .icon-btn{width:24px;height:28px}.tl-label .context-touch-trigger{display:none}.tl-track-name{text-align:left;width:100%;padding:var(--space-2) 0;color:var(--text-secondary);white-space:normal;overflow-wrap:anywhere;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;display:block}.tl-track-name:hover,.tl-track-name:active{color:var(--text-primary)}.tl-ruler-label{z-index:5;min-height:36px;position:sticky;top:0}.tl-ruler-label span{font-size:var(--text-xs);color:var(--text-muted)}.tl-ruler{z-index:3;background:var(--surface-raised);border-bottom:1px solid var(--rule);min-height:36px;position:sticky;top:0}.tl-plane{width:var(--tl-lane);touch-action:none;height:100%;min-height:36px;margin-inline:16px;position:relative}.tl-ruler .tl-plane{cursor:ew-resize}.tl-tick{top:var(--space-2);height:28px;font-size:var(--text-xs);color:var(--text-muted);border-left:1px solid var(--border-default);padding-left:var(--space-1);-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.tl-track{border-bottom:1px solid var(--rule);background:var(--surface);min-height:40px}.tl-track .tl-plane{touch-action:pan-x pan-y;background-image:linear-gradient(to right, var(--rule) 1px, transparent 1px);background-size:var(--tl-second) 100%;min-height:40px}.tl-track:hover{background-color:var(--surface-inset)}.tl-group{font-size:var(--text-xs);color:var(--text-secondary);justify-content:flex-start;min-height:32px;font-weight:500}.tl-group>span:last-child{color:var(--text-muted);margin-left:auto}.tl-group svg{transition:transform var(--duration-fast) var(--ease-out)}.tl-group[aria-expanded=true] svg{transform:rotate(90deg)}.tl-group:hover,.tl-group:active{background:var(--surface-overlay)}.tl-group-lane{background:var(--surface-raised);border-bottom:1px solid var(--rule);min-height:32px}.tl-key{width:var(--hit-target);height:var(--hit-target);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:ew-resize;touch-action:none;z-index:1;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-key svg{width:12px;height:12px;fill:var(--surface)}.tl-key[aria-pressed=true]{color:var(--text-primary)}.tl-key[aria-pressed=true] svg{fill:var(--text-primary)}.tl-key:hover{background:var(--accent-subtle);color:var(--text-primary)}.tl-key:active svg{transform:scale(1.1)}.tl-cursor{background:var(--text-primary);opacity:.75;pointer-events:none;z-index:2;width:1px;position:absolute;top:0;bottom:0;left:0}.tl-cursor--head:before{content:"";background:var(--text-primary);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);width:9px;height:10px;position:absolute;top:0;left:-4px}.tl-curve{pointer-events:none;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.tl-curve polyline{fill:none;stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke}.tl-range{border-inline:1px solid var(--text-secondary);background:var(--accent-subtle);font-size:var(--text-xs);color:var(--text-secondary);pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset-block:0}.tl-range span{padding:var(--space-1);align-self:end}.tl-key-editor{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3);border-top:1px solid var(--rule);flex-wrap:wrap;display:flex}.tl-key-editor .control{column-gap:var(--space-2);flex:1;grid-template-columns:auto auto}.tl-key-editor .control__label{font-size:var(--text-xs)}.tl-key-editor .number-value{min-width:0}.tl-selection-name{font-size:var(--text-xs);color:var(--text-secondary)}.tl-key-editor .select-trigger{font-size:var(--text-xs)}.tl-footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-top:1px solid var(--rule);min-height:24px;color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.tl-popover{gap:var(--space-3);width:min(20rem,100vw - 32px);display:grid}.tl-popover .control{grid-template-columns:auto auto}.tl-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tl-marquee{background:var(--accent-subtle);border:1px solid var(--accent);pointer-events:none;z-index:4;position:absolute}.tl-empty{max-width:100vw;padding:var(--space-4);color:var(--text-secondary);grid-column:1/-1;position:sticky;left:0}.tl-empty p{margin:0}.tl-toolbar,.tl-footer,.tl-label,.tl-selection-name{-webkit-user-select:none;user-select:none}@container (width<620px){.tl-toolbar{padding:var(--space-1) var(--space-2);gap:var(--space-1)}.tl-transport{gap:var(--space-1)}.tl-title strong{display:none}.tl-tools{gap:var(--space-1)}.tl-zoom{gap:0}.tl-key-editor{gap:var(--space-2)}.tl-selection-name{display:none}.tl-key-editor .control{flex-basis:40%}.tl-footer{display:none}}@media (width<64em){.timeline--editor>.resize-handle--row{--resize-hit:var(--hit-target-coarse);margin-block:calc((24px - var(--resize-hit)) / 2)}.timeline--editor>.resize-handle--row:before{top:calc(50% - 1.5px)}.tl-label .context-target{padding-right:24px}.tl-label .context-touch-trigger{display:block;right:-4px}.tl-label>.tt__anchor{display:none}.shell[data-inspector=collapsed] .inspector{visibility:visible}.shell[data-mobile-panel=main] .nav-rail,.shell:not([data-mobile-panel]) .nav-rail,.shell:not([data-mobile-panel=inspector]) .inspector{visibility:hidden}.shell[data-mobile-panel=nav] .nav-rail,.shell[data-mobile-panel=inspector] .inspector{visibility:visible}.nav-rail,.inspector{inset-block-end:calc(60px + env(safe-area-inset-bottom))}.tl-key{width:var(--hit-target-coarse);height:var(--hit-target-coarse)}.tl-key-editor .number-value__input{font-size:16px}.preview-meta__end{max-width:100%;font-size:var(--text-xs)}}.preview-stage>.html-preview{padding-block:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.preview-stage>.type-preview{display:flex}.plates{width:408px;max-width:100%}.plate{aspect-ratio:1;flex:1;min-width:0;height:auto}@media (prefers-reduced-motion:reduce){.tl-key,.tl-group svg,.gradient-handle{transition:opacity .12s}}@media (forced-colors:active){.tl-key[aria-pressed=true] svg{fill:highlight;stroke:highlighttext;forced-color-adjust:none}.tl-cursor,.tl-cursor--head:before{background:highlight}.tl-range{border-color:highlight}.history-step[aria-current]{outline:1px solid highlight}}.shell[data-dropping] .library-main{outline:2px dashed var(--accent);outline-offset:-8px}.library-titlebar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block-end:var(--space-5);display:flex}.library-main .library-titlebar h1{margin:0}.library-create{width:36px;height:36px;color:var(--text-on-accent);background:var(--accent)}.library-create:hover,.library-create:focus-visible{color:var(--text-on-accent);background:var(--accent-hover)}.library-create:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.library-recent__image{object-fit:contain;width:100%;height:100%}.library-recent{margin-block-end:var(--space-5)}.library-recent__title{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.library-recent__list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.library-recent__item{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2);border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-raised);color:inherit;text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:flex}.library-recent__item:hover{background:var(--surface-overlay);border-color:var(--border-default)}.library-recent__item:active{transform:scale(.99)}.library-recent__item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.library-recent__preview{border-radius:var(--radius-xs);width:48px;height:40px;box-shadow:inset 0 0 0 1px var(--border-hairline);flex:none;place-items:center;display:grid;overflow:hidden}.library-recent__preview svg{width:100%;height:100%}.library-recent__text{gap:2px;min-width:0;display:grid}.library-recent__name{color:var(--text-primary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text;overflow:hidden}.library-recent__meta{color:var(--text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (pointer:coarse){.library-recent__item{min-height:64px}}.library-titlebar__actions{align-items:center;gap:var(--space-2);display:flex}.rig-card__placeholder{height:100%;color:var(--text-muted);place-items:center;display:grid}.rig-card__placeholder svg{width:32px;height:32px}@media (pointer:coarse){.library-create{width:var(--hit-target-coarse);height:var(--hit-target-coarse)}}