:root{--bg: #16181c;--panel: #1d2026;--panel-2: #23272f;--line: #2e333d;--text: #e7e9ee;--muted: #8b93a1;--accent: #3b9dff;--cut: #ff5a52;--restart: #ffb53b;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px -apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{height:100%;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:600;letter-spacing:.2px}.brand span{color:var(--accent)}.proj-name{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 10px;min-width:220px;font-size:13px}.spacer{flex:1}.marker-count{color:var(--cut);font-size:12px;font-weight:600}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:13px}.btn:hover{background:#2b313b}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06203b;font-weight:600}.btn.ghost{background:transparent}.menu{position:relative}.menu-pop{position:absolute;right:0;top:110%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:6px;min-width:180px;display:none;flex-direction:column;gap:2px;z-index:20;box-shadow:0 12px 30px #00000073}.menu:hover .menu-pop{display:flex}.menu-pop button{background:transparent;border:0;color:var(--text);text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px}.menu-pop button:hover{background:var(--accent);color:#06203b}.menu-pop .sep{height:1px;background:var(--line);margin:4px 2px}.layout{flex:1;display:grid;grid-template-columns:1fr 460px;min-height:0}.viewer{display:flex;flex-direction:column;padding:14px;gap:12px;min-height:0}.editor{border-left:1px solid var(--line);background:var(--panel);min-height:0;display:flex}.video-wrap{background:#000;border-radius:var(--radius);overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.video-wrap video{width:100%;height:100%;object-fit:contain}.video-missing{color:var(--muted);text-align:center;padding:24px}.tk{display:flex;flex-direction:column;flex:1;min-height:0}.tk-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#1c2530;border-bottom:1px solid var(--line);font-size:13px;color:var(--text)}.tk-banner .tk-step2 strong{color:var(--accent)}.tk-banner .btn{padding:5px 10px}.tk-overview{position:relative;height:56px;margin:10px 12px 0;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer;flex:none}.tk-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tk-band{position:absolute;top:0;bottom:0;background:#2faf6a4d;border-left:2px solid #2faf6a;border-right:2px solid #2faf6a}.tk-band .edge{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;background:#2faf6a;opacity:0}.tk-band:hover .edge{opacity:.6}.tk-band .edge.a{left:-4px}.tk-band .edge.b{right:-4px}.tk-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.tk-controls{display:flex;align-items:center;gap:8px;padding:8px 14px}.tk-list{flex:1;overflow-y:auto;padding:4px 8px}.tk-row{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:4px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .1s,border-color .1s}.tk-row:hover{background:var(--panel-2)}.tk-row.active{border-color:var(--accent)}.tk-row.pending{border-color:var(--accent);background:#1d2733}.tk-row.kept{background:#16271d;border-color:#2faf6a55}.tk-row.kept .tk-text{color:#cfeede}.tk-play{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:14px;padding:0 4px}.tk-play:hover{color:var(--accent)}.tk-text{flex:1;font-size:15px;line-height:1.4}.tk-text .line{white-space:pre-wrap}.tk-check{min-width:22px;width:22px;height:22px;border-radius:6px;border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:#06203b;font-weight:800}.tk-check.on{background:#2faf6a;border-color:#2faf6a}.tk-row{-webkit-user-select:none;user-select:none}.tk-summary{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:var(--panel)}.tk-summary .btn.primary:disabled{opacity:.4;cursor:not-allowed}.timeline{position:relative;height:38px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;cursor:pointer;overflow:hidden}.timeline .seg{position:absolute;top:8px;height:22px;background:#3a4250;border-radius:3px}.timeline .seg.marker-cut{background:var(--cut)}.timeline .seg.marker-restart{background:var(--restart)}.timeline .playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff}.readout{display:flex;align-items:center;gap:6px;color:var(--text)}.tc{font-variant-numeric:tabular-nums;color:var(--muted)}.tc.big{font-size:16px;color:var(--text)}.muted{color:var(--muted)}.blocklist{flex:1;overflow-y:auto;padding:10px}.empty{color:var(--muted);padding:20px;text-align:center}.block{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid transparent;border-radius:8px;padding:8px 10px;margin-bottom:8px;cursor:pointer;transition:border-color .12s,background .12s}.block:hover{background:#262b34}.block.active{border-left-color:var(--accent);background:#232a36}.block.selected{border-color:var(--accent)}.block.marker-cut{border-left-color:var(--cut)}.block.marker-restart{border-left-color:var(--restart)}.block-head{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:6px}.tc-arrow{color:var(--muted)}.spk{background:#313846;color:#b9c2d0;border-radius:4px;padding:1px 6px;font-size:10px}.block-tools{display:flex;gap:4px;opacity:0;transition:opacity .12s}.block:hover .block-tools,.block.selected .block-tools{opacity:1}.chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:2px 7px;font-size:11px;cursor:pointer}.chip.cut.on{background:var(--cut);color:#2a0907;border-color:var(--cut)}.chip.restart.on{background:var(--restart);color:#2a1a02;border-color:var(--restart)}.chip.del:hover{color:var(--cut);border-color:var(--cut)}.chip.look{color:#8fd0ff}.chip.look:hover{color:var(--accent);border-color:var(--accent)}.block-source{display:flex;gap:6px;align-items:baseline;margin-bottom:6px;padding:5px 8px;background:#1a1f27;border-radius:6px;border-left:2px solid #3a4250}.block-source .src-tag{font-size:9px;font-weight:700;color:#7f8aa0;background:#262c36;border-radius:3px;padding:1px 5px;letter-spacing:.5px;flex:none}.block-source .src-text{font-size:13px;color:#9aa4b4;font-style:italic}.block-text{font-size:15px;line-height:1.4}.block-text .line{white-space:pre-wrap}.block-edit{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--accent);border-radius:6px;padding:8px;font:inherit;font-size:15px;line-height:1.4;resize:vertical}.drop-stage{align-items:center;justify-content:center}.dropzone{margin:auto;width:min(620px,90vw);height:min(360px,70vh);border:2px dashed var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;background:var(--panel)}.dropzone.over{border-color:var(--accent);background:#1b2530}.dz-inner{text-align:center;color:var(--muted);padding:24px}.dz-mark{color:var(--accent);margin-bottom:8px}.dz-inner h2{color:var(--text);margin:6px 0;font-size:20px}.dz-inner p{max-width:380px;margin:0 auto 16px}.processing{margin:auto;text-align:center;color:var(--muted);padding:30px}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin:0 auto 14px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.phase{color:var(--text);margin-bottom:10px}.bar{width:220px;height:6px;background:var(--panel-2);border-radius:3px;margin:0 auto;overflow:hidden}.bar .fill{height:100%;background:var(--accent);transition:width .2s}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--line);padding:10px 16px;border-radius:10px;box-shadow:0 10px 30px #00000080;cursor:pointer}.toast.error{border-color:var(--cut);color:#ffd7d4}.toast.notice{border-color:var(--accent);color:#d6ecff;max-width:520px}.stepbar{display:flex;gap:8px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line)}.step{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:8px 14px;cursor:pointer;font-size:13px;font-weight:600}.step .num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--line);color:var(--text);font-size:11px}.step.on{color:var(--text);border-color:var(--accent);background:#1d2733}.step.on .num{background:var(--accent);color:#06203b}.timeline .seg.kept{background:#2faf6a}.timeline .seg.dropped{background:#333a45;opacity:.5}.keep-wrap{display:flex;flex-direction:column;flex:1;min-height:0}.keep-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#1c2530;border-bottom:1px solid var(--line)}.keep-instr{font-size:13px;color:var(--text)}.keep-instr span{color:var(--muted)}.keep-banner-btns{margin-left:auto;display:flex;gap:6px}.keep-list{flex:1;overflow-y:auto;padding:10px}.keep-row{display:flex;align-items:stretch;gap:10px;padding:8px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;background:var(--panel-2);transition:opacity .12s,border-color .12s,background .12s}.keep-row.active{border-color:var(--accent)}.keep-row.dropped{opacity:.5}.keep-row.dropped .keep-text .line{text-decoration:line-through;color:var(--muted)}.keep-row.kept{background:#1d2a22;border-color:#2faf6a55}.keep-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:76px;background:var(--panel);border:1px solid var(--line);border-radius:8px;cursor:pointer;padding:6px}.keep-toggle .box{width:24px;height:24px;border-radius:6px;border:2px solid var(--muted);display:flex;align-items:center;justify-content:center;color:#06203b;font-weight:800}.keep-toggle .kw{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700}.keep-toggle.on{border-color:#2faf6a;background:#173123}.keep-toggle.on .box{background:#2faf6a;border-color:#2faf6a}.keep-toggle.on .kw{color:#7ee2a8}.keep-text{flex:1;font-size:15px;line-height:1.4;cursor:pointer;align-self:center}.keep-text .line{white-space:pre-wrap}.keep-play{background:transparent;border:0;color:var(--muted);font-size:16px;cursor:pointer;padding:0 6px}.keep-play:hover{color:var(--accent)}.keep-summary{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:var(--panel)}.keep-count{font-size:14px}.keep-summary .btn.primary:disabled{opacity:.4;cursor:not-allowed}.proj-name.readonly{background:transparent;border:0;color:var(--text);font-weight:600;min-width:0}.centered{text-align:center;color:var(--text);max-width:460px;padding:24px}.centered h2{margin:8px 0}.centered .muted{line-height:1.5}.brand.big{font-size:22px;margin-bottom:6px}.code-input{font:600 24px ui-monospace,monospace;letter-spacing:4px;text-align:center;text-transform:uppercase;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px 16px;width:200px;margin:6px auto}.code-pill{font:600 12px ui-monospace,monospace;letter-spacing:1px;color:#cdb9ff;background:#241c3a;border:1px solid #3a2f5a;border-radius:5px;padding:3px 8px}.sent-tick{font-size:11px;font-weight:600;padding:3px 9px;border-radius:5px;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.sent-tick.on{background:#143a23;color:#7ee2a8;border-color:#2faf6a55}.done-tick{width:64px;height:64px;border-radius:50%;background:#173123;color:#2faf6a;display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 14px}.alert-banner{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 18px;background:linear-gradient(90deg,#14304a,#1d3a55);border-bottom:1px solid var(--accent);color:#e7f1ff;font-weight:600;animation:alertIn .25s ease}.alert-banner .alert-bell{font-size:16px;animation:ring .6s ease 2}.alert-banner .dismiss{color:#9fc3e8;font-weight:400;font-size:12px}@keyframes alertIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ring{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-14deg)}}.authoring-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;max-width:980px;width:100%;margin:0 auto}.new-job,.jobs{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.new-job h3,.jobs h3{margin:0 0 8px;font-size:15px}.new-job .row{display:flex;gap:8px;align-items:center;margin-top:10px}.new-job .proj-name{flex:1}.busy{margin-top:12px;display:flex;align-items:center;gap:10px}.busy .bar{width:200px}.newlink{margin-top:12px;display:flex;gap:8px;align-items:center}.newlink .proj-name{flex:1}.jobs-head{display:flex;align-items:center}.danger-ghost:hover{color:var(--cut);border-color:var(--cut)}.job-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid var(--line)}.job-row:first-of-type{border-top:0}.job-name{font-weight:600}.job-meta{font-size:12px}.state-chip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:5px;min-width:64px;text-align:center}.state-chip.s-created{background:#2a2f38;color:#aab3c2}.state-chip.s-opened{background:#14304a;color:#7cc1ff}.state-chip.s-working{background:#3a2f12;color:#ffce6b}.state-chip.s-done{background:#143a23;color:#7ee2a8}.hot-corner{position:fixed;right:0;bottom:0;width:28px;height:28px;cursor:default;z-index:5}.brand{cursor:pointer;-webkit-user-select:none;user-select:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(560px,92vw);max-height:88vh;overflow:auto;box-shadow:0 24px 60px #0000008c}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:15px}.modal .x{background:transparent;border:0;color:var(--muted);font-size:16px;cursor:pointer}.admin-login{padding:28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.admin-login input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;width:220px}.admin-body{padding:8px 18px 18px}.admin-body section{padding:14px 0;border-bottom:1px solid var(--line)}.admin-body section:last-of-type{border-bottom:0}.admin-body h4{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.row input{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:9px 11px}.status{font-size:12px;font-weight:600;padding:2px 8px;border-radius:5px}.status.ok{background:#143a23;color:#7ee2a8}.status.bad{background:#3a1414;color:#ff9a93}.hint{color:var(--muted);font-size:11px;margin:4px 0 0}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.field>span{color:var(--text);font-size:13px}.field select,.field input[type=number]{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 10px;min-width:150px}.field.check{justify-content:flex-start}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.grid2 .field input[type=number]{min-width:90px;width:90px}.modal-foot{display:flex;align-items:center;gap:12px;padding-top:14px}.ok-msg{color:#7ee2a8;font-size:12px}.form-err{color:#ff9a93;font-size:12px}.modal.admin.wide{width:min(960px,96vw)}.admin-tabs{display:flex;gap:4px;padding:10px 18px 0;border-bottom:1px solid var(--line)}.admin-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px 12px;font-size:13px;cursor:pointer}.admin-tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.logs-bar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{background:var(--panel-2);border:0;color:var(--muted);padding:6px 12px;font-size:12px;cursor:pointer;border-right:1px solid var(--line)}.seg button:last-child{border-right:0}.seg button.on{background:var(--accent);color:#06203b;font-weight:600}.logs-filter{flex:1;min-width:160px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 10px;font-size:12px}.logtable{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden}.logrow{border-bottom:1px solid var(--line)}.logrow:last-child{border-bottom:0}.logrow.has-meta .logline{cursor:pointer}.logrow.has-meta .logline:hover{background:#ffffff08}.logline{display:grid;grid-template-columns:52px 130px 1fr auto auto auto auto;gap:10px;align-items:center;padding:7px 12px;font-size:12px}.lvl{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;text-align:center;border-radius:4px;padding:2px 0}.lvl.info{background:#1a2733;color:#7fb6e6}.lvl.warn{background:#3a2c10;color:var(--restart)}.lvl.error{background:#3a1414;color:#ff8780}.logrow.error{background:#ff5a520d}.logrow.warn{background:#ffb53b0a}.lt{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lmsg{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lstep{color:var(--accent);font-size:11px}.lms{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.ljob{color:var(--muted);font-family:ui-monospace,monospace;font-size:11px;cursor:pointer}.ljob:hover{color:var(--accent);text-decoration:underline}.lchev{color:var(--muted)}.logmeta{margin:0;padding:10px 14px;background:#12141a;border-top:1px solid var(--line);color:#b9c2d0;font-size:11px;font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}.checklist{display:flex;flex-direction:column;gap:6px;margin:14px 0}.checkrow{display:grid;grid-template-columns:24px 140px 1fr;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.checkrow .dot{text-align:center;font-weight:700}.checkrow.ok .dot{color:#7ee2a8}.checkrow.bad{border-color:#5a2020;background:#ff5a520f}.checkrow.bad .dot{color:#ff8780}.checkrow .cname{color:var(--text)}.checkrow .cdetail{color:var(--muted)}