/* This stylesheet deliberately has no desktop rules. */
@media (max-width:720px) {
 body.mobile-garment-studio{--mobile-bottom:76px;height:var(--studio-visible-height,100dvh)!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
 body.mobile-task-open{--mobile-bottom:min(218px,34vh)}
 body.mobile-colour-open{--mobile-bottom:min(260px,40vh)}
 .mobile-garment-studio .studio-header{height:56px!important;min-height:56px!important;padding:4px 12px!important;gap:10px!important;flex:none!important}
 .mobile-garment-studio .wordmark{margin-right:auto!important;width:84px!important;flex:none!important}
 .mobile-garment-studio .wordmark img{width:84px!important;height:auto!important}
 .mobile-garment-studio .mobile-header-actions{margin:0!important}
 .mobile-garment-studio #mobile-price{height:44px!important;min-height:44px!important;padding:6px 12px!important;font-size:13px!important}
 .mobile-save-group{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;min-height:44px;gap:0}
 .mobile-garment-studio #editing-save{position:absolute;inset:0;border:0;background:transparent;min-height:44px;padding:0 8px 12px;font-size:14px;font-weight:700;line-height:28px}
 .mobile-garment-studio #editing-save-status{display:block!important;position:relative;pointer-events:none;margin:25px 0 0!important;padding:0!important;width:auto!important;font-size:10px!important;line-height:12px!important;max-width:65px;color:#657787}
 .mobile-garment-studio .studio-layout{position:relative!important;display:block!important;height:calc(var(--studio-visible-height,100dvh) - 56px)!important;min-height:0!important;flex:1!important;padding:0!important;margin:0!important}
 .mobile-garment-studio .studio-footer,.mobile-garment-studio .tool-rail,.mobile-garment-studio .studio-edit-bar,.mobile-garment-studio #mobile-start{display:none!important}
 .mobile-garment-studio .workspace{position:absolute!important;inset:0 0 var(--mobile-bottom)!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;background:#f4f5f6!important;overflow:hidden!important}
 .mobile-garment-studio #canvas-viewport{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important;align-items:flex-start!important;justify-content:center!important;touch-action:none}
 .mobile-garment-studio #stage{margin:0!important;border-radius:0!important;box-shadow:none!important}
 .mobile-garment-studio .preview-history{position:absolute!important;top:8px!important;left:10px!important;z-index:4!important;gap:4px!important}
 .mobile-garment-studio .preview-history button{font-size:11px!important;padding:4px 8px!important;min-height:44px!important;min-width:44px!important;background:#fffffff0!important;box-shadow:0 1px 5px #082e4d14}
 .mobile-garment-studio #mobile-side-toggle{top:8px!important;right:10px!important;min-height:44px!important;font-size:12px!important;background:#fffffff0!important;z-index:4!important;padding:5px 12px!important}
 .mobile-garment-studio #side-switcher{top:58px!important;right:10px!important;bottom:auto!important;z-index:8!important}
 .mobile-garment-studio #editing-product-colour{position:absolute!important;left:10px!important;bottom:8px!important;top:auto!important;z-index:4!important;max-width:65%!important;min-height:44px!important;padding:5px 9px!important;background:#fffffff2!important;border-radius:12px!important;gap:7px!important}
 .mobile-garment-studio #editing-product-colour span{font-size:10px!important;line-height:13px!important}
 .mobile-garment-studio #editing-colour-name{font-size:12px!important;max-width:160px!important}
 .mobile-garment-studio #editing-colour-swatch{width:24px!important;height:24px!important}
 .mobile-garment-studio .canvas-toolbar{position:absolute!important;bottom:8px!important;right:10px!important;top:auto!important;left:auto!important;width:auto!important;padding:0!important;z-index:4!important;background:#fffffff2!important;border-radius:12px!important}
 .mobile-garment-studio .canvas-toolbar select{min-height:44px!important;font-size:12px!important}
 .mobile-design-dock{position:absolute;inset:auto 0 0;display:flex;align-items:stretch;height:76px;padding:6px 6px max(6px,env(safe-area-inset-bottom));background:#082e4d;color:white;overflow-x:auto;overflow-y:hidden;gap:2px;z-index:12;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ff8200 #082e4d}
 .mobile-design-action{background:transparent!important;border:0!important;flex:1 0 64px;min-width:0;min-height:54px;border-radius:8px;padding:3px 5px;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;line-height:13px;text-align:center}
 .mobile-design-action:focus-visible{outline:2px solid #ff8200;outline-offset:-2px}
 .mobile-action-icon{font-size:25px;line-height:27px;font-weight:400}
 .mobile-action-icon svg{width:25px;height:25px;display:block}
 .mobile-action-label{max-width:78px}
 .mobile-has-selection .mobile-design-action{flex:0 0 74px}
 .mobile-has-selection .mobile-design-action:first-child{flex-basis:104px;background:#164662!important}
 .mobile-design-dock.has-more::after{content:'›';position:sticky;right:-6px;display:grid;place-items:center;min-width:18px;margin-left:-18px;background:linear-gradient(90deg,#082e4d00,#082e4d 30%);font-size:27px;pointer-events:none}
 .mobile-task-open .mobile-design-dock{display:none!important}
 .mobile-garment-studio .controls-panel{display:none!important}
 .mobile-garment-studio.mobile-task-open .controls-panel.open{display:flex!important;flex-direction:column!important;position:absolute!important;inset:auto 0 0!important;width:100%!important;height:var(--mobile-bottom)!important;max-height:none!important;min-height:0!important;padding:0!important;border:0!important;border-top:1px solid #dbe3e9!important;border-radius:18px 18px 0 0!important;background:white!important;z-index:14!important;box-shadow:0 -3px 12px #082e4d09!important}
 .mobile-garment-studio .panel-heading{height:52px!important;min-height:52px!important;padding:4px 10px!important;margin:0!important;gap:8px!important;border-bottom:1px solid #eef1f4!important}
 .mobile-garment-studio .panel-heading h1{font-size:15px!important;line-height:20px!important;text-align:center;flex:1!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-garment-studio .panel-heading button{display:block!important;min-height:44px!important;min-width:44px!important;background:transparent!important;border:0!important;padding:4px!important}
 .mobile-garment-studio .mobile-task-back{font-size:25px!important}
 .mobile-garment-studio #close-controls{font-weight:700!important;color:#082e4d!important}
 .mobile-garment-studio #back-to-start,.mobile-garment-studio #toggle-editing-size{display:none!important}
 .mobile-garment-studio .panel-scroll,.mobile-task-body{flex:1;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important}
 .mobile-garment-studio .controls-panel[data-mobile-task] .panel-scroll{display:none!important}
 .mobile-garment-studio .controls-panel:not([data-mobile-task]) .mobile-task-body{display:none!important}
 .mobile-task-body>.artwork-dimensions{margin:0!important;padding:0!important;border:0!important}
 .mobile-task-body .artwork-dimensions>.edit-row strong,.mobile-task-body #artwork-dimensions,.mobile-task-body #image-resolution{display:none!important}
 .mobile-task-body .dimension-inputs{margin-top:0!important;gap:12px!important}
 .mobile-task-body .hint{font-size:11px!important;line-height:15px!important;margin:5px 0!important}
 .mobile-task-body>.rotation-controls{display:grid!important;grid-template-columns:1fr 90px;align-items:center;gap:10px;margin:0!important}
 .mobile-task-body #rotation-slider{grid-column:1/-1;grid-row:2;width:100%;margin:0}
 .mobile-task-body>button{min-height:44px;margin:4px}
 .mobile-scale-body input{width:100%;min-height:44px;font-size:18px}
 .mobile-task-body #background-options{margin:0!important;border:0!important;padding:0!important}
 .mobile-task-body #background-options>summary{display:none!important}
 .mobile-task-body #background-preview{max-height:110px!important;object-fit:contain}
 .mobile-task-body #text-typography{margin:0!important}
 .mobile-product-body{display:flex;flex-wrap:wrap;gap:8px}
 .controls-panel>.mobile-product-body{display:none!important}
 .mobile-product-name{font-size:13px;width:100%;overflow-wrap:anywhere}
 .mobile-product-body .mobile-design-action{color:#082e4d;border:1px solid #dbe3e9!important;flex:1;font-size:12px}
 .mobile-product-body #studio-products{display:flex!important;overflow:auto!important;width:100%!important;min-height:50px!important;flex:none!important}
 .mobile-product-body .studio-change-colour{display:none!important}
 .mobile-product-body .studio-add-product{display:none!important}
 .mobile-secondary-tools .studio-account-links{display:flex!important;gap:20px!important}
 .mobile-garment-studio #notice{bottom:calc(var(--mobile-bottom) + 8px)!important;padding:6px 10px!important;max-height:52px!important;overflow:auto!important;max-width:calc(100vw - 24px)!important;font-size:11px!important;line-height:16px!important;pointer-events:none!important}
 .mobile-garment-studio #product-picker.colour-only{top:auto!important;bottom:0!important;max-height:min(260px,40dvh)!important;height:auto!important;border-radius:18px 18px 0 0!important}
 .mobile-garment-studio #product-picker.colour-only #product-detail-image,.mobile-garment-studio #product-picker.colour-only #product-detail-description,.mobile-garment-studio #product-picker.colour-only #product-detail-sizes,.mobile-garment-studio #product-picker.colour-only #product-detail-minimum,.mobile-garment-studio #product-picker.colour-only .review-heading p{display:none!important}
 .mobile-garment-studio #product-picker.colour-only #product-colours{display:flex!important;flex-wrap:nowrap!important;overflow:auto!important;gap:8px!important;padding:4px!important;scrollbar-width:thin}
 .mobile-garment-studio #product-picker.colour-only #product-colours button{flex:0 0 70px!important;min-height:64px!important}
 .mobile-garment-studio #crop-editor{height:var(--studio-visible-height,100dvh)!important;max-height:var(--studio-visible-height,100dvh)!important}
 @media(max-height:600px){body.mobile-task-open{--mobile-bottom:min(210px,43vh)}.mobile-garment-studio .controls-panel:focus-within{height:min(260px,55vh)!important}.mobile-garment-studio #editing-product-colour{max-width:60%!important}}
}