:root{color-scheme:dark;--bg: #07090d;--panel: #0d1118;--line: #1c2533;--text: #e7edf5;--muted: #8b98aa;--accent: #5eead4;--accent-2: #fb7185;--warn: #fbbf24;font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--text)}#app{display:grid;grid-template-columns:minmax(280px,360px) 1fr}code,.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.panel{border-right:1px solid var(--line);background:linear-gradient(180deg,#10151d,#0b0f14);padding:1.15rem 1.1rem 1.4rem;overflow:auto;display:flex;flex-direction:column;gap:.85rem}.brand-row{display:flex;align-items:center;gap:.55rem}.brand h1{font-size:1.05rem;font-weight:600;letter-spacing:-.02em;margin:0}.brand p{margin:.45rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.badge{font-family:IBM Plex Mono,monospace;font-size:.68rem;border:1px solid #2a3d45;color:var(--accent);padding:.12rem .4rem;border-radius:999px}.drop{display:grid;gap:.2rem;padding:.9rem;border:1px dashed #2a3648;border-radius:10px;background:#0a0e13;cursor:pointer}.drop:hover,.drop.drag{border-color:var(--accent);background:#0e1618}.drop-kicker{font-family:IBM Plex Mono,monospace;font-size:.68rem;color:var(--accent)}.drop strong{font-size:.92rem}.drop em{color:var(--muted);font-size:.75rem;font-style:normal}.row-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}button,select{font:inherit;color:var(--text);background:#151c26;border:1px solid #2a3545;border-radius:8px;padding:.45rem .7rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.video-wrap{position:relative;background:#05070a;border:1px solid var(--line);border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.video-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.8rem;pointer-events:none}.video-empty.hidden{display:none}.progress-block{display:grid;gap:.35rem}.progress-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);font-family:IBM Plex Mono,monospace}.bar{height:6px;background:#151b24;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#67e8f9)}.transport{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center}.transport input[type=range]{width:100%}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .7rem;margin:0}.stats div{background:#10161e;border:1px solid var(--line);border-radius:8px;padding:.45rem .55rem}.stats dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stats dd{margin:.1rem 0 0;font-family:IBM Plex Mono,monospace;font-size:.86rem}.check{display:flex;gap:.35rem;align-items:center;font-size:.8rem;color:var(--muted)}.fineprint{margin-top:auto;color:var(--muted);font-size:.72rem;line-height:1.45}.stage{position:relative;min-width:0;min-height:0;height:100%}#viewport{position:absolute;inset:0}#viewport canvas{width:100%!important;height:100%!important;display:block}.hud{position:absolute;left:1rem;bottom:1rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;color:#9fb0c4;background:#07090d8c;border:1px solid #1c2533;padding:.35rem .55rem;border-radius:6px;pointer-events:none}@media(max-width:860px){#app{grid-template-columns:1fr;grid-template-rows:auto 55vh}.panel{border-right:0;border-bottom:1px solid var(--line);max-height:48vh}}