@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #f4efe7;--panel: #fffdf9;--ink: #10222f;--muted: #4b6272;--line: #d6d0c5;--accent: #0d8a78;--accent-ink: #f6fffd;--shadow: 0 24px 64px rgba(27, 38, 49, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 0% 0%,#fbd8a4 0%,transparent 40%),radial-gradient(circle at 100% 100%,#b8ebdf 0%,transparent 45%),var(--bg);padding:28px 16px}.shell{width:min(980px,100%);margin:0 auto;display:grid;gap:16px}.hero{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.hero h1{margin:0;font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.02em}.hero p{margin:0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.form-grid{display:grid;gap:12px}.row{display:grid;gap:8px}.label{font-size:.92rem;color:var(--muted)}input,textarea,button{font:inherit}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fffcf7;color:var(--ink);padding:11px 12px;transition:border-color .12s ease,transform .12s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent);transform:translateY(-1px)}textarea{min-height:180px;resize:vertical}.from-wrap{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.suffix{font-family:IBM Plex Mono,monospace;color:var(--muted);font-size:.92rem;padding:0 4px}.actions{display:flex;align-items:center;gap:10px}button{border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);padding:11px 16px;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.status{color:var(--muted);font-size:.92rem}.output{margin:0;border-radius:12px;border:1px solid #1f2937;background:#0c111f;color:#d6dff5;padding:14px;font-family:IBM Plex Mono,monospace;white-space:pre-wrap;min-height:72px}@media(max-width:720px){.panel{padding:16px}.hero{flex-direction:column;align-items:flex-start}.from-wrap{grid-template-columns:1fr}}