/* Comfortable controls and readable forms on narrow screens. */
@media (max-width:1050px){
 html:has(dialog[open]){overflow:hidden}
 header nav button,.language-picker select,.project-actions button,.editor-tabs button,
 .workspace-tools button,.camera-tools button,.selection-actions button,.full{min-height:44px}
 header nav button{font-size:12px;padding:10px}
 .language-picker select{font-size:14px;max-width:160px}
 .project-actions button,.editor-tabs button{font-size:12px}
 .size-picker #sizes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .size-picker .size-row{grid-template-columns:minmax(0,1fr) 60px;padding:8px;gap:6px}
 .size-picker .size-row label{font-size:13px}
 .size-picker .size-row input{width:60px;min-height:44px;font-size:16px}
 .size-picker .size-stock{font-size:11px}
 #colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;max-height:240px;width:100%;padding:5px 6px}
 .garment-colors .swatch{width:44px;height:44px;margin-inline:auto;border:7px solid #fff}
 .preview-toolbar .segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .preview-toolbar .segmented button{min-height:44px;font-size:12px;white-space:normal}
 .environment-tools{flex-wrap:wrap}
 .environment-tools button{width:44px;height:44px}
 .camera-tools button{min-width:44px;font-size:12px}
 #editOverlay button{min-width:44px;min-height:44px}
 .preview-foot>span,.freedom-note,.camera-tools span,.model-label span,.drop-tip small{font-size:12px;line-height:1.6}
 input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}
 #newText,.requirements textarea{font-size:16px}
 .control-grid input,.control-grid select,.workspace-tools select{min-height:44px;font-size:16px}
 .close{width:44px;height:44px;padding:0;display:grid;place-items:center;top:8px;right:8px;font-size:24px}
 .feature-dialog,.customer-checkout,.security-dialog{max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
 .customer-checkout h2{padding-right:36px;font-size:26px;overflow-wrap:anywhere}
 .checkout-fields label{font-size:14px;margin-top:0}
 .checkout-fields input{font-size:16px;min-height:48px}
 .checkout-review{padding:16px;overflow-wrap:anywhere}
 .checkout-review #checkoutSummary>div{flex-wrap:wrap;gap:6px}
 .delivery-card{flex-wrap:wrap;gap:10px}
 .delivery-card>span{min-width:0}
 .delivery-card>strong{margin-left:auto}
 .checkout-review label.check{min-height:44px;font-size:13px}
 .studio-guide>summary{font-size:13px;min-height:44px;flex-wrap:wrap}
 .studio-faq summary{font-size:14px;min-height:44px;display:flex;align-items:center}
 footer{flex-wrap:wrap;overflow-wrap:anywhere}
 .security-actions{flex-wrap:wrap}
 #adminLoginForm input{font-size:16px}
}

.security-dialog h2{color:#eaf5fa}.security-dialog p{color:#bad0d6}