.mobile-tools,.mobile-share-help{display:none}
@media(max-width:760px){
 body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 .mobile-tools{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:7px;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px));background:#fffdf8f5;border-top:1px solid #ded8cc;box-shadow:0 -3px 16px #55473712}
 .mobile-tools button{min-height:46px;min-width:0;padding:9px 5px;border:1px solid #d7dccc;border-radius:10px;background:#fff;color:#52664b;font:inherit;font-size:13px;font-weight:700;touch-action:manipulation}
 .mobile-tools .mobile-save{background:#607754;color:white;border-color:#607754}.mobile-tools button:disabled{opacity:.55;cursor:wait}
 .mobile-tools button:focus-visible{outline:3px solid #b78636;outline-offset:2px}
 .layout,.editor,.preview-panel,.edit-panel{min-width:0;max-width:100%;box-sizing:border-box}
 .editor{scroll-margin-top:calc(var(--preview-height,0px) + 12px)}
 .preview-panel,#download{scroll-margin-top:12px}
 .editor button,.preview-panel button,.preview-panel summary,.saved-looks summary,.share-x{min-height:44px}
 .editor input:not([type=checkbox]),.editor select{min-height:44px;font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
 .settings-line label,.two-tone-box>label{display:flex;align-items:center;min-height:44px}
 .segments{flex-wrap:wrap}.segments button{min-width:0;overflow-wrap:anywhere}
 .swatches{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))!important}.swatches button{min-width:44px}
 .hair-grid,.face-options,.costume-grid{min-width:0}.hair-grid>*,.face-options>*,.costume-grid>*{min-width:0;overflow-wrap:anywhere}
 .save-row{flex-wrap:wrap}.save-row input{flex:1 1 140px}.saved-item{flex-wrap:wrap}.saved-item button{max-width:100%;overflow-wrap:anywhere}
 .mode-row{flex-wrap:wrap}.mode-row small,.preview-caption small,.palette-note{overflow-wrap:anywhere}
 .edit-tabs{max-width:100%;box-sizing:border-box}.edit-tabs button{flex:1 0 auto;min-width:44px}
 .mobile-share-help{display:block;font-size:13px;line-height:1.8;color:#5c5348;background:#f6f0df;border-radius:10px;padding:13px;margin-bottom:12px}
 .mobile-share-help strong{font-size:14px}.mobile-share-help ol{padding-left:21px;margin:9px 0}.mobile-share-help p{margin:8px 0}.mobile-share-help small{display:block;font-size:11px}
 .share-panel .share-instructions,.share-panel>.hint:not([role=status]){display:none}
 .share-actions{min-width:0}.share-actions>*{min-width:0;overflow-wrap:anywhere}
}