/* Keep the original studio layout above the current quantity and review flow. */
.shop-site.route-designer{--header-height:67px}
.shop-site.route-designer .r4-header{border-bottom:0}
.shop-site.route-designer .r4-header .r4-nav-row{height:67px;width:min(1360px,calc(100% - 80px))}
.shop-site.route-designer .r4-brand{width:170px;min-width:0;margin-right:34px}
.shop-site.route-designer .r4-main-nav{gap:68px}
.shop-site.route-designer>.r4-main{width:min(1360px,calc(100% - 80px));margin:18px auto 14px}
.shop-site .original-pages:has(>.r4-template-controls){gap:0}
.shop-site .original-pages:has(>.r4-template-controls)>:not(:first-child):not(#r4-template-gallery){margin-top:28px}
.shop-site .r4-template-controls{flex-direction:row;align-items:end;gap:16px;padding:25px 26px}
.shop-site .r4-template-controls .r4-field{flex:1;font-weight:400;gap:6px}
.shop-site .r4-template-controls .r4-field:nth-child(2){flex:0 0 220px}
.shop-site .r4-template-controls .r4-field :is(input,select){height:42px;min-height:42px;margin:0;padding:9px 12px;font-size:14px}
.shop-site #r4-template-search{margin:0;padding:9px 12px}
.shop-site .r4-template-controls>.r4-button{min-height:46px;padding:11px 20px;font-size:14px}
.shop-site #r4-template-count{align-self:center;white-space:nowrap;font-size:14px}
.shop-site .r4-designer .designer-head{align-items:center;gap:20px;margin:0 0 12px;flex-direction:row}
.shop-site .r4-designer .designer-head>div:first-child>p{display:block}
.shop-site .studio-source-bar{display:flex}
.shop-site .studio-v2{gap:16px}
.shop-site .studio-v2 .studio-preview{display:block}
.shop-site .studio-v2 .studio-tools{display:contents}
.shop-site .studio-v2 .tool-tabs{flex-wrap:nowrap;align-items:stretch}
.shop-site .studio-v2 .tool-tabs>button{flex:none}
.shop-site .studio-v2 .tool-tabs [data-tool-summary]{display:block}
.shop-site .studio-v2 .tool-tabs [data-tool-summary]:empty{display:none}
.shop-site .studio-v2 .tool-panel{display:block}
.shop-site .studio-v2 .tool-panel label{display:block}
.shop-site .studio-v2 .tool-panel .check-line{display:flex;flex-direction:row;align-items:center}
.shop-site .r4-designer .finish-card{display:block;min-height:104px;padding:22px 14px}
.shop-site .r4-designer .finish-card[aria-pressed=true]{background:#f0eaf6;border-color:#ae93c7}
.shop-site .r4-designer .finish-card span{font-size:12px;line-height:18px;color:var(--ink)}
.shop-site .r4-designer .studio-file-card{display:block}
.shop-site .r4-designer .studio-file-card img{width:60px;height:88px;margin:0;object-fit:contain}
.shop-site .r4-designer .art-palette .art-color{border-radius:50%}
.shop-site .studio-v2 .studio-more-3d{display:block}
.shop-site .studio-choice button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.shop-site .studio-v2 .studio-main-controls{display:flex;grid-template-columns:none}
.shop-site .studio-v2 .studio-template-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.shop-site .studio-v2 .studio-template{display:block;border:1px solid var(--line);padding:8px;font-size:11px;text-align:center}
.shop-site .studio-v2 .studio-template img{height:116px;object-fit:contain;display:block;margin-bottom:8px}
.shop-site .studio-v2 .studio-template[aria-pressed=true]{outline:2px solid var(--ink);background:var(--cream)}
.shop-site .studio-bottom{display:flex;align-items:center;gap:18px;background:white}
.shop-site #studio-selection{flex:1}
.shop-site .r4-studio-commerce{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:24px;margin:24px 0 0;padding:20px;background:#fff}
.shop-site .r4-studio-commerce>div:first-child{display:flex;flex-direction:column;gap:12px}
.shop-site .r4-studio-commerce .r4-field{max-width:220px}
.shop-site .r4-studio-commerce .r4-studio-actions:empty{display:none}
@media(min-width:651px) and (max-width:1100px){.shop-site .studio-v2{grid-template-columns:minmax(280px,1fr) minmax(340px,1.2fr)}}
@media(max-width:1100px){.shop-site.route-designer .r4-main-nav{gap:18px}.shop-site .studio-v2 .studio-main-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.shop-site .studio-v2 .tool-tabs{display:flex;flex-direction:column}}
@media(max-width:760px){.shop-site .r4-template-controls{flex-direction:column;align-items:stretch;padding:16px}.shop-site .r4-template-controls .r4-field:nth-child(2){flex:auto}.shop-site .r4-template-controls .r4-field :is(input,select){font-size:16px}.shop-site #r4-template-count{align-self:start}.shop-site .original-pages:has(>.r4-template-controls)>:not(:first-child):not(#r4-template-gallery){margin-top:24px}}
@media(max-width:650px){
 .shop-site.route-designer{--header-height:64px}
 .shop-site.route-designer .r4-header .r4-nav-row{height:64px;width:90%}
 .shop-site.route-designer .r4-brand{width:144px;margin-right:auto}
 .shop-site.route-designer>.r4-main{width:90%;margin-top:18px}
 .shop-site .r4-designer .designer-head{display:block}
 .shop-site .r4-designer .finish-card{padding:14px 10px}
 .shop-site .studio-v2{display:flex;flex-direction:column}
 .shop-site .studio-v2 .tool-panel{width:100%}
 .shop-site .studio-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 html:has(.shop-site.route-designer){scroll-padding-bottom:calc(var(--studio-footer-height,130px) + 12px)}
 .shop-site.route-designer main.r4-main{padding-bottom:max(130px,calc(var(--studio-footer-height,130px) + 12px))}
 .shop-site .r4-studio-commerce{grid-template-columns:1fr;gap:16px;padding:16px}
 .shop-site.route-designer .r4-support-launcher{bottom:142px}
}
@media(max-width:600px){.shop-site .studio-v2 .studio-template img{height:125px}}
@media(max-width:350px){.shop-site.route-designer .r4-brand{width:112px}}
.shop-site.route-designer #studio-selection{min-width:0;overflow-wrap:anywhere}
@media(max-width:650px) and (max-height:500px){html:has(.shop-site.route-designer){scroll-padding-top:var(--header-height)}}

/* Keep tube previews centered; the box viewer retains its own mobile full screen. */
.viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]){width:min(1020px,calc(100vw - 40px));height:fit-content;margin:auto;inset:0;border:0}
.viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) .modal-head h2{font-size:30px;line-height:1.1;letter-spacing:-.8px;text-wrap:balance}
.viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) .modal-head{padding:13px 22px}
.viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) .viewer-toolbar{padding:12px 22px;gap:8px}
.viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) .btn{font-weight:700;min-height:36px;padding:7px 12px}
.viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) #viewer-status{flex:1;min-width:200px;font-size:13px;line-height:20px}
.viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) #viewer-fullscreen:not([hidden]){display:inline-flex}
.viewer-dialog[data-viewer-kind="box"] .viewer-box-info{flex:1;flex-basis:0;min-width:0}
.viewer-dialog[data-viewer-kind="box"]>.viewer-fullscreen-surface>.viewer-toolbar{padding:6px 12px;min-height:0;gap:8px}
.viewer-dialog[data-viewer-kind="box"] .viewer-box-info summary{padding:8px 0;font-size:12px;line-height:1.4}
@media(max-width:650px){
 .viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]){width:calc(100vw - 38px);max-width:calc(100vw - 38px);max-height:94dvh;border-radius:6px}
 .viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) .modal-head{padding:10px 15px}
 .viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) .modal-head h2{font-size:22px}
 .viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) .viewer-toolbar{padding:10px 15px}
 .viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) #viewer-status{flex-basis:100%;margin-top:4px}
 .viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]) .viewer-more{margin:0 15px 20px}
}
.viewer-dialog:is([data-viewer-kind="tube"],[data-viewer-kind="three_pack"]):fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}
@media(max-width:650px){
 .shop-site .studio-source-bar{flex-wrap:wrap}
 .shop-site .studio-source-bar>strong{min-width:0;overflow-wrap:anywhere}
 .shop-site .studio-source-bar>.btn{flex:1 0 calc(50% - 5px)}
}

/* Keep the fixed support launcher clear of template choices. */
@media(max-width:650px){.shop-site .studio-v2 .studio-template-list{width:calc(100% - 100px - env(safe-area-inset-right));grid-template-columns:repeat(2,minmax(0,1fr))}.shop-site .studio-v2 .studio-template{overflow-wrap:anywhere}}
@media(min-width:651px) and (max-width:1552px){.shop-site .studio-v2 .studio-template-list{width:calc(100% - 64px - env(safe-area-inset-right));grid-template-columns:repeat(auto-fit,minmax(98px,1fr))}}
@media(min-width:651px) and (max-width:720px){.shop-site .studio-v2{display:flex;flex-direction:column}.shop-site .studio-v2 .studio-preview,.shop-site .studio-v2 .tool-panel{min-width:0;max-width:100%}.shop-site .studio-v2 .tool-panel{width:100%}.shop-site .studio-v2 .studio-template-list{grid-template-columns:repeat(3,minmax(0,1fr))}}