:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e6e8f0;background:#090a0f;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#bar{background:#11131c;border-bottom:1px solid #1e2230;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;font-size:.85rem;display:flex;box-shadow:0 2px 10px #0000004d}.brand{letter-spacing:.05em;color:#58a6ff;font-weight:700}#status{align-items:center;gap:.5rem;display:flex}#status:before{content:"";background:#f5a623;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #f5a623}#status.connected:before{background:#2ea043;box-shadow:0 0 8px #2ea043}#status.disconnected:before{background:#cf222e;box-shadow:0 0 8px #cf222e}#grid-wrapper{background:#090a0f;justify-content:center;align-items:center;height:calc(100vh - 45px);padding:20px;display:flex}#grid{background:#11131c80;border:1px solid #1e2230;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0006}#grid video{object-fit:contain;cursor:crosshair;background:#000;border:2px solid #2d334a;border-radius:8px;transition:border-color .2s,box-shadow .2s;position:absolute;box-shadow:0 10px 30px #00000080}#grid video:hover{border-color:#58a6ff;box-shadow:0 10px 35px #58a6ff33}