:root{--bg-abyss:#070b12;--bg-surface:#0d1424bf;--bg-card:#111b31a6;--bg-card-hover:#1a2744d9;--border-subtle:#38bdf81f;--border-active:#38bdf873;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--cyan-glow:#38bdf8;--cyan-dark:#0284c7;--green-glow:#10b981;--red-alert:#ef4444;--amber-warn:#f59e0b;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-abyss);color:var(--text-main);font-family:var(--font-sans);background-image:radial-gradient(circle at 15% 15%,#0284c714 0%,#0000 40%),radial-gradient(circle at 85% 85%,#10b9810d 0%,#0000 40%),linear-gradient(#070b12 0%,#0a101d 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a101d80}::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#38bdf873}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:12px;transition:border-color .2s,box-shadow .2s;box-shadow:0 8px 32px #00000073}.glass-panel:hover{border-color:var(--border-active)}.glow-cyan{text-shadow:0 0 12px #38bdf880}.glow-green{text-shadow:0 0 12px #10b98180}.glow-red{text-shadow:0 0 12px #ef444480}@keyframes radar-pulse{0%{box-shadow:0 0 #38bdf880}70%{box-shadow:0 0 0 10px #38bdf800}to{box-shadow:0 0 #38bdf800}}.radar-dot{background-color:var(--cyan-glow);border-radius:50%;width:8px;height:8px;animation:2s infinite radar-pulse}.alert-dot{background-color:var(--red-alert);border-radius:50%;width:8px;height:8px;animation:1.2s infinite radar-pulse}button{font-family:var(--font-sans);cursor:pointer;transition:all .2s}input,select{font-family:var(--font-sans)}input[type=range]{accent-color:var(--cyan-glow);cursor:pointer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1.2s linear infinite spin}.app-shell{max-width:1800px;margin:0 auto;padding:18px 22px}.telemetry-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px;display:grid}.workstation-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.workstation-grid.flipped{grid-template-columns:380px minmax(0,1fr)}.workstation-col-viewport,.workstation-col-controls{flex-direction:column;gap:16px;min-width:0;display:flex}.viewport-screen{background:#04070d;justify-content:center;align-items:center;min-height:440px;max-height:68vh;display:flex;position:relative;overflow:hidden}@media (width<=1024px){.workstation-grid,.workstation-grid.flipped{grid-template-columns:minmax(0,1fr)}.workstation-col-viewport{order:1}.workstation-col-controls{order:2}.desktop-only{display:none!important}}@media (width<=640px){.app-shell{padding:10px 12px}.header-bar{margin-bottom:12px!important;padding:12px 14px!important}.header-title{font-size:1.05rem!important}.header-subtitle{font-size:.72rem!important}.header-badges{justify-content:space-between;width:100%;gap:8px!important}.telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.telemetry-card{padding:10px 12px!important}.telemetry-value{font-size:1.25rem!important}.viewport-screen{min-height:240px;max-height:56vh}.viewport-top-bar{padding:10px 12px!important}.viewport-action-label{display:none}.dropzone-container{padding:20px 14px!important}.audit-ribbon{padding:10px 12px!important}.audit-ribbon-actions{justify-content:space-between;width:100%}.notice-banner{flex-direction:column;gap:6px;align-items:flex-start!important;padding:10px 14px!important}}