/* Mobile-only layout. Desktop remains unchanged. */
#mobile-help{display:none}
@media(max-width:700px){
 .header-actions{display:none}#crop .zoom{display:none}#crop #cancel{width:40px;height:36px;font-size:28px}#filters button{min-width:64px;padding:4px}#filters canvas{width:54px;height:54px}#filters span{font-size:11px}
 body{--mobile-dock:150px}
 header{height:72px;grid-template-columns:48px minmax(0,1fr) 88px;padding:6px 10px;gap:4px}
 .header-start{display:block;position:static}.header-start .brand{display:none}.header-start .back{display:flex;width:44px;height:44px;align-items:center;justify-content:center;font-size:28px}
 .header-start #autosave{position:absolute;top:49px;left:60px;right:98px;max-width:none;text-align:center;font-size:9px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .header-title{align-items:center;align-self:start;padding-top:7px;gap:2px}.header-title strong{font-size:13px;max-width:100%}.header-title #count{font-size:11px}
 .mobile-history{display:flex;gap:0;align-items:center}.mobile-history button{width:44px;height:44px;padding:9px;border:0;background:transparent;color:#242424}.mobile-history button:disabled{opacity:.3}.mobile-history svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#redo svg{transform:scaleX(-1)}
 .collection-heading{display:none}main{padding:24px 20px calc(var(--mobile-dock) + 95px);min-height:calc(100dvh - 72px)}.has-minimum main{padding-top:65px}.photos{max-width:none;gap:38px}.print-wrap{width:min(240px,70vw)!important}.copies button{width:34px;height:34px;font-size:24px}.copies{gap:22px}
 .empty{padding:35px 0 10px}.empty h2{font-size:25px}.empty p{font-size:14px}.empty .small{font-size:11px}.empty-photo{cursor:pointer}.empty-photo:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
 .checkout{height:88px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:10px}.checkout strong{font-size:17px}.checkout span,.checkout small{font-size:10px}.checkout button{font-size:13px;padding:14px 12px}.tool-tabs{bottom:88px;height:62px}.tool-tabs button{height:62px}
 #add-mobile{position:fixed;display:block;bottom:calc(var(--mobile-dock) + 12px);left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;border:1px solid #242424;border-radius:30px;padding:10px 16px;background:#fff;color:#242424;font-size:14px;font-weight:600;box-shadow:0 3px 12px #0001;z-index:17}
 .panel-open .tool-tabs,.panel-open .checkout{display:none}
 .tool-panel,.panel-open #panel-gallery:not([hidden]){bottom:0;left:0;right:0;top:auto;box-sizing:border-box;border-radius:0;border-top:1px solid #eee;padding:48px 16px calc(14px + env(safe-area-inset-bottom));max-height:38dvh;height:auto;overflow:auto;box-shadow:0 -3px 14px #00000005}
 .panel-open .tool-panel:not([hidden]){animation:sheet-in .18s ease-out}.panel-open.panel-closing .tool-panel:not([hidden]){animation:sheet-out .16s ease-in forwards}
 .tool-panel .panel-heading{position:absolute;top:0;left:12px;right:12px;height:44px;padding:0;margin:0;border:0;pointer-events:none}.tool-panel .panel-heading h2,.tool-panel .selected-label,#panel-color h3{display:none}
 .tool-panel .panel-close{pointer-events:auto;display:block;font-size:0;border:0;padding:0;width:44px;height:44px;background:transparent}.panel-close::after{content:'';display:block;width:12px;height:12px;border-right:2px solid #222;border-bottom:2px solid #222;transform:rotate(45deg);margin:10px auto 16px}
 #color-all,#text-all{position:absolute;top:0;right:16px;width:auto;height:44px;padding:6px 0;border:0;background:transparent;font-weight:600;font-size:14px}
 .colors{display:flex;gap:14px;overflow-x:auto;padding:7px 5px;margin:0;scrollbar-width:none}.colors button{flex:0 0 34px;width:34px;height:34px}.patterns{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:12px 0 0}.patterns button{flex:0 0 auto;min-height:36px;padding:7px 12px}
 .font-samples{display:flex;gap:4px;margin:0;overflow-x:auto}.font-samples button{flex:1 0 64px;min-height:54px;padding:10px 3px;font-size:23px}.font-samples button[aria-pressed=true]{box-shadow:none}
 .panel-open #panel-gallery:not([hidden]){display:flex;height:230px}.tool-panel#panel-gallery>p{display:none}#gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 8px;overflow:auto}#gallery button{height:58px;flex:none}#add{padding:8px;min-height:36px}
 #mobile-help:not([hidden]){position:fixed;display:flex;align-items:center;gap:16px;left:16px;right:16px;bottom:calc(var(--mobile-dock) + 66px);padding:16px;background:#fff;box-shadow:0 4px 20px #0001;z-index:18;font-size:13px;line-height:1.4}#mobile-help button{border:0;background:transparent;font-weight:700;min-width:44px;min-height:44px;padding:8px}.panel-open #mobile-help{display:none}
 body.mobile-typing .tool-tabs,body.mobile-typing .tool-panel,body.mobile-typing .checkout,body.mobile-typing #add-mobile,body.mobile-typing #mobile-help,body.mobile-typing #minimum-banner{display:none!important}
 .mobile-typing header{position:fixed;top:0;left:0;right:0}.mobile-typing .photo-card{visibility:hidden}.mobile-typing .photo-card.typing-card{visibility:visible;position:fixed;top:var(--typing-top);left:var(--typing-left);width:var(--typing-viewport-width);z-index:14;margin:0;padding:0}.mobile-typing .typing-card .print-wrap{width:var(--typing-width)!important;margin:0 auto}.mobile-typing .typing-card .card-actions,.mobile-typing .typing-card .quality-badge{display:none}
 @keyframes sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-out{to{transform:translateY(100%)}}
}
@media(prefers-reduced-motion:reduce){.panel-open .tool-panel:not([hidden]){animation:none!important}}