*{box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#0f172a;color:#e2e8f0;margin:0;display:flex;justify-content:center;padding:6vh 16px}
main{width:100%;max-width:640px;background:#1e293b;border-radius:14px;padding:28px;box-shadow:0 10px 30px #0006}
h1{margin:0 0 6px;font-size:1.5rem}p.m{color:#94a3b8;margin:0 0 18px}
textarea,input,select{width:100%;background:#0f172a;color:#e2e8f0;border:1px solid #334155;border-radius:8px;padding:12px;font:inherit}
textarea{min-height:140px;resize:vertical}button{background:#6366f1;color:#fff;border:0;border-radius:8px;padding:12px 18px;font:inherit;cursor:pointer;margin-top:12px}
button:hover{background:#4f46e5}.row{display:flex;gap:8px;align-items:stretch}.row input,.row pre{flex:1}
.icon{margin-top:0;padding:0 14px;font-size:1.2rem}pre{white-space:pre-wrap;word-break:break-all;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:12px;margin:0}
.hide{display:none}.warn{color:#fbbf24}.err{color:#f87171}label{display:block;margin:12px 0 6px;color:#94a3b8}