:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--border: #dfe3e8;--text: #16181d;--text-dim: #646b76;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #e8efff;--ok: #15803d;--ok-soft: #e6f6ec;--warn: #b45309;--warn-soft: #fdf3e3;--danger: #b91c1c;--danger-soft: #fdeaea;--log-bg: #12141c;--log-text: #7ee7a8;--radius: 10px;--shadow: 0 1px 2px rgba(16, 18, 22, .05), 0 4px 12px rgba(16, 18, 22, .04);--mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;color-scheme:light}[data-theme=dark]{--bg: #0d0f14;--surface: #161920;--surface-2: #1e222b;--border: #2b303b;--text: #e8eaee;--text-dim: #969ca8;--accent: #5b8cff;--accent-hover: #7aa2ff;--accent-soft: #1b2337;--ok: #4ade80;--ok-soft: #14271c;--warn: #fbbf24;--warn-soft: #2a2113;--danger: #f87171;--danger-soft: #2c1618;--log-bg: #090b10;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:1240px;margin:0 auto;padding:20px 20px 48px}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.topbar h1{font-size:19px;margin:0;font-weight:650;letter-spacing:-.01em}.topbar .brand{display:block;border-radius:6px;margin-right:-4px}[data-theme=dark] .topbar .brand{filter:invert(1)}.topbar .sub{color:var(--text-dim);font-size:13px}.topbar .spacer{flex:1}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:940px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card>h2{font-size:13px;margin:0 0 12px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);display:flex;align-items:center;gap:8px}.card>h2 .opcode{font:500 11px var(--mono);color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);padding:1px 5px;border-radius:4px;text-transform:none;letter-spacing:0}.card.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row+.row{margin-top:10px}.stack{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}button{font:inherit;font-weight:500;padding:7px 13px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background .13s,border-color .13s,opacity .13s;white-space:nowrap}button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 40%,var(--border));color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}button.ghost{background:transparent}button.sm{padding:4px 9px;font-size:12.5px}button.icon-btn{display:grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;color:var(--text-dim)}button.icon-btn:hover{color:var(--accent)}a.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);text-decoration:none;font-size:12.5px;font-weight:550;white-space:nowrap;transition:color .13s,border-color .13s,background .13s}a.chip:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}a.chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a.chip svg{flex:none}.chip-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.install-note{color:var(--text-dim);font-size:12.5px;margin:0 0 10px}input,select{font:inherit;color:var(--text);padding:6px 9px;border-radius:7px;border:1px solid var(--border);background:var(--surface)}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=number]{width:82px}textarea{font:inherit;color:var(--text);width:100%;padding:8px 10px;border-radius:7px;resize:vertical;border:1px solid var(--border);background:var(--surface)}label{color:var(--text-dim);font-size:13px}label.inline{display:inline-flex;align-items:center;gap:6px}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--border);margin-bottom:16px}.tabs button{border:none;background:none;border-radius:0;color:var(--text-dim);padding:9px 15px;border-bottom:2px solid transparent;font-weight:550}.tabs button:hover{background:var(--surface-2);border-color:transparent}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12.5px;font-weight:550;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.pill.ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.pill.warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.pill.err{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:baseline}.kv dt{color:var(--text-dim);font-size:13px}.kv dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hint{color:var(--text-dim);font-size:12.5px;margin:0}.warntext{color:var(--warn);font-size:12.5px}.dangertext{color:var(--danger);font-size:12.5px}.map{display:grid;grid-template-columns:repeat(25,1fr);gap:3px}.map .slot{aspect-ratio:1;border-radius:3px;border:1px solid var(--border);background:var(--surface-2);font-size:8px;color:transparent;display:grid;place-items:center;cursor:default}.map .slot.used{background:var(--accent);border-color:var(--accent)}.map .slot:hover{outline:2px solid var(--accent);outline-offset:1px}.match-result{font-size:22px;font-weight:700;letter-spacing:-.02em}.match-result.ok{color:var(--ok)}.match-result.no{color:var(--danger)}.match-result.idle{color:var(--text-dim)}.meter{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.meter>i{display:block;height:100%;background:var(--accent);transition:width .25s}.rng-value{font:600 15px var(--mono);letter-spacing:.02em}.image-preview{display:flex;justify-content:center;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px;min-height:140px}.image-preview canvas{image-rendering:pixelated;max-width:100%;max-height:260px;border:1px solid var(--border);background:#000}.log{background:var(--log-bg);color:var(--log-text);font:12px/1.55 var(--mono);padding:10px 12px;border-radius:8px;height:260px;overflow:auto;white-space:pre-wrap;word-break:break-all;border:1px solid var(--border)}.log:empty:after{content:"Waiting for traffic…";color:var(--text-dim)}table.caps{width:100%;border-collapse:collapse;font-size:13px}table.caps th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:600;padding:0 8px 6px 0;border-bottom:1px solid var(--border)}table.caps td{padding:7px 8px 7px 0;border-bottom:1px solid var(--border);vertical-align:top}table.caps tr:last-child td{border-bottom:none}table.caps code{font:12px var(--mono);color:var(--text-dim)}table.caps .note{color:var(--text-dim);font-size:12px}button.version-chip{padding:3px 9px;border-radius:999px;font:550 12px var(--mono);color:var(--text-dim);background:var(--surface);border:1px solid var(--border)}button.version-chip:hover{color:var(--accent)}.tabs button .newdot{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--accent);vertical-align:2px}.build-sha{font:12px var(--mono);color:var(--text-dim)}ol.changelog{list-style:none;margin:0;padding:0}ol.changelog>li+li{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}ol.changelog .rel-head{gap:8px}ol.changelog h3{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em}ol.changelog .rel-title{color:var(--text-dim);font-size:13px}ol.changelog ul{list-style:none;margin:10px 0 0;padding:0}ol.changelog ul li{display:flex;gap:9px;align-items:baseline;font-size:13px}ol.changelog ul li+li{margin-top:7px}.tag{flex:none;min-width:58px;text-align:center;font-size:10.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:4px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim)}.tag.added{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.tag.fixed{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0e8c;display:grid;place-items:center;padding:20px;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 48px #00000047;width:min(680px,100%);max-height:88vh;overflow:auto;padding:20px}.dialog h2{margin:0 0 4px;font-size:17px}.dialog .field{margin-top:14px}.dialog .field>label{display:block;margin-bottom:5px;font-weight:550;color:var(--text)}.dialog input[type=text],.dialog input[type=email]{width:100%}.banner{padding:10px 12px;border-radius:8px;font-size:13px;border:1px solid var(--border);background:var(--surface-2)}.banner.warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.banner.err{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.banner.ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.unsupported{max-width:620px;margin:80px auto;text-align:center}.unsupported .card{text-align:left}
