.page-bind-generator .bg-section{margin-bottom:3rem}.page-bind-generator .bg-presets{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.page-bind-generator .bg-keyboard{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin-bottom:1.5rem;display:grid}.page-bind-generator .bg-key{background:var(--bg2);border:1px solid var(--border);border-radius:2px;padding:.75rem;transition:border-color .12s,transform .12s}.page-bind-generator .bg-key:hover{border-color:var(--accent);transform:translateY(-2px)}.page-bind-generator .bg-key-label{font-family:var(--font-display);color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.82rem;font-weight:700}.page-bind-generator .bg-key-select{background:var(--bg3);width:100%;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.35rem;font-family:inherit;font-size:.82rem}.page-bind-generator .bg-output-section{margin-top:1.5rem}.page-bind-generator .bg-output{background:var(--bg3);border:1px solid var(--border);color:var(--accent);white-space:pre;border-radius:3px;max-height:300px;margin:.75rem 0;padding:1rem;font-family:Courier New,monospace;font-size:.85rem;overflow:auto}.page-bind-generator .bg-actions{gap:.75rem;display:flex}.page-bind-generator .bg-jt-options{flex-wrap:wrap;gap:2rem;margin-bottom:1rem;display:flex}.page-bind-generator .bg-util-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.page-bind-generator .bg-util-card{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:2px;padding:1.25rem;transition:border-color .12s,transform .12s}.page-bind-generator .bg-util-card:hover{border-color:var(--accent);transform:translateY(-2px)}.page-bind-generator .bg-util-card h3{margin:0 0 .3rem;font-size:1rem}.page-bind-generator .bg-util-card p{color:var(--text2);margin:0 0 .75rem;font-size:.85rem}.page-bind-generator .bg-util-output{background:var(--bg3);border:1px solid var(--border);color:var(--accent);white-space:pre-wrap;word-break:break-all;border-radius:4px;margin:.5rem 0;padding:.5rem;font-family:Courier New,monospace;font-size:.78rem}@media (max-width:768px){.page-bind-generator .bg-keyboard{grid-template-columns:repeat(2,1fr)}.page-bind-generator .bg-util-grid{grid-template-columns:1fr}.page-bind-generator .bg-jt-options{flex-direction:column;gap:.75rem}}