@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{interpolate-size:allow-keywords;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg-canvas:#1e1e1e;--bg-panel:#2c2c2c;--bg-raised:#383838;--bg-raised-hover:#404040;--bg-inset:#232323;--bg-lane:#262626;--bg-tooltip:#111;--bg-scrim:#0000008c;--fill-hover:#ffffff0f;--fill-pressed:#ffffff1a;--fill-chosen:#757575;--fill-selected:#0d99ff38;--fill-selected-hover:#0d99ff4d;--fill-effect-soft:#a594ff1f;--effect-line:#a594ff80;--line:#ffffff14;--line-strong:#ffffff29;--line-control:#7a7a7a;--text-1:#f2f2f2;--text-2:#c4c4c4;--text-3:#a3a3a3;--text-disabled:#6b6b6b;--text-on-fill:#fff;--accent:#0d99ff;--accent-text:#4cb0ff;--accent-fill:#0979d0;--accent-fill-pressed:#0868b5;--focus:#0d99ff;--effect:#a594ff;--effect-fill:#6b54eb;--danger:#ff6161;--danger-fill:#d4373f;--warning:#f5b544;--success:#3ccf86;--artboard-shadow-1:0 1px 3px #0006;--artboard-shadow-2:0 8px 24px #00000059;--artboard-edge:#ffffff0f;--checker-a:#fff;--checker-b:#e6e6e6;--checker-size:8px;--overlay-accent:#0d99ff;--overlay-guide:#0d99ff8c;--overlay-marquee:#0d99ff1a;--overlay-handle-fill:#fff;--overlay-tag-fill:#6b54eb;--overlay-tag-text:#fff;--overlay-tag-font:500 11px "Inter Variable", system-ui, sans-serif;--brush-ring-outer:#ffffffd9;--brush-ring-inner:#111111bf;--shadow-float:0 0 0 1px #ffffff0f, 0 1px 2px #0000004d, 0 4px 16px #00000047;--shadow-overlay:0 0 0 1px #ffffff1a, 0 2px 4px #0000004d, 0 12px 32px #00000073;--panel-w:300px;--label-w:80px;--value-w:48px;--key-w:16px;--h-sm:24px;--h-md:28px;--h-lg:32px;--h-xl:40px;--thumb:12px;--r-xs:2px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--chrome-h:48px;--chrome-pad:8px;--chrome-btn:32px;--dur-1:.1s;--dur-2:.16s;--dur-3:.24s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-in:cubic-bezier(.55, 0, 1, .45)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font:400 11px/16px var(--font);letter-spacing:.005em;color:var(--text-1);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button,input,select{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:default}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}[hidden]{display:none!important}.preload *,.preload :before,.preload :after{transition:none!important}.num,input[inputmode=decimal],input[inputmode=numeric]{font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:4px}@media (hover:hover){::-webkit-scrollbar-thumb:hover{background-color:#ffffff38}}.app{--left-w:240px;--dock-left:var(--left-w);--dock-bottom:0px;--dock-right:0px;height:100dvh;position:relative;overflow:hidden}.app.is-left-collapsed{--dock-left:0px;--dock-right:0px}.app:not(.is-left-collapsed){--dock-right:var(--panel-w)}.stage,.canvas-area{position:absolute;inset:0}.app[data-mode=design] [data-modes=motion],.app[data-mode=motion] [data-modes=design]{display:none!important}.icon{flex:none;display:inline-flex}.icon-button{width:var(--h-sm);height:var(--h-sm);border-radius:var(--r-md);color:var(--text-2);transition:background-color var(--dur-1) linear, color var(--dur-1) linear;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.icon-button:hover:not(:disabled){background:var(--fill-hover);color:var(--text-1)}}.icon-button:active:not(:disabled),.icon-button[aria-pressed=true]{background:var(--fill-pressed);color:var(--text-1)}.icon-button:disabled{color:var(--text-disabled)}.button{height:var(--h-md);border-radius:var(--r-md);background:var(--bg-raised);color:var(--text-1);white-space:nowrap;transition:background-color var(--dur-1) linear, box-shadow var(--dur-1) linear, color var(--dur-1) linear;border:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}@media (hover:hover){.button:hover:not(:disabled){background:var(--bg-raised-hover)}}.button:active:not(:disabled){background:#484848}.button:disabled{color:var(--text-disabled)}.button--primary{background:var(--accent-fill);color:var(--text-on-fill)}@media (hover:hover){.button--primary:hover:not(:disabled){background:var(--accent-fill);box-shadow:inset 0 0 0 1px #ffffff3d}}.button--primary:active:not(:disabled){background:var(--accent-fill-pressed)}.button--primary:disabled{background:var(--bg-raised);color:var(--text-disabled)}.button--primary:focus-visible{outline-offset:2px}.button--ghost{color:var(--text-2);background:0 0;padding:0 8px}@media (hover:hover){.button--ghost:hover:not(:disabled){background:var(--fill-hover);color:var(--text-1)}}.button--danger{color:var(--danger)}@media (hover:hover){.button--danger:hover:not(:disabled){background:var(--fill-hover)}}.button--small{height:var(--h-sm);padding:0 8px}.button--full{justify-content:center;width:100%}.button--compact{height:var(--h-md);padding:0 12px 0 10px}.button--large{height:var(--h-lg)}.link-button{color:var(--text-1);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.num,.select,.text-input,.color-input{height:var(--h-md);border-radius:var(--r-md);background:var(--bg-raised);color:var(--text-1);transition:box-shadow var(--dur-1) linear;border:0;box-shadow:inset 0 0 0 1px #0000}@media (hover:hover){.num:hover,.select:hover,.text-input:hover,.color-input:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}}.num:focus-within,.select:focus-visible,.text-input:focus,.color-input:focus-within{box-shadow:inset 0 0 0 1px var(--focus);outline:none}.num{align-items:center;gap:4px;min-width:0;padding:0 8px 0 6px;display:flex}.num-label{min-width:12px;height:20px;color:var(--text-3);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;flex:none;place-items:center;display:inline-grid}.num-input{font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;width:100%;min-width:0;height:24px;padding:0}.num-input:focus{outline:none}.num-unit{color:var(--text-3);flex:none}.text-input{width:100%;padding:0 8px}.select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;width:100%;min-width:0;padding:0 24px 0 8px}.select option{background:var(--bg-panel);color:var(--text-1)}.select-wrap{align-items:center;gap:4px;min-width:0;display:flex}.color-input{flex:1;align-items:center;gap:8px;min-width:0;padding:0 8px 0 6px;display:flex}.swatch{background:var(--swatch,transparent);border-radius:3px;flex:none;width:16px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.swatch input[type=color]{opacity:0;cursor:pointer;border:0;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.color-field.is-none .swatch{background:linear-gradient(to top right, transparent calc(50% - .75px), var(--danger) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)), repeating-conic-gradient(#fff 0 25%, #e6e6e6 0 50%) 0 0 / 8px 8px}.hex{text-transform:uppercase;font-variant-numeric:tabular-nums;background:0 0;border:0;width:100%;min-width:0;height:24px;padding:0}.hex:focus{outline:none}.hex::placeholder,.num-input::placeholder,.row-value::placeholder{color:var(--text-3);text-transform:none}.color-control{align-items:center;gap:4px;min-width:0;display:flex}.prop--color.is-covered .color-input{opacity:.55}.segmented{min-width:0;height:var(--h-md);border-radius:var(--r-md);background:var(--bg-inset);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:2px;display:grid}.seg-option{min-width:0;height:var(--h-sm);border-radius:var(--r-sm);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--dur-1) linear, color var(--dur-1) linear;background:0 0;border:0;padding:0 4px;overflow:hidden}@media (hover:hover){.seg-option:hover{background:var(--fill-hover);color:var(--text-1)}}.seg-option[aria-checked=true]{background:var(--fill-chosen);color:var(--text-on-fill);font-weight:500;box-shadow:0 1px 2px #00000059}.seg-option:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);outline:none}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{max-width:100%;height:var(--h-sm);border-radius:var(--r-md);background:var(--bg-raised);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--dur-1) linear, color var(--dur-1) linear;border:0;align-items:center;gap:6px;padding:0 8px;display:inline-flex;overflow:hidden}@media (hover:hover){.chip:hover{background:var(--bg-raised-hover);color:var(--text-1)}}.chip[aria-pressed=true]{background:var(--fill-chosen);color:var(--text-on-fill);font-weight:500}.chip-swatch{border-radius:var(--r-xs);background:linear-gradient(135deg, var(--paper,transparent) 0 50%, var(--ink,currentColor) 50% 100%);flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #ffffff26}.chip--input .icon{color:var(--text-3)}.check{min-width:0;min-height:var(--h-md);color:var(--text-1);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex;position:relative}.check input{opacity:0;width:1px;height:1px;position:absolute}.check-box{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--line-control);transition:background-color var(--dur-1) linear, box-shadow var(--dur-1) linear;border-radius:3px;flex:none;position:relative}@media (hover:hover){.check:hover .check-box{box-shadow:inset 0 0 0 1px var(--text-2)}}.check input:checked+.check-box,.check input:indeterminate+.check-box{background:var(--accent-fill);box-shadow:none}.check input:checked+.check-box:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.check input:indeterminate+.check-box:after{content:"";background:#fff;border-radius:1px;width:8px;height:2px;position:absolute;top:6px;left:3px}.check input:focus-visible+.check-box{outline:2px solid var(--focus);outline-offset:2px}.check-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.switch{width:26px;height:16px;transition:background-color var(--dur-1) linear;background:#5c5c5c;border:0;border-radius:8px;flex:none;padding:0;position:relative}.switch:after{content:"";width:12px;height:12px;transition:transform var(--dur-2) var(--ease-out);background:#f2f2f2;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0006}@media (hover:hover){.switch:hover{background:#666}}.switch[aria-checked=true]{background:var(--accent-fill)}.switch[aria-checked=true]:after{transform:translate(10px)}.switch[aria-checked=mixed]:after{transform:translate(5px)}.switch:focus-visible{outline-offset:2px}.range{appearance:none;touch-action:pan-y;--fill:50%;background:0 0;width:100%;min-width:0;height:16px;margin:0;display:block}.range:focus{outline:none}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text-3) 0 var(--fill), #4a4a4a var(--fill) 100%);border-radius:1px;height:2px}.range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((2px - var(--thumb)) / 2);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) linear;background:#f2f2f2;border:0;border-radius:50%;box-shadow:0 0 0 .5px #0006,0 1px 3px #00000080}.range:active::-webkit-slider-thumb{transform:scale(1.17)}@media (hover:hover){.prop:hover .range::-webkit-slider-thumb{transform:scale(1.17)}}.range:active::-webkit-slider-thumb{box-shadow:0 0 0 .5px #0006,0 1px 3px #00000080,0 0 0 4px #ffffff1f}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--focus)}.range::-moz-range-track{background:#4a4a4a;border-radius:1px;height:2px}.range::-moz-range-progress{background:var(--text-3);border-radius:1px;height:2px}.range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:#f2f2f2;border:0;border-radius:50%;box-shadow:0 1px 3px #00000080}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--focus)}.prop.is-mixed .range::-webkit-slider-thumb{box-shadow:inset 0 0 0 1.5px var(--text-3);background:0 0}.row-value{width:var(--value-w);height:var(--h-sm);border-radius:var(--r-sm);color:var(--text-1);text-align:right;font-variant-numeric:tabular-nums;transition:background-color var(--dur-1) linear;background:0 0;border:0;padding:0 4px}@media (hover:hover){.row-value:hover{background:var(--bg-raised)}}.row-value:focus{background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--focus);outline:none}.app:not([data-mode=motion]) .key-toggle{display:none}.key-toggle{border-radius:var(--r-sm);width:24px;height:24px;color:var(--text-3);transition:color var(--dur-1) linear, background-color var(--dur-1) linear;background:0 0;border:0;flex:none;place-items:center;margin:0 -4px;padding:0;display:inline-grid}@media (hover:hover){.key-toggle:hover{background:var(--fill-hover);color:var(--text-1)}}.diamond{display:inline-flex}.diamond path{fill:#0000;stroke:currentColor;stroke-width:1.3px}.key-toggle[data-state=animated],.key-toggle[data-state=key],.key-toggle[data-state=mixed]{color:var(--accent)}.key-toggle[data-state=key] .diamond path{fill:currentColor}kbd{border-radius:var(--r-sm);background:var(--bg-raised);min-width:18px;height:18px;color:var(--text-1);font:500 10px/18px var(--font);text-align:center;margin:0 1px;padding:0 4px;display:inline-block}.section{position:relative}.section+.section:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:12px;right:4px}.section-head{align-items:center;gap:2px;min-height:32px;padding:0 0 0 12px;display:flex}.section-toggle{border-radius:var(--r-md);min-width:0;height:32px;color:var(--text-1);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;margin-left:-4px;padding:0 0 0 4px;display:flex}.section-toggle:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);outline:none}.section-title{color:var(--text-1);flex:none;margin:0;font-size:11px;font-weight:600}.section-summary{min-width:0;color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.section-summary .summary-keys{color:var(--accent)}.section-chevron{width:16px;height:16px;color:var(--text-3);opacity:0;transition:opacity var(--dur-1) linear, transform var(--dur-2) var(--ease-out);flex:none;place-items:center;display:inline-grid}.section-toggle:focus-visible .section-chevron,.section.is-collapsed .section-chevron{opacity:1}@media (hover:hover){.section-head:hover .section-chevron{opacity:1}}.section.is-collapsed .section-chevron{transform:rotate(-90deg)}.section-tools{flex:none;align-items:center;display:flex}.section-body{gap:4px;padding:0 4px 12px 12px;display:grid}.prop{grid-template-columns:var(--label-w) minmax(0, 1fr);min-width:0;min-height:var(--h-md);align-items:center;column-gap:8px;display:grid}.app[data-mode=motion] .prop{grid-template-columns:var(--label-w) minmax(0, 1fr) var(--key-w)}.prop>.key-toggle{grid-column:3}.prop-label{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.prop-label.is-scrub{cursor:ew-resize;touch-action:none}.prop-control{align-items:center;gap:8px;min-width:0;display:flex}.prop-control>*{min-width:0}.prop-control>.num,.prop-control>.select,.prop-control>.color-input,.prop-control>.text-input,.prop-control>.segmented{flex:1}.prop-control.is-slider{grid-template-columns:minmax(0, 1fr) var(--value-w);gap:8px;display:grid}.prop-control.is-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.prop-control.is-end{justify-content:flex-end}.prop--full>.prop-control,.prop--full>.check{grid-column:1/3}.prop.is-nested>.prop-label{padding-left:12px;position:relative}.prop.is-nested>.prop-label:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:-8px;bottom:-8px;left:3px}.prop-tag{min-width:0;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.prop--stack>*,.app[data-mode=motion] .prop--stack>*{grid-column:1/-1}.prop-group{height:24px;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;align-items:flex-end;padding-bottom:2px;font-size:10px;font-weight:500;line-height:14px;display:flex}.prop-stack{gap:6px;min-width:0;display:grid}.section-note{color:var(--text-3);margin:0}.section-note--warn{color:var(--warning)}.note-diamond{color:var(--accent)}.export-info{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.button-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.button-row .export-info{text-align:right;flex:1}.effect-body{gap:4px;display:grid}.effects-list{gap:0;margin:0 0 0 -8px;display:grid}.effects-list-row{height:var(--h-md);border-radius:var(--r-md);transition:background-color var(--dur-1) linear;align-items:center;gap:4px;padding:0 4px;display:flex}@media (hover:hover){.effects-list-row:hover{background:var(--fill-hover)}}.effects-list-name{min-width:0;height:var(--h-md);color:var(--text-1);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0 4px;display:inline-flex}.effects-list-name .icon{color:var(--effect)}.effects-list-row .chevron-end{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto}.effects-list>.section-note{margin-left:8px}.menu,.popover{z-index:50;border-radius:var(--r-lg);background:var(--bg-panel);box-shadow:var(--shadow-overlay);color:var(--text-1);animation:overlay-in var(--dur-2) var(--ease-out);position:fixed}@keyframes overlay-in{0%{opacity:0;transform:translateY(4px)}}.menu{min-width:200px;max-width:320px;padding:4px}.menu:focus{outline:none}.menu-item{width:100%;min-height:var(--h-md);border-radius:var(--r-sm);color:var(--text-1);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:4px 8px;display:flex}.menu-item .icon{color:var(--text-2)}.menu-item:focus-visible{background:var(--fill-hover);outline:none}@media (hover:hover){.menu-item:hover:not(:disabled){background:var(--fill-hover);outline:none}}.menu-item:disabled,.menu-item:disabled .icon,.menu-item:disabled .menu-kbd{color:var(--text-disabled)}.menu-item--danger,.menu-item--danger .icon{color:var(--danger)}.menu-icon-gap{flex:none;width:16px}.menu-check{width:16px;color:var(--text-1);flex:none;place-items:center;display:inline-grid}.menu-text{flex-direction:column;flex:1;min-width:0;display:flex}.menu-hint{color:var(--text-3)}.menu-kbd{color:var(--text-3);font:inherit;font-variant-numeric:tabular-nums;flex:none;margin-left:16px}.menu-sep{background:var(--line);height:1px;margin:4px 8px}.menu-heading{color:var(--text-3);padding:6px 8px 4px}.popover{border-radius:var(--r-xl);--label-w:72px;width:288px;padding:12px}.popover-title{margin:0 0 12px;font-size:12px;font-weight:600;line-height:16px}.popover-body{gap:4px;display:grid}.popover-footer{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;margin-top:12px;display:grid}.popover-footer .button{height:var(--h-lg)}.popover .export-info{white-space:normal;margin-top:4px}.app[data-mode=motion] .popover .prop,.popover .prop{grid-template-columns:var(--label-w) minmax(0, 1fr)}.popover .key-toggle{display:none}.popover:has(.preset-library){width:min(360px,100vw - 16px)}.popover .preset-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-tools{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;margin-bottom:8px;display:grid}.preset-list,.preset-pack-list{margin:0;padding:0;list-style:none}.preset-list{overscroll-behavior:contain;max-height:min(360px,50vh);margin:0 -4px;overflow-y:auto}.preset-row{border-radius:var(--r-md);align-items:center;gap:4px;min-height:44px;padding:2px 4px;display:flex}@media (hover:hover){.preset-row:hover{background:var(--fill-hover)}}.preset-check{flex:none;min-height:0;padding:4px}.preset-main{flex:1;min-width:0;display:grid}.preset-name{border-radius:var(--r-sm);min-width:0;height:22px;color:var(--text-1);text-overflow:ellipsis;background:0 0;border:0;margin-left:-4px;padding:0 4px;font-weight:500}.preset-name:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.preset-name:focus{background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--focus);outline:none}.preset-meta,.preset-pack-meta{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-pack-list{gap:2px;margin-bottom:4px;display:grid}.preset-pack-list li{justify-content:space-between;gap:8px;min-width:0;display:flex}.preset-pack-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-pack-meta{flex:none}.tooltip{z-index:60;border-radius:var(--r-md);background:var(--bg-tooltip);max-width:240px;box-shadow:var(--shadow-overlay);color:var(--text-1);pointer-events:none;white-space:nowrap;animation:overlay-in var(--dur-2) var(--ease-out);padding:4px 8px;position:fixed}.tooltip-kbd{color:var(--text-3);margin-left:8px}.toast{border-radius:var(--r-lg);background:var(--bg-raised);max-width:420px;min-height:36px;box-shadow:var(--shadow-overlay);color:var(--text-1);opacity:0;transition:opacity var(--dur-2) var(--ease-in), transform var(--dur-2) var(--ease-in), visibility 0s var(--dur-2);visibility:hidden;pointer-events:none;align-items:center;gap:12px;padding:8px 8px 8px 12px;display:flex;transform:translateY(8px)}.toast:not(:has(.toast-action:not([hidden]))){padding-right:12px}.toast.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), visibility 0s;transform:none}.toast--error{background:var(--danger-fill);color:#fff}.toast-action{height:var(--h-sm);border-radius:var(--r-md);color:var(--accent-text);background:0 0;border:0;flex:none;padding:0 8px;font-weight:500}@media (hover:hover){.toast-action:hover{background:var(--fill-hover)}}.toast--error .toast-action{color:#fff;text-underline-offset:2px;text-decoration:underline}.help{border-radius:var(--r-xl);background:var(--bg-panel);width:600px;max-height:calc(100dvh - 160px);box-shadow:var(--shadow-overlay);columns:2;animation:overlay-in var(--dur-2) var(--ease-out);column-gap:24px;padding:16px;position:absolute;bottom:48px;right:0;overflow-y:auto}.help-title{column-span:all;margin:0 0 12px;font-size:13px;font-weight:600;line-height:20px}.help h3{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;break-after:avoid;margin:0 0 6px;font-size:10px;font-weight:500;line-height:14px}.help dl{break-inside:avoid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 16px;display:grid}.help dt{color:var(--text-2);white-space:nowrap;line-height:18px}.help dd{color:var(--text-3);text-align:right;white-space:nowrap;margin:0}.help .touch-only{column-span:all}.help .touch-only dd{white-space:normal}.progress{z-index:20;background:var(--bg-scrim);place-items:center;display:grid;position:fixed;inset:0}.progress-card{border-radius:var(--r-xl);background:var(--bg-panel);width:min(360px,100vw - 32px);box-shadow:var(--shadow-overlay);gap:12px;padding:16px;display:grid}.progress-card .button{justify-self:end}.progress-title{font-size:13px;font-weight:600;line-height:20px}.progress-bar{background:#3d3d3d;border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--accent);width:0;height:100%;transition:width var(--dur-2) linear}.progress-detail{color:var(--text-3);font-variant-numeric:tabular-nums}.viewport{background:var(--bg-canvas);touch-action:none;position:absolute;inset:0}.viewport-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:block}.overlay-canvas{pointer-events:none;position:absolute;inset:0}.hud{z-index:1;pointer-events:none;align-items:center;display:flex;position:absolute}.hud>*{pointer-events:auto}.hud--tl{z-index:7;top:12px;left:12px}.hud--bl{bottom:calc(12px + var(--dock-bottom));left:calc(12px + var(--dock-left))}.hud--br{bottom:calc(12px + var(--dock-bottom));right:calc(12px + var(--dock-right));z-index:7}.status{border-radius:var(--r-md);background:var(--bg-panel);height:24px;box-shadow:var(--shadow-float);color:var(--text-3);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.status:empty{display:none}.status.is-busy{color:var(--text-2)}.status.is-busy:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.help-button{width:var(--chrome-h);height:var(--chrome-h);border-radius:var(--r-xl);background:var(--bg-panel);box-shadow:var(--shadow-float);color:var(--text-2);transition:color var(--dur-1) linear;border:0;place-items:center;padding:0;font-size:13px;font-weight:600;display:inline-grid}.help-button[aria-expanded=true]{color:var(--text-1)}@media (hover:hover){.help-button:hover{color:var(--text-1)}}.brand-mark{background:radial-gradient(circle at 35% 35%,#e6ee8e,#b9c34f 60%,#2b2a22 61% 72%,#b9c34f 73%);border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1.5px #2b2a22,0 0 0 1px #ffffff1f}.doc-name{min-width:0;height:var(--h-lg);border-radius:var(--r-lg);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--dur-1) linear, color var(--dur-1) linear;background:0 0;border:0;padding:0 6px;font-weight:600;overflow:hidden}@media (hover:hover){.doc-name:hover{background:var(--fill-hover);color:var(--text-1)}}.doc-name-input{min-width:0;height:var(--h-lg);border-radius:var(--r-lg);background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--focus);border:0;outline:none;flex:1;padding:0 8px}.save-state{border-radius:var(--r-md);height:24px;color:var(--text-3);background:0 0;border:0;align-items:center;gap:6px;padding:0 6px;display:inline-flex}.save-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.save-state[data-state=saved] .save-text,.save-state[data-state=saving] .save-text{display:none}.save-state[data-state=saving] .save-dot{background:var(--accent);animation:.8s ease-in-out infinite alternate pulse}.save-state[data-state=unavailable],.save-state[data-state=full],.save-state[data-state=newer]{color:var(--warning);background:#f5b5441f}.save-state[data-state=unavailable] .save-dot,.save-state[data-state=full] .save-dot,.save-state[data-state=newer] .save-dot{background:var(--warning)}.save-state[data-state=readonly]{color:var(--accent-text);background:#0d99ff24}.save-state[data-state=readonly] .save-dot{background:var(--accent)}.artboard-label{z-index:1;max-width:60%;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;transition:opacity .12s linear, color var(--dur-1) linear;will-change:transform;background:0 0;border:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}@media (hover:hover){.artboard-label:hover{color:var(--text-1)}}.artboard-label.is-current{color:var(--text-2)}@media (hover:hover){.artboard-label:hover{color:var(--text-2)}}.artboard-label.is-selected{color:var(--accent-text)}.artboard-label.is-tucked{opacity:0;pointer-events:none}.canvas-hint{z-index:2;max-width:min(480px,100% - 32px);min-height:var(--h-lg);border-radius:var(--r-xl);background:var(--bg-panel);box-shadow:var(--shadow-float);color:var(--text-2);pointer-events:none;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.drop-overlay{z-index:3;border:2px dashed var(--accent);border-radius:var(--r-xl);pointer-events:none;background:#0d99ff14;place-items:center;display:none;position:absolute;inset:12px}.drop-overlay span{height:var(--h-lg);border-radius:var(--r-lg);background:var(--accent-fill);color:#fff;align-items:center;padding:0 12px;font-weight:500;display:inline-flex}.drop-overlay.is-active{display:grid}.toolbar-dock{bottom:calc(12px + var(--dock-bottom));z-index:7;transform:translateX(var(--dock-x,-50%));transition:transform var(--dur-3) var(--ease-out);contain:layout;position:absolute;left:50%}.dock-stack{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.dock-stack>*{pointer-events:auto}.toolbar{height:var(--chrome-h);padding:0 var(--chrome-pad);border-radius:var(--r-xl);background:var(--bg-panel);box-shadow:var(--shadow-float);color:var(--text-1);align-items:center;gap:2px;display:flex}.tb-tools,.tb-group{align-items:center;display:flex}.tb-tool,.tb-more,.tb-mode{color:inherit;transition:background-color var(--dur-1) linear, color var(--dur-1) linear;background:0 0;border:0}.tb-tool{width:var(--chrome-btn);height:var(--chrome-btn);border-radius:var(--r-lg);place-items:center;padding:0;display:inline-grid}.tb-tool--effect{color:var(--effect)}.tb-more{width:16px;height:var(--chrome-btn);border-radius:var(--r-md);color:var(--text-3);place-items:center;padding:0;display:inline-grid}.tb-slot{display:none}@media (hover:hover){.tb-tool:hover,.tb-more:hover{background:var(--fill-hover)}.tb-more:hover{color:var(--text-1)}}.tb-tool.is-active{background:var(--accent-fill);color:var(--text-on-fill)}@media (hover:hover){.tb-tool.is-active:hover{background:var(--accent-fill);color:var(--text-on-fill)}}.tb-tool:focus-visible,.tb-more:focus-visible,.tb-mode:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);outline:none}.tb-divider{background:var(--line-strong);flex:none;width:1px;height:20px;margin:0 6px}.tb-fold{transition:grid-template-columns var(--dur-3) var(--ease-out), opacity var(--dur-2) linear, visibility 0s;grid-template-columns:1fr;display:grid}.tb-fold-inner{align-items:center;min-width:0;display:flex;overflow:hidden}.app[data-mode=motion] .tb-fold{opacity:0;visibility:hidden;transition:grid-template-columns var(--dur-3) var(--ease-out), opacity var(--dur-2) linear, visibility 0s var(--dur-3);grid-template-columns:0fr}.tb-modes{height:var(--chrome-btn);border-radius:var(--r-lg);background:var(--bg-inset);gap:2px;padding:2px;display:flex}.tb-mode{border-radius:var(--r-md);width:28px;height:28px;color:var(--text-2);transition:background-color var(--dur-1) linear, color var(--dur-1) linear;place-items:center;display:grid}@media (hover:hover){.tb-mode:hover{color:var(--text-1)}}.tb-mode[aria-checked=true]{background:var(--fill-chosen);color:var(--text-on-fill);box-shadow:0 1px 2px #00000059}.tb-options{height:var(--chrome-h);border-radius:var(--r-xl);background:var(--bg-panel);box-shadow:var(--shadow-float);animation:overlay-in var(--dur-2) var(--ease-out);align-items:center;gap:12px;padding:0 12px;display:flex}.tb-options-body{align-items:center;gap:16px;display:flex}.tb-options-body .prop{grid-template-columns:auto 96px auto;gap:8px}.tb-options-body .prop-control.is-slider{display:contents}.tb-options-body .row-value{width:40px}.tb-options-body .prop--color{grid-template-columns:auto 104px}.tb-options-body .prop--full{grid-template-columns:auto}.tb-options-body .prop--full>.check{white-space:nowrap;grid-column:auto}.tb-options-body .key-toggle{display:none}.sidebar{z-index:6;width:fit-content;max-height:calc(100% - 68px - var(--dock-bottom));border-radius:var(--r-xl);background:var(--bg-panel);box-shadow:var(--shadow-float);transition:grid-template-rows var(--dur-3) var(--ease-out), width var(--dur-3) var(--ease-out);grid-template-rows:auto 0fr;display:grid;position:absolute;top:12px;right:12px;overflow:hidden}.sidebar.is-open{width:var(--panel-w);grid-template-rows:auto 1fr}.sidebar-body{contain:inline-size;flex-direction:column;align-items:flex-end;min-height:0;display:flex;overflow:hidden}.sidebar-sheet{width:var(--panel-w);opacity:0;min-height:0;transition:opacity var(--dur-2) linear;flex-direction:column;flex:1;display:flex}.sidebar.is-open .sidebar-sheet{opacity:1;transition-delay:60ms}.sidebar-header{height:var(--chrome-h);padding:0 var(--chrome-pad);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-header .button--compact,.sidebar-header .icon-button{height:var(--chrome-btn)}.sidebar-header .icon-button{width:var(--chrome-btn);border-radius:var(--r-lg)}.sidebar.is-open .sidebar-header{box-shadow:inset 0 -1px 0 var(--line)}.sidebar-header-actions{gap:8px;display:flex}.zoom-chip{height:var(--chrome-btn);border-radius:var(--r-md);color:var(--text-1);font-variant-numeric:tabular-nums;transition:background-color var(--dur-1) linear;background:0 0;border:0;align-items:center;gap:2px;padding:0 6px;display:inline-flex}.zoom-chip[aria-expanded=true]{background:var(--fill-hover)}@media (hover:hover){.zoom-chip:hover{background:var(--fill-hover)}}.zoom-chip .icon{color:var(--text-3)}.sidebar-header-view{align-items:center;gap:4px;min-width:0;display:flex}.bg-toggle{height:var(--chrome-btn);border-radius:var(--r-md);color:var(--text-2);transition:background-color var(--dur-1) linear;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px 0 6px;display:inline-flex}@media (hover:hover){.bg-toggle:hover{background:var(--fill-hover);color:var(--text-1)}}.bg-toggle-swatch{background:var(--swatch,transparent);border-radius:3px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff2e}.bg-toggle.is-off .bg-toggle-swatch{background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 8px 8px}.bg-toggle.is-off .bg-toggle-eye{color:var(--text-3)}.inspector{flex-direction:column;flex:1;min-height:0;display:flex}.panel-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.context-bar{height:48px;box-shadow:inset 0 -1px 0 var(--line);flex:none;align-items:center;gap:8px;padding:0 8px 0 12px;display:flex}.context-icon{border-radius:var(--r-md);background:var(--bg-raised);width:28px;height:28px;color:var(--text-2);flex:none;place-items:center;display:inline-grid}.context-icon.is-effect{color:var(--effect)}.context-text{flex-direction:column;flex:1;min-width:0;display:flex}.context-name{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.context-type{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-actions{align-items:center;gap:4px;display:flex}.seed-group{height:var(--h-md);border-radius:var(--r-md);background:var(--bg-raised);align-items:center;padding:0 2px;display:flex}.seed-input{text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;width:52px;height:24px;padding:0}.seed-input:focus{outline:none}.seed-group:focus-within{box-shadow:inset 0 0 0 1px var(--focus)}.layers{flex-direction:column;height:100%;min-height:0;display:flex}.layers-header{flex:none;justify-content:space-between;align-items:center;height:32px;padding:0 8px 0 12px;display:flex}.layers-title{margin:0;font-size:11px;font-weight:600}.layers-actions{display:flex}.layers-scroll{flex:1;min-height:0;padding:0 4px 8px;position:relative;overflow-y:auto}.layers-tree:focus-within{outline:none}.layer-row{height:var(--h-md);padding:0 4px 0 calc(8px + var(--indent,0px));border-radius:var(--r-md);color:var(--text-1);-webkit-user-select:none;user-select:none;transition:background-color var(--dur-1) linear;align-items:center;display:flex;position:relative}@media (hover:hover){.layer-row:hover{background:var(--fill-hover)}}.layer-row.is-selected{background:var(--fill-selected)}@media (hover:hover){.layer-row.is-selected:hover{background:var(--fill-selected-hover)}}.layer-row.is-selected .layer-icon{color:var(--accent)}.layer-row:focus-visible{outline:none}.layers-tree.is-keyboard .layer-row:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.layer-row.is-hidden .layer-name,.layer-row.is-hidden .layer-icon{color:var(--text-3)}.layer-guide{--guide:var(--effect-line);border-left:1px solid var(--guide);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.layer-guide.is-active{--guide:var(--effect)}.layer-guide.is-off{--guide:var(--text-3);border-left-style:dashed}.layer-guide.is-tee:after,.layer-guide.is-end:after,.layer-guide.is-start:after{content:"";width:var(--turn,0px);border-top:1px solid var(--guide);position:absolute;left:-1px}.layer-guide.is-off:after{border-top-style:dashed}.layer-guide.is-tee:after{top:50%}.layer-guide.is-end{width:var(--turn,0px);border-bottom:1px solid var(--guide);border-bottom-left-radius:4px;bottom:50%}.layer-guide.is-start{width:var(--turn,0px);border-top:1px solid var(--guide);border-top-left-radius:4px;top:50%}.layer-guide.is-end:after,.layer-guide.is-start:after{content:none}.layer-guide.is-off.is-end{border-bottom-style:dashed}.layer-guide.is-off.is-start{border-top-style:dashed}.layer-twirl{border-radius:var(--r-sm);width:16px;height:16px;color:var(--text-3);transition:transform var(--dur-2) var(--ease-out);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.layer-row[aria-expanded=true] .layer-twirl{transform:rotate(90deg)}.layer-twirl--none{visibility:hidden}.layer-icon{width:16px;height:16px;color:var(--text-2);flex:none;place-items:center;margin-right:8px;display:inline-grid}.layer-row--effect .layer-icon,.layer-row--effect.is-selected .layer-icon{color:var(--effect)}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-rename{border-radius:var(--r-sm);background:var(--bg-raised);min-width:0;height:24px;box-shadow:inset 0 0 0 1px var(--focus);border:0;outline:none;flex:1;padding:0 6px}.layer-badge{width:16px;color:var(--accent);place-items:center;display:inline-grid}.layer-badge .diamond path{fill:currentColor}.layer-warn{color:var(--warning);margin-left:4px;display:inline-flex}.layer-tools{opacity:0;transition:opacity var(--dur-1) linear;display:flex}.layer-row:focus-within .layer-tools,.layer-row.is-hidden .layer-tools,.layer-row.is-locked .layer-tools{opacity:1}@media (hover:hover){.layer-row:hover .layer-tools{opacity:1}}.layer-row.is-hidden .layer-lock:not(.is-on){visibility:hidden}@media (hover:hover){.layer-row.is-locked:not(:hover) .layer-eye{visibility:hidden}}.layer-toggle{border-radius:var(--r-sm);width:24px;height:24px;color:var(--text-2);transition:background-color var(--dur-1) linear, color var(--dur-1) linear;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.layer-toggle:hover{background:var(--fill-hover);color:var(--text-1)}}.layer-grip{color:var(--text-3);touch-action:none;display:none}.layers.is-dragging .layer-row{cursor:grabbing}.layers-drop{left:calc(12px + var(--indent,0px));background:var(--accent);pointer-events:none;border-radius:1px;height:2px;margin-top:-1px;position:absolute;right:8px}.layers-drop.is-into{border:2px solid var(--accent);background:0 0;height:0}.layers-drop-label{border-radius:var(--r-sm);background:var(--bg-raised);height:20px;color:var(--text-2);white-space:nowrap;padding:0 6px;font-size:10px;font-weight:500;line-height:20px;position:absolute;bottom:4px;right:0}.layers-drop-label.is-feeds{background:var(--effect-fill);color:#fff}.layers-drop-label:empty{display:none}.layers-empty{padding:4px 0}.layers-empty>p{color:var(--text-3);margin:0;padding:4px 8px 8px}.layers-empty-actions{display:grid}.layers-empty-actions .menu-item{color:var(--text-1)}.layers-empty-actions .menu-item .icon{color:var(--text-2)}.timeline{--tl-label:160px;--tl-row:28px;--tl-cache:var(--success);right:var(--dock-right);bottom:0;left:var(--dock-left);z-index:5;height:var(--tl-height,216px);background:var(--bg-panel);box-shadow:inset 0 1px 0 var(--line);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute}.tl-resize{z-index:4;cursor:row-resize;height:8px;position:absolute;top:-4px;left:0;right:0}.tl-resize:focus-visible,.timeline.is-resizing .tl-resize{background:linear-gradient(transparent 3px, var(--accent) 3px 5px, transparent 5px);outline:none}@media (hover:hover){.tl-resize:hover{background:linear-gradient(transparent 3px, var(--accent) 3px 5px, transparent 5px);outline:none}}.tl-bar{height:40px;box-shadow:inset 0 -1px 0 var(--line);flex:none;align-items:center;gap:8px;padding:0 8px;display:flex}.tl-transport{align-items:center;gap:2px;display:flex}.tl-button{border-radius:var(--r-md);width:28px;height:28px;color:var(--text-2);transition:background-color var(--dur-1) linear, color var(--dur-1) linear;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.tl-button:hover{background:var(--fill-hover);color:var(--text-1)}}.tl-play{background:var(--text-1);color:#1e1e1e;border-radius:50%}@media (hover:hover){.tl-play:hover{background:var(--text-1);color:#1e1e1e;background:#fff;border-radius:50%}}.tl-time{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin-left:4px;display:flex}.tl-now{color:var(--text-1)}.tl-sep,.tl-total,.tl-frame{color:var(--text-3)}.tl-frame{margin-left:8px}.tl-spacer{flex:1}.tl-toggle{border-radius:var(--r-md);height:28px;color:var(--text-2);white-space:nowrap;transition:background-color var(--dur-1) linear, color var(--dur-1) linear;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;display:inline-flex}@media (hover:hover){.tl-toggle:hover{background:var(--fill-hover);color:var(--text-1)}}.tl-toggle[aria-pressed=true],.tl-toggle[aria-expanded=true]{background:var(--fill-pressed);color:var(--text-1)}.tl-toggle[aria-pressed=true] .icon{color:var(--accent)}.tl-loopinfo .icon{color:var(--text-3)}.tl-selection{align-items:center;gap:4px;display:none}.timeline.has-selection .tl-selection{display:flex}.tl-ease{color:var(--text-2);align-items:center;gap:8px;display:flex}.tl-select{border-radius:var(--r-md);appearance:none;background:var(--bg-raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 8px center;border:0;height:28px;padding:0 24px 0 8px}.tl-cache{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}.tl-cache:not(:empty):before{content:"";background:var(--warning);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.tl-cache.is-done:before{background:var(--tl-cache)}.tl-body{grid-template-columns:var(--tl-label) minmax(0, 1fr);overscroll-behavior:contain;flex:1;min-height:0;display:grid;overflow-y:auto}.tl-labels-col{box-shadow:inset -1px 0 0 var(--line)}.tl-corner,.tl-ruler{z-index:2;background:var(--bg-panel);height:24px;box-shadow:inset 0 -1px 0 var(--line);position:sticky;top:0}.tl-label{height:var(--tl-row);box-shadow:inset 0 -1px 0 var(--line), inset -1px 0 0 var(--line);align-items:center;gap:6px;padding:0 4px 0 12px;display:flex}.tl-label--layer{padding-left:calc(4px + var(--tl-depth,0) * 12px);gap:4px;font-weight:500}.tl-label:not(.tl-label--layer){padding-left:calc(32px + var(--tl-depth,0) * 12px);color:var(--text-2)}.tl-label--layer.is-selected,.tl-lane--layer.is-selected{background:var(--fill-selected)}.tl-label--layer.is-focused{animation:tl-focus 1.2s var(--ease-out)}@keyframes tl-focus{0%{background:#0d99ff5c}}.tl-twirl{border-radius:var(--r-sm);width:16px;height:16px;color:var(--text-3);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.tl-twirl .icon{transition:transform var(--dur-2) var(--ease-out)}@media (hover:hover){.tl-twirl:not(:disabled):hover{background:var(--fill-hover);color:var(--text-1)}}.tl-twirl[aria-expanded=true] .icon{transform:rotate(90deg)}.tl-twirl:disabled{visibility:hidden}.tl-layer-icon{color:var(--text-2);flex:none;place-items:center;display:inline-grid}.tl-label--layer.is-selected .tl-layer-icon{color:var(--accent)}.tl-label--layer[data-type=effect] .tl-layer-icon{color:var(--effect)}.tl-layer-name{min-width:0;color:var(--text-1);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0 2px;overflow:hidden}.tl-label-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tl-label-value{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.tl-swatch{border-radius:var(--r-xs);background:var(--swatch,transparent);width:10px;height:10px;box-shadow:inset 0 0 0 1px #ffffff2e}.tl-label-remove{border-radius:var(--r-sm);width:24px;height:24px;color:var(--text-3);opacity:0;transition:opacity var(--dur-1) linear;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.tl-label-remove:focus-visible{opacity:1}@media (hover:hover){.tl-label:hover .tl-label-remove{opacity:1}.tl-label-remove:hover{background:var(--fill-hover);color:var(--text-1)}}.tl-tracks{background:var(--bg-lane);min-width:0;overflow:hidden}.tl-inner{cursor:ew-resize;margin:0 14px;position:relative}.tl-ruler{margin:0 -14px;padding:0 14px}.tl-ticks{position:absolute;inset:0 14px}.tl-tick{background:#4a4a4a;width:1px;height:4px;position:absolute;bottom:3px}.tl-tick--major{background:#6b6b6b;height:8px}.tl-tick-label{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;line-height:14px;position:absolute;top:-12px;left:4px}.tl-cachebar{width:calc(100% - 28px);height:2px;position:absolute;bottom:0;left:14px}.tl-lane{height:var(--tl-row);box-shadow:inset 0 -1px 0 var(--line);position:relative}.tl-lane--driver:after{content:"";background:repeating-linear-gradient(-45deg,#a594ff38 0 4px,#a594ff14 4px 8px);border-radius:3px;position:absolute;inset:10px 0}.tl-span{background:#ffffff0f;border-radius:4px;height:8px;margin-top:-4px;position:absolute;top:50%}.tl-segment{background:#6b6b6b;height:2px;margin-top:-1px;position:absolute;top:50%}.tl-segment--hold{background:repeating-linear-gradient(90deg,#6b6b6b 0 4px,#0000 4px 7px)}.tl-key{z-index:1;border-radius:var(--r-sm);width:20px;height:20px;color:var(--text-1);cursor:grab;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-key .diamond{transition:transform var(--dur-1) var(--ease-out)}@media (hover:hover){.tl-key:hover .diamond{transform:scale(1.2)}}.tl-key--summary{color:var(--text-2)}.tl-key .diamond path{fill:currentColor;stroke:var(--bg-lane);stroke-width:1px}.tl-key.is-hold .diamond svg{transform:rotate(45deg)scale(.86)}.tl-key.is-selected{color:var(--accent)}.tl-key.is-partial .diamond path{fill:#0000;stroke:var(--accent);stroke-width:1.5px}.tl-key:active{cursor:grabbing}.tl-playhead{z-index:3;border-left:1px solid var(--accent);pointer-events:none;width:0;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.tl-playhead-cap{background:var(--accent);border-radius:2px 2px 5px 5px;width:10px;height:10px;position:absolute;top:0;left:-5px}.tl-empty{color:var(--text-3);text-align:center;padding:16px 0}.timeline.is-empty .tl-lanes{min-height:calc(var(--tl-row) * 2)}.touch-rail{top:calc((100% - var(--dock-bottom)) / 2);left:calc(12px + var(--dock-left));z-index:6;border-radius:var(--r-xl);background:var(--bg-panel);box-shadow:var(--shadow-float);flex-direction:column;align-items:center;gap:4px;padding:6px;display:none;position:absolute;transform:translateY(-50%)}.rail-button{border-radius:var(--r-lg);width:44px;height:44px;color:var(--text-2);font:600 20px/1 var(--font);touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.rail-button:active:not(:disabled){background:var(--fill-pressed);color:var(--text-1)}.rail-button:disabled{color:var(--text-disabled)}.rail-key.is-on,.rail-key.is-on:active{background:var(--accent-fill);color:var(--text-on-fill)}.rail-divider{background:var(--line-strong);flex:none;width:24px;height:1px;margin:2px 0}@media (pointer:coarse){:root{--thumb:20px;--h-sm:32px;--h-md:36px;--h-lg:40px;--h-xl:44px;--chrome-btn:40px;--value-w:56px}html{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.app{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.touch-rail{display:flex}.range{height:28px}.layer-row{height:40px}.layer-tools{opacity:1}.layer-grip{padding:6px;display:inline-flex}.layer-toggle,.key-toggle{width:32px;height:32px}.section-head{min-height:40px}.section-toggle{height:40px}.menu-item{min-height:40px}.tb-more{width:20px}.tb-mode{width:36px;height:36px}.timeline{--tl-row:36px}.tl-button{width:36px;height:36px}.tl-toggle{height:36px}.tl-only>span{display:none}.tl-frame{white-space:nowrap}.tl-key{width:28px;height:28px}.tl-resize{height:20px;top:-10px}.timeline.is-resizing .tl-resize{background:linear-gradient(transparent 9px, var(--accent) 9px 11px, transparent 11px)}.panel-resizer{width:21px}.panel-resizer--left{right:-11px}.panel-resizer:after{left:10px}.row-value,.hex,.seed-input,.num-input,.text-input,.select{font-size:13px}}@media not all and (pointer:coarse){.touch-only{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important}.tb-fold,.toolbar-dock,.section-chevron,.switch:after,.toast,.layer-twirl,.tl-twirl .icon{transition-duration:0s!important;transition-delay:0s!important}.range::-webkit-slider-thumb{transition-duration:0s!important;transition-delay:0s!important}}.prop--actions{min-height:0}.chips--grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));display:grid}.chips--grid>.chip{justify-content:center}.is-pair>.button-row{flex-wrap:nowrap;gap:4px}.is-pair>.button-row>.button{flex:1 1 0;justify-content:center;min-width:0}.section-chevron{cursor:pointer}.tl-tick:last-child .tl-tick-label{left:auto;right:4px}.left-panel{z-index:6;width:var(--left-w);background:var(--bg-panel);box-shadow:inset -1px 0 0 var(--line);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0}.left-panel>.layers{flex:1}.doc-header{height:48px;box-shadow:inset 0 -1px 0 var(--line);flex:none;align-items:center;gap:4px;padding:0 8px;display:flex}.doc-header.is-floating{max-width:320px;height:var(--chrome-h);padding:0 var(--chrome-pad);border-radius:var(--r-xl);background:var(--bg-panel);box-shadow:var(--shadow-float);animation:overlay-in var(--dur-2) var(--ease-out)}.doc-title{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.brand-button{width:var(--h-lg);height:var(--h-lg);border-radius:var(--r-lg);transition:background-color var(--dur-1) linear;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.brand-button[aria-expanded=true]{background:var(--fill-hover)}@media (hover:hover){.brand-button:hover{background:var(--fill-hover)}}.doc-header .icon-button{width:var(--chrome-btn);height:var(--chrome-btn);border-radius:var(--r-lg);flex:none}.panel-resizer{z-index:3;cursor:col-resize;touch-action:none;width:9px;position:absolute;top:0;bottom:0}.panel-resizer--left{right:-5px}.panel-resizer--right{left:0}.sidebar:not(.is-open) .panel-resizer--right{display:none}.panel-resizer:after{content:"";background:var(--accent);opacity:0;width:1px;transition:opacity var(--dur-1) linear;position:absolute;top:0;bottom:0;left:4px}.panel-resizer:focus-visible:after,.app.is-resizing-panel .panel-resizer:after{opacity:1;transition-delay:.12s}@media (hover:hover){.panel-resizer:hover:after{opacity:1;transition-delay:.12s}}.app.is-resizing-panel .panel-resizer:after{transition-delay:0s}.panel-resizer:focus-visible{outline:none}.app.is-resizing-panel{cursor:col-resize;-webkit-user-select:none;user-select:none}.app.is-resizing-panel .viewport{pointer-events:none}.icon-row{border-radius:var(--r-md);gap:1px;min-width:0;display:flex;overflow:hidden}.icon-row>.icon-button{width:auto;min-width:0;height:var(--h-md);background:var(--bg-raised);border-radius:0;flex:1 1 0}@media (hover:hover){.icon-row>.icon-button:hover{background:var(--bg-raised-hover)}}.text-editor{z-index:2;box-shadow:none;white-space:pre;resize:none;transform-origin:0 0;caret-color:var(--accent);background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.text-editor::selection{background:#0d99ff52}.font-button,.text-content{border-radius:var(--r-md);background:var(--bg-raised);width:100%;min-width:0;color:var(--text-1);transition:box-shadow var(--dur-1) linear;border:0}.font-button{height:var(--h-md);text-align:left;align-items:center;gap:8px;padding:0 8px;display:flex}.font-button-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.font-button .icon{color:var(--text-3)}.font-button[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--line-strong)}@media (hover:hover){.font-button:hover,.text-content:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}}.text-content{resize:vertical;min-height:56px;max-height:160px;padding:6px 8px;line-height:18px;display:block}.text-content:focus{box-shadow:inset 0 0 0 1px var(--focus);outline:none}.prop-control.is-pair--end{grid-template-columns:minmax(0,1fr) auto}.icon-toggle{width:var(--h-md);height:var(--h-md);border-radius:var(--r-md);background:var(--bg-raised)}.icon-toggle[aria-pressed=true]{background:var(--fill-chosen);color:var(--text-on-fill)}.font-picker{flex-direction:column;gap:8px;display:flex}.font-search{width:100%;height:var(--h-lg);border-radius:var(--r-md);background:var(--bg-raised);color:var(--text-1);border:0;outline:none;padding:0 10px}.font-search:focus{box-shadow:inset 0 0 0 1px var(--focus)}.font-list{overscroll-behavior:contain;flex-direction:column;max-height:320px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.font-option{border-radius:var(--r-md);height:32px;color:var(--text-1);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:none;padding:0 8px;font-size:15px;overflow:hidden}.font-option:focus-visible{background:var(--fill-hover);outline:none}@media (hover:hover){.font-option:hover{background:var(--fill-hover);outline:none}}.font-option[aria-selected=true]{background:var(--fill-selected);color:var(--accent-text)}.font-note,.font-empty{color:var(--text-3);margin:0;font-size:11px;line-height:16px}.font-empty{padding:8px}.app:not(.is-left-collapsed) .sidebar{width:var(--panel-w);max-height:none;box-shadow:inset 1px 0 0 var(--line);border-radius:0;grid-template-rows:auto 1fr;transition:none;top:0;bottom:0;right:0}.app:not(.is-left-collapsed) .sidebar-sheet{transition:none}.app:not(.is-left-collapsed) .doc-settings-button{display:none}.tooltip{z-index:100;border-radius:var(--r-md);max-width:280px;box-shadow:var(--shadow-overlay);color:var(--text-1);pointer-events:none;animation:tooltip-in .12s var(--ease-out);background:#0f0f0f;align-items:center;gap:8px;padding:4px 8px;font-size:11px;line-height:16px;display:flex;position:fixed;top:0;left:0}.tooltip[hidden]{display:none}.tooltip-key{color:var(--text-3)}@keyframes tooltip-in{0%{opacity:0}}.popover .export-note{color:var(--text-3);margin-top:-2px}.popover .export-note.is-warning{color:var(--warning)}