:root{--bg:#ffffff;--fg:#0b0c0f;--muted:#5f6b7a;--accent:#2563eb;--ok:#16a34a;--warn:#eab308;--err:#ef4444;--card:#ffffff;--border:#e5e7eb}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.container{max-width:1100px;margin:0 auto;padding:16px}
header{padding:24px 0}
.subtitle{color:var(--muted);margin-top:4px}
.io{display:grid;grid-template-columns:1fr;gap:12px}
.field label{display:block;margin:8px 0;font-weight:600}
textarea{width:100%;min-height:300px;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:vertical}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
button{appearance:none;border:1px solid var(--border);background:#f8fafc;color:var(--fg);padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}
button:hover{border-color:var(--accent)}
button:focus{outline:2px solid var(--accent);outline-offset:2px}
.metrics{margin:8px 0;color:var(--muted)}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111827;color:#f9fafb;border:1px solid rgba(0,0,0,.1);padding:10px 14px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
footer{padding:24px 0;color:var(--muted)}
footer a{color:var(--fg)}