.wrap{max-width:1200px;margin:0 auto;padding:26px 16px}
.k{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--g)}
h1{font-family:Anton,sans-serif;font-weight:400;font-size:38px;line-height:1.05;margin:6px 0}.sub{color:var(--m);max-width:860px;margin-bottom:18px}
h2{font-size:17px;margin-bottom:12px}
.cols{display:grid;grid-template-columns:380px 1fr;gap:16px;align-items:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px}
label{display:grid;gap:5px;font-size:13px;color:var(--m);margin-bottom:12px}
select,input[type=number]{background:#070b09;border:1.5px solid var(--line);border-radius:10px;padding:10px;color:var(--t);font:inherit;font-size:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ck{display:flex;align-items:center;gap:8px;color:var(--t)}
ol{margin-left:20px;display:grid;gap:6px}
pre{font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.55;background:#030504;border:1px solid var(--line);border-radius:12px;padding:14px;overflow:auto;max-height:520px;color:#cfe8da}
pre .c{color:#6f8a7c}pre .k{color:#16D97C;letter-spacing:0;text-transform:none;font-size:inherit;font-weight:600}pre .n{color:#f5b942}
.ch{display:flex;justify-content:space-between;align-items:center}
.btn{border-radius:10px;padding:7px 12px;font:inherit;font-weight:700;cursor:pointer}.btn.l{background:none;border:1.5px solid var(--line);color:var(--t)}
.disc{color:var(--m);font-size:13px}
@media(max-width:900px){.cols{grid-template-columns:1fr}}