:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f5fb;background:#090d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#090d18;min-height:100%;margin:0}body{overflow:hidden}button,select,input{font:inherit}button,select{color:#edf1ff;background:#0d101cd6;border:1px solid #e0e7ff29}button{cursor:pointer}button:hover,select:hover{border-color:#4ce0d2b8}#camera-viewport-app{background:radial-gradient(circle at 85% 18%,#8f9cff2e,#0000 28rem),radial-gradient(circle at 14% 88%,#4ce0d224,#0000 30rem),#090d18;min-height:100vh;position:relative;overflow:hidden}#scene-shell,#scene-shell canvas{width:100%;height:100%;position:absolute;inset:0}#scene-shell{z-index:0}.camera-viewport-hud{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#0c0f1aed,#0c0f1ab8);border:1px solid #ebf0ff24;border-radius:24px;width:min(690px,100vw - 40px);margin:30px 0 0 36px;padding:24px 24px 20px;position:relative;box-shadow:0 24px 80px #0000006b}.back-link{color:#8b99bf;letter-spacing:.08em;text-transform:uppercase;font-size:12px;text-decoration:none}.back-link:hover{color:#4ce0d2}.eyebrow{color:#4ce0d2;letter-spacing:.18em;margin-top:22px;font-size:11px;font-weight:700}h1{letter-spacing:-.065em;max-width:620px;margin:10px 0 8px;font-size:clamp(38px,5.2vw,68px);line-height:.95}.intro{color:#b4bbd0;max-width:610px;margin:0;font-size:14px;line-height:1.55}.status-panel{background:#4ce0d20f;border:1px solid #4ce0d233;border-radius:15px;margin-top:20px;padding:12px 14px}.status-row{color:#e8efff;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.status-row i{background:#4ce0d2;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 14px #4ce0d2}.status-row span:last-child{color:#4ce0d2;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.status-detail{color:#8d99b7;margin:4px 0 0;font-size:12px;line-height:1.4}.control-panel{margin-top:14px}.control-grid{grid-template-columns:1.18fr 1fr 1.18fr;gap:8px;display:grid}.field{color:#8995b4;letter-spacing:.1em;text-transform:uppercase;gap:6px;font-size:10px;display:grid}.range-field output{float:right;color:#4ce0d2;font-variant-numeric:tabular-nums}select{letter-spacing:0;text-transform:none;border-radius:10px;outline:0;width:100%;min-height:38px;padding:0 9px;font-size:12px}input[type=range]{accent-color:#4ce0d2;width:100%}.button-row{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}button{border-radius:10px;min-height:34px;padding:0 11px;font-size:11px}button[aria-pressed=true]{color:#081313;background:#4ce0d2;border-color:#4ce0d2c7}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.46}.metrics{grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 12px;display:grid}.metrics div{background:#ffffff09;border:1px solid #e0e7ff1a;border-radius:11px;min-width:0;padding:9px 10px}.metrics dt{color:#7e8aa8;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.metrics dd{color:#f1f3ff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;overflow:hidden}.probe-strip{color:#7e8aa8;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #e0e7ff1a;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;font-size:10px;display:flex}.probe-strip span:last-child{color:#4ce0d2;text-align:right}.view-label{z-index:1;color:#f0f4ffc7;letter-spacing:.12em;pointer-events:none;text-transform:uppercase;background:#090d187a;border:1px solid #e0e7ff29;border-radius:9px;padding:7px 10px;font-size:10px;position:absolute;top:20px}.perspective-label{margin-right:10px;right:50%}.orthographic-label{right:20px}.hint,.source-note{color:#7d89a5;margin:13px 0 0;font-size:11px;line-height:1.45}.source-note a{color:#9ba9d4}.source-note a:hover{color:#4ce0d2}.error-panel{color:#ffd4d4;background:#ff6b6b17;border:1px solid #ff6b6b6b;border-radius:13px;gap:5px;margin-top:14px;padding:13px;font-size:12px;display:grid}.error-panel[hidden],.control-panel[hidden]{display:none}.signature{z-index:2;color:#dde4ff73;letter-spacing:.17em;font-size:10px;position:absolute;bottom:25px;right:32px}@media (width<=820px){body{overflow:auto}#camera-viewport-app{min-height:1240px}.camera-viewport-hud{width:calc(100vw - 28px);margin:14px;padding:19px}.control-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.view-label{top:auto;bottom:18px}.signature{bottom:16px;right:18px}}@media (width<=470px){.control-grid{grid-template-columns:1fr}h1{font-size:44px}.intro{font-size:13px}.probe-strip{flex-direction:column;align-items:flex-start}.probe-strip span:last-child{text-align:left}}