:root{--bg0: #0f1419;--bg1: #172029;--bg2: #1e2a36;--line: #2c3b4a;--text: #e7eef5;--muted: #8fa3b5;--accent: #3db8a0;--accent-2: #e8a54b;--danger: #e57373;--radius: 12px;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#1a3a3a 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#2a2418 0%,transparent 50%),linear-gradient(180deg,var(--bg0),#121820 40%,var(--bg0))}code,pre{font-family:var(--mono)}.page{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin-bottom:1.75rem}.eyebrow{margin:0 0 .35rem;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}h1{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600;letter-spacing:-.02em}.lede{margin:.6rem 0 0;color:var(--muted);max-width:42rem;line-height:1.5}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.card{background:color-mix(in srgb,var(--bg1) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card h2,.card h3{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.card pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.45}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0}.stats div{background:var(--bg2);border-radius:8px;padding:.65rem .75rem}.stats dt{color:var(--muted);font-size:.75rem}.stats dd{margin:.2rem 0 0;font-size:1.25rem;font-weight:600}.console .field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.console .field.narrow{max-width:8rem}.console .field span{font-size:.85rem;color:var(--muted)}.console input,.console select{appearance:none;border:1px solid var(--line);background:var(--bg0);color:var(--text);border-radius:8px;padding:.7rem .8rem;font:inherit}.console input:focus,.console select:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);border-color:var(--accent)}.hint{color:var(--muted);font-size:.8rem}.actions{display:flex;gap:.75rem;margin:.5rem 0 1rem}.btn{border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;font:inherit;font-weight:500;cursor:pointer;background:var(--bg2);color:var(--text)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:transparent;color:#06241e}.btn.ghost{background:transparent}.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:8px;padding:.75rem .9rem}.result{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}.result pre{max-height:28rem;overflow:auto;background:var(--bg0);border:1px solid var(--line);border-radius:8px;padding:.9rem}.muted{color:var(--muted)}@media(max-width:800px){.header{flex-direction:column}.status-grid{grid-template-columns:1fr}}