:root{color-scheme:light;--bg:#f3efe2;--bg-strong:#e8dcc4;--ink:#1f241e;--muted:#5f6758;--accent:#265f4c;--accent-strong:#174234;--card:#fffdf7;--danger:#9b1c1c;--border:#d1c8b2}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0,#fff9e8 0,transparent 28%),radial-gradient(circle at 90% 20%,#cbe4d9 0,transparent 22%),linear-gradient(160deg,var(--bg),var(--bg-strong))}.page-shell{max-width:1100px;margin:0 auto;padding:2.25rem 1rem 2rem}.hero{margin-bottom:1.2rem}.kicker{margin:0;color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.hero h1{margin:.2rem 0 .5rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1;font-family:Bricolage Grotesque,Trebuchet MS,sans-serif}.hero p{margin:0;max-width:68ch;color:var(--muted)}.tool-card{background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--border);border-radius:16px;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.panel{display:grid;grid-gap:.65rem;gap:.65rem;border:1px solid var(--border);border-radius:12px;padding:1rem;background:#fffef9}.panel h2{margin:0;font-size:1.1rem}label{display:grid;grid-gap:.4rem;gap:.4rem;font-size:.92rem}button,input,output,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--border);border-radius:10px;padding:.62rem .7rem;background:#fff}textarea{resize:vertical}button{border:0;border-radius:10px;background:var(--accent);color:#f4fffb;padding:.62rem .8rem;font-weight:600;cursor:pointer;transition:transform .15s ease,background .2s ease}button:hover{transform:translateY(-1px);background:var(--accent-strong)}button:disabled{opacity:.65;transform:none;cursor:not-allowed}output{display:block;min-height:74px;border-radius:10px;padding:.6rem .7rem;border:1px dashed var(--border);background:#fbfaf4;overflow-wrap:anywhere}.error-box{margin:.8rem 0 0;color:var(--danger);font-weight:600}@media (max-width:860px){.panel-grid{grid-template-columns:1fr}}