@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#e7efff;background:#080d19;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#080d19;--panel:#101a2c;--panel2:#0c1525;--line:#23344f;--muted:#8194b5;--blue:#5d91ff;--green:#32e6a1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#172b4b 0,#080d19 55%);min-width:320px}button,input,select,textarea{font:inherit}.app-shell{max-width:1600px;margin:auto;padding:0 28px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24344d}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;letter-spacing:2px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4168a3;border-radius:12px;color:#80aaff;background:#142748}.brand-accent{color:#6d9cff}.brand small{display:block;font:10px DM Mono,monospace;color:#7f93b5;letter-spacing:1.5px;margin-top:4px}.top-status,.section-kicker,.scene-hint,.scene-caption,.catalog-count{font:10px DM Mono,monospace;letter-spacing:1.2px;color:#8ba0c2}.top-status{display:flex;align-items:center;gap:8px}.top-status i,.live-dot{width:7px;height:7px;border-radius:50%;background:#32e6a1;box-shadow:0 0 12px #32e6a188}.top-status b{color:#32e6a1}.hero{padding:48px 0 38px;max-width:760px}.eyebrow{display:flex;gap:8px;align-items:center;color:#8eb3ff;font:11px DM Mono,monospace;letter-spacing:1.4px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-2.8px;margin:18px 0}.hero h1 em{font-style:normal;color:#76a4ff;text-shadow:0 0 36px #3879ff40}.hero p{max-width:600px;color:#a1b2cd;line-height:1.8;font-size:15px}.hero-stats{display:flex;gap:28px;margin-top:25px;color:#8194b5;font:10px DM Mono,monospace;text-transform:uppercase}.hero-stats b{display:block;color:#e6efff;font-size:17px;margin-bottom:4px}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.panel{background:linear-gradient(145deg,#111d31,#0c1525);border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 50px #0002}.control-panel{padding:22px}.section-kicker{display:flex;align-items:center;gap:6px;color:#6f9fff}.panel h2{font-size:19px;letter-spacing:-.4px;margin:8px 0 20px}.control-panel label{display:block;font:10px DM Mono,monospace;color:#8ca2c6;letter-spacing:1px;margin:17px 0 7px}.control-panel label small{color:#536a8e;text-transform:none;letter-spacing:0}.control-panel select,.control-panel textarea,.control-panel input{width:100%;background:#091221;border:1px solid #293d5c;border-radius:8px;color:#dce8ff;padding:11px;outline:none;font-size:12px}.control-panel select:focus,.control-panel textarea:focus,.control-panel input:focus{border-color:#6195ff;box-shadow:0 0 0 3px #6195ff1a}.control-panel textarea{resize:vertical;line-height:1.7}.button-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.button-row button{display:flex;align-items:center;justify-content:center;gap:6px;background:#1b2a43;border:1px solid #344966;border-radius:7px;padding:9px 10px;color:#dce8ff;font-size:11px;cursor:pointer}.button-row button.primary{background:#3878f5;border-color:#5d91ff;color:#fff}.button-row button:disabled{opacity:.35;cursor:not-allowed}.button-row .icon-btn{padding:9px}.progress-wrap{margin-top:25px}.progress-label{display:flex;justify-content:space-between;color:#8194b5;font:9px DM Mono,monospace}.progress-label b{color:#dce8ff}.progress{height:4px;background:#1f304b;border-radius:8px;margin-top:9px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#4e7dff,#42e3bd);transition:width .25s}.selected-info{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #263650;margin-top:22px;padding-top:16px}.selected-info .live-dot{flex-shrink:0;margin-top:5px}.selected-info b,.selected-info small{display:block}.selected-info b{font-size:12px}.selected-info small{font-size:10px;color:#7d91b2;margin-top:4px}.visual-panel{padding:20px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading h2{display:flex;align-items:center;gap:10px;margin-bottom:16px}.live-pill{font:9px DM Mono,monospace;color:#32e6a1;border:1px solid #276a59;border-radius:4px;padding:4px 6px}.drag-label{font:9px DM Mono,monospace;color:#7188ad}.scene-wrap{position:relative;border:1px solid #293c5b;border-radius:12px;overflow:hidden;background:#080f20}.three-host{height:440px;cursor:grab}.three-host:active{cursor:grabbing}.three-host canvas{display:block;width:100%;height:100%}.scene-hint{position:absolute;z-index:1;top:13px;left:15px;font-size:9px;color:#6f88af}.scene-legend{display:flex;gap:20px;flex-wrap:wrap;padding:12px 15px;border-top:1px solid #20314b;background:#0b1424}.scene-legend span{display:flex;align-items:center;gap:7px;color:#8ca0c0;font:10px DM Mono,monospace}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.blue{background:#4e8cff}.dot.green{background:#32e6a1}.dot.red{background:#ff627d}.dot.purple{background:#b68cff}.scene-caption{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:9px}.scene-caption span:first-child,.scene-caption span:last-child{color:#6086c3}.bottom-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;margin-top:16px}.result-panel,.code-panel{padding:22px}.result-panel h2,.code-panel h2{margin-bottom:15px}.result-chips{display:flex;gap:7px;flex-wrap:wrap;min-height:40px}.result-chips span{border:1px solid #2c4b70;background:#122541;border-radius:6px;padding:7px 10px;color:#a8c7ff;font:11px DM Mono,monospace;overflow-wrap:anywhere}.result-panel p{color:#7f93b4;font-size:11px;line-height:1.8}.code-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#080f1d;border:1px solid #243752;padding:15px;border-radius:9px;color:#b4d1ff;font:11px/1.8 DM Mono,monospace;margin:0}.catalog-panel{margin-top:16px;padding:22px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalog-group{border:1px solid #243752;border-radius:10px;padding:13px;background:#0b1423}.catalog-group h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px}.catalog-group h3 span{font:10px DM Mono,monospace;color:#6797ff}.catalog-group button{display:block;text-align:left;width:100%;border:1px solid transparent;background:transparent;color:#d5e1f6;padding:9px;border-radius:6px;cursor:pointer}.catalog-group button:hover,.catalog-group button.active{background:#142747;border-color:#355c9b}.catalog-group button span{display:block;font-size:11px}.catalog-group button small{display:block;color:#7187aa;font-size:9px;margin-top:4px}.catalog-count{border:1px solid #304867;padding:7px 9px;border-radius:6px}footer{display:flex;justify-content:space-between;gap:12px;padding:25px 0;color:#557096;font:9px DM Mono,monospace;letter-spacing:1px}footer span{letter-spacing:0;color:#687e9f}@media(max-width:1050px){.workspace{grid-template-columns:280px minmax(0,1fr)}.three-host{height:390px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:0 13px}.top-status{display:none}.hero{padding:35px 0 25px}.hero-stats{gap:15px}.workspace,.bottom-grid{grid-template-columns:1fr}.three-host{height:350px}.catalog-grid{grid-template-columns:1fr}.scene-caption span:nth-child(2){display:none}.visual-panel{padding:13px}.control-panel,.catalog-panel,.result-panel,.code-panel{padding:16px}footer{flex-wrap:wrap}.drag-label{font-size:8px}}