:root{--bg:#fff;--fg:#1d1d1b;--muted:#6b6b69;--line:#e0e0de;--accent:#e30613;--accent-hover:#c00510;--on-accent:#fff;--ok:#0f7a38;--bad:#a4161a;--surface:#f5f5f4}@media (prefers-color-scheme:dark){:root{--bg:#1d1d1b;--fg:#f5f5f4;--muted:#a8a8a6;--line:#3a3a38;--accent:#ff3b47;--accent-hover:#ff5a64;--on-accent:#1d1d1b;--ok:#4fc97e;--bad:#ff7a80;--surface:#2a2a28}}:root{--series-1:#e30613;--series-2:#1d1d1b;--series-3:#8c8c8a;--series-4:#e86c00;--series-5:#a4161a;--series-6:#c9c9c7;--series-7:#5a5a58;--series-8:#f2a07b}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:14px/1.45 Proxima Nova,PT Sans,Segoe UI,system-ui,sans-serif}#app{padding:12px}.head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px;display:flex}.head h1{letter-spacing:.02em;margin:0;font-size:16px}.badge{color:var(--muted);background:var(--surface);border-radius:10px;padding:2px 8px;font-size:12px}.panel{margin:12px 0}button.primary{width:100%;font:inherit;color:var(--on-accent);background:var(--accent);cursor:pointer;border:none;border-radius:4px;padding:8px 12px}button.primary:disabled{opacity:.6;cursor:default}.hint{color:var(--muted);margin:8px 0 0;font-size:12px}.group{margin-top:14px}.group h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:12px}dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 8px;margin:0;display:grid}dt,dd{overflow-wrap:anywhere;min-width:0;margin:0;padding:3px 0;font-size:12px}dt{color:var(--muted)}dt.good:before{content:"✓ ";color:var(--ok)}dt.bad:before{content:"✕ ";color:var(--bad)}dd{font-variant-numeric:tabular-nums}.foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:8px;margin-top:16px;padding-top:8px;font-size:11px;display:flex}.dot-ok{color:var(--ok)}.dot-fail{color:var(--bad)}.dot-unknown{color:var(--muted)}.controls{flex-direction:column;gap:10px;margin:12px 0;display:flex}[hidden]{display:none!important}.field{flex-direction:column;gap:4px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px}select,textarea,input[type=password]{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:4px;width:100%;padding:6px 8px}textarea{resize:vertical}.presets{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:12px;padding:4px 10px;font-size:12px}.chip-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.row{gap:8px;display:flex}.row>button{flex:1}button.secondary{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:4px;padding:8px 12px}.status{min-height:1.2em;margin:0;font-size:12px}.status-ok{color:var(--ok)}.status-bad{color:var(--bad)}.status-muted{color:var(--muted);font-variant-numeric:tabular-nums}.result-block{flex-direction:column;gap:8px;margin-top:14px;display:flex}.result-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.meta{color:var(--muted);font-size:11px}.result{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:4px;max-height:40vh;padding:8px;font-size:13px;overflow-y:auto}.settings{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}.settings summary{color:var(--muted);cursor:pointer;font-size:12px}.settings .field,.settings button,.diag{margin-top:8px}.file-btn{text-align:center;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:4px;flex:1;padding:8px 12px;display:inline-block}.file-btn input[type=file]{display:none}.preview{border-radius:4px;max-width:100%;height:auto;display:block}.warn{border-left:3px solid var(--accent);background:var(--surface);color:var(--fg);margin:6px 0 0;padding:6px 8px;font-size:12px}.chip-primary{border-color:var(--accent);color:var(--accent-hover);font-weight:600}.chip-primary.chip-active{color:var(--on-accent)}.refine{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;display:flex}
