.page{max-width:1080px;margin:0 auto;padding:40px 20px 80px;color:#f5f7fb}.hero{text-align:center;margin-bottom:28px}.hero h1{font-size:clamp(2.2rem,6vw,4rem);margin:0 0 8px;letter-spacing:-.04em}.hero p{color:#a7aec4;margin:0}.panel{grid-gap:20px;gap:20px;background:hsla(0,0%,100%,.05);border:1px solid #2a3045;border-radius:22px;padding:24px}.panel,.row{display:grid}.row{grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.page label{display:grid;grid-gap:8px;gap:8px;font-weight:700}.page input,.page select,.page textarea{font:inherit;color:#f5f7fb;background:rgba(8,10,18,.85);border:1px solid #2a3045;border-radius:14px;padding:12px 14px;outline:none;width:100%}.page input::placeholder,.page textarea::placeholder{color:#697088}.page input:focus,.page select:focus,.page textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.18)}.page textarea{resize:vertical}.instHead{display:flex;justify-content:space-between;margin-bottom:10px}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.grid,.inst{display:grid}.inst{place-items:center;grid-gap:6px;gap:6px;min-height:96px;padding:10px;cursor:pointer;color:#f5f7fb;background:hsla(0,0%,100%,.04);border:1px solid #2a3045;border-radius:16px;text-align:center;font-size:.8rem;transition:.15s}.inst:hover:not(:disabled){transform:translateY(-2px);border-color:#8b5cf6}.inst:disabled{opacity:.4;cursor:not-allowed}.instOn{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(6,182,212,.2));border-color:#8b5cf6}.emoji{font-size:1.8rem}.sel{color:#a7aec4;margin:10px 0 0}.primary{border:0;border-radius:999px;padding:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#8b5cf6,#06b6d4);cursor:pointer}.primary:disabled{opacity:.6}.error{background:rgba(251,113,133,.14);border:1px solid rgba(251,113,133,.5);color:#ffe4e9;border-radius:14px;padding:12px 14px}.results{display:grid;grid-gap:18px;gap:18px;margin-top:26px}.card{background:hsla(0,0%,100%,.05);border:1px solid #2a3045;border-radius:18px;padding:20px}.card h3{margin:0 0 12px}.cardHead{justify-content:space-between}.cardHead,.tools{display:flex;align-items:center}.tools{gap:10px}.tools button{border:1px solid #2a3045;background:#181c2b;color:#f5f7fb;border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:700}.count{color:#a7aec4}.count,.over{font-size:.85rem}.over{color:#fb7185;font-weight:800}.pre{white-space:pre-wrap;font-family:ui-monospace,monospace;line-height:1.55;margin:0;background:rgba(8,10,18,.6);padding:16px;border-radius:12px;border:1px solid #2a3045}.sliders{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;max-width:360px}.sliders div{background:rgba(8,10,18,.6);border:1px solid #2a3045;border-radius:14px;padding:16px}.sliders span{display:block;color:#a7aec4;margin-bottom:6px}.sliders strong{font-size:1.8rem}.muted{color:#a7aec4}@media (max-width:720px){.row,.sliders{grid-template-columns:1fr}}