*{box-sizing:border-box}:root{color:#f7f1df;font-synthesis:none;text-rendering:optimizelegibility;background:#10130f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:linear-gradient(135deg,#126c6047,#0000 38%),linear-gradient(320deg,#dd5b3f38,#0000 42%),#10130f;min-width:320px;min-height:100vh;margin:0}button{color:#f7f1df;cursor:pointer;background:#f7f1df14;border:1px solid #f7f1df33;border-radius:8px;justify-content:center;align-items:center;min-width:38px;min-height:38px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.38}a{color:#7cd7c8;overflow-wrap:anywhere}.console-shell{width:min(1480px,100%);margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:88px;display:flex}.eyebrow{color:#f3c766;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.95}h2{font-size:1rem}.status-pill,.panel-title,.preview-overlay,.recording-strip,.row-actions,.cap-row{align-items:center;gap:10px;display:flex}.status-pill{color:#7cd7c8;background:#10201db8;border:1px solid #7cd7c86b;border-radius:999px;padding:10px 12px}.console-grid{grid-template-columns:360px minmax(360px,1fr) 420px;gap:16px;display:grid}.join-panel,.debug-panel,.packet-panel,.intent-panel{background:#10130fb8;border:1px solid #f7f1df24;border-radius:8px}.join-panel{align-content:start;gap:16px;padding:18px;display:grid}.qr-frame{aspect-ratio:1;background:#f7f1df;border-radius:8px;place-items:center;display:grid}.qr-frame img{width:min(100%,280px);height:auto}.qr-placeholder{aspect-ratio:1;border:2px dashed #10201d47;width:68%}.join-copy{gap:8px;display:grid}.join-copy span,dt{color:#f7f1df9e;font-size:.76rem}.join-copy strong{letter-spacing:0;font-size:2.2rem}.preview-panel{background:#0a0d0b;border:1px solid #f7f1df24;border-radius:8px;min-height:520px;position:relative;overflow:hidden}.orientation-canvas{touch-action:none;width:100%;height:100%;min-height:520px;display:block}.preview-overlay{background:#0a0d0bbd;border:1px solid #f7f1df29;border-radius:8px;padding:10px 12px;position:absolute;bottom:16px;left:16px}.preview-overlay button{min-width:32px;min-height:32px}.debug-panel,.packet-panel,.intent-panel{align-content:start;gap:14px;padding:16px;display:grid}.controller-list{gap:12px;display:grid}.controller-row{background:#f7f1df0d;border:1px solid #f7f1df1f;border-radius:8px;gap:12px;padding:12px;display:grid}.controller-row>div:first-child{justify-content:space-between;gap:12px;display:flex}.controller-row span,.muted{color:#f7f1df9e}.cap-dot{background:#5c5f54;border-radius:999px;width:11px;height:11px}.cap-dot.on{background:#7cd7c8;box-shadow:0 0 0 4px #7cd7c821}.stats-grid,.packet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.packet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}dd{overflow-wrap:anywhere;color:#fff7dc;min-width:0;margin:2px 0 0;font-size:.9rem;font-weight:700}.row-actions{justify-content:flex-end}.recording-strip{border-top:1px solid #f7f1df1f;justify-content:space-between;padding-top:8px}pre{color:#dbf8ef;background:#00000047;border:1px solid #f7f1df1f;border-radius:8px;max-height:220px;margin:0;padding:12px;font-size:.78rem;overflow:auto}.intent-panel{grid-column:2/4;max-height:340px;overflow:auto}@media (width<=1180px){.console-grid{grid-template-columns:320px 1fr}.debug-panel,.intent-panel{grid-column:1/3}}@media (width<=760px){.console-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.console-grid,.debug-panel,.intent-panel{grid-column:auto;grid-template-columns:1fr}.preview-panel,.orientation-canvas{min-height:360px}}