/* Review-only phone composition, loaded after the approved brand styles. */
#phone-tools,#phone-proposal{display:none}#phone-details:not([open]){display:none}
#phone-details{width:min(560px,calc(100% - 16px));max-height:calc(var(--phone-height,100dvh) - 20px);padding:16px;border:1px solid #294c5044;border-radius:12px;background:#f4f1e9;color:#294c50;overflow:auto;overscroll-behavior:contain}
#phone-details::backdrop{background:#18323370}#phone-details>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #294c5030}#phone-details h2{font-size:18px;margin:0}#phone-close-options{font-size:24px;min-width:44px;min-height:44px;padding:0}#phone-details .order-column{display:block;border:0;padding:0}#phone-details .order-column>*{margin-block:10px}#phone-details .shop-editor-quantity-label{max-width:120px}#phone-details input{min-height:44px;font-size:16px}
@media(max-width:700px){
body.phone-editor{height:var(--phone-height,100dvh);overflow:hidden;padding:0!important;display:flex;flex-direction:column;background:#f4f1e9}
.phone-editor #phone-proposal{display:block;flex:0 0 20px;margin:0;text-align:center;font-size:11px;line-height:20px;color:#72572c;background:#eee6d3}
.phone-editor>[data-shop-header]{display:block;flex:0 0 43px;min-height:43px;max-height:43px;padding:0 12px!important;margin:0!important;border-bottom:1px solid #294c5020}.phone-editor>[data-shop-header]>*{min-height:42px;max-height:42px;margin:0!important;padding:0!important}.phone-editor [data-shop-header] img{max-height:35px;width:92px}.phone-editor [data-shop-nav]{display:none!important}
.phone-editor .placement-app{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:none;margin:0!important;padding:0 12px!important;background:#f4f1e9;border:0;border-radius:0;overflow:hidden}
.phone-editor .placement-app>header{display:none}.phone-editor #garment-workspace{display:flex;flex-direction:column;flex:1;min-height:0}
.phone-editor .selection-fields{flex:0 0 auto;grid-template-columns:minmax(0,1fr) 78px;gap:8px;margin:6px 0 2px!important;padding:0!important}.phone-editor .selection-fields>label,.phone-editor .garment-choice-field>span{font-size:11px;line-height:16px}.phone-editor .selection-fields select,.phone-editor .selection-fields button{font-size:12px;line-height:1.4;min-height:44px;padding:4px 7px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phone-editor .editor-layout{display:block;flex:1;min-height:0}.phone-editor .visual-column{display:flex;flex-direction:column;align-items:stretch;position:static!important;padding:0!important;margin:0!important;box-shadow:none!important;background:#f4f1e9}
.phone-editor .visual-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:4px 0;min-height:46px}.phone-editor .view-picker{display:flex;flex:1;gap:4px;padding:2px;margin:0!important}.phone-editor .view-picker button{min-height:44px;padding:3px 8px;line-height:1.3;font-size:13px;flex:1}.phone-editor #toggle-clean-preview{font-size:11px;line-height:1.2;min-height:44px;max-width:92px;padding:5px}
.phone-editor .placement-app .garment-stage{flex:none;align-self:center;min-width:0!important;width:var(--phone-stage-size,260px)!important;height:var(--phone-stage-size,260px)!important;min-height:0!important;max-width:100%!important;max-height:none!important;margin:0 auto;aspect-ratio:1;background:#eeeae0;border-radius:10px}
.phone-editor .view-zoom-controls{display:flex;align-items:center;justify-content:center;gap:5px;margin:3px 0!important;min-height:36px;font-size:11px;flex-wrap:nowrap}.phone-editor .view-zoom-controls>span{display:none}.phone-editor .view-zoom-buttons{display:flex;align-items:center;gap:3px}.phone-editor .view-zoom-controls button{min-height:36px!important;min-width:36px!important;padding:2px 7px;font-size:12px}.phone-editor #view-zoom-fit{font-size:11px}.phone-editor #view-zoom-level{min-width:27px;font-size:12px}
.phone-editor #phone-tools{display:block;flex:0 0 auto;padding:5px 0 calc(5px + env(safe-area-inset-bottom,0px));border-top:1px solid #294c5030;background:#f4f1e9}
.phone-editor #phone-tools .placement-collection{display:grid;grid-template-columns:minmax(0,1fr) 69px;gap:6px;margin:0;padding:0!important;border:0;background:transparent}.phone-editor #phone-tools .collection-heading{display:none}.phone-editor #placement-list{display:flex;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;min-height:44px;max-height:44px}.phone-editor #placement-list button{min-height:44px;max-height:44px;min-width:140px;flex:0 0 auto;display:block;padding:3px 7px;margin:0;border:1px solid #294c5050;border-radius:6px;text-align:right;line-height:1.2}.phone-editor #placement-list strong{font-size:11px;line-height:1.35;display:block}.phone-editor #placement-list span{font-size:10px;display:block;line-height:1.3}.phone-editor .add-placement-row{margin:0;display:block}.phone-editor #open-add-art{min-height:44px;height:44px;max-height:44px;padding:4px;font-size:12px;margin:0!important;border:1px dashed #294c50}
.phone-editor #phone-size{padding:4px 0 0}.phone-editor #phone-size .size-label{font-size:11px;margin:0;min-height:18px;line-height:18px}.phone-editor #phone-size .size-label output{font-size:14px;line-height:18px}.phone-editor #phone-size .size-control{margin:0;gap:6px;min-height:44px}.phone-editor #phone-size .size-control button{min-height:44px;width:44px;max-height:44px;padding:2px}.phone-editor #phone-size input{min-height:44px;height:44px}
.phone-editor .phone-actions{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:3px}.phone-editor .phone-nudges{display:flex;direction:ltr;gap:3px}.phone-editor .phone-nudges button{height:44px;min-height:44px;min-width:44px;padding:3px;font-size:19px}.phone-editor #phone-options{min-height:44px;padding:4px 9px;font-size:12px}.phone-editor #phone-rotation .direction-label{margin:0;font-size:10px}.phone-editor #phone-rotation select{min-height:44px;width:68px;font-size:12px;margin:0}.phone-editor #phone-direction-note{margin:1px 0;font-size:10px;line-height:14px;text-align:center;color:#756a57}.phone-editor #phone-face-note{margin:2px 0;font-size:11px;line-height:15px;min-height:15px;text-align:center;color:#52645d}.phone-editor #phone-review{margin-top:3px;min-height:44px;padding:5px;font-size:14px}
.phone-editor #phone-tools[data-active=false] #phone-size,.phone-editor #phone-tools[data-active=false] .phone-nudges,.phone-editor #phone-tools[data-active=false] #phone-rotation{display:none}.phone-editor #phone-tools[data-active=false] .phone-actions{justify-content:flex-end}
.phone-editor #phone-details .active-heading,.phone-editor #phone-details .placement-actions{display:flex;justify-content:space-between;gap:6px}.phone-editor #phone-details #active-controls{padding:12px}.phone-editor #phone-details .range-label{display:none}.phone-editor #phone-details .prices{margin:12px 0;padding:0}.phone-editor #phone-details .garment-checkout{padding:0;position:static}.phone-editor #phone-details .saved-places{margin-top:12px}.phone-editor #phone-details .direction-label{display:none}
.phone-editor .art-picker-dialog{max-height:var(--picker-visible-height,var(--phone-height,100dvh))!important;top:0;margin:0;bottom:auto}.phone-editor #phone-details input,.phone-editor .art-picker-dialog input{font-size:16px}
}

@media(max-width:700px){.phone-editor .shop-bottom-nav{display:none!important}.phone-editor #placement-list button{width:142px!important;min-width:142px;max-width:142px!important}.phone-editor #phone-face-note[data-invalid=true]{color:#9a4234;font-weight:600}.phone-editor #phone-tools .placement-collection{padding-bottom:2px!important}.phone-editor #phone-direction-note{display:none!important}}
@media(max-width:700px){.phone-editor #phone-extra-fields .garment-physical-dimensions,.phone-editor #phone-extra-fields .physical-placement-note{display:none!important}}
#phone-details>header{position:sticky;top:-16px;z-index:2;background:#f4f1e9}

.legacy-size-policy{padding:9px;border:1px solid #ad7b45;border-radius:7px;background:#f5e9d4}.legacy-size-policy p{font-size:12px;line-height:1.5;margin:0 0 5px}.legacy-size-policy>div{display:flex;gap:6px;flex-wrap:wrap}.legacy-size-policy button{font-size:12px;min-height:44px;flex:1;padding:5px}.phone-editor .legacy-size-policy{margin-top:4px;padding:6px}.phone-editor .legacy-size-policy p{font-size:11px}.phone-editor .legacy-size-policy button{font-size:11px}

.phone-editor #phone-tools #retry-evaluation{width:100%;min-height:44px;font-size:12px;margin:3px 0}

@media(max-width:700px){body.phone-editor{padding-block-start:env(safe-area-inset-top,0px)!important}.phone-editor .view-zoom-controls{min-height:44px}.phone-editor .view-zoom-controls button{min-height:44px!important;min-width:44px!important}#phone-details{max-height:calc(var(--phone-height,100dvh) - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}

/* Reduced-height phone: keep face, artwork size and review on the main screen.
   Original garment, zoom and legacy correction controls move into Options. */
@media(max-width:700px){.phone-editor.phone-short #phone-extra-fields .selection-fields{display:grid}.phone-editor.phone-short #phone-extra-fields .view-zoom-controls{margin:8px 0!important}.phone-editor.phone-short #phone-options{font-size:11px;white-space:nowrap}}