.mobile-command-bar,.mobile-control-dock,.mobile-more-menu,.mobile-guide-intro,.mobile-adjust-close,.mobile-drawer-heading,.mobile-drawer-start,.mobile-layout-filters,.mobile-ad-preview{display:none}@media screen and (max-width: 1100px){body>header{z-index:100}.sidebar:not(.right),.sidebar.right{z-index:510;overflow-y:auto;overscroll-behavior:contain}.sidebar-backdrop.active{z-index:500}.sidebar:not(.right).open,.sidebar.right.open{height:100dvh;padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media screen and (max-width: 768px){html{min-width:0;height:auto;overflow-x:hidden;overflow-y:auto}body{min-width:0;width:100%;height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}body.sidebar-drawer-open{overflow:hidden}body>header{height:54px;min-height:54px;position:sticky;top:0;padding:0 max(.55rem,env(safe-area-inset-right)) 0 max(.55rem,env(safe-area-inset-left));gap:.25rem;overflow:visible}.logo-section{height:54px;flex:0 0 auto}.logo-image{height:57px;transform:translate(-.2rem,.2rem)}.logo-wordmark{height:28px;padding:0 .42rem;font-size:.92rem}.logo-wordmark:after{left:.4rem;right:.4rem;bottom:.22rem;height:2px}.btn-sidebar-toggle{display:none!important}#sidebar-left,#sidebar-right{width:min(360px,94vw);align-items:stretch}.mobile-drawer-heading{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;min-height:44px;padding:0 .15rem;color:var(--text-primary);font-size:.95rem}.mobile-drawer-heading button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:9px;background:#1b263b;color:#fff;cursor:pointer}.mobile-drawer-start{display:grid;gap:.35rem}.mobile-drawer-start button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border:0;border-radius:9px;background:#6d28d9;color:#fff;font:700 .8rem var(--font-body);cursor:pointer}.mobile-drawer-start p{color:var(--text-secondary);font-size:.75rem;line-height:1.35}.mobile-layout-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;flex:0 0 auto}.mobile-layout-filters button{min-height:44px;border:1px solid var(--border-light);border-radius:9px;background:#1b263b;color:var(--text-primary);font:700 .75rem var(--font-body);cursor:pointer}.mobile-layout-filters button[aria-pressed=true]{border-color:var(--accent-cyan);background:#00f2fe24;color:var(--accent-cyan)}#sidebar-right .layout-cards-grid.grid-view{display:flex;flex-direction:column;max-height:none;overflow:visible;gap:.4rem;padding-right:0}#sidebar-right .layout-cards-grid.grid-view .layout-card{justify-content:space-between;min-height:52px;height:auto;padding:.55rem .65rem;text-align:left;cursor:pointer}#sidebar-right .layout-cards-grid.grid-view .layout-card-info{align-items:flex-start}#sidebar-right .layout-cards-grid.grid-view .layout-card-title{overflow:visible;white-space:normal;text-overflow:clip;font-size:.83rem;line-height:1.2;text-align:left}#sidebar-right .layout-cards-grid.grid-view .layout-card-kind{font-size:.55rem}#sidebar-right .layout-card.mobile-layout-hidden{display:none!important}#sidebar-right .layout-builder-entry button{min-height:44px!important;height:auto!important;font-size:.75rem!important}input[type=text],input[type=number],textarea{caret-color:#fff}body.pencil-mode #editor-canvas{cursor:crosshair!important}body.pencil-mode #pencil-cursor-ring{border-color:#fff;box-shadow:0 0 0 1px #111,0 0 8px #fff}.header-actions{margin-left:auto;flex:0 0 auto;gap:.25rem}.header-actions #btn-share,.header-actions #btn-print,.header-actions #btn-help,.header-actions #btn-save{display:none!important}.header-actions .btn-mini{width:44px;height:44px}.site-intro{padding:.5rem .75rem;text-align:left}.site-intro h1{font-size:.95rem;line-height:1.25}.site-intro p{display:none}.app-container{display:block;height:auto;min-height:calc(100dvh - 114px);max-height:none;overflow:visible;padding:0 0 calc(76px + env(safe-area-inset-bottom))}.workspace,.workspace.template-mode{width:100%;height:auto;min-height:calc(100dvh - 186px);padding:.65rem;justify-content:flex-start;gap:.65rem;overflow:visible}.empty-state-guide{width:100%;max-height:none;overflow:visible;padding:1rem;gap:.6rem;border-radius:14px}.empty-guide-title{font-size:1.3rem}.empty-guide-intro{display:none}.mobile-guide-intro{display:block;color:var(--text-secondary);font-size:.86rem;line-height:1.45}.empty-guide-actions{margin:.5rem 0 .7rem!important}.empty-guide-actions>*{min-height:44px}.empty-guide-actions .empty-guide-upload{width:100%;flex:1 1 100%}.empty-guide-actions .empty-guide-cta{flex:1 1 calc(50% - .4rem)}.studio-pillars-grid{grid-template-columns:minmax(0,1fr)!important}.mobile-ad-preview:not([hidden]){display:grid;place-items:center;gap:.4rem;min-height:180px;margin:1.5rem 0;padding:1rem;border:1px dashed rgba(148,163,184,.55);border-radius:12px;background:#94a3b80f;color:var(--text-muted);text-align:center}.mobile-ad-preview span{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mobile-ad-preview p{font-size:.77rem}#canvas-wrapper{width:100%;max-width:100%;max-height:min(62dvh,620px);overflow:auto}#editor-canvas{max-width:100%;max-height:min(62dvh,620px)}.layout-workspace-panel{width:100%;min-height:min(60dvh,480px)}.layout-workspace-stage{min-height:min(42dvh,360px)}.layout-workspace-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-workspace-actions{flex-wrap:wrap}#upload-shelf{width:100%!important}#desktop-controls-shelf{display:none!important}body.mobile-adjust-open #desktop-controls-shelf:not(.template-hidden)[style*="display: flex"]{display:flex!important;position:fixed;left:0;right:0;bottom:calc(67px + env(safe-area-inset-bottom));z-index:390;width:100%;max-width:none!important;max-height:min(62dvh,580px);margin:0!important;padding:.85rem;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border-light);border-radius:16px 16px 0 0;background:#0e1320;box-shadow:0 -14px 34px #0000007a}.mobile-adjust-close{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;width:44px;height:44px;margin:-.4rem -.35rem -.25rem 0;border:0;background:transparent;color:var(--text-primary);cursor:pointer}#desktop-controls-shelf .controls-container-desktop{grid-template-columns:minmax(0,1fr)}#desktop-controls-shelf .control-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}#desktop-controls-shelf .btn-adj,#desktop-controls-shelf .btn-split-group{min-height:44px;height:auto}#desktop-controls-shelf .advanced-adjust-panel{position:relative!important;inset:auto!important;max-height:none}#mobile-controls-shelf{display:none!important}.mobile-command-bar{position:fixed;left:0;right:0;bottom:0;z-index:400;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:calc(67px + env(safe-area-inset-bottom));padding:4px max(3px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(3px,env(safe-area-inset-left));border-top:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,#1c2740,#0e1320);box-shadow:0 -7px 20px #00000059}.mobile-command-bar:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#a78bfa,#fb7185,#fbbf24,#2dd4bf,#4ade80,#60a5fa)}.mobile-command-bar button{--nav-color: #cbd5e1;--nav-tint: rgba(203, 213, 225, .14);min-width:0;min-height:54px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:10px;background:transparent;color:var(--nav-color);font:800 .64rem/1 var(--font-body);cursor:pointer}.mobile-command-bar button svg{width:32px;height:32px;padding:6px;border:1px solid currentColor;border-radius:10px;background:var(--nav-tint);box-shadow:inset 0 1px #ffffff1f;stroke-width:2.25}.mobile-command-bar #mobile-open{--nav-color: #c4b5fd;--nav-tint: rgba(167,139,250,.22)}.mobile-command-bar #mobile-tools{--nav-color: #f9a8d4;--nav-tint: rgba(244,114,182,.2)}.mobile-command-bar #mobile-layouts{--nav-color: #fde68a;--nav-tint: rgba(251,191,36,.18)}.mobile-command-bar #mobile-adjust{--nav-color: #5eead4;--nav-tint: rgba(45,212,191,.18)}.mobile-command-bar #mobile-print-settings{--nav-color: #fdba74;--nav-tint: rgba(251,146,60,.2)}.mobile-command-bar #mobile-save{--nav-color: #86efac;--nav-tint: rgba(74,222,128,.18)}.mobile-command-bar #mobile-more{--nav-color: #93c5fd;--nav-tint: rgba(96,165,250,.18)}.mobile-command-bar button[aria-expanded=true]{background:var(--nav-tint);box-shadow:inset 0 0 0 1px currentColor}.mobile-command-bar button:disabled{opacity:.58;cursor:not-allowed}.mobile-command-bar button:not(:disabled):active{transform:translateY(1px)}.mobile-command-bar button:focus-visible,.mobile-more-menu button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:-2px}.mobile-more-menu:not([hidden]){position:fixed;right:max(.5rem,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));z-index:405;display:grid;gap:.2rem;min-width:165px;padding:.45rem;border:1px solid var(--border-light);border-radius:12px;background:#151d2e;box-shadow:0 12px 30px #0006}.mobile-more-menu button{display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.5rem .75rem;border:0;border-radius:8px;background:transparent;color:var(--text-primary);font:700 .83rem var(--font-body);text-align:left;cursor:pointer}.mobile-more-menu button:disabled{opacity:.4}.mobile-more-menu button svg{width:18px;height:18px}}@media screen and (max-width: 380px){.logo-image{height:48px}.logo-wordmark{font-size:.8rem;height:25px}.mobile-command-bar button{font-size:.6rem}}@media screen and (max-width: 768px) and (orientation: landscape){.site-intro{display:none}.workspace{min-height:0}#canvas-wrapper,#editor-canvas{max-height:56dvh}body.mobile-adjust-open #desktop-controls-shelf:not(.template-hidden)[style*="display: flex"]{max-height:65dvh}}@media screen and (max-width: 768px){html:has(body.mobile-docked),body.mobile-docked{height:100dvh;min-height:0;overflow:hidden}body.mobile-docked>header{position:relative;height:54px;min-height:54px}body.mobile-docked{--mobile-dock-top: calc(100dvh - 180px - env(safe-area-inset-bottom)) }body.mobile-docked .site-intro{display:none}body.mobile-docked .app-container{display:block;height:calc(var(--mobile-dock-top) - 54px);min-height:0;max-height:calc(var(--mobile-dock-top) - 54px);padding:0;overflow:hidden}body.mobile-docked .workspace,body.mobile-docked .workspace.template-mode{width:100%;height:100%;min-height:0;max-height:100%;padding:.5rem;justify-content:center;overflow:hidden}body.mobile-docked .empty-state-guide{max-height:100%;overflow-y:auto;overscroll-behavior:contain}body.mobile-editor-ready #canvas-wrapper{flex:1 1 auto;width:100%;height:100%;min-height:0;max-height:100%;max-width:100%;margin:0;align-items:center;justify-content:center}body.mobile-editor-ready #editor-canvas{max-width:100%;max-height:100%;object-fit:contain}body.mobile-editor-ready .layout-workspace-panel:not([hidden]){width:100%;height:100%;min-height:0;max-height:100%;overflow-y:auto}body.mobile-editor-ready .layout-workspace-stage{min-height:0;height:min(48dvh,440px)}body.mobile-docked .workspace.template-mode #canvas-wrapper{display:none!important}body.mobile-docked .workspace.template-mode .layout-workspace-panel:not([hidden]){display:flex!important;flex:1 1 auto;height:100%;max-height:100%}body.mobile-docked .workspace.template-mode .layout-workspace-stage{flex:1 1 auto;height:auto}body.mobile-docked .sidebar-backdrop{display:none!important}body.mobile-docked .mobile-control-dock{position:fixed;left:0;right:0;top:var(--mobile-dock-top);bottom:0;z-index:400;display:flex;flex-direction:column;min-height:0;border-top:2px solid rgba(94,234,212,.65);background:#0e1422;box-shadow:0 -8px 24px #00000057}.mobile-control-track{flex:1 1 auto;display:flex;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.mobile-control-track::-webkit-scrollbar{display:none}.mobile-control-page{flex:0 0 100%;display:flex;flex-direction:column;min-width:0;min-height:0;scroll-snap-align:start}.mobile-page-title{flex:0 0 32px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .8rem;border-bottom:1px solid var(--border-light);color:#f8fafc;font-size:.8rem;font-weight:800}.mobile-page-title span{color:var(--text-secondary);font-size:.68rem;font-weight:500}.mobile-control-content{flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:.35rem .45rem max(.55rem,env(safe-area-inset-bottom))}body.mobile-docked #sidebar-left,body.mobile-docked #sidebar-right{position:static!important;inset:auto!important;display:flex!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:.25rem!important;overflow:visible!important;transform:none!important;transition:none!important;border:0;background:transparent;box-shadow:none!important;backdrop-filter:none}body.mobile-docked #sidebar-right{align-items:stretch}body.mobile-docked .mobile-drawer-heading{display:none}body.mobile-docked #sidebar-right .layout-cards-grid.grid-view{max-height:none}body.mobile-docked .layout-workspace-actions{display:flex;width:100%;padding:.25rem}body.mobile-docked .layout-workspace-actions[hidden],body.mobile-docked #main-image-actions[hidden],body.mobile-docked #layout-workspace-slots[hidden]{display:none!important}body.mobile-docked .layout-workspace-actions button{min-height:44px}body.mobile-docked #main-image-actions{width:100%;margin:.25rem 0}body.mobile-docked #layout-workspace-slots{width:100%}body.mobile-docked #desktop-controls-shelf:not(.template-hidden)[style*="display: flex"]{position:static!important;inset:auto!important;display:flex!important;width:100%;max-width:none!important;max-height:none!important;margin:0!important;padding:.25rem;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}body.mobile-docked .mobile-adjust-close{display:none}body.mobile-docked #upload-shelf[style*="display: flex"]{display:flex!important;width:100%!important;max-width:none!important;flex-wrap:wrap;margin:0!important}body.mobile-docked #upload-shelf>*{min-width:0;max-width:100%}body.mobile-docked #upload-shelf button,body.mobile-docked #upload-shelf select{min-height:40px}body.mobile-docked .mobile-command-bar{position:relative;inset:auto;z-index:1;flex:0 0 calc(62px + env(safe-area-inset-bottom));display:flex;align-items:stretch;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;box-shadow:none}body.mobile-docked .mobile-command-bar::-webkit-scrollbar{display:none}body.mobile-docked .mobile-command-bar button{flex:1 0 54px;min-height:50px;font-size:.59rem}body.mobile-docked .mobile-command-bar button[aria-current=true]{background:var(--nav-tint);box-shadow:inset 0 0 0 1px currentColor}body.mobile-docked .mobile-command-bar button svg{width:28px;height:28px;padding:5px}body.mobile-docked .mobile-more-menu:not([hidden]){position:static;display:grid;width:100%;min-width:0;padding:.35rem;border:0;background:transparent;box-shadow:none}body.mobile-docked .mobile-more-menu button{border:1px solid var(--border-light);background:#17243a}body.mobile-docked .layout-page-overlay{top:var(--mobile-dock-top);bottom:0;height:calc(100dvh - var(--mobile-dock-top))}body.mobile-docked .layout-page{width:100%;height:100%;max-height:100%}}@media screen and (max-width: 768px){body.mobile-docked #sidebar-left,body.mobile-docked #sidebar-right{display:none!important}body.mobile-docked #desktop-controls-shelf,body.mobile-docked #desktop-controls-shelf:not(.template-hidden)[style*="display: flex"]{display:none!important}body.mobile-docked:not(.mobile-image-loaded) #mobile-controls-shelf{opacity:.45;pointer-events:none}body.mobile-docked .mobile-control-track{display:none}body.mobile-docked #mobile-controls-shelf{position:relative!important;inset:auto!important;display:block!important;flex:1 1 auto;width:100%;height:auto!important;min-height:0;max-height:100%;padding:.65rem .45rem;overflow:hidden;box-shadow:none;transition:flex-basis .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,padding .32s ease}body.mobile-docked .mobile-detail-open #mobile-controls-shelf{flex:0 0 0;padding-top:0;padding-bottom:0;opacity:0}body.mobile-docked .mobile-carousel-scroll{height:100%;gap:.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-behavior:smooth;touch-action:pan-x!important}body.mobile-docked .mobile-carousel-row{gap:.45rem;scroll-snap-align:start}body.mobile-docked .mobile-carousel-row .btn-adj{min-height:44px}body.mobile-docked .mobile-inline-detail:not([hidden]){display:flex;flex:1 1 auto;min-height:0;flex-direction:column;animation:mobile-detail-in .28s cubic-bezier(.22,1,.36,1)}@keyframes mobile-detail-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.mobile-inline-heading{display:flex;flex:0 0 40px;align-items:center;justify-content:space-between;padding:.25rem .6rem;border-bottom:1px solid var(--border-light);color:#fff;font-size:.83rem}.mobile-inline-heading>div{display:flex;gap:.35rem}.mobile-inline-heading button{min-height:32px;padding:0 .75rem;border:1px solid var(--border-light);border-radius:8px;background:#243149;color:#fff;font:700 .72rem var(--font-body)}#mobile-inline-ok{background:#2563eb;border-color:#60a5fa}.mobile-inline-hint:not([hidden]){margin:0;padding:.4rem .65rem;color:#cbd5e1;font-size:.72rem;line-height:1.3}.mobile-inline-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.4rem .55rem}body.mobile-docked #mobile-inline-body>*{display:none!important}body.mobile-docked #mobile-inline-body>#upload-shelf:not(.mobile-detail-selected)[style*="display: flex"],body.mobile-docked #mobile-inline-body>#mobile-more-menu:not(.mobile-detail-selected):not([hidden]){display:none!important}body.mobile-docked #mobile-inline-body>.mobile-detail-selected:not([hidden]){display:block!important;width:100%!important}body.mobile-docked #mobile-inline-body>#tool-content-crop.mobile-detail-selected #crop-controls{display:none!important}body.mobile-docked #mobile-inline-body>#advanced-adjust-panel.mobile-detail-selected:not([hidden]){display:flex!important;position:static!important;max-height:none!important}body.mobile-docked #mobile-inline-body>#upload-shelf.mobile-detail-selected[style*="display: flex"]{display:flex!important;position:static!important;max-height:none!important}body.mobile-docked #mobile-inline-body>#mobile-more-menu.mobile-detail-selected:not([hidden]){display:grid!important;position:static!important}body.mobile-docked #mobile-inline-body .advanced-adjust-content:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);width:100%}body.mobile-docked #mobile-inline-body .levels-gimp-widget{min-width:0}body.mobile-docked #mobile-inline-body .panel-card{max-width:none}body.mobile-docked .mobile-command-bar{flex:0 0 calc(66px + env(safe-area-inset-bottom));gap:.2rem;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x!important}body.mobile-docked .mobile-command-bar button{flex:0 0 62px;scroll-snap-align:center}body.mobile-docked .mobile-control-dock>.layout-workspace-actions:not([hidden]),body.mobile-docked .mobile-control-dock>#main-image-actions:not([hidden]){display:flex!important;flex:0 0 auto;width:100%;gap:.4rem;padding:.35rem .55rem;overflow-x:auto}body.mobile-docked .mobile-control-dock>.layout-workspace-actions[hidden],body.mobile-docked .mobile-control-dock>#main-image-actions[hidden]{display:none!important}body.mobile-docked .mobile-control-dock>#layout-workspace-slots:not([hidden]){flex:0 1 auto;width:100%;max-height:90px;overflow-y:auto;padding:.25rem .55rem}body.mobile-docked .mobile-control-dock>#layout-workspace-slots[hidden]{display:none!important}body.mobile-docked .mobile-control-dock>.layout-workspace-actions button,body.mobile-docked .mobile-control-dock>#main-image-actions button{min-height:42px;white-space:nowrap}body.mobile-docked .mobile-command-bar #mobile-panel{--nav-color: #fde68a;--nav-tint: rgba(251,191,36,.2)}body.mobile-docked .mobile-command-bar #mobile-crop{--nav-color: #67e8f9;--nav-tint: rgba(34,211,238,.2)}body.mobile-docked .mobile-command-bar #mobile-draw{--nav-color: #f9a8d4;--nav-tint: rgba(244,114,182,.2)}body.mobile-docked .mobile-command-bar #mobile-levels{--nav-color: #5eead4;--nav-tint: rgba(45,212,191,.2)}body.mobile-docked .mobile-command-bar #mobile-background{--nav-color: #c4b5fd;--nav-tint: rgba(167,139,250,.2)}body.mobile-docked #canvas-wrapper{touch-action:none!important;overscroll-behavior:contain!important}body.mobile-docked #editor-canvas{touch-action:none!important}body.mobile-docked #layout-catalog-modal.active,body.mobile-docked #layout-builder-page.active,body.mobile-docked #layout-preview-page.active{top:0!important;bottom:0!important;height:100dvh!important;z-index:3500}body.mobile-docked #layout-catalog-modal.active .layout-page,body.mobile-docked #layout-builder-page.active .layout-page,body.mobile-docked #layout-preview-page.active .layout-page{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0}body.mobile-docked #layout-catalog-modal .layout-catalog-body{padding:.55rem}body.mobile-docked #layout-catalog-modal .layout-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}}@media screen and (max-width: 768px){body.mobile-docked .mobile-command-bar,body.mobile-docked .mobile-inline-detail{display:none!important}body.mobile-docked .mobile-control-track{display:flex!important;flex:1 1 auto;gap:8px;width:100%;padding:7px 8px max(8px,env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:8px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x!important}body.mobile-docked .mobile-control-page{flex:0 0 calc(100% - 25px);min-width:0;overflow:hidden;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#151d2e;scroll-snap-align:start}body.mobile-docked .mobile-page-title{flex:0 0 auto;min-height:39px;align-items:flex-start;flex-direction:column;justify-content:center;gap:1px;padding:4px .7rem;line-height:1.15}body.mobile-docked .mobile-page-title span{font-size:.72rem}body.mobile-docked .mobile-control-content{padding:.45rem .6rem .7rem}body.mobile-docked .mobile-card-action{width:100%;min-height:42px;margin:0 0 .45rem;border:1px solid rgba(148,163,184,.35);border-radius:9px;background:#243149;color:#fff;font:750 .77rem var(--font-body)}body.mobile-docked #mobile-card-panel{background:#5336ad}body.mobile-docked .mobile-card-confirm{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:0 0 .4rem}body.mobile-docked .mobile-card-confirm .mobile-card-action:last-child{background:#2563eb;border-color:#60a5fa}body.mobile-docked .mobile-card-start .layout-workspace-actions:not([hidden]),body.mobile-docked .mobile-card-start #main-image-actions:not([hidden]),body.mobile-docked .mobile-card-start #layout-workspace-slots:not([hidden]){display:flex!important;width:100%;margin:.35rem 0}body.mobile-docked .mobile-card-start .layout-workspace-actions[hidden],body.mobile-docked .mobile-card-start #main-image-actions[hidden],body.mobile-docked .mobile-card-start #layout-workspace-slots[hidden]{display:none!important}body.mobile-docked .mobile-card-start .layout-workspace-actions button,body.mobile-docked .mobile-card-start #main-image-actions button{min-height:42px}body.mobile-docked #mobile-controls-shelf{position:static!important;display:block!important;width:100%;height:auto!important;max-height:none;padding:0;opacity:1;overflow:visible;background:transparent;box-shadow:none}body.mobile-docked:not(.mobile-image-loaded) #mobile-controls-shelf{opacity:.45;pointer-events:none}body.mobile-docked .mobile-adjust-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(0,1.75fr) minmax(0,1.45fr);gap:3px;height:auto;padding:0;overflow:visible;scroll-snap-type:none;touch-action:auto!important}body.mobile-docked .adj-pair{display:grid;grid-template-rows:44px 44px;gap:4px;min-width:0}body.mobile-docked .adj-pair .btn-adj{flex-direction:column;gap:2px;width:100%;height:44px;min-width:0;min-height:44px;padding:0 1px;border-radius:9px}body.mobile-docked .adj-pair .btn-adj svg{flex:0 0 auto;width:16px;height:16px}body.mobile-docked .adj-pair .btn-label{font-size:.95rem;font-weight:800;letter-spacing:0;line-height:1}body.mobile-docked .adj-pair .btn-label-word{font-size:.62rem;text-transform:none}body.mobile-docked .adj-pair .adj-letter{font-size:.95rem;font-weight:800;line-height:1}body.mobile-docked .mobile-card-crop #tool-content-crop,body.mobile-docked .mobile-card-draw #tool-content-pencil,body.mobile-docked .mobile-card-text #tool-content-text,body.mobile-docked .mobile-card-attire #tool-content-attire{display:block!important;width:100%}body.mobile-docked .mobile-card-levels #levels-adjust-controls,body.mobile-docked .mobile-card-hsv #chroma-adjust-controls{display:grid!important;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}body.mobile-docked .mobile-card-levels .levels-gimp-widget{min-width:0}body.mobile-docked .mobile-card-background .panel-card{width:100%;padding:.55rem}body.mobile-docked .mobile-card-print #upload-shelf[style*="display: flex"]{display:flex!important;position:static!important;width:100%!important;max-width:none!important;margin:0!important;flex-wrap:wrap}body.mobile-docked .mobile-card-export #mobile-more-menu:not([hidden]){display:grid!important;position:static!important;width:100%;box-shadow:none}}@media screen and (max-width: 768px){body.mobile-docked .mobile-control-page{flex-direction:row}body.mobile-docked .mobile-page-title{flex:0 0 auto;align-items:center;justify-content:center;min-height:0;max-height:100%;padding:.4rem .3rem;border-bottom:0;border-left:1px solid var(--border-light);background:#ffffff08;font-size:.72rem;letter-spacing:.02em;line-height:1.1;text-align:center;writing-mode:vertical-rl;transform:rotate(180deg)}body.mobile-docked .mobile-page-title span{display:none}body.mobile-docked .mobile-control-content{flex:1 1 auto}body.mobile-docked .mobile-card-hint{margin:0 0 .4rem;color:var(--text-secondary);font-size:.74rem;line-height:1.3}body.mobile-docked .mobile-card-adjust .mobile-card-hint{display:none}body.mobile-docked #mobile-card-content-adjust{display:flex;align-items:center;padding:6px}body.mobile-docked #mobile-card-content-adjust>#mobile-controls-shelf{width:100%}}@media screen and (max-width: 768px){body.mobile-docked #upload-shelf{display:none!important}body.mobile-docked .mobile-control-content{display:grid;align-content:start;gap:6px;padding:6px 8px}body.mobile-docked .mobile-control-content>*{min-width:0;margin:0!important}body.mobile-docked .mobile-card-hint{display:none}body.mobile-docked :is(.mobile-card-crop,.mobile-card-attire) .mobile-card-hint{display:block;margin:0}body.mobile-docked .mobile-control-content button:not(.levels-handle),body.mobile-docked .mobile-control-content select{min-height:38px}body.mobile-docked #mobile-card-content-start{grid-template-columns:1fr 1fr}body.mobile-docked #mobile-card-content-start>:not(.mobile-card-action){grid-column:1 / -1}body.mobile-docked #mobile-card-content-start .mobile-card-action{min-height:46px}body.mobile-docked #mobile-card-content-remove{grid-template-columns:minmax(0,1fr) auto}body.mobile-docked #mobile-card-content-remove>.slider-group{gap:3px}body.mobile-docked #mobile-card-content-remove #select-ai-model{width:100%;min-height:38px}body.mobile-docked #birefnet-local-upload{display:flex;align-items:flex-end}body.mobile-docked #birefnet-local-upload>span:first-child{display:none}body.mobile-docked #mobile-card-content-remove>.slider-group{grid-column:1 / -1;grid-row:1}body.mobile-docked #birefnet-local-upload{grid-column:2;grid-row:2}body.mobile-docked #btn-ai-remove-bg{grid-column:1;grid-row:2;min-height:46px}body.mobile-docked #ai-progress-container{grid-column:1 / -1;grid-row:3}body.mobile-docked :is(#btn-birefnet-load-local,#btn-enhance-load-local){width:46px;min-height:46px;height:46px;padding:0;font-size:0!important;justify-content:center}body.mobile-docked :is(#btn-birefnet-load-local,#btn-enhance-load-local) svg{width:20px;height:20px;margin:0}body.mobile-docked #mobile-card-content-replace>div>span:first-child{display:none}body.mobile-docked #mobile-card-content-replace .bg-tab-bar{margin:0 0 6px}body.mobile-docked #mobile-card-content-replace .bg-selector-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}body.mobile-docked #mobile-card-content-replace .bg-selector-grid>*{min-height:34px;height:34px}body.mobile-docked #mobile-card-content-replace .bg-tab-bar button{min-height:32px}body.mobile-docked #mobile-card-content-enhance>div{display:grid!important;padding-top:0!important;border-top:0!important;grid-template-columns:minmax(0,1fr) auto;gap:6px}body.mobile-docked #mobile-card-content-enhance .slider-group{grid-column:1 / -1;grid-row:1;gap:3px}body.mobile-docked #mobile-card-content-enhance #select-enhance-model{width:100%}body.mobile-docked #enhance-local-upload{grid-column:2;grid-row:2;display:flex;align-items:flex-end}body.mobile-docked #enhance-local-upload>div:first-child,body.mobile-docked #enhance-model-status{display:none!important}body.mobile-docked #btn-ai-enhance{grid-column:1;grid-row:2;min-height:46px}body.mobile-docked #enhance-progress-container{grid-column:1 / -1;grid-row:3}body.mobile-docked #mobile-card-content-adjust{display:flex;padding:6px 8px}body.mobile-docked #mobile-card-content-adjust>#mobile-controls-shelf{height:100%}body.mobile-docked .mobile-adjust-grid{height:100%!important}body.mobile-docked .adj-pair{grid-template-rows:1fr 1fr}body.mobile-docked .adj-pair .btn-adj{height:100%}body.mobile-docked #tool-content-pencil{display:grid!important;gap:6px}body.mobile-docked #tool-content-pencil .pencil-actions-row{margin:0}body.mobile-docked #tool-content-pencil #pencil-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px}body.mobile-docked #tool-content-pencil .pencil-actions-row button{min-height:32px}body.mobile-docked #pencil-controls>.pencil-color-row{grid-column:1 / -1;margin:0}body.mobile-docked #pencil-controls>.slider-group{flex-direction:column;align-items:stretch;gap:16px;min-width:0;margin:0!important}body.mobile-docked #pencil-controls>.slider-group input[type=range]{width:100%;margin:0!important}body.mobile-docked .mobile-card-text #tool-content-text{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:6px}body.mobile-docked #tool-content-text>.text-ctrl-row{display:contents}body.mobile-docked #tool-content-text>#text-input{flex:1 1 100%;min-height:36px;margin:0}body.mobile-docked #text-font-family{flex:1 1 110px;min-width:0;min-height:34px}body.mobile-docked #text-font-size{width:56px;min-height:34px}body.mobile-docked #tool-content-text .text-ctrl-row>div:empty{display:none}body.mobile-docked #tool-content-text .text-fmt-btn{width:34px;min-height:34px;height:34px}body.mobile-docked #btn-add-text{margin-left:auto!important;min-height:34px}body.mobile-docked #tool-content-text label.text-ctrl-label:has(+#text-color){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body.mobile-docked #text-color{width:34px;height:34px}body.mobile-docked #text-layers-list{flex:1 1 100%}body.mobile-docked #mobile-card-content-attire{grid-template-columns:minmax(0,1fr) auto;align-items:center}body.mobile-docked .mobile-card-attire .mobile-card-hint{grid-column:1 / -1;grid-row:1;font-size:.72rem;line-height:1.25}body.mobile-docked .mobile-card-attire #tool-content-attire{display:contents!important}body.mobile-docked #tool-content-attire>.official-photo-warning,body.mobile-docked #attire-library>summary{display:none}body.mobile-docked #attire-library{grid-column:1;grid-row:2;margin:0;min-width:0}body.mobile-docked #tool-content-attire>div:has(#btn-upload-attire){grid-column:2;grid-row:2;align-self:start;margin:0!important}body.mobile-docked #btn-upload-attire{width:38px!important;min-height:34px;height:34px;padding:0;font-size:0!important;justify-content:center}body.mobile-docked #btn-upload-attire svg{width:18px;height:18px;margin:0}body.mobile-docked #attire-cat-bar button{min-height:34px;padding:0 2px;font-size:.66rem}body.mobile-docked #attire-cat-bar{margin:0 0 6px}body.mobile-docked #attire-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}body.mobile-docked #attire-grid>*{min-height:0;height:58px;padding:3px;justify-content:center}body.mobile-docked #attire-grid .attire-card-thumb{width:44px;height:48px}body.mobile-docked #attire-grid .attire-card-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body.mobile-docked:not(.mobile-attire-fitting) :is(.mobile-card-fit,.mobile-card-fitsize,.mobile-card-angle,.mobile-card-finefit){display:none!important}body.mobile-docked #attire-controls-wrap{display:none!important}body.mobile-docked #mobile-card-content-fit{grid-template-columns:1fr 1fr;align-items:center}body.mobile-docked #mobile-card-content-fit>:is(.attire-control-heading,.attire-nudge-row,.attire-actions){grid-column:1 / -1}body.mobile-docked #mobile-card-content-fit .attire-control-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}body.mobile-docked #mobile-card-content-fit .attire-control-heading button{min-height:32px;height:32px}body.mobile-docked #mobile-card-content-fit .attire-nudge-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.4fr;gap:5px}body.mobile-docked #mobile-card-content-fit .attire-nudge-row button{min-height:34px;height:34px}body.mobile-docked #mobile-card-content-fit .attire-preview-toggle{font-size:.7rem}body.mobile-docked #mobile-card-content-fit .attire-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}body.mobile-docked #mobile-card-content-fit .attire-actions button{min-height:34px;height:34px}body.mobile-docked :is(#mobile-card-content-fitsize,#mobile-card-content-angle,#mobile-card-content-finefit) .attire-slider-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;grid-template-areas:"label value" "range range";align-items:center;gap:4px 4px;min-width:0}body.mobile-docked .attire-slider-row>label{grid-area:label;width:auto!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}body.mobile-docked .attire-slider-row>input[type=range]{grid-area:range;width:100%;margin:6px 0 0}body.mobile-docked .attire-slider-row>.attire-value{grid-area:value;width:42px!important;height:26px;min-height:0;padding:0 3px;font-size:.72rem}body.mobile-docked :is(#mobile-card-content-fitsize,#mobile-card-content-angle,#mobile-card-content-finefit) :is(h4,.attire-help){display:none}body.mobile-docked #mobile-card-content-fitsize .attire-fit-group{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}body.mobile-docked #mobile-card-content-angle .attire-fit-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}body.mobile-docked #mobile-card-content-angle .attire-fit-group>.attire-slider-row{grid-column:span 2}body.mobile-docked #mobile-card-content-angle .attire-angle-presets{grid-column:1 / 4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}body.mobile-docked #mobile-card-content-angle .attire-angle-presets button,body.mobile-docked #btn-attire-reset-angle{min-height:34px;height:34px;padding:0 4px;font-size:.68rem}body.mobile-docked #btn-attire-reset-angle{grid-column:4;grid-row:1;width:100%}body.mobile-docked #mobile-card-content-finefit .attire-fit-details>summary{display:none}body.mobile-docked #mobile-card-content-finefit .attire-fit-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}body.mobile-docked #mobile-card-content-finefit{padding-top:4px;padding-bottom:4px}body.mobile-docked #mobile-card-content-finefit .attire-slider-row{gap:2px 4px}body.mobile-docked #mobile-card-content-finefit .attire-value{height:22px}body.mobile-docked #mobile-card-content-finefit .attire-slider-row>input[type=range]{margin-top:4px}body.mobile-docked #levels-adjust-controls{display:block!important}body.mobile-docked #mobile-card-content-levels{gap:4px;padding-top:3px;padding-bottom:3px}body.mobile-docked #levels-gimp-widget{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"chan chan" "hist olabel" "hist otrack" "itrack onum" "inum pick";gap:2px 10px;min-width:0}body.mobile-docked #levels-gimp-widget>*{min-width:0;margin:0!important}body.mobile-docked #levels-gimp-widget>#levels-channel-row{grid-area:chan}body.mobile-docked #levels-gimp-widget>.levels-histogram-box{grid-area:hist;height:100%;min-height:0}body.mobile-docked #levels-gimp-widget>.levels-histogram-box canvas{height:100%!important}body.mobile-docked #levels-gimp-widget>:nth-child(3){grid-area:itrack}body.mobile-docked #levels-gimp-widget>:nth-child(4){grid-area:inum}body.mobile-docked #levels-gimp-widget>.levels-section-label{grid-area:olabel;align-self:end;text-align:center;height:12px;font-size:.6rem;line-height:12px}body.mobile-docked #levels-gimp-widget>:nth-child(6){grid-area:otrack}body.mobile-docked #levels-gimp-widget>:nth-child(7){grid-area:onum}body.mobile-docked #levels-gimp-widget>.levels-picker-row{grid-area:pick;display:flex;gap:3px}body.mobile-docked #levels-gimp-widget .levels-picker-row .levels-picker-btn{flex:1 1 0;min-width:0;font-size:.64rem}body.mobile-docked #levels-gimp-widget .levels-picker-row .levels-picker-btn svg{display:none}body.mobile-docked #levels-gimp-widget .levels-picker-row .levels-channel-toggle-btn{flex:0 0 28px;width:28px}body.mobile-docked #levels-gimp-widget .levels-slider-stack,body.mobile-docked #levels-gimp-widget .levels-shared-track{height:28px;min-height:28px}body.mobile-docked #levels-gimp-widget .levels-number-row{gap:4px}body.mobile-docked #levels-gimp-widget .levels-num-input{flex:0 0 38px;width:38px;min-width:0;height:28px;padding:0 3px}body.mobile-docked #levels-gimp-widget .levels-num-input.levels-num-mid{flex:1 1 auto;width:auto}body.mobile-docked #levels-gimp-widget .levels-picker-row button{min-height:28px;height:28px;padding:0 4px}body.mobile-docked .mobile-card-confirm{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.mobile-docked .mobile-control-content .mobile-card-confirm>*{min-height:32px;height:32px;margin:0!important;padding-top:0;padding-bottom:0}body.mobile-docked #chroma-adjust-controls{gap:2px!important}body.mobile-docked #chroma-adjust-controls .advanced-slider{min-height:0;height:30px;margin:0!important;padding:0!important}body.mobile-docked #chroma-adjust-controls .slider-step-btn{min-height:28px;height:28px;width:28px}body.mobile-docked:not(.mobile-print-tools) :is(#paper-size-control,#border-frame-control,#denoise-slider-group){display:none!important}body.mobile-docked:not(.mobile-print-tools) :is(.mobile-card-paper,.mobile-card-border) .mobile-card-hint{display:block}body.mobile-docked #paper-size-control{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;width:100%;margin:0}body.mobile-docked #paper-size-control>label:first-child,body.mobile-docked #paper-frame-preview{display:none!important}body.mobile-docked #paper-size-select{grid-column:1 / 3;width:100%}body.mobile-docked #btn-rotate-paper-frame{grid-column:3;grid-row:1}body.mobile-docked #paper-size-control>.paper-wireframe-toggle{grid-column:1;grid-row:2;align-self:center}body.mobile-docked #btn-crop-paper-frame{grid-column:2;grid-row:2}body.mobile-docked #btn-upscale-paper-frame{grid-column:3;grid-row:2}body.mobile-docked #paper-photo-size{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;gap:6px;min-width:0}body.mobile-docked #paper-photo-size .paper-photo-size-btn{width:34px;height:32px;font-size:1.1rem}body.mobile-docked #paper-photo-size .paper-photo-size-dims{margin-left:auto;font-size:.72rem}body.mobile-docked #border-frame-control{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;width:100%;margin:0}body.mobile-docked #border-frame-control>label:first-child{display:none}body.mobile-docked #border-frame-select{width:100%}body.mobile-docked #denoise-slider-group{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:6px;width:100%;margin:0}body.mobile-docked #mobile-card-content-export{grid-template-columns:1fr 1fr}body.mobile-docked .mobile-card-export #mobile-more-menu:not([hidden]){display:contents!important}body.mobile-docked #mobile-card-content-export button{min-height:46px;margin:0}body.mobile-docked #mobile-card-save-zip{grid-column:1 / -1;background:#0e7490;border-color:#22d3ee}body.mobile-docked #mobile-card-save-zip[hidden]{display:none!important}}@media screen and (max-width: 768px){html:has(body.mobile-docked:not(.mobile-editor-ready)),body.mobile-docked:not(.mobile-editor-ready){height:auto;min-height:100dvh;overflow:visible}body.mobile-docked:not(.mobile-editor-ready){padding-bottom:calc(68px + env(safe-area-inset-bottom))}body.mobile-docked:not(.mobile-editor-ready) .site-intro{display:block;padding:1.1rem 1rem .35rem}body.mobile-docked:not(.mobile-editor-ready) .site-intro h1{margin:0;color:#f8fafc;font-size:1.5rem;line-height:1.2}body.mobile-docked:not(.mobile-editor-ready) .app-container,body.mobile-docked:not(.mobile-editor-ready) .workspace{height:auto;max-height:none;overflow:visible}body.mobile-docked:not(.mobile-editor-ready) .empty-state-guide{max-height:none;overflow:visible}body.mobile-docked:not(.mobile-editor-ready) .empty-guide-title{display:none}body.mobile-docked:not(.mobile-editor-ready) .mobile-control-dock{top:auto;height:auto}body.mobile-docked:not(.mobile-editor-ready) .mobile-control-track{flex:0 0 auto;padding:8px 10px max(8px,env(safe-area-inset-bottom));overflow:hidden}body.mobile-docked:not(.mobile-editor-ready) .mobile-control-page:not(.mobile-card-start){display:none}body.mobile-docked:not(.mobile-editor-ready) .mobile-card-start{flex:1 1 100%;border:0;background:transparent}body.mobile-docked:not(.mobile-editor-ready) .mobile-card-start .mobile-page-title{display:none}body.mobile-docked:not(.mobile-editor-ready) .mobile-card-start .mobile-card-hint{display:none}body.mobile-docked:not(.mobile-editor-ready) #mobile-card-content-start{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;overflow:visible}body.mobile-docked:not(.mobile-editor-ready) #mobile-card-content-start .mobile-card-action{min-height:48px;margin:0}.empty-state-guide .pillar-card h3+span{font-size:.75rem!important}.empty-state-guide .blog-read-link{padding:.55rem 0}.empty-state-guide a[href^="/"][style*="display: block"],.empty-state-guide a[href^="mailto:"]{display:block;margin-bottom:0!important;padding:.5rem 0}}@media print{.mobile-control-dock,.mobile-command-bar,.mobile-more-menu,.mobile-adjust-close{display:none!important}}
