#keyboardOptions{margin:1.25rem 0;padding:1rem;background:#f3f5f1;border:1px solid #d4dfd5;border-radius:16px}
#keyboardOptions h3{margin:0 0 .5rem}#keyboardOptions select{width:100%;margin:.5rem 0 1rem}
.keyboard-color-grid{display:grid;grid-template-columns:repeat(var(--key-columns),minmax(0,1fr));gap:8px;width:min(100%,380px);margin:1rem 0;padding:12px;background:#dae1d9;border-radius:12px}
.keyboard-color-grid button{aspect-ratio:1;min-height:44px;max-height:90px;border:2px solid #87958a;border-radius:10px;box-shadow:0 3px 0 #738277;font-weight:700;cursor:pointer;font-size:1rem}
.keyboard-color-grid button[aria-pressed=true]{outline:3px solid #215b48;outline-offset:3px}.keyboard-color-grid button:focus-visible{outline:3px solid #175ddd;outline-offset:3px}

.keyboard-specs{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:.65rem;font-size:.9rem}.keyboard-specs dt{font-weight:600}.keyboard-specs dd{margin:0}#keyboardOptions select{min-height:44px}#keyboardOptions .secondary-button{min-height:44px;white-space:normal}@media(max-width:480px){#keyboardOptions{padding:.7rem}.keyboard-color-grid{gap:6px;padding:8px}.keyboard-color-grid button{min-height:36px}.keyboard-specs{grid-template-columns:1fr}.keyboard-specs dd{margin-bottom:.5rem}}

.keyboard-color-grid{padding:0;box-sizing:border-box;border-radius:10px}.keyboard-color-grid button{font-size:1.55rem;font-weight:400}#keyboardLegend{width:100%;min-height:44px;margin:.5rem 0 1rem}

#productLivePreview{width:100%;margin:1rem 0;background:#f8f9f6;border:1px solid #e1e6df;border-radius:16px;overflow:hidden}#productLivePreview svg{display:block;width:100%;height:300px}.products .product-overview{grid-column:1/-1}.catalog-photo.catalog-overview{height:auto;aspect-ratio:3/2;max-height:520px;background:#fff}.catalog-overview img{object-fit:contain}@media(max-width:480px){#productLivePreview svg{height:240px}}

.custom-live-preview{background:#f8f9f6;border:1px solid #e1e6df;border-radius:16px;padding:12px;margin:16px 0}.custom-live-preview svg{display:block;width:100%;height:180px}

@font-face{font-family:'TRIDO Smal';src:url('/vendor/fonts/narrow.woff') format('woff');font-display:swap}@font-face{font-family:'TRIDO Speels';src:url('/vendor/fonts/playful.woff') format('woff');font-display:swap}