.nb3d-app{--nb3d-bg:#f7f9ff;--nb3d-surface:#ffffff;--nb3d-surface-2:#f8faff;--nb3d-border:#e2e7ef;--nb3d-border-strong:#d8deea;--nb3d-text:#18233d;--nb3d-text-soft:#667085;--nb3d-text-faint:#8a94a6;--nb3d-accent:#247de4;--nb3d-accent-dark:#1559aa;--nb3d-accent-soft:#eaf3ff;--nb3d-ring:#2782ec;--nb3d-shadow:0 24px 70px rgba(42,56,92,0.13);--nb3d-radius:22px;min-height:calc(100vh - 72px);padding:30px 18px 52px;color:var(--nb3d-text);background:radial-gradient(circle at 15% 10%,#fff5c7 0,transparent 26%),radial-gradient(circle at 85% 18%,#d9f4ff 0,transparent 29%),var(--nb3d-bg);font-family:var(--font-sans)}html.dark .nb3d-app{--nb3d-bg:#0b1220;--nb3d-surface:#0f172a;--nb3d-surface-2:#111c33;--nb3d-border:#1e293b;--nb3d-border-strong:#334155;--nb3d-text:#e8eefc;--nb3d-text-soft:#9aa7bd;--nb3d-text-faint:#64748b;--nb3d-accent:#38bdf8;--nb3d-accent-dark:#0ea5e9;--nb3d-accent-soft:#0b2236;--nb3d-ring:#38bdf8;--nb3d-shadow:0 24px 70px rgba(0,0,0,0.45);background:radial-gradient(circle at 15% 10%,#1e293b 0,transparent 30%),radial-gradient(circle at 85% 18%,#0c2236 0,transparent 32%),var(--nb3d-bg)}.nb3d-shell{width:min(1280px,100%);margin:0 auto}.nb3d-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.nb3d-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--nb3d-accent);font-size:12px;font-weight:900;letter-spacing:.15em}.nb3d-heading h1{margin:6px 0 4px;font:700 clamp(28px,4vw,48px) /1 var(--font-display);letter-spacing:-.03em}.nb3d-heading p{margin:0;color:var(--nb3d-text-soft);font-size:14px;max-width:560px}.nb3d-random{display:inline-flex;align-items:center;gap:8px;min-height:42px;border:1px solid var(--nb3d-border-strong);border-radius:13px;padding:0 16px;background:var(--nb3d-surface);color:var(--nb3d-text);font-weight:800;box-shadow:0 3px 0 var(--nb3d-border-strong);cursor:pointer;transition:.15s ease;flex-shrink:0}.nb3d-random:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--nb3d-border-strong)}.nb3d-random:active{transform:translateY(2px);box-shadow:0 1px 0 var(--nb3d-border-strong)}.nb3d-game-frame{border:1px solid var(--nb3d-border);border-radius:var(--nb3d-radius);background:var(--nb3d-surface);box-shadow:var(--nb3d-shadow);overflow:hidden}.nb3d-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--nb3d-border);background:var(--nb3d-surface-2)}.nb3d-toolbar-left,.nb3d-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nb3d-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800}.nb3d-pill i{width:8px;height:8px;border-radius:50%;display:inline-block}.nb3d-pill.green{background:#e7f7ec;color:#0f7a3d}.nb3d-pill.green i{background:#34d77c}.nb3d-pill.blue{background:var(--nb3d-accent-soft);color:var(--nb3d-accent-dark)}.nb3d-pill.blue i{background:#f6b54a}html.dark .nb3d-app .nb3d-pill.green{background:#0f2a1c;color:#4ade80}.nb3d-toolbar-right button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid var(--nb3d-border-strong);border-radius:10px;background:var(--nb3d-surface);color:var(--nb3d-text-soft);font-size:12px;font-weight:800;cursor:pointer;transition:.15s}.nb3d-toolbar-right button:hover:not(:disabled){background:var(--nb3d-accent-soft);color:var(--nb3d-accent-dark)}.nb3d-toolbar-right button:disabled{opacity:.4;cursor:not-allowed}.nb3d-toolbar-right button.active{background:var(--nb3d-accent-soft);color:var(--nb3d-accent-dark);border-color:var(--nb3d-accent)}.nb3d-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0}.nb3d-stage-panel{min-width:0;display:flex;flex-direction:column;background:var(--nb3d-surface-2)}.nb3d-canvas-shell{position:relative;width:100%;height:600px;min-height:420px;background:#0b1220;overflow:hidden}.nb3d-canvas-shell canvas{display:block}.nb3d-boot{position:absolute;inset:0;display:grid;place-items:center;color:#cbd5e1;font-weight:800;font-size:14px}.nb3d-stage-tools{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--nb3d-border)}.nb3d-stage-tools,.nb3d-stage-tools button{align-items:center;background:var(--nb3d-surface)}.nb3d-stage-tools button{display:inline-flex;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--nb3d-border-strong);border-radius:10px;color:var(--nb3d-text);font-size:12px;font-weight:800;cursor:pointer}.nb3d-stage-tools button:hover{background:var(--nb3d-accent-soft)}.nb3d-hint{font-size:11px;font-weight:700;color:var(--nb3d-text-faint)}.nb3d-controls{border-left:1px solid var(--nb3d-border);background:var(--nb3d-surface);display:flex;flex-direction:column;min-height:600px;max-height:654px;overflow:hidden}.nb3d-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-bottom:1px solid var(--nb3d-border);background:var(--nb3d-surface-2)}.nb3d-tabs button{min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--nb3d-text-faint);font-size:12px;font-weight:800;cursor:pointer;transition:.15s}.nb3d-tabs button:hover{color:var(--nb3d-text-soft)}.nb3d-tabs button.active{background:var(--nb3d-accent);color:#fff}html.dark .nb3d-app .nb3d-tabs button.active{background:var(--nb3d-accent);color:#0b1220}.nb3d-tab-body{overflow-y:auto;padding:16px;flex:1;min-height:0}.nb3d-section{display:flex;flex-direction:column;gap:8px}.nb3d-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 2px}.nb3d-section-title h2{display:flex;align-items:center;gap:7px;font:800 14px var(--font-display);color:var(--nb3d-text);margin:0}.nb3d-tag{padding:3px 9px;border-radius:999px;background:var(--nb3d-accent-soft);color:var(--nb3d-accent-dark)}.nb3d-label,.nb3d-tag{font-size:11px;font-weight:800}.nb3d-label{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--nb3d-text-soft);text-transform:uppercase;letter-spacing:.04em}.nb3d-number-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.nb3d-number-input{min-width:0;min-height:44px;border:1.5px solid var(--nb3d-border-strong);border-radius:13px;background:var(--nb3d-surface-2);color:var(--nb3d-text);text-align:center;font:800 20px var(--font-display);outline:none}.nb3d-number-input:focus{border-color:var(--nb3d-accent)}.nb3d-create-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:0;border-radius:13px;background:var(--nb3d-accent);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--nb3d-accent-dark)}.nb3d-create-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--nb3d-accent-dark)}html.dark .nb3d-app .nb3d-create-btn{color:#0b1220}.nb3d-stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.nb3d-stepper button{min-height:32px;border:1px solid var(--nb3d-border-strong);border-radius:9px;background:var(--nb3d-surface);color:var(--nb3d-text);font-size:11px;font-weight:800;cursor:pointer;transition:.13s}.nb3d-stepper button:hover{background:var(--nb3d-accent-soft);color:var(--nb3d-accent-dark)}.nb3d-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.nb3d-presets button{min-height:32px;border:1px solid var(--nb3d-border-strong);border-radius:9px;background:var(--nb3d-surface);color:var(--nb3d-text-soft);font-size:11px;font-weight:800;cursor:pointer}.nb3d-presets button.active{background:var(--nb3d-accent);color:#fff;border-color:var(--nb3d-accent)}.nb3d-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--nb3d-border);border-radius:12px;background:var(--nb3d-surface-2);color:var(--nb3d-text-soft);font-size:12px;font-weight:800;cursor:pointer}.nb3d-toggle input{width:16px;height:16px;accent-color:var(--nb3d-accent);cursor:pointer}.nb3d-advanced{border:1px solid var(--nb3d-border);border-radius:12px;background:var(--nb3d-surface-2);padding:10px}.nb3d-advanced summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--nb3d-text);display:flex;align-items:center;justify-content:space-between;list-style:none}.nb3d-advanced summary::-webkit-details-marker{display:none}.nb3d-advanced .nb3d-stepper,.nb3d-advanced[open] summary{margin-bottom:8px}.nb3d-mini-row{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--nb3d-border-strong);border-radius:9px;background:var(--nb3d-surface);color:var(--nb3d-text);cursor:pointer;margin-bottom:8px}.nb3d-field,.nb3d-mini-row{font-size:11px;font-weight:800}.nb3d-field{display:flex;flex-direction:column;gap:5px;color:var(--nb3d-text-soft)}.nb3d-field select{min-height:34px;border:1px solid var(--nb3d-border-strong);border-radius:9px;background:var(--nb3d-surface);color:var(--nb3d-text);padding:0 8px}.nb3d-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.nb3d-shape-grid.two{grid-template-columns:repeat(2,1fr)}.nb3d-shape-grid button{min-height:38px;border:1px solid var(--nb3d-border-strong);border-radius:11px;background:var(--nb3d-surface);color:var(--nb3d-text-soft);font-size:12px;font-weight:800;cursor:pointer;transition:.13s}.nb3d-shape-grid button.active,.nb3d-shape-grid button:hover{background:var(--nb3d-accent-soft)}.nb3d-shape-grid button.active{border-color:var(--nb3d-accent);color:var(--nb3d-accent-dark)}.nb3d-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.nb3d-swatches button{aspect-ratio:1;border:3px solid var(--nb3d-surface);border-radius:10px;box-shadow:0 0 0 1px var(--nb3d-border-strong);cursor:pointer;transition:.13s;display:grid;place-items:center;color:#fff}.nb3d-swatches button.active{box-shadow:0 0 0 3px var(--nb3d-text);transform:scale(.92)}.nb3d-swatches .official{background:conic-gradient(#ef4444,#facc15,#22c55e,#22d3ee,#3b82f6,#a855f7,#ef4444)}.nb3d-swatches .rainbow{background:linear-gradient(135deg,#ef4444,#f59e0b,#facc15,#22c55e,#3b82f6,#a855f7,#ec4899)}.nb3d-segments{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:4px;border-radius:12px;background:var(--nb3d-surface-2);border:1px solid var(--nb3d-border)}.nb3d-segments.three{grid-template-columns:repeat(3,1fr)}.nb3d-segments button{min-height:34px;border:0;border-radius:9px;background:transparent;color:var(--nb3d-text-soft);font-size:11px;font-weight:800;cursor:pointer;transition:.13s}.nb3d-segments button:hover{color:var(--nb3d-text)}.nb3d-segments button.active{background:var(--nb3d-surface);color:var(--nb3d-accent-dark);box-shadow:0 2px 8px rgba(42,56,92,.12)}html.dark .nb3d-app .nb3d-segments button.active{background:var(--nb3d-accent);color:#0b1220}.nb3d-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.nb3d-action-grid button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid var(--nb3d-border-strong);border-radius:12px;background:var(--nb3d-surface);color:var(--nb3d-text);font-size:12px;font-weight:800;cursor:pointer;transition:.13s}.nb3d-action-grid button:hover:not(:disabled){background:var(--nb3d-accent-soft);color:var(--nb3d-accent-dark)}.nb3d-action-grid button:disabled{opacity:.4;cursor:not-allowed}.nb3d-split-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.nb3d-split-grid button{min-height:34px;border:1px solid var(--nb3d-border-strong);border-radius:9px;background:var(--nb3d-surface);color:var(--nb3d-text-soft);font-size:11px;font-weight:800;cursor:pointer}.nb3d-split-grid button.active{background:var(--nb3d-accent);color:#fff;border-color:var(--nb3d-accent)}.nb3d-full-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid var(--nb3d-border-strong);border-radius:12px;background:var(--nb3d-surface);color:var(--nb3d-text);font-size:12px;font-weight:800;cursor:pointer;transition:.13s}.nb3d-full-btn:hover:not(:disabled){background:var(--nb3d-accent-soft)}.nb3d-full-btn:disabled{opacity:.4;cursor:not-allowed}.nb3d-full-btn.primary{background:var(--nb3d-accent);color:#fff;border-color:var(--nb3d-accent);box-shadow:0 3px 0 var(--nb3d-accent-dark)}.nb3d-full-btn.primary:hover:not(:disabled){background:var(--nb3d-accent-dark);color:#fff}.nb3d-full-btn.danger{color:#dc2626;border-color:#fecaca}html.dark .nb3d-app .nb3d-full-btn.primary,html.dark .nb3d-app .nb3d-full-btn.primary:hover:not(:disabled){color:#0b1220}.nb3d-muted{color:var(--nb3d-text-faint);font-size:12px;margin:4px 0}.nb3d-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(15,23,42,.55);padding:20px}.nb3d-modal-card{position:relative;width:min(520px,100%);background:var(--nb3d-surface);border:1px solid var(--nb3d-border);border-radius:20px;padding:26px;box-shadow:var(--nb3d-shadow)}.nb3d-modal-card h2{margin:0 0 12px;font:800 20px var(--font-display)}.nb3d-modal-card ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;color:var(--nb3d-text-soft);font-size:13px;line-height:1.6}.nb3d-modal-card li strong{color:var(--nb3d-text)}.nb3d-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:1px solid var(--nb3d-border);border-radius:9px;background:var(--nb3d-surface-2);color:var(--nb3d-text-soft);cursor:pointer;display:grid;place-items:center}.nb3d-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:70;padding:11px 18px;border-radius:12px;background:#18233d;color:#fff;font-size:13px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25)}.nb3d-toast-error{background:#b91c1c}.nb3d-toast-success{background:#047857}.nb3d-game-frame:-webkit-full-screen,.nb3d-game-frame:fullscreen{width:100vw;height:100vh;max-width:none;border:0;border-radius:0;display:flex;flex-direction:column}.nb3d-game-frame:-webkit-full-screen .nb3d-workspace,.nb3d-game-frame:fullscreen .nb3d-workspace{flex:1;min-height:0}.nb3d-game-frame:-webkit-full-screen .nb3d-stage-panel,.nb3d-game-frame:fullscreen .nb3d-stage-panel{min-height:0}.nb3d-game-frame:-webkit-full-screen .nb3d-canvas-shell,.nb3d-game-frame:fullscreen .nb3d-canvas-shell{height:auto;flex:1;min-height:0}.nb3d-game-frame:-webkit-full-screen .nb3d-controls,.nb3d-game-frame:fullscreen .nb3d-controls{min-height:0;max-height:none}@media (max-width:960px){.nb3d-workspace{grid-template-columns:1fr}.nb3d-controls{border-left:0;border-top:1px solid var(--nb3d-border);min-height:auto;max-height:none;overflow:visible}.nb3d-canvas-shell{height:52vh;min-height:360px}}@media (max-width:600px){.nb3d-app{padding:18px 10px 36px}.nb3d-heading{flex-direction:column;align-items:stretch}.nb3d-random{width:100%;justify-content:center}.nb3d-canvas-shell{height:46vh;min-height:320px}.nb3d-stage-tools{flex-direction:column;align-items:stretch}.nb3d-hint{text-align:center}}