:root{color-scheme:dark;--bg: #0f1412;--bg-2: #171d1a;--card: #1c2421;--line: #2b3833;--text: #eef4f0;--muted: #93a399;--accent: #3dd68c;--accent-2: #1fa968;--warn: #f5c14a;--danger: #ff6b6b;--ok: #3dd68c;--shadow: 0 18px 50px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 500px at 10% -10%,rgba(61,214,140,.12),transparent 55%),var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif}button,input,select,textarea{font:inherit}#app{max-width:1120px;margin:0 auto;padding:28px 20px 48px}.hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:22px}.hero h1{margin:0 0 6px;font-size:28px;letter-spacing:-.03em}.hero p{margin:0;color:var(--muted)}.tabs{display:flex;gap:8px;margin:0 0 16px}.tab{border:1px solid var(--line);background:var(--bg-2);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:13px}.tab.active{background:var(--accent);border-color:var(--accent);color:#062015}.json-editor{width:100%;min-height:320px;border:1px solid var(--line);background:#101614;color:var(--text);border-radius:12px;padding:12px;outline:none;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.5;resize:vertical}.json-editor:focus{border-color:var(--accent-2)}.endpoint{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;word-break:break-all;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.method{display:inline-block;margin-right:8px;color:var(--accent);font-weight:700}.grid{display:grid;grid-template-columns:340px 1fr;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}.card h2{margin:0 0 14px;font-size:15px;font-weight:600}.field{display:grid;gap:6px;margin-bottom:12px}.field span,.hint{color:var(--muted);font-size:12px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--bg-2);color:var(--text);border-radius:12px;padding:10px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-2)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}button{border:0;border-radius:12px;padding:11px 14px;cursor:pointer;font-weight:600}.btn-primary{background:var(--accent);color:#062015}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{border:1px solid var(--line);background:var(--bg-2);color:var(--text);border-radius:12px;padding:12px 10px;text-align:left}.choice.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choice small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.status{margin-top:14px;border-radius:14px;padding:14px;border:1px solid var(--line)}.status.ok{border-color:#3dd68c73;background:#3dd68c14}.status.err{border-color:#ff6b6b73;background:#ff6b6b14}.status.mixed{border-color:#f5c14a73;background:#f5c14a14}.counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.count-card{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;padding:10px}.count-card label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.count-card input{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:8px 10px}.result-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;max-height:220px;overflow:auto}.result-list li{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:8px 10px;border-radius:10px;background:#101614}.result-list .ok{color:var(--ok)}.result-list .fail{color:var(--danger)}.status h3{margin:0 0 6px;font-size:15px}.status p{margin:0;color:var(--muted)}pre{margin:12px 0 0;padding:12px;overflow:auto;max-height:280px;background:#101614;border-radius:12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.45}.warn{color:var(--warn);font-size:12px;margin:0 0 10px}.user-line{font-size:12px;color:var(--muted);margin:0 0 12px}.choices.four{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid,.row,.choices,.choices.four,.counts{grid-template-columns:1fr}}
