:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111315;--surface:#1a1d20;--text:#eef1f3;--muted:#aab4bb;--accent:#a8e6d5;--danger:#ffb6b6;--border:#414a50;--radius:.6rem;color:var(--text);background:var(--background);font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:48rem;margin:0 auto;padding:3rem 1rem}h1{font-size:clamp(2rem,7vw,3rem);line-height:1.2}h2{margin-top:0;font-size:1.2rem}header{margin-bottom:2rem}section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;padding:1.4rem}label{gap:.35rem;margin:1rem 0;display:grid}input,select,button{font:inherit;border:1px solid var(--border);border-radius:var(--radius);max-width:100%;padding:.65rem}input,select{background:var(--background);color:var(--text);width:100%}button{background:var(--accent);color:var(--background);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent)}nav,.actions{flex-wrap:wrap;gap:1rem;display:flex}.hint,.tag{color:var(--muted);font-size:.9rem}.error{color:var(--danger);overflow-wrap:anywhere}code,li{overflow-wrap:anywhere}.copy-value{gap:.6rem;margin:1rem 0;display:grid}.copy-value button{justify-self:start}summary{cursor:pointer}
