| *{box-sizing:border-box} body{font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;background:#0f1115;color:#e5e7eb;margin:0;padding:24px} | |
| .container{max-width:920px;margin:0 auto} | |
| h1{margin:10px 0 16px;font-size:28px} | |
| h2{margin:18px 0 12px;font-size:20px} | |
| .muted{opacity:.8} | |
| .small{font-size:13px} | |
| .card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:20px;margin:10px 0 18px;box-shadow:0 10px 30px rgba(0,0,0,.25)} | |
| .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px} | |
| label{display:block;margin:8px 0} | |
| input,textarea,select{width:100%;background:#0b0d12;color:#e5e7eb;border:1px solid #374151;border-radius:10px;padding:10px} | |
| button,.btn{display:inline-block;background:#2563eb;color:#fff;border:none;border-radius:12px;padding:10px 16px;margin-top:10px;text-decoration:none} | |
| .preset{display:flex;gap:12px;align-items:flex-start;padding:10px;border:1px solid #253044;border-radius:12px;margin:8px 0;background:#0b0d12} | |
| .preset input{width:auto} | |
| .preset-title{font-weight:700} | |
| .preset-meta{opacity:.8;font-size:12px;margin-top:6px} | |
| .status{border-radius:12px;padding:12px;margin:12px 0;background:#1f2937} | |
| .status.done{background:#064e3b} | |
| .code{font-family:ui-monospace,Menlo,Consolas,monospace;background:#1f2937;border-radius:6px;padding:2px 6px} | |
| .error{background:#1f2937;color:#fca5a5;padding:12px;border-radius:10px;white-space:pre-wrap} | |