body{margin:0;min-height:100vh;font-family:system-ui,sans-serif;background:#0f0f12;color:#e8e8ed}main{max-width:640px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}h1{margin:0}form{display:flex;flex-direction:column;gap:.5rem}textarea{background:#16161c;border:1px solid #2a2a32;border-radius:6px;color:inherit;padding:.75rem;font:inherit;resize:vertical}button{align-self:flex-start;background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font:inherit}button:disabled{opacity:.6;cursor:not-allowed}#output{margin:0;padding:.75rem;background:#16161c;border:1px solid #2a2a32;border-radius:6px;white-space:pre-wrap;min-height:4rem}