:root{--brand:#ff5a20;--brand-2:#ff7a3d;--bg:#f2f2f7;--surface:#fff;--surface-2:#ececf1;--surface-3:#e3e3e8;--board:#e9e9ee;--ink:#1c1c1e;--ink-2:#1c1c1e9e;--ink-3:#1c1c1e6b;--ink-4:#1c1c1e38;--line:#0000000f;--line-2:#0000001a;--accent:#017aff;--accent-2:#409cff;--accent-soft:#017aff1f;--on-accent:#fff;--danger:#ff3b30;--good:#1f9d48;--warn:#b25e00;--field-bg:#7676801a;--card-shadow:0 1px 2px #00000008, 0 8px 26px -14px #0000001f;--pop-shadow:0 1px 2px #0000000f, 0 24px 60px -20px #00000052;--glass:#ffffffb8;--glass-edge:#ffffffe6;--menu:#fff;--key-face:#ececf1;--key-face-hover:#e5e5ea;--key-edge:#d1d1d6;--dot:#0000001c;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--brand:lab(61.4345% 62.16 64.6309);--brand-2:lab(66.9105% 49.0405 56.5878);--bg:lab(95.647% .701606 -2.54291);--surface:lab(100% 0 0);--surface-2:lab(93.559% .701666 -2.54281);--surface-3:lab(90.3109% .701815 -2.54263);--board:lab(92.3989% .701845 -2.54275);--ink:lab(10.2966% .406466 -1.44836);--ink-2:lab(10.2966% .406466 -1.44836/.62);--ink-3:lab(10.2966% .406466 -1.44836/.42);--ink-4:lab(10.2966% .406466 -1.44836/.22);--line:lab(0% 0 0/.059);--line-2:lab(0% 0 0/.102);--accent:lab(51.8757% 12.184 -75.3728);--accent-2:lab(62.4841% -2.17754 -58.1254);--accent-soft:lab(51.8757% 12.184 -75.3728/.122);--on-accent:lab(100% 0 0);--danger:lab(57.5972% 72.4933 54.4096);--good:lab(56.873% -48.3906 34.1319);--warn:lab(49.4281% 31.4122 58.0086);--field-bg:lab(49.8696% 1.5395 -5.41822/.102);--card-shadow:0 1px 2px lab(0% 0 0/.031), 0 8px 26px -14px lab(0% 0 0/.122);--pop-shadow:0 1px 2px lab(0% 0 0/.059), 0 24px 60px -20px lab(0% 0 0/.322);--glass:lab(100% 0 0/.722);--glass-edge:lab(100% 0 0/.902);--menu:lab(100% 0 0);--key-face:lab(93.559% .701666 -2.54281);--key-face-hover:lab(91.0069% .701875 -2.54267);--key-edge:lab(83.9309% .702262 -2.54227);--dot:lab(0% 0 0/.11)}}:root:not([data-theme=light]){--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--board:#1c1c1e;--ink:#f3f3f5;--ink-2:#f3f3f5a3;--ink-3:#f3f3f56b;--ink-4:#f3f3f533;--line:#ffffff12;--line-2:#ffffff1f;--accent:#0c84ff;--accent-soft:#0c84ff33;--danger:#ff453a;--good:#30d158;--warn:#ffb548;--field-bg:#76768038;--card-shadow:0 1px 2px #0000004d, 0 12px 32px -14px #0009;--pop-shadow:0 1px 2px #0006, 0 24px 60px -20px #000c;--glass:#1c1c1ec2;--glass-edge:#ffffff12;--menu:#2c2c2e;--key-face:#2c2c2e;--key-face-hover:#333336;--key-edge:#151517;--dot:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--bg:lab(0% 0 0);--surface:lab(10.2966% .406466 -1.44836);--surface-2:lab(18.0688% .404626 -1.45005);--surface-3:lab(24.4578% .300705 -1.08951);--board:lab(10.2966% .406466 -1.44836);--ink:lab(95.914% .299096 -1.0913);--ink-2:lab(95.914% .299096 -1.0913/.639);--ink-3:lab(95.914% .299096 -1.0913/.42);--ink-4:lab(95.914% .299096 -1.0913/.2);--line:lab(100% 0 0/.071);--line-2:lab(100% 0 0/.122);--accent:lab(54.8136% 6.70242 -70.7644);--accent-soft:lab(54.8136% 6.70242 -70.7644/.2);--danger:lab(58.7233% 69.9741 50.5244);--good:lab(74.096% -60.4796 46.8223);--warn:lab(79.5339% 20.7845 64.598);--field-bg:lab(49.8696% 1.5395 -5.41822/.22);--card-shadow:0 1px 2px lab(0% 0 0/.302), 0 12px 32px -14px lab(0% 0 0/.6);--pop-shadow:0 1px 2px lab(0% 0 0/.4), 0 24px 60px -20px lab(0% 0 0/.8);--glass:lab(10.2966% .406466 -1.44836/.761);--glass-edge:lab(100% 0 0/.071);--menu:lab(18.0688% .404626 -1.45005);--key-face:lab(18.0688% .404626 -1.45005);--key-face-hover:lab(21.3079% .505865 -1.81186);--key-edge:lab(6.87386% .369892 -1.3568);--dot:lab(100% 0 0/.102)}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;-moz-text-size-adjust:100%;text-size-adjust:100%;font-feature-settings:"cv11", "ss01";font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}button,input,textarea,select{font:inherit;color:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;text-rendering:inherit;font-synthesis:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.35}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}code{font-family:var(--mono);background:var(--field-bg);border-radius:5px;padding:1px 5px;font-size:.92em}.icon{flex-shrink:0;display:block}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}@keyframes pop-up{0%{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes fade-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}}@keyframes wave-drift{to{background-position-x:160px}}@keyframes blink-dot{50%{opacity:.25}}@keyframes eyes-look{0%,70%,to{transform:translate(0)}78%,90%{transform:translate(2px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.field,textarea,.num,.select select,.hex-field{background:var(--field-bg);width:100%;min-width:0;color:var(--ink);transition:box-shadow .15s var(--ease), background .15s;border:0;border-radius:10px;outline:none}.field,textarea{padding:9px 11px}textarea{resize:vertical;line-height:1.5;display:block}textarea.code{font-family:var(--mono);white-space:pre;tab-size:2;min-height:180px;font-size:12px;line-height:1.55}.field:focus,textarea:focus,.num:focus-within,.select select:focus,.hex-field:focus-within{box-shadow:0 0 0 2px var(--accent)}::placeholder{color:var(--ink-3)}.row{align-items:center;gap:10px;min-height:36px;display:flex}.row-label{width:72px;color:var(--ink-2);flex-shrink:0;font-size:13px}.row-control{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.row.pair .row-control>*{flex:1}.unit{color:var(--ink-3)}.num{align-items:center;gap:8px;height:36px;padding:0 10px;display:flex}.num input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:13px}.num-prefix{color:var(--ink-3);cursor:ew-resize;-webkit-user-select:none;user-select:none;width:10px;font-size:11px}.select{flex:1;min-width:0;position:relative}.select select{appearance:none;cursor:pointer;text-overflow:ellipsis;height:36px;padding:0 32px 0 11px}.select .icon{pointer-events:none;color:var(--ink-3);position:absolute;top:50%;right:10px;translate:0 -50%}.slider-row{gap:12px}.slider-row .row-label{width:auto;min-width:44px}.slider{--p:.5;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:40px;height:22px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) calc(var(--p) * 100%), var(--line-2) calc(var(--p) * 100%));border-radius:4px;height:4px}.slider::-moz-range-track{background:var(--line-2);border-radius:4px;height:4px}.slider::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}.slider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;transition:transform .15s var(--spring);background:#fff;background:lab(100% 0 0);border-radius:50%;margin-top:-9px;box-shadow:0 .5px 4px #0000001f,0 3px 8px #00000026;box-shadow:0 .5px 4px lab(0% 0 0/.122),0 3px 8px lab(0% 0 0/.149)}.slider::-moz-range-thumb{background:#fff;background:lab(100% 0 0);border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 3px 8px #00000040;box-shadow:0 3px 8px lab(0% 0 0/.251)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft), 0 3px 8px #0003}@supports (color:lab(0% 0 0)){.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft), 0 3px 8px lab(0% 0 0/.2)}}.slider.mini{flex:0 0 90px}.slider.mini::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px}.slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:46px;color:var(--ink-2);border-radius:6px;padding:2px 0;font-size:13px}.slider-value small{color:var(--ink-3);margin-left:2px;font-size:10px}button.slider-value:hover{color:var(--ink)}input.slider-value{background:var(--field-bg);outline:2px solid var(--accent);border:0;flex:0 0 56px;width:56px;padding:3px 6px}.segmented{background:var(--field-bg);border-radius:10px;flex:1;gap:2px;min-width:0;padding:2px;display:flex}.segmented button{height:32px;color:var(--ink-2);white-space:nowrap;transition:background .18s var(--ease), color .18s;border-radius:8px;flex:1;justify-content:center;align-items:center;min-width:0;padding:0 6px;font-size:13px;font-weight:500;display:flex}.segmented button:hover{color:var(--ink)}.segmented button.on{background:var(--surface-3);color:var(--ink);font-weight:600;box-shadow:0 3px 8px #0000001f,0 1px 1px #0000000a;box-shadow:0 3px 8px lab(0% 0 0/.122),0 1px 1px lab(0% 0 0/.039)}:root[data-theme=light] .segmented button.on{background:#fff;background:lab(100% 0 0)}.color-field{gap:10px;display:grid}.hex-field{align-items:center;gap:8px;height:36px;padding:0 10px 0 5px;display:flex}.hex-field input{font-family:var(--mono);text-transform:uppercase;background:0 0;border:0;outline:none;width:100%;font-size:12px}.chip{width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;background-image:linear-gradient(45deg,#8884 25%,#0000 25% 75%,#8884 75%);background-image:linear-gradient(45deg,lab(56.732% -.0000298023 0/.267) 25%,#0000 25% 75%,lab(56.732% -.0000298023 0/.267) 75%);border-radius:7px;flex-shrink:0;position:relative}.chip input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatches{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.swatches button{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .2s var(--spring);border-radius:10px}.swatches button:hover{transform:scale(1.08)}.swatches button.on{box-shadow:inset 0 0 0 1px var(--line-2), 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.check{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;display:flex}.check input{accent-color:var(--accent);width:16px;height:16px}.hint{color:var(--ink-3);margin:0;padding:0 2px;font-size:12px;line-height:1.45}.hint strong{color:var(--ink-2);font-weight:600}h4{color:var(--ink-2);margin:6px 0 -2px;font-size:12px;font-weight:600}.link{color:var(--accent);align-items:center;gap:5px;font-weight:500;display:inline-flex}.text-button{color:var(--accent);align-self:flex-start;padding:4px 2px;font-weight:500}.icon-button{width:28px;height:28px;color:var(--ink-3);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button:hover{color:var(--ink);background:var(--field-bg)}.icon-button input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.key{background:var(--key-face);height:40px;color:var(--ink);box-shadow:0 3px 0 var(--key-edge), 0 4px 10px -2px #00000040;transition:transform .12s var(--ease), box-shadow .12s var(--ease), background .15s;white-space:nowrap;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex;position:relative}@supports (color:lab(0% 0 0)){.key{box-shadow:0 3px 0 var(--key-edge), 0 4px 10px -2px lab(0% 0 0/.251)}}.key:hover{background:var(--key-face-hover)}.key:active:not(:disabled){box-shadow:0 1px 0 var(--key-edge), 0 2px 6px -2px #00000040;transform:translateY(2px)}@supports (color:lab(0% 0 0)){.key:active:not(:disabled){box-shadow:0 1px 0 var(--key-edge), 0 2px 6px -2px lab(0% 0 0/.251)}}.key.small{border-radius:10px;height:32px;padding:0 12px;font-size:12px}.key.wide{width:100%}.key.accent{background:var(--accent);color:var(--on-accent);box-shadow:0 3px #0060cc,0 6px 14px -4px #0c84ff80;box-shadow:0 3px lab(41.292% 10.3384 -63.6312),0 6px 14px -4px lab(54.8136% 6.70242 -70.7644/.502)}.key.accent:hover{background:#1a8cff;background:lab(57.183% 2.84305 -66.6877)}.key.on{color:var(--good)}.key input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload{border:1.5px dashed var(--line-2);height:38px;color:var(--ink-2);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:500;transition:border-color .15s,color .15s;display:flex;position:relative}.upload:hover{border-color:var(--accent);color:var(--accent)}.upload.busy{opacity:.6;pointer-events:none}.upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.button-pair{gap:8px;display:flex}.danger-button{color:var(--danger);border-radius:10px;align-items:center;gap:8px;margin:4px auto 18px;padding:10px 14px;font-weight:600;display:flex}.danger-button:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.tool{width:40px;height:40px;color:var(--ink-2);transition:background .15s, color .15s, transform .15s var(--spring);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tool:hover:not(:disabled){background:var(--field-bg);color:var(--ink)}.tool:active:not(:disabled){transform:scale(.94)}.tool.primary-tool.active{background:var(--accent);color:#fff;color:lab(100% 0 0);box-shadow:0 3px #0060cc,0 6px 14px -4px #0c84ff88;box-shadow:0 3px lab(41.292% 10.3384 -63.6312),0 6px 14px -4px lab(54.8136% 6.70242 -70.7644/.533)}.divider{background:var(--line-2);flex-shrink:0;width:1px;height:22px;margin:0 4px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.6);box-shadow:inset 0 0 0 1px var(--glass-edge), var(--pop-shadow)}.menu-anchor{position:relative}.menu{z-index:60;background:var(--menu);min-width:240px;box-shadow:inset 0 0 0 1px var(--line), var(--pop-shadow);animation:pop-up .22s var(--spring);transform-origin:top;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px)}.menu.left{left:0}.menu.right{right:0}.menu.center{left:50%;translate:-50%}.menu.up{transform-origin:bottom;animation-name:pop-in;top:auto;bottom:calc(100% + 8px)}.menu-item{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-weight:500;display:flex}.menu-item>span{flex:1}.menu-item small{color:var(--ink-3);font-size:12px;font-weight:400}.menu-item:hover{background:var(--accent);color:#fff;color:lab(100% 0 0)}.menu-item:hover small{color:#ffffffb0;color:lab(100% 0 0/.69)}.menu-item.on .icon:last-child{color:var(--accent)}.menu-item.on:hover .icon:last-child{color:#fff;color:lab(100% 0 0)}.menu-note{color:var(--ink-3);max-width:260px;margin:6px 10px;font-size:12px;line-height:1.45}.modal-shade{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000006b;background:lab(0% 0 0/.42);justify-content:center;align-items:center;padding:16px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:min(520px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--pop-shadow);animation:panel-in .36s var(--spring);border-radius:22px;gap:14px;padding:20px;display:grid;overflow:auto}.modal-heading{justify-content:space-between;align-items:center;display:flex}.modal-heading h2{letter-spacing:-.01em;margin:0;font-size:19px}.modal-heading button{background:var(--field-bg);width:30px;height:30px;color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal p{margin:0}.modal-hint{color:var(--ink-3);line-height:1.5}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--ink-2);gap:6px;font-weight:500;display:grid}.form-error{color:var(--danger)}.project-actions{flex-wrap:wrap;gap:10px;display:flex}.project-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.project-card{text-align:left;border-radius:14px;gap:4px;padding:6px;transition:background .15s;display:grid}.project-card:hover,.project-card.on{background:var(--field-bg)}.project-card .thumb{max-height:150px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;justify-content:center;align-items:center;margin-bottom:4px;display:flex;overflow:hidden}.project-card .thumb span{text-align:center;padding:8px;font-family:Sunghyun Sans,Inter,sans-serif;font-size:15px;font-weight:900}.project-card small{color:var(--ink-3);font-size:11px}.export-progress{text-align:center;justify-items:center;gap:12px;padding:8px 0;display:grid}.export-progress strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:40px}.export-progress .bar{background:var(--field-bg);border-radius:6px;width:100%;height:6px;overflow:hidden}.export-progress .bar span{background:var(--accent);border-radius:6px;height:100%;transition:width .2s linear;display:block}.export-progress p{color:var(--ink-3)}.toast{z-index:120;background:var(--menu);box-shadow:inset 0 0 0 1px var(--line), var(--pop-shadow);max-width:min(560px,100vw - 24px);animation:toast-in .3s var(--spring);border-radius:14px;align-items:center;gap:10px;padding:10px 10px 10px 16px;font-weight:500;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast button{width:24px;height:24px;color:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;display:flex}.loading{background:var(--bg);height:100dvh;color:var(--ink-3);place-content:center;justify-items:center;gap:10px;display:grid}.loading-mark{color:var(--ink);letter-spacing:-.03em;font-family:Sunghyun Sans,Inter,sans-serif;font-size:30px;font-weight:900}.editor{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.banner{background:var(--brand);color:#fff;color:lab(100% 0 0);flex-shrink:0;justify-content:center;align-items:center;gap:12px;height:44px;font-weight:500;display:flex}.banner button{color:#171717;color:lab(7.78201% -.0000149012 0);background:#fff;background:lab(100% 0 0);border-radius:20px;padding:6px 14px;font-weight:600;box-shadow:0 2px 6px #0002;box-shadow:0 2px 6px lab(0% 0 0/.133)}.topbar{flex-shrink:0;align-items:center;gap:10px;height:64px;padding:0 12px;display:flex}.project-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:34vw;margin-left:4px;font-size:15px;font-weight:600;overflow:hidden}.save-state{color:var(--ink-3);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.save-state .dot{background:var(--good);border-radius:50%;width:6px;height:6px}.save-state.busy .dot{background:var(--warn);animation:1s infinite blink-dot}.save-state.error{color:var(--danger)}.save-state.error .dot{background:var(--danger)}.spacer{flex:1}.ratio-button{height:40px;color:var(--ink-2);border-radius:11px;align-items:center;gap:8px;padding:0 8px;display:flex}.ratio-button:hover{background:var(--field-bg);color:var(--ink)}.ratio-button small{background:var(--field-bg);border-radius:7px;padding:3px 7px;font-size:11px;font-weight:600}.split-key{display:flex}.split-key>.key:first-child{border-radius:12px 0 0 12px}.split-key .key.caret{border-radius:0 12px 12px 0;margin-left:1px;padding:0 10px}.avatar{background:var(--field-bg);width:36px;height:36px;color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;margin-left:2px;font-weight:700;display:flex}.avatar:hover{color:var(--ink)}.workspace{flex-shrink:0;gap:12px;min-height:0;padding:0 12px;display:flex}.resizer{cursor:row-resize;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;height:22px;display:flex}.resizer span{background:var(--line-2);border-radius:4px;width:44px;height:4px;transition:background .15s}.resizer:hover span{background:var(--ink-3)}.inspector{flex-direction:column;flex-shrink:0;width:400px;min-height:0;display:flex}.tabs{grid-template-columns:repeat(var(--n), 1fr);background:var(--surface);border-radius:16px;flex-shrink:0;margin-bottom:12px;padding:4px;display:grid;position:relative}.tab-pill{width:calc((100% - 8px) / var(--n));transform:translateX(calc(var(--i) * 100%));background:var(--surface-3);transition:transform .38s var(--spring);border-radius:12px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 3px 8px #0000001f,0 1px 1px #0000000a;box-shadow:0 3px 8px lab(0% 0 0/.122),0 1px 1px lab(0% 0 0/.039)}:root[data-theme=light] .tab-pill{background:var(--bg)}.tabs button{z-index:1;height:36px;color:var(--ink-3);justify-content:center;align-items:center;gap:7px;font-weight:500;transition:color .2s;display:flex;position:relative}.tabs button.on{color:var(--ink);font-weight:600}.tabs button:hover{color:var(--ink)}.inspector-panel{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:16px;overflow:hidden auto}.panel-heading,.layer-heading{animation:panel-in .42s var(--spring) both;align-items:center;gap:10px;margin:0 2px 12px;display:flex}.panel-heading>div{flex:1;gap:2px;min-width:0;display:grid}.panel-heading strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.panel-heading small{color:var(--ink-3);font-size:12px}.title-input{background:0 0;border:1px solid #0000;border-radius:8px;outline:none;width:100%;margin-left:-8px;padding:5px 8px;font-size:15px;font-weight:600}.title-input:hover{border-color:var(--line-2)}.title-input:focus{border-color:var(--accent);background:var(--field-bg)}.panel-heading small{margin-left:0}.badge{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.badge.green{color:var(--good);background:#30d15826;background:lab(74.096% -60.4796 46.8223/.149);border-radius:10px;width:36px;height:36px}.layer-heading .field{flex:1;height:38px;font-weight:500}.layer-heading .count{color:var(--ink-3)}.card{--i:0;background:var(--surface);box-shadow:var(--card-shadow);animation:panel-in .42s var(--spring) both;animation-delay:calc(var(--i) * 35ms + 20ms);border-radius:18px;margin-bottom:12px;padding:2px 14px}.card-head{align-items:center;gap:6px;min-height:50px;display:flex}.card-title{text-align:left;height:44px;color:var(--ink);flex:1;align-items:center;gap:10px;display:flex}.card-title .icon{color:var(--ink-2)}.card-title strong{font-size:14px;font-weight:600}.card-fold{width:28px;height:28px;color:var(--ink-3);transition:transform .3s var(--spring);border-radius:8px;justify-content:center;align-items:center;display:flex;transform:rotate(0)}.card.open .card-fold{transform:rotate(180deg)}.card-fold:hover{background:var(--field-bg);color:var(--ink)}.key-toggle{width:26px;height:26px;color:var(--ink-3);border-radius:7px;justify-content:center;align-items:center;display:flex}.key-toggle:hover{color:var(--ink);background:var(--field-bg)}.key-toggle.on{color:#ffd71b;color:lab(87.4723% 3.45853 85.8251)}.card-body{animation:pop-in .28s var(--spring);gap:10px;padding:0 0 14px;display:grid}.well{background:var(--field-bg);border-radius:14px;gap:8px;padding:10px 12px;display:grid}.score-head{align-items:center;gap:10px;display:flex}.score-head>div{flex:1;min-width:0;display:grid}.score-head small{color:var(--ink-3);font-size:12px}.lines{background:var(--field-bg);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.lines li{border-bottom:1px solid var(--line);animation:pop-in .28s var(--spring);padding:10px 12px 2px}.lines li:last-child{border:0}.line-head{align-items:flex-start;gap:12px;display:flex}.line-head>div{flex:1;min-width:0}.line-head p{margin:1px 0 2px}.line-head small{color:var(--ink-3)}.line-head .link{color:var(--ink-3);font-variant-numeric:tabular-nums;padding-top:2px;font-weight:400}.moment{align-items:center;gap:8px;display:flex}.moment .select{flex:1}.moment small,.moment .link{font-variant-numeric:tabular-nums;min-width:44px}.key-props{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.font-row{background:var(--field-bg);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.font-row span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:18px;overflow:hidden}.font-row small{color:var(--ink-3)}.snippet{background:var(--field-bg);border-radius:14px;gap:10px;padding:12px;display:grid}.snippet code{white-space:pre-wrap;word-break:break-all;background:0 0;padding:0;font-size:12px;line-height:1.6}.tiles{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.tile{color:var(--ink-3);justify-items:center;gap:6px;display:grid}.tile-art{aspect-ratio:1.35;background:var(--field-bg);width:100%;transition:background .15s, transform .2s var(--spring), box-shadow .15s;color:var(--ink-2);border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.tile-art canvas{width:100%;height:100%;display:block}.tile:hover .tile-art{background:var(--surface-3);color:var(--ink-2)}.tile:active .tile-art{transform:scale(.97)}.tile-label{color:var(--ink-2);font-size:12px}.tile.on .tile-art{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.tile.on .tile-label{color:var(--ink);font-weight:600}.stage{background-color:var(--board);background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:22px 22px;border-radius:22px;flex:1;justify-content:center;align-items:center;min-width:0;padding-bottom:50px;display:flex;position:relative;overflow:hidden}.canvas-box{box-shadow:0 0 0 1px var(--line), 0 30px 80px -30px #0008;border-radius:14px;flex-shrink:0;position:relative}@supports (color:lab(0% 0 0)){.canvas-box{box-shadow:0 0 0 1px var(--line), 0 30px 80px -30px lab(0% 0 0/.533)}}.canvas-box canvas{touch-action:none;border-radius:14px;width:100%;height:100%;display:block}.overlay{pointer-events:none;position:absolute;inset:0}.selection{border:1.5px solid var(--accent);border-radius:2px;position:absolute;box-shadow:0 0 0 1px #ffffff40;box-shadow:0 0 0 1px lab(100% 0 0/.251)}.handle{pointer-events:auto;background:#fff;background:lab(100% 0 0);position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #0000002e,0 1px 3px #0004;box-shadow:0 0 0 1px lab(0% 0 0/.18),0 1px 3px lab(0% 0 0/.267)}.handle.corner{border-radius:50%;width:11px;height:11px}.handle.edge{border-radius:4px;width:22px;height:6px}.handle.side{border-radius:4px;width:6px;height:22px}.overlay.dragging .handle.edge,.overlay.dragging .handle.side,.overlay.dragging .rotate-knob{opacity:0}.rotate-knob{pointer-events:auto;color:#1c1c1e;color:lab(10.2966% .406466 -1.44836);cursor:grab;background:#fff;background:lab(100% 0 0);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:calc(100% + 22px);left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #0000002e,0 2px 6px #0004;box-shadow:0 0 0 1px lab(0% 0 0/.18),0 2px 6px lab(0% 0 0/.267)}.size-badge{color:#fff;color:lab(100% 0 0);font-variant-numeric:tabular-nums;white-space:nowrap;background:#1c1c1ee6;background:lab(10.2966% .406466 -1.44836/.902);border-radius:8px;padding:3px 8px;font-size:11px;position:absolute;top:calc(100% + 48px);left:50%;translate:-50% -50%}.guide{background:#ff375f;background:lab(57.763% 74.9717 28.408);position:absolute}.guide.v{width:1px;top:0;bottom:0;left:50%}.guide.h{height:1px;top:50%;left:0;right:0}.zoom-pill{z-index:20;border-radius:14px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:12px;left:12px}.zoom-pill .tool{width:34px;height:34px}.zoom-readout{font-variant-numeric:tabular-nums;min-width:48px;color:var(--ink-2);border-radius:9px;height:34px;font-size:12px}.zoom-readout:hover{background:var(--field-bg)}.fit-button{height:34px;color:var(--ink-2);border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:flex}.fit-button:hover{background:var(--field-bg)}.fit-button.on{color:var(--ink)}.ask-key{z-index:20;background:linear-gradient(180deg in srgb, #ff7a45, var(--brand));color:#fff;color:lab(100% 0 0);height:48px;transition:transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:24px;align-items:center;gap:12px;padding:0 10px 0 12px;font-size:15px;font-weight:600;display:flex;position:absolute;bottom:14px;left:50%;translate:-50%;box-shadow:0 4px #b83b0d,0 12px 26px -8px #ff5a2099;box-shadow:0 4px lab(44.0276% 50.0143 52.3801),0 12px 26px -8px lab(61.4345% 62.16 64.6309/.6)}@supports (color:lab(0% 0 0)){.ask-key{background:linear-gradient(180deg in srgb, lab(66.9918% 49.4073 53.0651), var(--brand))}}.ask-key:hover{transform:translateY(-1px)}.ask-key:active{transform:translateY(3px);box-shadow:0 1px #b83b0d,0 6px 14px -8px #ff5a2099;box-shadow:0 1px lab(44.0276% 50.0143 52.3801),0 6px 14px -8px lab(61.4345% 62.16 64.6309/.6)}.ask-key kbd{background:#0000002b;background:lab(0% 0 0/.169);border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;display:flex;box-shadow:inset 0 -2px #0000002b;box-shadow:inset 0 -2px lab(0% 0 0/.169)}.eyes{gap:3px;display:flex}.eyes i{background:#1c1c1e;background:lab(10.2966% .406466 -1.44836);border-radius:50%;width:22px;height:22px;animation:4s infinite blink;position:relative}.eyes i:after{content:"";background:#fff;background:lab(100% 0 0);border-radius:50%;width:11px;height:11px;animation:5s infinite eyes-look;position:absolute;top:5.5px;left:5.5px}.preview-flag{z-index:18;background:var(--accent);color:#fff;color:lab(100% 0 0);box-shadow:var(--pop-shadow);animation:pop-up .3s var(--spring);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:14px;left:50%;translate:-50%}.composer{z-index:30;background:var(--menu);-webkit-backdrop-filter:none;width:min(460px,100% - 24px);box-shadow:inset 0 0 0 1px var(--line-2), 0 30px 70px -20px #000000b3, 0 2px 6px #0000004d;animation:panel-in .36s var(--spring);border-radius:20px;gap:10px;padding:12px;display:grid;position:absolute;bottom:12px;left:50%;translate:-50%}@supports (color:lab(0% 0 0)){.composer{box-shadow:inset 0 0 0 1px var(--line-2), 0 30px 70px -20px lab(0% 0 0/.702), 0 2px 6px lab(0% 0 0/.302)}}.composer header{align-items:center;gap:6px;display:flex}.composer header strong{flex:1;padding-left:4px;font-size:14px}.composer-pickers{gap:6px;display:flex}.chip-button{height:26px;color:var(--ink-2);background:var(--field-bg);border-radius:8px;align-items:center;gap:4px;padding:0 8px 0 10px;font-size:12px;font-weight:500;display:flex}.chip-button:hover{color:var(--ink)}.composer .menu{min-width:160px}.composer-log{align-content:start;gap:8px;max-height:min(300px,38vh);padding:2px;display:grid;overflow-y:auto}.msg{white-space:pre-wrap;max-width:88%;animation:pop-in .28s var(--spring);border-radius:14px;padding:9px 12px;line-height:1.45}.msg.user{background:var(--accent);color:#fff;color:lab(100% 0 0);border-bottom-right-radius:5px;justify-self:end}.msg.assistant{background:var(--field-bg);border-bottom-left-radius:5px}.msg.error{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.msg.working{color:var(--ink-2);align-items:center;gap:8px;display:flex}.dots{gap:3px;display:flex}.dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1s infinite blink-dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.proposal{background:var(--accent-soft);animation:pop-in .28s var(--spring);border-radius:14px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.proposal span{flex:1;font-weight:500}.composer-input{background:var(--field-bg);border-radius:14px;gap:6px;padding:10px 10px 8px 12px;display:grid}.composer-input:focus-within{box-shadow:0 0 0 2px var(--accent)}.composer-input textarea{resize:none;background:0 0;border-radius:0;min-height:40px;max-height:140px;padding:0}.composer-input textarea:focus{box-shadow:none}.composer-actions{align-items:center;gap:8px;display:flex}.composer-actions small{color:var(--ink-3);flex:1;font-size:11px}.ask-send{background:var(--brand);color:#fff;color:lab(100% 0 0);border-radius:10px;align-items:center;gap:6px;height:30px;padding:0 12px;font-weight:600;display:flex;box-shadow:0 2px #b83b0d;box-shadow:0 2px lab(44.0276% 50.0143 52.3801)}.ask-send:disabled{background:var(--ink-4);box-shadow:none;opacity:1;color:var(--ink-2)}.refs{flex-wrap:wrap;gap:6px;display:flex}.ref{background:var(--surface-3);border-radius:8px;align-items:center;gap:5px;padding:3px 5px 3px 8px;font-size:12px;display:inline-flex}.ref button{color:var(--ink-3);display:flex}.composer-chip{z-index:30;height:40px;animation:pop-in .28s var(--spring);border-radius:20px;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:flex;position:absolute;bottom:14px;left:50%;translate:-50%}.timeline-shell{background:var(--surface);border-radius:22px;flex-direction:column;flex-shrink:0;min-height:0;margin:0 12px 12px;display:flex;position:relative;overflow:hidden}.timeline-shell.collapsed{margin-top:12px}.timeline-toolbar{border-bottom:1px solid var(--line);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:9px 12px;display:grid}.tools-left,.tools-right{align-items:center;gap:2px;min-width:0;display:flex}.tools-right{justify-content:flex-end}.transport{align-items:center;gap:6px;display:flex}.readout,.transport .dim{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;min-width:64px;font-size:15px}.transport .dim{color:var(--ink-3);text-align:left}.play{color:#1c1c1e;color:lab(10.2966% .406466 -1.44836);width:48px;height:48px;transition:transform .15s var(--spring);background:#fff;background:lab(100% 0 0);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 3px #c7c7cc,0 6px 16px -4px #0006;box-shadow:0 3px lab(80.3349% .702471 -2.54201),0 6px 16px -4px lab(0% 0 0/.4)}.play:active{transform:translateY(2px)scale(.97)}.play .icon{margin-left:2px}.play.playing .icon{margin-left:0}.duration{height:36px;color:var(--ink-2);border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:flex}.duration:hover{background:var(--field-bg);color:var(--ink)}.timeline-scroll{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.timeline-content{min-height:100%;padding-bottom:10px;position:relative}.timeline-row,.ruler-row{display:flex;position:relative}.ruler-row{z-index:12;background:var(--surface);height:30px;position:sticky;top:0}.ruler{cursor:col-resize;touch-action:none;height:30px}.ruler-tick{border-left:1px solid var(--ink-4);pointer-events:none;height:30px;position:absolute;top:0}.ruler-tick small{color:var(--ink-3);font-family:var(--mono);font-size:10.5px;position:absolute;top:6px;left:5px}.ruler-tick:after{content:"";border-left:1px solid var(--ink-4);height:5px;position:absolute;bottom:0;left:50%}.track-label{background:var(--surface);z-index:7;border-right:1px solid var(--line);white-space:nowrap;width:184px;min-width:184px;color:var(--ink-2);align-items:center;gap:5px;padding:0 12px;display:flex;position:sticky;left:0;overflow:hidden}.track-label>span:not(.row-icon){text-overflow:ellipsis;margin-left:6px;overflow:hidden}.track-label>small{color:var(--ink-3);font-size:10px}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);padding-left:16px;font-size:11px;font-weight:500}.ruler-label{z-index:14}.track{touch-action:none;flex:1;min-width:0;height:100%;position:relative}.timeline-row{border-bottom:1px solid var(--line)}.sections-row{height:36px}.section-pill{text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:grab;touch-action:none;border-radius:13px;height:26px;padding:0 12px;font-size:12.5px;font-weight:500;transition:box-shadow .15s;position:absolute;top:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000}.section-pill:hover{box-shadow:inset 0 0 0 1px}.section-selected{box-shadow:inset 0 0 0 1.5px}.audio-row,.layer-row{height:48px}.audio-clip,.layer-clip{--c1:#7fe0cc;--c2:#3fae99;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;color:#fff;color:lab(100% 0 0);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='36' viewBox='0 0 160 36'%3E%3Cpath d='M0 20 C20 6 40 6 60 20 S100 34 120 20 S150 8 160 20 V36 H0Z' fill='%23ffffff' fill-opacity='.16'/%3E%3C/svg%3E") 0 0 / 160px 36px repeat-x, linear-gradient(180deg in srgb, var(--c1), var(--c2));border-radius:11px;align-items:center;gap:4px;height:36px;padding:0 5px;transition:box-shadow .15s,filter .15s;display:flex;position:absolute;top:6px;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 -3px #00000024,0 2px 6px -2px #0005;box-shadow:inset 0 1px lab(100% 0 0/.251),inset 0 -3px lab(0% 0 0/.141),0 2px 6px -2px lab(0% 0 0/.333)}@supports (color:lab(0% 0 0)){.audio-clip,.layer-clip{--c1:lab(82.7825% -33.5873 .397992);--c2:lab(64.4469% -36.6925 1.04442)}}.audio-clip:hover,.layer-clip:hover{filter:brightness(1.06)}.audio-clip.music{--c1:#7ad9a6;--c2:#45b17c}@supports (color:lab(0% 0 0)){.audio-clip.music{--c1:lab(79.8629% -38.1041 16.05);--c2:lab(65.0198% -41.7199 17.6197)}}.audio-clip.voice{--c1:#cc9af5;--c2:#9b5ae0}@supports (color:lab(0% 0 0)){.audio-clip.voice{--c1:lab(70.9451% 31.606 -38.5345);--c2:lab(50.8815% 46.3858 -59.0576)}}.layer-clip.text{--c1:#b27bff;--c2:#8543ee}@supports (color:lab(0% 0 0)){.layer-clip.text{--c1:lab(61.7428% 41.7652 -58.7555);--c2:lab(44.8085% 54.9759 -76.8485)}}.layer-clip.shape3d{--c1:#f57aae;--c2:#e0457f}@supports (color:lab(0% 0 0)){.layer-clip.shape3d{--c1:lab(67.1771% 52.0901 -4.56153);--c2:lab(54.1833% 63.6329 3.39906)}}.layer-clip.image{--c1:#62a6ff;--c2:#2f73e8}@supports (color:lab(0% 0 0)){.layer-clip.image{--c1:lab(66.5603% -1.72031 -51.5855);--c2:lab(49.3344% 11.4899 -66.51)}}.layer-clip.video{--c1:#ffb35c;--c2:#f0862a}@supports (color:lab(0% 0 0)){.layer-clip.video{--c1:lab(79.1789% 22.5869 55.1106);--c2:lab(66.9321% 37.2303 63.6831)}}.layer-clip.rect,.layer-clip.ellipse{--c1:#6fb8ff;--c2:#3d87e6}@supports (color:lab(0% 0 0)){.layer-clip.rect,.layer-clip.ellipse{--c1:lab(72.2309% -8.21909 -42.6916);--c2:lab(55.2874% 1.39737 -55.7828)}}.waveform{display:none}.clip-caption{white-space:nowrap;text-shadow:0 1px 2px #0003;text-shadow:0 1px 2px lab(0% 0 0/.2);z-index:1;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;font-size:12.5px;font-weight:600;display:flex;overflow:hidden}.clip-name{text-overflow:ellipsis;overflow:hidden}.clip-motion{opacity:.8;flex-shrink:1;align-items:center;gap:3px;min-width:0;font-size:11.5px;font-weight:500;display:inline-flex;overflow:hidden}.clip-grip,.trim-handle{cursor:ew-resize;z-index:2;flex-shrink:0;width:10px;height:22px;position:relative}.clip-grip{cursor:inherit}.clip-grip:before,.clip-grip:after,.trim-handle:before,.trim-handle:after{content:"";background:#ffffffd9;background:lab(100% 0 0/.851);border-radius:2px;width:3px;position:absolute;top:2px;bottom:2px}.clip-grip:before,.trim-handle:before{left:1px}.clip-grip:after,.trim-handle:after{right:1px}.empty-track{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0 16px;font-size:12px;line-height:47px;overflow:hidden}.sfx-mark{background:#d4924a;background:lab(66.301% 20.6599 47.7658);border-radius:2px;width:4px;height:20px;position:absolute;top:14px}.row-icon{color:#fff;color:lab(100% 0 0);background:linear-gradient(180deg in srgb, #7fe0cc, #3fae99);width:26px;min-width:26px;height:26px;transition:transform .15s var(--spring);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 -2px #0000001f;box-shadow:inset 0 -2px lab(0% 0 0/.122)}@supports (color:lab(0% 0 0)){.row-icon{background:linear-gradient(180deg in srgb, lab(82.7825% -33.5873 .397992), lab(64.4469% -36.6925 1.04442))}}button.row-icon:hover{transform:scale(1.1)}.row-icon.music{background:linear-gradient(#7ad9a6,#45b17c);background:linear-gradient(lab(79.8629% -38.1041 16.05),lab(65.0198% -41.7199 17.6197));width:28px;height:28px}.row-icon.sfx{background:linear-gradient(#a57443,#7d5530);background:linear-gradient(lab(53.2547% 15.9671 34.8303),lab(40.0348% 13.972 28.0937));width:28px;height:28px}.row-icon.voice{background:linear-gradient(#cc9af5,#9b5ae0);background:linear-gradient(lab(70.9451% 31.606 -38.5345),lab(50.8815% 46.3858 -59.0576));width:28px;height:28px}.row-icon.text{background:linear-gradient(180deg in srgb, #b27bff, #8543ee)}@supports (color:lab(0% 0 0)){.row-icon.text{background:linear-gradient(180deg in srgb, lab(61.7428% 41.7652 -58.7555), lab(44.8085% 54.9759 -76.8485))}}.row-icon.shape3d{background:linear-gradient(180deg in srgb, #f57aae, #e0457f)}@supports (color:lab(0% 0 0)){.row-icon.shape3d{background:linear-gradient(180deg in srgb, lab(67.1771% 52.0901 -4.56153), lab(54.1833% 63.6329 3.39906))}}.row-icon.image{background:linear-gradient(#62a6ff,#2f73e8);background:linear-gradient(lab(66.5603% -1.72031 -51.5855),lab(49.3344% 11.4899 -66.51))}.row-icon.video{background:linear-gradient(180deg in srgb, #ffb35c, #f0862a)}@supports (color:lab(0% 0 0)){.row-icon.video{background:linear-gradient(180deg in srgb, lab(79.1789% 22.5869 55.1106), lab(66.9321% 37.2303 63.6831))}}.row-icon.rect,.row-icon.ellipse{background:linear-gradient(#6fb8ff,#3d87e6);background:linear-gradient(lab(72.2309% -8.21909 -42.6916),lab(55.2874% 1.39737 -55.7828))}.clip-selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent), inset 0 -3px 0 #00000024;z-index:3}@supports (color:lab(0% 0 0)){.clip-selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent), inset 0 -3px 0 lab(0% 0 0/.141)}}.is-hidden{opacity:.38}.is-locked{cursor:not-allowed}.key-diamond{color:#fff;color:lab(100% 0 0);z-index:3;text-shadow:0 1px 2px #0006;text-shadow:0 1px 2px lab(0% 0 0/.4);font-size:9px;position:absolute;bottom:1px;transform:translate(-50%)}.playhead{background:var(--accent);z-index:13;pointer-events:none;will-change:transform;width:2px;margin-left:-1px;position:absolute;top:8px;bottom:0;left:0}.playhead>span{background:var(--accent);border-radius:50%;width:18px;height:18px;position:absolute;top:-2px;left:-8px;box-shadow:0 0 0 3px #0c84ff33,0 2px 8px #0c84ff66;box-shadow:0 0 0 3px lab(54.8136% 6.70242 -70.7644/.2),0 2px 8px lab(54.8136% 6.70242 -70.7644/.4)}.audio-toggle{z-index:20;color:var(--ink-3);border-radius:7px;align-items:center;gap:2px;padding:4px 6px;display:flex;position:absolute;top:103px;left:138px}.audio-toggle:hover{color:var(--ink);background:var(--field-bg)}.editor.mobile{--brand-ink:#ff7a3d}@supports (color:lab(0% 0 0)){.editor.mobile{--brand-ink:lab(66.9105% 49.0405 56.5878)}}.m-top{padding:max(8px, env(safe-area-inset-top)) 12px 6px 6px;flex-shrink:0;align-items:center;gap:8px;display:flex}.m-back{color:var(--brand-ink);align-items:center;gap:2px;padding:6px 4px;font-size:17px;font-weight:500;display:flex}.m-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;font-weight:600;overflow:hidden}.m-actions{gap:0;display:flex}.m-actions .tool{width:36px;height:36px;color:var(--brand-ink)}.m-actions .tool:disabled{color:var(--ink-3)}.m-banner{background:var(--brand);color:#fff;color:lab(100% 0 0);border-radius:16px;align-items:center;gap:10px;margin:4px 16px 10px;padding:10px 10px 10px 14px;font-weight:500;line-height:1.35;display:flex}.m-banner span{flex:1}.m-banner button{color:#171717;color:lab(7.78201% -.0000149012 0);white-space:nowrap;background:#fff;background:lab(100% 0 0);border-radius:20px;padding:9px 14px;font-weight:600}.m-stage{flex-shrink:0;height:min(55.2vw,34dvh);padding:0 16px}.m-stage .stage{background-color:#0000;background-image:none;border-radius:18px;height:100%;padding:0}.m-stage .canvas-box,.m-stage .canvas-box canvas{border-radius:16px}.m-stage .zoom-pill{display:none}.m-transport{flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.m-play{color:#1c1c1e;color:lab(10.2966% .406466 -1.44836);background:#f5f5f7;background:lab(96.61% .299096 -1.09131);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.m-scrub{flex:1;gap:8px;min-width:0;display:grid}.m-scrub-head{justify-content:space-between;font-weight:600;display:flex}.m-scrub-head .scene{align-items:center;gap:7px;display:flex}.m-scrub-head .scene i{border-radius:50%;width:8px;height:8px}.m-scrub-head .time{font-variant-numeric:tabular-nums}.m-scrub-head .time small{color:var(--ink-3);font-size:13px;font-weight:400}.m-track{touch-action:none;cursor:pointer;height:18px;position:relative}.m-track span{opacity:.55;border-left:2px solid var(--bg);border-right:2px solid var(--bg);border-radius:2px;height:4px;position:absolute;top:7px}.m-track b{background:#fff;background:lab(100% 0 0);border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;top:0;box-shadow:0 2px 6px #0006;box-shadow:0 2px 6px lab(0% 0 0/.4)}.m-sheet{background:var(--surface);border-radius:22px 22px 0 0;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;box-shadow:0 -10px 30px -20px #000;box-shadow:0 -10px 30px -20px lab(0% 0 0)}.grab{background:var(--line-2);border-radius:3px;flex-shrink:0;width:36px;height:5px;margin:8px auto 0}.m-pane{flex-direction:column;flex:1;min-height:0;padding:6px 16px 20px;display:flex;overflow-y:auto}.m-pane h2{letter-spacing:-.02em;align-items:baseline;gap:10px;margin:4px 0 10px;font-size:22px;display:flex}.m-pane h2 small{color:var(--ink-3);letter-spacing:0;font-size:13px;font-weight:500}.m-pane h2 small.ok{color:var(--good)}.m-hint{color:var(--ink-3);margin:-4px 0 12px;line-height:1.45}.m-pane .inspector{flex:1;width:100%}.m-pane .inspector-panel{overflow:visible}.m-pane .card{background:var(--surface-2);box-shadow:none}.m-pane .composer{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-direction:column;flex:1;padding:0;animation:none;display:flex;position:static;translate:none}.m-pane .composer header strong{display:none}.m-pane .composer-log{flex:1;max-height:none}.m-add{gap:4px;margin-bottom:12px;display:flex;overflow-x:auto}.m-add .tool{background:var(--surface-2)}.m-group{margin-bottom:16px}.m-group-head{align-items:center;gap:8px;padding:0 4px 8px;font-size:13px;display:flex}.m-group-head i{border-radius:50%;width:8px;height:8px}.m-group-head strong{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.m-group-head small{color:var(--ink-3);flex:1}.m-group-head .link{color:var(--brand-ink)}.m-list{background:var(--surface-2);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.m-list li{border-bottom:1px solid var(--line);color:var(--ink-3);align-items:center;gap:6px;padding-right:12px;display:flex}.m-list li:last-child{border:0}.m-list li.on{background:var(--accent-soft)}.m-list li.empty{padding:14px;font-size:13px}.m-row{text-align:left;min-width:0;color:var(--ink);flex:1;align-items:center;gap:12px;padding:10px 0 10px 12px;display:flex}.m-row-text{min-width:0;font-size:16px;display:grid}.m-row-text small{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12.5px}.tile.type-text,.m-row .tile{color:#fff;color:lab(100% 0 0);background:#636366;background:lab(42.0722% .503033 -1.81476);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.m-row .tile.type-text{background:var(--brand)}.m-row .tile.type-shape3d{background:#e0457f;background:lab(54.1833% 63.6329 3.39906)}.m-row .tile.type-image{background:#2f73e8;background:lab(49.3344% 11.4899 -66.51)}.m-row .tile.type-video{background:#f0862a;background:lab(66.9321% 37.2303 63.6831)}.m-row .tile.type-rect,.m-row .tile.type-ellipse{background:#3d87e6;background:lab(55.2874% 1.39737 -55.7828)}.m-tabs{background:var(--surface);border-top:1px solid var(--line);padding:6px 0 max(8px, env(safe-area-inset-bottom));flex-shrink:0;display:flex}.m-tabs button{color:var(--ink-3);flex:1;justify-items:center;gap:3px;font-size:11px;font-weight:500;display:grid}.m-tabs button.on{color:var(--brand-ink)}@media (max-width:767px){body{font-size:14px}.toast{top:auto;bottom:90px}}@media (max-width:1100px){.inspector{width:340px}.tools-left .tool{width:34px}.timeline-toolbar{grid-template-columns:auto auto auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.layer-clip,.audio-clip{container-type:inline-size}@container (max-width:190px){.clip-motion{display:none}}@container (max-width:70px){.clip-caption .icon,.clip-name{display:none}}.m-pane .composer header .icon-button{display:none}.m-pane .composer header{justify-content:flex-start}.sfx-mark.whoosh{background:#64d2ff;background:lab(79.1434% -23.059 -32.3197)}.sfx-mark.pop,.sfx-mark.tick{background:#ffd71b;background:lab(87.4723% 3.45853 85.8251);height:12px;top:18px}.sfx-mark.impact,.sfx-mark.punch,.sfx-mark.thud,.sfx-mark.subDrop{background:#ff5a20;background:lab(61.4345% 62.16 64.6309);width:5px}.editor,.timeline-shell,.stage,.tabs,.card-head,.topbar,.m-transport,.m-tabs{-webkit-user-select:none;user-select:none}.editor input,.editor textarea,.snippet code,.msg{-webkit-user-select:text;user-select:text}html.is-dragging,html.is-dragging *{-webkit-user-select:none!important;user-select:none!important;cursor:var(--drag-cursor,grabbing)!important}html.is-dragging iframe{pointer-events:none}.playhead>span{pointer-events:auto;cursor:ew-resize;transition:transform .15s var(--spring)}.playhead>span:hover{transform:scale(1.15)}.snap-line{z-index:12;pointer-events:none;background:#ffd71b;background:lab(87.4723% 3.45853 85.8251);width:1px;position:absolute;top:30px;bottom:0;left:0;box-shadow:0 0 6px #ffd71b;box-shadow:0 0 6px lab(87.4723% 3.45853 85.8251)}.composer .composer-input{background:var(--field-bg)}.composer-chip{background:var(--menu);-webkit-backdrop-filter:none;backdrop-filter:none}.menu{-webkit-backdrop-filter:none;backdrop-filter:none}.key.signin{height:36px;margin-left:4px}html,body{overscroll-behavior:none}.timeline-scroll{overscroll-behavior:contain}.track-label{z-index:15}.playhead.off{opacity:0}.playhead.off>span{pointer-events:none}@keyframes pop-out{to{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes fade-out{to{opacity:0}}@keyframes panel-out{to{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-8px)scale(.96)}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-ring{to{--spin:360deg}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tool,.icon-button,.chip-button,.row-icon,.row-toggle,.zoom-readout,.fit-button,.duration,.ratio-button,.card-fold,.key-toggle,.swatches button{transition:transform .22s var(--ease), background-color .22s var(--ease), color .22s var(--ease), box-shadow .28s var(--ease), opacity .22s var(--ease)}.tool:hover:not(:disabled),.chip-button:hover,.duration:hover,.ratio-button:hover,.zoom-readout:hover,.fit-button:hover{transform:translateY(-1px)}.tool:active:not(:disabled),.icon-button:active,.chip-button:active,.row-toggle:active,.duration:active,.ratio-button:active,.fit-button:active,.zoom-readout:active,.menu-item:active,.tile:active .tile-art{transition-duration:.1s;transform:scale(.96)}.key{--t:3px;box-shadow:inset 0 1px 0 #ffffff1f, 0 var(--t) 0 var(--key-edge), 0 calc(var(--t) + 6px) 14px -8px #0000008c;transition:transform .34s var(--spring), box-shadow .34s var(--ease), background-color .2s var(--ease), filter .2s var(--ease)}@supports (color:lab(0% 0 0)){.key{box-shadow:inset 0 1px 0 lab(100% 0 0/.122), 0 var(--t) 0 var(--key-edge), 0 calc(var(--t) + 6px) 14px -8px lab(0% 0 0/.549)}}.key:hover:not(:disabled){--t:4px;transform:translateY(-1px)}.key:active:not(:disabled){--t:1px;transition-duration:.12s;transform:translateY(2px)}.key.accent{box-shadow:inset 0 1px 0 #fff3, 0 var(--t) 0 #0060cc, 0 calc(var(--t) + 6px) 16px -6px #0c84ff80}@supports (color:lab(0% 0 0)){.key.accent{box-shadow:inset 0 1px 0 lab(100% 0 0/.2), 0 var(--t) 0 lab(41.292% 10.3384 -63.6312), 0 calc(var(--t) + 6px) 16px -6px lab(54.8136% 6.70242 -70.7644/.502)}}.key.accent:hover:not(:disabled){filter:brightness(1.06)}.slider:active::-webkit-slider-thumb{transform:scale(1.12)}.slider::-webkit-slider-thumb{transition:transform .22s var(--spring)}.fold{transition:grid-template-rows .32s var(--ease), opacity .24s var(--ease);grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);display:grid}.fold[data-open=false]{opacity:0;grid-template-rows:0fr}.fold>div{min-height:0;overflow:clip}.card .card-body{animation:none}.segmented{position:relative}.segmented .seg-thumb{width:calc((100% - 4px - (var(--n) - 1) * 2px) / var(--n));transform:translateX(calc(var(--i) * (100% + 2px)));background:var(--surface-3);box-shadow:0 0 0 .5px var(--line-2), 0 2px 0 var(--key-edge), 0 3px 8px #00000024;transition:transform .36s var(--spring);border-radius:8px;position:absolute;top:2px;bottom:2px;left:2px}@supports (color:lab(0% 0 0)){.segmented .seg-thumb{box-shadow:0 0 0 .5px var(--line-2), 0 2px 0 var(--key-edge), 0 3px 8px lab(0% 0 0/.141)}}:root[data-theme=light] .segmented .seg-thumb{background:#fff;background:lab(100% 0 0)}.segmented button{z-index:1;position:relative}.segmented button.on{box-shadow:none!important;background:0 0!important}.sections-row{z-index:11;background:var(--surface);position:sticky;top:30px}.section-label{justify-content:space-between}.audio-toggle{color:var(--ink-3);border-radius:7px;align-items:center;gap:1px;padding:4px 6px;display:inline-flex;position:static}.audio-toggle .icon:last-child{transition:transform .32s var(--spring);transform:rotate(180deg)}.audio-toggle.open .icon:last-child{transform:rotate(0)}.audio-group{opacity:0;transition:grid-template-rows .34s var(--ease), opacity .26s var(--ease);grid-template-rows:0fr;display:grid}.audio-group.open{opacity:1;grid-template-rows:1fr}.audio-group>div{min-height:0;overflow:clip}.layer-clip,.audio-clip{transition:box-shadow .4s var(--ease), transform .3s var(--spring), filter .15s, opacity .22s var(--ease)}.layer-clip.lift,.audio-clip.lift{z-index:20;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff40,inset 0 -3px #00000024,0 16px 24px -12px #000c;box-shadow:inset 0 1px lab(100% 0 0/.251),inset 0 -3px lab(0% 0 0/.141),0 16px 24px -12px lab(0% 0 0/.8)}.clip-selected.lift{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent), 0 16px 24px -12px #000c}@supports (color:lab(0% 0 0)){.clip-selected.lift{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent), 0 16px 24px -12px lab(0% 0 0/.8)}}.audio-clip.is-muted{opacity:.4;filter:grayscale(.8)}.snap-line{background:#0c84ff;background:lab(54.8136% 6.70242 -70.7644);box-shadow:0 0 8px #0c84ff73;box-shadow:0 0 8px lab(54.8136% 6.70242 -70.7644/.451)}.row-actions{gap:2px;margin-left:auto;padding-left:4px;display:flex}.row-toggle{width:26px;height:26px;color:var(--ink-3);opacity:0;border-radius:7px;justify-content:center;align-items:center;display:flex}.track-label:hover .row-toggle,.row-toggle.on,.row-toggle:focus-visible{opacity:1}.row-toggle:hover{background:var(--field-bg);color:var(--ink)}.row-toggle.on{color:#ff9f0a;color:lab(74.2258% 30.535 77.1914)}:is(.layer-row:has(.row-toggle.on[aria-label=Show\ track]) .track,.audio-row:has(.row-toggle.on) .track){background:repeating-linear-gradient(135deg,#0000 0 8px,#ffffff06 8px 16px);background:repeating-linear-gradient(135deg,#0000 0 8px,lab(100% 0 0/.024) 8px 16px)}.playhead{background:#e5533d;background:lab(55.9508% 56.6292 44.131);width:2px;top:4px}.playhead>span{width:18px;height:22px;box-shadow:none;filter:drop-shadow(0 2px 4px #0006);filter:drop-shadow(0 2px 4px lab(0% 0 0/.4));background:0 0;border-radius:0;top:-2px;left:-8px}.playhead>span svg{fill:#e5533d;fill:lab(55.9508% 56.6292 44.131);display:block}.playhead>span:hover{transform-origin:50% 100%;transform:scale(1.12)}.workspace .inspector{transition:width .34s var(--ease), opacity .24s var(--ease), margin .34s var(--ease);overflow:hidden}.workspace.no-sidebar .inspector{opacity:0;pointer-events:none;width:0;margin-right:-12px}.workspace .inspector>*{min-width:400px}@media (max-width:1100px){.workspace .inspector>*{min-width:340px}}.context-menu{z-index:200;background:var(--menu);min-width:250px;box-shadow:0 0 0 .5px var(--line-2), var(--pop-shadow);animation:pop-up .2s var(--spring);border-radius:14px;padding:6px;position:fixed}.context-menu.closing,.menu.closing{animation:pop-out .14s var(--ease) forwards;pointer-events:none}.context-menu hr{background:var(--line-2);border:0;height:1px;margin:5px 8px}.context-menu .menu-item{padding:7px 10px;font-weight:500}.context-menu .menu-item:focus-visible{background:var(--accent);color:#fff;color:lab(100% 0 0);outline:none}.context-menu .menu-item:disabled{opacity:.35}.context-menu .menu-item:disabled:hover{color:inherit;background:0 0}.context-menu kbd{color:var(--ink-3);margin-left:18px;font-family:inherit;font-size:12px}.context-menu .menu-item:hover kbd,.context-menu .menu-item:focus-visible kbd{color:#ffffffb3;color:lab(100% 0 0/.702)}.context-menu .menu-item.danger{color:var(--danger)}.context-menu .menu-item.danger:hover{background:var(--danger);color:#fff;color:lab(100% 0 0)}.icon-gap{flex-shrink:0;width:16px}.presence.closing .modal-shade{animation:fade-out .2s var(--ease) forwards}.presence.closing .modal{animation:panel-out .2s var(--ease) forwards}.composer{isolation:isolate}.claude-ring,.claude-halo{pointer-events:none;background:conic-gradient(from var(--spin) in srgb, #bc82f3, #f5b9ea, #8d9fff, #ff6778, #ffba71, #c686ff, #bc82f3);opacity:0;transition:opacity .6s var(--ease);border-radius:22px;animation:3.2s linear infinite paused spin-ring;position:absolute}@supports (color:lab(0% 0 0)){.claude-ring,.claude-halo{background:conic-gradient(from var(--spin) in srgb, lab(63.8854% 38.7998 -48.7641), lab(81.8761% 27.8958 -15.6178), lab(67.1682% 12.2392 -50.6129), lab(64.229% 59.7862 22.3021), lab(80.9588% 20.0152 46.7899), lab(66.2501% 41.8845 -51.4766), lab(63.8854% 38.7998 -48.7641))}}.claude-ring{z-index:2;padding:2px;inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(lab(0% 0 0) 0 0) content-box,linear-gradient(lab(0% 0 0) 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(lab(0% 0 0) 0 0) content-box exclude,linear-gradient(lab(0% 0 0) 0 0)}.claude-halo{filter:blur(18px);z-index:-1;inset:4px}.composer.working .claude-ring{opacity:1;animation-play-state:running}.composer.working .claude-halo{opacity:.6;animation-play-state:running}.shimmer{background:linear-gradient(90deg, var(--ink-3) 0%, var(--ink) 50%, var(--ink-3) 100%) 0 0 / 200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite shimmer}.ask-send:not(:disabled){transition:transform .2s var(--spring);box-shadow:0 4px 12px -2px #ff5a2080;box-shadow:0 4px 12px -2px lab(61.4345% 62.16 64.6309/.502)}.ask-send:not(:disabled):active{transform:scale(.88)}.tabs button{transition:color .22s var(--ease)}.ruler-row{z-index:30}.sections-row{z-index:29}.playhead{z-index:31}.snap-line{z-index:28}.track-label>span.row-actions{margin-left:auto;overflow:visible}.row-toggle{width:30px;height:30px;color:var(--ink-2);border-radius:9px}.row-toggle.on{opacity:1}.row-toggle.mute.on{color:#ff6961;color:lab(64.2019% 57.9327 35.3302);background:#ff453a29;background:lab(58.7233% 69.9741 50.5244/.161)}.row-toggle.hide.on,.row-toggle.lock.on{color:#ffb340;color:lab(78.938% 21.4402 66.4762);background:#ff9f0a29;background:lab(74.2258% 30.535 77.1914/.161)}.row-toggle .icon{animation:toggle-pop .34s var(--spring)}@keyframes toggle-pop{0%{opacity:.4;transform:scale(.6)}}.audio-row:has(.row-toggle.mute.on) .track-label>span:not(.row-icon):not(.row-actions){opacity:.45}.layer-row:has(.row-toggle.hide.on) .row-icon{opacity:.45}.timeline-scroll{scrollbar-gutter:stable}.audio-group{transition:grid-template-rows .46s cubic-bezier(.32, .72, 0, 1), opacity .3s var(--ease)}.audio-toggle .icon:last-child{transition:transform .46s cubic-bezier(.32,.72,0,1)}.context-menu{border-radius:12px;outline:none;min-width:212px;padding:5px;font-size:13px}.context-menu .menu-item{border-radius:7px;gap:9px;min-height:30px;padding:5px 9px}.context-menu .menu-item .icon{width:15px;height:15px}.context-menu hr{margin:4px 6px}.context-menu kbd{font-size:11.5px}.account-line{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.timeline-row>.track,.ruler-row>.track{margin-left:14px}.agent-status{z-index:25;background:var(--menu);box-shadow:0 0 0 .5px var(--line-2), var(--pop-shadow);animation:pop-up .3s var(--spring);white-space:nowrap;border-radius:20px;align-items:center;gap:9px;max-width:min(520px,80%);padding:8px 14px 8px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;top:14px;left:50%;overflow:hidden;translate:-50%}.agent-status .orb{background:conic-gradient(from var(--spin) in srgb, #bc82f3, #f5b9ea, #8d9fff, #ff6778, #ffba71, #bc82f3);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:2.4s linear infinite spin-ring,1.6s ease-in-out infinite orb-breathe}@supports (color:lab(0% 0 0)){.agent-status .orb{background:conic-gradient(from var(--spin) in srgb, lab(63.8854% 38.7998 -48.7641), lab(81.8761% 27.8958 -15.6178), lab(67.1682% 12.2392 -50.6129), lab(64.229% 59.7862 22.3021), lab(80.9588% 20.0152 46.7899), lab(63.8854% 38.7998 -48.7641))}}@keyframes orb-breathe{50%{transform:scale(1.18)}}.canvas-halo{filter:blur(22px);z-index:-1;border-radius:20px;inset:-6px}.stage.agent-on .canvas-halo{opacity:.55;animation-play-state:running}.canvas-box{isolation:isolate}.ruler-tick.minor{border-left-color:var(--line-2);height:8px;top:auto;bottom:0}.ruler-tick.minor:after{display:none}.range{z-index:2;background:#0c84ff2e;background:lab(54.8136% 6.70242 -70.7644/.18);border-radius:7px;height:26px;position:absolute;top:2px;box-shadow:inset 0 0 0 1.5px #0c84ffb3;box-shadow:inset 0 0 0 1.5px lab(54.8136% 6.70242 -70.7644/.702)}.range-body{cursor:grab;position:absolute;inset:0 10px}.range-edge{cursor:ew-resize;width:10px;position:absolute;top:0;bottom:0}.range-edge:after{content:"";background:#0c84ff;background:lab(54.8136% 6.70242 -70.7644);border-radius:1px;width:2px;position:absolute;top:7px;bottom:7px;left:4px}.range-edge.start{left:0}.range-edge.end{right:0}.range-chip{color:#fff;color:lab(100% 0 0);font-variant-numeric:tabular-nums;white-space:nowrap;animation:pop-in .24s var(--spring);background:#0c84ff;background:lab(54.8136% 6.70242 -70.7644);border-radius:8px;align-items:center;gap:2px;padding:2px 3px 2px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 4px 10px -4px #0c84ffaa;box-shadow:0 4px 10px -4px lab(54.8136% 6.70242 -70.7644/.667)}.range-chip button{color:#fff;color:lab(100% 0 0);border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.range-chip button:hover{background:#ffffff2e;background:lab(100% 0 0/.18)}.range-shade{pointer-events:none;z-index:10;background:#00000059;background:lab(0% 0 0/.349);position:absolute;top:30px;bottom:0}.ruler-label{position:sticky}.label-resizer{cursor:col-resize;z-index:40;width:8px;height:100vh;position:absolute;top:0;right:-4px}.label-resizer:after{content:"";width:2px;transition:background .2s var(--ease);background:0 0;position:absolute;top:0;bottom:0;left:3px}.label-resizer:hover:after,.label-resizer.active:after{background:#0c84ff;background:lab(54.8136% 6.70242 -70.7644)}.track-label{width:var(--label-w,184px);min-width:var(--label-w,184px);position:sticky}.track-label>span.row-actions{background:linear-gradient(90deg, transparent, var(--surface) 22px);opacity:0;transition:opacity .2s var(--ease);margin:0;padding:3px 3px 3px 22px;position:absolute;top:50%;right:6px;translate:0 -50%}.track-label:hover>span.row-actions,.track-label>span.row-actions:focus-within{opacity:1}.track-label>span.row-actions:has(.on){opacity:1}.track-label:not(:hover)>span.row-actions:has(.on) .row-toggle:not(.on){display:none}.agent-status{gap:8px;padding:7px 14px 7px 12px}.braille{font-family:var(--mono);color:#0c84ff;color:lab(54.8136% 6.70242 -70.7644);text-align:center;width:12px;font-size:16px;line-height:1}.agent-name{font-weight:700}.agent-status .shimmer{text-overflow:ellipsis;font-weight:500;overflow:hidden}@keyframes edge-breathe{0%,to{opacity:.55}50%{opacity:1}}.stage:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);z-index:26;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #0c84ff99,inset 0 0 60px 6px #0c84ff55,inset 0 0 140px 30px #0c84ff1f;box-shadow:inset 0 0 0 1.5px lab(54.8136% 6.70242 -70.7644/.6),inset 0 0 60px 6px lab(54.8136% 6.70242 -70.7644/.333),inset 0 0 140px 30px lab(54.8136% 6.70242 -70.7644/.122)}.stage.agent-on:after{animation:2.4s ease-in-out infinite edge-breathe}.stage.agent-on .canvas-halo{opacity:0}.theater{z-index:150;animation:fade-in .25s var(--ease);background:#000;background:lab(0% 0 0);flex-direction:column;display:flex;position:fixed;inset:0}.theater-stage{flex:1;min-height:0;padding:20px 20px 0;display:flex}.theater-stage .stage{background:0 0}.theater-stage .zoom-pill{display:none}.theater-bar{color:#f3f3f5;color:lab(95.914% .299096 -1.0913);align-items:center;gap:14px;padding:14px 20px 20px;display:flex}.theater-scrub{flex:1;gap:8px;display:grid}.theater-track{height:22px}.theater-track span{opacity:.75;border-radius:3px;height:6px;top:8px}.theater-track b{top:2px}.theater-range{pointer-events:none;background:#0c84ff26;background:lab(54.8136% 6.70242 -70.7644/.149);border-radius:5px;height:16px;position:absolute;top:3px;box-shadow:inset 0 0 0 1.5px #0c84ff;box-shadow:inset 0 0 0 1.5px lab(54.8136% 6.70242 -70.7644)}.scrub-tip{color:#fff;color:lab(100% 0 0);white-space:nowrap;pointer-events:none;background:#2c2c2e;background:lab(18.0688% .404626 -1.45005);border-radius:7px;padding:4px 8px;font-size:12px;position:absolute;bottom:26px;translate:-50%}.loop-chip{color:#409cff;color:lab(62.4841% -2.17754 -58.1254);background:#0c84ff33;background:lab(54.8136% 6.70242 -70.7644/.2);border-radius:6px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:600}.theater-stage .stage{border-radius:0;padding:0}.menu.portal{z-index:300;position:fixed;bottom:auto;right:auto;translate:none}.menu.portal.up{transform-origin:bottom;animation-name:pop-in}.timeline-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.timeline-wrap>.timeline-scroll{flex:1}.timeline-wrap>.label-resizer{cursor:col-resize;z-index:45;width:10px;height:auto;position:absolute;top:0;bottom:0;right:auto}.timeline-wrap>.label-resizer:after{content:"";width:2px;transition:background .18s var(--ease), width .18s var(--ease), left .18s var(--ease);background:0 0;border-radius:2px;position:absolute;top:0;bottom:0;left:4px}.timeline-wrap>.label-resizer:hover:after,.timeline-wrap>.label-resizer.active:after{background:#0c84ff;background:lab(54.8136% 6.70242 -70.7644);width:4px;left:3px;box-shadow:0 0 10px #0c84ff80;box-shadow:0 0 10px lab(54.8136% 6.70242 -70.7644/.502)}.curve-editor{background:var(--field-bg);animation:pop-in .26s var(--spring);border-radius:14px;gap:10px;padding:10px;display:grid}.curve-graph{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto}.curve-graph .grid{stroke:var(--line-2);stroke-width:1px}.curve-graph .arm{stroke:#0c84ff99;stroke:lab(54.8136% 6.70242 -70.7644/.6);stroke-width:1.5px}.curve-graph .curve{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.curve-graph .end{fill:var(--ink-3)}.curve-graph .knob{fill:#0c84ff;fill:lab(54.8136% 6.70242 -70.7644);stroke:#fff;stroke:lab(100% 0 0);stroke-width:2.5px;cursor:grab;transition:r .2s var(--spring)}.curve-graph .knob:hover{r:10}.curve-presets{flex-wrap:wrap;gap:6px;display:flex}.curve-presets .chip-button{gap:5px;padding:0 8px}.curve-presets .chip-button.on{color:#fff;color:lab(100% 0 0);background:#0c84ff;background:lab(54.8136% 6.70242 -70.7644)}.curve-values{justify-content:space-between;align-items:center;gap:8px;display:flex}.curve-values code{color:var(--ink-2);background:0 0;padding:0;font-size:11px}.curve-button{background:var(--field-bg);height:34px;color:var(--ink-2);transition:background .2s var(--ease), color .2s var(--ease);border-radius:10px;align-items:center;gap:8px;padding:0 12px 0 8px;font-weight:500;display:inline-flex}.curve-button:hover,.curve-button.on{color:var(--ink);background:var(--surface-3)}.curve-button.on svg{color:#0c84ff;color:lab(54.8136% 6.70242 -70.7644)}.icon-button.on{color:#0c84ff;color:lab(54.8136% 6.70242 -70.7644);background:var(--field-bg)}.curve-panel{z-index:220;background:var(--menu);width:300px;box-shadow:0 0 0 .5px var(--line-2), var(--pop-shadow);animation:pop-up .24s var(--spring);border-radius:16px;padding:10px;position:fixed}.curve-panel header{align-items:center;gap:8px;margin:0 0 8px 4px;display:flex}.curve-panel header strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.curve-panel .curve-editor{background:0 0;padding:0}.context-menu .menu-item>span{white-space:nowrap}.context-menu .menu-item>span.icon-gap{flex:0 0 15px}.context-menu .menu-item>.icon{flex:none}.context-menu kbd{white-space:nowrap;flex:none}.home{background:var(--bg);height:100dvh;position:relative;overflow-y:auto}.home-top{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.5);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-family:Sunghyun Sans,Inter,sans-serif;font-size:21px;font-weight:900;display:flex}.brand-mark{background:#fff;background:lab(100% 0 0);border-radius:11px;justify-content:center;align-items:center;gap:3px;width:34px;height:34px;display:flex;box-shadow:0 3px #c7c7cc;box-shadow:0 3px lab(80.3349% .702471 -2.54201)}.brand-mark i{background:#2b59ff;background:lab(43.8461% 33.9404 -88.2799);border-radius:50%;width:11px;height:11px;position:relative}.brand-mark i:after{content:"";background:#fff;background:lab(100% 0 0);border-radius:50%;width:5px;height:5px;animation:5s infinite eyes-look;position:absolute;top:3px;left:3px}.search{background:var(--field-bg);width:min(360px,40vw);height:38px;color:var(--ink-3);border-radius:12px;align-items:center;gap:8px;margin-left:18px;padding:0 12px;display:flex}.search:focus-within{box-shadow:0 0 0 2px var(--accent)}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none}.home-body{gap:34px;max-width:1320px;margin:0 auto;padding:28px 28px 60px;display:grid}.home h2{letter-spacing:-.02em;align-items:baseline;gap:8px;margin:0 0 14px;font-size:20px;display:flex}.home h2 small{color:var(--ink-3);font-size:14px;font-weight:500}.start-row{scrollbar-width:none;gap:14px;padding:4px 2px 10px;display:flex;overflow-x:auto}.start-tile{text-align:left;background:var(--surface);box-shadow:var(--card-shadow);animation:panel-in .42s var(--spring) both;animation-delay:calc(var(--i) * 40ms);transition:transform .28s var(--spring), box-shadow .28s var(--ease);border-radius:18px;flex:0 0 150px;justify-items:start;gap:3px;padding:12px;display:grid;position:relative}.start-tile:hover{box-shadow:var(--card-shadow), 0 16px 30px -18px #000;transform:translateY(-3px)}@supports (color:lab(0% 0 0)){.start-tile:hover{box-shadow:var(--card-shadow), 0 16px 30px -18px lab(0% 0 0)}}.start-tile:active{transform:scale(.97)}.start-tile .frame{background:var(--field-bg);max-width:100%;height:96px;color:var(--ink-3);border-radius:10px;justify-content:center;justify-self:center;align-items:center;margin-bottom:10px;transition:color .2s;display:flex}.start-tile:hover .frame{color:var(--accent)}.start-tile .frame.dashed{border:1.5px dashed var(--line-2);background:0 0}.start-tile .frame.art{color:#fff;color:lab(100% 0 0);letter-spacing:-.03em;font-family:Sunghyun Sans,Inter,sans-serif;font-weight:900}.frame.art.trailer{background:linear-gradient(160deg in srgb, #2b59ff, #5ce1ff);font-size:15px}@supports (color:lab(0% 0 0)){.frame.art.trailer{background:linear-gradient(160deg in srgb, lab(43.8461% 33.9404 -88.2799), lab(83.143% -31.1725 -26.1317))}}.frame.art.trailer b:after{content:""}.frame.art.launch{background:linear-gradient(135deg in srgb, #ff7a3d, #ff5a20 60%, #bf5af2);font-size:18px}@supports (color:lab(0% 0 0)){.frame.art.launch{background:linear-gradient(135deg in srgb, lab(66.9105% 49.0405 56.5878), lab(61.4345% 62.16 64.6309) 60%, lab(56.3938% 58.7499 -59.9118))}}.start-tile strong{font-size:14px}.start-tile small{color:var(--ink-3);font-size:12px}.start-tile.import input{opacity:0;cursor:pointer;position:absolute;inset:0}.project-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;display:grid}.project-tile{cursor:pointer;animation:panel-in .42s var(--spring) both;animation-delay:calc(var(--i) * 30ms);border-radius:18px;outline:none}.project-tile .thumb{height:200px;box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--spring), box-shadow .3s var(--ease);border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-tile:hover .thumb,.project-tile:focus-visible .thumb{box-shadow:inset 0 0 0 1px var(--line), 0 18px 34px -18px #000;transform:translateY(-3px)}@supports (color:lab(0% 0 0)){.project-tile:hover .thumb,.project-tile:focus-visible .thumb{box-shadow:inset 0 0 0 1px var(--line), 0 18px 34px -18px lab(0% 0 0)}}.project-tile:focus-visible .thumb,.project-tile.current .thumb{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.project-tile:active .thumb{transform:scale(.98)}.thumb-frame{justify-content:center;align-items:center;max-width:100%;height:100%;display:flex}.project-tile .thumb img{object-fit:contain;width:100%;height:100%;animation:fade-in .4s var(--ease);display:block}.thumb-meta{color:#fff;color:lab(100% 0 0);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#000000a6;background:lab(0% 0 0/.651);border-radius:7px;padding:3px 8px;font-size:11px;font-weight:500;transition:opacity .2s;position:absolute;bottom:10px;left:10px}.tile-foot{align-items:center;gap:6px;padding:10px 4px 0;display:flex}.tile-foot>div{flex:1;gap:2px;min-width:0;display:grid}.tile-foot strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.tile-foot small{color:var(--ink-3);font-size:12px}.tile-foot .field{flex:1}.project-tile.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%) 0 0 / 200% 100%;border-radius:16px;height:240px;animation:1.4s linear infinite shimmer}.shimmer-block{background:linear-gradient(90deg,#ffffff10 0%,#ffffff26 50%,#ffffff10 100%) 0 0/200% 100%;background:linear-gradient(90deg,lab(100% 0 0/.063) 0%,lab(100% 0 0/.149) 50%,lab(100% 0 0/.063) 100%) 0 0/200% 100%;border-radius:10px;width:60%;height:60%;animation:1.4s linear infinite shimmer}.home-empty{color:var(--ink-3);text-align:center;padding:40px 0}.drop-veil{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c84ff1f;background:lab(54.8136% 6.70242 -70.7644/.122);place-items:center;animation:.2s fade-in;display:grid;position:fixed;inset:0;box-shadow:inset 0 0 0 3px #0c84ff;box-shadow:inset 0 0 0 3px lab(54.8136% 6.70242 -70.7644)}.drop-veil>div{background:var(--menu);box-shadow:var(--pop-shadow);border-radius:20px;justify-items:center;gap:10px;padding:26px 34px;font-size:16px;display:grid}@media (max-width:767px){.home-top{padding:12px 16px}.search{display:none}.home-body{padding:18px 16px 40px}.project-cards{grid-template-columns:repeat(2,1fr);gap:14px}.project-tile .thumb{height:160px}}html.is-dragging .timeline-wrap>.label-resizer:not(.active){pointer-events:none}.scrub-area{cursor:ew-resize;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scrub-area .thumb-frame{height:100%}.scrub-area img{animation:none!important}.scrub-progress{pointer-events:none;background:#0c84ff;background:lab(54.8136% 6.70242 -70.7644);border-radius:0 3px 3px 0;height:3px;position:absolute;bottom:0;left:0;box-shadow:0 0 8px #0c84ffaa;box-shadow:0 0 8px lab(54.8136% 6.70242 -70.7644/.667)}.scrub-chip{color:#fff;color:lab(100% 0 0);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;animation:pop-in .2s var(--spring);background:#000000b3;background:lab(0% 0 0/.702);border-radius:7px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:12px;right:10px}.project-tile:hover .thumb-meta{opacity:0}.custom-duration{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:4px;padding:8px 6px 4px 10px;display:flex}.custom-duration label{color:var(--ink-2);flex:1;align-items:center;gap:10px;font-weight:500;display:flex}.custom-duration .num{width:84px;height:32px}.custom-duration .num small{color:var(--ink-3)}.menu.export-sheet{min-width:330px;padding:14px}.export-panel{gap:12px;display:grid}.export-title{padding-left:2px;font-size:15px}.export-part button{font-size:12px}.export-formats{grid-template-columns:1fr 1fr;gap:6px;display:grid}.export-format{text-align:left;background:var(--field-bg);transition:background .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--spring);border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.export-format:hover{background:var(--surface-3)}.export-format:active{transform:scale(.97)}.export-format.on{background:#0c84ff1f;background:lab(54.8136% 6.70242 -70.7644/.122);box-shadow:inset 0 0 0 1.5px #0c84ff;box-shadow:inset 0 0 0 1.5px lab(54.8136% 6.70242 -70.7644)}.export-format span:last-child{gap:2px;display:grid}.export-format strong{font-size:13px}.export-format small{color:var(--ink-3);font-size:11px;line-height:1.3}.export-format .radio{width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--ink-3);transition:box-shadow .25s var(--spring);border-radius:50%;flex-shrink:0;margin-top:1px}.export-format.on .radio{box-shadow:inset 0 0 0 5px #0c84ff;box-shadow:inset 0 0 0 5px lab(54.8136% 6.70242 -70.7644)}.export-summary{color:var(--ink-3);font-variant-numeric:tabular-nums;margin:0;padding-left:2px;font-size:12px}.marks{gap:0;display:flex}.range-edge .flag{letter-spacing:.06em;color:#fff;color:lab(100% 0 0);pointer-events:none;background:#0c84ff;background:lab(54.8136% 6.70242 -70.7644);border-radius:4px;padding:1px 4px;font-size:8.5px;font-style:normal;font-weight:800;position:absolute;top:-1px}.range-edge.start .flag{left:4px}.range-edge.end .flag{right:4px}.range-band{pointer-events:none;z-index:1;animation:fade-in .2s var(--ease);background:linear-gradient(#0c84ff14,#0c84ff0a);background:linear-gradient(lab(54.8136% 6.70242 -70.7644/.078),lab(54.8136% 6.70242 -70.7644/.039));position:absolute;top:30px;bottom:0;box-shadow:inset 1px 0 #0c84ff66,inset -1px 0 #0c84ff66;box-shadow:inset 1px 0 lab(54.8136% 6.70242 -70.7644/.4),inset -1px 0 lab(54.8136% 6.70242 -70.7644/.4)}.layer-clip.in-range{filter:brightness(1.08)}.theater-head{justify-content:flex-end;align-items:center;gap:10px;min-height:20px;font-weight:600;display:flex}.theater-head .time{font-variant-numeric:tabular-nums;align-items:baseline;display:inline-flex}.theater-head .time small{color:#f3f3f56b;color:lab(95.914% .299096 -1.0913/.42);font-weight:400}.sections-bar{cursor:pointer;touch-action:none;align-items:center;gap:4px;height:40px;display:flex;position:relative}.sections-bar .seg{background:color-mix(in srgb, var(--c) 26%, #1c1c1e);min-width:6px;height:20px;transition:height .55s cubic-bezier(.34, 1.56, .64, 1), transform .55s cubic-bezier(.34, 1.56, .64, 1), background .3s var(--ease);border-radius:7px;flex-basis:0;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.sections-bar .seg{background:color-mix(in srgb, var(--c) 26%, lab(10.2966% .406466 -1.44836))}}.sections-bar .seg.now{border-radius:10px;height:32px;animation:.6s cubic-bezier(.34,1.56,.64,1) seg-wiggle}@keyframes seg-wiggle{0%{transform:scaleY(.82)}60%{transform:scaleY(1.04)}to{transform:scaleY(1)}}.sections-bar .seg.hover:not(.now){height:24px}.seg-fill{width:calc(var(--fill) * 100%);background:var(--c);opacity:.95;transition:width 80ms linear;position:absolute;inset:0}.sections-bar .seg.done .seg-fill{opacity:.55}.sections-bar .seg b{color:#fff;color:lab(100% 0 0);white-space:nowrap;text-overflow:ellipsis;mix-blend-mode:normal;text-shadow:0 1px 2px #0006;text-shadow:0 1px 2px lab(0% 0 0/.4);padding:0 9px;font-size:11px;font-weight:600;line-height:20px;transition:line-height .55s cubic-bezier(.34,1.56,.64,1);display:block;position:relative;overflow:hidden}.sections-bar .seg.now b{font-size:12.5px;line-height:32px}.hover-line{pointer-events:none;z-index:3;background:#fff;background:lab(100% 0 0);border-radius:3px;width:5px;margin-left:-2.5px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 0 1px #0006,0 4px 12px #0008;box-shadow:0 0 0 1px lab(0% 0 0/.4),0 4px 12px lab(0% 0 0/.533)}.hover-time{color:#1c1c1e;color:lab(10.2966% .406466 -1.44836);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;background:lab(100% 0 0);border-radius:10px;padding:5px 10px;font-size:13px;font-weight:700;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%;box-shadow:0 6px 18px #0009;box-shadow:0 6px 18px lab(0% 0 0/.6)}.theater-range{height:36px;top:2px}.snap-control{align-items:center;display:flex}.snap-toggle.active{color:#0c84ff;color:lab(54.8136% 6.70242 -70.7644);background:#0c84ff1f;background:lab(54.8136% 6.70242 -70.7644/.122)}.snap-caret{width:18px;height:36px;color:var(--ink-3);border-radius:7px;justify-content:center;align-items:center;margin-left:-4px;display:flex}.snap-caret:hover{color:var(--ink);background:var(--field-bg)}.menu.snap-menu{min-width:250px}.snap-menu .menu-note{margin:4px 10px 6px}.playhead.snapped>span{animation:.22s cubic-bezier(.34,1.56,.64,1) snap-settle}@keyframes snap-settle{0%{transform:scale(1.25)}to{transform:scale(1)}}.ruler{cursor:text}.range{height:14px;box-shadow:none;background:0 0;border-radius:0;top:auto;bottom:3px}.range-bar{opacity:.85;cursor:grab;height:4px;transition:height .2s var(--ease), top .2s var(--ease), opacity .2s var(--ease);background:#ffb05c;background:lab(78.4226% 24.0211 54.2195);border-radius:4px;position:absolute;top:5px;left:0;right:0}.range-bar:hover{opacity:1;height:6px;top:4px}.range-knob{cursor:ew-resize;width:12px;height:12px;transition:transform .22s var(--spring);background:#2c2c2e;background:lab(18.0688% .404626 -1.45005);border-radius:50%;margin-left:-6px;position:absolute;top:1px;box-shadow:inset 0 0 0 2.5px #ffb05c,0 1px 4px #0008;box-shadow:inset 0 0 0 2.5px lab(78.4226% 24.0211 54.2195),0 1px 4px lab(0% 0 0/.533)}.range-knob:hover{transform:scale(1.2)}.range-knob.start{left:0}.range-knob.end{left:100%}.range-band{background:linear-gradient(#ff9f0a12,#ff9f0a08);background:linear-gradient(lab(74.2258% 30.535 77.1914/.071),lab(74.2258% 30.535 77.1914/.031));box-shadow:inset 2px 0 #ffb05c59,inset -2px 0 #ffb05c59;box-shadow:inset 2px 0 lab(78.4226% 24.0211 54.2195/.349),inset -2px 0 lab(78.4226% 24.0211 54.2195/.349)}.range-shade{background:#0003;background:lab(0% 0 0/.2)}.marks .tool.active{color:#ffb05c;color:lab(78.4226% 24.0211 54.2195)}.theater-range{background:#ff9f0a1f;background:lab(74.2258% 30.535 77.1914/.122);box-shadow:inset 0 0 0 2px #ffb05c;box-shadow:inset 0 0 0 2px lab(78.4226% 24.0211 54.2195)}.loop-chip{color:#ffb05c;color:lab(78.4226% 24.0211 54.2195);background:#ff9f0a29;background:lab(74.2258% 30.535 77.1914/.161)}.hover-time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";justify-content:center;width:74px;display:flex;overflow:hidden}.hover-time>*,.theater-head .time>span:first-child{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.theater-head .time>span:first-child{text-align:right;min-width:52px;display:inline-block;overflow:hidden}:root{--edit-point:#3ee07a}@supports (color:lab(0% 0 0)){:root{--edit-point:lab(79.4794% -59.5699 37.414)}}.layer-clip.edge-start:after,.layer-clip.edge-end:after,.section-pill.edge-start:after,.section-pill.edge-end:after{content:"";background:var(--edit-point);width:4px;box-shadow:0 0 12px 1px color-mix(in srgb, var(--edit-point) 70%, transparent);z-index:3;pointer-events:none;animation:edit-in .18s var(--ease);position:absolute;top:0;bottom:0}.layer-clip.edge-start:after,.section-pill.edge-start:after{border-radius:11px 2px 2px 11px;left:0}.layer-clip.edge-end:after,.section-pill.edge-end:after{border-radius:2px 11px 11px 2px;right:0}.section-pill.edge-start:after,.section-pill.edge-end:after{width:3px}.layer-clip.edge-start .trim-handle.start:before,.layer-clip.edge-start .trim-handle.start:after,.layer-clip.edge-end .trim-handle.end:before,.layer-clip.edge-end .trim-handle.end:after{background:#fff;background:lab(100% 0 0)}@keyframes edit-in{0%{opacity:0;transform:scaleY(.6)}}.cut{z-index:5;cursor:col-resize;touch-action:none;width:12px;margin-left:-6px;position:absolute;top:3px;bottom:3px}.cut:before{content:"";opacity:0;width:2px;transition:opacity .15s var(--ease);background:#fff;background:lab(100% 0 0);border-radius:1px;position:absolute;top:3px;bottom:3px;left:5px}.cut:hover:before{opacity:.85}.cut.on:before{opacity:1;background:var(--edit-point);box-shadow:0 0 10px var(--edit-point)}.cut.has-tr{z-index:4}.tr-chip{color:#fff;color:lab(100% 0 0);z-index:6;cursor:ew-resize;touch-action:none;min-width:18px;height:20px;transition:box-shadow .18s var(--ease), background .18s var(--ease);background:#17191f;background:lab(8.74651% .299498 -4.46344);border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff38,0 2px 8px -2px #0009;box-shadow:inset 0 0 0 1px lab(100% 0 0/.22),0 2px 8px -2px lab(0% 0 0/.6)}.tr-chip svg{fill:currentColor;flex-shrink:0}.tr-chip:hover{background:#23262e;background:lab(15.1056% .259429 -5.94503)}.tr-chip.on{color:#0b0d12;color:lab(3.59164% .0821576 -2.70786);box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--edit-point);background:#fff;background:lab(100% 0 0)}.fx-row{height:36px}.fx-row .empty-track{line-height:35px}.fx-label{gap:8px}.row-icon.fx{background:linear-gradient(180deg in srgb, #67e3f2, #23a9c1)}@supports (color:lab(0% 0 0)){.row-icon.fx{background:linear-gradient(180deg in srgb, lab(83.7867% -32.9603 -18.4529), lab(63.2625% -28.8771 -23.2))}}.fx-clip{color:#fff;color:lab(100% 0 0);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(180deg in srgb, #67e3f2, #23a9c1);height:26px;transition:box-shadow .3s var(--ease), transform .3s var(--spring), filter .15s;border-radius:8px;align-items:center;padding:0 3px;display:flex;position:absolute;top:5px;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 -2px #00000024,0 2px 6px -2px #0005;box-shadow:inset 0 1px lab(100% 0 0/.251),inset 0 -2px lab(0% 0 0/.141),0 2px 6px -2px lab(0% 0 0/.333)}@supports (color:lab(0% 0 0)){.fx-clip{background:linear-gradient(180deg in srgb, lab(83.7867% -32.9603 -18.4529), lab(63.2625% -28.8771 -23.2))}}.fx-clip:hover{filter:brightness(1.06)}.fx-clip.lift{z-index:20;transform:translateY(-2px)}.fx-clip .trim-handle{width:8px;height:16px}.fx-clip .clip-caption{font-size:11.5px}.fade-ramp{pointer-events:none;z-index:1;background:#0008;background:lab(0% 0 0/.533);position:absolute;top:0;bottom:0}.fade-ramp.in{clip-path:polygon(0 0,100% 0,0 100%);left:0}.fade-ramp.out{clip-path:polygon(0 0,100% 0,100% 100%);right:0}.fade-dot{z-index:4;cursor:ew-resize;opacity:0;width:9px;height:9px;transition:opacity .15s var(--ease), transform .2s var(--spring);background:#fff;background:lab(100% 0 0);border-radius:50%;margin-left:-4.5px;margin-right:-4.5px;position:absolute;top:2px;transform:scale(.5);box-shadow:0 0 0 1.5px #0003,0 1px 3px #0006;box-shadow:0 0 0 1.5px lab(0% 0 0/.2),0 1px 3px lab(0% 0 0/.4)}.layer-clip:hover .fade-dot,.audio-clip:hover .fade-dot,.clip-selected .fade-dot{opacity:1;transform:scale(1)}.fade-dot:hover{transform:scale(1.3)!important}.menu.fx-menu{width:372px;max-height:440px;overflow:auto}.fx-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:2px 4px 6px;display:grid}.fx-grid.in-panel{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));padding:0}.fx-tile{color:var(--ink-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;transition:background .15s var(--ease), color .15s var(--ease);border-radius:10px;flex-direction:column;align-items:stretch;gap:5px;padding:5px 5px 7px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.fx-tile:hover{background:var(--field-bg);color:var(--ink)}.fx-tile.on{color:var(--ink);background:var(--accent-soft)}.fx-tile.on .tr-prev,.fx-tile.on .fx-prev{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent)}.cut-badge,.fx-badge{background:color-mix(in srgb, var(--edit-point) 16%, transparent);color:var(--edit-point)}.fx-badge{color:#4fd3e6;color:lab(78.0686% -32.9382 -20.6757);background:#23a9c126;background:lab(63.2625% -28.8771 -23.2/.149)}.panel-heading>.tool:first-of-type{margin-left:auto}.panel-heading>.tool{width:34px;height:34px}.tr-prev,.fx-prev{aspect-ratio:16/10;transition:box-shadow .18s var(--ease);background:#000;background:lab(0% 0 0);border-radius:7px;position:relative;overflow:hidden}.tr-prev i,.tr-prev b,.fx-prev i{animation:1.6s var(--ease) -.8s infinite paused both;position:absolute;inset:0}.tr-prev i{background:linear-gradient(135deg in srgb, #5aa9ff, #2f5fe8)}@supports (color:lab(0% 0 0)){.tr-prev i{background:linear-gradient(135deg in srgb, lab(67.0553% -4.84481 -50.7156), lab(43.8321% 23.5184 -75.4874))}}.tr-prev b{background:linear-gradient(135deg in srgb, #ffbf6b, #f0702a);opacity:0}@supports (color:lab(0% 0 0)){.tr-prev b{background:linear-gradient(135deg in srgb, lab(82.1374% 17.2569 51.0768), lab(62.6774% 47.5947 59.92))}}.fx-tile:hover .tr-prev i,.fx-tile:hover .tr-prev b,.fx-tile:hover .fx-prev i,.fx-tile.on .tr-prev i,.fx-tile.on .tr-prev b,.fx-tile.on .fx-prev i{animation-play-state:running}.t-mix b{animation-name:tp-in}.t-fadeBlack i{animation-name:tp-out-half}.t-fadeBlack b{animation-name:tp-in-half}.t-fadeWhite{background:#fff;background:lab(100% 0 0)}.t-fadeWhite i{animation-name:tp-out-half}.t-fadeWhite b{animation-name:tp-in-half}.t-pushIn i{animation-name:tp-grow-out}.t-pushIn b{animation-name:tp-grow-in}.t-pushOut i{animation-name:tp-shrink-out}.t-pushOut b{animation-name:tp-shrink-in}.t-whip i{animation-name:tp-whip-out}.t-whip b{animation-name:tp-whip-in}.t-spin b{animation-name:tp-spin}.t-blur i{animation-name:tp-blur-out}.t-blur b{animation-name:tp-blur-in}.t-zoomBlur b{animation-name:tp-zoom-blur}.t-slide b{animation-name:tp-slide}.t-wipe b{animation-name:tp-wipe}.t-iris b{animation-name:tp-iris}.t-flash b{animation-name:tp-flash}.t-leak b{animation-name:tp-leak}.t-glitch b{animation-name:tp-glitch;animation-timing-function:step-end}.t-stretch i{animation-name:tp-stretch-out}.t-stretch b{animation-name:tp-stretch-in}@keyframes tp-in{0%,20%{opacity:0}80%,to{opacity:1}}@keyframes tp-out-half{0%,20%{opacity:1}50%,to{opacity:0}}@keyframes tp-in-half{0%,50%{opacity:0}80%,to{opacity:1}}@keyframes tp-grow-out{0%,20%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(1.8)}}@keyframes tp-grow-in{0%,20%{opacity:0;transform:scale(.6)}80%,to{opacity:1;transform:scale(1)}}@keyframes tp-shrink-out{0%,20%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(.5)}}@keyframes tp-shrink-in{0%,20%{opacity:0;transform:scale(1.6)}80%,to{opacity:1;transform:scale(1)}}@keyframes tp-whip-out{0%,20%{filter:none;transform:none}80%,to{filter:blur(3px);transform:translate(-100%)}}@keyframes tp-whip-in{0%,20%{opacity:1;filter:blur(3px);transform:translate(100%)}80%,to{opacity:1;filter:none;transform:none}}@keyframes tp-spin{0%,20%{opacity:0;transform:rotate(-180deg)scale(0)}80%,to{opacity:1;transform:none}}@keyframes tp-blur-out{0%,20%{filter:none;opacity:1}80%,to{filter:blur(6px);opacity:0}}@keyframes tp-blur-in{0%,20%{filter:blur(6px);opacity:0}80%,to{filter:none;opacity:1}}@keyframes tp-zoom-blur{0%,20%{filter:blur(4px);opacity:0;transform:scale(2.2)}80%,to{filter:none;opacity:1;transform:none}}@keyframes tp-slide{0%,20%{opacity:1;transform:translate(100%)}80%,to{opacity:1;transform:none}}@keyframes tp-wipe{0%,20%{clip-path:inset(0 0 0 100%);opacity:1}80%,to{clip-path:inset(0);opacity:1}}@keyframes tp-iris{0%,20%{clip-path:circle(0);opacity:1}80%,to{clip-path:circle(75%);opacity:1}}@keyframes tp-flash{0%,42%{opacity:0;filter:brightness()}50%{opacity:1;filter:brightness(4)}80%,to{opacity:1;filter:brightness()}}@keyframes tp-leak{0%,30%{opacity:0;filter:sepia(0)}50%{opacity:1;filter:brightness(1.8)sepia()saturate(4)hue-rotate(-20deg)}80%,to{opacity:1;filter:none}}@keyframes tp-glitch{0%,40%{opacity:0;transform:none}44%{opacity:1;transform:translate(-12%)}48%{opacity:0}52%{opacity:1;transform:translate(8%)skew(10deg)}56%,to{opacity:1;transform:none}}@keyframes tp-stretch-out{0%,20%{opacity:1;transform:none}80%,to{opacity:0;transform:scaleX(3)}}@keyframes tp-stretch-in{0%,20%{opacity:0;transform:scaleX(3)}80%,to{opacity:1;transform:none}}.fx-prev i{background:radial-gradient(circle at 50% 55%, #fff 0 18%, transparent 19%), linear-gradient(135deg in srgb, #5a6cff, #b14bf0)}@supports (color:lab(0% 0 0)){.fx-prev i{background:radial-gradient(circle at 50% 55%, lab(100% 0 0) 0 18%, transparent 19%), linear-gradient(135deg in srgb, lab(50.7929% 28.9875 -76.8695), lab(51.9578% 61.5031 -66.1236))}}.f-shake i{animation-name:fp-shake;animation-duration:.5s}.f-punch i{animation-name:fp-punch;animation-duration:.9s}.f-glitch i{animation-name:fp-glitch;animation-timing-function:step-end}.f-rgb i{filter:drop-shadow(3px 0 #ff2d55)drop-shadow(-3px 0 #0ee6ff);filter:drop-shadow(3px 0 lab(56.6915% 76.6983 33.0125))drop-shadow(-3px 0 lab(83.2542% -40.6357 -26.4451));animation-name:fp-rgb}.f-vhs:after,.f-grain:after,.f-pixelate:after,.f-vignette:after,.f-leak:after{content:"";pointer-events:none;position:absolute;inset:0}.f-vhs:after{background:repeating-linear-gradient(0deg,#0005 0 1px,#0000 1px 3px);background:repeating-linear-gradient(0deg,lab(0% 0 0/.333) 0 1px,#0000 1px 3px)}.f-vhs i{filter:saturate(1.6)hue-rotate(-12deg);animation-name:fp-vhs;animation-timing-function:step-end}.f-grain:after{background:repeating-conic-gradient(#fff2 0 25%, #0003 0 50%) 0 0 / 3px 3px;mix-blend-mode:overlay}@supports (color:lab(0% 0 0)){.f-grain:after{background:repeating-conic-gradient(lab(100% 0 0/.133) 0 25%, lab(0% 0 0/.2) 0 50%) 0 0 / 3px 3px}}.f-grain i{animation-name:fp-grain;animation-timing-function:step-end}.f-flash i{animation-name:fp-flash}.f-strobe i{animation-name:fp-strobe;animation-timing-function:step-end}.f-leak:after{mix-blend-mode:screen;animation:fp-leak 1.6s var(--ease) infinite paused;background:radial-gradient(circle at 20% 30%,#ff9f43cc,#0000 60%);background:radial-gradient(circle at 20% 30%,lab(74.4651% 31.5163 61.2656/.8),#0000 60%)}.fx-tile:hover .f-leak:after,.fx-tile.on .f-leak:after{animation-play-state:running}.f-glow i{background:radial-gradient(circle at 50% 55%, #fff 0 18%, #fff8 22%, transparent 34%), linear-gradient(135deg in srgb, #2b2f6b, #46226a);animation-name:fp-glow}@supports (color:lab(0% 0 0)){.f-glow i{background:radial-gradient(circle at 50% 55%, lab(100% 0 0) 0 18%, lab(100% 0 0/.533) 22%, transparent 34%), linear-gradient(135deg in srgb, lab(21.7692% 13.652 -36.4044), lab(21.5537% 28.8957 -35.9421))}}.f-blur i{filter:blur(2.5px)}.f-vignette:after{box-shadow:inset 0 0 22px 8px #000;box-shadow:inset 0 0 22px 8px lab(0% 0 0)}.f-pixelate:after{background:linear-gradient(90deg,#0003 1px,#0000 1px) 0 0/6px 6px,linear-gradient(0deg,#0003 1px,#0000 1px) 0 0/6px 6px;background:linear-gradient(90deg,lab(0% 0 0/.2) 1px,#0000 1px) 0 0/6px 6px,linear-gradient(0deg,lab(0% 0 0/.2) 1px,#0000 1px) 0 0/6px 6px}.f-pixelate i{filter:contrast(1.3)saturate(1.3)}.f-flicker i{animation-name:fp-flicker;animation-timing-function:step-end}@keyframes fp-shake{0%,to{transform:none}20%{transform:translate(-3px,2px)rotate(-2deg)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-3px)rotate(2deg)}80%{transform:translate(2px,3px)}}@keyframes fp-punch{0%{transform:scale(1.25)}40%,to{transform:scale(1)}}@keyframes fp-glitch{0%,to{filter:none;transform:none}30%{filter:hue-rotate(90deg);transform:translate(-6%)}35%{filter:none;transform:none}62%{filter:hue-rotate(-90deg)saturate(3);transform:translate(5%)skew(-8deg)}67%{filter:none;transform:none}}@keyframes fp-rgb{0%,to{filter:drop-shadow(1px 0 #ff2d55)drop-shadow(-1px 0 #0ee6ff);filter:drop-shadow(1px 0 lab(56.6915% 76.6983 33.0125))drop-shadow(-1px 0 lab(83.2542% -40.6357 -26.4451))}50%{filter:drop-shadow(5px 0 #ff2d55)drop-shadow(-5px 0 #0ee6ff);filter:drop-shadow(5px 0 lab(56.6915% 76.6983 33.0125))drop-shadow(-5px 0 lab(83.2542% -40.6357 -26.4451))}}@keyframes fp-vhs{0%,to{transform:none}47%{transform:translate(3%)}53%{transform:none}}@keyframes fp-grain{0%,to{transform:none}33%{transform:translate(1px,-1px)}66%{transform:translate(-1px,1px)}}@keyframes fp-flash{0%,60%,to{filter:none}70%{filter:brightness(3)}}@keyframes fp-strobe{0%,to{opacity:1}25%{opacity:.15}50%{opacity:1}75%{opacity:.15}}@keyframes fp-leak{0%,to{opacity:.4;transform:translate(-20%)}50%{opacity:1;transform:translate(30%)}}@keyframes fp-glow{0%,to{filter:brightness()}50%{filter:brightness(1.5)drop-shadow(0 0 6px #fff);filter:brightness(1.5)drop-shadow(0 0 6px lab(100% 0 0))}}@keyframes fp-flicker{0%,to{opacity:1}12%{opacity:.5}18%{opacity:1}55%{opacity:.35}60%{opacity:1}}.playhead-rail{z-index:31;height:0;position:sticky;top:0}.playhead{bottom:auto}.timeline-toolbar .tool{width:36px;height:36px}.timeline-toolbar .divider{margin:0 5px}.duration-pick{height:32px;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-3);transition:background .15s var(--ease), color .15s var(--ease);border-radius:9px;align-items:center;gap:3px;margin-left:2px;padding:0 6px 0 8px;font-size:15px;display:inline-flex}.duration-pick .icon{opacity:0;transition:opacity .15s var(--ease);transform:translateY(-1px)}.duration-pick:hover,.duration-pick.open{background:var(--field-bg);color:var(--ink)}.duration-pick:hover .icon,.duration-pick.open .icon{opacity:1}.zoom-control{align-items:center;gap:0;display:flex}.zoom-control .tool{width:28px;height:32px}.zoom-control .slider.mini{flex:0 0 64px;width:64px}.marks .tool{width:32px;height:34px}@media (max-width:1360px){.zoom-control .slider.mini{display:none}}@media (max-width:1220px){.timeline-toolbar .tool{width:32px}.tools-left .divider,.tools-right .divider{margin:0 2px}}.marquee{z-index:27;pointer-events:none;background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:6px;position:absolute}.agent-fresh{animation:agent-fresh 1.3s var(--ease) 2}@keyframes agent-fresh{0%,to{box-shadow:0 0 #0000,inset 0 -3px #00000024;box-shadow:0 0 lab(0% 0 0/0),inset 0 -3px lab(0% 0 0/.141)}40%{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px #ff8a3d, 0 0 18px 4px #ff8a3d80}}@supports (color:lab(0% 0 0)){@keyframes agent-fresh{0%,to{box-shadow:0 0 #0000,inset 0 -3px #00000024;box-shadow:0 0 lab(0% 0 0/0),inset 0 -3px lab(0% 0 0/.141)}40%{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px lab(70.0031% 41.6455 59.7021), 0 0 18px 4px lab(70.0031% 41.6455 59.7021/.502)}}}.fx-groups{flex-direction:column;gap:8px;padding:0 4px 6px;display:flex}.fx-groups h4{letter-spacing:.02em;color:var(--ink-3);margin:4px 6px;font-size:11px;font-weight:600}.fx-groups .fx-grid{padding:0}.fx-groups.in-panel .fx-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.menu.fx-menu{width:392px;max-height:min(520px,70vh)}.fx-tile:disabled{opacity:.35;cursor:not-allowed}.tr-prev i:after,.tr-prev b:after{font:700 15px/1 var(--font-sans,Inter, system-ui);color:#fff;color:lab(100% 0 0);text-shadow:0 1px 2px #0004;text-shadow:0 1px 2px lab(0% 0 0/.267);place-items:center;display:grid;position:absolute;inset:0}.tr-prev i:after{content:"A"}.tr-prev b:after{content:"B"}.tr-prev i,.tr-prev b,.fx-prev i{animation-duration:1.8s}.f-blur i{animation-name:fp-blur}.f-vignette i,.f-pixelate i{animation-name:fp-breathe}.f-split4 i{background:radial-gradient(circle at 50% 55%, #fff 0 18%, transparent 19%) 0 0 / 50% 50%, linear-gradient(135deg in srgb, #5a6cff, #b14bf0);animation-name:fp-breathe}@supports (color:lab(0% 0 0)){.f-split4 i{background:radial-gradient(circle at 50% 55%, lab(100% 0 0) 0 18%, transparent 19%) 0 0 / 50% 50%, linear-gradient(135deg in srgb, lab(50.7929% 28.9875 -76.8695), lab(51.9578% 61.5031 -66.1236))}}.f-blackFlash i{animation-name:fp-black-flash}.f-sparkle:after{content:"";animation:fp-twinkle 1.8s var(--ease) infinite paused;background:radial-gradient(circle at 22% 30%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 72% 22%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 62% 74%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 30% 70%,#fff 0 1px,#0000 2px);background:radial-gradient(circle at 22% 30%,lab(100% 0 0) 0 1.5px,#0000 2.5px),radial-gradient(circle at 72% 22%,lab(100% 0 0) 0 1.5px,#0000 2.5px),radial-gradient(circle at 62% 74%,lab(100% 0 0) 0 1.5px,#0000 2.5px),radial-gradient(circle at 30% 70%,lab(100% 0 0) 0 1px,#0000 2px);position:absolute;inset:0}.f-oldFilm i{filter:sepia(.9)contrast(1.1);animation-name:fp-flicker;animation-timing-function:step-end}.f-oldFilm:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 18px 6px #2a1a08aa;box-shadow:inset 0 0 18px 6px lab(11.0576% 6.55568 13.3442/.667)}.fx-tile:hover .f-sparkle:after,.fx-tile.on .f-sparkle:after{animation-play-state:running}@keyframes fp-blur{0%,to{filter:blur()}50%{filter:blur(3px)}}@keyframes fp-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes fp-black-flash{0%,55%,to{filter:none}65%{filter:brightness(.05)}}@keyframes fp-twinkle{0%,to{opacity:.2}50%{opacity:1}}.t-dissolve b{filter:contrast(1.4);animation-name:tp-in}.t-shake i{animation-name:tp-shake-out}.t-shake b{animation-name:tp-shake-in}.t-inhale i{animation-name:tp-inhale-out}.t-inhale b{animation-name:tp-inhale-in}.t-clock b{animation-name:tp-clock}.t-shutter b{animation-name:tp-shutter}.t-cube i{transform-origin:0;animation-name:tp-cube-out}.t-cube b{transform-origin:100%;animation-name:tp-cube-in}.t-rgbSplit b{filter:drop-shadow(3px 0 #ff2d55)drop-shadow(-3px 0 #0ee6ff);filter:drop-shadow(3px 0 lab(56.6915% 76.6983 33.0125))drop-shadow(-3px 0 lab(83.2542% -40.6357 -26.4451));animation-name:tp-glitch;animation-timing-function:step-end}.t-squeeze i{animation-name:tp-squeeze-out}.t-squeeze b{animation-name:tp-squeeze-in}@keyframes tp-shake-out{0%,20%{opacity:1;transform:none}30%{transform:translate(-8%,4%)rotate(-4deg)}40%{transform:translate(7%,-5%)rotate(3deg)}49%{opacity:1}50%,to{opacity:0}}@keyframes tp-shake-in{0%,49%{opacity:0}50%{opacity:1;transform:translate(6%,5%)rotate(3deg)}62%{transform:translate(-5%,-3%)rotate(-2deg)}75%,to{opacity:1;transform:none}}@keyframes tp-inhale-out{0%,20%{opacity:1;transform:none}49%{opacity:1;transform:scale(0)rotate(40deg)}50%,to{opacity:0}}@keyframes tp-inhale-in{0%,50%{opacity:1;transform:scale(0)}70%{transform:scale(1.1)}80%,to{opacity:1;transform:none}}@keyframes tp-clock{0%,20%{opacity:1;clip-path:polygon(50% 50%,50% -50%,50% -50%,50% -50%,50% -50%,50% -50%)}40%{clip-path:polygon(50% 50%,50% -50%,150% -50%,150% 50%,150% 50%,150% 50%)}60%{clip-path:polygon(50% 50%,50% -50%,150% -50%,150% 150%,-50% 150%,-50% 150%)}80%,to{opacity:1;clip-path:polygon(50% 50%,50% -50%,150% -50%,150% 150%,-50% 150%,-50% -50%)}}@keyframes tp-shutter{0%,20%{opacity:1;-webkit-mask:repeating-linear-gradient(#000 0 0%,#0000 0% 12.5%);-webkit-mask:repeating-linear-gradient(lab(0% 0 0) 0 0%,#0000 0% 12.5%);-webkit-mask:repeating-linear-gradient(oklch(0% 0 0) 0 0,#0000 0 6px);mask:repeating-linear-gradient(oklch(0% 0 0) 0 0,#0000 0 6px)}80%,to{opacity:1;-webkit-mask:repeating-linear-gradient(#000 0 6px,#0000 6px 6px);mask:repeating-linear-gradient(#000 0 6px,#0000 6px 6px);-webkit-mask:repeating-linear-gradient(lab(0% 0 0) 0 6px,#0000 6px 6px);mask:repeating-linear-gradient(lab(0% 0 0) 0 6px,#0000 6px 6px)}}@keyframes tp-cube-out{0%,20%{filter:none;transform:none}80%,to{filter:brightness(.5);transform:scaleX(0)}}@keyframes tp-cube-in{0%,20%{opacity:1;filter:brightness(.5);transform:scaleX(0)}80%,to{opacity:1;filter:none;transform:none}}@keyframes tp-squeeze-out{0%,20%{opacity:1;transform:none}49%{opacity:1;transform:scaleX(.05)}50%,to{opacity:0}}@keyframes tp-squeeze-in{0%,50%{opacity:1;transform:scaleX(.05)}80%,to{opacity:1;transform:none}}.tr-prev i,.tr-prev b{animation-delay:-.75s}.rolling{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";display:inline-flex}.rolling .slot{line-height:1.25;display:inline-block;position:relative;overflow:hidden}.rolling .slot>span{display:inline-block}.rolling .slot .in{animation:.2s cubic-bezier(.2,.8,.2,1) both roll-in}.rolling .slot .out{animation:.2s cubic-bezier(.4,0,1,1) both roll-out;position:absolute;top:0;left:0}@keyframes roll-in{0%{opacity:0;filter:blur(1.5px);transform:translateY(70%)}}@keyframes roll-out{to{opacity:0;filter:blur(1.5px);transform:translateY(-70%)}}.segmented .seg-thumb{background:color-mix(in srgb, #fff 13%, var(--surface-2));box-shadow:inset 0 .5px #ffffff24,0 0 0 .5px #00000040,0 1px 3px #00000059;box-shadow:inset 0 .5px lab(100% 0 0/.141),0 0 0 .5px lab(0% 0 0/.251),0 1px 3px lab(0% 0 0/.349)}@supports (color:lab(0% 0 0)){.segmented .seg-thumb{background:color-mix(in srgb, lab(100% 0 0) 13%, var(--surface-2))}}:root[data-theme=light] .segmented .seg-thumb{background:#fff;background:lab(100% 0 0);box-shadow:0 0 0 .5px #0000000f,0 1px 3px #00000024;box-shadow:0 0 0 .5px lab(0% 0 0/.059),0 1px 3px lab(0% 0 0/.141)}.segmented button{color:var(--ink-3)}.segmented button.on{color:var(--ink)}.segmented button:disabled{opacity:.4;cursor:not-allowed}.export-scope-note{color:var(--ink-3);margin:0;padding:0 2px;font-size:12px}.fx-thumb{aspect-ratio:16/10;transition:box-shadow .18s var(--ease), transform .2s var(--spring);background:#0b0d12;background:lab(3.59164% .0821576 -2.70786);border-radius:7px;display:block;position:relative;overflow:hidden}.fx-thumb canvas{width:100%;height:100%;display:block}.fx-tile:hover .fx-thumb{transform:scale(1.04)}.fx-tile.on .fx-thumb{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent)}.frame.art.morph{background:#e9e6e1;background:lab(91.4375% .371009 2.64256)}.frame.art.morph b{letter-spacing:0;color:#fff;color:lab(100% 0 0);background:#0b0b0c;background:lab(3.03939% .106134 -.389713);border-radius:999px;padding:7px 12px;font-family:Geist,Inter,sans-serif;font-size:10px;font-weight:600}.menu-confirm{grid-template-columns:1fr 1fr;gap:4px;padding:1px 0;animation:.32s cubic-bezier(.2,.9,.25,1.05) confirm-in;display:grid}.menu-confirm button{min-height:30px;transition:background .15s var(--ease), transform .15s var(--spring);border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;animation:.36s cubic-bezier(.2,.9,.25,1.05) both confirm-btn;display:flex}.menu-confirm button:active{transform:scale(.97)}.menu-confirm-cancel{color:var(--ink);background:var(--field-bg)}.menu-confirm-cancel:hover,.menu-confirm-cancel:focus-visible{background:color-mix(in srgb, var(--ink) 12%, transparent);outline:none}.menu-confirm-go{color:#fff;color:lab(100% 0 0);background:var(--danger);animation-delay:40ms}.menu-confirm-go:hover,.menu-confirm-go:focus-visible{background:color-mix(in srgb, var(--danger) 86%, #000);outline:none}@supports (color:lab(0% 0 0)){.menu-confirm-go:hover,.menu-confirm-go:focus-visible{background:color-mix(in srgb, var(--danger) 86%, lab(0% 0 0))}}@keyframes confirm-in{0%{clip-path:inset(0 0 0 100% round 7px)}to{clip-path:inset(0 round 7px)}}@keyframes confirm-btn{0%{opacity:0;filter:blur(2px);transform:translate(8px)scale(.96)}}@media (prefers-reduced-motion:reduce){.menu-confirm,.menu-confirm button{animation:none}}.section-pill{color:var(--sc-d);background:color-mix(in srgb, var(--sc-d) 14%, transparent)}:root[data-theme=light] .section-pill{color:var(--sc-l);background:color-mix(in srgb, var(--sc-l) 12%, transparent)}.preview-corner{z-index:18;color:var(--ink-2);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 .5px var(--line-2), 0 6px 16px -6px #0008;animation:fade-in .4s var(--ease);border-radius:20px;align-items:center;gap:7px;padding:6px 11px 6px 9px;font-size:12px;font-weight:500;display:flex;position:absolute;top:16px;left:16px}@supports (color:lab(0% 0 0)){.preview-corner{box-shadow:0 0 0 .5px var(--line-2), 0 6px 16px -6px lab(0% 0 0/.533)}}.preview-corner:before{content:"";background:#ff7a3d;background:lab(66.9105% 49.0405 56.5878);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #ff7a3d;box-shadow:0 0 8px lab(66.9105% 49.0405 56.5878)}.toast{background:linear-gradient(180deg, color-mix(in srgb, var(--key-face) 100%, #fff 4%), var(--key-face));box-shadow:inset 0 1px 0 #ffffff14, 0 3px 0 var(--key-edge), 0 14px 30px -10px #000000a0, 0 0 0 .5px var(--line-2);border-radius:16px;gap:10px;padding:9px 8px 9px 10px;animation:.42s cubic-bezier(.2,.9,.25,1.08) toast-drop}@supports (color:lab(0% 0 0)){.toast{background:linear-gradient(180deg, color-mix(in srgb, var(--key-face) 100%, lab(100% 0 0) 4%), var(--key-face));box-shadow:inset 0 1px 0 lab(100% 0 0/.078), 0 3px 0 var(--key-edge), 0 14px 30px -10px lab(0% 0 0/.627), 0 0 0 .5px var(--line-2)}}:root[data-theme=light] .toast{box-shadow:inset 0 1px 0 #fff, 0 3px 0 var(--key-edge), 0 14px 30px -12px #00000040, 0 0 0 .5px var(--line-2)}@supports (color:lab(0% 0 0)){:root[data-theme=light] .toast{box-shadow:inset 0 1px 0 lab(100% 0 0), 0 3px 0 var(--key-edge), 0 14px 30px -12px lab(0% 0 0/.251), 0 0 0 .5px var(--line-2)}}.toast-icon{color:#fff;color:lab(100% 0 0);background:var(--good);border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;animation:.5s cubic-bezier(.2,.9,.25,1.3) 50ms both toast-icon;display:grid;box-shadow:inset 0 -2px #0000002a;box-shadow:inset 0 -2px lab(0% 0 0/.165)}.toast.tone-claude .toast-icon{background:#ff7a3d;background:lab(66.9105% 49.0405 56.5878)}.toast.tone-alert .toast-icon{background:var(--danger)}.toast.tone-muted .toast-icon{background:var(--ink-3)}.toast-text>span{white-space:pre;animation:.38s cubic-bezier(.2,.8,.2,1) both toast-word;animation-delay:calc(var(--i) * 22ms + 60ms);display:inline-block}.toast.closing{animation:toast-lift .2s var(--ease) forwards}@keyframes toast-drop{0%{opacity:0;transform:translate(-50%,-14px)scale(.94)rotateX(18deg)}}@keyframes toast-lift{to{opacity:0;transform:translate(-50%,-10px)scale(.97)}}@keyframes toast-icon{0%{opacity:0;transform:scale(.4)rotate(-20deg)}}@keyframes toast-word{0%{opacity:0;filter:blur(3px);transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.toast,.toast-icon,.toast-text>span{animation:none}}.stage:after{box-shadow:inset 0 0 70px 8px #0c84ff4d,inset 0 0 160px 36px #0c84ff1c;box-shadow:inset 0 0 70px 8px lab(54.8136% 6.70242 -70.7644/.302),inset 0 0 160px 36px lab(54.8136% 6.70242 -70.7644/.11)}.menu.components-menu{width:300px;max-height:min(420px,60vh);overflow:auto}.component-row{border-radius:9px;align-items:center;gap:2px;display:flex}.component-row:hover{background:var(--field-bg)}.component-pick{text-align:left;min-width:0;color:var(--ink);border-radius:9px;flex:1;align-items:center;gap:10px;padding:7px 8px;display:flex}.component-pick span{flex-direction:column;min-width:0;display:flex}.component-pick strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.component-pick small{color:var(--ink-3);font-size:11.5px}.component-remove{width:26px;height:26px;color:var(--ink-3);opacity:0;transition:opacity .15s var(--ease);border-radius:7px;place-items:center;margin-right:4px;display:grid}.component-row:hover .component-remove,.component-remove:focus-visible{opacity:1}.component-remove:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 10%, transparent)}.dot-spinner{flex-shrink:0;grid-template-columns:repeat(3,3px);grid-auto-rows:3px;gap:2px;padding:1px;display:inline-grid}.dot-spinner i{opacity:.18;width:3px;height:3px;animation:.96s linear infinite dot-run;animation-delay:calc(var(--o) * .12s - .96s);background:currentColor;border-radius:50%}.dot-spinner i.core{animation:1.92s ease-in-out infinite dot-core}@keyframes dot-run{0%{opacity:1;transform:scale(1.15)}40%{opacity:.45;transform:scale(1)}to{opacity:.18}}@keyframes dot-core{0%,to{opacity:.25}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.dot-spinner i{opacity:.6;animation:none}}.stage-empty{z-index:17;text-align:center;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(360px,100% - 48px);height:fit-content;box-shadow:0 0 0 .5px var(--line-2), 0 24px 60px -24px #000a;animation:pop-up .4s var(--spring);border-radius:20px;margin:auto;padding:22px 22px 18px;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.stage-empty{box-shadow:0 0 0 .5px var(--line-2), 0 24px 60px -24px lab(0% 0 0/.667)}}.stage-empty strong{font-size:16px}.stage-empty p{color:var(--ink-3);margin:8px 0 16px;font-size:13px;line-height:1.45}.stage-empty>div{justify-content:center;gap:8px;display:flex}.shader-error{font-family:var(--mono);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-radius:9px;margin:6px 0 0;padding:8px 10px;font-size:11.5px;line-height:1.4}.selection-count{font-variant-numeric:tabular-nums;white-space:nowrap;height:26px;color:var(--accent);background:var(--accent-soft);animation:pop-in .28s var(--spring);transition:background .15s var(--ease);border-radius:999px;align-items:center;gap:6px;margin-left:4px;padding:0 9px 0 11px;font-size:12px;font-weight:600;display:inline-flex}.selection-count:hover{background:color-mix(in srgb, var(--accent) 28%, transparent)}.marquee-count{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--on-accent);background:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:0;right:0;transform:translateY(calc(100% + 6px));box-shadow:0 2px 8px -2px #0006;box-shadow:0 2px 8px -2px lab(0% 0 0/.4)}.layer-clip.tiny,.fx-clip.tiny{justify-content:center;padding:0;overflow:visible}.layer-clip.tiny .clip-caption,.fx-clip.tiny .clip-caption{display:none}.layer-clip.tiny:hover,.fx-clip.tiny:hover,.layer-clip.tiny.clip-selected,.fx-clip.tiny.clip-selected{z-index:6}.layer-clip.tiny .trim-handle,.fx-clip.tiny .trim-handle{background:var(--c2,#23a9c1);width:12px;height:24px;box-shadow:0 0 0 1.5px var(--surface), 0 2px 6px -1px #0006;opacity:0;pointer-events:none;transition:opacity .15s var(--ease), transform .22s var(--spring);border-radius:5px;margin-top:-12px;position:absolute;top:50%;transform:scale(.6)}@supports (color:lab(0% 0 0)){.layer-clip.tiny .trim-handle,.fx-clip.tiny .trim-handle{background:var(--c2,lab(63.2625% -28.8771 -23.2));box-shadow:0 0 0 1.5px var(--surface), 0 2px 6px -1px lab(0% 0 0/.4)}}.fx-clip.tiny .trim-handle{background:#23a9c1;background:lab(63.2625% -28.8771 -23.2);height:20px;margin-top:-10px}.layer-clip.tiny .trim-handle.start,.fx-clip.tiny .trim-handle.start{left:-14px}.layer-clip.tiny .trim-handle.end,.fx-clip.tiny .trim-handle.end{right:-14px}.layer-clip.tiny .trim-handle:after,.fx-clip.tiny .trim-handle:after{display:none}.layer-clip.tiny .trim-handle:before,.fx-clip.tiny .trim-handle:before{margin-left:-1.5px;top:5px;bottom:5px;left:50%}.layer-clip.tiny:hover .trim-handle,.fx-clip.tiny:hover .trim-handle,.layer-clip.tiny.clip-selected .trim-handle,.fx-clip.tiny.clip-selected .trim-handle{opacity:1;pointer-events:auto;transform:none}.layer-clip.tiny.edge-start .trim-handle.start,.layer-clip.tiny.edge-end .trim-handle.end{background:var(--edit-point)}.sfx-hit{cursor:pointer;touch-action:none;z-index:2;width:18px;transition:background .15s var(--ease);border-radius:7px;margin-left:-9px;position:absolute;top:0;bottom:0}.sfx-hit.movable{cursor:grab}.sfx-hit:hover{background:color-mix(in srgb, var(--ink) 9%, transparent)}.sfx-hit>.sfx-mark{transition:transform .22s var(--spring), box-shadow .2s var(--ease);left:50%;transform:translate(-50%)}.sfx-hit:hover>.sfx-mark{transform:translate(-50%)scale(1.35,1.15)}.sfx-hit.on{z-index:4}.sfx-hit.on>.sfx-mark{box-shadow:0 0 0 1.5px var(--surface), 0 0 0 3px var(--accent), 0 0 12px 1px color-mix(in srgb, var(--accent) 70%, transparent);transform:translate(-50%)scale(1.5,1.2)}.sfx-tag{white-space:nowrap;pointer-events:none;color:var(--on-accent);background:var(--accent);animation:sfx-tag-in .24s var(--spring);border-radius:999px;align-items:baseline;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 2px 8px -2px #0007;box-shadow:0 2px 8px -2px lab(0% 0 0/.467)}@keyframes sfx-tag-in{0%{opacity:0;transform:translate(-4px,-50%)scale(.96)}}.sfx-tag small{font-family:var(--mono);opacity:.8;font-size:10.5px;font-weight:500}.timing-popover{z-index:220;background:var(--menu);width:300px;box-shadow:0 0 0 .5px var(--line-2), var(--pop-shadow);animation:pop-up .24s var(--spring);border-radius:16px;padding:10px 12px 12px;position:fixed}.timing-popover header{align-items:center;gap:8px;margin:0 0 8px 2px;display:flex}.timing-popover header strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.time-fields{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;display:grid}.time-input{grid-template-columns:1fr auto;grid-template-areas:"label frames""field field";gap:4px 6px;min-width:0;display:grid}.time-label{color:var(--ink-2);grid-area:label;font-size:12px}.time-frames{font-family:var(--mono);color:var(--ink-3);grid-area:frames;align-self:center;font-size:10.5px}.time-input .num{grid-area:field;gap:4px;height:34px;padding:0 9px}.time-input .num small{color:var(--ink-3);font-size:11.5px}.time-input.bad .num{box-shadow:0 0 0 2px var(--danger)}.time-input input:disabled{color:var(--ink-3)}.time-hint{color:var(--ink-3);grid-column:1/-1;font-size:11.5px;line-height:1.4}