:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--line:#2a2f3a;--text:#e6e9ef;--muted:#8b93a3;--accent:#3d8bff;--accent-2:#5b6cff;--ok:#38d39f;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#app{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(#12151b,#0f1115);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{filter:drop-shadow(0 0 8px #46e0ff55);width:44px;height:auto;display:block}h1{letter-spacing:.2px;margin:0;font-size:16px}.tagline{color:var(--muted);margin:2px 0 0;font-size:12px}.status{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px}.status.busy{color:var(--accent);border-color:#3d8bff55}.status.busy:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:7px;animation:1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.layout{flex:1;grid-template-columns:320px 1fr;min-height:0;display:grid}.panel{border-right:1px solid var(--line);background:var(--panel);padding:18px;overflow-y:auto}.group{margin-bottom:22px}.group h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:600}.field{margin-bottom:14px}.field>label{color:var(--text);margin-bottom:6px;font-size:13px;display:block}.inputs{align-items:center;gap:8px;display:flex}input[type=range]{appearance:none;background:var(--line);border-radius:3px;outline:none;flex:1;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 3px #3d8bff33}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px}input[type=number],select{background:var(--panel-2);border:1px solid var(--line);width:72px;color:var(--text);font-size:13px;font-family:var(--font);border-radius:7px;padding:6px 8px}select{cursor:pointer;width:100%}input[type=number]:focus,select:focus{border-color:var(--accent);outline:none}.unit{color:var(--muted);width:20px;font-size:11px}.toggle{cursor:pointer;align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.toggle input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.toggle em{color:var(--muted);font-style:normal}.toggle.disabled{opacity:.45;cursor:not-allowed}.toggle.disabled input{cursor:not-allowed}.download{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:600;transition:filter .15s,transform 50ms}.download:hover:not(:disabled){filter:brightness(1.08)}.download:active:not(:disabled){transform:translateY(1px)}.download:disabled{opacity:.45;cursor:default}.hint{color:var(--muted);margin:14px 0 0;font-size:11.5px;line-height:1.5}.stage{min-width:0;position:relative}.viewport{background:radial-gradient(circle at 50% 35%,#1b2030,#0c0e13 75%);position:absolute;inset:0}.viewport canvas{display:block}.stats{color:var(--muted);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0d0f14cc;border-radius:8px;padding:7px 12px;font-size:12px;position:absolute;bottom:14px;left:16px}@media (max-width:720px){.layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--line);max-height:48vh}}.field>label em,.info em{color:var(--muted);font-size:11px;font-style:normal}.info{color:var(--muted);margin:-4px 0 4px;font-size:12px;line-height:1.5}.parts{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.part{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.part .meta{color:var(--muted);margin-top:2px;font-size:11px}.part button{border:1px solid var(--line);color:var(--accent);cursor:pointer;background:0 0;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}.part button:hover{border-color:var(--accent);background:#3d8bff14}.reset{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin-top:10px;padding:9px;font-size:12.5px;transition:border-color .15s,color .15s}.reset:hover{border-color:var(--accent);color:var(--text)}