:root{color:#e2e8f0;font-family:IBM Plex Sans,Trebuchet MS,sans-serif;line-height:1.5;font-synthesis:none;font-weight:400;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(45,76,126,.18),transparent 32%),linear-gradient(180deg,#020617,#0a1220 48%,#020617)}button,input{font:inherit}.app-shell{height:100%;position:relative}.viewer-stage,.scene-root,.scene-root canvas{height:100%;width:100%}.hud-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070c17c7;border:1px solid rgba(125,211,252,.16);border-radius:20px;box-shadow:0 24px 70px #0206177a;display:grid;gap:1rem;left:1.2rem;max-height:calc(100% - 2.4rem);overflow:auto;padding:1.2rem;position:absolute;top:1.2rem;width:min(25rem,calc(100% - 2.4rem));z-index:5}.hud-header h1,.hud-section h2{margin:0}.eyebrow{color:#7dd3fc;font-size:.76rem;letter-spacing:.16em;margin:0 0 .55rem;text-transform:uppercase}.lede{color:#cbd5e1;margin:.55rem 0 0}.hud-section{border-top:1px solid rgba(148,163,184,.14);display:grid;gap:.8rem;padding-top:1rem}.hud-section h3{margin:0}.section-helper{color:#94a3b8;font-size:.76rem;margin:0}.controls-grid{display:grid;gap:1rem}.control-group{display:grid;gap:.65rem}.control-group h3{color:#94a3b8;font-size:.78rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.control-group-items{display:grid;gap:.65rem}.toggle-row,.slider-row{align-items:center;display:grid;gap:.8rem;grid-template-columns:1fr auto}.toggle-row input{accent-color:#7dd3fc}.toggle-row[data-disabled=true]{opacity:.5}.toggle-row.emphasized{background:#7dd3fc0f;border:1px solid rgba(125,211,252,.14);border-radius:12px;padding:.55rem .7rem}.slider-row{grid-template-columns:1fr}.slider-copy{align-items:baseline;display:flex;gap:.65rem;justify-content:space-between}.slider-copy strong{color:#7dd3fc;font-size:.82rem}.slider-row input[type=range]{accent-color:#7dd3fc;width:100%}.camera-buttons,.camera-tools{display:flex;flex-wrap:wrap;gap:.55rem}.environment-controls{display:grid;gap:.8rem}.environment-grid{display:grid;gap:.65rem}.environment-option{align-items:start;background:#0f172ac7;border:1px solid rgba(148,163,184,.18);border-radius:14px;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:auto 1fr;padding:.8rem}.environment-option input{accent-color:#7dd3fc;margin-top:.2rem}.environment-option strong{display:block;font-size:.88rem;margin-bottom:.15rem}.environment-option small{color:#bfd2e7;display:block;font-size:.72rem}.camera-button{background:#0f172ac7;border:1px solid rgba(148,163,184,.18);border-radius:999px;color:#dbeafe;cursor:pointer;padding:.45rem .8rem;transition:border-color .12s ease,background .12s ease,transform .12s ease}.camera-button:hover{border-color:#7dd3fc70;transform:translateY(-1px)}.camera-button.active{background:#0e749057;border-color:#7dd3fc94}.secondary-button,.focus-button,.subsystem-chip,.inspection-mode-button{background:#0f172ac7;border:1px solid rgba(148,163,184,.18);color:#dbeafe}.secondary-button,.focus-button,.subsystem-chip{border-radius:12px;cursor:pointer;padding:.6rem .8rem;text-align:left}.secondary-button{justify-self:start}.inspection-mode-group,.subsystem-list,.legend-list,.note-list{display:grid;gap:.65rem}.inspection-mode-group{grid-template-columns:repeat(2,minmax(0,1fr))}.inspection-mode-button{border-radius:14px;cursor:pointer;display:grid;gap:.28rem;padding:.75rem .8rem;text-align:left}.inspection-mode-button strong{font-size:.88rem}.inspection-mode-button span{color:#bfd2e7;font-size:.72rem}.inspection-mode-button.active,.subsystem-chip.active,.focus-button:hover,.secondary-button:hover{background:#0e749047;border-color:#7dd3fc75}.subsystem-list{grid-template-columns:repeat(2,minmax(0,1fr))}.subsystem-chip{min-height:3rem}.inspection-card{background:#03071273;border:1px solid rgba(125,211,252,.14);border-radius:16px;display:grid;gap:.8rem;padding:1rem}.inspection-card-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.inspection-summary{color:#dbeafe;margin:0}.inspection-details{display:grid;gap:.75rem;margin:0}.inspection-details dt{color:#7dd3fc;font-size:.76rem;margin-bottom:.18rem;text-transform:uppercase}.inspection-details dd{color:#cbd5e1;margin:0}.inspection-color-chip{border-radius:999px;box-shadow:0 0 0 1px #e2e8f01f;display:inline-block;height:.85rem;width:2.2rem}.legend-block{display:grid;gap:.7rem}.legend-block h3{color:#dbeafe;font-size:.86rem}.legend-row{align-items:start;display:grid;gap:.7rem;grid-template-columns:auto 1fr}.legend-row strong{display:block;font-size:.84rem;margin-bottom:.15rem}.legend-row span{color:#bfd2e7;font-size:.72rem}.legend-swatch{border-radius:999px;display:inline-block;height:.8rem;margin-top:.22rem;width:.8rem}.note-list{color:#cbd5e1;margin:0;padding-left:1.1rem}.status-panel{background:#03071273;border-radius:16px;padding:1rem}.status-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.status-label{color:#94a3b8;display:block;font-size:.76rem;margin-bottom:.22rem;text-transform:uppercase}.status-note,.hud-footer{color:#cbd5e1;margin:0}.reset-actions{display:flex;flex-wrap:wrap;gap:.55rem}.mode-note-card{background:#03071273;border:1px solid rgba(125,211,252,.14);border-radius:16px;display:grid;gap:.75rem;padding:1rem}.mode-note-card h3{margin:0}.mode-note-card p{color:#dbeafe;margin:0}.mode-note-list{color:#cbd5e1;display:grid;gap:.45rem;margin:0;padding-left:1.05rem}.hud-footer{border-top:1px solid rgba(148,163,184,.14);font-size:.86rem;padding-top:1rem}.scene-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080f1dd6;border:1px solid rgba(125,211,252,.24);border-radius:12px;box-shadow:0 0 0 1px #7dd3fc14;color:#e2e8f0;display:grid;gap:.25rem;max-width:14rem;padding:.65rem .8rem}.scene-label strong{color:#f8fafc;font-size:.82rem}.scene-label span{color:#cbd5e1;font-size:.66rem}.scene-label.active{border-color:#f8d66599;box-shadow:0 0 0 1px #f8d66529,0 10px 26px #0206174d}.scene-badge{background:#070c17d1;border:1px solid rgba(125,211,252,.24);border-radius:999px;color:#dbeafe;padding:.35rem .7rem;white-space:nowrap}.overlay-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a14d1;border:1px solid rgba(125,211,252,.18);border-radius:12px;box-shadow:0 10px 24px #0206173d;color:#dbeafe;display:grid;gap:.22rem;max-width:13rem;padding:.5rem .65rem}.overlay-label strong{font-size:.76rem}.overlay-label span{color:#bfd2e7;font-size:.64rem;line-height:1.35}.scene-test-double{height:100%;width:100%}@media(max-width:900px){.hud-panel{bottom:1rem;left:1rem;max-height:52%;right:1rem;top:auto;width:auto}.status-grid,.inspection-mode-group,.subsystem-list{grid-template-columns:1fr}.environment-option{grid-template-columns:auto 1fr}}