:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f4ff;background:#11101a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#11101a;min-height:100%;margin:0}body{overflow:hidden}button,select{font:inherit;color:#f1f4ff;background:#141121e6;border:1px solid #eeebff2b}button{cursor:pointer}button:hover,select:hover{border-color:#9bd6ff}#uvs-debug-app{background:radial-gradient(circle at 85% 16%,#70d8ff29,#0000 30rem),radial-gradient(circle at 15% 88%,#c47dff29,#0000 32rem),#11101a;min-height:100vh;position:relative;overflow:hidden}#scene-shell,#scene-shell canvas{width:100%;height:100%;position:absolute;inset:0}.uv-hud{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#141121f2,#141121b8);border:1px solid #f1efff24;border-radius:24px;width:min(850px,100vw - 40px);margin:30px 0 0 36px;padding:24px;position:relative;box-shadow:0 24px 80px #0000006b}.back-link{color:#a8a0c2;letter-spacing:.08em;text-transform:uppercase;font-size:12px;text-decoration:none}.eyebrow{color:#9bd6ff;letter-spacing:.18em;margin-top:22px;font-size:11px;font-weight:700}h1{letter-spacing:-.065em;margin:10px 0 8px;font-size:clamp(40px,5.2vw,68px);line-height:.95}.intro{color:#beb9d0;max-width:730px;margin:0;font-size:14px;line-height:1.55}.status-panel{background:#9bd6ff0f;border:1px solid #9bd6ff38;border-radius:15px;margin-top:20px;padding:12px 14px}.status-row{color:#eef7ff;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.status-row i{background:#9bd6ff;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 14px #9bd6ff}.status-row span:last-child{color:#9bd6ff;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.status-detail{color:#9d98af;margin:4px 0 0;font-size:12px;line-height:1.4}.control-panel{margin-top:14px}.control-grid{grid-template-columns:1.5fr 1fr 1fr;gap:8px;display:grid}.field{color:#a7a0b8;letter-spacing:.1em;text-transform:uppercase;gap:6px;font-size:10px;display:grid}select{letter-spacing:0;text-transform:none;border-radius:10px;outline:0;width:100%;min-height:38px;padding:0 9px;font-size:12px}.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:disabled,select:disabled{cursor:not-allowed;opacity:.46}.readout-grid{grid-template-columns:1fr 1.15fr;gap:10px;margin-top:14px;display:grid}.metrics{grid-template-columns:repeat(2,1fr);gap:7px;margin:0;display:grid}.metrics div,.canvas-card{background:#ffffff09;border:1px solid #f1efff1a;border-radius:11px;min-width:0;padding:9px 10px}.metrics dt{color:#8d87a0;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.metrics dd{color:#f1fbff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;overflow:hidden}.card-heading{color:#eaf4ff;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.card-heading span{color:#9bd6ff;text-transform:uppercase;font-size:10px}#uv-canvas{background:#fff;border-radius:8px;place-items:center;min-height:190px;margin-top:8px;display:grid;overflow:auto}#uv-canvas canvas{image-rendering:auto;max-width:100%;height:auto;display:block}.hint,.source-note{color:#9892aa;margin:13px 0 0;font-size:11px;line-height:1.45}.source-note a{color:#abdfff}.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:#ddefff73;letter-spacing:.17em;font-size:10px;position:absolute;bottom:25px;right:32px}@media (width<=900px){body{overflow:auto}#uvs-debug-app{min-height:1260px}.uv-hud{width:calc(100vw - 28px);margin:14px;padding:19px}.control-grid,.readout-grid{grid-template-columns:1fr}.signature{bottom:16px;right:18px}}