:root{color-scheme:light;font-family:IBM Plex Sans,Avenir Next,sans-serif;background:radial-gradient(circle at top,rgba(16,185,129,.18),transparent 34%),linear-gradient(160deg,#f7fbff,#edf7f1 45%,#fdfbf4);color:#12251d}*{box-sizing:border-box}body{margin:0;min-height:100vh}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.panel{width:min(720px,100%);padding:2rem;border:1px solid rgba(18,37,29,.08);border-radius:28px;background:#fffc;box-shadow:0 24px 80px #142b221f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#2f6b53}h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:.95}.lede{max-width:48ch;color:#355245}.field{display:grid;gap:.5rem;margin:1.5rem 0}.field span,h2{font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;color:#456757}input,button,pre{font:inherit}input{width:100%;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(18,37,29,.12);background:#fffffff5}.actions{display:flex;gap:.75rem;flex-wrap:wrap}button{padding:.9rem 1.2rem;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#0f766e,#15803d);cursor:pointer}.output-group{margin-top:1.5rem}pre{margin:.5rem 0 0;padding:1rem;border-radius:18px;min-height:120px;overflow:auto;background:#0f1720;color:#d7f8ea}@media(max-width:640px){.panel{padding:1.25rem;border-radius:20px}h1{line-height:1.02}}