/* Compact, flat selectors: each preset previews glass or body height. */
.visual-workshop{--visual-accent:#b3d681;--visual-border:#33443c;margin:0 0 24px;padding:19px 0 15px;border-block:1px solid var(--visual-border);color:#e4eade}
.visual-workshop .visual-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 17px}
.visual-workshop h3{font-size:18px;line-height:1.3;font-weight:800;letter-spacing:-.4px;margin:0}
.visual-heading-note{font-size:9px;letter-spacing:1.4px;color:#7f9588;white-space:nowrap}
.visual-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:#0f1917;border:1px solid #293a32;border-radius:8px}
.visual-tabs button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:8px;border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none;color:#a3b1a8;font-size:13px;font-weight:600;line-height:1.2}
.visual-tabs svg{width:19px;height:19px;flex:none}
.visual-tabs [aria-pressed=true]{color:#d9e9c6;border-color:#42543c;background:#273729}
.visual-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 16px}
.visual-options .visual-option{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:11px 2px 12px;border:1px solid transparent;border-bottom:2px solid #34483c;border-radius:6px 6px 3px 3px;background:#17231f;box-shadow:none;color:#899e92;line-height:1.2;transition:background .16s,border-color .16s}
.visual-options .visual-option:hover{background:#1f3026;border-bottom-color:#88a568}
.visual-options .visual-option[aria-pressed=true]{background:#27392a;border-color:#4e6242;border-bottom-color:var(--visual-accent);color:#cce0b4}
.visual-option .visual-option-art{display:block;width:62px;max-width:100%;height:38px;flex:none}
.visual-option b{color:#e2e9dd;font-size:15px;font-weight:700;white-space:nowrap;letter-spacing:-.25px}
.visual-option[data-visual-value="0"] b{font-size:11px;line-height:18px;letter-spacing:-.2px}
.visual-option-price,.visual-option-state{display:flex;align-items:center;justify-content:center;gap:3px;min-height:15px;font-size:10px;white-space:nowrap}
.visual-option-price{color:#d5c68f;font-variant-numeric:tabular-nums}
.visual-option-state{color:#9eb391;font-size:9px}
.visual-option-price svg,.visual-option-state svg{width:12px;height:12px;flex:none}
.visual-purchase{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:51px;padding-top:15px;border-top:1px solid var(--visual-border)}
.visual-quote{min-width:0;display:flex;flex-direction:column;gap:5px}
.visual-quote>small{color:#80988a;font-size:9px;font-weight:600;letter-spacing:1px}
.visual-quote>strong{color:#dce6d5;font-size:18px;line-height:1.25;font-variant-numeric:tabular-nums}
.visual-quote .visual-quote-price{display:flex;align-items:center;gap:5px;color:#e0d09d;white-space:nowrap}
.visual-quote-price svg{width:18px;height:18px;flex:none}
.visual-quote-price span{font-size:11px;font-weight:500;color:#9aa99d;margin-left:1px}
.visual-purchase button{display:flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:44px;padding:10px 17px;border-radius:6px;box-shadow:none;background:#b3d681;border:1px solid #b3d681;color:#172114;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}
.visual-purchase button svg{width:17px;height:17px;flex:none}
.visual-purchase button:hover:not(:disabled){background:#c4e399}
.visual-purchase button.secondary{color:#d1e4bb;background:#243228;border-color:#4c6341}
.visual-purchase button:disabled{background:#233029;border-color:#384b3d;color:#96a58e;opacity:1;cursor:default}
.visual-installed{display:flex;align-items:center;gap:5px;color:#b5ce9e;font-size:11px;white-space:nowrap}
.visual-installed svg{width:20px;height:20px;padding:3px;border-radius:50%;background:#293b2c;box-sizing:border-box}
.visual-workshop .visual-note{color:#91a295;font-size:11px;line-height:1.5;min-height:17px;margin:10px 0 0}
.visual-footnote{display:flex;align-items:center;gap:6px;margin-top:6px;color:#738d7d;font-size:10px;line-height:1.5}
.visual-footnote span{width:4px;height:4px;border-radius:50%;background:#73956b;flex:none}
.visual-workshop button:focus-visible,.visual-preview-caption button:focus-visible{outline:2px solid #d6efb6;outline-offset:3px}
.visual-preview-caption{display:flex;justify-content:space-between;align-items:center;color:#aabcb2;font-size:12px;gap:8px}
.visual-preview-caption button{font-size:12px;padding:8px;background:none;border:0;color:#c6dba6;text-decoration:underline}
.visual-preview-caption [data-visual-loading]{font-size:11px}
.parts-car:has([data-visual-preview]) img{object-fit:contain}
@media(max-width:350px){.visual-heading-note{font-size:8px;letter-spacing:1px}.visual-options{gap:4px}.visual-option b{font-size:14px}.visual-option-state{font-size:8px;gap:2px}.visual-option[data-visual-value="0"] b{font-size:10px}.visual-purchase button{padding-inline:11px;gap:6px}.visual-quote-price span{display:none}}
@media(prefers-reduced-motion:reduce){.visual-options .visual-option{transition:none}}