:root{color-scheme:dark;--ink: #eaf4ff;--muted: #91a1b5;--electric: #75f4de;--violet: #a58bff;--line: rgba(117,244,222,.2)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:#05070d}body{min-height:100%;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 20% 0,#172839 0,#080c16 44%,#05070d 76%);font-family:Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif}button{min-height:44px;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--electric);outline-offset:2px}.lab-shell{width:min(100%,1180px);margin:0 auto;padding:clamp(20px,4vw,50px) clamp(10px,3vw,30px) 38px}.lab-header{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:28px;margin-bottom:20px}.eyebrow{margin:0 0 9px;color:var(--electric);font:800 .66rem/1.3 ui-monospace,monospace;letter-spacing:.18em}h1{margin:0;font-size:clamp(2.6rem,7vw,6.3rem);line-height:.8;letter-spacing:-.07em}h1 em{color:var(--violet);font-style:normal}.lab-header>p{margin:0;color:var(--muted);line-height:1.8}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:12px}.model-stage{position:relative;min-height:min(68vh,680px);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#75f4de0b,#a58bff09)}#threeCanvas{display:block;width:100%;height:100%;min-height:inherit}.camera-preview{position:absolute;right:12px;bottom:12px;width:min(32%,180px);aspect-ratio:4/3;border:1px solid var(--electric);border-radius:12px;object-fit:cover;transform:scaleX(-1);background:#07110f}.stage-labels{position:absolute;inset:12px 14px auto;display:flex;justify-content:space-between;color:#637587;font:700 .58rem/1 ui-monospace,monospace;letter-spacing:.1em;pointer-events:none}.control-panel{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#080c16d1}.sensor-actions{display:grid;gap:8px}.sensor-actions button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#75f4de12;font-weight:800}.sensor-actions button:nth-child(2){border-color:#a58bff59;background:#a58bff14}.sensor-actions span{color:var(--muted);font:600 .55rem/1 ui-monospace,monospace;letter-spacing:.12em}.manual-controls{margin-top:18px}.manual-controls>p{color:var(--muted);font-size:.72rem}.manual-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.manual-controls button{border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#c8d4e0;background:#ffffff08;font-size:.75rem}.lab-status{margin:16px 0 0;padding:12px;border-left:2px solid var(--electric);color:var(--electric);background:#75f4de0a;font-size:.78rem;line-height:1.6}.fallback-panel{margin-top:8px;padding:12px;border:1px solid rgba(255,150,120,.28);color:#ffc0ad;background:#ff64460e;font-size:.75rem;line-height:1.6}.fallback-panel div{display:grid;gap:6px}.fallback-panel button{border:1px solid rgba(255,255,255,.13);color:var(--ink);background:transparent;font-size:.7rem}.privacy-note{display:grid;grid-template-columns:auto 1fr;gap:22px;margin-top:14px;padding:16px 18px;border:1px solid rgba(255,255,255,.07);color:var(--muted)}.privacy-note strong{color:var(--electric);font:800 .65rem/1.4 ui-monospace,monospace;letter-spacing:.12em}.privacy-note p{margin:0;font-size:.78rem;line-height:1.7}.dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#020409d1;backdrop-filter:blur(8px)}.dialog-backdrop[hidden]{display:none}.dialog-backdrop section{width:min(100%,520px);padding:26px;border:1px solid var(--line);border-radius:18px;background:#0c1420;box-shadow:0 30px 100px #000}.dialog-backdrop h2{margin:0;font-size:1.8rem}.dialog-backdrop section>p:not(.eyebrow){color:var(--muted);line-height:1.8}.dialog-backdrop section>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dialog-backdrop button{border:1px solid var(--line);color:var(--ink);background:transparent}#confirmVoiceBtn{color:#06100e;background:var(--electric);font-weight:800}@media(max-width:760px){.lab-header,.workspace{grid-template-columns:1fr}.model-stage{min-height:min(60vh,520px)}.lab-header>p{max-width:620px}}@media(max-width:480px){.privacy-note{grid-template-columns:1fr;gap:6px}.model-stage{min-height:420px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
