:root{--bg:#f4f6fb;--card:#fff;--fg:#17202e;--muted:#6b7686;--line:#e3e8f0;--accent:#4f46e5;--accent2:#7c3aed;--ok:#15803d;--bad:#dc2626;--warn:#b45309;--code:#f7f9fc}@media (prefers-color-scheme:dark){:root{--bg:#0d1117;--card:#161b22;--fg:#e6edf3;--muted:#8b97a7;--line:#2a313c;--accent:#818cf8;--accent2:#a78bfa;--ok:#4ade80;--bad:#f87171;--warn:#fbbf24;--code:#0f141b}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:1400px;margin:0 auto;padding:0 16px 24px}.top{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.brand{letter-spacing:-.02em;font-size:20px;font-weight:700}.logo{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text}.panes{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;min-width:0;padding:18px;box-shadow:0 1px 2px #1018280a,0 8px 24px #1018280a}.card h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 14px;font-size:13px}textarea,input,select,button{font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:10px;outline:none;padding:10px 12px}textarea:focus,input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}textarea{resize:vertical;background:var(--code);width:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}button{cursor:pointer;transition:all .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;width:100%;margin-top:14px;padding:12px;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.ghost{align-items:center;gap:8px;display:flex}button.link{color:var(--accent);background:0 0;border:none;padding:2px 6px}.count{background:var(--accent);color:#fff;border-radius:10px;padding:0 7px;font-size:11px}.urlrow{gap:8px;display:flex}.urlrow input{flex:1;min-width:0}.urlrow select{font-weight:600}.detect{margin:10px 0 0}.badge{letter-spacing:.05em;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.badge.rest{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent)}.badge.soap{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.badge.none{color:var(--bad);background:color-mix(in srgb, var(--bad) 14%, transparent)}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:14px 0 10px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;padding:8px 14px}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.err{color:var(--bad);font-size:13px}.warn{color:var(--warn);font-size:13px}.muted{color:var(--muted)}.errbox{background:color-mix(in srgb, var(--bad) 10%, transparent);color:var(--bad);border-radius:10px;padding:12px}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:10px;padding:60px 0}.meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status{border-radius:999px;padding:2px 12px;font-size:15px;font-weight:700}.status.ok{background:color-mix(in srgb, var(--ok) 14%, transparent)}.status.bad{background:color-mix(in srgb, var(--bad) 14%, transparent)}.ok{color:var(--ok)}.bad{color:var(--bad)}pre{background:var(--code);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:10px;max-height:560px;margin:0;padding:12px;font:12.5px/1.55 ui-monospace,SF Mono,Menlo,monospace;overflow:auto}.overlay{z-index:10;background:#0006;position:fixed;inset:0}.drawer{background:var(--card);border-left:1px solid var(--line);z-index:11;width:min(380px,100%);padding:16px;transition:transform .2s;position:fixed;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}.drawer.open{transform:none}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-head h2{margin:0;font-size:16px}.hitem{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:8px;padding:10px 6px;font-size:12.5px;display:flex}.hitem:hover{background:var(--code)}.hitem .m{flex:none;width:52px;font-weight:700}.hitem .u{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (max-width:860px){.panes{grid-template-columns:1fr}.app{padding:0 12px 20px}.card{padding:14px}textarea,input,select{font-size:16px}.urlrow{flex-wrap:wrap}.urlrow select{width:100%}}