@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--ink:#2d3652;--ink-strong:#172037;--ink-soft:#94a6d2;--panel:#ffffffe0;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 14% 18%,#d6ecff 0%,#0000 45%),radial-gradient(circle at 80% 16%,#ffe8bb 0%,#0000 38%),linear-gradient(120deg,#f2f7ff,#f8fafc);margin:0}#root{min-height:100vh}pre{font-family:IBM Plex Mono,monospace}.page{place-items:center;min-height:100vh;padding:28px;display:grid}.panel{border:2px solid var(--ink-soft);background:var(--panel);border-radius:24px;width:min(980px,100%);padding:26px;box-shadow:0 20px 80px #12192838}h1{letter-spacing:.02em;color:var(--ink-strong);margin:0;font-size:clamp(1.8rem,3vw,2.6rem)}.sub{color:var(--ink);margin:10px 0 20px}.grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px;display:grid}label{color:var(--ink-strong);flex-direction:column;gap:6px;font-weight:600;display:flex}input{border:1px solid var(--ink-soft);background:#fff;border-radius:10px;padding:10px 12px;font-size:.95rem}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}button{color:#14264d;cursor:pointer;background:#d9e4f9;border:0;border-radius:12px;padding:11px 15px;font-weight:700}button.primary{color:#2a1800;background:#ffb02e}button:disabled{opacity:.6;cursor:not-allowed}.status{color:#3a4f7a;margin-top:16px;font-weight:600}.result{margin-top:16px}.result h2{color:var(--ink-strong);margin:0 0 10px}pre{color:#f0f4ff;background:#101726;border-radius:12px;max-height:420px;margin:0;padding:14px;overflow:auto}@media (width<=900px){.grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=560px){.page{padding:12px}.panel{padding:18px}.grid{grid-template-columns:1fr}}