:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--border: #2a2f3a;--text: #e6e8ec;--muted: #9aa3b2;--accent: #d8a657;--error: #e06c75;--warn: #d19a66;--ok: #98c379}@media (prefers-color-scheme: light){:root{--bg: #f6f7f9;--panel: #ffffff;--panel-2: #f0f2f5;--border: #dde1e7;--text: #1a1d23;--muted: #5c6470}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:940px;margin:0 auto;padding:32px 20px 64px}header h1{margin:0 0 4px;font-size:26px;letter-spacing:-.02em}header .sub{margin:0 0 24px;color:var(--muted);font-size:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:16px}.panel h3{margin:0 0 14px;font-size:15px;letter-spacing:.01em}.panel h4{margin:18px 0 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.panel h4 .count{color:var(--accent);margin-left:6px}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.controls label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.controls label.wide{grid-column:1 / -1}.controls label.checkbox{flex-direction:row;align-items:center;gap:8px}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font:inherit;width:100%}input[type=checkbox]{width:auto;accent-color:var(--accent)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.primary{grid-column:1 / -1;background:var(--accent);color:#1a1d23;border:0;border-radius:6px;padding:11px;font-weight:650;font-size:14px;cursor:pointer}.primary:disabled{opacity:.55;cursor:default}.typeahead{position:relative}.typeahead-spinner{position:absolute;right:10px;top:11px;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.typeahead-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000059;max-height:280px;overflow-y:auto}.typeahead-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:5px;cursor:pointer;font-size:14px}.typeahead-list li.active{background:var(--accent);color:#1a1d23}.typeahead-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typeahead-empty{color:var(--muted);font-size:13px;cursor:default}.pips{display:inline-flex;gap:3px;flex:none}.pip{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.35)}.pip-W{background:#fffbd5}.pip-U{background:#aae0fa}.pip-B{background:#9b8f89}.pip-R{background:#f9aa8f}.pip-G{background:#9bd3ae}.pip-C{background:#ccc2c0}.status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.spinner{width:13px;height:13px;flex:none;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{border-color:var(--error);color:var(--error)}.warn{border-color:var(--warn)}.warn h3{color:var(--warn)}.error ul,.warn ul{margin:0;padding-left:18px;font-size:13px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.stat{display:flex;flex-direction:column;gap:2px}.stat strong{font-size:21px;letter-spacing:-.02em}.stat span{font-size:12px;color:var(--muted)}.breakdown{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:90px 1fr 92px;align-items:center;gap:10px;font-size:13px}.bar-label{color:var(--muted)}.bar-track{background:var(--panel-2);border-radius:4px;height:9px;overflow:hidden}.bar{height:100%;border-radius:4px;background:var(--accent)}.bar-land{background:#7f8c9b}.bar-ramp{background:#98c379}.bar-draw{background:#61afef}.bar-removal{background:#e06c75}.bar-protection{background:#c678dd}.bar-payload{background:var(--accent)}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.bar-value em{color:var(--muted);font-style:normal;font-size:12px}.cards{list-style:none;margin:0;padding:0}.cards li{display:grid;grid-template-columns:minmax(150px,1fr) 2fr 62px;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px;align-items:baseline}.cards li:last-child{border-bottom:0}.card-rationale{color:var(--muted);font-size:12px}.card-price{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.combos{list-style:none;margin:0;padding:0;font-size:13px}.combos li{padding:7px 0;border-bottom:1px solid var(--border)}.combos li:last-child{border-bottom:0}.combos em{color:var(--muted);font-style:normal}.tag{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:650;background:var(--panel-2);color:var(--muted)}.tag-R{background:#4a2226;color:#ffb3ba}.tag-S{background:#4a3a1c;color:#ffd9a0}.tag-P{background:#3a2a4a;color:#dcc0ff}.violation{color:var(--warn);font-size:13px;margin:10px 0 0}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;resize:vertical}@media (max-width: 640px){.controls,.summary{grid-template-columns:1fr}.cards li{grid-template-columns:1fr 54px}.card-rationale{grid-column:1 / -1}}.stat-note{display:block;font-style:normal;font-size:11px;opacity:.75}.error strong{display:block;margin-bottom:4px}.error-hint{margin:0 0 8px;color:var(--text);opacity:.8;font-size:13px}.error details{font-size:12px}.error details summary{cursor:pointer;color:var(--muted)}.error details code{display:block;margin-top:6px;word-break:break-all;opacity:.75}.upgrade-summary{margin:0 0 14px;font-size:14px}.upgrade-none{margin:0;font-size:14px;color:var(--muted)}.swaps{display:grid;grid-template-columns:1fr 1fr;gap:20px}.swap-col h4{margin-top:0}.swap-col .cards li{grid-template-columns:minmax(120px,1fr) 1.4fr 62px}@media (max-width: 720px){.swaps{grid-template-columns:1fr}}.upgrade-basics{margin:14px 0 0;font-size:13px;color:var(--muted)}