*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#0b1020;color:#e8eefc}
.container{max-width:1100px;margin:0 auto;padding:24px}
h1{margin:0 0 6px}.subtitle{color:#a8b3d1;margin:0 0 18px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:10px}
.field label{display:block;font-size:13px;margin:6px 0 4px;color:#c7d2f8}
.field input,.field select{width:100%;padding:8px 10px;border:1px solid #2a355a;border-radius:8px;background:#131a33;color:#e8eefc}
.options{display:flex;gap:18px;align-items:center;margin:8px 0 12px;color:#c7d2f8}
.buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
button{background:#2b6ef6;border:none;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}
button:hover{background:#1f59c7}
textarea#out{width:100%;height:360px;background:#0e152b;color:#e8eefc;border:1px solid #2a355a;border-radius:10px;padding:12px;font-family:Consolas,ui-monospace,Menlo,monospace}
.api-hint{color:#8ea3e1;font-size:12px}code{background:#0e152b;padding:2px 4px;border-radius:6px;border:1px solid #2a355a}