@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg: #1a1a1a;--surface: #222222;--panel: #2a2a2a;--border: #444444;--accent: #17b5ca;--text: #dddddd;--muted: #666666;--green: #5cb85c;--red: #d9534f;font-family:"Press Start 2P",monospace}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2em;background:var(--bg);color:var(--text)}h1{font-size:1.8em;letter-spacing:.1em;color:var(--accent);margin-bottom:.7em;text-transform:uppercase}.flex{display:flex;row-gap:1em;column-gap:1em}.col{flex-direction:column}.row{flex-direction:row}main{display:flex;flex-direction:row;align-items:flex-start;gap:1.2em;background:var(--surface);border:2px solid var(--border);padding:1.2em}svg{border:2px solid var(--border);display:block}#svgCanvas{background:#111}#sideBar{display:flex;flex-direction:column;gap:1em;width:210px;min-width:210px}#info{display:flex;flex-direction:column;gap:.8em}.stat-card{background:var(--panel);border:1px solid var(--border);padding:.8em 1em}.stat-row{display:flex;justify-content:space-between;gap:1em}.stat-label{font-size:.45em;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4em}.stat-value{font-size:1.5em;color:var(--accent);line-height:1}.slider-card{background:var(--panel);border:1px solid var(--border);padding:.8em 1em;display:flex;flex-direction:column;gap:.6em}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-label{font-size:.45em;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}#baseLabel{font-size:.5em;color:var(--accent)}#baseSlider{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:var(--border);outline:none;cursor:pointer}#baseSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:0;background:var(--accent);cursor:pointer}#baseSlider::-moz-range-thumb{width:12px;height:12px;border-radius:0;background:var(--accent);border:none;cursor:pointer}.slider-ticks{display:flex;justify-content:space-between;font-size:.4em;color:var(--muted)}.controls-card{background:var(--panel);border:1px solid var(--border);padding:.8em 1em;display:flex;flex-direction:column;gap:.5em}.controls-title{font-size:.45em;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.2em}.control-row{display:flex;justify-content:space-between;align-items:center;font-size:.45em}.key{background:var(--bg);border:1px solid var(--border);padding:2px 6px;color:var(--text);white-space:nowrap}.control-desc{color:var(--muted);text-align:right}