:root{--ease: cubic-bezier(.2, .75, .15, 1);--ease-mark: cubic-bezier(.2, .8, .3, 1.03);--ease-ambient: cubic-bezier(.4, 0, .6, 1);--press: 90ms;--fast: .16s;--base: .26s;--font-display: "Fraunces", Georgia, serif;--font-ui: "Manrope", sans-serif;--font-mono: "DM Mono", monospace}:root[data-theme=ink]{--page: #141516;--page-deep: #0e0f10;--panel: #1c1e1d;--panel-hover: #242625;--soft: #282b29;--line: rgba(232, 237, 217, .12);--line-strong: rgba(232, 237, 217, .22);--text: #f2f1e9;--muted: #a4a89d;--faint: #6f756c;--brand: #d6fb62;--brand-deep: #8fac35;--brand-ink: #17220b;--coral: #ff8f71;--warning: #f5c04e;--shadow: rgba(0, 0, 0, .34);--art-bg: #b7e2d1;--primary: #a3e635;--primary-bg: rgba(163, 230, 53, .15);--primary-hover: rgba(163, 230, 53, .25);--text-secondary: #94a3b8;--bg-surface-elevated: rgba(255, 255, 255, .04);--topbar-bg: rgba(13, 17, 23, .9);--topbar-border: rgba(163, 230, 53, .2);--topbar-text: #ffffff;--topbar-search-bg: rgba(255, 255, 255, .05);--topbar-search-border: rgba(255, 255, 255, .12);--sb-bg: #0e0f10;--sb-border: rgba(232, 237, 217, .12);--sb-text: #f1f5f9;--sb-text-muted: #94a3b8;--sb-text-faint: #64748b;--sb-active-bg: rgba(163, 230, 53, .15);--sb-active-border: rgba(163, 230, 53, .35);--sb-active-text: #bef264;--sb-active-icon: #bef264;--sb-hover-bg: rgba(255, 255, 255, .05);--sb-icon-color: #a3e635;--sb-folder-icon: #fbbf24;--sb-card-bg: rgba(255, 255, 255, .03);--sb-quick-header: #fbbf24;--sb-workspaces-header: #94a3b8;--sb-search-bg: rgba(255, 255, 255, .04);color-scheme:dark}:root[data-theme=day]{--page: #f8fafc;--page-deep: #ffffff;--panel: #ffffff;--panel-hover: #f8fafc;--soft: #e2e8f0;--line: rgba(15, 23, 42, .09);--line-strong: rgba(15, 23, 42, .18);--text: #0f172a;--muted: #475569;--faint: #64748b;--brand: #15803d;--brand-deep: #166534;--brand-ink: #ffffff;--coral: #dd654c;--warning: #a16207;--shadow: rgba(15, 23, 42, .08);--art-bg: #b6e5d8;--primary: #15803d;--primary-bg: rgba(21, 128, 61, .1);--primary-hover: rgba(21, 128, 61, .18);--text-secondary: #334155;--bg-surface-elevated: #ffffff;--topbar-bg: rgba(255, 255, 255, .94);--topbar-border: rgba(21, 128, 61, .2);--topbar-text: #0f172a;--topbar-search-bg: rgba(15, 23, 42, .04);--topbar-search-border: rgba(15, 23, 42, .12);--sb-bg: #ffffff;--sb-border: rgba(15, 23, 42, .07);--sb-text: #334155;--sb-text-muted: #64748b;--sb-text-faint: #94a3b8;--sb-active-bg: rgba(21, 128, 61, .09);--sb-active-border: rgba(21, 128, 61, .35);--sb-active-text: #14532d;--sb-active-icon: #15803d;--sb-hover-bg: rgba(15, 23, 42, .035);--sb-icon-color: #15803d;--sb-folder-icon: #d97706;--sb-card-bg: #f8fafc;--sb-quick-header: #d97706;--sb-workspaces-header: #64748b;--sb-tree-line: rgba(15, 23, 42, .08);--sb-search-bg: #f1f5f9;color-scheme:light}*{box-sizing:border-box}html{min-width:320px;background:var(--page)}body{margin:0;min-height:100vh;background:var(--page);color:var(--text);font-family:var(--font-ui)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--brand),transparent 35%);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;overflow:hidden}:root{--radius: 12px;--radius-sm: 8px;--gap: 14px;--rail: 300px;--panel-pad: 16px}body{background:radial-gradient(1200px 600px at 70% -10%,color-mix(in srgb,var(--brand),transparent 92%),transparent 60%),var(--page)}#root{min-height:100vh}.shell{min-height:100vh;display:flex;flex-direction:column}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.faint{color:var(--faint)}button{border:0;background:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel);font-weight:600;font-size:13px;color:var(--text);text-decoration:none;white-space:nowrap;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn svg{flex-shrink:0;transition:transform var(--fast) var(--ease)}.btn:hover:not(:disabled){background:var(--panel-hover);border-color:color-mix(in srgb,var(--text),transparent 72%)}.btn:active:not(:disabled){transform:scale(.97);transition-duration:var(--press)}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed}.btn.is-disabled{pointer-events:none}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:transparent;box-shadow:inset 0 1px #ffffff47,0 6px 18px -10px color-mix(in srgb,var(--brand),transparent 20%)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--brand),white 12%);box-shadow:inset 0 1px #ffffff52,0 8px 22px -8px color-mix(in srgb,var(--brand),transparent 10%)}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){background:var(--soft);border-color:transparent;color:var(--text)}.btn.small{height:28px;padding:0 11px;font-size:12px;gap:6px}.btn.danger{color:var(--coral)}.btn[data-nudge=right]:hover:not(:disabled) svg:last-child{transform:translate(2px)}.btn[data-nudge=left]:hover:not(:disabled) svg:first-child{transform:translate(-2px)}.btn[data-nudge=down]:hover:not(:disabled) svg{transform:translateY(1.5px)}.btn[data-nudge=out]:hover:not(:disabled) svg{transform:translate(1.5px,-1.5px)}.btn[data-nudge=tilt]:hover:not(:disabled) svg{transform:rotate(-10deg)}.icon-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--muted);transition:background var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}.icon-btn:hover{background:var(--soft);color:var(--text)}.icon-btn:active{transform:scale(.92);transition-duration:var(--press)}.icon-btn.danger:hover{color:var(--coral);background:color-mix(in srgb,var(--coral),transparent 88%)}input[type=text],input[type=number],input[type=search],select{width:100%;padding:8px 10px;border-radius:var(--radius-sm);font:inherit;font-size:13px;border:1px solid var(--line-strong);background:var(--page-deep);color:var(--text)}input[type=color]{width:36px;height:32px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page),transparent 12%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:baseline;gap:10px}.brand-mark{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em}.brand-mark em{font-style:normal;color:var(--brand)}.brand-sub{font-size:12px;color:var(--faint);letter-spacing:.08em;text-transform:uppercase}.topbar-spacer{flex:1}@media(max-width:760px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 16px}.brand-sub,.user-chip{display:none}}.user-chip{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.user-chip img{width:26px;height:26px;border-radius:50%}.workspace{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) 340px;gap:var(--gap);padding:var(--gap) 20px;align-items:start;flex:1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 var(--shadow)}.panel-head{display:flex;align-items:center;gap:8px;padding:12px var(--panel-pad);border-bottom:1px solid var(--line)}.panel-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.panel-head .spacer{flex:1}@media(max-width:1180px){.workspace{grid-template-columns:260px minmax(0,1fr)}.settings-rail{grid-column:1 / -1}}@media(max-width:760px){.workspace{grid-template-columns:1fr;padding:12px 16px}}.queue{position:sticky;top:70px;max-height:calc(100vh - 170px);display:flex;flex-direction:column}.queue-list{flex:1;min-height:0}.queue-list{overflow:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.queue-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px;border-radius:10px;text-align:left;border:1px solid transparent}.queue-item:hover{background:var(--panel-hover)}.queue-item.is-selected{background:var(--soft);border-color:var(--line-strong)}.queue-item.is-skipped{opacity:.5}.queue-item.is-twin-selected{background:color-mix(in srgb,var(--soft),transparent 55%);border-color:var(--line)}.twin-group{display:flex;flex-direction:column;gap:4px;padding:3px;border-radius:calc(var(--radius) + 3px);border:1px dashed var(--line-strong);background:color-mix(in srgb,var(--panel-hover),transparent 60%)}.queue-thumb{width:46px;height:46px;border-radius:8px;object-fit:cover;background:var(--page-deep)}.queue-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-meta{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--faint);margin-top:2px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;background:var(--soft);color:var(--muted)}.chip.ok{background:color-mix(in srgb,var(--brand),transparent 82%);color:var(--brand)}.chip.warn{background:color-mix(in srgb,var(--warning),transparent 82%);color:var(--warning)}.chip.err{background:color-mix(in srgb,var(--coral),transparent 82%);color:var(--coral)}.progress{height:3px;border-radius:3px;background:var(--soft);overflow:hidden;margin-top:5px}.progress>i{display:block;height:100%;background:var(--brand);transition:width var(--base) var(--ease)}.dropzone{margin:8px;padding:14px;border:1px dashed var(--line-strong);border-radius:10px;text-align:center;font-size:12px;color:var(--faint);transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.dropzone.is-over{border-color:var(--brand);background:color-mix(in srgb,var(--brand),transparent 92%);color:var(--text)}.empty{padding:28px 16px;text-align:center;color:var(--faint);font-size:13px}.editor{padding:var(--panel-pad);display:flex;flex-direction:column;gap:12px}.stage{position:relative;border-radius:10px;overflow:hidden;isolation:isolate;background:#000;height:clamp(240px,40vh,440px)}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage>.faint{position:absolute;inset:0;display:grid;place-items:center}.stage-backdrop{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(28px) brightness(.55) saturate(1.1);pointer-events:none}.stage .fade-veil{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .25s linear}.stage .fade-veil.is-on{opacity:1}.twin-btn{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;color:var(--text);background:color-mix(in srgb,var(--page-deep),transparent 25%);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--press) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.twin-btn[aria-disabled=true]{color:var(--faint);cursor:default}.twin-btn[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);right:0;width:max-content;max-width:260px;padding:6px 9px;border-radius:8px;font-size:11px;font-weight:500;line-height:1.4;text-align:left;white-space:normal;color:var(--text);background:var(--panel);border:1px solid var(--line-strong);box-shadow:0 8px 24px var(--shadow);opacity:0;pointer-events:none}.twin-btn:hover:after,.twin-btn:focus-visible:after{opacity:1}.twin-btn.is-linked{color:var(--brand);border-color:color-mix(in srgb,var(--brand),transparent 50%)}.twin-btn:not([aria-disabled=true]):active{transform:scale(.96)}.stage-badge{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:999px;background:#0009;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em}.transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.timecode{font-family:var(--font-mono);font-size:13px;color:var(--muted)}.transport .spacer{flex:1}.timeline{position:relative;display:flex;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none}.ruler{position:relative;height:18px;margin:0 1px}.ruler span{position:absolute;top:0;translate:-50% 0;padding-top:6px;font-family:var(--font-mono);font-size:10px;color:var(--faint)}.ruler span:before{content:"";position:absolute;left:50%;top:0;width:1px;height:4px;background:var(--line-strong)}.ruler span:first-child{translate:0 0}.ruler span:first-child:before{left:0}.track{position:relative;height:64px;border-radius:10px;cursor:crosshair;touch-action:none;background:var(--page-deep);border:1px solid var(--line)}.track canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:9px}.track-hint{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:var(--faint);pointer-events:none}.dim{position:absolute;top:0;bottom:0;background:#0000008c;pointer-events:none}.dim-before{border-radius:9px 0 0 9px}.dim-after{border-radius:0 9px 9px 0}.range{position:absolute;top:-1px;bottom:-1px;cursor:grab;border-top:2px solid var(--brand);border-bottom:2px solid var(--brand)}.timeline.is-move .range{cursor:grabbing}.range-length{position:absolute;left:50%;top:4px;translate:-50% 0;padding:1px 6px;border-radius:999px;background:#0009;color:#fff;font-size:10px;pointer-events:none;white-space:nowrap}.handle{position:absolute;top:-2px;bottom:-2px;width:14px;display:grid;place-items:center;background:var(--brand);color:var(--brand-ink);cursor:ew-resize;transition:background var(--fast) var(--ease)}.handle.start{left:-7px;border-radius:6px 0 0 6px}.handle.end{right:-7px;border-radius:0 6px 6px 0}.handle:hover,.timeline.is-start .handle.start,.timeline.is-end .handle.end{background:color-mix(in srgb,var(--brand),white 18%)}.handle svg{pointer-events:none}.handle-time{position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 4px;padding:2px 6px;border-radius:6px;background:var(--text);color:var(--page);font-size:10px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--fast) var(--ease),translate var(--fast) var(--ease)}.range:hover .handle-time,.timeline.is-start .handle.start .handle-time,.timeline.is-end .handle.end .handle-time,.timeline.is-move .handle-time,.timeline.is-create .handle-time{opacity:1;translate:-50% 0}.playhead{position:absolute;top:-1px;bottom:-1px;width:2px;margin-left:-1px;background:var(--text);pointer-events:none;box-shadow:0 0 0 1px #00000059}.playhead-knob{position:absolute;top:-7px;left:50%;width:12px;height:12px;translate:-50% 0;border-radius:3px 3px 6px 6px;background:var(--text);pointer-events:auto;cursor:ew-resize;transition:scale var(--fast) var(--ease)}.timeline.is-scrub .playhead-knob,.playhead-knob:hover{scale:1.2}.hook-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.time-field{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.time-field input{width:82px;height:28px;padding:0 8px;text-align:center;font-size:12px}.pair-note{font-size:12px;margin-left:auto}.settings-rail{display:flex;flex-direction:column;gap:8px}.scope-apply{align-self:flex-end;color:var(--brand);animation:drop-in var(--base) var(--ease)}.preset-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;overflow:hidden;background:radial-gradient(160px 90px at 0% 0%,color-mix(in srgb,var(--brand),transparent 88%),transparent 70%),var(--panel)}.preset-card .project-mark{border-radius:10px;font-size:11px;box-shadow:0 0 0 1px var(--line-strong)}.preset-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.preset-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.preset-text b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-status i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--faint)}.preset-card.is-saved .preset-status i{background:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand),transparent 80%)}.preset-card.is-changed .preset-status{color:var(--warning)}.preset-card.is-changed .preset-status i{background:var(--warning);animation:dot-pulse 2.4s var(--ease-ambient) infinite}.section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.section>summary{display:flex;align-items:center;gap:8px;padding:10px 14px;list-style:none;cursor:pointer;font-weight:700;font-size:13px}.section>summary::-webkit-details-marker{display:none}.section>summary:after{content:"›";margin-left:auto;color:var(--faint);transition:transform var(--fast) var(--ease)}.section[open]>summary:after{transform:rotate(90deg)}.section-aside{font-size:11px;font-weight:600;color:var(--faint)}.section-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.field-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.segmented{display:inline-flex;padding:3px;border-radius:999px;background:var(--page-deep);border:1px solid var(--line);flex-wrap:wrap}.segmented button{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;color:var(--muted)}.segmented button.is-on{background:var(--soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.toggle{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:32px;height:18px;border-radius:999px;background:var(--soft);position:relative;transition:background var(--fast) var(--ease)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform var(--fast) var(--ease),background var(--fast) var(--ease)}.toggle input:checked+.toggle-track{background:color-mix(in srgb,var(--brand),transparent 55%)}.toggle input:checked+.toggle-track:after{transform:translate(14px);background:var(--brand)}.toggle input:focus-visible+.toggle-track{outline:3px solid color-mix(in srgb,var(--brand),transparent 35%);outline-offset:2px}.slider{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.slider-head{display:flex;justify-content:space-between}.slider input{accent-color:var(--brand)}.slot-list{display:flex;flex-direction:column;gap:6px}.slot-item{display:flex;align-items:center;gap:8px;padding:5px 4px 5px 6px;border-radius:9px;border:1px solid var(--line);background:var(--page-deep);font-size:12px;animation:drop-in var(--base) var(--ease)}.slot-item img,.slot-item-ph{width:30px;height:30px;flex:none;border-radius:6px;object-fit:cover;background:var(--soft)}.slot-item-name{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-item .icon-btn{width:24px;height:24px}.slot-badge{flex:none;min-width:38px;padding:2px 6px;border-radius:5px;text-align:center;font-size:10.5px;color:var(--brand);background:color-mix(in srgb,var(--brand),transparent 88%)}.slot-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:9px;border:1px dashed var(--line-strong);font-size:12px;font-weight:600;color:var(--muted);transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease),background var(--fast) var(--ease)}.slot-add:hover{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb,var(--brand),transparent 94%)}.chip-toggles{display:flex;gap:6px}.chip-toggles button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 0;border-radius:8px;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:12px;color:var(--muted)}.chip-toggles button:disabled{cursor:default}.chip-toggles button:disabled:not([aria-pressed=true]){opacity:.35}.ratio-icon{display:inline-block;flex:none;border:1.5px solid currentColor;border-radius:2px;opacity:.85}.chip-toggles button[aria-pressed=true]{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb,var(--brand),transparent 90%)}.wm-identity{position:relative;display:flex;align-items:center;gap:8px}.wm-icon{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:10px;overflow:hidden;border:1px dashed var(--line-strong);color:var(--faint);background:var(--page-deep);transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.wm-icon:hover{border-color:var(--brand);color:var(--brand)}.wm-icon.is-set{border-style:solid;padding:5px;background:repeating-conic-gradient(var(--soft) 0 25%,var(--page-deep) 0 50%) 0 0 / 12px 12px}.wm-icon img{width:100%;height:100%;object-fit:contain}.wm-icon-clear{position:absolute;left:54px;top:-6px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--line-strong);color:var(--muted)}.wm-icon-clear:hover{color:var(--coral);border-color:var(--coral)}.wm-name-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.wm-name{height:38px}.wm-hint{font-size:11px;color:var(--faint)}.wm-type{display:flex;flex-direction:column;gap:8px;animation:drop-in var(--base) var(--ease)}.font-dd .dd-trigger{padding:6px 10px;gap:8px}.font-dd-sample{flex:1;min-width:0;font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.font-dd-name{flex:none;font-size:11px;color:var(--faint)}.font-dd-menu{max-height:280px;overflow:auto;padding:4px;display:flex;flex-direction:column;gap:1px}.font-dd-menu button{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;text-align:left}.font-dd-menu button:hover{background:var(--panel-hover)}.font-dd-menu button.is-on{background:color-mix(in srgb,var(--brand),transparent 90%)}.font-dd-menu button svg{color:var(--brand);flex:none}.wm-swatches{display:flex;align-items:center;gap:6px}.wm-swatch{position:relative;width:22px;height:22px;flex:none;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff2e;transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.wm-swatch:hover{transform:scale(1.1)}.wm-swatch[aria-checked=true],.wm-swatch.is-on{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--brand)}.wm-swatch-custom{background:conic-gradient(#ff5d5d,#ffd84d,#c8ff4d,#4dd2ff,#b36bff,#ff5d5d);overflow:hidden}.wm-swatch-custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0}.wm-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:var(--faint)}.wm-stage{position:relative;aspect-ratio:16 / 9;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#2b3a2f,#1d2433)}.wm-stage img{position:absolute;left:0;top:0;will-change:transform;pointer-events:none}.render-controls{position:relative;display:flex;align-items:center;gap:8px}.outputs-chip{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);font-size:13px;color:var(--muted);transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease),background var(--fast) var(--ease)}.outputs-chip .mono{color:var(--text);font-weight:500}.outputs-chip:hover:not(:disabled),.outputs-chip[aria-expanded=true]{border-color:color-mix(in srgb,var(--text),transparent 70%);background:var(--panel-hover)}.outputs-chip:disabled{opacity:.5;cursor:default}.outputs-chip.is-blocked{border-color:color-mix(in srgb,var(--warning),transparent 45%)}.outputs-sep{color:var(--faint);padding:0 2px}.outputs-dot{width:7px;height:7px;border-radius:50%;background:var(--warning);margin-right:2px}.outputs-chevron{color:var(--faint);transition:transform var(--fast) var(--ease)}.outputs-chip[aria-expanded=true] .outputs-chevron{transform:rotate(180deg)}.render-wrap{position:relative;display:inline-flex}.render-wrap[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:max-content;max-width:280px;padding:7px 10px;border-radius:8px;font-size:12px;line-height:1.4;white-space:normal;color:var(--text);background:var(--panel);border:1px solid color-mix(in srgb,var(--warning),transparent 50%);box-shadow:0 10px 28px var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--fast) var(--ease)}.render-wrap[data-tip]:hover:after{opacity:1}.outputs-sheet{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:min(980px,calc(100vw - 40px));display:flex;flex-direction:column;max-height:60vh;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 24px 64px var(--shadow);animation:drop-in var(--base) var(--ease)}.outputs-head{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px}.outputs-head b{font-size:14px}.outputs-scroll{overflow:auto}table.plan td.saveto-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}table.plan{width:100%;border-collapse:collapse;font-size:12px}table.plan th,table.plan td{padding:7px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}table.plan th{position:sticky;top:0;background:var(--panel);color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:10px}table.plan td.warn{color:var(--warning);white-space:normal}.compress{container-type:inline-size}.compress-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.compress-row .segmented{flex-wrap:nowrap}.compress-row .segmented button{white-space:nowrap}@container (max-width: 330px){.compress-row{gap:4px}.compress-row .segmented{padding:2px}.compress-row .segmented button{padding:4px 7px;font-size:11px;gap:3px}.compress-row .segmented svg{width:11px;height:11px}}@container (max-width: 280px){.compress-row .segmented button{padding:3px 5px;font-size:10px}.compress-row .segmented svg{display:none}}.quiet-fieldset{border:0;margin:0;padding:0;min-width:0;transition:opacity var(--fast) var(--ease)}.quiet-fieldset:disabled{opacity:.4}.quiet-fieldset:disabled button{cursor:not-allowed}.size-cap{display:flex;flex-direction:column;gap:8px;animation:drop-in var(--base) var(--ease)}.size-cap-row{flex-wrap:nowrap}.size-cap-row input[type=range]{flex:1;min-width:0;accent-color:var(--brand)}.mb-field{display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--page-deep)}.mb-field input[type=text]{width:52px;border:0;background:transparent;text-align:right;padding-right:0}.mb-field span{font-size:12px;color:var(--faint)}.saveto{display:flex;flex-direction:column;gap:6px}.saveto-all{align-self:flex-end;color:var(--brand);animation:drop-in var(--base) var(--ease)}.project-mark{flex:none;display:grid;place-items:center;border-radius:7px;object-fit:cover;background:var(--soft);color:var(--muted);font:700 9px var(--font-mono);text-transform:uppercase}.saveto-card,.saveto-option{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;text-align:left;border:1px solid var(--line-strong);border-radius:10px;background:var(--page-deep);transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.saveto-card:hover,.saveto-option:hover{border-color:color-mix(in srgb,var(--brand),transparent 50%);background:color-mix(in srgb,var(--brand),transparent 95%)}.saveto-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.saveto-text b{font-size:13px}.saveto-text span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saveto-chevron{color:var(--faint);transition:transform var(--fast) var(--ease)}.saveto-card:hover .saveto-chevron{transform:translate(2px);color:var(--brand)}dialog.picker.saveto-dialog{width:min(440px,calc(100vw - 32px));overflow:visible}.saveto-extras{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px 12px}.saveto-all-check{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;cursor:pointer}.saveto-all-check input{accent-color:var(--brand);width:15px;height:15px}.link-btn{display:inline-flex;align-items:center;gap:4px}.saveto-body{display:flex;flex-direction:column;gap:16px;padding:16px}.saveto-collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.saveto-collections button{display:flex;flex-direction:column;gap:6px;padding:9px 10px;border-radius:10px;text-align:left;border:1px solid var(--line-strong);background:var(--page-deep);font-size:12px;font-weight:600;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.saveto-collections button:hover{border-color:color-mix(in srgb,var(--brand),transparent 55%)}.saveto-collections button.is-on{border-color:var(--brand);background:color-mix(in srgb,var(--brand),transparent 92%)}.saveto-collections button svg{color:var(--brand);flex:none}.saveto-collection-top{display:flex;align-items:center;justify-content:space-between}.dd{position:relative}.dd-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;text-align:left;border:1px solid var(--line-strong);border-radius:10px;background:var(--page-deep);transition:border-color var(--fast) var(--ease)}.dd-trigger:hover,.dd.is-open .dd-trigger,.dd-trigger.is-open{border-color:var(--brand)}.dd-trigger .brand{color:var(--brand);flex:none}.dd-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dd-text b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-text small{font:10.5px var(--font-mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-chevron{color:var(--faint);flex:none;transition:transform var(--fast) var(--ease)}.dd.is-open .dd-chevron,.dd-trigger.is-open .dd-chevron{transform:rotate(180deg)}.dd-menu{position:absolute;z-index:5;top:calc(100% + 6px);left:0;right:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);box-shadow:0 18px 48px var(--shadow);overflow:hidden;animation:drop-in var(--fast) var(--ease)}.dd-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--faint)}.dd-search input[type],.dd-search input{flex:1;border:0;background:transparent;padding:4px 0;font-size:13px;outline:none;color:var(--text)}.dd-list{max-height:260px;overflow:auto;padding:4px;display:flex;flex-direction:column;gap:2px}.dd-list button{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;text-align:left}.dd-list button:hover,.dd-list button:focus-visible{background:var(--panel-hover)}.dd-list button.is-on{background:color-mix(in srgb,var(--brand),transparent 90%)}.dd-list button svg{color:var(--brand)}.dd-empty{padding:10px;font-size:12px;color:var(--faint);margin:0}.folder-picker{position:relative}.folder-picker-head{display:flex;align-items:center;justify-content:space-between}.link-btn{font-size:11px;font-weight:700;color:var(--brand);text-transform:none;letter-spacing:0}.folder-picker .folder-tree{position:absolute;z-index:5;top:calc(100% + 6px);left:0;right:0;background:var(--panel);border-color:var(--line-strong);box-shadow:0 18px 48px var(--shadow);animation:drop-in var(--fast) var(--ease)}.collection-code{padding:1px 6px;border-radius:4px;font-size:10px;background:var(--soft);color:var(--muted)}.saveto-collection-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-tree{border:1px solid var(--line);border-radius:10px;padding:4px;max-height:240px;overflow:auto;background:var(--page-deep)}.folder-row{display:flex;align-items:center;gap:2px;border-radius:6px}.folder-row:hover{background:var(--panel-hover)}.folder-row.is-on{background:color-mix(in srgb,var(--brand),transparent 88%);color:var(--brand)}.folder-twist{width:18px;height:18px;flex:none;display:grid;place-items:center;color:var(--faint)}.folder-twist svg{transition:transform var(--fast) var(--ease)}.folder-name{flex:1;min-width:0;display:flex;align-items:center;gap:7px;padding:5px 6px;font-size:12px;text-align:left;color:inherit}.folder-name span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-row.is-locked{opacity:.5}.folder-name:disabled{cursor:not-allowed}.folder-note{padding:8px 10px;font-size:12px}.saveto-summary{font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog.picker.slot-picker{width:min(720px,calc(100vw - 32px));display:none}dialog.picker.slot-picker[open]{display:flex;flex-direction:column}.slot-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px}.slot-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.slot-title b{font-size:16px}.slot-title span{display:inline-flex;align-items:center;gap:5px;font-size:12px}.slot-tools{display:flex;align-items:center;gap:10px;padding:0 16px 12px;border-bottom:1px solid var(--line)}.slot-search{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 12px;height:36px;border:1px solid var(--line-strong);border-radius:999px;background:var(--page-deep);color:var(--faint)}.slot-search:focus-within{border-color:var(--brand)}.slot-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:0;height:100%;outline:none;color:var(--text)}.slot-filters{flex:none}.slot-filters button{flex:none;padding:6px 12px;font-family:var(--font-ui);font-weight:600}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;padding:14px 16px 16px;overflow:auto;max-height:calc(min(80vh,760px) - 140px);min-height:220px}.slot-card{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;text-align:left;border:1px solid var(--line);background:var(--page-deep);animation:rise-in var(--base) var(--ease) both;animation-delay:calc(min(var(--i, 0),12)*20ms);transition:transform var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.slot-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand),transparent 50%);box-shadow:0 10px 24px -14px var(--shadow)}.slot-card.is-on{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand),transparent 65%)}.slot-card.is-skeleton{height:170px;background:linear-gradient(90deg,var(--page-deep),var(--panel-hover),var(--page-deep));background-size:320px 100%;animation:shimmer 1.2s linear infinite}.slot-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#000}.slot-thumb-bg{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(14px) brightness(.55)}.slot-thumb-fg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.slot-shape{position:absolute;left:6px;bottom:6px;padding:1px 6px;border-radius:6px;font-size:10.5px;color:var(--brand-ink);background:var(--brand)}.slot-duration{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:6px;font-size:10.5px;color:#fff;background:#000000a6}.slot-card .tick{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--brand-ink);animation:pop var(--base) var(--ease-mark)}.slot-name{padding:0 2px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-meta{padding:0 2px;font-size:10.5px;color:var(--faint)}.slot-grid .empty{grid-column:1 / -1}dialog.picker.confirm-dialog{width:min(460px,calc(100vw - 32px))}.confirm-body{display:flex;gap:12px;padding:18px 18px 8px}.confirm-body h2{margin:0 0 4px;font-size:16px}.confirm-body p{margin:0;font-size:13px;line-height:1.5}.confirm-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--warning);background:color-mix(in srgb,var(--warning),transparent 85%)}.confirm-list{list-style:none;margin:0;padding:4px 18px 12px 64px;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.confirm-list li{display:flex;align-items:center;gap:8px;font-size:12.5px}.confirm-list li svg{color:var(--faint);flex:none}.confirm-list li span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog.picker{width:min(920px,calc(100vw - 32px));max-height:min(80vh,760px);padding:0;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 30px 80px #00000073}dialog.picker::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.picker-head{display:flex;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:14px 16px;overflow:auto;max-height:calc(min(80vh,760px) - 130px)}.picker-card{position:relative;border-radius:10px;border:1px solid var(--line);background:var(--page-deep);overflow:hidden;text-align:left}.picker-card.is-on{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand),transparent 60%)}.picker-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--soft)}.picker-card .meta{padding:7px 8px;font-size:12px}.picker-card .meta div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.picker-card .tick{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--brand-ink)}.picker-foot{display:flex;gap:10px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}.picker-foot .spacer{flex:1}.results{padding:20px max(20px,calc((100% - 1100px)/2));width:100%;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.results-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.results-head h1{font-family:var(--font-display);font-weight:600;font-size:28px;margin:0}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.result-card{padding:10px;display:flex;flex-direction:column;gap:8px}.result-card img,.result-card .ph{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;background:var(--page-deep)}.result-name{font-size:12px;font-weight:600;word-break:break-all}.notice{margin:40px auto;max-width:520px;padding:24px;text-align:center}.notice h2{font-family:var(--font-display);margin:0 0 8px}.toast{position:fixed;left:50%;bottom:84px;translate:-50% 0;z-index:50;padding:10px 16px;border-radius:999px;background:var(--text);color:var(--page);font-size:13px;font-weight:600;box-shadow:0 10px 30px var(--shadow)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.94)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-160px 0}to{background-position:160px 0}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes breathe{0%,to{box-shadow:inset 0 1px #ffffff47,0 6px 18px -10px color-mix(in srgb,var(--brand),transparent 20%)}50%{box-shadow:inset 0 1px #ffffff47,0 8px 26px -6px color-mix(in srgb,var(--brand),transparent 35%)}}.workspace>*{animation:rise-in var(--base) var(--ease) both}.workspace>:nth-child(2){animation-delay:60ms}.workspace>:nth-child(3){animation-delay:.12s}.topbar{animation:fade-in var(--base) var(--ease) both}.queue-item{position:relative;animation:rise-in var(--base) var(--ease) both;animation-delay:calc(min(var(--i, 0),8)*30ms);transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),opacity var(--base) var(--ease)}.queue-item:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--brand);transform:scaleY(0);transition:transform var(--fast) var(--ease-mark)}.queue-item.is-selected:before{transform:scaleY(1)}.queue-item .chip{transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.segmented button{transition:background var(--fast) var(--ease),color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--press) var(--ease)}.segmented button:active{transform:scale(.96)}.toggle-track:after{transition:transform var(--fast) var(--ease-mark),background var(--fast) var(--ease)}.chip-toggles button{transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease),background var(--fast) var(--ease)}.chip-toggles button[aria-pressed=true]{animation:pop var(--base) var(--ease-mark)}.section>summary:after{transition:transform var(--base) var(--ease)}.section[open]>.section-body{animation:drop-in var(--base) var(--ease)}dialog.picker[open]{animation:rise-in .3s var(--ease)}dialog.picker[open]::backdrop{animation:fade-in .3s var(--ease)}.picker-card{animation:rise-in var(--base) var(--ease) both;animation-delay:calc(min(var(--i, 0),12)*20ms);transition:transform var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.picker-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 10px 24px -14px var(--shadow)}.picker-card .tick{animation:pop var(--base) var(--ease-mark)}.toast{animation:rise-in var(--base) var(--ease) both}.spin{animation:spin .8s linear infinite}.btn.primary.is-ready{animation:breathe 2.8s var(--ease-ambient) infinite}.btn.primary.is-ready:hover{animation:none}.stage-badge{animation:drop-in var(--fast) var(--ease)}.result-card{animation:rise-in var(--base) var(--ease) both;animation-delay:calc(min(var(--i, 0),10)*40ms);transition:border-color var(--base) var(--ease)}.result-card.is-done{border-color:color-mix(in srgb,var(--brand),transparent 70%)}.result-card.is-done .chip.ok{animation:pop var(--base) var(--ease-mark)}.progress.is-running>i{background:linear-gradient(90deg,var(--brand) 0%,color-mix(in srgb,var(--brand),white 45%) 50%,var(--brand) 100%) 0 0 / 160px 100% repeat-x;animation:shimmer 1.4s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:1ms!important}}@media(min-width:1181px){.shell{height:100vh}.workspace{min-height:0;overflow:hidden;align-items:stretch}.workspace>*{min-height:0}.queue{position:static;max-height:none}.editor{overflow-y:auto;align-self:stretch}.stage{flex:1 1 auto;height:auto;min-height:220px}.settings-rail{overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}}