/* Roomier controls for the simple, tap-to-preview designer. */
.scene-option,.swatch-button,.pattern,.paging button,.preview-controls button{min-height:44px}
@media(max-width:760px){
 .row{grid-template-columns:1fr;gap:16px}
 input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font-size:16px;min-height:44px}
 .swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .swatch-button{padding:12px;font-size:12px;line-height:1.4}
 .swatch-button img.swatch{height:64px}
 .patterns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .patterns .pattern{font-size:12px;padding:10px}
 .preview-controls button{font-size:12px;min-height:44px}
 .paging{gap:12px}.paging button{min-height:48px;font-size:14px}
 .scene-option strong{font-size:14px}.scene-option .description{font-size:12px}
 .disclosure summary{padding-top:14px;padding-bottom:14px;min-height:48px}
 .step-nav button{min-height:48px}
}
@media(max-width:760px) and (max-height:700px){
 body:is([data-step="1"],[data-step="2"],[data-step="3"]) .preview-column{position:relative;top:auto}
}