:root{font:17px/1.55 system-ui,sans-serif;color:#182431;background:#f1f4f7;color-scheme:light}body{margin:0}main{max-width:980px;margin:2rem auto;padding:0 1.2rem 3rem}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;letter-spacing:-.04em}a{color:#125483}form,section{background:white;padding:1.4rem;border:1px solid #d9e0e6;border-radius:12px;margin:1.3rem 0;overflow:auto}.fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}label{display:block;font-weight:650;margin:.7rem 0}input,select,textarea,button{font:inherit;max-width:100%;box-sizing:border-box}input,select,textarea{display:block;width:100%;border:1px solid #788895;border-radius:5px;padding:.5rem;margin-top:.3rem}textarea{font-family:monospace}button{background:#174b70;color:white;border:0;border-radius:6px;padding:.6rem 1rem;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d55a00;outline-offset:3px}.exports{display:flex;gap:.7rem;flex-wrap:wrap}table{border-collapse:collapse;min-width:70%}td,th{padding:.5rem .8rem;border-bottom:1px solid #ccd6df;text-align:left}code{overflow-wrap:anywhere}#status{padding:1rem;background:#e2eef7;border-left:4px solid #174b70}#status[data-error=true]{background:#fff0e4;border-color:#b13b04}@media(max-width:650px){.fields{grid-template-columns:1fr}main{margin:1rem auto}section,form{padding:1rem}table{font-size:.9rem}}
.fields>*{min-width:0}p,h1,h2,h3{overflow-wrap:anywhere}#result{min-width:0}button{white-space:normal}@media(max-width:650px){.fields{grid-template-columns:minmax(0,1fr)}}
#result>section{margin:0;padding:0;border:0;background:transparent}#result h1{font-size:1.65rem;letter-spacing:-.02em}