/* The mobile view shares the original controls and print geometry. */
#mobileStudio[hidden],.mobile-close{display:none}.mobile-control-group{display:contents}.mobile-control-group>summary{display:none}#mobileNoteSettings{display:none}
@media(max-width:880px){
 body.mobile-studio{overflow-x:hidden}.mobile-studio .app-header{height:auto;min-height:0;padding:14px 16px;display:flex;flex-wrap:wrap;gap:12px;position:static}.mobile-studio .brand{width:100%;gap:12px}.mobile-studio .brand-logo{width:112px;height:34px}.mobile-studio .brand strong{font-size:18px}.mobile-studio .brand small{font-size:11px}.mobile-studio .header-actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;width:100%}.mobile-studio .header-actions button{min-height:44px;font-size:13px;padding:8px}.mobile-studio .project-name{display:none}.mobile-studio .sample-notice{padding:12px 16px;font-size:13px;line-height:1.55}.mobile-studio .editor{display:block;min-height:0}.mobile-studio .page-sidebar,.mobile-studio .workspace{display:none}.mobile-studio #mobileStudio{display:block;padding:16px 12px 32px;max-width:880px;margin:auto}.mobile-global{background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:0 14px}.mobile-global>summary{padding:16px 0;font-weight:700;font-size:16px;cursor:pointer}.mobile-global-body p{font-size:13px;margin:0 0 14px;color:#577087}.mobile-global-body .variant{display:flex;margin:0 0 16px;gap:8px}.mobile-global-body .variant button{font-size:14px;min-height:46px;flex:1}.mobile-global-body>section{border:0;padding:0 0 18px}.mobile-global-body h3{display:none}.mobile-global-body label,.mobile-jump-label{display:block;font-size:14px;font-weight:600;margin-top:14px}.mobile-global-body input,.mobile-global-body select,.mobile-jump-label select{display:block;box-sizing:border-box;width:100%;font-size:16px;min-height:46px;padding:10px;border:1px solid #c7d4e2;border-radius:8px;background:white;color:#25374d;margin-top:7px}.mobile-global-body .swatches{max-width:280px}.mobile-global-body .custom-color-label{display:flex}.mobile-global-body input[type=color]{width:44px}.mobile-intro{font-size:13px;line-height:1.55;color:#526b80;margin:14px 2px 20px}.mobile-page-card{background:white;border:1px solid #dbe4ed;border-radius:14px;margin:0 0 20px;padding:12px;scroll-margin-top:12px;overflow:hidden}.mobile-page-card.is-active{border-color:#90b4d9}.mobile-page-card>header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.mobile-page-card>header>span{font-size:11px;color:#5c7690;white-space:nowrap}.mobile-page-card h2{font-size:17px;line-height:1.35;margin:0}.mobile-page-preview{min-width:0}.mobile-page-preview #sheet,.mobile-sheet{width:100%;position:relative;aspect-ratio:280/140;container-type:inline-size;overflow:hidden;background:#fffef9;font-family:var(--font);box-shadow:0 2px 8px #18344e18}.mobile-sheet.stand-sheet{aspect-ratio:280/30;background:white}.mobile-sheet.stand-sheet .sheet-inner{padding:0}.mobile-sheet .note{color:var(--accent);-webkit-text-fill-color:var(--accent)}.mobile-page-preview .photo-frame{touch-action:pan-y pinch-zoom}.mobile-page-preview .move-frame{display:none}.mobile-page-preview .note{cursor:pointer;pointer-events:auto}.mobile-page-preview .sample-label{font-size:8px;line-height:1.15;left:2px;bottom:2px;padding:2px 3px;max-width:90%}.mobile-sheet .photo-frame.selected{outline:0}.mobile-page-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.mobile-page-actions button{flex:1 1 auto;min-height:44px;padding:9px 10px;font-size:13px;color:#165aa7;background:#edf4fc;border:1px solid #ccddef;border-radius:8px}.mobile-page-actions button:focus-visible{outline:3px solid #165aa7;outline-offset:2px}.mobile-studio .settings{position:static;display:block;height:auto;max-height:none;overflow:visible;padding:0;border:0;margin-top:14px;background:transparent}.mobile-studio .settings[hidden]{display:none!important}.mobile-studio .settings-title,.mobile-studio .settings .tip{display:none}.mobile-studio .mobile-close{display:block;width:100%;min-height:44px;font-size:14px;margin-bottom:10px;border-radius:8px;background:#165aa7;color:white}.mobile-studio .mobile-control-group{display:block;border:1px solid #dbe4ed;border-radius:10px;background:#f7f9fc;margin-bottom:8px;padding:0 12px}.mobile-studio .mobile-control-group:has(>section[hidden]){display:none}.mobile-studio .mobile-control-group>summary{display:list-item;padding:14px 0;font-weight:600;font-size:14px;cursor:pointer}.mobile-studio .mobile-control-group>section{padding:0 0 15px;border:0;margin:0}.mobile-studio .mobile-control-group>section>h3,.mobile-studio .mobile-control-group .section-title h3{display:none}.mobile-studio .settings label{font-size:14px;line-height:1.4}.mobile-studio .settings input:not([type=range]):not([type=color]),.mobile-studio .settings select,.mobile-studio .settings textarea{box-sizing:border-box;width:100%;font-size:16px;padding:10px;min-height:46px}.mobile-studio .settings textarea{min-height:100px}.mobile-studio .settings button{min-height:44px;font-size:13px}.mobile-studio .settings input[type=range]{height:34px;touch-action:pan-x}.mobile-studio .settings .helper{font-size:12px;line-height:1.55}.mobile-studio #mobileNoteSettings:not([hidden]){display:block}.mobile-studio .mobile-checkout{padding:22px 18px;background:#eaf2fc;border-radius:14px}.mobile-checkout h2{font-size:20px;margin:0 0 10px}.mobile-checkout p{font-size:14px;line-height:1.6}.mobile-order-actions{display:grid;gap:14px}.mobile-order-actions #orderButton{width:100%;min-height:50px;font-size:16px}.mobile-order-actions #saveStatus{font-size:12px;line-height:1.5}.mobile-studio dialog{box-sizing:border-box;width:calc(100vw - 20px);max-height:90dvh;padding:16px}.mobile-studio dialog button{min-height:44px}.mobile-studio #orderQuantity{font-size:18px;min-height:46px}.mobile-studio #toast{max-width:calc(100vw - 32px);box-sizing:border-box;font-size:14px;width:max-content}.mobile-studio .account-error{font-size:14px;padding:14px;line-height:1.6}.mobile-studio .account-error button{min-height:44px}
}

@media(max-width:880px){.mobile-preview-scroll{overflow:auto;max-height:65dvh;touch-action:pan-x pan-y}.mobile-preview-scroll #previewSheet{width:780px;min-width:780px}#previewDialog>p:before{content:"Zvětšený náhled posouvejte do stran. ";font-weight:600}}