.mh-variants{margin:0 0 24px;padding:20px;border:1px solid #d9dece;border-radius:20px;background:#f7f7f0;color:#33432d}.mh-variants-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mh-variants-heading h2{font-size:20px;line-height:1.25;margin:0 0 6px}.mh-variants-heading p,.mh-variants-note{font-size:13px;line-height:1.5;margin:0;color:#65705d}.mh-variants-heading>span{font-size:12px;white-space:nowrap}.mh-variants-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mh-variant-card{display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;background:#fff;border:1px solid #d2d8c8;border-radius:14px;overflow:hidden;color:inherit;cursor:pointer}.mh-variant-card[aria-pressed=true]{border:2px solid #536d41;box-shadow:0 0 0 2px #dce6d2}.mh-variant-card:focus-visible{outline:3px solid #b68b55;outline-offset:3px}.mh-variant-preview{display:block;aspect-ratio:1.5;background:#eeeee5;padding:12px}.mh-variant-preview svg{display:block;width:100%;height:100%;max-height:180px}.mh-variant-copy{display:flex;flex-direction:column;gap:5px;padding:12px;font-size:14px}.mh-variant-copy small{font-size:12px;color:#697261}.mh-variant-copy>span{font-size:12px;color:#4b6639;margin-top:3px}.mh-variants-note{margin-top:12px}.st-room-finishes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st-room-finishes input[type=color]{width:100%;min-height:38px}.st-windows-confirmed{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;margin:12px 0}.st-windows-confirmed input{flex:0 0 auto;margin-top:3px}@media(max-width:650px){.mh-variants{padding:14px;border-radius:16px}.mh-variants-heading{align-items:flex-start}.mh-variants-heading h2{font-size:18px}.mh-variants-grid{grid-template-columns:1fr;gap:10px}.mh-variant-card{display:grid;grid-template-columns:minmax(100px,40%) 1fr}.mh-variant-preview{aspect-ratio:1.25}.mh-variant-copy{justify-content:center}.mh-variant-copy small{font-size:11px}}

/* Keep options visible without pushing the editable scene a screen below them. */
.mh-variant-preview{aspect-ratio:auto;height:120px;min-height:0}.mh-variant-preview svg{height:100%;max-height:96px}.mh-variant-copy{padding:10px}.mh-variants{padding:16px;margin-bottom:16px}.mh-variants-heading{margin-bottom:12px}
@media(max-width:650px){.mh-variant-preview{height:86px}.mh-variant-copy{padding:8px}.mh-variant-copy>span{font-size:11px}.mh-variants-heading p{font-size:12px}}

/* The editable room is the destination; comparing alternatives is optional. */
.mh-variants{padding:0;min-width:0;overflow:hidden}
.mh-variants-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;cursor:pointer;list-style:none;min-height:64px;box-sizing:border-box}
.mh-variants-summary::-webkit-details-marker{display:none}
.mh-variants-summary>span:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.mh-variants-summary b{font-size:14px;line-height:1.35;font-weight:600}
.mh-variants-summary small{font-size:12px;line-height:1.4;color:#687261}
.mh-variants-summary::after{content:'⌄';font-size:20px;flex:0 0 auto;transition:transform .15s}
.mh-variants[open]>.mh-variants-summary::after{transform:rotate(180deg)}
.mh-variants-count{margin-left:auto;font-size:12px;white-space:nowrap;color:#687261}
.mh-variants-content{padding:0 18px 18px}
.mh-variants-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.mh-variant-copy{line-height:1.45;overflow-wrap:break-word}
.mh-variants-summary:focus-visible{outline:3px solid #b68b55;outline-offset:-4px;border-radius:18px}
@media(max-width:650px){.mh-variants-summary{padding:13px 14px;gap:10px}.mh-variants-summary small{font-size:11px}.mh-variants-content{padding:0 14px 14px}.mh-variant-card{display:flex;flex-direction:column}.mh-variant-preview{height:105px}.mh-variants-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}}