/* Visual option controls share the existing configurator state. */
.visual-native{display:none!important}.visual-options{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px;min-width:0}.visual-option{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;max-width:100%;padding:10px 16px;border:1px solid #e0e1e3;border-radius:24px;background:#fff;color:#676b70;font-size:13px;line-height:1.35;cursor:pointer;transition:background .15s,border-color .15s;overflow-wrap:anywhere}.visual-option:hover:not(:disabled){border-color:#8b9391;background:#f5f6f6}.visual-option[aria-pressed="true"],.visual-option[aria-pressed="true"]:hover{background:#202426;border-color:#202426;color:#fff}.visual-option:disabled{opacity:.38;cursor:not-allowed}.visual-option:focus-visible,.quick-choice:focus-visible{outline:3px solid #83958d;outline-offset:3px}.visual-option svg{width:34px;height:34px;flex-shrink:0}.visual-options.cards .visual-option{flex:1 1 110px;flex-direction:column;border-radius:14px;padding:14px 10px}.visual-options.colors .visual-option{justify-content:flex-start;flex:1 1 125px;border-radius:12px}.visual-color{height:26px;width:26px;flex-shrink:0;border-radius:50%;border:1px solid #0002;box-shadow:inset 0 0 0 2px #fff4}.visual-selection{display:flex;align-items:center;gap:14px;background:#f4f5f5;border-radius:16px;padding:16px;margin:14px 0 18px;font-size:14px;line-height:1.5}.visual-selection svg{width:62px;height:62px;flex-shrink:0;color:#46534d}.visual-selection strong{display:block;font-size:15px;font-weight:600}.visual-selection small{display:block;color:#73787b}.visual-selection .visual-check{color:#008c4b;margin-left:auto;font-size:20px}.visual-caption{display:block;color:#767b7f;font-size:12px;margin:12px 0 0}.quick-popover .quick-choice{border:1px solid #e0e1e3;border-radius:14px;background:white;color:#555d59;padding:14px;margin:5px 0;min-height:44px}.quick-popover .quick-choice[aria-pressed="true"]{background:#202426;color:white;border-color:#202426}.quick-popover .quick-choice[aria-pressed="true"] small{color:#d5ddda}.quick-popover .label{font-size:12px;color:#71777b;margin-top:18px}.quick-popover input[type="number"]{background:#f6f7f7;border:1px solid #e1e4e2;border-radius:12px;min-height:44px}.quick-popover .auto-check,#auto-workspace .auto-check{padding:11px 12px;border:1px solid #e1e4e2;border-radius:12px;margin:8px 0;line-height:1.4}.quick-popover .auto-check:has(input:checked),#auto-workspace .auto-check:has(input:checked){background:#f0f4f1;border-color:#94a498}.quick-popover input[type="checkbox"]{accent-color:#27372d;width:18px;height:18px}.quick-popover .primary{border-radius:12px;min-height:44px;width:100%}.quick-popover .hardware-details{border:1px solid #e3e5e4;border-radius:12px;padding:12px;margin:12px 0}.quick-popover .hardware-details summary{cursor:pointer}.visual-control+.swatch{display:none}#quick-options-panel{border-radius:20px;padding:20px;background:#fff;max-height:calc(100dvh - 100px);overscroll-behavior:contain}#auto-workspace .visual-option{font-size:12px}#auto-workspace .visual-options{margin-bottom:10px}@media(max-width:650px){#quick-options-panel{padding:15px;max-height:65dvh}.visual-option{padding:9px 13px;font-size:12px}.visual-options{gap:7px}.visual-options.cards .visual-option{flex-basis:85px}.visual-selection{padding:13px}.visual-selection strong{font-size:14px}}