:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 0,#d6f5e4 0,#f5fff8 35%,#eef7ff 100%);color:#0d1b2a}.container{max-width:980px;margin:0 auto;padding:2rem 1rem 3rem}h1{margin-bottom:.5rem}.controls{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;padding:1rem;border:1px solid #c9d8e8;border-radius:16px;background:hsla(0,0%,100%,.8)}.controls h2,.hint{margin:0;grid-column:1/-1}.hint{color:#274865;font-size:.95rem}label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}button,input,select{font:inherit;padding:.55rem .7rem;border-radius:10px;border:1px solid #aac0d8}.actions{display:flex;gap:.6rem;align-items:flex-end}button{background:#114b8b;color:#fff;cursor:pointer}pre{margin-top:1rem;padding:1rem;border-radius:14px;background:#0d1b2a;color:#d7f7ff;overflow:auto}