:root{--bg:#0b0d12;--panel:#14171f;--panel-2:#1b1f2a;--line:#ffffff14;--ink:#f2f5fb;--ink2:#ffffff9e;--blue:#2d7cff;--lime:#b6ff3c;--gold:#ffb020;--coral:#ff4d3d;--danger:#ff4d3d;--radius:14px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--blue);text-decoration:none}.shell{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;padding:20px 16px 64px}.container{width:100%;max-width:720px;margin:0 auto}.nav{border-bottom:1px solid var(--line);background:var(--panel);z-index:10;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.nav .brand{letter-spacing:-.02em;margin-right:8px;font-size:18px;font-weight:800}.nav a{color:var(--ink2);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.nav a.active{color:var(--ink);background:var(--panel-2)}.nav .spacer{flex:1}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:18px}.card h2{text-transform:uppercase;letter-spacing:.04em;color:var(--ink2);margin:0 0 12px;font-size:15px}.grid{gap:10px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}label{color:var(--ink2);margin-bottom:4px;font-size:12px;display:block}input,select{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px;font-size:15px}input:focus,select:focus{outline:2px solid var(--blue);outline-offset:0}.btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:11px 16px;font-size:15px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:var(--panel-2);color:var(--ink);border:1px solid var(--line)}.btn.ghost{color:var(--ink2);background:0 0;width:auto;padding:6px 10px;font-size:13px}.preset{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.preset.on{background:var(--blue);border-color:var(--blue);color:#fff}.stat{flex-direction:column;gap:2px;display:flex}.stat .big{letter-spacing:-.02em;font-size:30px;font-weight:800}.stat .lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);font-size:11px}.statrow{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.muted{color:var(--ink2)}.pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.pill.ok{color:var(--lime);background:#b6ff3c24}.pill.warn{color:var(--gold);background:#ffb02029}.pill.bad{color:var(--coral);background:#ff4d3d29}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.list li:last-child{border-bottom:none}.list .l-main{font-weight:700}.list .l-sub{color:var(--ink2);font-size:12px}canvas{max-width:100%}