@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0a0b0e;--bg-1:#111318;--bg-2:#171a20;--bg-3:#1e222a;--bg-4:#272c35;--bg-overlay:#06070ab8;--line-1:#ffffff0f;--line-2:#ffffff1a;--line-3:#ffffff29;--fg-1:#eceef2;--fg-2:#a9b0bc;--fg-3:#838b99;--fg-on-accent:#fff;--accent:#7c6cff;--accent-fg:#a99fff;--accent-strong:#6352ee;--accent-hover:#6f5ff6;--accent-soft:#7c6cff24;--accent-soft-2:#7c6cff3d;--success:#34c88a;--success-soft:#34c88a24;--warning:#f2b233;--warning-soft:#f2b23324;--danger:#f0546a;--danger-fg:#ff8a9a;--danger-soft:#f0546a24;--trk-text:#e0689a;--trk-visual:#22b3a6;--trk-audio:#4c8df6;--trk-midi:#a78bfa;--trk-auto:#f2b233;--trk-effect:#ff7a45;--agent:#3ee6c1;--trk-video:#8b93a3;--font-sans:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--t-micro:11px;--t-sm:12px;--t-base:13px;--t-md:14px;--t-lg:16px;--t-xl:20px;--t-2xl:26px;--lh-micro:14px;--lh-sm:16px;--lh-base:18px;--lh-md:20px;--lh-lg:22px;--lh-xl:26px;--lh-2xl:32px;--s-0:2px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--h-xs:24px;--h-sm:28px;--h-md:32px;--h-lg:40px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:999px;--e-1:inset 0 1px 0 #ffffff0a, 0 1px 2px #00000059;--e-2:0 12px 32px -8px #0009, 0 2px 6px #0000004d, 0 0 0 1px var(--line-2);--e-3:0 32px 80px -12px #000000b3, 0 0 0 1px var(--line-2);--ring:0 0 0 2px var(--bg-1), 0 0 0 4px var(--accent);--ring-inset:inset 0 0 0 2px var(--accent);--dur-fast:.12s;--dur:.16s;--dur-slow:.2s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-sticky:5;--z-overlay:40;--z-popover:60;--z-dialog:80;--z-toast:90;--z-tooltip:100}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-slow:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--t-base);line-height:var(--lh-base);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default}img,video,canvas,svg{display:block}a{color:var(--accent-fg);text-decoration:none}a:hover{text-decoration:underline}:focus,:focus-visible{outline:none}:where(button,a,summary,[tabindex],[role=button],[role=radio],[role=switch],[role=spinbutton],[role=option],input[type=range]):focus-visible{box-shadow:var(--ring)}::selection{background:var(--accent-soft-2)}*{scrollbar-width:thin;scrollbar-color:var(--bg-4) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:var(--r-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:#353b46}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}code{font-family:var(--font-mono);background:var(--bg-3);border:1px solid var(--line-1);border-radius:var(--r-xs);color:var(--fg-1);padding:1px 5px;font-size:.92em}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.muted{color:var(--fg-2)}.subtle{color:var(--fg-3)}.grow{flex:1;min-width:0}.truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hint{color:var(--fg-3);font-size:var(--t-sm);line-height:var(--lh-sm);margin:var(--s-2) 0 0}.eyebrow{font-size:var(--t-micro);line-height:var(--lh-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);font-weight:600}.checker{background-color:#1b1e25;background-image:conic-gradient(#232730 25%, transparent 0 50%, #232730 0 75%, transparent 0);background-size:12px 12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.spin{animation:.8s linear infinite spin}.btn{--btn-h:var(--h-sm);height:var(--btn-h);padding:0 var(--s-3);border-radius:var(--r-sm);font-size:var(--t-base);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:550;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:translateY(.5px)scale(.985)}.btn:disabled{opacity:.42}.btn .btn-icon{stroke-width:1.9px;flex:none;width:16px;height:16px}.btn-xs{--btn-h:var(--h-xs);padding:0 var(--s-2);font-size:var(--t-sm);gap:4px}.btn-xs .btn-icon{width:14px;height:14px}.btn-sm{--btn-h:var(--h-sm)}.btn-md{--btn-h:var(--h-md);padding:0 14px}.btn-lg{--btn-h:var(--h-lg);padding:0 var(--s-5);font-size:var(--t-md);border-radius:var(--r-md)}.btn-icon-only{width:var(--btn-h);padding:0}.btn-primary{background:var(--accent-strong);color:var(--fg-on-accent);box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0006,0 0 0 1px #0003}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:#5a49e0}.btn-primary:focus-visible{box-shadow:var(--ring)}.btn-secondary{background:var(--bg-3);border-color:var(--line-2);color:var(--fg-1);box-shadow:var(--e-1)}.btn-secondary:hover:not(:disabled){background:var(--bg-4);border-color:var(--line-3)}.btn-secondary:active:not(:disabled){background:#2d333d}.btn-ghost{color:var(--fg-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-3);color:var(--fg-1)}.btn-ghost:active:not(:disabled){background:var(--bg-4)}.btn-ghost.is-active,.btn-ghost[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-fg)}.btn-subtle{background:var(--bg-2);border-color:var(--line-1);color:var(--fg-2)}.btn-subtle:hover:not(:disabled){background:var(--bg-3);color:var(--fg-1)}.btn-danger{color:var(--fg-2);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger-fg)}.btn-danger.solid{background:var(--danger);color:#fff}.input,.textarea{width:100%;min-width:0;height:var(--h-sm);padding:0 var(--s-2);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--fg-1);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--fg-3)}.input:hover,.textarea:hover{border-color:var(--line-3)}.input:focus,.textarea:focus{border-color:var(--accent);background:var(--bg-1);box-shadow:0 0 0 3px var(--accent-soft)}.input-md{height:var(--h-md)}.input-sm{height:var(--h-sm)}.textarea{height:auto;padding:var(--s-2);resize:vertical;line-height:var(--lh-base)}.search-field{align-items:center;display:flex;position:relative}.search-field>.search-icon{width:16px;height:16px;color:var(--fg-3);pointer-events:none;position:absolute;left:9px}.search-field .input{padding-left:32px;padding-right:var(--s-2)}.search-field:has(.search-clear) .input{padding-right:30px}.search-field .search-clear{position:absolute;right:3px}.search-field input[type=search]::-webkit-search-cancel-button{display:none}.kbd-group{align-items:center;gap:2px;display:inline-flex}kbd{border-radius:var(--r-xs);background:var(--bg-3);border:1px solid var(--line-2);min-width:18px;height:18px;font:500 11px/1 var(--font-sans);color:var(--fg-2);font-variant-numeric:tabular-nums;border-bottom-color:#ffffff0a;justify-content:center;align-items:center;padding:0 5px;display:inline-flex;box-shadow:inset 0 -1px #00000059}.chip{border-radius:var(--r-full);border:1px solid var(--line-2);background:var(--bg-2);height:26px;color:var(--fg-2);font-size:var(--t-sm);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;gap:5px;padding:0 10px;font-weight:550;display:inline-flex}.chip svg{width:13px;height:13px}.chip:hover:not(:disabled){background:var(--bg-3);color:var(--fg-1);border-color:var(--line-3)}.chip.active,.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--fg-1);border-color:var(--fg-1);color:var(--bg-0)}.badge{border-radius:var(--r-xs);height:18px;font-size:var(--t-micro);background:var(--bg-3);color:var(--fg-2);white-space:nowrap;align-items:center;gap:4px;padding:0 6px;font-weight:600;line-height:1;display:inline-flex}.badge svg{width:12px;height:12px}.badge.accent{background:var(--accent-soft);color:var(--accent-fg)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger-fg)}.tooltip{z-index:var(--z-tooltip);border-radius:var(--r-sm);color:#14161b;max-width:280px;font-size:var(--t-sm);font-weight:550;line-height:var(--lh-sm);pointer-events:none;animation:tip-in var(--dur-fast) var(--ease-out);background:#f4f5f8;align-items:center;gap:8px;padding:5px 8px;display:flex;position:fixed;box-shadow:0 6px 20px #00000073}.tooltip kbd{color:#3b4150;box-shadow:none;background:#e2e4ea;border-color:#cfd3db;height:17px}@keyframes tip-in{0%{opacity:0;transform:translateY(2px)}}.tooltip.side-bottom{animation-name:tip-in-b}@keyframes tip-in-b{0%{opacity:0;transform:translateY(-2px)}}.popover{z-index:var(--z-popover);background:var(--bg-2);border-radius:var(--r-lg);min-width:180px;max-height:calc(100vh - 16px);box-shadow:var(--e-2);animation:pop-in var(--dur) var(--ease-out);position:fixed;overflow:auto}.popover:focus-visible,.dialog:focus-visible,.menu:focus-visible{box-shadow:var(--e-2)}.dialog:focus-visible{box-shadow:var(--e-3)}.menu{padding:var(--s-1);flex-direction:column;display:flex}.menu-item{align-items:center;gap:var(--s-2);height:30px;padding:0 var(--s-2);border-radius:var(--r-sm);color:var(--fg-1);text-align:left;font-size:var(--t-base);transition:background-color var(--dur-fast) var(--ease-out);display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--bg-4);box-shadow:none}.menu-item:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.menu-item:disabled{color:var(--fg-3);opacity:.6}.menu-item.danger{color:var(--danger-fg)}.menu-item.danger:hover:not(:disabled){background:var(--danger-soft)}.menu-icon{width:16px;height:16px;color:var(--fg-2);flex:none}.menu-item.danger .menu-icon{color:inherit}.menu-check{width:16px;color:var(--accent-fg);place-items:center;display:grid}.menu-check svg{width:14px;height:14px}.menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.menu-hint{color:var(--fg-3);font-size:var(--t-sm)}.menu-kbd{margin-left:var(--s-4)}.menu-kbd kbd{box-shadow:none;border-color:var(--line-2);color:var(--fg-3);background:0 0}.menu-sep{background:var(--line-1);height:1px;margin:var(--s-1) calc(-1 * var(--s-1))}.menu-heading{padding:var(--s-2) var(--s-2) var(--s-1);font-size:var(--t-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);font-weight:600}.context-menu{min-width:240px}.menu-chips{align-items:center;gap:var(--s-2);min-height:34px;padding:0 var(--s-1) 0 var(--s-2);color:var(--fg-1);display:flex}.menu-chip-row{border-radius:var(--r-sm);background:var(--bg-0);border:1px solid var(--line-1);gap:2px;padding:2px;display:flex}.menu-chip{min-width:34px;height:22px;color:var(--fg-2);font-size:var(--t-sm);font-variant-numeric:tabular-nums;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:4px;padding:0 6px;font-weight:550}.menu-chip:hover:not(:disabled),.menu-chip:focus-visible{background:var(--bg-4);color:var(--fg-1);box-shadow:none}.menu-chip:focus-visible{outline:1px solid var(--accent)}.menu-chip.on{background:var(--accent-strong);color:#fff}.menu-chip:disabled{opacity:.4}.dialog-root{z-index:var(--z-dialog);padding:var(--s-6);place-items:center;display:grid;position:fixed;inset:0}.dialog-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur-slow) var(--ease-out);position:absolute;inset:0}.dialog{background:var(--bg-1);border-radius:var(--r-xl);max-width:100%;max-height:calc(100vh - 48px);box-shadow:var(--e-3);animation:dialog-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dialog-head{align-items:flex-start;gap:var(--s-3);padding:var(--s-5) var(--s-5) var(--s-3);display:flex}.dialog-icon{border-radius:var(--r-md);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-fg);flex:none;place-items:center;display:grid}.dialog-icon svg{width:18px;height:18px}.dialog-icon.tone-success{background:var(--success-soft);color:var(--success)}.dialog-icon.tone-danger{background:var(--danger-soft);color:var(--danger-fg)}.dialog-icon.tone-warning{background:var(--warning-soft);color:var(--warning)}.dialog-icon.tone-neutral{background:var(--bg-3);color:var(--fg-2)}.dialog-title{font-size:var(--t-xl);line-height:var(--lh-xl);letter-spacing:-.01em;margin:0;font-weight:650}.dialog-desc{color:var(--fg-2);font-size:var(--t-base);margin:2px 0 0}.dialog-close{margin:-4px -6px 0 0}.dialog-body{padding:var(--s-2) var(--s-5) var(--s-5);min-height:0;overflow:auto}.dialog-foot{justify-content:flex-end;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);border-top:1px solid var(--line-1);background:var(--bg-0);display:flex}.toast-host{z-index:var(--z-toast);align-items:flex-end;gap:var(--s-2);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;border-radius:var(--r-lg);background:var(--bg-3);min-width:260px;max-width:440px;box-shadow:var(--e-2);animation:toast-in var(--dur-slow) var(--ease-out);align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.toast.leaving{animation:toast-out var(--dur) var(--ease-in-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes toast-out{to{opacity:0;transform:translate(12px)}}.toast-icon{width:18px;height:18px;color:var(--accent-fg);flex:none}.toast.tone-success .toast-icon{color:var(--success)}.toast.tone-error .toast-icon{color:var(--danger-fg)}.toast-thumb{border-radius:var(--r-sm);object-fit:contain;flex:none;width:28px;height:28px}.toast-text{flex:1;min-width:0}.toast-title{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.toast-desc{color:var(--fg-2);font-size:var(--t-sm)}.toast-action{border-radius:var(--r-sm);height:26px;color:var(--accent-fg);transition:background-color var(--dur-fast) var(--ease-out);padding:0 10px;font-weight:600}.toast-action:hover{background:var(--accent-soft)}.toast-close{border-radius:var(--r-sm);width:24px;height:24px;color:var(--fg-3);place-items:center;display:grid}.toast-close:hover{background:var(--bg-4);color:var(--fg-1)}.toast-close svg{width:14px;height:14px}.segmented{border-radius:var(--r-sm);background:var(--bg-0);border:1px solid var(--line-1);gap:2px;padding:2px;display:inline-flex}.seg-full{width:100%;display:flex}.seg-full .seg-item{flex:1}.seg-item{min-width:28px;height:24px;color:var(--fg-2);font-size:var(--t-sm);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:550;display:inline-flex}.seg-item svg{width:15px;height:15px}.seg-item:hover{color:var(--fg-1)}.seg-item.on{background:var(--bg-4);color:var(--fg-1);box-shadow:var(--e-1)}.seg-xs .seg-item{height:20px;font-size:var(--t-micro);padding:0 6px}.seg-md .seg-item{height:28px;font-size:var(--t-base);padding:0 12px}.scrub{height:var(--h-sm);padding:0 var(--s-2);border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--line-1);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;min-width:0;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;display:flex;position:relative}.scrub:hover{border-color:var(--line-3);background:var(--bg-3)}.scrub.dragging{border-color:var(--accent);background:var(--bg-3)}.scrub.editing{cursor:text;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-1)}.scrub.disabled{opacity:.45;cursor:default}.scrub-label{color:var(--fg-3);font-size:var(--t-sm);cursor:inherit;flex:none;align-items:center;font-weight:550;display:inline-flex}.scrub-label svg{width:14px;height:14px}.scrub.dragging .scrub-label{color:var(--accent-fg)}.scrub-value,.scrub-input{text-align:right;min-width:0;font-size:var(--t-base);color:var(--fg-1);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.scrub-value.placeholder{color:var(--fg-3)}.scrub-input{background:0 0;border:0;outline:none;height:100%;padding:0}.scrub-unit{color:var(--fg-3);font-size:var(--t-sm);flex:none;margin-left:-2px}select:not([multiple]){min-width:0;min-height:var(--h-sm);padding:0 var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg-2);color:var(--fg-1);font:inherit;line-height:var(--lh-base);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}select:not([multiple]):hover:not(:disabled){border-color:var(--line-3);background:var(--bg-3)}select:not([multiple]):focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}select:not([multiple]):open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}select:not([multiple]):disabled{opacity:.45;cursor:default}@supports not (appearance:base-select){select:not([multiple]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23838b99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;padding-right:28px}}@supports (appearance:base-select){select:not([multiple]){appearance:base-select}select:not([multiple])::picker(select){appearance:base-select}select:not([multiple]){background-image:none;align-items:center;gap:6px;display:inline-flex}select:not([multiple])::picker-icon{content:"";width:14px;height:14px;color:var(--fg-3);transition:transform var(--dur-fast) var(--ease-out);background:currentColor;flex:none;margin-left:auto;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}select:not([multiple]):open::picker-icon{transform:rotate(180deg)}select:not([multiple]) selectedcontent{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}select:not([multiple])::picker(select){padding:var(--s-1);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-lg);min-width:200px;max-width:min(420px,100vw - 16px);max-height:min(360px,100vh - 24px);box-shadow:var(--e-2);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), display var(--dur-fast) allow-discrete, overlay var(--dur-fast) allow-discrete;margin-block:6px;overflow-y:auto;transform:translateY(-4px)scale(.98)}select:not([multiple]):open::picker(select){opacity:1;transform:none}@starting-style{select:not([multiple]):open::picker(select){opacity:0;transform:translateY(-4px)scale(.98)}}select:not([multiple]) option{padding:6px var(--s-2) 6px 30px;border-radius:var(--r-sm);color:var(--fg-1);font-size:var(--t-base);white-space:normal;overflow-wrap:anywhere;line-height:1.4;position:relative}select:not([multiple]) option:hover,select:not([multiple]) option:focus,select:not([multiple]) option:focus-visible{background:var(--bg-4);box-shadow:none;outline:none}select:not([multiple]) option:checked{background:var(--accent-soft);color:var(--accent-fg)}select:not([multiple]) option::checkmark{content:"";background:currentColor;width:14px;height:14px;position:absolute;top:50%;left:9px;translate:0 -50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}select:not([multiple]) option:disabled{opacity:.55;color:var(--fg-3)}select:not([multiple]) optgroup{padding:var(--s-2) var(--s-2) var(--s-0);color:var(--fg-3);font-size:var(--t-micro);letter-spacing:.04em;text-transform:uppercase;font-weight:600}select:not([multiple]) optgroup option{color:var(--fg-1);font-size:var(--t-base);letter-spacing:normal;text-transform:none;font-weight:400}}.select{width:100%;height:var(--h-sm);padding:0 6px 0 var(--s-2);border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--line-2);color:var(--fg-1);text-align:left;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;display:flex}.select:hover{border-color:var(--line-3);background:var(--bg-3)}.select.open{border-color:var(--accent)}.select-md{height:var(--h-md)}.select-icon{width:15px;height:15px;color:var(--fg-2);flex:none}.select-value{flex:1}.select-chevron{width:14px;height:14px;color:var(--fg-3);transition:transform var(--dur-fast) var(--ease-out);flex:none}.select.open .select-chevron{transform:rotate(180deg)}.select-pop{min-width:160px}.color-field{align-items:center;gap:var(--s-2);height:var(--h-sm);width:100%;padding:0 var(--s-2) 0 5px;border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--line-1);text-align:left;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);display:flex}.color-field:hover{border-color:var(--line-3);background:var(--bg-3)}.color-field{container-type:inline-size}@container (width<=150px){.color-hex{display:none}}.color-field.open{border-color:var(--accent)}.color-field.compact{width:var(--h-sm);justify-content:center;padding:0}.color-label{color:var(--fg-3);font-size:var(--t-sm);font-weight:550}.color-hex{font-size:var(--t-sm);color:var(--fg-1);margin-left:auto}.swatch{background:var(--bg-4);border-radius:4px;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff29}.swatch.none{background:linear-gradient(135deg, transparent 45%, var(--danger) 45% 55%, transparent 55%), var(--bg-2)}.swatch.lg{border-radius:var(--r-sm);width:28px;height:28px}.color-pop{width:232px;padding:var(--s-3)}.color-pop-head{margin-bottom:var(--s-2)}.swatch-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.swatch-btn{aspect-ratio:1;color:var(--fg-3);background:var(--bg-3);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:6px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.swatch-btn svg{width:14px;height:14px}.swatch-btn:hover{transform:scale(1.08)}.swatch-btn.on{box-shadow:0 0 0 2px var(--bg-2), 0 0 0 4px var(--fg-1)}.color-pop-row{align-items:center;gap:var(--s-2);margin-top:var(--s-3);display:flex}.switch{align-items:center;gap:var(--s-2);color:var(--fg-2);font-size:var(--t-base);display:inline-flex}.switch-track{border-radius:var(--r-full);background:var(--bg-4);width:30px;height:18px;box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color var(--dur) var(--ease-out);position:relative}.switch-thumb{width:14px;height:14px;transition:transform var(--dur) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0006}.switch.on .switch-track{background:var(--accent-strong)}.switch.on .switch-thumb{transform:translate(12px)}.section{border-bottom:1px solid var(--line-1)}.section-head{align-items:center;gap:var(--s-1);padding:0 var(--s-2) 0 var(--s-1);height:40px;display:flex}.section-toggle{height:28px;padding:0 var(--s-2) 0 4px;border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--fg-1);text-align:left;transition:background-color var(--dur-fast) var(--ease-out);flex:1;align-items:center;gap:6px;font-weight:600;display:flex}.section-toggle:hover{background:var(--bg-2)}.section-chevron{width:14px;height:14px;color:var(--fg-3);transition:transform var(--dur) var(--ease-out);transform:rotate(-90deg)}.section.open .section-chevron{transform:none}.section-icon{width:14px;height:14px;color:var(--fg-3)}.section-actions{gap:2px;display:flex}.section-body{padding:0 var(--s-3) var(--s-4);animation:fade-in var(--dur) var(--ease-out)}.skeleton{background:linear-gradient(90deg, var(--bg-2) 0%, var(--bg-2) 30%, #232833 50%, var(--bg-2) 70%, var(--bg-2) 100%);animation:shimmer 1.4s var(--ease-in-out) infinite;background-size:250% 100%;display:block}.empty-state{text-align:center;align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-4);color:var(--fg-2);animation:fade-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex}.es-icon{border-radius:var(--r-lg);background:var(--bg-3);width:40px;height:40px;color:var(--fg-2);margin-bottom:var(--s-1);box-shadow:inset 0 0 0 1px var(--line-1);place-items:center;display:grid}.es-icon svg{width:20px;height:20px}.empty-state.tone-accent .es-icon{background:var(--accent-soft);color:var(--accent-fg)}.empty-state.tone-danger .es-icon{background:var(--danger-soft);color:var(--danger-fg)}.empty-state.tone-warning .es-icon{background:var(--warning-soft);color:var(--warning)}.es-title{color:var(--fg-1);font-size:var(--t-md);line-height:var(--lh-md);font-weight:600}.es-body{max-width:320px;font-size:var(--t-base);line-height:var(--lh-base)}.es-actions{justify-content:center;gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.es-sm{padding:var(--s-4) var(--s-3)}.es-sm .es-icon{width:32px;height:32px}.es-sm .es-icon svg{width:16px;height:16px}.es-sm .es-title{font-size:var(--t-base)}.es-lg .es-icon{border-radius:var(--r-xl);width:56px;height:56px}.es-lg .es-icon svg{width:26px;height:26px}.es-lg .es-title{font-size:var(--t-2xl);line-height:var(--lh-2xl);letter-spacing:-.02em;font-weight:700}.es-lg .es-body{max-width:420px;font-size:var(--t-md);line-height:var(--lh-md)}.time-btn{border-radius:var(--r-xs);font:inherit;color:inherit;cursor:text;transition:background-color var(--dur-fast) var(--ease-out);margin:-1px -4px;padding:1px 4px}.time-btn:hover{background:var(--bg-3)}.time-input.input{width:78px;height:22px;font:inherit;text-align:right;padding:0 6px;font-weight:600}.studio{flex-direction:column;min-width:0;height:100%;display:flex}.topbar{align-items:center;gap:var(--s-2);height:48px;padding:0 var(--s-2) 0 var(--s-3);background:var(--bg-1);border-bottom:1px solid var(--line-1);z-index:10;flex:none;display:flex;position:relative}.topbar-sep{background:var(--line-2);width:1px;height:20px;margin:0 var(--s-1);flex:none}.brand{align-items:center;gap:var(--s-2);padding-right:var(--s-1);font-weight:650;font-size:var(--t-md);letter-spacing:-.01em;color:var(--fg-1);white-space:nowrap;display:flex}.brand-mark{flex:none;width:24px;height:24px}.topbar-group{align-items:center;gap:2px;display:flex}.topbar-right{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}.save-status{border-radius:var(--r-full);height:24px;font-size:var(--t-sm);color:var(--fg-3);white-space:nowrap;transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);align-items:center;gap:6px;padding:0 8px 0 6px;font-weight:550;display:inline-flex}.save-status svg{width:14px;height:14px}.save-status.saving,.save-status.unsaved{color:var(--fg-2)}.save-status.error{color:var(--danger-fg);background:var(--danger-soft)}.save-dot{background:var(--warning);border-radius:50%;width:6px;height:6px;margin:0 4px}.error-bar{align-items:center;gap:var(--s-2);padding:6px var(--s-2) 6px var(--s-3);background:var(--danger-soft);color:var(--danger-fg);font-size:var(--t-base);border-bottom:1px solid #f0546a40;display:flex}.error-bar>svg{flex:none;width:16px;height:16px}.workspace{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.top{grid-template-columns:64px clamp(280px,22vw,360px) minmax(0,1fr) clamp(272px,20vw,320px);min-height:0;display:grid}.rail{padding:var(--s-2) 0;background:var(--bg-1);border-right:1px solid var(--line-1);flex-direction:column;align-items:center;gap:2px;min-height:0;display:flex;overflow-y:auto}.rail button{border-radius:var(--r-md);width:54px;height:52px;color:var(--fg-3);font-size:var(--t-micro);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:550;line-height:1;display:flex;position:relative}.rail button svg{stroke-width:1.75px;width:20px;height:20px;transition:transform var(--dur) var(--ease-out)}.rail button:hover{color:var(--fg-1);background:var(--bg-2)}.rail button:active svg{transform:scale(.92)}.rail button.active{color:var(--fg-1);background:var(--bg-3)}.rail button.active svg{color:var(--accent-fg)}.rail button.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:-5px}.rail-spacer{flex:1}.panel{background:var(--bg-1);border-right:1px solid var(--line-1);flex-direction:column;min-width:0;min-height:0;display:flex}.panel-head{align-items:center;gap:var(--s-2);height:44px;padding:0 var(--s-2) 0 var(--s-4);flex:none;display:flex}.panel-title{font-size:var(--t-md);letter-spacing:-.005em;font-weight:600}.panel-scroll{padding:0 var(--s-3) var(--s-3);flex:1;min-height:0;overflow-y:auto}.stage{background:radial-gradient(ellipse at 50% 40%, #7c6cff0d, transparent 60%), radial-gradient(circle at center, #12141a 0%, var(--bg-0) 70%);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.stage-center{min-height:0;padding:var(--s-4);flex:1;place-items:center;display:grid}.inspector-col{background:var(--bg-1);border-left:1px solid var(--line-1);min-width:0;min-height:0;overflow-y:auto}.resizer{background:var(--bg-1);border-top:1px solid var(--line-1);cursor:row-resize;touch-action:none;position:relative}.resizer:after{content:"";background:var(--line-3);width:36px;height:3px;transition:background-color var(--dur-fast) var(--ease-out), width var(--dur-fast) var(--ease-out);border-radius:2px;margin:-1.5px 0 0 -18px;position:absolute;top:50%;left:50%}.resizer:hover:after,.resizer.active:after{background:var(--accent);width:56px;margin-left:-28px}.bottom{background:var(--bg-1);flex-direction:column;min-width:0;min-height:0;display:flex}.panel-error{height:100%;padding:var(--s-4);place-items:center;display:grid}.rail-dot{background:var(--agent);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg-1);border-radius:50%;position:absolute;top:7px;right:11px}.rail-dot.busy{animation:1s ease-in-out infinite agent-pulse}@keyframes agent-pulse{50%{opacity:.6;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.rail-dot.busy{animation:none}}.col-resizer{z-index:5;cursor:col-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0}.col-resizer.left{left:0}.col-resizer.right{right:0}.col-resizer:after{content:"";background:var(--line-3);opacity:0;width:3px;height:36px;transition:opacity var(--dur-fast) var(--ease-out), height var(--dur-fast) var(--ease-out), margin var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:2px;margin-top:-18px;position:absolute;top:50%}.col-resizer.left:after{left:1px}.col-resizer.right:after{right:1px}.col-resizer:hover:after,.col-resizer:focus-visible:after,.col-resizer.active:after{opacity:1;background:var(--accent);height:56px;margin-top:-28px}.col-resizer:focus-visible{outline:none}.tl{-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;min-height:0;display:flex}.tl-toolbar{align-items:center;gap:var(--s-2);height:40px;padding:0 var(--s-2);border-bottom:1px solid var(--line-1);flex:none;grid-template-columns:1fr auto 1fr;display:grid}.tl-tools,.tl-zoom{align-items:center;gap:2px;display:flex}.tl-zoom{justify-self:end}.tl-sep{background:var(--line-2);width:1px;height:16px;margin:0 var(--s-1)}.tl-time{font-size:var(--t-md);align-items:baseline;gap:6px;display:flex}.tl-time-now{color:var(--fg-1);text-align:right;min-width:62px;font-weight:600}.tl-time-total{color:var(--fg-3);font-size:var(--t-sm)}.zoom-slider{appearance:none;cursor:pointer;background:0 0;width:108px;height:20px;margin:0 2px}.zoom-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--fg-2) var(--p), var(--bg-4) var(--p));border-radius:2px;height:4px}.zoom-slider::-moz-range-track{background:linear-gradient(90deg, var(--fg-2) var(--p), var(--bg-4) var(--p));border-radius:2px;height:4px}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-out);background:#fff;border-radius:50%;margin-top:-4px;box-shadow:0 1px 3px #00000080}.zoom-slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.zoom-slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.zoom-slider:focus-visible{box-shadow:none}.zoom-slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring)}.tl-ruler-row{border-bottom:1px solid var(--line-1);background:var(--bg-1);flex:none;height:26px;display:flex}.ruler-head{border-right:1px solid var(--line-1);flex:none}.ruler-viewport{flex:1;min-width:0;position:relative;overflow:hidden}.ruler{cursor:col-resize;z-index:4;background-image:linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:var(--minor) 5px;background-position:0 100%;background-repeat:repeat-x;height:100%;position:relative}.ruler .tick span{font-size:var(--t-micro);color:var(--fg-3);white-space:nowrap;line-height:1;position:absolute;top:5px;left:5px}.ruler .tick{pointer-events:none;background:linear-gradient(#ffffff52,#ffffff52) 0 100%/1px 10px no-repeat;width:40px;height:100%;position:absolute;top:0}.ruler-end{pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff08 0 4px,#0000 4px 8px);width:100vw;position:absolute;top:0;bottom:0;right:0}.playhead-knob{z-index:5;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);will-change:transform;background:#fff;border-radius:3px 3px 6px 6px;width:13px;height:18px;position:absolute;top:3px;left:-6px}.ruler.scrubbing .playhead-knob,.ruler:hover .playhead-knob{background:var(--accent-fg)}.tl-body{flex:1;min-height:0;display:flex;overflow:hidden auto}.tl-heads{border-right:1px solid var(--line-1);background:var(--bg-1);z-index:6;flex:none;position:sticky;left:0}.lane-head{content-visibility:auto;contain:layout paint;font-size:var(--t-sm);color:var(--fg-2);border-bottom:1px solid var(--line-1);white-space:nowrap;align-items:center;gap:7px;padding:0 4px 0 12px;font-weight:550;display:flex;position:relative}.lane-head:before{content:"";background:var(--c,transparent);opacity:.8;border-radius:0 2px 2px 0;width:2px;position:absolute;top:6px;bottom:6px;left:0}.lane-head.k-text{--c:var(--trk-text)}.lane-head.k-visual{--c:var(--trk-visual)}.lane-head.k-audio{--c:var(--trk-audio)}.lane-head.k-auto{--c:var(--trk-auto)}.lane-head.k-effect{--c:var(--trk-effect)}.lane-head.k-video{--c:var(--trk-video);color:var(--fg-1)}.lane-icon{width:15px;height:15px;color:var(--c);flex:none}.lane-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.lane-num{color:var(--fg-3);font-weight:500}.lane-head.dimmed .lane-name,.lane-head.dimmed .lane-icon{opacity:.5}.lane-actions{gap:0;display:flex}.lane-actions .btn{opacity:0;width:22px;height:22px;transition:opacity var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.lane-actions .btn .btn-icon{width:13px;height:13px}.lane-head:hover .lane-actions .btn,.lane-actions .btn:focus-visible,.lane-actions .btn.on{opacity:1}.lane-actions .btn.on{color:var(--warning);background:0 0}.lane-actions .btn.on:hover{background:var(--bg-3)}.tl-scroll{flex:1;align-self:flex-start;min-width:0;min-height:100%;position:relative;overflow:auto hidden}.tl-content{min-height:100%;position:relative}.tl .lane{content-visibility:auto;contain:layout paint;border-bottom:1px solid var(--line-1);transition:background-color var(--dur-fast) var(--ease-out);position:relative}.tl .lane.video{background:#ffffff04}.tl .lane.auto{background:linear-gradient(#f2b23309,#f2b23309)}.tl .lane.drop{background:var(--accent-soft)}.lane-hint{height:100%;font-size:var(--t-sm);color:var(--fg-3);opacity:.75;pointer-events:none;white-space:nowrap;align-items:center;padding:0 4px;display:inline-flex;position:sticky;left:12px}.tl .lane.spare .lane-hint:before{content:"";border:1px dashed var(--line-3);border-radius:4px;width:14px;height:14px;margin-right:6px}.tl .lane.is-locked{background-image:repeating-linear-gradient(135deg,#ffffff06 0 6px,#0000 6px 12px)}.tl .lane.is-locked .clip{cursor:not-allowed}.tl .lane.is-locked .handle{display:none}.tl .lane.is-hidden .clip,.tl .lane.is-hidden .marker{opacity:.38}.tl .lane.is-muted .waveform,.tl .lane.is-muted .video-clip{opacity:.45}.tl .clip{--c:var(--trk-visual);border-radius:var(--r-sm);cursor:grab;color:var(--fg-1);font-size:var(--t-sm);background:color-mix(in srgb, var(--c) 26%, var(--bg-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 55%, transparent), inset 0 1px 0 #ffffff0f;transition:box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 10px 0 4px;font-weight:550;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.tl .clip:hover{background:color-mix(in srgb, var(--c) 34%, var(--bg-2))}.tl .clip:active{cursor:grabbing}.tl .clip.text{--c:var(--trk-text);padding-left:8px}.tl .clip.visual{--c:var(--trk-visual)}.tl .clip.effect{--c:var(--trk-effect);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--c) 30%, var(--bg-2)) 0 8px, color-mix(in srgb, var(--c) 24%, var(--bg-2)) 8px 16px);padding-left:8px}.tl .clip.effect .clip-label{gap:5px}.tl .clip.effect .clip-label svg{width:13px;height:13px;color:color-mix(in srgb, var(--c) 60%, #fff)}.tl .fx-amount{font-size:var(--t-micro);background:#0a0c1280;border-radius:3px;padding:0 4px}.tl .clip.audio{--c:var(--trk-audio);align-items:flex-start;padding-left:8px}.tl .clip.selected{background:color-mix(in srgb, var(--c) 40%, var(--bg-2));box-shadow:inset 0 0 0 2px #fff, 0 0 0 1px #0009, 0 4px 16px -4px color-mix(in srgb, var(--c) 70%, transparent);z-index:2}.tl .clip.selected.in-group{box-shadow:inset 0 0 0 2px #ffffffbf,0 0 0 1px #0009}.tl .clip.selected.in-group .handle{background:0 0}.tl .clip.tiny{padding:0}.clip-thumb{aspect-ratio:1;object-fit:contain;pointer-events:none;background-color:#00000040;border-radius:4px;flex:none;height:calc(100% - 6px)}.clip-label{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0009;pointer-events:none;align-items:center;gap:4px;min-width:0;display:inline-flex;position:relative;overflow:hidden}.clip-label svg{flex:none;width:12px;height:12px}.tl .clip.audio .clip-label{font-size:var(--t-micro);background:#0a0c128c;border-radius:3px;margin-top:3px;padding:0 5px;line-height:14px}.clip-label.text-preview{font-size:var(--t-base);font-weight:700;display:block}.clip-swatch{border-radius:3px;flex:none;width:10px;height:10px}.waveform{pointer-events:none;position:absolute;top:3px;left:0}.fade{pointer-events:none;background:#06080e73;position:absolute;top:0;bottom:0}.fade.in{clip-path:polygon(0 0,100% 0,0 100%);left:0}.fade.out{clip-path:polygon(0 0,100% 0,100% 100%);right:0}.handle{cursor:ew-resize;z-index:1;place-items:center;width:8px;display:grid;position:absolute;top:0;bottom:0}.handle:after{content:"";opacity:0;width:2px;height:40%;max-height:14px;transition:opacity var(--dur-fast) var(--ease-out);background:#ffffffb3;border-radius:1px}.tl .clip:hover .handle:after,.tl .clip.selected .handle:after{opacity:1}.handle.l{left:0}.handle.r{right:0}.tl .clip.selected .handle{background:#fff}.tl .clip.selected .handle:after{background:#0000008c}.tl .clip.selected .handle.l{border-radius:5px 0 0 5px}.tl .clip.selected .handle.r{border-radius:0 5px 5px 0}.drop-ghost{--c:var(--accent);border-radius:var(--r-sm);border:1.5px dashed color-mix(in srgb, var(--c) 90%, white);background:color-mix(in srgb, var(--c) 22%, transparent);color:var(--fg-1);font-size:var(--t-sm);pointer-events:none;z-index:3;animation:fade-in var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 8px 0 4px;font-weight:550;display:flex;position:absolute;top:3px;bottom:3px}.drop-ghost.k-text{--c:var(--trk-text)}.drop-ghost.k-effect{--c:var(--trk-effect)}.drop-ghost.k-visual{--c:var(--trk-visual)}.drop-ghost.k-audio{--c:var(--trk-audio)}.drop-ghost img{aspect-ratio:1;object-fit:contain;border-radius:3px;height:calc(100% - 8px)}.drop-ghost-time{background:var(--accent-strong);color:#fff;border-radius:3px;padding:1px 4px;font-size:10px;position:absolute;top:-1px;left:-1px;transform:translateY(-100%)}.video-clip{border-radius:var(--r-sm);background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line-2);align-items:flex-end;display:flex;position:absolute;top:3px;bottom:3px;left:0;overflow:hidden}.filmstrip{display:flex;position:absolute;inset:0}.filmstrip img{object-fit:cover;height:100%;animation:fade-in var(--dur-slow) var(--ease-out);flex:none}.video-clip .clip-label{font-size:var(--t-micro);color:#fff;text-shadow:none;background:#0a0c12b8;border-radius:4px;margin:0 0 4px 6px;padding:0 6px;line-height:16px}.tl .lane.auto .marker{cursor:grab;z-index:1;width:14px;margin-left:-7px;position:absolute;top:0;bottom:0}.tl .lane.auto .marker:before{content:"";background:var(--c);opacity:.5;border-radius:1px;width:2px;position:absolute;top:8px;bottom:4px;left:6px}.tl .lane.auto .marker:after{content:"";background:var(--c);width:10px;height:10px;box-shadow:0 0 0 2px var(--bg-1);transition:transform var(--dur-fast) var(--ease-out);border-radius:2px;position:absolute;top:5px;left:2px;transform:rotate(45deg)}.tl .lane.auto .marker:hover:after{transform:rotate(45deg)scale(1.2)}.tl .lane.auto .marker.unhandled:after{background:var(--bg-1);box-shadow:inset 0 0 0 2px var(--c), 0 0 0 2px var(--bg-1)}.tl .lane.auto .marker.selected{z-index:3}.tl .lane.auto .marker.selected:after{box-shadow:0 0 0 2px var(--bg-1), 0 0 0 3.5px #fff}.tl .lane.auto .marker-label{height:18px;font-size:var(--t-micro);white-space:nowrap;background:color-mix(in srgb, var(--c) 18%, var(--bg-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 35%, transparent);color:var(--fg-1);pointer-events:none;border-radius:4px;align-items:center;gap:4px;padding:0 6px 0 5px;font-weight:600;display:flex;position:absolute;top:5px;left:16px}.tl .lane.auto .marker.selected .marker-label{box-shadow:inset 0 0 0 1px #fff}.tl .lane.auto .marker-label img{object-fit:contain;width:13px;height:13px}.marker-count{color:var(--fg-2);font-weight:600}.playhead{pointer-events:none;z-index:5;will-change:transform;background:#fff;width:1.5px;position:absolute;top:0;bottom:0;left:-.5px;box-shadow:0 0 0 .5px #00000080}.snap-line{background:var(--warning);width:1px;box-shadow:0 0 6px var(--warning);pointer-events:none;z-index:6;margin-left:-.5px;position:absolute;top:0;bottom:0}.tl .marquee{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:var(--r-xs);pointer-events:none;z-index:7;position:absolute}.tl-skeleton{opacity:.6;flex-direction:column;gap:1px;padding:8px 0;display:flex}.tl-skel-bar{justify-content:space-between;padding:4px 12px 10px;display:flex}.tl-skel-row{align-items:center;gap:60px;padding:0 12px;display:flex}.tl-waiting{background:repeating-linear-gradient(0deg, transparent 0 43px, var(--line-1) 43px 44px);place-items:center;height:100%;display:grid}.tl .video-clip.segment{cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-out)}.tl .video-clip.segment.multi{border-right:2px solid var(--bg-1)}.tl .video-clip.segment:hover{box-shadow:inset 0 0 0 1px var(--line-3)}.tl .video-clip.segment.selected{z-index:2;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #0009}.tl .video-clip .clip-label{z-index:1;position:relative}.tl .trim-cut{border:1px dashed var(--danger);border-radius:var(--r-sm);background:repeating-linear-gradient(135deg, var(--danger-soft) 0 6px, transparent 6px 12px);color:var(--danger-fg);font-size:var(--t-micro);pointer-events:none;place-items:center;font-weight:700;display:grid;position:absolute;top:3px;bottom:3px;overflow:hidden}.tl .trim-cut span{border-radius:var(--r-xs);background:var(--bg-0);white-space:nowrap;padding:1px 5px}.tl .video-clip.segment.cutting{box-shadow:inset 0 0 0 2px #fff, -3px 0 0 var(--danger);z-index:2}.speed-badge{background:var(--accent-strong);color:#fff;border-radius:4px;align-items:center;height:16px;margin-left:4px;padding:0 5px;font-weight:700;display:inline-flex}.speed-badge svg{width:11px;height:11px;margin-right:2px}.speed-badge svg:only-child{margin-right:0}.tl .video-clip.hold .filmstrip{filter:saturate(.4)brightness(1.15)hue-rotate(170deg)}.tl .video-clip.hold .speed-badge{background:#3f8fd8}.tl .video-clip.reversed:after{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#ffffff12 0 6px,#0000 6px 12px);position:absolute;inset:0}.tl .video-clip .handle{z-index:2}.tl .video-clip:hover .handle:after,.tl .video-clip.selected .handle:after{opacity:1}.tl .video-clip.selected .handle{background:#fff}.tl .video-clip.selected .handle:after{background:#0000008c}.tl .video-clip.selected .handle.l{border-radius:5px 0 0 5px}.tl .video-clip.selected .handle.r{border-radius:0 5px 5px 0}@keyframes agent-glow{0%{box-shadow:inset 0 0 0 2px var(--agent), 0 0 0 0 color-mix(in srgb, var(--agent) 70%, transparent)}60%{box-shadow:inset 0 0 0 2px var(--agent), 0 0 0 6px color-mix(in srgb, var(--agent) 0%, transparent)}to{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--agent) 60%, transparent), 0 0 0 0 transparent}}.tl .clip.agent-touched,.tl .video-clip.agent-touched{animation:agent-glow 1.2s var(--ease-out) 2}.tl .clip.agent-touched:before{content:"AI";z-index:3;background:var(--agent);color:#06201a;border-radius:3px;padding:0 3px;font-size:9px;font-weight:800;line-height:12px;position:absolute;top:1px;right:3px}.hl-band{z-index:0;background:color-mix(in srgb, var(--agent) 9%, transparent);border-left:1px solid color-mix(in srgb, var(--agent) 60%, transparent);border-right:1px solid color-mix(in srgb, var(--agent) 60%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.hl-label{border-radius:var(--r-full);background:var(--agent);color:#06201a;max-width:calc(100% - 4px);font-size:var(--t-micro);white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;z-index:8;padding:1px 6px;font-weight:700;position:absolute;top:2px;left:2px;overflow:hidden}@media (prefers-reduced-motion:reduce){.tl .clip.agent-touched,.tl .video-clip.agent-touched{box-shadow:inset 0 0 0 2px var(--agent);animation:none}}.tl .tl-project{max-width:180px}.tl .tl-project.active{background:var(--accent-soft);color:var(--accent-fg)}.project-btn{align-items:center;gap:var(--s-2);height:var(--h-md);max-width:260px;padding:0 var(--s-2) 0 4px;border-radius:var(--r-sm);color:var(--fg-1);transition:background-color var(--dur-fast) var(--ease-out);font-weight:550;display:flex}.project-btn:hover,.project-btn.open{background:var(--bg-3)}.project-btn-name{max-width:180px}.project-btn-chevron{width:14px;height:14px;color:var(--fg-3);transition:transform var(--dur) var(--ease-out);flex:none}.project-btn.open .project-btn-chevron{transform:rotate(180deg)}.dot{border-radius:50%;flex:none;width:7px;height:7px}.dot.warning{background:var(--warning)}.project-thumb{background:var(--bg-3);width:56px;height:32px;color:var(--fg-3);box-shadow:inset 0 0 0 1px var(--line-1);border-radius:5px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;animation:fade-in var(--dur-slow) var(--ease-out)}.project-thumb .skeleton{position:absolute;inset:0}.project-thumb svg{width:15px;height:15px}.project-thumb.sm{border-radius:4px;width:40px;height:24px}.project-thumb.rec{background:var(--bg-2);border:1px dashed var(--line-3);box-shadow:none}.project-pop{flex-direction:column;width:400px;max-height:min(560px,100vh - 80px);display:flex;overflow:hidden}.proj-search{padding:var(--s-2);border-bottom:1px solid var(--line-1)}.proj-list{padding:0 var(--s-1) var(--s-2);overflow-y:auto}.proj-list .menu-heading{padding-top:var(--s-3);align-items:center;gap:6px;display:flex}.proj-list .menu-heading svg{width:12px;height:12px}.proj-row{border-radius:var(--r-md);align-items:center;display:flex;position:relative}.proj-row-main{border-radius:var(--r-md);text-align:left;min-width:0;transition:background-color var(--dur-fast) var(--ease-out);flex:1;align-items:center;gap:10px;padding:6px 36px 6px 6px;display:flex}.proj-row-main:hover,.proj-row-main:focus-visible{background:var(--bg-3)}.proj-row.current .proj-row-main{background:var(--accent-soft)}.proj-row.renaming{background:var(--bg-3);gap:10px;padding:6px}.proj-text{flex-direction:column;gap:1px;display:flex}.proj-name{color:var(--fg-1);font-weight:550}.proj-meta{font-size:var(--t-sm);color:var(--fg-3);align-items:center;gap:4px;display:flex}.proj-warn{color:var(--warning);align-items:center;gap:4px;display:inline-flex}.proj-warn svg{width:12px;height:12px}.proj-error{font-size:var(--t-sm);color:var(--danger-fg);margin-top:4px}.proj-check{width:16px;height:16px;color:var(--accent-fg);flex:none}.proj-row.current .proj-row-main{padding-right:64px}.proj-row.current .proj-check{position:absolute;right:36px}.proj-rename{opacity:0;position:absolute;right:6px}.proj-row:hover .proj-rename,.proj-rename:focus-visible{opacity:1}.proj-row .badge{margin-left:auto}.proj-empty{padding:var(--s-3) var(--s-2);color:var(--fg-3);font-size:var(--t-sm);text-align:center}.proj-empty.left{text-align:left;line-height:var(--lh-md)}.cmd-trigger{align-items:center;gap:var(--s-2);height:var(--h-sm);padding:0 6px 0 var(--s-2);border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--line-1);min-width:170px;color:var(--fg-3);font-size:var(--t-base);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);display:flex}.cmd-trigger:hover{border-color:var(--line-3);color:var(--fg-2)}.cmd-trigger>svg{width:15px;height:15px}.cmd-trigger-text{text-align:left;flex:1}.cmd-trigger kbd{box-shadow:none;background:0 0}.split-btn{display:flex}.split-btn>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.split-caret{margin-left:1px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:26px!important}.jobs-btn-wrap{display:inline-flex;position:relative}.notif-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg-1);pointer-events:none;border-radius:50%;position:absolute;top:5px;right:5px}.jobs-pill{height:var(--h-sm);border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-fg);font-size:var(--t-sm);transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 10px 0 8px;font-weight:600;display:flex;position:relative;overflow:hidden}.jobs-pill:hover,.jobs-pill.open{background:var(--accent-soft-2)}.jobs-pill>svg{width:14px;height:14px}.jobs-pill .progress{background:0 0;height:2px;position:absolute;bottom:3px;left:10px;right:10px}.jobs-more{color:var(--fg-2)}.jobs-pop{flex-direction:column;width:380px;max-height:min(600px,100vh - 80px);display:flex;overflow:hidden}.jobs-pop-head{padding:var(--s-3) var(--s-2) var(--s-2) var(--s-4);border-bottom:1px solid var(--line-1);justify-content:space-between;align-items:center;display:flex}.jobs-pop-body{padding:0 var(--s-2) var(--s-3);overflow-y:auto}.jobs-heading{justify-content:space-between;align-items:center;display:flex}.link-btn{color:var(--accent-fg);font-size:var(--t-sm);text-transform:none;letter-spacing:0;font-weight:550}.link-btn:hover{text-decoration:underline}.jobs-empty{padding:var(--s-1) var(--s-2) var(--s-2);color:var(--fg-3);font-size:var(--t-sm)}.job-row{padding:6px var(--s-2);border-radius:var(--r-md);flex-direction:column;gap:6px;display:flex}.job-row:hover{background:var(--bg-3)}.job-row-main{align-items:center;gap:var(--s-2);display:flex}.job-icon{width:16px;height:16px;color:var(--accent-fg);flex:none}.job-icon.ok{color:var(--success)}.job-icon.fail{color:var(--danger-fg)}.job-label{text-align:left;flex-direction:column;min-width:0;font-weight:550;display:flex}.job-meta{font-size:var(--t-sm);color:var(--fg-3);font-weight:450}.job-expand .btn-icon{transition:transform var(--dur) var(--ease-out)}.job-expand.open .btn-icon{transform:rotate(90deg)}.log-output{max-height:200px;padding:var(--s-2);border-radius:var(--r-sm);background:var(--bg-0);border:1px solid var(--line-1);font:11px/16px var(--font-mono);color:var(--fg-2);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;margin:0;overflow:auto}.output-row{border-radius:var(--r-md);align-items:center;gap:4px;padding-right:4px;display:flex}.output-row:hover{background:var(--bg-3)}.output-main{min-width:0;padding:6px var(--s-2);text-align:left;flex:1;align-items:center;gap:10px;display:flex}.output-icon{border-radius:var(--r-sm);background:var(--bg-4);width:32px;height:32px;color:var(--fg-1);flex:none;place-items:center;display:grid}.output-icon svg{width:14px;height:14px}.tool-row{align-items:center;gap:var(--s-3);padding:6px var(--s-2);display:flex}.tool-title{font-weight:550}.progress{border-radius:var(--r-full);background:var(--bg-4);height:4px;position:relative;overflow:hidden}.progress-md{height:6px}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), var(--accent-fg));height:100%;transition:width .4s var(--ease-out)}.progress.tone-success .progress-fill{background:var(--success)}.progress.indeterminate .progress-fill{width:35%;animation:indeterminate 1.2s var(--ease-in-out) infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.export-grid{gap:var(--s-5);grid-template-columns:180px minmax(0,1fr);align-items:start;display:grid}.frame-preview{aspect-ratio:9/16;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line-2), 0 12px 32px -8px #0009;background:#000;position:relative;overflow:hidden}.frame-preview video{object-fit:contain;background:#000;width:100%;height:100%}.fp-bg{object-fit:cover;filter:blur(14px)brightness(.7);width:120%;height:120%;position:absolute;inset:-10%}.fp-fg{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.fp-empty{color:var(--fg-3);place-items:center;display:grid;position:absolute;inset:0}.fp-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08090c8c;place-items:center;display:grid;position:absolute;inset:0}.fp-spin{color:#fff;opacity:.9;width:28px;height:28px}.export-side{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.export-file .eyebrow{margin-bottom:6px;display:block}.export-path{border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--line-1);font-size:var(--t-sm);color:var(--fg-1);padding:8px 10px}.spec-list{gap:2px;margin:0;display:grid}.spec-list>div{justify-content:space-between;gap:var(--s-3);border-bottom:1px solid var(--line-1);padding:7px 0;display:flex}.spec-list>div:last-child{border-bottom:0}.spec-list dt{color:var(--fg-3)}.spec-list dd{color:var(--fg-1);margin:0;font-weight:550}.callout{border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line-1);color:var(--fg-2);font-size:var(--t-sm);line-height:var(--lh-sm);gap:10px;padding:10px 12px;display:flex}.callout>svg{width:16px;height:16px;color:var(--accent-fg);flex:none;margin-top:1px}.callout p{margin:0}.callout p+p{margin-top:4px}.callout.warning{background:var(--warning-soft);color:#f6d38a;border-color:#f2b23340}.callout.warning>svg{color:var(--warning)}.callout.danger{background:var(--danger-soft);color:var(--danger-fg);border-color:#f0546a40}.callout.danger>svg{color:var(--danger-fg)}.export-progress{gap:var(--s-2);padding-top:var(--s-4);flex-direction:column;display:flex}.ep-phase{color:var(--fg-2);font-weight:550}.ep-pct{letter-spacing:-.03em;margin-bottom:var(--s-2);font-size:44px;font-weight:700;line-height:1}.ep-pct span{color:var(--fg-3);margin-left:2px;font-size:22px}.ep-detail{font-size:var(--t-sm);color:var(--fg-3);justify-content:space-between;display:flex}.export-failed p{margin:0 0 var(--s-2);color:var(--fg-2)}.export-failed .log-output{max-height:260px}.export-actions{gap:var(--s-2);display:flex}a.btn{text-decoration:none}.foot-note{font-size:var(--t-sm);color:var(--fg-3)}.palette-root{place-items:start center;padding-top:12vh}.palette{border-radius:var(--r-xl);background:var(--bg-2);width:600px;max-width:100%;max-height:66vh;box-shadow:var(--e-3);animation:dialog-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.palette-search{align-items:center;gap:var(--s-3);padding:0 var(--s-4);border-bottom:1px solid var(--line-1);height:54px;display:flex}.palette-search>svg{width:18px;height:18px;color:var(--fg-3)}.palette-search input{height:100%;box-shadow:none;font-size:var(--t-lg);color:var(--fg-1);background:0 0;border:0;outline:none;flex:1}.palette-search input::placeholder{color:var(--fg-3)}.palette-list{padding:var(--s-1) var(--s-2) var(--s-2);overflow-y:auto}.palette-item{height:36px;padding:0 var(--s-2);border-radius:var(--r-md);cursor:pointer;color:var(--fg-1);align-items:center;gap:10px;display:flex}.palette-item.active{background:var(--bg-4)}.palette-item.disabled{opacity:.45;cursor:default}.palette-empty{padding:var(--s-6);text-align:center;color:var(--fg-3)}.palette-foot{gap:var(--s-4);padding:8px var(--s-4);border-top:1px solid var(--line-1);font-size:var(--t-sm);color:var(--fg-3);background:var(--bg-1);display:flex}.palette-foot kbd svg{width:11px;height:11px}.shortcut-cols{gap:var(--s-2) var(--s-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shortcut-group h3{margin:var(--s-3) 0 var(--s-1)}.shortcut-row{align-items:center;gap:var(--s-3);border-bottom:1px solid var(--line-1);min-height:32px;color:var(--fg-2);display:flex}.shortcut-keys{align-items:center;gap:6px;display:inline-flex}.preview-loading{aspect-ratio:9/16;max-width:100%;height:100%}.preview-skeleton{width:100%!important;height:100%!important}.convert-card{align-items:stretch;gap:var(--s-3);flex-direction:column;width:min(500px,100%);max-height:100%;padding:20px;display:flex;overflow:auto}.convert-card h2{margin:0;font-size:20px}.convert-progress{flex-direction:column;gap:6px;width:100%;max-width:340px;display:flex}.fatal{place-items:center;height:100%;display:grid}.boot .boot-body{flex:1;gap:1px;min-height:0;display:flex}.boot .topbar{gap:var(--s-4)}.boot-stage{flex:1;place-items:center;display:grid}.drag-ghost{color:#eceef2;white-space:nowrap;background:#232833;border-radius:10px;align-items:center;gap:8px;max-width:240px;height:36px;padding:0 12px 0 4px;font:600 12px/1 Inter Variable,sans-serif;display:flex;position:fixed;top:-1000px;left:-1000px;overflow:hidden;box-shadow:0 10px 24px #00000080,inset 0 0 0 1px #ffffff1f}.drag-ghost img{object-fit:contain;background:#1b1e25;border-radius:6px;width:28px;height:28px}.drag-ghost-dot{background:var(--trk-audio);opacity:.8;border-radius:6px;width:28px;height:28px}.drag-ghost.kind-text .drag-ghost-dot{background:var(--trk-text)}.drag-ghost.kind-effect .drag-ghost-dot{background:var(--trk-effect)}body.is-dragging-clip,body.is-dragging-clip *{cursor:grabbing!important}.collage-grid{gap:var(--s-5);grid-template-columns:330px minmax(0,1fr);align-items:start;display:grid}.collage-fields .segmented{margin-top:var(--s-2)}.collage-gap{margin-top:var(--s-5)}.collage-plan{margin-top:var(--s-4)}.collage-plan b{color:var(--fg-1);font-weight:600}.collage-preview{gap:var(--s-2);min-height:240px;max-height:62vh;padding:var(--s-2);border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-0);flex-direction:column;display:flex;position:relative;overflow:auto}.collage-preview img{border-radius:var(--r-sm);width:100%;height:auto;transition:opacity var(--dur) var(--ease-out);display:block}.collage-preview.loading img{opacity:.55}.collage-loading{top:var(--s-3);right:var(--s-3);align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);border-radius:var(--r-full);background:var(--bg-overlay);color:var(--fg-2);font-size:var(--t-sm);display:inline-flex;position:absolute}@media (max-width:900px){.collage-grid{grid-template-columns:minmax(0,1fr)}}.collage-range{margin-top:var(--s-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.library,.text-panel,.fx-panel,.auto-panel{flex-direction:column;flex:1;min-height:0;display:flex}.lib-count{font-size:var(--t-sm);color:var(--fg-3);padding-right:var(--s-2)}.lib-sort{color:var(--fg-2);flex:none}.lib-order{font-size:var(--t-micro);color:var(--fg-3);padding-right:var(--s-2);flex:none}.lib-controls{gap:var(--s-2);padding:0 var(--s-3) var(--s-3);border-bottom:1px solid var(--line-1);flex-direction:column;display:flex}.lib-sources{scrollbar-width:none;margin:0 calc(-1 * var(--s-3));padding:0 var(--s-3);gap:6px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 20px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 20px),#0000 100%)}.lib-sources::-webkit-scrollbar{display:none}.chip.locked{color:var(--fg-3);border-style:dashed}.chip.locked.active{color:var(--bg-0);border-style:solid}.picker-banner{align-items:center;gap:var(--s-2);margin:0 var(--s-3) var(--s-3);border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-fg);animation:pop-in var(--dur) var(--ease-out);padding:6px 6px 6px 12px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #7c6cff66}.lib-results{min-height:0;padding:var(--s-3) var(--s-3) var(--s-4);flex:1;position:relative;overflow-y:auto}.vlist{position:relative}.lib-more{padding-top:var(--s-2)}.lib-more-error{padding:var(--s-3) 0;text-align:center;color:var(--fg-3);font-size:var(--t-sm)}.error-detail{color:var(--fg-3);word-break:break-word;font-size:11px;margin-top:6px!important}.lib-error .empty-state p{margin:0}.skel-list{flex-direction:column;display:flex}.skel-row{align-items:center;gap:12px;height:56px;padding:0 6px;display:flex}.skel-grid{gap:6px;display:grid}.sound-row{border-radius:var(--r-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:12px;padding:0 6px;display:flex;position:absolute;left:0;right:0}.sound-row:hover{background:var(--bg-2)}.sound-row.playing{background:var(--bg-3)}.sound-row.added{animation:added-row 1.2s var(--ease-out)}@keyframes added-row{0%{background:var(--success-soft)}to{background:0 0}}.sound-art{border-radius:var(--r-md);width:40px;height:40px;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line-1);background:linear-gradient(135deg,#2b2450,#1c2a47);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.sound-art img{object-fit:contain;pointer-events:none;width:76%;height:76%}.sound-note{width:18px;height:18px}.sound-play{color:#fff;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);background:#08090c8c;place-items:center;display:grid;position:absolute;inset:0}.sound-play svg{fill:currentColor;width:16px;height:16px}.sound-row:hover .sound-play,.sound-art:focus-visible .sound-play{opacity:1}.sound-row.playing .sound-play{opacity:0}.sound-row.playing:hover .sound-play{opacity:1}.eq{pointer-events:none;background:#08090c73;justify-content:center;align-items:flex-end;gap:3px;padding-bottom:11px;display:flex;position:absolute;inset:0}.sound-row.playing:hover .eq{opacity:0}.eq span{background:var(--accent-fg);transform-origin:bottom;border-radius:2px;width:3px;height:16px;animation:.9s ease-in-out infinite eq}.eq span:nth-child(2){animation-delay:-.3s}.eq span:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.sound-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sound-title{align-items:center;gap:6px;min-width:0;font-weight:550;display:flex}.have-dot{background:var(--success-soft);width:14px;height:14px;color:var(--success);border-radius:50%;flex:none;place-items:center;display:inline-grid}.have-dot svg{width:10px;height:10px}.sound-sub{font-size:var(--t-sm);color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-wave{cursor:pointer;width:100%;height:16px;animation:fade-in var(--dur) var(--ease-out)}.add-btn{background:var(--bg-3);width:30px;height:30px;color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.add-btn svg{width:16px;height:16px}.sound-row:hover .add-btn,.add-btn:focus-visible{background:var(--accent-strong);color:#fff;box-shadow:none}.add-btn:hover{transform:scale(1.08)}.add-btn:active{transform:scale(.94)}.add-btn.added{animation:added-pop .42s var(--ease-out);background:var(--success)!important;color:#07130d!important}@keyframes added-pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}.lib-item{border-radius:var(--r-md);cursor:pointer;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-1);transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);position:absolute;overflow:hidden}.lib-media{position:absolute;inset:0}.lib-media img,.lib-media video{object-fit:contain;pointer-events:none;width:100%;height:100%;animation:fade-in var(--dur-slow) var(--ease-out)}.lib-item.k-sticker .lib-media img{padding:10%}.lib-item.k-gif .lib-media img,.lib-item.k-gif .lib-media video,.lib-item.k-image .lib-media img{object-fit:cover}.lib-item:hover,.lib-item:focus-visible{box-shadow:inset 0 0 0 2px var(--accent), 0 6px 18px -6px #0009}.lib-item:active{transform:scale(.97)}.lib-item-foot{color:#fff;font-size:var(--t-micro);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);pointer-events:none;background:linear-gradient(#0000,#08090cd9);padding:18px 36px 6px 8px;font-weight:550;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(4px)}.lib-item:hover .lib-item-foot,.lib-item:focus-visible .lib-item-foot{opacity:1;transform:none}.visual-overlay{background:var(--accent-strong);color:#fff;opacity:0;width:24px;height:24px;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:6px;right:6px;transform:scale(.8);box-shadow:0 2px 8px #00000080}.visual-overlay svg{width:14px;height:14px}.lib-item:hover .visual-overlay,.lib-item:focus-visible .visual-overlay,.lib-item.busy .visual-overlay,.lib-item.added .visual-overlay{opacity:1;transform:none}.lib-item.busy .lib-media{opacity:.55}.lib-item.added{box-shadow:inset 0 0 0 2px var(--success)}.lib-item.added .visual-overlay{background:var(--success);color:#07130d;animation:added-pop .42s var(--ease-out)}.lib-item.added:after{content:"";border-radius:inherit;box-shadow:0 0 0 0 var(--success);animation:added-ring .7s var(--ease-out);pointer-events:none;position:absolute;inset:0}@keyframes added-ring{0%{background:#34c88a40;box-shadow:inset 0 0 #34c88a99}to{background:0 0;box-shadow:inset 0 0 0 12px #34c88a00}}.visual-have{width:16px;height:16px;color:var(--success);background:#08090cb3;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;left:6px}.visual-have svg{width:10px;height:10px}.hover-preview{z-index:var(--z-popover);border-radius:var(--r-lg);background:var(--bg-2);box-shadow:var(--e-2);pointer-events:none;animation:pop-in var(--dur) var(--ease-out);position:fixed;overflow:hidden}.hp-media{background:#000;place-items:center;height:200px;display:grid}.hp-media.checker{background-color:#1b1e25}.hp-media img,.hp-media video{object-fit:contain;max-width:100%;max-height:100%}.hp-body{padding:10px 12px 12px}.hp-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.hp-meta{font-size:var(--t-sm);color:var(--fg-3);margin-top:2px}.hp-hint{font-size:var(--t-sm);color:var(--fg-2);margin-top:8px}.lib-locked{gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);background:linear-gradient(160deg, #7c6cff1a, transparent 60%), var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-1);animation:pop-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex}.locked-head{gap:var(--s-3);align-items:flex-start;display:flex}.locked-badge{border-radius:var(--r-md);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-fg);flex:none;place-items:center;display:grid}.locked-badge svg{width:18px;height:18px}.locked-title{font-size:var(--t-md);font-weight:650}.locked-sub{color:var(--fg-2);font-size:var(--t-sm);line-height:var(--lh-sm);margin-top:2px}.steps{gap:var(--s-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps li{gap:10px;display:flex}.step-n{background:var(--bg-4);width:20px;height:20px;color:var(--fg-1);font-size:var(--t-micro);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.step-body{min-width:0;color:var(--fg-1);flex-direction:column;flex:1;align-items:flex-start;gap:6px;padding-top:1px;display:flex}.code-line{border-radius:var(--r-sm);background:var(--bg-0);border:1px solid var(--line-1);align-items:center;gap:4px;width:100%;padding:3px 3px 3px 8px;display:flex}.code-line code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--t-sm);color:var(--accent-fg);background:0 0;border:0;flex:1;padding:0;overflow:hidden}.locked-alt{align-self:flex-start;margin-left:-8px}.panel-intro{margin:0 0 var(--s-3);color:var(--fg-3);font-size:var(--t-sm);line-height:var(--lh-sm)}.text-presets{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(124px,1fr));display:grid}.text-preset{border-radius:var(--r-md);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-1);text-align:left;transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.text-preset:hover{box-shadow:inset 0 0 0 2px var(--accent)}.text-preset:active{transform:scale(.98)}.text-preset-stage{background:radial-gradient(circle at 30% 20%,#7c6cff2e,#0000 60%),linear-gradient(160deg,#2a3140,#151920);place-items:center;height:84px;padding:0 8px;display:grid;overflow:hidden}.text-preset-sample{text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:100%;font-size:19px;line-height:1.15;overflow:hidden}.text-preset-foot{font-size:var(--t-sm);color:var(--fg-2);justify-content:space-between;align-items:center;padding:7px 8px 7px 10px;font-weight:550;display:flex}.text-preset-foot svg{width:14px;height:14px;color:var(--fg-3);transition:color var(--dur-fast) var(--ease-out)}.text-preset:hover .text-preset-foot svg{color:var(--accent-fg)}.auto-tabs{padding:0 var(--s-3) var(--s-3);border-bottom:1px solid var(--line-1)}.step-code{font-size:var(--t-sm)}.library{position:relative}.library.file-over .lib-results{opacity:.4}.lib-drop-note{z-index:3;border-radius:var(--r-lg);border:2px dashed var(--accent);background:var(--accent-soft);color:var(--accent-fg);pointer-events:none;justify-content:center;align-items:center;gap:8px;padding:18px;font-weight:600;display:flex;position:absolute;inset:120px 16px auto}.lib-drop-note svg{width:18px;height:18px}.fx-group+.fx-group{margin-top:var(--s-4)}.fx-group-name{margin:0 0 var(--s-2);color:var(--fg-3);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;font-weight:650}.fx-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;display:grid}.fx-tile{border-radius:var(--r-md);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-1);color:var(--fg-2);font-size:var(--t-micro);cursor:grab;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;align-items:center;gap:5px;padding:8px 3px 6px;font-weight:550;display:flex}.fx-tile:hover{background:var(--bg-3);color:var(--fg-1)}.fx-tile:active{transform:scale(.97)}.fx-tile-icon{border-radius:var(--r-sm);width:28px;height:28px;color:var(--trk-effect);background:color-mix(in srgb, var(--trk-effect) 14%, transparent);place-items:center;display:grid}.fx-tile-icon svg{width:16px;height:16px}.fx-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.preset-tile{border-radius:var(--r-md);background:linear-gradient(135deg, color-mix(in srgb, var(--trk-effect) 12%, var(--bg-2)), var(--bg-2));min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--trk-effect) 22%, var(--line-1));text-align:left;cursor:grab;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:7px 8px;display:flex}.preset-tile:hover{background:color-mix(in srgb, var(--trk-effect) 18%, var(--bg-3))}.preset-tile:active{transform:scale(.98)}.preset-tile .fx-tile-icon{flex:none}.preset-text{flex-direction:column;min-width:0;display:flex}.preset-name{color:var(--fg-1);font-size:var(--t-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.preset-hint{color:var(--fg-3);font-size:var(--t-micro);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.agent-panel{flex-direction:column;flex:1;min-height:0;display:flex}.agent-scroll{gap:var(--s-4);flex-direction:column;display:flex}.agent-link{color:var(--fg-3);font-size:var(--t-sm);align-items:center;gap:6px;display:inline-flex}.agent-dot{background:var(--fg-3);border-radius:50%;width:7px;height:7px}.agent-link.on .agent-dot{background:var(--agent);box-shadow:0 0 8px color-mix(in srgb, var(--agent) 70%, transparent)}.agent-card{border-radius:var(--r-md);background:var(--bg-2);font-size:var(--t-sm);align-items:center;gap:8px;padding:8px 10px;display:flex}.agent-card.warn svg{color:var(--warning);flex:none;width:16px;height:16px}.agent-list{flex-direction:column;gap:6px;display:flex}.agent-row{border-radius:var(--r-md);background:color-mix(in srgb, var(--agent) 7%, var(--bg-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--agent) 25%, transparent);align-items:center;gap:10px;padding:8px 10px;display:flex}.agent-avatar{border-radius:var(--r-md);background:color-mix(in srgb, var(--agent) 18%, transparent);width:30px;height:30px;color:var(--agent);flex:none;place-items:center;display:grid}.agent-avatar svg{width:17px;height:17px}.agent-row-text{flex-direction:column;min-width:0;display:flex}.agent-name{color:var(--fg-1);font-weight:650;font-size:var(--t-base)}.agent-status{color:var(--fg-3);font-size:var(--t-sm)}.agent-spin{width:15px;height:15px;color:var(--agent);flex:none;animation:1s linear infinite spin}.agent-connect{gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-lg);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-1);flex-direction:column;display:flex}.agent-connect-head{color:var(--fg-1);align-items:center;gap:8px;font-weight:650;display:flex}.agent-connect-head svg{width:16px;height:16px;color:var(--agent)}.agent-connect .panel-intro{margin:0}.agent-copy{grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.agent-copy-label{color:var(--fg-3);font-size:var(--t-micro);font-weight:600}.agent-copy-code{border-radius:var(--r-sm);background:var(--bg-0);color:var(--fg-2);font-size:var(--t-micro);white-space:nowrap;text-overflow:ellipsis;padding:5px 7px;overflow:hidden}.agent-section{flex-direction:column;gap:4px;display:flex}.agent-hl{border-radius:var(--r-sm);color:var(--fg-2);font-size:var(--t-sm);text-align:left;align-items:center;gap:8px;padding:6px 8px;display:flex}.agent-hl:hover{background:var(--bg-3);color:var(--fg-1)}.agent-hl svg{width:13px;height:13px;color:var(--agent);flex:none}.agent-score{border-radius:var(--r-full);background:color-mix(in srgb, var(--agent) 20%, transparent);color:var(--agent);font-size:var(--t-micro);padding:0 5px;font-weight:700}.agent-hl-actions{gap:6px;margin-top:4px;display:flex}.agent-chat-head{align-items:center;gap:2px;display:flex}.chat-switch{border-radius:var(--r-sm);min-width:0;height:28px;color:var(--fg-1);font-size:var(--t-sm);text-align:left;flex:1;align-items:center;gap:6px;padding:0 6px 0 8px;font-weight:600;display:flex}.chat-switch:hover,.chat-switch[aria-expanded=true]{background:var(--bg-3)}.chat-switch svg{width:14px;height:14px;color:var(--fg-3);flex:none}.chat-switch-count{border-radius:var(--r-full);background:var(--bg-4);color:var(--fg-2);font-size:var(--t-micro);padding:0 5px}.chat-pop-head{padding:var(--s-3) var(--s-2) var(--s-2) var(--s-3);border-bottom:1px solid var(--line-1);align-items:center;gap:8px;display:flex}.chat-pop-list{max-height:320px;padding:var(--s-1);flex-direction:column;gap:1px;display:flex;overflow-y:auto}.chat-pop-row{border-radius:var(--r-sm);align-items:center;gap:4px;min-height:42px;padding:0 4px 0 0;display:flex}.chat-pop-row:hover{background:var(--bg-3)}.chat-pop-row.active{background:color-mix(in srgb, var(--agent) 14%, transparent)}.chat-pop-open{text-align:left;flex-direction:column;gap:1px;min-width:0;padding:5px 8px;display:flex}.chat-pop-title{color:var(--fg-1);font-size:var(--t-sm);font-weight:600}.chat-pop-meta{color:var(--fg-3);font-size:var(--t-micro)}.chat-pop-waiting{color:var(--warning)}.chat-pop-confirm{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-1);font-size:var(--t-sm);padding-left:8px;overflow:hidden}.chat-pop-empty{padding:var(--s-3)}.chat-delete-confirm{gap:6px}.agent-messages{flex-direction:column;gap:8px;min-height:90px;max-height:340px;padding:2px 2px 6px;display:flex;overflow-y:auto}.agent-msg{flex-direction:column;gap:2px;max-width:88%;display:flex}.agent-msg-text{font-size:var(--t-sm);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;padding:7px 10px;line-height:1.45}.agent-msg.user{align-self:flex-end}.agent-msg.user .agent-msg-text{background:var(--accent-strong);color:#fff;border-bottom-right-radius:4px}.agent-msg.agent .agent-msg-text{background:color-mix(in srgb, var(--agent) 12%, var(--bg-2));color:var(--fg-1);border-bottom-left-radius:4px}.agent-msg.system .agent-msg-text{color:var(--fg-3);font-style:italic}.agent-msg-who{color:var(--agent);font-size:var(--t-micro);padding-left:4px;font-weight:700}.agent-msg-seen{font-size:var(--t-micro);color:var(--fg-3);align-self:flex-end;padding-right:4px}.agent-msg-seen.waiting{color:var(--warning)}.agent-msg.typing .agent-msg-text{min-width:0;color:var(--fg-3);align-items:center;gap:8px;display:inline-flex}.agent-msg.typing .agent-msg-text>.grow{flex-direction:column;min-width:0;display:flex}.agent-msg.typing .agent-msg-text>svg{flex:none;width:15px;height:15px}.agent-working-title{color:var(--fg-1);font-weight:600}.agent-working-title .tnum{color:var(--fg-3);margin-left:4px;font-weight:500}.agent-working-step{font-size:var(--t-micro)}.agent-msg.typing.stalled .agent-msg-text>svg,.agent-msg.typing.stalled .agent-working-step{color:var(--warning)}.agent-updates{flex-direction:column;gap:3px;max-width:88%;display:flex}.agent-update{border-left:2px solid color-mix(in srgb, var(--agent) 55%, transparent);color:var(--fg-2);font-size:var(--t-sm);white-space:pre-wrap;overflow-wrap:anywhere;animation:fade-in var(--dur-fast) ease-out;padding:1px 0 1px 9px;line-height:1.4}.agent-updates.done .agent-update{color:var(--fg-3)}.agent-updates-toggle{border-radius:var(--r-sm);color:var(--fg-3);font-size:var(--t-micro);align-self:flex-start;align-items:center;gap:3px;padding:1px 6px 1px 2px;display:inline-flex}.agent-updates-toggle:hover{background:var(--bg-3);color:var(--fg-1)}.agent-updates-toggle svg{width:12px;height:12px;transition:transform var(--dur-fast)}.agent-updates-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.agent-msg-done{font-size:var(--t-micro);color:var(--success);align-items:center;gap:4px;padding-left:4px;display:inline-flex}.agent-msg-done svg{width:11px;height:11px}.agent-asks{flex-wrap:wrap;gap:5px;display:flex}.agent-asks.suggested{align-items:center}.agent-asks-label{width:100%;color:var(--agent);font-size:var(--t-micro);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.agent-asks.suggested .agent-ask{border-color:color-mix(in srgb, var(--agent) 45%, transparent);background:color-mix(in srgb, var(--agent) 10%, transparent);color:var(--fg-1);animation:fade-in var(--dur-slow) ease-out}.agent-asks.suggested .agent-ask:hover{background:color-mix(in srgb, var(--agent) 20%, transparent)}.agent-asks.suggested .agent-ask svg{color:var(--agent)}.agent-ask-item{align-items:center;gap:1px;max-width:100%;display:inline-flex}.agent-ask-edit{color:var(--fg-3);opacity:.55;transition:opacity var(--dur-fast);flex:none}.agent-ask-item:hover .agent-ask-edit,.agent-ask-edit:focus-visible{opacity:1}.agent-ask{white-space:normal;text-align:left;height:auto;min-height:26px;font-size:var(--t-micro);cursor:pointer;padding:4px 9px}.agent-ask svg{width:12px;height:12px;color:var(--agent);flex:none}.agent-compose{align-items:flex-end;gap:6px;margin-top:4px;display:flex}.agent-compose .textarea{resize:none;flex:1}.agent-activity{flex-direction:column;display:flex}.agent-act{border-radius:var(--r-sm);color:var(--fg-2);font-size:var(--t-sm);text-align:left;align-items:center;gap:8px;padding:5px 6px;display:flex}.agent-act:hover{background:var(--bg-3)}.agent-act svg{width:13px;height:13px;color:var(--agent);flex:none}.agent-act.failed svg{color:var(--danger)}.agent-act-time{color:var(--fg-3);font-size:var(--t-micro);flex:none}.agent-suggest{align-self:flex-start}.video-panel{flex-direction:column;height:100%;min-height:0;display:flex}.vid-source-panel{flex-direction:column;flex:1;min-height:0;display:flex}.vid-source-tabs{flex-shrink:0;width:auto;margin:2px 12px 10px}.video-panel.dropping{box-shadow:inset 0 0 0 2px var(--accent)}.video-panel .panel-scroll,.vid-editor{flex-direction:column;gap:10px;display:flex}.vid-editor{height:100%;min-height:0;padding:10px 12px 16px;overflow-y:auto}.vid-link{align-items:center;gap:6px;display:flex}.vid-link .search-field{min-width:0}.vid-link>.btn{flex:none}.vid-tools b{color:var(--fg-1)}.vid-error{color:var(--fg-1);overflow-wrap:anywhere}.vid-info{border-radius:var(--r-md);background:var(--bg-2);flex-direction:column;gap:10px;padding:10px;display:flex}.vid-info-head{align-items:center;gap:10px;display:flex}.vid-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);background:var(--bg-3);flex:none;width:96px}.vid-thumb-icon{width:32px;height:32px;color:var(--fg-3)}.vid-info-text{flex-direction:column;gap:2px;min-width:0;display:flex}.vid-info-title{font-weight:600;font-size:var(--t-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vid-info-meta{color:var(--fg-3);font-size:var(--t-micro)}.vid-range{border-radius:var(--r-sm);background:var(--bg-3);cursor:pointer;touch-action:none;height:26px;position:relative}.vid-range-sel{background:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:inset 0 0 0 1px var(--accent);cursor:grab;position:absolute;top:0;bottom:0}.vid-range-handle{cursor:ew-resize;background:#fff;border-radius:4px;width:10px;margin-left:-5px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 1px 4px #00000080}.vid-range-at{background:var(--warning);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.vid-row{align-items:flex-end;gap:8px;display:flex}.vid-time{min-width:0;color:var(--fg-3);font-size:var(--t-micro);flex-direction:column;flex:1;gap:3px;display:flex}.vid-time .input{height:28px}.vid-len{color:var(--fg-2);font-size:var(--t-sm);white-space:nowrap;padding-bottom:6px}.vid-len.warn{color:var(--warning)}.vid-progress{flex-direction:column;gap:4px;display:flex}.vid-progress-text{color:var(--fg-2);font-size:var(--t-micro);align-items:center;gap:6px;display:flex}.vid-list-head{margin:2px 0 0}.vid-list{flex-direction:column;gap:2px;display:flex}.vid-item{border-radius:var(--r-sm);text-align:left;align-items:center;gap:10px;padding:5px;display:flex}.vid-item:hover{background:var(--bg-3)}.vid-item-thumb{aspect-ratio:16/9;object-fit:cover;pointer-events:none;background:#000;border-radius:4px;flex:none;width:72px}.vid-item-text{flex-direction:column;gap:1px;min-width:0;display:flex}.vid-item-title{font-size:var(--t-sm);color:var(--fg-1);font-weight:600}.vid-item-meta{font-size:var(--t-micro);color:var(--fg-3)}.vid-editor-head{align-items:center;gap:6px;display:flex}.vid-editor-title{font-weight:650;font-size:var(--t-base)}.vid-stage{border-radius:var(--r-md);background:repeating-conic-gradient(var(--bg-3) 0 25%, var(--bg-1) 0 50%) 0 0 / 16px 16px;place-items:center;padding:8px;display:grid}.vid-frame{place-items:center;width:100%;max-height:320px;display:grid;position:relative}.vid-frame video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.vid-audio-only{border-radius:var(--r-full);background:var(--bg-0);color:var(--fg-1);font-size:var(--t-sm);align-items:center;gap:6px;padding:4px 10px;display:inline-flex;position:absolute}.vid-audio-only svg{width:14px;height:14px;color:var(--accent)}.vid-crop{touch-action:none;position:absolute;inset:0;overflow:hidden}.vid-crop-box{cursor:move;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0009}.vid-crop-h{background:#fff;border-radius:3px;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 1px 3px #0009}.vid-crop-h.l,.vid-crop-h.r{cursor:ew-resize;width:8px;height:22px;margin:-11px 0 0 -4px;top:50%}.vid-crop-h.t,.vid-crop-h.b{cursor:ns-resize;width:22px;height:8px;margin:-4px 0 0 -11px;left:50%}.vid-crop-h.l{left:0}.vid-crop-h.r{left:100%}.vid-crop-h.t{top:0}.vid-crop-h.b{top:100%}.vid-crop-h.tl{cursor:nwse-resize;top:0;left:0}.vid-crop-h.tr{cursor:nesw-resize;top:0;left:100%}.vid-crop-h.bl{cursor:nesw-resize;top:100%;left:0}.vid-crop-h.br{cursor:nwse-resize;top:100%;left:100%}.vid-transport{align-items:center;gap:6px;display:flex}.vid-at{color:var(--fg-2);font-size:var(--t-sm)}.vid-field-label{color:var(--fg-3);font-size:var(--t-micro);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.vid-opt{border-radius:var(--r-md);background:var(--bg-2);flex-direction:column;gap:8px;padding:8px 10px;display:flex}.vid-opt.disabled{opacity:.5;pointer-events:none}.vid-opt-head{font-size:var(--t-sm);align-items:center;gap:8px;font-weight:600;display:flex}.vid-opt-head>svg{width:15px;height:15px;color:var(--fg-3)}.vid-chips{flex-wrap:wrap;gap:5px;display:flex}.vid-sliders{flex-direction:column;gap:6px;display:flex}.vid-add{margin-top:4px}.vid-editor>*,.video-panel .panel-scroll>*{flex-shrink:0}.vid-yt{aspect-ratio:16/9;border-radius:var(--r-sm);background:#000;width:100%;position:relative;overflow:hidden}.vid-yt iframe,.vid-yt-host,.vid-yt-host iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.vid-tiktok{aspect-ratio:9/16;max-height:440px}.vid-tiktok video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.vid-preview-error{height:100%;color:var(--fg-2);font-size:var(--t-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.vid-preview-error a{color:var(--accent)}.vid-preview-actions{min-height:24px;font-size:var(--t-sm);justify-content:flex-end;align-items:center;margin-top:4px;display:flex}.vid-sort{color:var(--fg-2);font-size:var(--t-sm);justify-content:space-between;align-items:center;gap:8px;display:flex}.vid-sort .input{width:auto;min-width:0;max-width:62%}.vid-sort-help{margin:0}.vid-back{border-radius:var(--r-sm);max-width:100%;color:var(--fg-2);font-size:var(--t-micro);text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;align-items:center;gap:4px;padding:2px 6px 2px 2px;display:inline-flex;overflow:hidden}.vid-back:hover{background:var(--bg-3);color:var(--fg-1)}.vid-back svg{flex:none;width:12px;height:12px}.vid-results{flex-direction:column;gap:2px;display:flex}.vid-discovery{flex-direction:column;gap:10px;display:flex}.vid-feed-filters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0;display:grid}.vid-feed-filters .vid-sort{flex-direction:column;align-items:stretch;gap:5px;min-width:0;margin:0;display:flex}.vid-feed-filters .vid-sort .input{width:100%;min-width:0;max-width:100%}.vid-feed-query{font-size:var(--t-sm);justify-content:space-between;align-items:center;gap:8px;display:flex}.vid-feed-notice{font-size:var(--t-sm);margin:0;line-height:1.5}.vid-feed-notice a{color:var(--fg-3);text-decoration:none}.vid-feed-notice a:hover{color:var(--fg-1);text-decoration:underline}.vid-feed-end{font-size:var(--t-sm);flex-direction:column;align-items:center;gap:6px;padding:12px 0;display:flex}.vid-feed-end>span{align-items:center;gap:6px;display:flex}.vid-result{border-radius:var(--r-sm);text-align:left;align-items:flex-start;gap:10px;padding:5px;display:flex}.vid-result:hover{background:var(--bg-3)}.vid-result-thumb{aspect-ratio:16/9;background:var(--bg-3);border-radius:4px;flex:none;width:112px;position:relative;overflow:hidden}.vid-result-thumb img{object-fit:cover;width:100%;height:100%;display:block}.vid-result-len{color:#fff;font-size:var(--t-micro);background:#000c;border-radius:3px;padding:0 4px;font-weight:600;position:absolute;bottom:3px;right:3px}.vid-result-title{font-size:var(--t-sm);color:var(--fg-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.preview{align-items:center;gap:var(--s-3);flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.preview-fit{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;container-type:size}.preview-frame{height:auto;width:min(100cqw, calc(100cqh * var(--preview-aspect,.5625)));aspect-ratio:9/16;border-radius:var(--r-lg);max-width:100%;max-height:100%;box-shadow:0 24px 60px -12px #000000bf, 0 0 0 1px var(--line-2);background:#000;position:relative;overflow:hidden}.preview-frame.gesturing{cursor:grabbing}.transport{align-items:center;gap:var(--s-2);width:min(100%,560px);height:44px;padding:0 var(--s-2) 0 var(--s-3);border-radius:var(--r-lg);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1), 0 8px 24px -12px #0009;flex:none;grid-template-columns:1fr auto 1fr;display:grid}.tp-left{flex-direction:column;min-width:0;line-height:1.25;display:flex}.tp-stats{white-space:nowrap;font-size:var(--t-sm);color:var(--fg-3)}.tp-error{text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-micro);color:var(--fg-3);overflow:hidden}.tp-center,.tp-right{align-items:center;gap:2px;display:flex}.tp-right{justify-self:end}.tp-time{white-space:nowrap;font-size:var(--t-base)}.tp-now{color:var(--fg-1);font-weight:600}.tp-total{color:var(--fg-3);font-size:var(--t-sm)}.tp-play{background:var(--fg-1);width:34px;height:34px;color:var(--bg-0);transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;margin:0 4px;display:grid}.tp-play:hover{background:#fff;transform:scale(1.06)}.tp-play:active{transform:scale(.94)}.tp-play svg{fill:currentColor;width:16px;height:16px}.tp-play svg[class*=play]{margin-left:2px}.vol-pop{width:220px;min-width:0;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2)}.vol-inner{align-items:center;gap:var(--s-2);display:flex}.vol-slider{appearance:none;cursor:pointer;background:0 0;flex:1;height:20px}.vol-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-fg) var(--p), var(--bg-4) var(--p));border-radius:2px;height:4px}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #00000080}.vol-slider::-moz-range-track{background:linear-gradient(90deg, var(--accent-fg) var(--p), var(--bg-4) var(--p));border-radius:2px;height:4px}.vol-slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.vol-val{text-align:right;width:26px;font-size:var(--t-sm);color:var(--fg-2)}.vol-note{font-size:var(--t-micro);color:var(--fg-3);margin:6px 0 0 4px}.safe-area{pointer-events:none;z-index:3;animation:fade-in var(--dur) var(--ease-out);position:absolute;inset:0}.safe-box{border:1px dashed #ffffff8c;border-radius:4px;position:absolute;box-shadow:0 0 0 9999px #08090c61}.safe-tag{color:#fff;background:#08090cb3;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600;position:absolute;top:4px;left:4px}.safe-zone{color:#ffffff8c;letter-spacing:.04em;text-transform:uppercase;place-items:center;font-size:10px;font-weight:600;display:grid;position:absolute}.safe-zone.right{right:0}.safe-zone.right span{writing-mode:vertical-rl}.safe-zone.bottom{bottom:0;left:0;right:0}.safe-zone.top{top:0;left:0;right:0}.center-cross{background:linear-gradient(#fff9,#fff9) 50%/1px 100% no-repeat,linear-gradient(#fff9,#fff9) 50%/100% 1px no-repeat;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.snap-guide{z-index:4;pointer-events:none;background:var(--trk-text);position:absolute;box-shadow:0 0 6px #e0689acc}.snap-guide.v{width:1px;top:0;bottom:0;left:50%}.snap-guide.h{height:1px;top:50%;left:0;right:0}.sel-box{z-index:5;cursor:move;outline:1.5px solid var(--accent-fg);border-radius:2px;position:absolute;box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #00000040}.sel-box.member{outline:1.5px dashed var(--accent-fg);pointer-events:none;box-shadow:0 0 0 1px #0000004d}.sel-text-edit{z-index:7;resize:none;width:220px;box-shadow:var(--shadow-lg);position:absolute;transform:translate(-50%)}.sel-handle{border:1.5px solid var(--accent-strong);width:11px;height:11px;transition:transform var(--dur-fast) var(--ease-out);background:#fff;border-radius:3px;position:absolute;box-shadow:0 1px 3px #00000080}.sel-handle:hover{transform:scale(1.25)}.sel-handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.sel-handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.sel-handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.sel-handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.sel-rotate{color:#1a1c22;cursor:grab;width:22px;height:22px;transition:transform var(--dur-fast) var(--ease-out);background:#fff;border-radius:50%;place-items:center;margin-left:-11px;display:grid;position:absolute;top:-34px;left:50%;box-shadow:0 2px 6px #00000080}.sel-rotate:hover{transform:scale(1.12)}.sel-rotate:after{content:"";background:var(--accent-fg);width:1.5px;height:12px;margin-left:-.75px;position:absolute;top:22px;left:50%}.sel-rotate svg{stroke-width:2.4px;width:13px;height:13px}.sel-readout{z-index:6;border-radius:var(--r-full);color:#fff;font-size:var(--t-sm);white-space:nowrap;pointer-events:none;background:#08090cd1;padding:3px 8px;font-weight:600;position:absolute;transform:translate(-50%);box-shadow:0 4px 12px #0006}.vol-slider:focus-visible{box-shadow:none}.vol-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft-2)}.drop-box{z-index:7;pointer-events:none;animation:fade-in var(--dur-fast) var(--ease-out);background:#7c6cff38;border:2px dashed #fff;border-radius:8px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,0 8px 24px #00000059}.drop-box.k-text{background:#e0689a40}.drop-box img{object-fit:contain;opacity:.85;width:70%;height:70%}.drop-box-label{border-radius:var(--r-full);color:#fff;font-size:var(--t-sm);white-space:nowrap;text-overflow:ellipsis;background:#08090cd9;max-width:220px;padding:2px 8px;font-weight:600;position:absolute;bottom:-26px;left:50%;overflow:hidden;transform:translate(-50%)}.drop-hint-audio{z-index:7;pointer-events:none;justify-content:center;display:flex;position:absolute;inset:auto 12px 16px}.drop-hint-audio span{border-radius:var(--r-full);color:#fff;font-weight:600;font-size:var(--t-sm);background:#4c8df6e6;padding:6px 12px;box-shadow:0 6px 18px #0006}body.dragging-files .preview-frame,body.dragging-files .tl .lanes,body.dragging-files .library{outline:2px dashed var(--accent);outline-offset:-2px}.fx-focus{z-index:6;width:34px;height:34px;box-shadow:0 0 0 1.5px var(--trk-effect), 0 2px 8px #00000080;background:color-mix(in srgb, var(--trk-effect) 30%, transparent);cursor:move;touch-action:none;border:2px solid #fff;border-radius:50%;margin:-17px 0 0 -17px;position:absolute}.fx-focus:before,.fx-focus:after{content:"";background:#fff;position:absolute;top:50%;left:50%}.fx-focus:before{width:2px;height:12px;margin:-6px 0 0 -1px}.fx-focus:after{width:12px;height:2px;margin:-1px 0 0 -6px}.fx-focus-label{border-radius:var(--r-full);color:#fff;font-size:var(--t-micro);white-space:nowrap;pointer-events:none;background:#08090cd1;padding:2px 7px;font-weight:600;position:absolute;top:38px;left:50%;transform:translate(-50%)}@keyframes agent-box{0%{opacity:1;transform:scale(1.06)}to{opacity:.85;transform:scale(1)}}.agent-box{z-index:6;border:2px solid var(--agent);box-shadow:0 0 0 1px #0006, 0 0 18px color-mix(in srgb, var(--agent) 55%, transparent);pointer-events:none;animation:agent-box .5s var(--ease-out);border-radius:4px;position:absolute}.agent-box-tag{background:var(--agent);color:#06201a;white-space:nowrap;border-radius:4px 4px 4px 0;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;top:-18px;left:-2px}@media (prefers-reduced-motion:reduce){.agent-box{animation:none}}.inspector{padding-bottom:var(--s-6);animation:fade-in var(--dur) var(--ease-out)}.insp-head{padding:var(--s-3) var(--s-2) var(--s-3) var(--s-3);border-bottom:1px solid var(--line-1);background:var(--bg-1);z-index:2;align-items:center;gap:10px;display:flex;position:sticky;top:0}.insp-icon,.insp-thumb{border-radius:var(--r-md);flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.insp-icon{--c:var(--accent-fg);background:color-mix(in srgb, var(--c) 18%, var(--bg-2));color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 30%, transparent)}.insp-icon svg{width:18px;height:18px}.insp-thumb{box-shadow:inset 0 0 0 1px var(--line-2)}.insp-thumb img{object-fit:contain;width:86%;height:86%}.text-thumb{background-color:var(--bg-3);-webkit-text-stroke:.5px #0009;font-size:18px;font-weight:800}.insp-head-text{flex-direction:column;gap:1px;display:flex}.insp-title{font-size:var(--t-md);font-weight:600}.insp-sub{font-size:var(--t-sm);color:var(--fg-3);align-items:center;gap:6px;display:flex}.type-dot{border-radius:2px;flex:none;width:7px;height:7px}.insp-actions{gap:2px;display:flex}.insp-footer{padding:var(--s-4) var(--s-3) 0}.wide{width:100%}.field-grid{margin-top:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.field-grid.cols-1{grid-template-columns:minmax(0,1fr)}.field-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section-body>.field-grid:first-child,.section-body>.segmented:first-child+.anim-grid{margin-top:0}.field-row{justify-content:space-between;align-items:center;gap:var(--s-2);margin-top:var(--s-2);display:flex}.inspector-ratio-select{flex:none;width:154px}.field-label{color:var(--fg-3);font-size:var(--t-sm);font-weight:550}.readonly-field{height:var(--h-sm);padding:0 var(--s-2);border-radius:var(--r-sm);border:1px dashed var(--line-2);color:var(--fg-2);font-size:var(--t-base);justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.font-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.text-input{font-size:var(--t-md);line-height:var(--lh-md);min-height:56px}.preset-strip{margin-top:var(--s-2);scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.preset-strip::-webkit-scrollbar{display:none}.preset-mini{border-radius:var(--r-sm);width:38px;height:30px;box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background-color:#252b36;flex:none;place-items:center;font-size:14px;display:grid}.preset-mini:hover{box-shadow:inset 0 0 0 2px var(--accent);transform:translateY(-1px)}.style-toggles{margin-top:var(--s-2);gap:4px;display:flex}.style-toggles .btn.is-active{background:var(--accent-soft);color:var(--accent-fg);border-color:#7c6cff66}.media-card,.slot{border-radius:var(--r-md);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-1);align-items:center;gap:10px;min-width:0;padding:6px;display:flex}.slot-thumb{border-radius:var(--r-sm);flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.slot-thumb img,.slot-thumb video{object-fit:contain;width:88%;height:88%}.media-text{flex-direction:column;gap:1px;display:flex}.media-name{font-weight:550}.media-path{font-size:var(--t-sm);color:var(--fg-3)}.envelope{border-radius:var(--r-sm);background:var(--bg-0);width:100%;height:46px;box-shadow:inset 0 0 0 1px var(--line-1);margin-bottom:2px}.env-unity{stroke:#ffffff1f;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.env-fill{fill:#4c8df638}.env-line{fill:none;stroke:var(--trk-audio);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.anim-grid{margin-top:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.anim-tile{border-radius:var(--r-md);background:var(--bg-2);height:54px;box-shadow:inset 0 0 0 1px var(--line-1);color:var(--fg-2);font-size:var(--t-micro);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:550;display:flex}.anim-tile svg{width:17px;height:17px;transition:transform var(--dur) var(--ease-out)}.anim-tile:hover{background:var(--bg-3);color:var(--fg-1)}.anim-tile:hover svg{transform:scale(1.12)}.anim-tile.on{background:var(--accent-soft);color:var(--accent-fg);box-shadow:inset 0 0 0 1.5px var(--accent)}.stat-row{padding:var(--s-3);border-bottom:1px solid var(--line-1);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stat{border-radius:var(--r-md);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-1);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.stat-val{font-size:var(--t-lg);font-weight:650}.stat-label{font-size:var(--t-micro);color:var(--fg-3);font-weight:550}.help-card .help-title{margin-bottom:var(--s-2);font-weight:600}.help-actions{gap:var(--s-2);display:flex}.section-body .callout{margin-top:var(--s-3)}.section-body .input+.field-grid{margin-top:var(--s-2)}.callout-link{margin-top:4px;padding:0}.effect-editor{gap:var(--s-3);flex-direction:column;display:flex}.effect-block{flex-direction:column;display:flex}.slot-text{text-align:left;border-radius:var(--r-sm);flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.slot-name{text-transform:capitalize;font-weight:550}.slot-sub{font-size:var(--t-sm);color:var(--fg-3);align-items:center;gap:4px;display:inline-flex}.slot-sub svg{width:12px;height:12px}.slot-text:hover .slot-sub{color:var(--accent-fg)}.slot-empty{border-radius:var(--r-md);border:1px dashed var(--line-3);height:40px;color:var(--fg-2);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;font-weight:550;display:flex}.slot-empty svg{width:15px;height:15px}.slot-empty:hover{border-color:var(--accent);color:var(--accent-fg);background:var(--accent-soft)}.auto-scroll{padding-top:var(--s-3)}.auto-intro p{margin:0 0 var(--s-3);font-size:var(--t-sm);color:var(--fg-3);line-height:var(--lh-md)}.auto-intro kbd{min-width:16px;height:16px;font-size:10px}.rule-list,.event-list{flex-direction:column;gap:6px;display:flex}.rule{--c:var(--accent);border-radius:var(--r-md);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-1);transition:box-shadow var(--dur) var(--ease-out)}.rule.open{box-shadow:inset 0 0 0 1px var(--line-2)}.rule.flash{animation:rule-flash 1.4s var(--ease-out)}@keyframes rule-flash{0%,40%{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 4px var(--accent-soft)}}.rule-head{align-items:center;gap:8px;height:42px;padding:0 4px 0 8px;display:flex}.rule-key{background:var(--bg-4);width:20px;height:20px;color:var(--fg-2);font-size:var(--t-micro);border-radius:5px;flex:none;place-items:center;font-weight:700;display:grid;box-shadow:inset 0 -1px #00000059}.rule-dot{background:var(--c);border-radius:2px;flex:none;width:8px;height:8px;transform:rotate(45deg)}.rule-name{border-radius:var(--r-sm);min-width:0;height:28px;color:var(--fg-1);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex:1;margin-left:-4px;padding:0 6px;font-weight:600}.rule-name:hover{border-color:var(--line-2)}.rule-name:focus{border-color:var(--accent);background:var(--bg-1);box-shadow:0 0 0 3px var(--accent-soft)}.rule-badges{gap:3px;display:flex}.rule-badge{background:var(--bg-3);width:20px;height:20px;color:var(--fg-2);border-radius:5px;place-items:center;display:grid}.rule-badge svg{width:12px;height:12px}.rule-badge.own{background:var(--accent-soft);color:var(--accent-fg)}.rule-badge.warn{background:var(--warning-soft);color:var(--warning)}.rule-del{opacity:0}.rule-head:hover .rule-del,.event-row:hover .rule-del,.rule-del:focus-visible{opacity:1}.rule-chev .btn-icon{transition:transform var(--dur) var(--ease-out)}.rule.open .rule-chev .btn-icon{transform:rotate(90deg)}.rule-body{padding:4px var(--s-3) var(--s-3);border-top:1px solid var(--line-1);padding-top:var(--s-3);animation:fade-in var(--dur) var(--ease-out)}.rule-body .field-grid.cols-1:last-child{margin-top:var(--s-3)}.add-row{width:100%;height:38px;margin-top:var(--s-2);border-radius:var(--r-md);border:1px dashed var(--line-3);color:var(--fg-2);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;font-weight:550;display:flex}.add-row svg{width:15px;height:15px}.add-row:hover{border-color:var(--accent);color:var(--accent-fg);background:var(--accent-soft)}.events-top{gap:var(--s-2);margin-bottom:var(--s-3);flex-direction:column;display:flex}.events-top .field-grid{margin-top:0}.events-summary{align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--fg-3);display:flex}.warn-inline{color:var(--warning);align-items:center;gap:4px;display:inline-flex}.warn-inline svg,.add-event svg{width:13px;height:13px}.add-event{align-items:center;gap:3px;display:inline-flex}.add-event:disabled{opacity:.4}.event-list{gap:2px}.event-row{--c:var(--accent);border-radius:var(--r-md);cursor:pointer;height:36px;transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:0 4px 0 8px;display:flex}.event-row:hover{background:var(--bg-2)}.event-row.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #7c6cff59}.event-time{width:52px;font-size:var(--t-sm);color:var(--fg-3);flex:none}.event-row.selected .event-time{color:var(--accent-fg)}.event-name{flex:1;font-weight:550}.event-row.unhandled .event-name{color:var(--fg-2)}.section-meta{font-size:var(--t-sm);color:var(--fg-3);padding-right:6px}.insp-text{margin:0 0 var(--s-2);color:var(--fg-2);font-size:var(--t-sm);line-height:var(--lh-md)}.event-row.cut .event-time{color:var(--warning)}.event-row.cut .event-name{color:var(--fg-3);text-decoration:line-through}.fx-hint{margin-top:0}.section .fx-group+.fx-group{margin-top:var(--s-3)}.seg-actions{margin-top:var(--s-2);flex-wrap:wrap;gap:6px;display:flex}.fx-text{margin-bottom:var(--s-2)}.fx-pick .field-label{align-items:center;gap:6px;display:inline-flex}.fx-pick .field-label svg{width:14px;height:14px;color:var(--trk-effect)}.post-caption{resize:vertical;margin:6px 0}.insp-project-bar{z-index:3;width:100%;height:32px;padding:0 var(--s-3) 0 var(--s-2);border:0;border-bottom:1px solid var(--line-1);background:var(--bg-2);color:var(--fg-2);font:inherit;font-size:var(--t-sm);text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;display:flex;position:sticky;top:0}.insp-project-bar:hover{background:var(--bg-3);color:var(--fg-1)}.insp-project-bar:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.insp-project-bar>svg{flex:none;width:14px;height:14px}.insp-project-bar>svg+svg{color:var(--accent-fg)}.insp-project-bar-hint{color:var(--fg-3);font-size:var(--t-micro);flex:none}.inspector-col:has(.insp-project-bar) .insp-head{top:32px}.insp-row{min-height:28px;font-size:var(--t-sm);color:var(--fg-1);align-items:center;gap:8px;display:flex}.insp-sub-label{color:var(--fg-3);font-size:var(--t-micro);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-weight:600}.insp-sub-label .hint{text-transform:none;letter-spacing:0;font-weight:400}.font-browser{flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.font-browser-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.font-search{flex:none}.font-search input{width:100%;min-width:0}.font-sample-input{width:100%}.font-results{flex-direction:column;gap:3px;max-height:min(390px,48vh);display:flex;overflow-y:auto}.font-option{text-align:left;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.font-option:hover,.font-option:focus-visible{background:var(--bg-3);border-color:var(--line-2)}.font-option>span:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.font-option strong{font-size:var(--t-sm)}.font-option small{font-size:var(--t-micro);color:var(--fg-3)}.font-option>svg{width:16px;height:16px;color:var(--accent);flex:none}.font-specimen{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:23px;line-height:1.45;display:block;overflow:hidden}.font-option:disabled{opacity:.6;cursor:wait}.font-error{color:var(--danger);font-size:var(--t-sm)}.font-error button{text-decoration:underline}.font-services{font-size:var(--t-micro);color:var(--fg-3);border-top:1px solid var(--line-1);flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.font-services a{color:var(--fg-2);align-items:center;gap:3px;display:inline-flex}.font-services svg{width:11px;height:11px}.font-picker{text-align:left;border:1px solid var(--line-2);background:var(--bg-2);border-radius:var(--r-sm);grid-template-columns:1fr auto;gap:2px 8px;min-width:0;padding:5px 9px;display:grid}.font-picker .field-label{color:var(--fg-3);font-size:var(--t-micro);grid-column:1/-1}.font-picker>svg{width:14px;height:14px}.text-view-tabs{padding:0 12px 10px}.save-text-style{border-top:1px solid var(--line-1);flex-direction:column;gap:8px;padding-top:10px;display:flex}.save-style-row,.saved-style-tools{align-items:center;gap:7px;display:flex}.save-style-row input{width:100%;min-width:0}.save-style-row .btn{flex:none}.saved-style-tools{justify-content:space-between;padding:0 12px 10px}.text-preset-wrapper{min-width:0;position:relative}.text-preset-wrapper>.text-preset{width:100%}.delete-saved-style{background:var(--bg-2);position:absolute;top:5px;right:5px}.caption-tools{flex-direction:column;gap:12px;padding:2px 12px 18px;display:flex}.caption-tools h3{font-size:var(--t-sm);margin:0}.caption-tools p{margin:0}.caption-drop{border:1px dashed var(--line-2);background:var(--bg-2);border-radius:8px;flex-direction:column;align-items:center;gap:7px;padding:20px 8px;display:flex}.caption-file-summary{font-size:var(--t-sm);justify-content:space-between;align-items:center;gap:8px;display:flex}.caption-file-summary span{white-space:nowrap;color:var(--fg-3)}.caption-field{font-size:var(--t-sm);flex-direction:column;gap:5px;display:flex}.caption-field .input{width:100%;min-width:0}.caption-offset{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.caption-offset label{width:100%}.caption-preview{background:var(--bg-2);border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.caption-preview span{font-size:var(--t-micro);color:var(--fg-3)}.caption-preview p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--t-sm);border-radius:4px;padding:3px 5px}.caption-export{border-top:1px solid var(--line-1);flex-direction:column;gap:10px;padding-top:16px;display:flex}.tool-form{gap:10px;min-width:0;display:grid}.ai-caption-tools{border-bottom:1px solid var(--line-2);padding:12px}.ai-caption-tools h3{margin:0;font-size:13px}.ai-word-list{gap:6px;max-height:300px;display:grid;overflow:auto}.ai-word-row{grid-template-columns:minmax(60px,1fr) 60px 60px 44px;gap:4px;display:grid}.ai-word-row input,.ai-word-row select{padding:5px;font-size:11px}.tool-form audio{width:100%;min-width:0}.studio-tools{flex-direction:column;flex:1;min-height:0;display:flex}.studio-tools-body{flex:1;min-height:0;padding:0 8px 16px;overflow:auto}.export-controls{border-bottom:1px solid var(--line-2);margin-bottom:12px;padding-bottom:12px}.export-queue{border-top:1px solid var(--line-2);margin-top:16px;padding-top:12px}.export-queue h3{margin:0 0 10px;font-size:13px}.queue-entry{border-bottom:1px solid var(--line-1);padding:8px 0;font-size:11px}.queue-entry strong{min-width:0}.queue-entry a{color:var(--accent-fg)}.tool-form label{color:var(--fg-2);gap:5px;font-size:11px;display:grid}.tool-form input,.tool-form select,.tool-form textarea{border:1px solid var(--line-2);background:var(--bg-2);width:100%;min-width:0;color:var(--fg-1);font:inherit;box-sizing:border-box;border-radius:6px;padding:7px}.tool-form input[type=checkbox]{justify-self:start;width:auto}.tool-actions>select.input{flex:1;width:auto;min-width:0}.tool-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.conversion-view{gap:14px;min-width:0;display:grid}.conversion-source{color:var(--fg-2);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.7}.conversion-source strong{color:var(--fg-1)}.conversion-controls{border:0;min-width:0;margin:0;padding:0}.conversion-controls:disabled{opacity:.65}.conversion-controls label{align-content:start}.conversion-controls .conversion-help{color:var(--fg-3);gap:4px;font-size:11px;font-weight:400;line-height:1.5;display:grid}.conversion-help strong{color:var(--fg-2);font-weight:600}.conversion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.conversion-view .hint{margin:0;line-height:1.5}.conversion-error{color:var(--danger);margin:0;font-size:12px}.conversion-actions{padding-top:4px}.convert-card .conversion-actions{z-index:1;background:var(--bg-1);border-top:1px solid var(--line-2);margin:0 -20px -20px;padding:12px 20px;position:sticky;bottom:-20px}.conversion-dialog .conversion-actions{bottom:calc(-1 * var(--s-5));z-index:1;margin:0 calc(-1 * var(--s-5)) calc(-1 * var(--s-5));padding:12px var(--s-5);background:var(--bg-1);border-top:1px solid var(--line-2);position:sticky}.tl .beat-line{background:var(--accent);opacity:.24;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.tl .scene-marker{background:var(--bg-3);color:var(--warning);z-index:4;cursor:pointer;border:0;padding:0 3px;font-size:11px;position:absolute;top:0;transform:translate(-50%)}.reframe-pick{cursor:crosshair;position:relative}.reframe-pick video{pointer-events:none;width:100%;display:block}.reframe-pick span{color:var(--accent-fg);text-shadow:0 0 2px #000;pointer-events:none;font-size:28px;position:absolute;transform:translate(-50%,-50%)}.tool-key{text-align:left;font:inherit;color:var(--fg-1);background:var(--bg-2);border:1px solid var(--line-2);cursor:pointer;border-radius:5px;flex:1;padding:6px}.midi-library{flex-direction:column;height:100%;min-height:0;display:flex}.midi-library-body{flex-direction:column;gap:12px;padding:16px;display:flex;overflow:auto}.midi-library-body>*{flex-shrink:0}.midi-library-body>p{margin:0;line-height:1.6}.midi-library-body>.btn{height:auto;min-height:var(--h-md);justify-content:center;padding:7px 16px}.midi-direct-url{border:1px solid var(--line-2);border-radius:var(--r-sm);padding:var(--s-2);font-size:var(--t-micro);color:var(--fg-2)}.midi-direct-url summary{cursor:pointer}.midi-direct-url[open] summary{margin-bottom:var(--s-3)}.midi-direct-url>.btn{width:100%;margin-top:var(--s-2)}.midi-online{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.midi-online .midi-library-heading{letter-spacing:.8px}.midi-online .midi-library-heading>span{letter-spacing:0;font-weight:400}.midi-online-search{gap:var(--s-1);display:flex}.midi-online-search input{width:100%}.midi-online-search .btn{flex:0 0 var(--h-sm)}.midi-online>p{margin:0;line-height:1.5}.midi-online-results{gap:var(--s-2);overscroll-behavior:contain;flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.midi-online-card{gap:var(--s-2);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-md);padding:var(--s-3);flex-direction:column;display:flex}.midi-online-title{gap:var(--s-2);align-items:center;min-width:0;display:flex}.midi-online-title>svg{color:var(--trk-midi);flex-shrink:0}.midi-online-title strong{font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.midi-online-title a{color:var(--fg-3);flex-shrink:0;margin-left:auto}.midi-online-card>small{font-size:var(--t-micro);color:var(--fg-3);overflow-wrap:anywhere;line-height:1.5}.midi-online-actions{gap:var(--s-2);display:flex}.midi-online-actions>.btn{flex:1;justify-content:center;min-width:0}.midi-online-player{gap:var(--s-2);background:var(--accent-soft);border:1px solid var(--line-2);border-radius:var(--r-md);padding:var(--s-3);flex-direction:column;display:flex}.midi-online-player strong{font-size:var(--t-sm);overflow-wrap:anywhere}.midi-online-player :is(small,span){font-size:var(--t-micro);color:var(--fg-2)}.midi-online-player audio{width:100%;height:var(--h-md)}.midi-online-error{background:var(--danger-soft);padding:var(--s-3);border-radius:var(--r-sm);color:var(--danger-fg);font-size:var(--t-micro)}.midi-online-error p{margin:0 0 var(--s-2);line-height:1.5}.midi-source-link{align-items:center;gap:var(--s-1);font-size:var(--t-micro);color:var(--accent-fg);overflow-wrap:anywhere;display:inline-flex}.midi-field{color:var(--fg-2);flex-direction:column;gap:6px;font-size:11px;display:flex}:is(.midi-editor,.midi-library,.midi-inspector) :is(input:not([type=checkbox]):not([type=range]):not([type=file]),select){border:1px solid var(--line-2);background:var(--bg-3);min-width:0;height:28px;color:var(--fg-1);font:inherit;border-radius:5px;outline:none;padding:3px 7px}:is(.midi-editor,.midi-library,.midi-inspector) :is(input,select):focus-visible{border-color:var(--accent-fg);box-shadow:0 0 0 2px var(--accent-soft)}.midi-library input[type=checkbox],.midi-editor input[type=checkbox]{accent-color:var(--trk-midi);width:13px;height:13px;margin:0}.midi-editor input[type=range]{accent-color:var(--trk-midi);min-width:30px;height:16px}.midi-library-heading{letter-spacing:1.1px;color:var(--fg-3);justify-content:space-between;margin-top:12px;font-size:10px;font-weight:650;display:flex}.midi-pattern-card{border:1px solid var(--line-2);background:var(--bg-2);width:100%;color:var(--fg-1);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.midi-pattern-card:hover{border-color:var(--trk-midi);background:var(--accent-soft)}.midi-pattern-card strong,.midi-pattern-card small{display:block}.midi-pattern-card small{color:var(--fg-3);margin-top:5px;font-size:10px}.midi-pattern-icon{background:var(--accent-soft);color:var(--trk-midi);border-radius:8px;padding:9px}.midi-open-label{color:var(--accent-fg);margin-left:auto;font-size:11px}.midi-import-card{background:var(--accent-soft);border:1px solid var(--line-3);border-radius:8px;flex-direction:column;gap:9px;padding:12px;display:flex}.midi-import-card>span{color:var(--fg-2);font-size:11px}.midi-import-parts{flex-direction:column;gap:8px;max-height:160px;display:flex;overflow:auto}.midi-import-parts label{align-items:center;gap:8px;font-size:12px;display:flex}.midi-import-parts small{color:var(--fg-3);margin-left:auto}.midi-render-status{color:var(--accent-fg);font-size:11px}.midi-error{color:var(--danger-fg);font-size:11px}.midi-editor{z-index:65;background:var(--bg-1);border:1px solid var(--line-3);min-height:340px;max-height:calc(100vh - 72px);color:var(--fg-1);border-radius:12px;flex-direction:column;font-size:11px;display:flex;position:fixed;bottom:12px;left:76px;right:12px;overflow:hidden;box-shadow:0 -12px 60px #0009}.midi-editor.expanded{border-radius:10px;max-height:none;inset:54px 12px 12px}.midi-resize{cursor:ns-resize;z-index:2;height:6px;position:absolute;top:0;left:15%;right:15%}.midi-resize:after{content:"";background:var(--line-3);border-radius:4px;width:38px;height:3px;margin:1px auto;display:block}.midi-editor-head{border-bottom:1px solid var(--line-2);background:var(--bg-2);flex-shrink:0;align-items:center;gap:12px;min-height:59px;padding:8px 13px;display:flex}.midi-heading-icon{background:var(--accent-soft);color:var(--trk-midi);border-radius:9px;padding:9px;display:flex}.midi-heading{flex:1;min-width:120px}.midi-heading input{width:min(330px,100%);background:0 0!important;border-color:#0000!important;padding-left:0!important;font-size:14px!important;font-weight:650!important}.midi-heading small{color:var(--fg-3);letter-spacing:.7px;font-size:9px;display:block}.midi-heading small span{padding:0 5px}.midi-position{font-family:var(--font-mono);letter-spacing:2px;color:var(--fg-1);min-width:110px;font-size:21px}.midi-position b{color:var(--fg-3);font-weight:400}.midi-transport{background:var(--bg-1);border:1px solid var(--line-1);border-radius:7px;align-items:center;gap:5px;padding:4px;display:flex}.midi-record{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.midi-record>span{background:var(--danger);border-radius:50%;width:11px;height:11px;display:block}.midi-record:hover,.midi-record.active{background:var(--danger-soft)}.midi-record.active>span{border-radius:3px;animation:1s infinite midi-record-pulse}.midi-head-separator{background:var(--line-2);width:1px;height:24px}.midi-toolbar{border-bottom:1px solid var(--line-2);background:var(--bg-1);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;display:flex}.midi-editor :is(.midi-toolbar,.midi-edit-tools,.midi-editor-footer,.midi-note-tools) label{color:var(--fg-3);white-space:nowrap;align-items:center;gap:6px;display:flex}.midi-toolbar input[type=number]{width:58px}.midi-toolbar input[type=range]{width:90px}.midi-toolbar select{max-width:120px}.midi-editor-body{flex:1;grid-template-columns:232px minmax(0,1fr);min-height:0;display:grid}.midi-instruments{border-right:1px solid var(--line-2);background:var(--bg-2);flex-direction:column;min-height:0;display:flex}.midi-side-heading{color:var(--fg-3);letter-spacing:1px;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:9px;display:flex}.midi-part-list{flex-shrink:0;max-height:140px;overflow:auto}.midi-part{border-left:2px solid #0000;align-items:center;gap:3px;height:43px;padding-right:10px;display:flex}.midi-part.selected{background:var(--accent-soft);border-left-color:var(--part-color)}.midi-part-name{min-width:0;color:var(--fg-1);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px 10px;display:flex}.midi-part-dot{background:var(--part-color);border-radius:50%;flex-shrink:0;width:7px;height:7px}.midi-part-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:11px;font-weight:550;display:block;overflow:hidden}.midi-part-name small{color:var(--fg-3);margin-top:3px;font-size:9px;display:block}.midi-part>button:not(.midi-part-name){border:1px solid var(--line-2);background:var(--bg-3);width:21px;height:21px;color:var(--fg-3);cursor:pointer;border-radius:4px;font-size:9px}.midi-part>button.on{background:var(--accent);border-color:var(--accent);color:var(--fg-on-accent)}.midi-instrument-settings{border-top:1px solid var(--line-2);flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow:auto}.midi-source-name{font-family:var(--font-mono);text-overflow:ellipsis;color:var(--accent-fg);font-size:9px;overflow:hidden}.midi-field-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.midi-field-pair label{min-width:0;color:var(--fg-3);flex-direction:column;gap:5px;font-size:10px;display:flex}.midi-field-pair label small{color:var(--accent-fg);font-size:9px}.midi-field-pair input,.midi-field-pair select{width:100%}.midi-check{color:var(--fg-2);align-items:center;gap:6px;font-size:10px;display:flex}.midi-part-actions{align-items:center;gap:4px;display:flex}.midi-instrument-settings>.hint{color:var(--fg-3);margin:0;font-size:10px;line-height:1.6}.midi-note-area{background:var(--bg-1);flex-direction:column;min-width:0;min-height:0;display:flex}.midi-note-tools{border-bottom:1px solid var(--line-2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;min-height:39px;padding:5px 12px;display:flex}.midi-part-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;max-width:170px;font-size:11px;display:flex;overflow:hidden}.midi-part-title i{border-radius:50%;width:7px;height:7px;display:block}.midi-selection-label{color:var(--fg-3);font-size:10px}.midi-small-toggle{border:1px solid var(--line-2);color:var(--fg-2);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:5px 7px}.midi-small-toggle.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-fg)}.midi-roll{flex-direction:column;flex:1;min-width:0;min-height:100px;display:flex;overflow:hidden}.midi-roll-scroller{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:80px;position:relative;overflow:auto}.midi-roll-scroller>div{position:relative}.midi-roll-scroller canvas{touch-action:none;cursor:crosshair;outline:none;display:block;position:sticky;top:0;left:0}.midi-roll-scroller canvas:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.midi-expression{border-top:1px solid var(--line-3);touch-action:none;cursor:crosshair;flex-shrink:0;height:86px}.midi-edit-tools{border-top:1px solid var(--line-2);background:var(--bg-2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:7px;min-height:38px;padding:6px 10px;display:flex}.midi-edit-tools input[type=number]{width:58px;height:24px!important}.midi-edit-tools select{max-width:180px;height:24px!important}.midi-editor-footer{border-top:1px solid var(--line-2);background:var(--bg-2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;min-height:40px;padding:7px 12px;font-size:10px;display:flex}.midi-editor-footer select,.midi-editor-footer input[type=number]{height:24px!important}.midi-editor-footer input[type=number]{width:48px}.midi-key-hint{font-family:var(--font-mono);letter-spacing:1px;color:var(--fg-3);font-size:9px}.midi-live-status{color:var(--fg-3);align-items:center;gap:6px;font-size:10px;display:flex}.midi-live-status i{background:var(--warning);border-radius:50%;width:5px;height:5px}.midi-live-status.ready i{background:var(--success)}.midi-status-bar{color:var(--accent-fg);background:var(--accent-soft);border-top:1px solid var(--line-1);flex-shrink:0;padding:7px 14px;font-size:11px}.midi-status-bar.error{color:var(--danger-fg);background:var(--danger-soft)}.midi-tempo-map{border-bottom:1px solid var(--line-2);flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;display:flex;overflow:auto}.midi-tempo-map>div{align-items:center;gap:5px;display:flex}.midi-tempo-map label{color:var(--fg-3);align-items:center;gap:5px;display:flex}.midi-tempo-map input{width:65px}.midi-step-editor{flex:1;min-height:0;padding:12px;overflow:auto}.midi-step-bar{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.midi-step-row{grid-template-columns:112px repeat(16,minmax(18px,1fr));align-items:center;gap:5px;min-width:700px;margin-bottom:10px;display:grid}.midi-step-label{color:var(--fg-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.midi-step{border:1px solid var(--line-2);background:var(--bg-3);cursor:pointer;border-radius:4px;height:27px}.midi-step.alternate{background:var(--bg-4)}.midi-step.on{box-shadow:0 0 12px var(--accent-soft);border-color:#0000}.midi-inspector{flex-direction:column;gap:12px;padding:16px;display:flex;overflow:auto}.midi-inspector>*{flex-shrink:0}.midi-inspector-head{align-items:center;gap:8px;display:flex}.midi-inspector-head>svg{color:var(--trk-midi);width:20px}.midi-inspector-head strong{text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.midi-inspector-summary{color:var(--fg-3);font-size:11px}.midi-inspector>.btn{height:auto;min-height:var(--h-md);justify-content:center;padding:7px 16px}.tl .k-midi{color:var(--trk-midi)}.tl .clip.midi{background:color-mix(in srgb, var(--trk-midi) 17%, var(--bg-2));border-color:color-mix(in srgb, var(--trk-midi) 55%, transparent)}.tl .clip.midi.selected{border-color:var(--trk-midi)}.tl .midi-thumbnail{pointer-events:none;position:absolute;bottom:2px;left:0}.tl .clip.midi .clip-name{z-index:1;text-shadow:0 1px 3px var(--bg-0);align-items:center;gap:5px;font-size:10px;display:flex;position:relative}@keyframes midi-record-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.midi-record.active>span{animation:none}}@media (max-width:1100px){.midi-editor{left:12px}.midi-editor-body{grid-template-columns:196px minmax(0,1fr)}.midi-selection-label,.midi-key-hint{display:none}.midi-toolbar,.midi-editor-footer,.midi-note-tools{gap:7px}}@media (max-width:760px){.midi-editor-head{gap:6px}.midi-position{display:none}.midi-editor-body{grid-template-columns:165px minmax(0,1fr)}.midi-instrument-settings{padding:8px}.midi-editor-footer{max-height:86px;overflow:auto}}.mobile-pane-control,.mobile-close-panel{display:none!important}.browser-import{align-items:center;gap:var(--s-3);min-width:0;padding:var(--s-2);flex-direction:column;display:flex}.browser-import .hint{max-width:440px}.folder-library{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.folder-library>.btn{align-self:flex-start}.folder-library .hint{margin:0}.folder-library-list{font-size:var(--t-sm);position:relative}.folder-library-list summary{cursor:pointer;margin-bottom:var(--s-2)}.folder-library-popover{z-index:10;padding:var(--s-3);border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-1);max-height:220px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.folder-library-list ul{margin:var(--s-2) 0 0;padding:0;list-style:none}.folder-library-list li{border-top:1px solid var(--line-1);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 0;display:flex}.folder-library-name{flex:1;min-width:80px}.folder-library-name strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.folder-library-name span{color:var(--fg-3);font-size:var(--t-micro)}.folder-library-actions{align-items:center;display:flex}.folder-library-error{color:var(--danger);font-size:var(--t-sm);margin:0}.folder-library-destination{font-size:var(--t-sm);gap:4px;display:grid}.folder-library-destination .input{width:100%;min-width:0}.browser-library-key{gap:var(--s-2);min-width:0;padding:var(--s-2) 0;display:grid}.browser-library-key form{gap:var(--s-2);min-width:0;display:grid}.browser-library-key .input{width:100%;min-width:0;max-width:100%}.browser-library-key .tool-actions{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.browser-library-key .link-btn{white-space:nowrap;flex:none;align-items:center;gap:4px;min-height:28px;display:inline-flex}.browser-library-key .hint{white-space:normal;overflow-wrap:anywhere;margin:0}@media (max-width:800px){.browser-production,.browser-production body,.browser-production #root{height:100dvh;overflow:hidden}.browser-production .topbar{gap:2px;padding:0 4px}.browser-production .brand{gap:0;padding-right:0;font-size:0}.browser-production .topbar-sep,.browser-production .save-status,.browser-production .topbar [aria-label=Command\ palette]{display:none}.browser-production .project-btn{min-width:0;max-width:105px}.browser-production .topbar-right{gap:2px}.browser-production .workspace .top{position:relative;grid-template-columns:48px minmax(0,1fr)!important}.browser-production .top>.rail{grid-area:1/1}.browser-production .rail button{flex:none;width:42px;height:46px;min-height:46px}.browser-production .top>.panel,.browser-production .top>.inspector-col{grid-area:1/2;display:none}.browser-production .top>.stage{grid-area:1/2}.browser-production .top>[role=separator]{display:none}.browser-production .stage-center{padding:8px;overflow:auto}.browser-production .conversion-view{width:100%;min-width:0;max-height:100%;padding:8px}.browser-production .conversion-view input,.browser-production .conversion-view select{min-width:0}.browser-production .empty-state{max-width:100%;padding:12px}.browser-production .top[data-mobile-pane=library]>.panel,.browser-production .top[data-mobile-pane=inspector]>.inspector-col{padding-top:36px;display:block;overflow:auto}.browser-production .top[data-mobile-pane=library]>.stage,.browser-production .top[data-mobile-pane=inspector]>.stage{display:none}.browser-production .mobile-pane-control{display:flex!important}.browser-production .mobile-close-panel{z-index:8;position:absolute;top:2px;right:6px;display:block!important}.browser-production .proj-pop{width:min(360px,100vw - 16px)}.browser-production .tp-left{min-width:0}.browser-production .tp-stats{display:none}}.youtube-helper{border:1px solid var(--line-2);background:var(--bg-2);border-radius:8px;padding:12px;font-size:12px;line-height:1.5}.youtube-helper p{margin:6px 0 10px}.youtube-helper ol{margin:10px 0;padding-left:20px}.youtube-helper li+li{margin-top:5px}.youtube-helper code{overflow-wrap:anywhere;font-size:11px}.youtube-helper-status{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.youtube-helper-status svg{color:var(--success,#74c69d)}.youtube-helper .dim{color:var(--fg-3)}
