/* Final responsive layer shared by public pages and the private workspace. */
.ds-mobile-label,.bi-mobile-destinations{display:none}
:where(input,select,textarea,button,a){-webkit-tap-highlight-color:transparent}
:where(main,.ds-page-content) :where(h1,h2,h3,p,label,legend){overflow-wrap:break-word}
:where(main,.ds-page-content) :where(input,select,textarea){max-width:100%;min-width:0}
dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}
@media(max-width:1024px){
 .unified-footer nav a{min-height:44px}
 .client-area .ds-breadcrumb{min-width:0;white-space:normal}.client-area .ds-breadcrumb [aria-current]{white-space:normal;line-height:1.3}
}
@media(max-width:760px){
 /* Four labeled destinations replace the eight-icon phone rail. */
 .ds-app:is(.precision-studio,.client-area) .ds-rail,.client-area .ds-rail{position:fixed;inset:auto 0 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;width:100%;height:calc(70px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid #e2e6ec;background:#fff;overflow:visible;z-index:80;box-shadow:0 -4px 18px #1a1a1a05}
 .ds-app:is(.precision-studio,.client-area) .ds-rail .ds-brand{display:none}.ds-app:is(.precision-studio,.client-area) .ds-rail nav{display:flex;flex-direction:row;flex:3;gap:6px;justify-content:space-around;min-width:0;width:auto}
 .ds-app:is(.precision-studio,.client-area) .ds-rail .ds-rail-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;flex:1 1 0;width:auto;min-width:0;max-width:none;height:56px;border-radius:12px;margin:0;font-size:11px;line-height:1.3}
 .ds-app:is(.precision-studio,.client-area) .ds-rail .ds-account{display:flex;flex:1 1 0;max-width:25%;margin:0}
 .ds-app:is(.precision-studio,.client-area) .ds-rail-link svg{width:22px;height:22px}.ds-app:is(.precision-studio,.client-area) .ds-rail .ds-tooltip{display:none}.ds-app .ds-mobile-label{display:block;color:inherit;font-weight:550}
 .ds-app:is(.precision-studio,.client-area) .ds-rail nav [data-section=brand],.ds-app:is(.precision-studio,.client-area) .ds-rail nav [data-section=integrations],.ds-app:is(.precision-studio,.client-area) .ds-rail nav [data-section=pricing],.ds-app:is(.precision-studio,.client-area) .ds-rail nav [data-section=help]{display:none}
 .bi-mobile-destinations{display:block;border-bottom:1px solid #e6eaf0;padding-bottom:8px;margin-bottom:8px}
 .bi-account-menu{inset:auto 12px calc(82px + env(safe-area-inset-bottom)) auto;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 110px - env(safe-area-inset-bottom));overflow-y:auto;padding:16px;border-radius:18px}.bi-account-menu a,.bi-account-menu button{min-height:44px}.bi-account-menu a[aria-current]{background:#edf2f8;font-weight:650}
 .ds-app.precision-studio{padding-bottom:calc(76px + env(safe-area-inset-bottom));grid-template-rows:68px auto}.ds-app.precision-studio .ds-body{padding-bottom:24px}.ds-app.precision-studio .ds-topbar{scroll-margin-top:0}
 .client-area{grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);padding-bottom:calc(70px + env(safe-area-inset-bottom));height:100dvh}.client-area .ds-topbar{grid-column:1;grid-row:1;height:64px;padding:0 16px;gap:12px}.client-area .ds-page-scroll{grid-column:1;grid-row:2;scroll-padding-bottom:24px}.client-area .ds-page-content{padding:24px 18px}.client-area .ds-breadcrumb{font-size:12px;gap:8px}.client-area .ds-breadcrumb>li:first-child{display:flex}.client-area .ds-breadcrumb>li:last-child{display:flex;max-width:130px;overflow-wrap:anywhere}.client-area .ds-breadcrumb li:first-child a{font-size:16px}.client-area .client-wordmark-sub,.client-area .ds-breadcrumb li>span[aria-hidden]{display:none}.client-area .workspace-header-actions{margin-left:auto;flex-shrink:0}.client-area .workspace-header-actions .credit-pill,.client-area .workspace-header-actions .button.small:last-child{display:none}.client-area #workspace-command{min-height:44px;padding:8px 10px;font-size:13px}.client-area #workspace-command kbd{display:none}
 .client-area .ds-page-footer{padding:24px 18px 28px;gap:14px;display:block}.client-area .ds-page-footer>span{display:block;margin-bottom:12px;font-size:12px;color:#606674}.client-area .bi-trust-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0;width:100%}.client-area .bi-trust-links a{display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.5}
 .canvas-site :where(input:not([type=checkbox]):not([type=radio]),select,textarea),.ds-app :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}
 .ds-app .button,.canvas-site .button{min-height:44px}.ds-app summary,.client-area .text-link{min-height:44px;align-content:center}.ds-app .field{min-width:0}
 .client-area .account-project-info,.client-area .project-card h2{min-width:0;overflow-wrap:anywhere}.client-area .account-project-card{min-width:0}
 .client-area .woocommerce-MyAccount-content table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.client-area .woocommerce-orders-table__cell-order-actions .button{margin:0;min-height:44px}
 .review-dialog-heading{position:sticky;top:0;z-index:2}.review-dialog-heading .review-close{flex-shrink:0}.review-dialog-footer .button{min-height:46px}
 body:has(.ds-app) .cookieadmin_re_consent{bottom:calc(84px + env(safe-area-inset-bottom))!important;left:12px!important}
 .unified-footer .footer-main{gap:24px 18px}.unified-footer .footer-bottom{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:360px){.client-area .ds-breadcrumb>li:last-child{max-width:100px}.client-area .ds-topbar{padding-inline:12px}.ds-app:is(.precision-studio,.client-area) .ds-rail{padding-inline:8px}.studio-login-intro h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Preserve the same choose-format -> upload order on every screen. */
@media(max-width:700px){
 .studio-welcome .studio-start-formats{order:0;margin:18px auto 12px}
 .studio-welcome .studio-welcome-drop{order:1;margin-top:12px}
 .studio-welcome .studio-start-formats label{padding:12px;gap:4px 10px}
 .studio-welcome .studio-start-formats strong{font-size:14px}.studio-welcome .studio-start-formats span{font-size:12px}
 .studio-welcome{padding-top:24px}.studio-welcome>h1{font-size:28px;margin:10px 0 12px}.studio-welcome>p{font-size:14px}
}
@media(max-width:760px){
 .client-area table.woocommerce-orders-table tbody{display:block;width:100%}
 .client-area table.woocommerce-orders-table tbody tr{width:100%;box-sizing:border-box}
 .ds-app .scene-location-filters button,.ds-app [role=tablist] [role=tab]{min-height:44px}
 body.premium-canvas :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}
}
@media(max-width:760px){
 body.wp-theme-bestimage-canvas #main form :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}
 body.woocommerce-page #main form .form-row input[type=checkbox]{width:20px;height:20px;flex-shrink:0}
 body.canvas-checkout .bi-trust-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 body.canvas-checkout .bi-trust-links a{display:flex;align-items:center;min-height:44px;font-size:13px}
}