:root{--bg: #0b0f16;--panel: rgba(18, 24, 34, .8);--text: #e6edf3;--muted: #9aa7b2;--accent: #7dd3fc;--accent-2: #a78bfa;--btn-bg: #1f2937;--btn-hover: #374151;--border: #263041}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% 10%,#0e1420 0%,var(--bg) 60%,#06080d 100%);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#scene-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.overlay{position:fixed;top:20px;left:20px;padding:16px 18px;width:min(520px,92vw);background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);border-radius:12px;box-shadow:0 8px 24px #00000059}.overlay h1{margin:0 0 6px;font-size:18px;line-height:1.3;letter-spacing:.2px}.desc{margin:0 0 12px;color:var(--muted);font-size:13px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:linear-gradient(180deg,var(--btn-bg),#121826);color:var(--text);padding:10px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:transform .08s ease,background .2s ease,border-color .2s ease;box-shadow:0 2px 10px #00000040}.btn:hover{background:var(--btn-hover);border-color:#3b475b}.btn:active{transform:translateY(1px)}.status{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted);border-top:1px dashed var(--border);padding-top:8px}.hint{display:block;margin-top:10px;color:var(--muted);font-size:11px}canvas{display:block}