/* PHOTOSMIA188: responsive layout and progressive enhancement. */
html{min-width:280px}body{width:100%;min-width:0}img,canvas,video{max-width:100%}
.topbar,.workspace,.hero-view,.view-head,.product-grid,.home-info,.pay-plans,.photo-layout-pro,.photo-stage,.style-layout,.create-layout,.design-pro-layout,.design-canvas-shell,.album-builder-176,.album-result-176{min-width:0}
.topbar>* ,.view-head>* ,.product-grid>* ,.home-info>* ,.pay-plans>* ,.photo-layout-pro>* ,.style-layout>* ,.create-layout>* ,.design-pro-layout>* ,.album-builder-176>* ,.album-result-176>*{min-width:0;max-width:100%}
button,a.primary,a.soft{white-space:normal;overflow-wrap:break-word}input,select,textarea{max-width:100%;min-width:0}
.hero-view{padding-left:24px;padding-right:24px}.workspace{padding-left:20px;padding-right:20px}.view-head{margin:0 auto 22px;width:100%;flex-wrap:wrap}.view-head h1{overflow-wrap:break-word}
.topbar{height:auto;min-height:68px;grid-template-columns:minmax(70px,1fr) minmax(130px,300px) minmax(100px,1fr)}.top-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}.topbar-brand{width:100%}.topbar-brand img{max-width:100%;height:auto;max-height:55px;object-fit:contain}.top-btn{max-width:100%;overflow-wrap:anywhere}
.product-grid,.home-info{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{display:flex;flex-direction:column}.product-card p{min-height:0;flex:1}.product-card button{margin-top:14px}.pay-plans{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;width:100%!important}.pay-plan{min-width:0!important;width:auto!important;margin:0!important;max-width:100%!important;display:flex;flex-direction:column;word-wrap:break-word}.pay-plan ul{flex:1}.pay-plan .plan-cta{max-width:100%;white-space:normal}.pm186-plan-title{flex-wrap:wrap}.free-plan-summary-180{min-width:0;max-width:100%;flex-wrap:wrap}
.photo-layout-pro{display:grid!important;grid-template-columns:220px minmax(0,1fr) 270px!important;gap:16px!important;align-items:start}.photo-manual-panel,.photo-auto-panel{width:auto!important;min-width:0!important}.photo-stage{width:auto!important;min-width:0!important;padding:16px!important;min-height:0}.photo-view-toolbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:10px!important;width:100%;min-width:0;position:relative;margin-bottom:14px}.photo-view-toolbar>*{position:static!important;transform:none!important;min-width:0;max-width:100%}.photo-zoom-top{flex:1 1 200px;display:flex!important;align-items:center;gap:8px}.photo-zoom-top input{width:100%;min-width:60px;flex:1 1 90px}.photo-zoom-top b,.photo-zoom-top output{flex:0 0 auto;white-space:nowrap}.photo-view-switch{flex:0 1 auto;display:flex!important;white-space:nowrap;max-width:100%;border-radius:28px}.photo-view-switch button{flex:1 0 auto!important;min-width:0!important;white-space:nowrap!important;padding:10px 13px!important;line-height:1.3!important}.photo-view-tools{display:flex!important;flex:0 1 auto;flex-wrap:wrap;gap:6px;margin:0!important}.photo-tool-toggle,.photo-pan-toggle{white-space:nowrap!important;min-height:40px}.photo-batch-status{flex:1 0 100%;text-align:left;overflow-wrap:anywhere}.photo-auto-head{gap:9px}.photo-auto-head>div{min-width:0}.photo-ai-pill{flex:0 0 42px}.photo-auto-card{min-width:0;max-width:100%;grid-template-columns:34px minmax(0,1fr)!important}.photo-auto-card>span:last-child{min-width:0;overflow-wrap:break-word}.photo-actions,.photo-auto-editor-actions,.photo-head-actions{display:flex;flex-wrap:wrap;gap:8px}.photo-actions>button,.photo-auto-editor-actions>button{min-width:0;flex:1 1 115px}.photo-head-actions{max-width:100%}.compare,.photo-side-by-side{max-width:100%;min-width:0}.photo-side-by-side figure{min-width:0}.photo-demo-help{flex-wrap:wrap}
.style-layout,.create-layout{grid-template-columns:280px minmax(0,1fr)}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-card{min-width:0;overflow-wrap:break-word}.style-filterbar,.style-categories,.style-actions{flex-wrap:wrap;max-width:100%}.style-photo-preview,.result-editor-stage{min-width:0;max-width:100%}
.design-pro-layout{grid-template-columns:240px minmax(0,1fr) 220px!important}.design-tool-sidebar,.design-layers-panel{min-width:0!important;width:auto!important}.design-canvas-shell{min-width:0!important;width:auto!important}.design-stage-head,.design-object-toolbar,.design-pro-toolbar,.design-photo-toolbar,.design-inline-textbar,.design-object-colorbar,.design-zoom-bar,.design-zoom-controls{display:flex;flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;gap:6px}.design-stage-head>div{min-width:0;flex:1 1 140px}.design-stage-head button{max-width:100%}.design-pro-toolbar label,.design-transform-inspector{display:flex;flex-wrap:wrap;min-width:0;max-width:100%}.design-canvas-wrap{max-width:100%;min-width:0;overflow:auto!important;position:relative}.design-flyer{max-width:none}.design-zoom-bar input[type=range],.design-zoom-controls input[type=range]{min-width:60px;flex:1 1 100px;width:auto!important}.design-inline-textbar select{max-width:180px}.design-transform-inspector input{width:66px}.design-tools-nav{flex-wrap:wrap;max-width:100%}.design-stage-head [id*=Save],.design-stage-head select{flex:0 1 auto}.design-tool-panel{min-width:0}.design-graphic-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))!important}
.album-builder-176{grid-template-columns:300px minmax(0,1fr)!important}.album-result-176{grid-template-columns:minmax(0,1fr) 190px!important}.album-result-buttons-176{flex-wrap:wrap}.album-result-buttons-176>*{max-width:100%}.album-queue-item-176,.album-queue-row-176{min-width:0}.album-workspace-head-176{flex-wrap:wrap;min-width:0}.album-workspace-head-176>*{min-width:0;max-width:100%}.album-workspace-head-actions-176{flex-wrap:wrap}.album-field input,.album-field textarea,.album-field select{width:100%}.album-builder-main-176{min-height:0!important}.album-process-row-176{flex-wrap:wrap}.album-session-grid-176{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}.album-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.album-queue-head-176{flex-wrap:wrap}.album-queue-176{min-width:0}.album-queue-176>*{min-width:0}.album-queue-176 small,.album-queue-176 b{overflow-wrap:anywhere;word-break:break-word}.pm188-native-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pm188-native-grid>div{min-width:0}.pm183-win-build{max-width:100%;overflow-wrap:break-word}.pm183-win-build progress{width:100%}.pm183-win-build>div{gap:8px;flex-wrap:wrap}
.modal{padding:12px;overflow:auto}.modal>.login-card,.modal>.modal-card,.modal>.plans-card,.pm178-pay-card,.pm178-modal-card,.pm178-dialog{max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 28px)!important;overflow:auto!important;min-width:0!important;margin:auto}.pm178-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shade{top:0;right:0;bottom:0;left:0}.lang-menu{z-index:80;max-width:calc(100vw - 24px)}body>footer{flex-wrap:wrap}footer>*{min-width:0;max-width:100%}
.pm179-delivery-main{min-width:0;width:100%;max-width:1180px;padding-left:18px;padding-right:18px}.pm179-delivery-top{flex-wrap:wrap;gap:12px}.pm179-delivery-intro{grid-template-columns:minmax(0,1fr) 200px}.pm179-delivery-intro>*,.pm179-delivery-grid>*{min-width:0}.pm179-delivery-intro h1{overflow-wrap:break-word}.pm179-delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm179-card{min-width:0;overflow-wrap:break-word}
@media(max-width:1400px){.photo-layout-pro{grid-template-columns:220px minmax(0,1fr)!important}.photo-auto-panel{grid-column:2;grid-row:2}.photo-stage{grid-column:2;grid-row:1}.photo-manual-panel{grid-column:1;grid-row:1 / span 2;max-height:none!important}.photo-auto-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-auto-editor .photo-auto-note,.photo-auto-editor .photo-auto-editor-actions{grid-column:1/-1}.design-pro-layout{grid-template-columns:210px minmax(0,1fr)!important}.design-layers-panel{grid-column:2}.design-tool-sidebar{grid-row:1 / span 2}}
@media(max-width:1000px){.pay-plans{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-grid,.home-info{grid-template-columns:repeat(2,minmax(0,1fr))}.album-builder-176{grid-template-columns:250px minmax(0,1fr)!important}.topbar{grid-template-columns:minmax(60px,1fr) minmax(130px,230px) minmax(100px,1fr)}.top-actions{gap:5px}.top-actions .top-btn,.top-actions .lang-btn{padding:8px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.topbar{position:relative;grid-template-columns:1fr 1fr;padding:10px 12px}.topbar-brand{grid-row:1;grid-column:1/-1;max-width:260px}.topbar-left{grid-row:2;grid-column:1}.top-actions{grid-row:2;grid-column:2}.hero-view,.workspace{padding:24px 12px 36px}.hero-copy h1{font-size:42px;line-height:1.1}.view-head h1{font-size:32px}.photo-layout-pro{grid-template-columns:minmax(0,1fr)!important}.photo-stage{grid-column:1;grid-row:1}.photo-auto-panel{grid-column:1;grid-row:2}.photo-manual-panel{grid-column:1;grid-row:3;max-height:none!important;overflow:visible!important}.photo-stage{padding:12px!important}.photo-view-toolbar{gap:8px!important}.photo-zoom-top{flex:1 0 100%}.photo-auto-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.style-layout,.create-layout,.auto-editor.active{grid-template-columns:minmax(0,1fr)!important}.design-pro-layout{grid-template-columns:minmax(0,1fr)!important}.design-tool-sidebar{grid-column:1;grid-row:auto;max-height:380px;overflow:auto}.design-layers-panel{grid-column:1;grid-row:auto;max-height:350px;overflow:auto}.design-canvas-shell{grid-column:1}.design-canvas-wrap{height:520px!important;min-height:360px!important}.album-builder-176,.album-result-176{grid-template-columns:minmax(0,1fr)!important}.album-result-qr-176{justify-self:center;max-width:240px}.pm179-delivery-intro{grid-template-columns:minmax(0,1fr)}.pm179-delivery-qr{justify-self:center}.pm179-delivery-main{padding:20px 12px}.pm179-delivery-intro h1{font-size:38px}.pm179-brand{max-width:100%;flex-wrap:wrap}.pm179-brand img{max-width:220px}}
@media(max-width:520px){.product-grid,.home-info,.pay-plans,.style-grid,.pm179-delivery-grid,.pm188-native-grid{grid-template-columns:minmax(0,1fr)!important}.pay-plan{padding:24px 20px!important}.pay-plan h3{font-size:24px}.product-card{padding:20px}.photo-auto-editor{grid-template-columns:minmax(0,1fr)}.photo-auto-editor-actions{grid-column:auto!important}.photo-view-switch button{font-size:14px;padding:10px!important}.photo-view-tools button{font-size:13px}.photo-view-toolbar{justify-content:flex-start!important}.photo-stage .compare,.photo-side-by-side{height:440px!important;min-height:260px;max-height:70vh}.photo-side-by-side{display:flex;flex-direction:column}.photo-side-by-side figure{height:50%;margin:0}.photo-look-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-upload{height:350px}.album-queue-176>div{flex-wrap:wrap}.album-result-buttons-176>*{flex:1 1 125px;text-align:center}.album-workspace-head-actions-176{width:100%}.pm178-gateway-grid{grid-template-columns:minmax(0,1fr)!important}.pm178-modal,.pm178-pay-modal{padding:10px!important}.pm179-card{padding:20px}.design-canvas-shell{padding:10px!important}.design-stage-head{align-items:flex-start}.design-pro-toolbar input{max-width:66px}.design-tool-sidebar{max-height:320px}.design-canvas-wrap{height:420px!important}.photo-head-actions{width:100%}.photo-head-actions>*{flex:1 1 120px}footer{padding:20px 14px}.modal-card,.login-card{padding:20px!important}}
/* Meaningful fallback: effects never gate access to controls. */
@supports not (backdrop-filter:blur(1px)){.topbar{background:#fff}.shade{background:rgba(12,25,31,.8)}}
@supports not (gap:8px){.top-actions>*{margin:4px}.photo-view-toolbar>*{margin:4px}.album-result-buttons-176>*{margin:4px}}
.pm188-no-flexgap .photo-view-toolbar>*{margin:4px}.pm188-no-flexgap .top-actions>*{margin:3px}.pm188-no-flexgap .album-result-buttons-176>*{margin:4px}
/* 189: reduced motion is scoped in update-189.css, no blanket animation shutdown. */
/* Final small-screen and pre-inset()/dvh browser fallbacks. */
.style-arrows{display:flex;flex-wrap:wrap;max-width:100%;gap:8px;min-width:0}.style-arrows button{flex:0 1 auto;max-width:100%;white-space:normal}.style-catalog-toolbar{flex-wrap:wrap;min-width:0}
.pm178-modal,.pm178-shade{top:0;right:0;bottom:0;left:0}.pm178-card{width:580px;max-width:100%;max-height:calc(100vh - 40px);min-width:0;overflow:auto}.pm178-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.pm178-method code,.pm178-method p{word-break:break-word;overflow-wrap:break-word}.pm178-card :focus{outline:2px solid #149fbd;outline-offset:2px}
.pm179-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm179-download-card{min-width:0;overflow-wrap:break-word}.pm179-public-brand{min-width:0;max-width:100%;flex-wrap:wrap}.pm179-public-logo{max-width:100%}.pm179-studio-name{overflow-wrap:break-word}
.pb178-reader,.pb178-stage{min-width:0;max-width:100%}.pb178-static,.pb178-leaf,.pb178-front,.pb178-back{top:0;right:0;bottom:0;left:0}.pb178-controls,.pb178-downloads,.pb178-top-actions{flex-wrap:wrap;max-width:100%}.pb178-meta{min-width:0;max-width:100%}.pb178-meta h1{overflow-wrap:break-word}
@media(max-width:620px){.pm178-card{max-height:calc(100vh - 24px)}.pm179-download-grid{grid-template-columns:minmax(0,1fr)}.pm179-download-card{padding:22px}.pb178-top{flex-wrap:wrap;gap:10px}}
@media(max-width:520px){.pm178-methods{grid-template-columns:minmax(0,1fr)}.style-arrows{width:100%}.style-arrows button{flex:1 1 110px}.pm178-card{padding:20px 15px}.photo-view-switch{max-width:100%}}

.pb178-left,.pb178-right,.pb178-book img,.pb178-front:after,.pb178-back:after,.pb178-double .pb178-right:after,.pb178-double .pb178-left:after{top:0;right:0;bottom:0;left:0}.pb178-double .pb178-left{right:50%}.pb178-double .pb178-right,.pb178-double .pb178-leaf{left:50%}.pb178-book:before{top:4px;right:-4px;bottom:-5px;left:3px}.pb178-top{padding:14px 20px}.pb178-hero h1{font-size:36px}
/* Percent max-width in an auto grid track must not size the modal itself. */
.pm178-modal{grid-template-columns:minmax(0,1fr)}.pm178-card{max-width:calc(100vw - 24px)!important;box-sizing:border-box!important}
.pm188-no-flexgap .photo-view-toolbar>*{max-width:calc(100% - 8px)}