:root{--bg: #0e1117;--panel: #161b22;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--border: #30363d;--video-size: min(200px, 38vw)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 120% 80% at 50% -20%,#1a2332 0%,var(--bg) 50%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:1200px;margin:0 auto;padding:1rem 1.25rem 2rem}.header h1{margin:0;font-weight:650;font-size:1.5rem;letter-spacing:.02em}.subtitle{margin:.35rem 0 0;font-size:.88rem;color:var(--muted)}.main{display:grid;grid-template-columns:1fr minmax(240px,300px);gap:1.25rem;margin-top:1.25rem;align-items:start}@media(max-width:840px){.main{grid-template-columns:1fr}}.stage-wrap{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0d1117;aspect-ratio:16 / 10;max-height:72vh}.canvas-3d{display:block;width:100%;height:100%}.overlay-hint{position:absolute;left:0;right:0;bottom:0;padding:.65rem 1rem;background:linear-gradient(transparent,#000000b8);pointer-events:none}#gesture-label{font-size:.95rem;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.15rem}.panel h2{margin:0 0 .75rem;font-size:.95rem;color:var(--muted);font-weight:600}.legend{margin:0;padding-left:1.15rem;font-size:.88rem;line-height:1.75;color:var(--text)}.legend strong{color:var(--accent);font-weight:600}.note{margin:1rem 0 0;font-size:.8rem;color:var(--muted);line-height:1.55}.status{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted);display:flex;flex-direction:column;gap:.35rem}.status span{color:var(--accent);font-variant-numeric:tabular-nums}.input-video{position:fixed;right:12px;bottom:12px;width:var(--video-size);height:auto;border-radius:10px;border:2px solid var(--border);box-shadow:0 8px 24px #00000073;transform:scaleX(-1);z-index:10;object-fit:cover;background:#000}