:root{color-scheme:dark;--bg: #0a1017;--panel: #0f1822;--panel2: #12202c;--line: #1e2b38;--text: #e8eef5;--muted: #9fb3c8;--accent: #56b6f0;--accent2: #6fd3b3}*{box-sizing:border-box;margin:0}body{font:14px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 78% -12%,#12324a 0%,transparent 55%),radial-gradient(900px 520px at 5% 112%,#16281c 0%,transparent 50%),var(--bg);min-height:100vh}.app{max-width:1500px;margin:0 auto;padding:18px 22px 32px}header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.tag{display:inline-block;letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;color:var(--accent2);border:1px solid #26534a;padding:.25rem .55rem;border-radius:999px}h1{font-size:1.5rem;font-weight:620;margin-top:.5rem}h1{background:linear-gradient(90deg,#cfe6f7,#9fe0cf);-webkit-background-clip:text;background-clip:text;color:transparent}.status{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;background:var(--panel);border:1px solid var(--line);padding:.4rem .7rem;border-radius:10px;white-space:nowrap}.status .dot{width:9px;height:9px;border-radius:50%}.status .secs{color:#6f8299;font-size:.78rem;border-left:1px solid var(--line);padding-left:.5rem;margin-left:.2rem}.layout{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.controls{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;position:sticky;top:12px}.fieldgroup{margin-bottom:14px}.fieldgroup>label{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--muted);margin-bottom:6px}.fieldgroup .val{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}select,input[type=range]{width:100%}select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:.85rem}input[type=range]{accent-color:var(--accent)}.chips{display:flex;gap:6px}.chip{flex:1;background:var(--panel2);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:7px 0;font-weight:600;cursor:pointer;font-size:.82rem}.chip.on{background:linear-gradient(180deg,#1c435e,#143246);color:#dff0ff;border-color:#2b6088}.row{display:flex;gap:8px;margin-top:6px}.btn{flex:1;background:linear-gradient(180deg,#1c435e,#143246);color:#dff0ff;border:1px solid #2b6088;border-radius:8px;padding:8px;cursor:pointer;font-size:.82rem;font-weight:600}.btn.ghost{background:var(--panel2);color:var(--muted);border-color:var(--line)}.btn:disabled{opacity:.4;cursor:default}.note{font-size:.72rem;color:#6f8299;margin-top:14px;line-height:1.5;border-top:1px solid var(--line);padding-top:10px}.err{color:#ff8a8a;font-size:.8rem;margin-top:8px;background:#2a1519;border:1px solid #5a2630;padding:8px;border-radius:8px}.panels{display:flex;flex-direction:column;gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px 4px}.card-title{font-size:.82rem;color:var(--muted);padding:4px 4px 0}.plot{width:100%}.fieldplot{height:460px}.erplot{height:340px}.placeholder{height:460px;display:grid;place-items:center;color:var(--muted)}