:root{--bg: #0d0d0f;--panel: #16161a;--ink: #e9e9ec;--muted: #8a8a94;--line: #2a2a31;--focus: #6f8cff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;padding:56px 20px 60px}h1{margin:0 0 28px;font-size:24px;font-weight:600;letter-spacing:-.02em}textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:inherit;font:inherit;line-height:1.6;resize:vertical;outline:none}textarea::placeholder{color:var(--muted)}textarea:focus{border-color:#3d3d47}.out{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:var(--panel);min-height:96px}.muted{color:var(--muted)}.actions{display:flex;gap:10px;margin-top:16px}button{font:inherit;font-size:14px;padding:8px 16px;border-radius:6px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);cursor:pointer}button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}button.ghost:hover{border-color:#3d3d47}button:disabled{opacity:.35;cursor:not-allowed}footer{margin-top:48px;font-size:13px;color:var(--muted)}footer a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}footer a:hover{color:var(--ink)}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}