@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--xr-bg: #090c11;--xr-panel: #101720;--xr-panel-strong: #182330;--xr-ink: #edf4ff;--xr-muted: #93a4bc;--xr-line: rgba(147, 164, 188, .22);--xr-accent: #6ee7f9;--xr-accent-strong: #38bdf8;--xr-alert: #fda4af;--xr-shadow: 0 24px 60px rgba(0, 0, 0, .32)}*{box-sizing:border-box}body{margin:0;min-width:360px;font-family:IBM Plex Sans,sans-serif;color:var(--xr-ink);background:radial-gradient(circle at top,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(110,231,249,.12),transparent 24%),linear-gradient(180deg,#0a0f15,#090c11)}button{font:inherit}.xr-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px}.panel{background:linear-gradient(180deg,#182330f5,#101720fa),var(--xr-panel);border:1px solid var(--xr-line);border-radius:22px;padding:20px;box-shadow:var(--xr-shadow)}.xr-intro{grid-column:1 / -1}.eyebrow,h1,h2,h3,.step-badge,button{font-family:Space Mono,monospace}.eyebrow{margin:0 0 12px;color:var(--xr-accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,4vw,44px);line-height:1.05;margin-bottom:12px}h2{font-size:18px}h3{font-size:14px;margin-bottom:12px}.lead{font-size:16px;color:var(--xr-ink)}.body-copy,.hint,.xr-controls p,.suggestions-list,.status-grid dd{color:var(--xr-muted)}.body-copy,.xr-controls p{margin-top:10px;line-height:1.6}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.step-badge,.hint{font-size:12px}.step-badge{padding:6px 10px;border-radius:999px;background:#38bdf824;color:var(--xr-accent);border:1px solid rgba(56,189,248,.18)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.mode-switch{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.mode-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(110,231,249,.22);border-radius:999px;padding:10px 14px;background:#080d146b;color:var(--xr-muted);cursor:pointer}.mode-button.is-active{border-color:#6ee7f98f;background:#0891b22e;color:var(--xr-ink)}.button-row button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(110,231,249,.28);border-radius:14px;padding:12px 18px;background:linear-gradient(180deg,#101720e6,#182330);color:var(--xr-ink);cursor:pointer;transition:transform .18s ease,border-color .18s ease,opacity .18s ease}.button-row button:hover:enabled{transform:translateY(-1px);border-color:#6ee7f98f}.button-row button:disabled{opacity:.45;cursor:not-allowed}.status-grid{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:10px 16px;margin:0 0 20px}.status-grid dt,.status-grid dd{padding:10px 12px;border-radius:12px;background:#080d1447;border:1px solid rgba(147,164,188,.12)}.status-grid dt{color:var(--xr-ink)}.suggestions-list{margin:0;padding-left:18px;display:grid;gap:10px;line-height:1.5}.controls-legend{margin:16px 0 0;padding-left:18px;display:grid;gap:8px;color:var(--xr-muted)}.position-controls{margin-top:16px;padding-top:14px;border-top:1px solid rgba(147,164,188,.16)}.position-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--xr-muted);font-size:13px}.position-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.position-grid--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.position-grid button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(110,231,249,.2);border-radius:12px;padding:10px 12px;background:#080d1475;color:var(--xr-ink)}.control-note{margin-top:10px;font-size:12px;line-height:1.5;color:var(--xr-muted)}.controller-topline{margin-bottom:12px}.hit-card{border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,#fb718524,#facc151f);border:1px solid rgba(251,113,133,.2);color:var(--xr-ink);font-family:Space Mono,monospace}.xr-scene{min-height:480px}.xr-controllers,.xr-debug{grid-column:1 / -1}.controller-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.controller-card{border-radius:16px;padding:16px;background:#080d1475;border:1px solid rgba(147,164,188,.12)}.controller-card p{margin-top:8px;line-height:1.55;color:var(--xr-muted)}.axis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.axis-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;padding:8px 10px;background:#0f172a85;color:var(--xr-muted);font:12px/1.4 Space Mono,monospace}.axis-row strong{color:var(--xr-ink);font-weight:700}.scene-host{min-height:420px;height:calc(100% - 36px);border-radius:18px;border:1px solid rgba(147,164,188,.16);overflow:hidden;background:#090c11}.scene-host canvas{display:block;width:100%;height:100%}.debug-output{margin:0;min-height:320px;border-radius:18px;padding:16px;overflow:auto;background:#080d1475;border:1px solid rgba(147,164,188,.12);color:#dbeafe;font:13px/1.6 Space Mono,monospace;white-space:pre-wrap;word-break:break-word}@media (max-width: 780px){.xr-shell{width:min(100% - 16px,100%);padding:12px 0 24px;grid-template-columns:1fr}.panel{padding:16px;border-radius:18px}.status-grid{grid-template-columns:1fr}.scene-host{min-height:320px}.controller-grid{grid-template-columns:1fr}.position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.axis-grid{grid-template-columns:1fr}}