.app-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #0d1014, var(--bg));height:var(--header-height);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 22px;display:flex}.app-header .brand{flex-wrap:wrap;align-items:baseline;gap:14px;min-width:0;display:flex}.app-header h1{font-family:var(--serif);letter-spacing:.5px;margin:0;font-size:28px;font-weight:400}.app-header .tag{color:var(--fg-mute);text-transform:uppercase;letter-spacing:.18em;font-size:11px}.app-header .status{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;align-self:center;font-size:11px;line-height:1}.app-header .dot{vertical-align:baseline;background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-right:9px;display:inline-block;position:relative;bottom:0}@supports (height:1cap){.app-header .dot{bottom:calc(.5cap - 4px)}}.app-header .status[data-online=false] .dot{background:var(--err);box-shadow:none}@media (width<=620px){.app-header{flex-direction:column;align-items:flex-start;gap:6px;height:auto}}.player{border:1px solid var(--border);background:#07090b;flex-direction:column;min-width:0;max-width:100%;display:flex;box-shadow:0 18px 40px #00000080}.player:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.player-frame{background:#000;align-self:center;max-width:100%;position:relative;overflow:hidden}.player-frame video{cursor:pointer;background:#000;max-width:none;max-height:none;transition:transform .14s;display:block;position:absolute;top:50%;left:50%}.player.is-fullscreen{border:none;justify-content:center;width:100%;height:100%}.player.is-fullscreen .player-frame{max-height:calc(100vh - 96px);margin:auto}.player-bar{border-top:1px solid var(--border);background:var(--panel);padding:20px 10px 8px}.timeline{cursor:pointer;touch-action:none;height:30px;margin-bottom:10px;position:relative}.timeline>span{pointer-events:none;height:4px;position:absolute;top:13px}.timeline>.tl-track{background:var(--border-2);left:0;right:0}.timeline>.tl-buffered{background:#2f3841;left:0}.timeline>.tl-outside{background:linear-gradient(#0b0d10c7,#0b0d10c7),repeating-linear-gradient(45deg,#8b949e47 0 3px,#0000 3px 6px);height:12px;top:9px}.timeline>.tl-range{background:#d6ff3f1a;border-top:1px solid #d6ff3f59;border-bottom:1px solid #d6ff3f59;height:12px;top:9px}.timeline>.tl-played{background:var(--accent);left:0}.timeline>.tl-head{background:var(--fg);z-index:3;width:3px;height:26px;margin-left:-1px;top:2px;box-shadow:0 0 6px #000000e6}.timeline>.tl-head:after{content:"";background:var(--fg);width:9px;height:6px;position:absolute;top:-2px;left:-3px}.timeline>.tl-handle{cursor:ew-resize;touch-action:none;z-index:2;pointer-events:auto;background:0 0;width:16px;height:30px;margin-left:-8px;top:0}.timeline>.tl-handle:before{content:"";border-top:3px solid var(--accent);border-bottom:3px solid var(--accent);width:7px;position:absolute;top:3px;bottom:3px;box-shadow:0 0 8px #d6ff3f59}.timeline>.tl-handle.in:before{border-left:4px solid var(--accent);left:5px}.timeline>.tl-handle.out:before{border-right:4px solid var(--accent);right:5px}.timeline>.tl-handle:after{content:attr(data-label);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:0;font-size:8px;font-weight:700;transition:opacity .12s;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.timeline>.tl-handle:hover:after,.timeline.is-dragging>.tl-handle:after{opacity:1}.timeline>.tl-handle:hover:before{border-color:#e7ff66}.timeline.is-dragging{cursor:grabbing}.timeline>.tl-hover{background:var(--bg);border:1px solid var(--border-2);height:auto;color:var(--fg-dim);letter-spacing:.1em;white-space:nowrap;z-index:4;padding:1px 5px;font-size:9px;top:-11px;transform:translate(-50%)}.player-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pbtn{letter-spacing:.12em;background:var(--panel-2);border:1px solid var(--border);min-width:28px;height:26px;color:var(--fg-dim);justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.pbtn.wide{padding:0 9px}.pbtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pbtn.is-on{border-color:var(--accent);color:var(--accent);background:#d6ff3f14}.pclock{color:var(--accent);letter-spacing:.06em;white-space:nowrap;margin-left:6px;font-size:11px}.pclock em{color:var(--fg-mute);margin-left:4px;font-style:normal}.prange{border:1px solid var(--border);background:var(--panel-2);letter-spacing:.08em;color:var(--fg-dim);white-space:nowrap;margin-left:10px;padding:3px 8px;font-size:10px}.prange b{color:var(--fg-mute);text-transform:uppercase;letter-spacing:.18em;margin-right:2px;font-weight:700}.prange b+span,.prange em{font-style:normal}.prange em{color:var(--accent);margin-left:8px}.pspacer{flex:auto;min-width:8px}.pvolume{align-items:center;gap:4px;display:inline-flex}.pvolume input[type=range]{width:64px;accent-color:var(--accent)}@media (width<=720px){.prange,.pvolume input[type=range]{display:none}}.out-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;min-width:0;margin-bottom:14px;padding-bottom:14px;display:flex}.meta{flex-wrap:wrap;gap:18px;min-width:0;display:flex}.meta .m{flex-direction:column;display:flex}.meta .m .k{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-mute);font-size:9px}.meta .m .v{color:var(--fg);word-break:break-word;font-size:13px}.meta .m .v.is-good{color:var(--accent)}.meta .m .v.is-bad{color:var(--warn)}.out-actions{flex:none;align-items:center;gap:8px;display:flex}.out-actions button{height:36px;padding:9px 16px}.out-progress{flex-direction:column;gap:5px;min-width:168px;display:flex}.op-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.op-head b{color:var(--warn);letter-spacing:.06em;font-size:13px;font-weight:700}.op-head em{color:var(--fg-mute);letter-spacing:.08em;white-space:nowrap;font-size:11px;font-style:normal}.op-track{background:var(--border-2);height:3px;display:block;overflow:hidden}.op-fill{background:var(--warn);height:100%;transition:width .2s linear;display:block}.download-btn{letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--accent);background:var(--accent);color:#0a0c00;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background .12s;display:inline-flex}.download-btn:hover{background:#e7ff66}.download-btn.is-disabled{pointer-events:none;opacity:.35;background:var(--panel);border-color:var(--border-2);color:var(--fg-dim)}.preview-note{border:1px solid var(--border-2);background:var(--panel-2);color:var(--fg-dim);letter-spacing:.06em;margin:0 0 12px;padding:8px 12px;font-size:11px}.stage{border:1px solid var(--border);background:repeating-conic-gradient(#0e1115 0% 25%,#0a0d10 0% 50%) 0 0/16px 16px;flex:1;justify-content:center;align-items:center;min-height:220px;padding:16px;display:flex;overflow:auto}.stage img{background:#000;max-width:100%;max-height:72vh;display:block;box-shadow:0 0 0 1px #000,0 18px 40px #00000080}.stage .placeholder{color:var(--fg-mute);text-align:center;letter-spacing:.18em;text-transform:uppercase;padding:24px;font-size:12px}.stage .placeholder .big{font-family:var(--serif);color:var(--fg-dim);text-transform:none;letter-spacing:0;margin-bottom:6px;font-size:38px;display:block}.stage .placeholder.is-error .big{color:var(--err)}.stage{position:relative}.stage-badge{z-index:1;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-mute);border:1px solid var(--border-2);background:#0b0d10db;padding:4px 8px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.stage-badge[data-kind=output]{color:var(--accent);border-color:var(--accent)}.stage-overlay{z-index:1;color:var(--warn);letter-spacing:.18em;text-transform:uppercase;background:#0b0d10d1;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex;position:absolute;inset:0}.stage-overlay .big{font-family:var(--serif);color:var(--fg);text-transform:none;letter-spacing:0;font-size:44px}.stage-badge.is-preview{color:var(--warn);border-color:#4a3b1a;left:auto;right:8px}.drop{text-align:center;cursor:pointer;border:1px dashed var(--border-2);background:0 0;padding:32px 18px 28px;transition:border-color .12s,background .12s,color .12s;display:block;position:relative}.drop:hover:not(.is-disabled){border-color:var(--accent-dim)}.drop:hover:not(.is-disabled) h2{color:var(--accent)}.drop:focus-within{border-color:var(--accent)}.drop.is-disabled{cursor:not-allowed;opacity:.5}.drop h2{font-family:var(--serif);color:var(--fg);margin:0 0 6px;font-size:22px;font-weight:400}.drop p{color:var(--fg-mute);letter-spacing:.06em;margin:0;font-size:11px}.drop input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop .filemeta{color:var(--accent);word-break:break-all;margin-top:10px;font-size:11px;display:block}.drop .filemeta em{color:var(--fg-dim);letter-spacing:.06em;margin-top:4px;font-style:normal;display:block}.section{margin-bottom:22px}.section-title{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:10px;margin:0 0 10px;font-size:10px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--accent);flex:none;width:6px;height:6px;display:inline-block}.title-aux{color:var(--fg-mute);letter-spacing:.12em;text-transform:none;margin-left:-2px;font-size:10px;font-weight:400}.title-aux.active{color:var(--accent)}.control{border-bottom:1px dotted var(--border);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:9px 0;display:grid}.control:last-child{border-bottom:none}.control.is-disabled .label,.control.is-disabled .value{opacity:.4}.control input[type=range]{width:100%;min-width:0;accent-color:var(--accent);grid-column:1/-1}.control input[type=range]:disabled{accent-color:var(--fg-mute);opacity:.5;cursor:not-allowed}.segmented{flex-wrap:wrap;gap:4px;margin:2px 0 10px;display:flex}.segmented.is-disabled{opacity:.4}.segment{letter-spacing:.12em;background:var(--panel-2);border:1px solid var(--border);min-width:44px;color:var(--fg-dim);flex:auto;padding:7px 6px;font-size:10px;font-weight:700}.segment:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent)}.segment.is-active{border-color:var(--accent);color:var(--accent);background:#d6ff3f14}.segment:disabled{opacity:.35;cursor:not-allowed}.toggle-row{align-items:center}.toggle{cursor:pointer;flex-shrink:0;width:36px;height:18px;display:inline-block;position:relative}.toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle-track{background:var(--panel-2);border:1px solid var(--border-2);border-radius:10px;transition:background .14s,border-color .14s;position:absolute;inset:0}.toggle-track:after{content:"";background:var(--fg-mute);border-radius:50%;width:12px;height:12px;transition:transform .14s,background .14s;position:absolute;top:1px;left:2px}.toggle input:checked+.toggle-track{border-color:var(--accent);background:#d6ff3f24}.toggle input:checked+.toggle-track:after{background:var(--accent);transform:translate(18px)}.toggle input:disabled+.toggle-track{opacity:.4}.link-btn{color:var(--fg-dim);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border-2);text-decoration-color:var(--border-2);text-underline-offset:3px;background:0 0;border:none;margin:0;padding:6px 0 0;font-size:10px}.link-btn:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.warn{color:var(--warn);letter-spacing:.04em;background:#1d160a;border:1px solid #4a3b1a;margin:10px 0 0;padding:10px 12px;font-size:11px}.live{background:var(--panel-2);border:1px solid var(--border);grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;margin-top:14px;padding:12px 14px;display:grid}.live-dot{background:var(--fg-mute);border-radius:50%;width:9px;height:9px;transition:background .15s,box-shadow .15s}.live-text{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.live-bar{background:var(--border-2);grid-column:1/-1;height:2px;overflow:hidden}.live-bar-fill{background:var(--accent);height:100%;transition:width .2s linear;display:block}.live[data-state=uploading] .live-dot,.live[data-state=rendering] .live-dot{background:var(--warn);animation:.9s ease-in-out infinite pulse}.live[data-state=uploading] .live-text,.live[data-state=rendering] .live-text{color:var(--warn)}.live[data-state=ready] .live-dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.live[data-state=ready] .live-text{color:var(--accent)}.live[data-state=error] .live-dot{background:var(--err)}.live[data-state=error] .live-text{color:var(--err)}.toast{background:var(--accent);color:#0a0c00;letter-spacing:.18em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:50;text-align:center;max-width:min(90vw,520px);padding:10px 16px;font-size:11px;font-weight:700;transition:opacity .18s,transform .18s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.err{background:var(--err);color:#1a0000}.info{margin-left:-4px;display:inline-flex;position:relative}.info-btn{width:14px;height:14px;font-family:var(--serif);letter-spacing:0;text-transform:none;color:var(--fg-mute);border:1px solid var(--border-2);cursor:help;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:400;line-height:1;display:inline-flex}.info-btn:hover:not(:disabled),.info-btn:focus-visible,.info-btn.is-open{color:var(--accent);border-color:var(--accent)}.info-panel{z-index:30;background:var(--panel-2);border:1px solid var(--border-2);width:320px;max-width:min(320px,100vw - 60px);color:var(--fg-dim);letter-spacing:.02em;text-transform:none;padding:12px 14px;font-size:11px;font-weight:400;line-height:1.65;display:block;position:absolute;top:calc(100% + 8px);left:-6px;box-shadow:0 14px 30px #0009}.info-panel:after{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.info-panel:before{content:"";background:var(--panel-2);border-left:1px solid var(--border-2);border-top:1px solid var(--border-2);width:8px;height:8px;position:absolute;top:-5px;left:8px;transform:rotate(45deg)}.info-panel p{margin:0 0 8px}.info-panel p:last-child{margin-bottom:0}.info-panel b{color:var(--fg);font-weight:700}.info-panel kbd{font-family:var(--mono);color:var(--fg);background:var(--panel);border:1px solid var(--border-2);margin:0 1px;padding:1px 5px;font-size:10px;display:inline-block}.info-panel em{color:var(--accent);font-style:normal}.sub-label{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin:12px 0 2px;font-size:11px}.value .hint{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);font-size:9px;font-style:normal;font-weight:400;display:block}.estimate{background:var(--panel-2);border:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;display:flex}.estimate .k{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.estimate .v{font-family:var(--serif);color:var(--accent);white-space:nowrap;font-size:26px}.estimate .v small{color:var(--fg-mute);font-family:var(--mono);margin-left:6px;font-size:11px}.estimate-detail{letter-spacing:.04em;color:var(--fg-mute);word-break:break-word;margin:8px 0 0;font-size:11px}.actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.actions button:only-child{grid-column:1/-1}.app{flex-direction:column;height:100%;display:flex}main{flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.pane{min-width:0;padding:22px;overflow:auto}.pane.left{width:var(--pane-width);flex:0 0 var(--pane-width);border-right:1px solid var(--border);background:#0c0f12}.pane.right{background:repeating-linear-gradient(45deg, transparent 0 12px, #ffffff03 12px 13px), var(--bg);flex-direction:column;flex:auto;min-width:0;display:flex}.boot{justify-content:center;align-items:center;padding:40px}.boot .placeholder{color:var(--fg-mute);text-align:center;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.boot .placeholder .big{font-family:var(--serif);color:var(--fg-dim);text-transform:none;letter-spacing:0;margin-bottom:6px;font-size:38px;display:block}@media (width<=980px){.app{height:auto;min-height:100%}main{flex-direction:column;overflow:visible}.pane{overflow:visible}.pane.left{border-right:none;border-bottom:1px solid var(--border);flex:none;width:100%}.pane.right{min-height:60vh}}.drop-veil{z-index:100;border:2px dashed var(--accent);color:var(--fg-mute);letter-spacing:.18em;text-transform:uppercase;pointer-events:none;background:#0b0d10e0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex;position:fixed;inset:0}.drop-veil .big{font-family:var(--serif);color:var(--accent);text-transform:none;letter-spacing:0;font-size:46px}:root{--bg:#0b0d10;--panel:#111418;--panel-2:#161a1f;--border:#1f242b;--border-2:#2a313a;--fg:#e6e8eb;--fg-dim:#8b949e;--fg-mute:#5b6472;--accent:#d6ff3f;--accent-dim:#9bbf2c;--warn:#ff9f43;--err:#ff5c5c;--mono:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--serif:"DM Serif Display", ui-serif, Georgia, serif;--pane-width:420px;--header-height:56px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45}#root{height:100%}a{color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg-mute)}::-webkit-scrollbar-corner{background:var(--bg)}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.value{color:var(--accent);text-align:right;font-size:13px;font-weight:700}button{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--border-2);background:var(--panel);color:var(--fg);cursor:pointer;padding:12px 14px;font-size:12px;font-weight:700;transition:background .12s,border-color .12s,color .12s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#0a0c00;border-color:var(--accent)}button.primary:hover:not(:disabled){color:#0a0c00;background:#e7ff66}button.danger:hover:not(:disabled){border-color:var(--err);color:var(--err)}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}