:root{color-scheme:dark;--bg:#0d100f;--panel:#151917;--line:#2b322e;--muted:#8a958f;--text:#f3f5f2;--acid:#dfff35;--danger:#ff6652;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}.app-shell{height:100vh;min-height:620px;display:grid;grid-template-rows:68px 1fr 88px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#101412}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--acid);color:var(--acid);font-weight:900;font-size:1.25rem;transform:skew(-8deg)}.brand div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:.9rem;letter-spacing:.12em}.brand span:last-child{margin-top:5px;color:var(--muted);font-size:.73rem;letter-spacing:.06em}.top-stats{display:flex;gap:24px;color:var(--muted);font-size:.82rem}.top-stats b{color:var(--text);font-weight:600}.dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px #dfff3580}.dot.busy{animation:pulse 1s infinite}.workspace{display:grid;grid-template-columns:268px minmax(360px,1fr) 372px;min-height:0}.panel{background:var(--panel);padding:20px;border-right:1px solid var(--line);overflow:auto}.editor-panel{border-right:0;border-left:1px solid var(--line);display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.panel-title>span{color:var(--acid);font:700 .72rem/1 ui-monospace,monospace}.panel-title h2{margin:0;font-size:.88rem;text-transform:uppercase;letter-spacing:.1em}.panel-title .ghost{margin-left:auto}label{display:grid;gap:8px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}select,button{font:inherit;color:inherit}select{width:100%;padding:11px 12px;background:#0f1311;border:1px solid var(--line);border-radius:4px;outline-color:var(--acid)}.swatches{display:flex;gap:11px;margin:17px 3px 19px}.swatch{width:25px;height:25px;border:2px solid transparent;border-radius:50%;background:var(--c);cursor:pointer}.swatch.active{outline:1px solid var(--text);outline-offset:3px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.spec-grid div{padding:11px;border-bottom:1px solid var(--line)}.spec-grid div:nth-child(odd){border-right:1px solid var(--line)}.spec-grid div:nth-last-child(-n+2){border-bottom:0}.spec-grid span,.spec-grid b{display:block}.spec-grid span{font-size:.7rem;color:var(--muted);text-transform:uppercase}.spec-grid b{margin-top:4px;font-size:.84rem}.material-note{min-height:34px;margin:12px 0 0;color:var(--muted);font-size:.74rem;line-height:1.45}.examples-title{margin-top:25px}.example{display:block;width:100%;padding:12px;margin-bottom:7px;text-align:left;border:1px solid var(--line);background:#111513;border-radius:4px;cursor:pointer;transition:.15s}.example:hover{border-color:#59625d}.example.active{border-color:#778328;background:#1b2016}.example span,.example small{display:block}.example small{margin-top:4px;color:var(--muted)}.stage-wrap{position:relative;min-width:0;background:radial-gradient(circle at 50% 42%,#25302a 0,#121715 55%,#0b0e0d 100%);overflow:hidden;touch-action:none}#scene,#scene canvas{width:100%;height:100%;display:block}.view-tools{position:absolute;top:16px;left:16px;display:flex;background:#0c100ee8;border:1px solid var(--line);padding:3px;border-radius:5px}.view-tools button,.speed button,.ghost,.reset{border:0;background:transparent;color:var(--muted);padding:7px 9px;font-size:.73rem;cursor:pointer}.view-tools .active,.speed .active{background:var(--acid);color:#111;font-weight:800}.scene-hint{position:absolute;top:61px;left:20px;color:#78817c;font-size:.68rem}.print-card{position:absolute;right:16px;top:16px;display:grid;grid-template-columns:auto auto;gap:5px 14px;padding:10px 12px;background:#0c100ee8;border:1px solid var(--line);font-size:.7rem}.print-card span{color:var(--muted)}.print-card b{text-align:right}.object-card{position:absolute;left:50%;bottom:17px;transform:translate(-50%,8px);padding:9px 12px;background:#0c100eed;border:1px solid var(--acid);font-size:.72rem;opacity:0;transition:.18s;pointer-events:none}.object-card.show{opacity:1;transform:translate(-50%,0)}.object-card strong{margin-right:8px}.object-card span{color:var(--muted)}.editor-head{display:flex;justify-content:space-between;padding:10px 12px;background:#0e1210;border:1px solid var(--line);color:var(--muted);font-size:.72rem}textarea{flex:1;min-height:230px;resize:none;padding:16px;background:#0b0f0d;color:#cbd5cf;border:0;border-left:1px solid var(--line);font:13px/1.68 "Cascadia Code",Consolas,monospace;tab-size:2;outline:none;white-space:pre}.editor-foot{display:flex;justify-content:space-between;gap:10px;padding:8px 0;color:#6f7973;font-size:.65rem}.diagnostics{display:flex;align-items:center;padding:7px 0 0;color:var(--muted);font-size:.72rem;border-top:1px solid var(--line)}.diagnostics b{margin-left:auto;color:var(--text)}.diagnostics.error .dot{background:var(--danger);box-shadow:0 0 12px #ff665280}.diagnostics.error b{color:var(--danger)}.ghost{border:1px solid #58615c!important;color:var(--text)!important;border-radius:3px}.ghost:hover{border-color:var(--acid)!important}.transport{display:grid;grid-template-columns:48px 38px minmax(220px,1fr) auto;align-items:center;gap:13px;padding:14px 22px;border-top:1px solid var(--line);background:#101412}.play{width:46px;height:46px;border:0;border-radius:50%;background:var(--acid);color:#111;cursor:pointer;font-weight:800}.reset{font-size:1.25rem}.timeline-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem}.timeline-meta b{color:var(--text)}.timeline-meta em{font-style:normal;color:#68716c}.timeline input{width:100%;accent-color:var(--acid);cursor:pointer}.speed{display:flex;align-items:center;gap:4px}.speed>span{margin-right:7px;color:var(--muted);font-size:.7rem}.toast{position:fixed;left:50%;bottom:105px;z-index:20;transform:translate(-50%,18px);padding:10px 14px;background:#f2f5f2;color:#111;border-radius:4px;font-size:.78rem;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{position:fixed;inset:68px 0 88px;z-index:30;display:grid;place-content:center;gap:13px;text-align:center;background:#0d100f;transition:.35s}.loading.hide{opacity:0;pointer-events:none}.loading span{width:34px;height:34px;margin:auto;border:2px solid #3b433f;border-top-color:var(--acid);border-radius:50%;animation:spin .8s linear infinite}.loading b{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}@keyframes pulse{50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.workspace{grid-template-columns:230px 1fr 330px}.top-stats span:last-child{display:none}}@media(max-width:880px){.workspace{grid-template-columns:220px 1fr}.editor-panel{display:none}.top-stats span:nth-child(n+2){display:none}}@media(max-width:650px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-rows:60px auto auto}.workspace{display:flex;flex-direction:column}.settings-panel{order:2}.stage-wrap{height:54vh;min-height:360px;order:1}.settings-panel{width:100%;border-top:1px solid var(--line)}.transport{position:sticky;bottom:0;z-index:5;grid-template-columns:44px 34px 1fr;padding:10px 12px}.speed{display:none}.topbar{padding:0 14px}.scene-hint{display:none}.print-card{top:auto;bottom:14px;left:14px;right:auto}.object-card{bottom:75px}.loading{inset:60px 0 0}}