.config-studio-dialog .config-showcase{align-self:stretch;position:sticky;top:0;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:30px;background:#f2f2ec;min-width:0}
.config-studio-dialog .config-render{width:100%;min-height:0;aspect-ratio:auto;overflow:visible;display:block;flex:1}
.config-station-viewer.station-viewer{padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;max-width:none;margin:0}
.config-station-viewer .station-viewer__stage{height:410px;min-height:0;aspect-ratio:auto;background:transparent;border:0;border-radius:0}
.config-station-viewer .station-viewer__fallback{height:100%;width:100%;object-fit:contain}
.config-studio-dialog .config-showcase-copy{position:static;padding:0;text-align:left}
.config-studio-dialog .config-showcase-copy h3{font-size:28px;margin:0 0 4px}
.config-studio-dialog .config-showcase-copy p{font-size:13px;line-height:1.6;margin:0}
.config-studio-dialog .config-preview-disclaimer{color:#58616b!important;margin-top:10px!important;font-size:12px!important}
.config-preview-tools{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;font-size:12px}
.config-preview-tools input{width:110px;accent-color:#2349ef}
.config-preview-tools button{font-size:12px}
.config-download{width:100%;font-size:12px;padding:12px 16px;min-height:42px;margin-top:8px}
.config-studio-dialog .config-panel{min-width:0}
.config-studio-dialog .custom-detail-grid{grid-template-columns:1fr 1fr;gap:20px}
.config-studio-dialog .personalization-detail{padding:0;border:0;background:none}
.config-color-select{padding:10px 12px!important;font-size:13px!important;min-height:40px!important}
.config-swatches{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.config-swatch{background:var(--swatch);width:27px;height:27px;border:1px solid #bfc3c6;border-radius:50%;padding:0;cursor:pointer;position:relative;flex:0 0 auto}
.config-swatch[aria-pressed=true]{outline:2px solid #2349ef;outline-offset:3px}
.config-swatch:focus-visible{outline:3px solid #111a24;outline-offset:4px}
.config-swatch:disabled{opacity:.5;cursor:default}
.config-pack-note{font-size:13px;line-height:1.65;padding:12px 14px;background:#f0f3ff;border-radius:10px;color:#263b75;margin:0 0 20px}
.config-logo-upload{border:1px dashed #c5cbd2;border-radius:12px;padding:16px;margin:16px 0}
.config-logo-upload>label{display:block;font-weight:600;font-size:13px;margin-bottom:10px}
.config-logo-upload>label span{font-weight:400;color:#64707b}
.config-logo-upload input[type=file]{width:100%;font-size:0;color:transparent;padding:0;border:0;background:transparent;height:auto;min-height:36px}
.config-logo-upload input::file-selector-button{font:12px Inter,sans-serif;background:#fff;color:#111a24;border:1px solid #c5cbd2;border-radius:7px;padding:8px 10px;margin-right:10px;cursor:pointer}
.config-logo-file-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;min-width:0}
#config-logo-name{overflow-wrap:anywhere;min-width:0}
#config-logo-remove{font-size:12px;flex-shrink:0}
#config-logo-status{font-size:11px;margin:8px 0 0;line-height:1.6}
#config-logo-status.is-error{color:#ae2929}
.config-extras{border-top:1px solid #dce0e3;border-bottom:1px solid #dce0e3;margin:20px 0}
.config-extras summary{font-size:13px;font-weight:600;padding:15px 0;cursor:pointer}
.config-extras-body{padding:0 0 16px}
.config-extras .checkbox-grid{grid-template-columns:1fr;font-size:12px}
.config-extras .field{margin-top:14px}
.config-studio-dialog .pricing-row{align-items:flex-start;gap:14px;font-size:12px}
.config-studio-dialog .pricing-row strong{white-space:nowrap}
.config-studio-dialog button[disabled]{cursor:default;opacity:.55}
.config-studio-dialog [hidden]{display:none!important}
@media(min-width:901px){.config-studio-dialog .config-shell{grid-template-columns:minmax(340px,.9fr) minmax(400px,1.1fr)}.config-studio-dialog .config-showcase{height:calc(100dvh - 56px);max-height:830px}.config-studio-dialog .config-station-viewer .station-viewer__stage{height:clamp(280px,46vh,480px)}}
@media(max-width:900px){.config-studio-dialog .config-showcase{position:relative;height:auto;padding:24px;gap:8px}.config-studio-dialog .config-render{flex:none}.config-studio-dialog .station-viewer__stage{height:280px}.config-studio-dialog .config-logo{margin:0}.config-studio-dialog .config-showcase-copy h3{font-size:23px}.config-download{max-width:320px;align-self:center}.config-studio-dialog .config-preview-disclaimer{margin-top:6px!important}.config-studio-dialog .config-panel{padding:28px 22px}}
@media(max-width:430px){.config-studio-dialog .config-showcase{padding:20px}.config-studio-dialog .config-panel{padding:26px 18px}.config-studio-dialog .custom-detail-grid{gap:16px}.config-swatches{gap:8px}.config-swatch{width:25px;height:25px}.config-logo-file-row{align-items:flex-start}.config-studio-dialog .config-total{gap:16px}.config-studio-dialog .config-total>span{max-width:52%;font-size:12px}.config-studio-dialog .config-total>strong{font-size:21px}}
@media(max-width:900px){
  .config-studio-dialog .config-shell{display:block}
  .config-studio-dialog{scroll-padding-top:264px}
  .config-studio-dialog .config-showcase{position:sticky;top:0;z-index:5;height:252px;max-height:252px;box-sizing:border-box;padding:10px 18px;gap:4px;border-bottom:1px solid #d9dedf;box-shadow:0 5px 18px #111a2410}
  .config-studio-dialog .config-logo,.config-studio-dialog .config-showcase-copy{display:none}
  .config-studio-dialog .config-render{flex:none;margin:0}
  .config-studio-dialog .station-viewer__stage{height:164px}
  .config-studio-dialog .config-preview-tools{height:30px;padding:2px 0;gap:8px;font-size:11px}
  .config-studio-dialog .config-preview-tools input{width:90px}
  .config-studio-dialog .config-preview-tools button{font-size:11px}
  .config-studio-dialog .config-download{margin:0;min-height:30px;max-width:230px;padding:6px 12px;font-size:11px}
  .ralli-v4 .config-studio-dialog>.close-button{position:sticky;float:right;top:8px;right:8px;margin:8px 8px -46px 0;z-index:8;background:#f5f4ecee}
  .config-studio-dialog .config-panel{position:relative;z-index:1}
  .config-studio-dialog #station-personalization,.config-studio-dialog #battery-personalization{scroll-margin-top:16px}
  .config-studio-dialog .config-color-select{scroll-margin-top:28px}
}
@media(max-width:360px){.config-studio-dialog .custom-detail-grid{grid-template-columns:1fr 1fr;gap:10px}.config-studio-dialog .config-swatches{gap:7px}.config-studio-dialog .config-swatch{width:24px;height:24px}.config-studio-dialog .field label{font-size:11px}}

/* V9: quiet groups, complete palette and an explicit free-color control. */
.config-studio-v9{background:#fff}
.config-studio-v9 .config-panel{background:#fff;padding:36px}
.config-studio-v9 h2,.config-studio-v9 h3,.config-studio-v9 legend,.config-studio-v9 strong{font-style:normal}
.config-studio-v9 .config-panel>h2{position:static;width:auto;height:auto;clip-path:none;white-space:normal;font-size:34px;line-height:1.12;letter-spacing:-1px;margin:0 40px 32px 0;padding:0}
.config-studio-v9 .config-panel legend,.config-studio-v9 .config-group-title,.config-studio-v9 .config-colors>h3{font:650 16px/1.4 Inter,sans-serif;letter-spacing:-.25px;margin:0 0 16px;color:#111a24}
.config-studio-v9 .config-panel fieldset{border:0;padding:0;margin:0 0 28px}
.config-studio-v9 .model-choice-grid{gap:8px}
.config-studio-v9 .model-choice-grid button{border-color:#dfe3e8;background:#fff;border-radius:12px;padding:15px 10px;min-height:86px;transition:border-color .15s,background .15s}
.config-studio-v9 .model-choice-grid button[aria-pressed=true]{border-color:#2349ef;background:#f2f5ff;box-shadow:none}
.config-studio-v9 .choice{background:#fff;border-color:#dfe3e8;border-radius:12px;box-shadow:none;min-height:76px;padding:16px}
.config-studio-v9 .choice:has(input:checked){border-color:#2349ef;background:#f2f5ff}
.config-studio-v9 .config-pack-note{background:transparent;border:0;padding:0;margin:-6px 0 26px;color:#64707b;font-size:12px;line-height:1.65}
.config-studio-v9 .custom-detail-grid{grid-template-columns:1fr;gap:24px;margin:0 0 30px}
.config-studio-v9 .config-color-card{padding:0;border:0;background:none;min-width:0}
.config-color-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5;margin:0 0 12px}
.config-color-heading>span{font-weight:600;color:#111a24}
.config-color-heading output{font-size:12px;color:#64707b;text-align:right;overflow-wrap:anywhere}
.config-studio-v9 .config-swatches{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;margin:0}
.config-studio-v9 .config-swatch{display:block;width:100%;max-width:30px;height:auto;aspect-ratio:1;border:1px solid #111a2422;border-radius:50%;padding:0;justify-self:center}
.config-studio-v9 .config-swatch[aria-pressed=true]{outline:2px solid #2349ef;outline-offset:3px}
.config-studio-v9 .config-swatch:focus-visible{outline:3px solid #111a24;outline-offset:3px}
.config-custom-color{display:flex;align-items:center;gap:10px;margin:15px 0 0;min-width:0}
.config-custom-color>label:not(.sr-only){font-size:12px;color:#64707b;margin-right:auto}
.config-custom-color input[type=color]{appearance:none;-webkit-appearance:none;display:block;width:40px;min-width:40px;height:36px;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:4px;cursor:pointer}
.config-custom-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.config-custom-color input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}
.config-custom-color input[type=color]::-moz-color-swatch{border:0;border-radius:4px}
.config-custom-color input[type=text]{width:105px;min-width:0;max-width:35%;height:36px;padding:7px 10px;background:#fff;border:1px solid #dfe3e8;border-radius:8px;font:13px/1.5 Inter,sans-serif;color:#111a24;text-transform:uppercase}
.config-custom-color input[aria-invalid=true]{border-color:#ae2929;background:#fff7f7}
.config-color-error{margin:8px 0 0;font-size:11px;color:#ae2929;line-height:1.5}
.config-studio-v9 .field input,.config-studio-v9 .field select,.config-studio-v9 .field textarea{background:#fff;border:1px solid #dfe3e8;border-radius:9px;padding:12px 14px;font-size:14px}
.config-studio-v9 .field label{font-size:12px;color:#39434f;line-height:1.5}
.config-studio-v9 .config-logo-upload{border:1px dashed #c8d0da;border-radius:12px;background:#fafbfc;padding:18px;margin:16px 0 24px}
.config-studio-v9 .config-logo-upload input::file-selector-button{border-color:#d7dee8;border-radius:8px;padding:9px 12px}
.config-studio-v9 .config-extras{margin:0 0 28px;border-color:#e7ebef}
.config-studio-v9 .config-extras summary{padding:17px 0;font-size:12px;color:#495563}
.config-studio-v9 .payment-choice .small-note{margin:10px 0 0;line-height:1.65}
.config-studio-v9 .config-bottom{border-top:1px solid #e7ebef;margin-top:24px;padding-top:6px}
.config-studio-v9 .config-bottom .config-total{border:0;margin-top:16px;padding:0}
.config-studio-v9 .pricing-breakdown{border:0;margin-top:14px;padding-top:0}
.config-studio-v9 .quantity-presets button{background:#f1f4f8;border-radius:8px}
.config-studio-v9 :is(button,input,select,textarea):focus-visible{outline:2px solid #2349ef;outline-offset:3px}
@media(max-width:900px){.config-studio-v9 .config-panel{padding:28px 24px}.config-studio-v9 .config-panel>h2{font-size:30px;margin-bottom:28px}.config-studio-v9 .config-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.config-studio-v9 .config-swatch{max-width:32px}.config-studio-v9 .config-color-card{scroll-margin-top:16px}.config-studio-v9 .config-custom-color input[type=text]{font-size:16px;width:114px;max-width:40%}.config-studio-v9 .field input,.config-studio-v9 .field select,.config-studio-v9 .field textarea{font-size:16px}}
@media(max-width:480px){.config-studio-v9 .config-panel{padding:26px 20px}.config-studio-v9 .model-choice-grid button{min-height:70px;padding:13px 11px}.config-studio-v9 .choice{padding:14px 11px}.config-studio-v9 .config-swatches{gap:9px}.config-studio-v9 .custom-detail-grid{gap:26px}}
@media(max-width:360px){.config-studio-v9 .config-panel{padding:24px 16px}.config-studio-v9 .config-swatches{gap:8px}.config-studio-v9 .config-custom-color{gap:8px}.config-studio-v9 .config-custom-color>label:not(.sr-only){font-size:11px}.config-studio-v9 .config-color-heading output{font-size:11px}.config-studio-v9 .config-logo-upload{padding:14px}}
@media(prefers-reduced-motion:reduce){.config-studio-v9 .model-choice-grid button{transition:none}}
.config-studio-v9 .config-station-viewer.station-viewer{background:transparent;border:0;border-radius:0;padding:0}
.config-studio-v9 .config-preview-tools .text-button{min-height:28px;font-size:11px;padding:2px 4px}
@media(max-width:900px){
 .config-studio-v9 .config-showcase{width:100%}
 .config-studio-v9 .config-showcase .config-download.button{font-size:11px;line-height:1.25;min-height:30px;height:30px;padding:6px 12px;max-width:230px;transform:none}
 .config-studio-v9 .config-preview-tools{height:30px;min-height:30px}
}
.ralli-v9 .config-studio-v9>.close-button{display:block;position:sticky;float:none;top:14px;right:auto;margin:14px 14px -54px auto;z-index:8;width:40px;height:40px}
@media(max-width:900px){.ralli-v9 .config-studio-v9>.close-button{top:8px;margin:8px 8px -48px auto}}

/* V10: one direct-manipulation color studio, with a persistent pair of target chips. */
.config-studio-v10 .config-panel{padding:32px;background:#fff}
.config-studio-v10 .config-panel>h2{font-size:30px;letter-spacing:-1.2px;margin:0 38px 28px 0}
.config-studio-v10 .config-panel legend,.config-studio-v10 .config-panel h3{font:650 15px/1.4 Inter,sans-serif;letter-spacing:-.2px;margin:0 0 14px}
.config-studio-v10 .config-panel fieldset{margin:0 0 24px}
.config-studio-v10 .model-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.config-studio-v10 .model-choice-grid button{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:10px 6px 12px;min-height:0;border:1px solid #e0e5e9;border-radius:14px;background:#f8fafb;box-shadow:none}
.config-studio-v10 .model-choice-grid button[aria-pressed=true]{background:#edf2ff;border-color:#2349ef;box-shadow:inset 0 0 0 1px #2349ef}
.config-studio-v10 .model-choice-grid svg{width:66px;height:62px;display:block;fill:none;stroke:#77818d;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round;margin:0 0 6px}
.config-studio-v10 .model-choice-grid .silhouette-body{fill:#fdfefe;stroke:#3b4b61}
.config-studio-v10 .model-choice-grid .silhouette-screen{fill:#c7d0dc;stroke:#3b4b61}
.config-studio-v10 .model-choice-grid button[aria-pressed=true] svg{stroke:#2349ef}
.config-studio-v10 .model-choice-grid strong{font-size:12px;line-height:1.35}
.config-studio-v10 .model-choice-grid span{font-size:10px;line-height:1.4;color:#687585}
.config-studio-v10 .model-choice-grid small{font-size:11px;margin-top:4px;font-weight:600;grid-column:auto;grid-row:auto}
.config-studio-v10 .choice{padding:13px 12px;min-height:72px;gap:9px;align-items:flex-start}
.config-studio-v10 .choice strong{font-size:13px}
.config-studio-v10 .choice small{font-size:10px;line-height:1.5;margin-top:5px}
.config-studio-v10 .choice input{margin-top:3px}
.config-wheel-section{margin-bottom:24px}
.config-color-targets{display:grid;grid-template-columns:1fr 1fr;background:#eef1f5;border-radius:12px;padding:4px;gap:4px;margin-bottom:18px}
.config-color-targets button{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:9px;padding:10px 12px;text-align:left;background:transparent;min-width:0}
.config-color-targets button[aria-selected=true]{background:#fff;border-color:#dfe5ed;box-shadow:0 2px 5px #111a2408}
.config-color-targets i{display:block;width:26px;height:26px;flex:0 0 26px;background:var(--target-color,#fff);border:1px solid #111a2422;border-radius:50%}
.config-color-targets strong{font-size:12px;display:block;line-height:1.4}
.config-color-targets:has([data-color-target="station"][hidden]){grid-template-columns:1fr}
.config-color-targets small{font-size:10px;display:block;color:#748090;line-height:1.4;margin-top:3px}
.config-color-studio{border:1px solid #e2e7ed;background:#fafbfd;border-radius:18px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 144px;align-items:center;gap:24px}
.config-color-wheel{width:100%;max-width:240px;aspect-ratio:1;border-radius:50%;position:relative;touch-action:none;user-select:none;justify-self:center;cursor:crosshair;outline-offset:7px;--wheel-value:1;box-shadow:0 2px 16px #293e5810}
.config-wheel-surface{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle closest-side,#fff 0,transparent 100%),conic-gradient(#f00 0deg,#ff0 60deg,#0f0 120deg,#0ff 180deg,#00f 240deg,#f0f 300deg,#f00 360deg);pointer-events:none}
#config-wheel-cursor{position:absolute;width:18px;height:18px;border:3px solid white;background:var(--selected-color,#fff);box-shadow:0 0 0 1px #111a2480,0 2px 5px #111a2440;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;left:50%;top:50%;z-index:1}
.config-wheel-controls{min-width:0}
.config-value-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#546173;margin-bottom:11px}
.config-value-heading label{font-weight:600;color:#29394a}
.config-value-heading output{white-space:nowrap;font-size:10px}
.config-wheel-controls input[type=range]{display:block;width:100%;height:12px;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#000,var(--value-color,#fff));border-radius:99px;border:1px solid #111a2410;padding:0;margin:0;cursor:pointer}
.config-wheel-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:3px solid white;border-radius:50%;background:#233347;box-shadow:0 0 0 1px #a7b0bc}
.config-wheel-controls input[type=range]::-moz-range-thumb{width:15px;height:15px;border:3px solid white;border-radius:50%;background:#233347;box-shadow:0 0 0 1px #a7b0bc}
.config-wheel-hex-row{margin-top:25px}
.config-wheel-hex-row label{display:block;color:#546173;font-size:11px;margin-bottom:8px}
.config-wheel-hex-row input{display:block;width:100%;background:white;border:1px solid #d9e0e9;border-radius:9px;padding:10px 12px;font:13px/1.5 Inter,sans-serif;color:#182536;text-transform:uppercase}
.config-wheel-hex-row input[aria-invalid=true]{border-color:#af3030;background:#fff7f7}
#config-wheel-error{font-size:11px;color:#af3030;line-height:1.5;margin:8px 0 0}
.config-studio-v10 .config-logo-upload{position:relative;padding:0;border:1px dashed #cbd4df;border-radius:12px;background:#fafbfd;margin:0 0 20px}
.config-studio-v10 .config-logo-upload input[type=file].sr-only{position:absolute;left:0;top:0;width:1px;height:1px;min-width:0;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%)}
.config-studio-v10 .config-upload-label{display:flex;align-items:center;gap:13px;padding:17px;cursor:pointer;margin:0}
.config-upload-label svg{width:26px;height:26px;fill:none;stroke:#31587f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.config-upload-label strong{display:block;font-size:12px;color:#233347}
.config-upload-label small{display:block;font-size:10px;color:#748090;line-height:1.5;margin-top:4px}
.config-studio-v10 .config-logo-upload:focus-within{outline:2px solid #2349ef;outline-offset:3px}
.config-studio-v10 .config-logo-file-row{margin:0;padding:0 17px 9px;font-size:11px;align-items:center}
.config-studio-v10 #config-logo-remove{font-size:11px;min-height:28px;padding:0}
.config-studio-v10 #config-logo-status{font-size:10px;line-height:1.6;margin:0;padding:0 17px 14px}
.config-studio-v10 .config-extras{margin:0 0 24px;border-color:#e8edf2}
.config-studio-v10 .config-extras summary,.config-studio-v10 .config-price-details summary{padding:14px 0;font-size:11px;font-weight:500;color:#657386;cursor:pointer}
.config-studio-v10 .config-extras .field{margin-bottom:16px}
.config-studio-v10 .config-extras-body{padding-bottom:16px}
.config-studio-v10 .config-extras .small-note{font-size:11px;line-height:1.6;margin:0}
.config-quantity-section{margin-top:6px}
.config-studio-v10 .config-quantity-row{display:flex;align-items:center;gap:14px;margin-bottom:0}
.config-studio-v10 .config-quantity-row>label:not(.sr-only){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.config-studio-v10 .quantity-stepper{padding:4px;border-color:#dbe2e9;background:#fff;border-radius:12px;gap:0}
.config-studio-v10 .quantity-stepper button{width:40px;height:40px;background:#f0f4f8;border-radius:8px;font-size:22px;color:#263b52}
.config-studio-v10 .quantity-stepper input{width:72px;height:40px;padding:0;font-size:18px;font-weight:600}
#config-quantity-select{height:48px;flex:1;min-width:0;background:#fff;border:1px solid #dbe2e9;border-radius:11px;padding:10px 12px;font-size:13px;color:#536274}
.config-tier-summary{margin:12px 0 24px;font-size:11px;line-height:1.6;color:#53657e}
.config-studio-v10 .config-bottom{margin-top:20px;padding-top:20px}
.config-studio-v10 .config-bottom .config-total{margin:0;gap:20px}
.config-studio-v10 .config-total>span{font-size:11px;color:#596a7c}
.config-studio-v10 .config-total strong{font-size:27px;font-weight:650;letter-spacing:-.8px}
.config-price-details{margin:3px 0 13px}
.config-studio-v10 .config-price-details .small-note{font-size:11px;line-height:1.65;margin:10px 0;color:#657386}
.config-studio-v10 .config-bottom>button.button{font-size:13px;min-height:50px;border-radius:12px;background:#20314a;border-color:#20314a}
@media(max-width:1100px) and (min-width:901px){.config-studio-v10 .config-panel{padding:30px 25px}.config-color-studio{grid-template-columns:minmax(0,1fr) 120px;gap:18px;padding:18px}}
@media(max-width:900px){.config-studio-v10 .config-panel{padding:25px 24px}.config-color-studio{grid-template-columns:minmax(0,1fr) 160px}.config-color-wheel{max-width:260px}.config-studio-v10 .config-panel>h2{font-size:28px}.config-wheel-hex-row input{font-size:16px}.config-studio-v10 .config-panel input[type=text],.config-studio-v10 .config-panel select{font-size:16px}.config-studio-v10 .config-wheel-section{scroll-margin-top:14px}}
@media(max-width:600px){.config-color-studio{grid-template-columns:minmax(0,1fr) 116px;gap:18px;padding:18px}.config-studio-v10 .model-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.config-studio-v10 .model-choice-grid button{padding:8px 4px 10px}.config-studio-v10 .model-choice-grid svg{width:55px;height:57px}.config-studio-v10 .model-choice-grid strong{font-size:11px}.config-studio-v10 .model-choice-grid span{font-size:9px}.config-studio-v10 .model-choice-grid small{font-size:10px}.config-studio-v10 .config-panel{padding:25px 18px}.config-studio-v10 .choice{padding:12px 10px}.config-studio-v10 .choice small{font-size:9px}.config-studio-v10 .quantity-stepper input{width:60px}}
@media(max-width:420px){.config-color-studio{grid-template-columns:1fr;padding:20px 24px;gap:22px}.config-color-wheel{width:216px;max-width:100%}.config-wheel-controls{display:grid;grid-template-columns:1fr 106px;gap:0 20px;align-items:center}.config-value-heading{grid-column:1;grid-row:1;margin-bottom:9px}.config-wheel-controls input[type=range]{grid-column:1;grid-row:2}.config-wheel-hex-row{grid-column:2;grid-row:1/3;margin:0}.config-wheel-hex-row label{font-size:10px}.config-wheel-hex-row input{padding:9px 8px;font-size:14px!important}.config-color-targets button{padding:9px;gap:8px}.config-color-targets i{width:22px;height:22px;flex-basis:22px}.config-color-targets strong{font-size:11px}.config-color-targets small{font-size:9px}.config-studio-v10 .config-quantity-row{gap:10px}.config-studio-v10 .quantity-stepper input{width:54px}.config-studio-v10 #config-quantity-select{font-size:12px;padding:10px}.config-studio-v10 .config-panel>h2{font-size:25px;margin-bottom:24px}}
@media(max-width:350px){.config-studio-v10 .config-panel{padding:24px 15px}.config-studio-v10 .model-choice-grid svg{width:48px;height:54px}.config-studio-v10 .model-choice-grid strong{font-size:10px}.config-color-studio{padding:18px}.config-color-wheel{width:206px}.config-wheel-controls{gap:0 14px;grid-template-columns:1fr 101px}.config-studio-v10 .quantity-stepper button{width:34px}.config-studio-v10 .quantity-stepper input{width:47px}.config-studio-v10 .config-total strong{font-size:23px}}

/* V11: two standard shell finishes; the color wheel customizes batteries only. */
.config-studio-v11 .config-shell-colors{display:flex;gap:10px}
.config-studio-v11 .config-shell-colors button{display:flex;align-items:center;gap:10px;min-height:48px;min-width:116px;padding:10px 16px;background:#fff;border:1px solid #dbe2e9;border-radius:12px;font:600 13px/1.4 Inter,sans-serif;color:#233347}
.config-studio-v11 .config-shell-colors button[aria-pressed=true]{border-color:#2349ef;background:#edf2ff;box-shadow:inset 0 0 0 1px #2349ef}
.config-studio-v11 .config-shell-colors i{display:block;width:25px;height:25px;flex:0 0 25px;border-radius:50%;border:1px solid #111a2433}
.config-studio-v11 .shell-white{background:#f1f2ef}.config-studio-v11 .shell-black{background:#202329}
.config-studio-v11 .config-shell-note{font-size:11px;line-height:1.5;color:#687585;margin:10px 0 0}
.config-studio-v11 #config-colors-title{display:flex;align-items:center;gap:10px}
.config-studio-v11 #config-battery-color-chip{width:23px;height:23px;border-radius:50%;border:1px solid #111a2433;display:inline-block}
.config-studio-v11 #battery-pack-options{margin-bottom:16px}
.config-studio-v11 #battery-pack-options legend{font-size:12px;margin-bottom:9px;font-weight:500;color:#536274}
.config-studio-v11 #battery-pack-size{width:100%;padding:12px 14px;background:#fff;border:1px solid #dbe2e9;border-radius:11px;color:#233347;font-size:14px}
.config-studio-v11 .config-quantity-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px}
.config-studio-v11 .config-quantity-row>label:not(.sr-only){position:static;width:auto;height:auto;overflow:visible;clip-path:none;grid-column:1/-1;font-size:12px;color:#536274}
.config-studio-v11 .config-battery-summary{border:1px solid #e1e7ee;border-radius:14px;padding:18px;margin:0 0 24px;background:#f8fafc}
.config-studio-v11 .config-battery-total{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}
.config-studio-v11 .config-battery-total span{font-size:12px;color:#687585}
.config-studio-v11 .config-battery-total strong{font:650 23px/1.3 Inter,sans-serif;letter-spacing:-.6px;color:#20314a}
.config-studio-v11 .config-battery-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;font-size:12px;line-height:1.55;padding:10px 0;border-top:1px solid #e2e7ee;color:#536274}
.config-studio-v11 .config-battery-price-row strong{white-space:nowrap;color:#20314a;font-size:14px}
.config-studio-v11 #config-battery-tiers{padding:0;margin:13px 0 0;list-style:none;display:grid;gap:5px}
.config-studio-v11 #config-battery-tiers li{font-size:11px;line-height:1.55;padding:5px 8px;border-radius:6px;color:#687585}
.config-studio-v11 #config-battery-tiers li.is-active{background:#e8eefc;color:#2349ef;font-weight:600}
.config-studio-v11 #config-battery-price-status{font-size:10px;line-height:1.65;color:#687585;margin:12px 0 0}
@media(max-width:900px){.config-studio-v11 #battery-pack-size{font-size:16px}}
@media(max-width:420px){.config-studio-v11 .config-battery-summary{padding:15px}.config-studio-v11 .config-battery-price-row{gap:10px}.config-studio-v11 .config-battery-price-row strong{font-size:13px}.config-studio-v11 .config-quantity-row{gap:9px}}