:root{--bg: #0f1419;--panel: #151c24;--line: #2a3542;--text: #d7dee6;--muted: #8a97a5;--accent: #ffd166;--danger: #ef476f;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 var(--font)}#layout{display:grid;grid-template-columns:300px 1fr;grid-template-rows:1fr 110px;height:100%}#panel{grid-row:1 / span 2;background:var(--panel);border-right:1px solid var(--line);padding:14px 16px;overflow-y:auto}#panel h1{font-size:18px;letter-spacing:.02em;margin:0 0 12px}#panel h1 .tag{font:10px var(--mono);color:var(--muted);border:1px solid var(--line);padding:2px 6px;border-radius:3px;margin-left:8px;vertical-align:middle}#panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 8px}#panel h2 small{text-transform:none;letter-spacing:0;font-weight:400;margin-left:6px}#panel section{margin-bottom:8px}#panel label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted)}#panel input[type=number],#panel select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:5px 6px;font:12px var(--mono)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}#tools{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin-bottom:8px}#tools label{flex-direction:row;align-items:center;gap:6px;color:var(--text);font-size:12px}#regions{list-style:none;padding:0;margin:8px 0 0;font:11px var(--mono)}#regions li{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 6px;border-left:3px solid var(--line);margin-bottom:3px;background:var(--bg)}#regions li.fixed{border-color:#2ec4b6}#regions li.load{border-color:var(--danger)}#regions li.solid{border-color:#4cc9f0}#regions li.void{border-color:#9aa5b1}#regions button.del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px}#actions{display:flex;gap:6px;margin-top:12px}button{background:var(--line);color:var(--text);border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font:600 12px var(--font)}button.primary{background:var(--accent);color:#1a1400}button:disabled{opacity:.45;cursor:default}#view{position:relative;overflow:hidden}#view canvas{display:block;touch-action:none}#status{grid-column:2;display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:8px 14px;background:var(--panel)}#statusline{flex:1;font:12px var(--mono);color:var(--text)}#statusline.error{color:var(--danger)}#chart{border:1px solid var(--line);border-radius:4px}