:root{color-scheme:light dark;--bg: #0f1115;--fg: #e6e8ec;--muted: #8a93a6;--accent: #4cc9f0;--ok: #80ed99;--warn: #ffb703;--err: #ef476f;--card: #161a22;--card-soft: #1b2030;--border: #232936;--cpu: #4cc9f0;--ram: #80ed99;--gpu: #ffb703;--vram: #ef476f;--on-accent: #0f1115;--hover-overlay: rgba(255, 255, 255, .04);--chip-bg: rgba(255, 255, 255, .05)}@media (prefers-color-scheme: light){:root{--bg: #ffffff;--fg: #1a1f29;--muted: #5b6473;--accent: #0b8fc4;--card: #f4f6f9;--card-soft: #eaeef3;--border: #d4dae2;--on-accent: #ffffff;--hover-overlay: rgba(0, 0, 0, .05);--chip-bg: rgba(0, 0, 0, .05)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Pretendard,Noto Sans KR,sans-serif;background:var(--bg);color:var(--fg)}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.header{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.heartbeat{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:.85rem;color:var(--muted)}.heartbeat .dot{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 0 currentColor;transition:background .2s,box-shadow .2s}.heartbeat.ok .dot{background:var(--ok);animation:pulse 1.6s ease-out infinite}.heartbeat.err .dot{background:var(--err)}.heartbeat.ok{color:var(--ok)}.heartbeat.err{color:var(--err)}.heartbeat.busy .dot{background:var(--warn)}.heartbeat.busy{color:var(--warn)}.session-slots{display:inline-flex;align-items:center;padding:.1rem .45rem;border:1px solid var(--border);border-radius:999px;font-size:.74rem;color:var(--muted);white-space:nowrap}.session-slots.full{color:var(--err);border-color:var(--err)}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--card)}.view-toggle button{border:none;background:transparent;color:var(--muted);padding:.3rem .8rem;font-size:.82rem;font-weight:600;cursor:pointer}.view-toggle button.active{background:var(--accent);color:var(--on-accent)}@keyframes pulse{0%{box-shadow:0 0 #80ed998c}70%{box-shadow:0 0 0 8px #80ed9900}to{box-shadow:0 0 #80ed9900}}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;flex:1 1 auto;min-width:0;width:auto;max-width:100%}.header-right{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:.75rem}.metric-card{position:relative;padding:.4rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:8px;width:100%;min-width:0;min-height:48px;overflow:hidden}.metric-card .metric-bars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.metric-card .metric-text{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:.5rem;align-items:baseline;min-width:0}.metric-card .label{grid-row:1;grid-column:1;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.metric-card .value{grid-row:1;grid-column:3;font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}.metric-card .meta{grid-row:2;grid-column:1 / span 3;font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.metric-card.cpu .value{color:var(--cpu)}.metric-card.ram .value{color:var(--ram)}.metric-card.gpu .value{color:var(--gpu)}.metric-card.vram .value{color:var(--vram)}.metric-card.disk .value{color:var(--accent)}.main{display:grid;grid-template-rows:var(--split-top, 60%) 8px 1fr;gap:.4rem;padding:.75rem 1rem;overflow:hidden;min-height:0}.main.horizontal{grid-template-columns:var(--split-top, 60%) 8px 1fr;grid-template-rows:1fr}.main.horizontal .split-top,.main.horizontal .split-bottom{min-width:0}.main .split-top{min-height:0;overflow:hidden}.main .split-bottom{display:flex;flex-direction:column;gap:.6rem;min-height:0;overflow:hidden}.tabbed-panel{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.tabs{display:flex;gap:.3rem;margin-bottom:.4rem}.tabs .tab{border:1px solid var(--border);background:var(--card);color:var(--muted);padding:.3rem .8rem;border-radius:6px 6px 0 0;font-size:.82rem;font-weight:600;cursor:pointer}.tabs .tab.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.tabbed-panel .tab-body{flex:1 1 auto;min-height:0;flex-direction:column}.speaker-strip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;gap:10px;align-items:center;justify-content:center;padding:12px;background:#0b0d10;border-radius:6px}.speaker-tile{position:relative;height:100%;display:flex;align-items:center;justify-content:center;border:3px solid transparent;border-radius:6px;overflow:hidden;background:#000}.speaker-tile.active{border-color:#80ed99f2;box-shadow:0 0 12px #80ed9959}.speaker-tile canvas{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}.speaker-tile .tile-label{position:absolute;top:4px;left:4px;background:#4cc9f0eb;color:var(--on-accent);font-weight:700;font-size:.85rem;padding:0 .4rem;border-radius:3px}.speaker-tile.active .tile-label{background:#80ed99f2}.main .split-handle{display:flex;align-items:center;justify-content:center;cursor:row-resize;background:var(--card-soft);border-radius:4px;border:1px solid var(--border);-webkit-user-select:none;user-select:none}.main .split-handle:hover{background:var(--border)}.main .split-handle .grip{width:36px;height:3px;border-radius:2px;background:var(--muted);opacity:.7}.main.horizontal .split-handle{cursor:col-resize}.main.horizontal .split-handle .grip{width:3px;height:36px}.panel{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel h2{margin:0 0 .4rem;font-size:.85rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.media-panel{display:grid;grid-template-rows:auto 1fr auto;gap:.6rem;min-height:0}.video-stack{position:relative;min-height:0}.video-wrap{position:relative;background:#000;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:280px;height:100%}.video-wrap video,.video-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.video-wrap canvas{pointer-events:none}.video-wrap .placeholder{color:var(--muted);font-size:.9rem}.video-wrap .lock-shield{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f111540;color:#ffffffd9;font-size:.95rem;font-weight:600;letter-spacing:.05em;pointer-events:auto;cursor:not-allowed;-webkit-user-select:none;user-select:none;z-index:5}.video-wrap.locked video{pointer-events:none}.current-prompt{display:flex;align-items:stretch;gap:.6rem;padding:.6rem .8rem;background:var(--card-soft);border:1px solid var(--border);border-radius:6px;min-height:4.4rem;flex-wrap:nowrap}.cp-body{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:.4rem .6rem}.current-prompt .text{font-size:1.05rem;font-weight:600;color:var(--fg);flex:1 1 auto;word-break:break-word;line-height:1.4;min-height:2.94rem}.doa-indicator{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding-right:.7rem;margin-right:.2rem;border-right:1px solid var(--border);align-self:stretch;justify-content:center}.doa-indicator svg{display:block}.doa-ring{fill:none;stroke:var(--border);stroke-dasharray:3 3}.doa-front{fill:var(--muted);font-size:8px}.doa-mic{fill:var(--accent, #4cc9f0)}.doa-mic-num{fill:#06121f;font-size:7px;font-weight:700}.doa-center{fill:var(--muted)}.doa-arrow{stroke:var(--accent, #4cc9f0);stroke-width:2.5}.doa-text{text-align:center;line-height:1.15}.doa-text .doa-ch{font-size:.6rem;color:var(--muted)}.doa-text .doa-az{font-size:.78rem;font-weight:700;color:var(--fg)}.current-prompt.idle .text{color:var(--fg);font-weight:400}.current-prompt .ph{color:var(--muted);font-size:.9rem}.current-prompt .time-chip{display:inline-block;padding:0 .4rem;border-radius:4px;background:var(--chip-bg);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.current-prompt .spk-chip{display:inline-block;padding:0 .4rem;border-radius:4px;background:#4cc9f026;color:var(--accent);font-weight:600;font-size:.8rem}.spk-pending{position:relative;min-width:1.7rem;display:inline-flex;align-items:center;justify-content:center;text-align:center}.spk-pending .spk-pending-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--accent);opacity:.3;pointer-events:none}.spk-pending .d{position:relative;z-index:1;display:inline-block;width:4px;height:4px;margin:0 1.5px;border-radius:50%;background:currentColor;vertical-align:middle;opacity:.25;animation:spkPendingDot 1.2s infinite ease-in-out}.spk-pending .d:nth-of-type(2){animation-delay:.2s}.spk-pending .d:nth-of-type(3){animation-delay:.4s}@keyframes spkPendingDot{0%,60%,to{opacity:.25}30%{opacity:1}}.current-prompt .emo-chip{display:inline-block;padding:0 .3rem;border-radius:4px;background:#ffb70326;color:var(--warn);font-size:1.05rem;line-height:1.2}.emo-ko{font-size:.78rem;font-weight:500;color:var(--muted);vertical-align:middle}.prep-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:999}.video-stack.prep-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;padding:0;z-index:1000;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #00000080}.video-stack.prep-modal .video-wrap{min-height:0}.bbox-editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.bbox-editor.add-mode{pointer-events:auto;cursor:crosshair;background:#00000014}.bbox-editor .bbox{position:absolute;border:2px solid var(--accent);background:#4cc9f01a;pointer-events:auto}.bbox-editor .bbox .bbox-body{position:absolute;top:0;right:0;bottom:0;left:0;cursor:move}.bbox-editor .bbox.drawing{border-style:dashed;background:#4cc9f00d;pointer-events:none}.bbox-editor .bbox .lbl{position:absolute;top:-1.2rem;left:0;font-size:.75rem;background:var(--accent);color:var(--on-accent);padding:0 .3rem;border-radius:3px;font-weight:700;pointer-events:none}.bbox-editor .bbox .bbox-name-input{position:absolute;top:-1.5rem;left:0;width:96px;font-size:.75rem;font-weight:700;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:3px;padding:.05rem .3rem;pointer-events:auto;font-family:inherit}.bbox-editor .bbox .bbox-name-input::placeholder{color:var(--on-accent);opacity:.55}.bbox-editor .bbox .bbox-name-input:focus{outline:2px solid var(--fg)}.bbox-editor .bbox .x{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:3px;background:#ef476fd9;color:#fff;font-size:.8rem;cursor:pointer;padding:0;line-height:16px;z-index:2}.bbox-editor .bbox-handle{position:absolute;width:12px;height:12px;background:var(--accent);border:1px solid #0f1115;border-radius:2px;z-index:2}.bbox-editor .bbox-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.bbox-editor .bbox-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.bbox-editor .bbox-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.bbox-editor .bbox-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.bbox-editor-toolbar{position:absolute;top:.6rem;left:.6rem;right:.6rem;display:flex;gap:.5rem;align-items:center;padding:.4rem .6rem;background:#0f1115e6;border:1px solid var(--border);border-radius:6px;z-index:11;pointer-events:auto}.bbox-editor .bbox-help{flex:1;display:flex;flex-direction:column;gap:.1rem;line-height:1.25}.bbox-editor .bbox-help .action{font-size:.85rem;color:var(--fg)}.bbox-editor .bbox-help .ratio{font-size:.78rem;color:var(--accent)}.bbox-editor-toolbar button{background:var(--accent);color:var(--on-accent);border:none;border-radius:4px;padding:.35rem .7rem;cursor:pointer;font-weight:600;font-size:.85rem}.bbox-editor-toolbar button.secondary{background:var(--card);color:var(--fg)}.bbox-editor-toolbar button[disabled]{opacity:.4;cursor:not-allowed}.scroll-panel{padding:0;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.scroll-panel .panel-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .8rem;color:var(--muted);border-bottom:1px solid var(--border);flex:0 0 auto}.scroll-panel .panel-header h2{margin:0;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:1}.scroll-panel .panel-header .panel-meta{font-size:.75rem;color:var(--muted)}.scroll-panel .transcript,.scroll-panel .sse-log{padding:.4rem .8rem .6rem;flex:1 1 auto}.timeline-view{flex:1 1 auto;min-height:0;overflow:auto;padding:.6rem .8rem}.timeline-zoom-inner{display:flex;flex-direction:column;gap:.5rem;min-width:100%}.timeline-zoom{display:inline-flex;gap:.25rem;margin-left:.5rem;flex:0 0 auto}.timeline-zoom button{background:var(--card-soft);color:var(--fg);border:1px solid var(--border);border-radius:5px;padding:.1rem .45rem;font-size:.8rem;font-weight:700;cursor:pointer;line-height:1.4}.timeline-zoom button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.timeline-zoom button:disabled{opacity:.4;cursor:not-allowed}.timeline-row{display:flex;align-items:center;gap:.5rem}.timeline-label{flex:0 0 28px;font-weight:700;font-size:.85rem;text-align:center}.timeline-track{position:relative;flex:1 1 auto;height:20px;background:var(--card-soft);border:1px solid var(--border);border-radius:4px;overflow:hidden}.timeline-track.seekable{cursor:pointer}.timeline-bar{position:absolute;top:2px;bottom:2px;border-radius:3px;opacity:.85;min-width:2px}.timeline-bar.pending{top:3px;bottom:3px;opacity:.9;border:1px dashed rgba(255,255,255,.7);background:repeating-linear-gradient(45deg,#8a93a68c,#8a93a68c 5px,#8a93a640 5px,#8a93a640 10px);animation:timelinePulse 1.2s ease-in-out infinite}@keyframes timelinePulse{0%,to{opacity:.55}50%{opacity:.95}}.timeline-ruler-row{margin-bottom:.1rem}.timeline-ruler{position:relative;flex:1 1 auto;height:16px;border-bottom:1px solid var(--border)}.timeline-tick{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.timeline-tick .tick-mark{width:1px;height:5px;background:var(--muted);opacity:.7}.timeline-tick .tick-label{font-size:.66rem;line-height:1;color:var(--muted);margin-top:1px;white-space:nowrap}.timeline-cursor{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;box-shadow:0 0 3px #fffc;pointer-events:none}.track-row .timeline-label{flex:0 0 44px}.track-canvas-wrap{position:relative;flex:1 1 auto;height:48px;background:var(--card-soft);border:1px solid var(--border);border-radius:4px;overflow:hidden}.track-canvas-wrap.seekable{cursor:pointer}.track-canvas-wrap canvas{display:block;width:100%;height:100%}.track-canvas-wrap .timeline-cursor{top:0;bottom:0}.summary-section{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.summary-section>label{font-size:.82rem;font-weight:600;color:var(--muted)}.summary-section-head,.summary-compare-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.summary-section-head>label,.summary-compare-head>label{font-size:.82rem;font-weight:600;color:var(--muted)}.summary-tools{display:flex;gap:.4rem}.summary-ta{width:100%;resize:vertical;background:var(--card-soft);border:1px solid var(--border);border-radius:6px;color:var(--fg);padding:.5rem .6rem;font-size:.85rem;line-height:1.45;font-family:inherit}.summary-ta[readonly]{color:var(--fg);opacity:.95;cursor:text;-webkit-user-select:text;user-select:text}.summary-transcript{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.summary-hint{font-size:.74rem;color:var(--muted)}.summary-saved{font-size:.78rem;color:var(--ok, #4ade80)}.summary-compare{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.35rem}.summary-compare select{background:var(--card-soft);border:1px solid var(--border);color:var(--fg);border-radius:5px;padding:.25rem .4rem;font-size:.8rem}.controls{display:flex;flex-direction:column;gap:.4rem}.controls .controls-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;width:100%}.controls .controls-row .ctrl-srt{margin-left:auto}.controls .status-inline{font-size:.82rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:40%}.controls .ctrl-srt{order:100}@media (max-width: 720px){.controls .status-inline{display:none}}.controls .file{display:inline-block;background:var(--border);color:var(--fg);border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;white-space:nowrap;font-family:inherit;font-size:.85rem;font-weight:600}.controls .file:hover{background:var(--accent);color:var(--on-accent)}.controls .file input{display:none}.controls .file-name{flex:1 1 120px;min-width:0;font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls button{background:var(--accent);color:var(--on-accent);border:none;border-radius:6px;padding:.5rem .9rem;cursor:pointer;font-weight:700;font-size:.9rem}.controls button[disabled]{opacity:.4;cursor:not-allowed}.controls button.secondary{background:var(--card-soft);color:var(--fg)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--muted);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;vertical-align:middle;margin-right:.4rem}@keyframes spin{to{transform:rotate(360deg)}}.transcript{overflow:auto;min-height:0}.transcript table{width:100%;border-collapse:collapse;font-size:.9rem}.transcript th,.transcript td{padding:.4rem .5rem;text-align:left;border-bottom:1px dashed var(--border);vertical-align:top}.transcript th{position:sticky;top:0;background:var(--card);color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.transcript td.time{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;width:110px}.transcript td.spk{width:70px}.transcript .spk-chip{display:inline-block;padding:0 .4rem;border-radius:4px;background:#4cc9f026;color:var(--accent);font-weight:600;font-size:.8rem}.transcript td.text{color:var(--fg);word-break:break-word}.transcript td.emo{width:64px;text-align:center}.transcript .emo-chip{display:inline-block;padding:0 .3rem;border-radius:4px;background:#ffb70326;color:var(--warn);font-size:1.05rem;line-height:1.2}.transcript .partial{color:var(--muted);font-style:italic}.sse-log{overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:var(--muted);white-space:pre-wrap;min-height:0}.sse-log .line{padding:.05rem 0;border-bottom:1px dashed transparent}.sse-log .line.err{color:var(--err)}.sse-log .line.ok{color:var(--ok)}.transcript tbody tr{transition:background-color .12s ease}.transcript tbody tr[data-seekable=true]{cursor:pointer}.transcript tbody tr:hover{background:var(--hover-overlay)}.transcript tbody tr:hover td.text{color:var(--accent);font-weight:600}.transcript tbody tr.active{background:#4cc9f01a;box-shadow:inset 3px 0 0 var(--accent)}.transcript tbody tr.active td.text{color:var(--fg);font-weight:700}.transcript tbody tr.active:hover td.text{color:var(--accent)}@media (max-width: 1280px){.metric-card{padding:.35rem .5rem}.metric-card .meta{font-size:.68rem}}@media (max-width: 1024px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 768px){.header{flex-wrap:wrap;align-items:stretch;gap:.5rem}.heartbeat{width:100%;justify-content:center}.metrics{margin-left:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:.5rem;gap:.3rem}.video-wrap{min-height:200px}.transcript table{font-size:.78rem}.transcript td.time{width:80px;font-size:.72rem}.transcript td.spk{width:36px}.transcript td.emo{width:44px}.current-prompt .text{font-size:.95rem}}@media (max-width: 480px){.header{padding:.4rem .5rem}.metrics{gap:.3rem}.metric-card .label{font-size:.62rem}.metric-card .value{font-size:.9rem}.metric-card .meta{font-size:.6rem}.transcript th{font-size:.65rem}.transcript table{font-size:.72rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:var(--card);border:1px solid var(--border);border-radius:10px;width:min(560px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-card.modal-wide{width:min(840px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:1.05rem}.modal-close{background:transparent;border:none;color:var(--fg);font-size:1.4rem;cursor:pointer;line-height:1;padding:.2rem .5rem;border-radius:4px}.modal-close:hover{background:var(--card-soft)}.modal-tabs{display:flex;gap:.2rem;padding:.5rem 1rem 0;border-bottom:1px solid var(--border)}.modal-tab{background:transparent;border:none;color:var(--muted);padding:.5rem .9rem;border-radius:6px 6px 0 0;cursor:pointer;font-size:.9rem;font-weight:600;border-bottom:2px solid transparent}.modal-tab.active{color:var(--fg);border-bottom-color:var(--accent);background:var(--card-soft)}.modal-body{padding:1rem;overflow-y:auto}.modal-pane{display:flex;flex-direction:column;gap:.7rem}.modal-pane .hint{margin:0;font-size:.85rem;color:var(--muted);line-height:1.5}.modal-pane input[type=url],.modal-pane input[type=text]{background:var(--card-soft);border:1px solid var(--border);color:var(--fg);padding:.55rem .7rem;border-radius:6px;font-size:.9rem;font-family:inherit}.modal-pane input:disabled{opacity:.5}.modal-actions{display:flex;gap:.5rem}.modal-pane button.primary{background:var(--accent);color:var(--on-accent);border:none;padding:.55rem 1.1rem;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer}.modal-pane button.primary:disabled{opacity:.4;cursor:not-allowed}.modal-status{font-size:.82rem;padding:.5rem .7rem;border-radius:6px;background:var(--card-soft);color:var(--muted);white-space:pre-wrap}.modal-status.error{color:#ef476f;background:#ef476f1a}.modal-status.done,.modal-status.live{color:#80ed99;background:#80ed991a}.modal-pane .field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}.modal-pane .field>span{font-weight:600;color:var(--fg)}.modal-pane .field select{background:var(--card-soft);border:1px solid var(--border);color:var(--fg);padding:.5rem .6rem;border-radius:6px;font-size:.9rem;font-family:inherit;width:100%}.modal-pane .field select:disabled{opacity:.5}.modal-pane .hint.hint-muted{color:var(--muted);opacity:.8;font-size:.78rem}.https-banner{flex-basis:100%;width:100%;margin:-.6rem -1rem .4rem;padding:.5rem 1rem;background:#ffc4001f;border-bottom:1px solid rgba(255,196,0,.35);color:#ffd766;font-size:.85rem;text-align:center}.https-banner a{color:inherit;text-decoration:underline}.header.with-https-banner{flex-wrap:wrap}@media (max-width: 480px){.modal-tabs{flex-wrap:wrap}.modal-tab{padding:.4rem .6rem;font-size:.82rem}}.auth-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:var(--muted)}.auth-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:authspin .8s linear infinite}@keyframes authspin{to{transform:rotate(360deg)}}.login-view{height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(1200px 600px at 50% -10%,rgba(76,201,240,.08),transparent),var(--bg)}.login-card{width:100%;max-width:360px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem 1.6rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 12px 40px #00000073}.login-title{margin:0;font-size:1.5rem;letter-spacing:.06em;text-align:center}.login-sub{margin:0 0 .4rem;text-align:center;color:var(--muted);font-size:.86rem}.login-field{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--muted)}.login-field>span small{font-weight:400;opacity:.8}.login-field input,.login-field select,.modal-pane input,.modal-pane select{background:var(--card-soft);border:1px solid var(--border);border-radius:6px;color:var(--fg);padding:.55rem .7rem;font-size:.95rem;width:100%}.login-field input:focus,.login-field select:focus{outline:none;border-color:var(--accent)}.login-error{color:var(--err);background:#ef476f1a;border-radius:6px;padding:.5rem .7rem;font-size:.82rem}.epd-field{margin-bottom:.85rem}.epd-field .epd-help{font-size:.78rem;color:var(--muted);line-height:1.35;opacity:.95}.epd-field .epd-label{font-size:.86rem;font-weight:600;color:var(--fg)}.login-ok{color:var(--ok);background:#80ed991a;border-radius:6px;padding:.5rem .7rem;font-size:.82rem}button.primary,.login-submit{background:var(--accent);color:var(--on-accent);border:none;padding:.6rem 1.1rem;border-radius:6px;font-weight:700;font-size:.92rem;cursor:pointer}button.primary:disabled,.login-submit:disabled{opacity:.4;cursor:not-allowed}.login-submit{margin-top:.3rem}.user-menu{position:relative;flex:0 0 auto}.user-menu-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;color:var(--fg);cursor:pointer;font-size:.85rem}.user-menu-btn .user-name{font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-btn .caret{color:var(--muted);font-size:.7rem}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.35rem;display:flex;flex-direction:column;gap:.15rem;box-shadow:0 10px 30px #00000080;z-index:1100}.user-menu-dropdown button{background:transparent;border:none;color:var(--fg);text-align:left;padding:.5rem .6rem;border-radius:6px;cursor:pointer;font-size:.86rem}.user-menu-dropdown button:hover{background:var(--card-soft)}.user-menu-dropdown button.danger,.admin-actions button.danger{color:var(--err)}.menu-sep{height:1px;background:var(--border);margin:.2rem 0}.role-badge{font-size:.68rem;font-weight:700;padding:.12rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.role-badge.role-master{color:var(--warn);background:#ffb70324;border-color:#ffb70366}.role-badge.role-developer{color:var(--accent);background:#4cc9f024;border-color:#4cc9f066}.role-badge.role-user{color:var(--ok);background:#80ed9924;border-color:#80ed9966}.admin-card{max-width:640px;width:100%}.admin-card.rec-card{max-width:960px}.admin-stats{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);font-size:.82rem;color:var(--muted)}.admin-stats b{color:var(--fg);font-variant-numeric:tabular-nums;margin-left:.2rem}.admin-stats b.busy{color:var(--warn)}.admin-stats b.idle{color:var(--ok)}.admin-table{width:100%;border-collapse:collapse;font-size:.86rem}.admin-table th,.admin-table td{padding:.5rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th{color:var(--muted);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.admin-table td.num{text-align:center;font-variant-numeric:tabular-nums}.admin-table select,.summary-compare select{padding:.3rem .4rem;width:auto;background:var(--card-soft);color:var(--fg);border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:.86rem;color-scheme:light dark}.admin-table select:focus,.summary-compare select:focus{outline:none;border-color:var(--accent)}.admin-table select:disabled{opacity:.5;cursor:not-allowed}.admin-actions{display:flex;gap:.35rem;flex-wrap:wrap}.admin-actions button{background:var(--card-soft);border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:.3rem .55rem;font-size:.78rem;cursor:pointer}.admin-actions button:disabled{opacity:.35;cursor:not-allowed}.me-tag{color:var(--accent);font-size:.75rem}.pw-tag{color:var(--warn)}.controls .status-inline.busy-warn{color:var(--warn);max-width:none}.muted{color:var(--muted);font-size:.85rem}.modal-actions{flex-wrap:wrap;align-items:center;margin-top:.6rem}.modal-body .modal-actions button,.modal-body .modal-actions .btn-like{background:var(--card-soft);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.5rem .9rem;font-weight:600;font-size:.86rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.modal-body .modal-actions button.primary,.modal-body .modal-actions .btn-like.primary{background:var(--accent);color:var(--on-accent);border:none;font-weight:700}.modal-body .modal-actions button:disabled{opacity:.5;cursor:not-allowed}.controls .dl-group{margin-left:auto;display:inline-flex;gap:.4rem;align-items:center}.controls .ctrl-dl{background:var(--accent);color:var(--on-accent);border:none;border-radius:6px;padding:.5rem .8rem;font-weight:700;font-size:.86rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.controls a.ctrl-dl:hover{filter:brightness(1.08)}.controls .ctrl-dl[disabled],.controls .ctrl-dl:disabled{background:var(--card-soft);color:var(--muted);opacity:.6;cursor:not-allowed}.controls .ctrl-play{background:var(--card-soft);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.35rem .7rem;font-size:.95rem;line-height:1;cursor:pointer;flex:0 0 auto}.controls .ctrl-play:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.loading-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#0009;display:flex;align-items:center;justify-content:center}.loading-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.2rem 1.6rem;display:flex;align-items:center;gap:.7rem;color:var(--fg);font-size:.95rem;box-shadow:0 20px 60px #00000080}.loading-card .spinner{width:20px;height:20px;margin-right:0}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.74rem;font-weight:700;white-space:nowrap}.badge-live{background:#ef476f2e;color:var(--err)}.badge-file{background:#4cc9f029;color:var(--accent)}.media-panel.with-metrics{grid-template-rows:auto auto 1fr auto}.media-panel .metrics-above-video{width:100%;margin:0}.header-spacer{flex:1 1 auto;min-width:0}.release-tabbar{display:flex;align-items:center;gap:.5rem}.release-tabbar .tabs{margin-bottom:0;flex:0 0 auto}.playback-controls{margin-left:auto;display:inline-flex;gap:.4rem}.playback-controls button{background:var(--card-soft);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.3rem .7rem;font-weight:600;font-size:.82rem;cursor:pointer}.playback-controls button:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.modal-card.summary-view-modal{width:75vw;height:70vh;max-height:70vh}.summary-view-modal .modal-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.summary-split{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;flex:1 1 auto;min-height:0}.summary-pane{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.summary-pane-head{display:flex;align-items:center;gap:.5rem;height:46px;min-height:46px;box-sizing:border-box;padding:0 .6rem;border-bottom:1px solid var(--border);background:var(--card-soft);flex:0 0 auto}.summary-pane-head label{font-size:.8rem;font-weight:600;color:var(--muted);flex:1}.summary-pane-head .summary-saved{font-size:.74rem;white-space:nowrap}.summary-pane-head .primary{padding:0;height:30px;line-height:30px;padding-inline:.8rem;font-size:.82rem;border-radius:6px;flex:0 0 auto}.summary-edit>.cm-theme,.summary-edit>div{flex:1 1 auto;min-height:0}.summary-edit .cm-editor{height:100%}.summary-edit .cm-scroller{overflow:auto}.summary-preview .summary-md{flex:1 1 auto;overflow:auto;padding:.7rem .9rem}.summary-md{font-size:.9rem;line-height:1.6;color:var(--fg)}.summary-md h1,.summary-md h2,.summary-md h3{margin:.9rem 0 .4rem;line-height:1.3}.summary-md h1{font-size:1.25rem}.summary-md h2{font-size:1.1rem;border-bottom:1px solid var(--border);padding-bottom:.2rem}.summary-md h3{font-size:1rem}.summary-md p{margin:.5rem 0}.summary-md ul,.summary-md ol{padding-left:1.4rem;margin:.4rem 0}.summary-md li{margin:.2rem 0}.summary-md code{background:var(--card-soft);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem;font-size:.86em}.summary-md pre{background:var(--card-soft);border:1px solid var(--border);border-radius:6px;padding:.6rem .8rem;overflow-x:auto}.summary-md pre code{border:none;background:none;padding:0}.summary-md table{border-collapse:collapse;width:100%;margin:.5rem 0}.summary-md th,.summary-md td{border:1px solid var(--border);padding:.3rem .5rem;text-align:left}.summary-md blockquote{border-left:3px solid var(--accent);margin:.5rem 0;padding:.2rem .8rem;color:var(--muted)}@media (max-width: 768px){.summary-split{grid-template-columns:1fr;height:auto}.summary-pane{height:280px}}.summary-loading{display:flex;align-items:center;gap:.5rem;padding:.8rem;color:var(--muted);font-size:.9rem}.summary-ta.summary-result{border-color:var(--accent)}.rec-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1rem;margin-bottom:.8rem}.rec-info>div{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;background:var(--card-soft);border-radius:6px;font-size:.86rem}.rec-info>div span{color:var(--muted);white-space:nowrap}.rec-info>div b{white-space:nowrap;min-width:0;text-align:right}.rec-dl-actions{border-top:1px solid var(--border);padding-top:.7rem}.rec-table td,.rec-table th{font-size:.8rem;white-space:nowrap}.rec-table td.rec-name{max-width:220px;overflow:hidden;text-overflow:ellipsis}.rec-actions{align-items:center;flex-wrap:nowrap}.rec-actions a,.rec-actions button.rec-link-btn,.rec-actions .rec-link-disabled{background:var(--card-soft);border:1px solid var(--border);color:var(--accent);border-radius:6px;padding:.25rem .5rem;font-size:.78rem;text-decoration:none;cursor:pointer;font-family:inherit}.rec-actions a:hover,.rec-actions button.rec-link-btn:hover{background:var(--accent);color:var(--on-accent)}.rec-actions .rec-link-disabled{color:var(--muted);opacity:.45;cursor:not-allowed}.rec-cards{display:flex;flex-direction:column;gap:.6rem}.rec-card-item{display:flex;gap:.8rem;padding:.6rem;border:1px solid var(--border);border-radius:8px;background:var(--card-soft)}.rec-card-thumb{flex:0 0 auto;width:160px;aspect-ratio:16 / 9;border-radius:6px;object-fit:cover;background:#000;border:1px solid var(--border)}.rec-thumb-fallback{display:flex;align-items:center;justify-content:center;background:var(--card)}.rec-thumb-icon{font-size:1.8rem;opacity:.65}.rec-card-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.4rem}.rec-card-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.rec-card-name{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.rec-card-status{font-size:.74rem;color:var(--muted)}.rec-card-status.rec-status-error{color:var(--err)}.rec-card-status.rec-status-processing{color:var(--warn)}.rec-card-meta{display:flex;flex-wrap:wrap;gap:.3rem .4rem;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.rec-card-devices{display:flex;flex-wrap:wrap;gap:.2rem .6rem;margin-top:.15rem;font-size:.76rem;color:var(--muted)}.rec-card-devices span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-card-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}@media (max-width: 640px){.rec-card-item{flex-direction:column}.rec-card-thumb{width:100%}.rec-card-name{max-width:100%}}.popup-over{z-index:1200}.temp-pw{display:flex;align-items:center;gap:.6rem}.temp-pw code{flex:1;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.4rem;letter-spacing:.12em;background:var(--card-soft);border:1px dashed var(--border);border-radius:8px;padding:.6rem .9rem;text-align:center;color:var(--fg)}.temp-pw button{background:var(--card-soft);border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:.5rem .8rem;cursor:pointer;font-size:.82rem}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}@keyframes pulse-attn{0%{box-shadow:0 0 #4cc9f080}70%{box-shadow:0 0 0 8px #4cc9f000}to{box-shadow:0 0 #4cc9f000}}.controls button.ctrl-start:enabled{animation:pulse-attn 1.8s ease-out infinite}.controls button.ctrl-summary.pulse-attn:enabled{animation:pulse-attn 1.8s ease-out infinite}.controls .file.ctrl-pick-attn{background:var(--accent);color:var(--on-accent);padding:.55rem 1.15rem;font-size:.95rem;animation:pulse-attn 1.8s ease-out infinite}@keyframes pulse-abort{0%{box-shadow:0 0 #ef476f80}70%{box-shadow:0 0 0 8px #ef476f00}to{box-shadow:0 0 #ef476f00}}.controls button.ctrl-stop.ctrl-abort{background:var(--err);color:#fff;animation:pulse-abort 1.6s ease-out infinite}.controls button.ctrl-stop.ctrl-abort:hover{filter:brightness(1.08)}