:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070b16;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#070b16;min-height:100vh;max-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}.app-shell{background:linear-gradient(#101826 0%,#070b16 100%);place-items:center;width:100%;height:100vh;padding:24px;display:grid;overflow:hidden}.stream-shell{background:#080c14ed;border:1px solid #94a3b829;border-radius:24px;width:min(1200px,100%);height:min(100vh - 48px,860px);overflow:hidden;box-shadow:0 30px 70px #00000075}.stream-panel{flex-direction:column;height:100%;display:flex;position:relative}.transmission-header{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:18px;right:18px}.signal-wrap{color:#edf3ff;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;background:#0f172ac2;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:inline-flex}.signal{background:#64748b;border-radius:50%;width:10px;height:10px}.signal.live{background:#22c55e;box-shadow:0 0 10px #22c55ecc}.ghost-button{color:#f8fafc;cursor:pointer;pointer-events:auto;background:#0f172ab3;border:1px solid #94a3b82e;border-radius:999px;padding:8px 12px}.video-frame{background:#020817;flex:1;min-height:520px;position:relative}.video-frame video{object-fit:cover;background:#020817;width:100%;height:100%;display:block}.empty-state{color:#dfe7f5;letter-spacing:.04em;background:#0208176b;place-items:center;font-size:1.1rem;display:grid;position:absolute;inset:0}.play-overlay{color:#f8fafc;letter-spacing:.04em;cursor:pointer;background:#0208178c;border:0;place-items:center;font-size:1rem;display:grid;position:absolute;inset:0}.debug-toggle{z-index:4;color:#cbd5e1;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#0f172ac7;border:1px solid #94a3b838;border-radius:999px;min-width:36px;height:32px;padding:0 10px;font-size:.72rem;position:absolute;bottom:18px;right:18px}.debug-log{z-index:3;color:#dbe7ff;white-space:pre-wrap;word-break:break-word;background:#020610db;border:1px solid #94a3b838;border-radius:12px;max-height:42%;margin:0;padding:10px 12px;font-size:.72rem;line-height:1.45;position:absolute;bottom:58px;left:18px;right:18px;overflow:auto}.debug-line.ok{color:#86efac}.debug-line.error{color:#fca5a5}