:root{color-scheme:light dark;--bg:#f3f5f7;--panel:#fff;--text:#17202a;--muted:#65717e;--line:#dce2e7;--accent:#1c6555;--danger:#a12f2f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}.shell{width:min(960px,calc(100% - 32px));margin:48px auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(20,33,43,.06)}h1,h2{margin:0 0 12px;letter-spacing:-.02em}h1{font-size:32px}h2{font-size:22px}.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.intro{color:var(--muted);margin:0 0 24px}.warning{border-left:3px solid #d99522;padding-left:12px}label{display:grid;grid-gap:7px;gap:7px;margin:16px 0;font-weight:650}input,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:inherit;font:inherit}button{border:0;border-radius:9px;background:var(--accent);color:white;padding:11px 16px;font-weight:700;cursor:pointer}button.secondary{background:#e7efed;color:#174a40}button:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}dl{margin:24px 0 0}dl div{display:grid;grid-template-columns:120px 1fr;grid-gap:12px;gap:12px;padding:9px 0;border-top:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.error{color:var(--danger);background:#fff0f0;border-radius:8px;padding:10px}.result{color:var(--accent);overflow-wrap:anywhere}@media (max-width:760px){.shell{grid-template-columns:1fr;margin:20px auto}}@media (prefers-color-scheme:dark){:root{--bg:#111619;--panel:#192126;--text:#edf3f5;--muted:#a5b0b7;--line:#334047}button.secondary{background:#263a36;color:#c8eee5}.error{background:#3a2020}}