@media(min-width:769px)and (max-width:1024px){:root{--sidebar-width: 307px}.sidebar-tabs{width:87px}.sidebar-content{width:220px;min-width:220px;max-width:220px}.tab-icon{font-size:28px!important}.tab-label{font-size:10px}.templates-grid,.cliparts-grid,.poems-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:var(--spacing-xs)!important}.templates-grid[data-orientation=horizontal]{grid-template-columns:repeat(2,1fr)!important}.templates-grid[data-orientation=horizontal] .grid-item-template{width:100%!important;min-width:unset!important;max-width:unset!important}.templates-grid[data-orientation=horizontal] .grid-item-template img{width:100%!important;height:100%!important;object-fit:cover}.templates-grid[data-orientation=vertical] .grid-item-template{aspect-ratio:2/3}.templates-grid[data-orientation=vertical] .grid-item-template img{width:100%!important;height:100%!important;object-fit:cover}.canvas-wrapper{padding:var(--spacing-md)}.canvas-wrapper .canvas-container{max-width:100%}}@media(max-width:768px){:root{--toolbar-height: 56px;--sidebar-width: 100%;--mobile-nav-height: 56px}.editor-app{grid-template-rows:auto var(--toolbar-height) 1fr 0px}.editor-main{grid-template-columns:1fr;position:relative;overflow:visible}.editor-main.sidebar-hidden,.editor-main.sidebar-visible{grid-template-columns:1fr}.editor-sidebar{display:none!important}.editor-canvas-area{width:100%;height:100%;min-height:calc(100vh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px));min-height:calc(100dvh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px));padding-bottom:var(--mobile-nav-height, 56px);overflow:auto;position:relative;z-index:1}.functional-bar,.editor-statusbar{display:none!important}.editor-toolbar .toolbar-left>*:not(#toggleSidebarBtn):not(.desktop-toggle-sidebar):not(#logoPlaceholder):not(.product-name){display:none!important}.editor-toolbar .toolbar-left .desktop-toggle-sidebar{display:none!important}.editor-toolbar .toolbar-right>*:not(#cartBtn):not(#saveBtn):not(#shareLinkBtn){display:none!important}.sidebar-tabs{flex-direction:row;width:100%;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto;padding:0}.sidebar-content{flex-direction:column}.tab-btn{flex:1;min-width:60px;min-height:60px;padding:var(--spacing-sm)}.tab-btn:after{inset:auto 0 0;width:100%;height:3px;transform:scaleX(0)}.tab-btn.active:after{transform:scaleX(1)}.tab-label{font-size:10px}.editor-toolbar{padding:0 var(--spacing-sm)}.toolbar-left,.toolbar-right{gap:var(--spacing-xs)}.toolbar-center,.btn .btn-text,.toolbar-divider{display:none}.editor-toolbar .logo-placeholder{display:none!important}.editor-toolbar .product-name{display:flex!important;align-items:center}.editor-toolbar .logo-placeholder .logo-img{height:24px}.editor-toolbar .product-name{font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.desktop-toggle-sidebar{display:flex!important}.desktop-only{display:none!important}.canvas-wrapper{padding:20px 2px 2px;overflow:visible;width:100%;height:auto;min-height:calc(100vh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px));min-height:calc(100dvh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px));display:flex;align-items:flex-start;justify-content:center}.editor-canvas-area.has-calendar-bar:not(.calendar-bar-hidden) .canvas-wrapper{align-items:flex-start!important}.canvas-wrapper.orientation-horizontal{align-items:flex-start!important}.canvas-wrapper .canvas-container{margin:0 auto}.canvas-controls{bottom:var(--spacing-md);right:var(--spacing-md)}.canvas-control-btn{width:40px;height:40px;font-size:16px}.templates-grid,.cliparts-grid,.poems-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-sm)}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:var(--spacing-xs)!important;justify-items:start}.panel-body{padding:var(--spacing-sm);background:var(--surface)}.upload-area{padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.upload-icon{font-size:36px}}@media(max-width:480px){:root{--toolbar-height: 52px;--statusbar-height: 28px}.editor-main,.editor-main.sidebar-hidden,.editor-main.sidebar-visible{grid-template-columns:1fr!important}.editor-sidebar{max-width:100%;flex-direction:column}.tab-icon{font-size:20px}.tab-label{font-size:9px}.btn-sm{padding:var(--spacing-xs)}.templates-grid,.cliparts-grid,.poems-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:var(--spacing-xs)!important;justify-items:start}.panel-header h3{font-size:14px}.filter-select{font-size:13px;padding:var(--spacing-xs) var(--spacing-sm)}.editor-canvas-area{min-height:calc(100vh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px));min-height:calc(100dvh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px));height:calc(100vh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px));height:calc(100dvh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px))}.canvas-wrapper{padding:20px 2px 2px;min-height:calc(100vh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px));min-height:calc(100dvh - var(--toolbar-height) - var(--start-message-height) - var(--mobile-nav-height, 56px));height:auto;display:flex;align-items:flex-start;justify-content:center}.canvas-wrapper .canvas-container{margin:0 auto}}@media(min-width:1200px){:root{--sidebar-width: 454px}.templates-grid,.cliparts-grid,.poems-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:var(--spacing-xs)!important;justify-items:start}.templates-grid[data-orientation=horizontal]{grid-template-columns:repeat(2,1fr)!important}.templates-grid[data-orientation=horizontal] .grid-item-template{width:100%!important;min-width:unset!important;max-width:unset!important}.templates-grid[data-orientation=horizontal] .grid-item-template img{width:100%!important;height:100%!important;object-fit:cover}.templates-grid[data-orientation=vertical] .grid-item-template{aspect-ratio:2/3}.templates-grid[data-orientation=vertical] .grid-item-template img{width:100%!important;height:100%!important;object-fit:cover}}@media(hover:none)and (pointer:coarse){.btn:hover,.tab-btn:hover,.grid-item:hover,.font-item:hover{transform:none}.grid-item-actions{opacity:1}}@media print{.editor-toolbar,.editor-sidebar,.editor-statusbar,.canvas-controls,.mobile-ui-wrapper{display:none!important}.editor-app{display:block;height:auto}.editor-main{display:block}.canvas-wrapper{padding:0}}