:root{color-scheme:dark;--bg:#11171b;--panel:#192126;--stroke:#303c42;--muted:#a0b0b8;--ink:#edf1f3;--accent:#ff9d45;--cyan:#65cfca;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}.topbar{height:90px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:1rem;font-weight:750;letter-spacing:.08em}.brand-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--accent);color:#161b1f;border-radius:7px;font-size:1.3rem}.brand-light{font-weight:400;color:var(--muted)}.top-meta{display:flex;align-items:center;gap:14px}.tag{color:var(--muted);font-size:.9rem;letter-spacing:.1em}.status-pill{padding:8px 13px;border:1px solid #52504a;color:#ffc995;border-radius:30px;font-size:.875rem}main{max-width:1480px;margin:0 auto;padding:36px 5% 20px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:var(--panel)}.viewport-panel{min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 28px}.eyebrow{font-size:.75rem;letter-spacing:.14em;color:var(--muted);font-weight:650;margin-bottom:10px}h1{font-size:1.75rem;letter-spacing:-.04em;font-weight:600}h2{font-size:1.4rem;letter-spacing:-.025em;font-weight:600}h3{font-size:.95rem;font-weight:600}.view-tag{font-family:ui-monospace,monospace;font-size:.75rem;color:var(--cyan);border:1px solid #335653;padding:7px 10px;border-radius:5px;white-space:nowrap}.scene-wrap{height:485px;position:relative;background:#141c20}canvas{display:block;width:100%;height:100%;touch-action:none}.scene-label{position:absolute;left:22px;bottom:20px;font-size:.8rem;color:var(--muted);pointer-events:none}.crosshair{color:var(--accent);margin-right:8px}.motion-badge{position:absolute;right:20px;top:20px;background:#11171bdd;border:1px solid var(--stroke);border-radius:6px;padding:8px 11px;font-size:.8rem;color:var(--muted)}.motion-badge.active{border-color:#498c89;color:var(--cyan)}.coordinates{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;padding:23px 28px;border-top:1px solid var(--stroke);gap:15px}.coordinates>div{display:flex;flex-wrap:wrap;gap:9px;align-items:baseline}.coordinates span{font-family:ui-monospace,monospace;color:var(--muted);font-size:.8rem;width:100%}.coordinates strong{font-family:ui-monospace,monospace;font-size:1.65rem;font-weight:500}.coordinates small{color:var(--muted)}.coordinates .gripper-value strong{font-family:inherit;font-size:1rem;margin-top:6px}.controls-panel{border-left:1px solid var(--stroke);padding:28px}.muted{color:var(--muted);line-height:1.5;font-size:.95rem}.intro{margin:12px 0 20px}.button{border:1px solid var(--stroke);border-radius:8px;padding:12px 14px;min-height:46px;font-size:.9rem;font-weight:600;transition:background .15s}.primary{width:100%;background:var(--accent);color:#191b1d;border-color:var(--accent);font-size:1rem}.primary:hover:not(:disabled){background:#ffb16a}.secondary{background:#243037;color:var(--ink)}.secondary:hover:not(:disabled){background:#304149}.helper{font-size:.8rem;color:var(--muted);line-height:1.5;margin-top:10px}.control-guide{display:grid;gap:13px;margin-top:20px}.control-guide>div{display:flex;align-items:flex-start;gap:12px}.control-guide p{font-size:.85rem;color:#cbd5da;line-height:1.45}.key{min-width:64px;text-align:center;padding:5px;border:1px solid var(--stroke);border-radius:4px;font-family:ui-monospace,monospace;font-size:.7rem;color:var(--cyan)}.rule{border-top:1px solid var(--stroke);margin:22px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title>span{font-size:.75rem;color:var(--muted)}.slider-label{margin-top:16px;display:flex;justify-content:space-between;gap:10px;font-size:.85rem}.slider-label output{font-family:ui-monospace,monospace;color:var(--accent)}input[type=range]{width:100%;margin:9px 0 0;accent-color:var(--accent);height:20px}.button-row{display:flex;gap:8px;margin-top:18px}.button-row>.secondary{flex:1;font-size:.8rem}.stop{color:#ffada8;background:#33272a;border-color:#614044}.stop:hover{background:#443034}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.data-panel{padding:23px 26px;border:1px solid var(--stroke);border-radius:12px;background:#151e23}.data-panel h2{font-size:1rem}.data-panel>.muted{font-size:.85rem;margin-top:12px}.telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.telemetry>div{display:grid;gap:7px}.telemetry span{font-family:ui-monospace,monospace;color:var(--muted);font-size:.75rem}.telemetry strong{font-family:ui-monospace,monospace;font-size:1.25rem;font-weight:500}.record-controls{display:flex;gap:10px;margin-top:18px}.record-controls>.button{flex:1}footer{display:flex;justify-content:space-between;align-items:baseline;gap:25px;padding:26px 0;color:var(--muted);font-size:.75rem}footer>span{white-space:nowrap;letter-spacing:.1em}.footer-version{color:var(--accent)}footer p{line-height:1.5;text-align:right}.render-error{position:absolute;inset:0;display:grid;place-items:center;padding:30px;color:#ffb3a0;background:#151e23}.render-error[hidden]{display:none}.recording{border-color:#d67462;color:#ffb3a0}body.xr-active #enterXR{background:var(--cyan);border-color:var(--cyan)}
@media(min-width:1500px){main{padding-left:30px;padding-right:30px}.scene-wrap{height:545px}}@media(max-width:950px){main{padding:24px 4%}.workspace{grid-template-columns:1fr}.controls-panel{border-left:0;border-top:1px solid var(--stroke)}.scene-wrap{height:380px}.bottom-grid{grid-template-columns:1fr}.topbar{height:72px}.brand{font-size:.85rem}.top-meta{gap:7px}}@media(max-width:520px){.topbar{padding:0 4%}.brand-light{display:none}.tag{font-size:.75rem}.panel-heading{padding:20px;align-items:flex-start}h1{font-size:1.4rem}.view-tag{font-size:.65rem}.scene-wrap{height:320px}.coordinates{padding:20px;grid-template-columns:repeat(3,1fr)}.coordinates .gripper-value{grid-column:1/-1;display:flex;align-items:center}.gripper-value span{width:auto}.gripper-value strong{margin-top:0!important}.controls-panel,.data-panel{padding:20px}.record-controls{flex-direction:column}footer{flex-direction:column;gap:10px}footer p{text-align:left}.scene-label{font-size:.7rem;left:15px}.telemetry{gap:8px}.telemetry strong{font-size:1.1rem}}
.model-panel{padding:24px 28px;border-top:1px solid var(--stroke)}.model-panel a{color:var(--cyan);text-underline-offset:3px}.model-measurements{display:grid;gap:12px;margin:20px 0}.model-measurements>div{display:flex;justify-content:space-between;gap:16px;font-size:.875rem}.model-measurements strong{font-family:ui-monospace,monospace;font-weight:500;white-space:nowrap}.compact{font-size:.875rem;min-height:38px;padding:8px 11px}.compact[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan)}.mode-label{display:block;margin:18px 0 8px;font-size:.875rem}select{width:100%;background:#243037;color:var(--ink);border:1px solid var(--stroke);border-radius:7px;padding:11px;font:inherit;font-size:.875rem}.joint-details{border-top:1px solid var(--stroke);margin-top:18px;padding-top:16px}.joint-details summary{font-size:.9rem;cursor:pointer;color:var(--cyan)}.joint-limit{font-size:.75rem;font-family:ui-monospace,monospace;color:var(--muted);margin:3px 0 14px}.unreachable{color:#ffb3a0}.helper,.slider-label,.control-guide p,.data-panel>.muted{font-size:.875rem}.scene-label,.motion-badge{font-size:.875rem}
@media(max-width:520px){.model-panel{padding:20px}.model-measurements>div{align-items:baseline;flex-wrap:wrap;gap:5px}.model-panel .section-title{align-items:flex-start}.model-panel h3{max-width:150px}.scene-label{font-size:.75rem}.coordinates strong{font-size:1.45rem}}
.pose-error{font-family:ui-monospace,monospace;font-size:.9rem;color:var(--cyan);padding:14px 0 0}.button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}
.ar-button{width:100%;margin-top:10px}.workspace-feedback{font-size:.95rem;line-height:1.4;margin-top:12px;color:var(--cyan)}.haptics-row{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.haptics-row .helper{margin-top:0;flex:1;min-width:130px}.block-status{font-size:.875rem;line-height:1.5;color:var(--cyan);margin-top:12px}