/* Step 6 — equal visual weight for Basic, Premium and Hi-End.
   One vertical quality ladder; every actual design preview uses the same dimensions.
   Customer renderer HTML remains unchanged. */
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers{
 display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;
 gap:clamp(18px,2.5vw,32px)!important;
 max-width:none!important;
 margin-inline:0!important;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers>.start-quality-card{
 grid-column:auto!important;
 order:initial!important;
 min-width:0!important;
 width:100%!important;
 box-sizing:border-box!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;
 align-content:start;
 align-items:stretch!important;
 gap:clamp(14px,2vw,20px)!important;
 padding:clamp(18px,2.4vw,30px)!important;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-quality-head,
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-quality-feature,
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-basic-appearance,
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-premium-appearance{
 grid-column:1/-1!important;min-width:0;max-width:none;width:100%;box-sizing:border-box;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-quality-feature{
 min-height:0;margin:0;max-width:68ch;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-basic-appearance,
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-premium-appearance{
 margin:4px 0 0;padding:clamp(16px,2vw,24px);
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-quality-featured{
 display:contents!important;min-height:0!important;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-tier-designs{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 align-items:stretch;
 gap:clamp(12px,1.5vw,18px);
 min-width:0;
 width:100%;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-quality-more:not([hidden]),
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-quality-more-grid{
 display:contents!important;
 border:0!important;padding:0!important;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-quality-more-heading{
 position:absolute!important;width:1px!important;height:1px!important;
 overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-tier-designs .start-design{
 min-width:0!important;max-width:none!important;width:100%!important;
 height:100%!important;box-sizing:border-box;
 grid-template-rows:245px minmax(45px,auto) 44px 45px!important;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-tier-designs .start-design-view{
 height:245px!important;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-explore{
 width:100%;margin:0;min-height:44px;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-quality-unavailable{
 grid-column:1/-1!important;min-height:170px!important;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-quality-label{
 font-size:clamp(19px,2vw,24px)!important;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-basic-palettes{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-basic-palette{
 overflow-wrap:normal;word-break:normal;white-space:normal;text-wrap:pretty;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-basic-backgrounds{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
@media(max-width:850px){
 body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-tier-designs{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
@media(max-width:580px){
 body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-tier-designs{
  grid-template-columns:minmax(0,1fr);
 }
 body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers>.start-quality-card{
  padding:14px!important;
 }
 body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-basic-palettes,
 body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-basic-backgrounds{
  grid-template-columns:1fr;
 }
 body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-quality-grid.start-quality-equal-tiers .start-tier-designs .start-design{
  grid-template-rows:245px minmax(45px,auto) 44px 45px!important;
 }
}
/* Customer editor: the same native palette choices, with accessible selection states. */
#lcw-workbench .lcw-palette-section{display:grid;gap:11px;min-width:0;padding:14px 12px 15px;margin:10px 0 18px;border:1px solid #d1e2d5;border-radius:14px;background:#f4f8f1}
#lcw-workbench .lcw-palette-section h4{margin:0;color:#234d36;font:750 14px/1.4 system-ui}
#lcw-workbench .lcw-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#lcw-workbench .lcw-palette-option{display:grid;gap:7px;min-width:0;min-height:72px;padding:10px 8px;border:1px solid #a6c1ad;border-radius:10px;background:#fff;color:#1e432f;cursor:pointer;text-align:left;font:700 11px/1.35 system-ui;word-break:normal;overflow-wrap:normal}
#lcw-workbench .lcw-palette-option[aria-pressed="true"]{border-color:#24794d;box-shadow:0 0 0 2px #24794d;background:#e6f5e8}
#lcw-workbench .lcw-palette-option:focus-visible{outline:3px solid #24794d;outline-offset:3px}
#lcw-workbench .lcw-palette-swatch{display:flex;overflow:hidden;border-radius:6px;border:1px solid #a8c2b0;height:24px}
#lcw-workbench .lcw-palette-swatch i{display:block;flex:1;min-width:0}
#lcw-workbench .lcw-background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#lcw-workbench .lcw-background-option{min-height:43px;border:1px solid #a8c0ad;border-radius:8px;background:#fff;color:#244e36;font:700 11px/1.3 system-ui;padding:7px 3px;cursor:pointer}
#lcw-workbench .lcw-background-option[aria-pressed="true"]{outline:2px solid #29764d;outline-offset:1px;background:#e8f5e8}
#lcw-workbench .lcw-background-option:focus-visible{outline:3px solid #29764d;outline-offset:3px}
#lcw-workbench .lcw-palette-note{font:11px/1.5 system-ui;color:#53735b;margin:0}
@media(max-width:400px){#lcw-workbench .lcw-background-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 body.studio-wizard-navigation #studio-start .start-quality-card{transition:none!important}
}
#lcw-workbench .lcw-palette-section .lcw-note{color:#345c41!important;opacity:1!important}