.keyboard-layout-selector[data-v-f424818d]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.selector-title[data-v-f424818d]{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:8px}.selector-description[data-v-f424818d]{color:#64748b;font-size:.875rem;line-height:1.5;margin-bottom:20px}.layout-options[data-v-f424818d]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.layout-option[data-v-f424818d]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:16px;position:relative;text-align:left;transition:all .15s ease}.layout-option[data-v-f424818d]:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:scale(1.02)}.layout-option.active[data-v-f424818d]{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.layout-name[data-v-f424818d]{color:#1e293b;font-size:1rem;font-weight:700;margin-bottom:4px}.layout-desc[data-v-f424818d]{color:#64748b;font-size:.75rem;line-height:1.4}.active-indicator[data-v-f424818d]{align-items:center;background:#3b82f6;border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.checkmark[data-v-f424818d]{color:#fff;height:16px;width:16px}.layout-preview[data-v-f424818d]{background:#f8fafc;border-radius:8px;padding:16px}.preview-title[data-v-f424818d]{color:#475569;font-size:.875rem;font-weight:600;margin-bottom:12px}.preview-keys[data-v-f424818d]{display:flex;justify-content:center}.key-row[data-v-f424818d]{display:flex;gap:4px}.preview-key[data-v-f424818d]{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#1e293b;display:inline-flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}@media(max-width:768px){.keyboard-layout-selector[data-v-f424818d]{padding:16px}.layout-options[data-v-f424818d]{grid-template-columns:1fr}.preview-key[data-v-f424818d]{font-size:.75rem;height:32px;width:32px}}