.control-panel{position:absolute;top:30px;left:30px;width:280px;background:#0a0a0cb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,255,.15);border-radius:12px;padding:24px;z-index:1000;color:#e0faff;font-family:Outfit,Inter,sans-serif;box-shadow:0 10px 30px #00000080;transition:transform .3s cubic-bezier(.4,0,.2,1)}.control-panel:hover{transform:translateY(-5px);border-color:#00ffff4d}.cp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(0,255,255,.1)}.cp-title{font-size:.85rem;letter-spacing:2px;font-weight:800;background:linear-gradient(90deg,#0ff,#08f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cp-status-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px #00ffff80}.cp-status-dot.active{background:#0ff;animation:glow 1.5s infinite alternate}.cp-status-dot.loading{background:#fa0;animation:pulse 1s infinite alternate}.cp-section{margin-bottom:20px}.cp-label{font-size:.65rem;color:#0ff6;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.cp-stat-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.8rem}.cp-value{color:#fff;font-weight:700;font-family:JetBrains Mono,monospace}.cp-value.highlight{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.3)}.cp-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#ffffffb3;padding:8px 10px;font-size:.7rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:600}.cp-btn:hover{background:#00ffff0d;border-color:#0ff3;color:#0ff}.cp-btn.active{background:#00ffff26;border-color:#0ff;color:#fff;box-shadow:0 0 15px #0ff3}.cp-footer{font-size:.6rem;color:#ffffff4d;text-align:center;margin-top:10px}@keyframes glow{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}@keyframes pulse{0%{opacity:.3}to{opacity:.8}}:root{--primary: #00ff00;--bg: #000}body,html,#root{margin:0;padding:0;width:100vw;height:100vh;background:var(--bg);overflow:hidden;font-family:Courier New,Courier,monospace}.hd-viewport{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#000}.media-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.hd-feed,.webgl-layer,.hd-overlay{position:absolute;top:50%;left:50%;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:translate(-50%,-50%) scaleX(-1)}.hd-feed{z-index:1}.webgl-layer{z-index:2;pointer-events:none}.hd-overlay{z-index:3;pointer-events:none}.terminal-hud{position:absolute;top:1rem;left:1rem;z-index:100;background:#000000d9;border-left:3px solid var(--primary);padding:1rem;color:var(--primary);pointer-events:auto;box-shadow:0 4px 25px #000000b3;font-size:.85rem;line-height:1.5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:220px}.retry-btn{background:var(--primary);color:#000;border:none;padding:4px 8px;font-family:inherit;font-weight:700;cursor:pointer;margin:5px 0;font-size:.75rem;transition:all .2s}.retry-btn:hover{background:#fff;box-shadow:0 0 15px var(--primary)}code{display:block;word-break:break-all}code[data-rect]{color:#f0f;text-shadow:0 0 8px #ff00ff}.ui-toggle-btn{position:fixed;top:1rem;right:1rem;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:#fff9;cursor:pointer;transition:all .3s ease;padding:0}.ui-toggle-btn:hover{background:#000c;color:var(--primary);border-color:var(--primary);box-shadow:0 0 15px #00ff004d}.ui-toggle-btn.hidden-mode{background:transparent;border-color:transparent;color:#ffffff4d}.ui-toggle-btn.hidden-mode:hover{color:var(--primary);background:#0009;border-color:var(--primary)}:root{--primary: #00f2ff;--primary-glow: rgba(0, 242, 255, .5);--secondary: #7000ff;--secondary-glow: rgba(112, 0, 255, .4);--bg-dark: #0a0a0c;--glass: rgba(15, 15, 20, .7);--glass-border: rgba(255, 255, 255, .1);--text: #e0e0e6;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text)}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;height:100vh;width:100vw}#root{height:100%;width:100%}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--glass-border);border-radius:12px}.neon-text{color:var(--primary);text-shadow:0 0 10px var(--primary-glow),0 0 20px var(--primary-glow)}.neon-border{border:1px solid var(--primary);box-shadow:0 0 10px var(--primary-glow),inset 0 0 5px var(--primary-glow)}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.anim-pulse{animation:pulse 2s infinite ease-in-out}