@charset "UTF-8";
.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container,.elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container{overflow:hidden}.elementor-widget .elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap;margin-inline:-8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{border-width:0;border-inline-start-width:1px;border-style:solid;height:100%;inset-inline-end:-8px;inset-inline-start:auto;position:relative;width:auto}.elementor-widget .elementor-icon-list-items{list-style-type:none;margin:0;padding:0}.elementor-widget .elementor-icon-list-item{margin:0;padding:0;position:relative}.elementor-widget .elementor-icon-list-item:after{inset-block-end:0;position:absolute;width:100%}.elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{align-self:center;padding-inline-start:5px}.elementor-widget .elementor-icon-list-icon{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative}.elementor-widget .elementor-icon-list-icon svg{height:var(--e-icon-list-icon-size,1em);width:var(--e-icon-list-icon-size,1em)}.elementor-widget .elementor-icon-list-icon i{font-size:var(--e-icon-list-icon-size);width:1.25em}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{text-align:var(--e-icon-list-icon-align)}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg{margin:var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)}.elementor-widget.elementor-list-item-link-full_width a{width:100%}.elementor-widget.elementor-align-center .elementor-icon-list-item,.elementor-widget.elementor-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-align-start .elementor-icon-list-item,.elementor-widget.elementor-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-align-end .elementor-icon-list-item,.elementor-widget.elementor-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-align-start) .elementor-icon-list-item:after{inset-inline-end:0}@media (min-width:-1){.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-widescreen-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-widescreen-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-widescreen-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-widescreen-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-laptop-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-laptop-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-laptop-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-laptop-align-start) .elementor-icon-list-item:after{inset-inline-end:0}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:1024px){.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:767px){.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}#left-area ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items{padding:0}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-animation-shrink{transition-duration:.3s;transition-property:transform}.elementor-animation-shrink:active,.elementor-animation-shrink:focus,.elementor-animation-shrink:hover{transform:scale(.9)}.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0:not(:has(.elementor-widget-container)){font-size:0;line-height:1}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;align-items:center;background-color:#69727d;cursor:pointer;display:inline-flex;justify-content:center;text-align:center}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{color:#fff;opacity:.9}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.e--ua-appleWebkit.rtl{--flex-right:flex-start}.e--ua-appleWebkit .elementor-share-buttons--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-inline:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item{margin-inline:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item{margin-inline:0}@media (max-width:1024px){.e--ua-appleWebkit .elementor-share-buttons-tablet--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-tablet--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-inline:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item{margin-inline:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item{margin-inline:0}}@media (max-width:767px){.e--ua-appleWebkit .elementor-share-buttons-mobile--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-mobile--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-inline:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item{margin-inline:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item{margin-inline:0}}
/*! elementor-pro - v3.30.0 - 22-07-2025 */
.site-main .menu-navigation-container{overflow:visible}.elementor-item:after,.elementor-item:before{display:block;position:absolute;transition:.3s;transition-timing-function:cubic-bezier(.58,.3,.005,1)}.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{opacity:0}.elementor-item-active:after,.elementor-item-active:before,.elementor-item.highlighted:after,.elementor-item.highlighted:before,.elementor-item:focus:after,.elementor-item:focus:before,.elementor-item:hover:after,.elementor-item:hover:before{transform:scale(1)}.e--pointer-double-line .elementor-item:after,.e--pointer-double-line .elementor-item:before,.e--pointer-overline .elementor-item:after,.e--pointer-overline .elementor-item:before,.e--pointer-underline .elementor-item:after,.e--pointer-underline .elementor-item:before{background-color:#3f444b;height:3px;left:0;width:100%;z-index:2}.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{height:0;left:50%;width:0}.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{top:10px}.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{bottom:10px}.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{top:-10px}.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{bottom:-10px}.e--pointer-double-line.e--animation-none,.e--pointer-double-line.e--animation-none .elementor-item,.e--pointer-double-line.e--animation-none .elementor-item:after,.e--pointer-double-line.e--animation-none .elementor-item:before,.e--pointer-double-line.e--animation-none .elementor-item:focus,.e--pointer-double-line.e--animation-none .elementor-item:hover,.e--pointer-double-line.e--animation-none:after,.e--pointer-double-line.e--animation-none:before,.e--pointer-double-line.e--animation-none:focus,.e--pointer-double-line.e--animation-none:hover,.e--pointer-overline.e--animation-none,.e--pointer-overline.e--animation-none .elementor-item,.e--pointer-overline.e--animation-none .elementor-item:after,.e--pointer-overline.e--animation-none .elementor-item:before,.e--pointer-overline.e--animation-none .elementor-item:focus,.e--pointer-overline.e--animation-none .elementor-item:hover,.e--pointer-overline.e--animation-none:after,.e--pointer-overline.e--animation-none:before,.e--pointer-overline.e--animation-none:focus,.e--pointer-overline.e--animation-none:hover,.e--pointer-underline.e--animation-none,.e--pointer-underline.e--animation-none .elementor-item,.e--pointer-underline.e--animation-none .elementor-item:after,.e--pointer-underline.e--animation-none .elementor-item:before,.e--pointer-underline.e--animation-none .elementor-item:focus,.e--pointer-underline.e--animation-none .elementor-item:hover,.e--pointer-underline.e--animation-none:after,.e--pointer-underline.e--animation-none:before,.e--pointer-underline.e--animation-none:focus,.e--pointer-underline.e--animation-none:hover{transition-duration:0s}.e--pointer-double-line .elementor-item:before,.e--pointer-overline .elementor-item:before{content:"";top:0}.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{left:-20px;width:10px}.e--pointer-double-line .elementor-item:after,.e--pointer-underline .elementor-item:after{bottom:0;content:""}.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{inset-inline-start:100%;width:10px}.e--pointer-framed .elementor-item:after,.e--pointer-framed .elementor-item:before{background:transparent;border:3px solid #3f444b;bottom:0;left:0;right:0;top:0}.e--pointer-framed .elementor-item:before{content:""}.e--pointer-framed.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{transform:scale(.75)}.e--pointer-framed.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{transform:scale(1.25)}.e--pointer-framed.e--animation-grow .elementor-item:before,.e--pointer-framed.e--animation-shrink .elementor-item:before{transition:opacity .2s,transform .4s}.e--pointer-framed.e--animation-draw .elementor-item:after,.e--pointer-framed.e--animation-draw .elementor-item:before{height:3px;width:3px}.e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 3px 3px;transition:width .1s .2s,height .1s .3s,opacity .12s .22s}.e--pointer-framed.e--animation-draw .elementor-item:after{border-width:3px 3px 0 0;bottom:0;content:"";left:auto;right:0;top:auto;transition:width .1s,height .1s .1s,opacity .02s .18s}.e--pointer-framed.e--animation-draw .elementor-item-active:after,.e--pointer-framed.e--animation-draw .elementor-item-active:before,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,.e--pointer-framed.e--animation-draw .elementor-item:focus:after,.e--pointer-framed.e--animation-draw .elementor-item:focus:before,.e--pointer-framed.e--animation-draw .elementor-item:hover:after,.e--pointer-framed.e--animation-draw .elementor-item:hover:before{height:100%;width:100%}.e--pointer-framed.e--animation-draw .elementor-item-active:before,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,.e--pointer-framed.e--animation-draw .elementor-item:focus:before,.e--pointer-framed.e--animation-draw .elementor-item:hover:before{transition:opacity .02s,height .1s,width .1s .1s}.e--pointer-framed.e--animation-draw .elementor-item-active:after,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,.e--pointer-framed.e--animation-draw .elementor-item:focus:after,.e--pointer-framed.e--animation-draw .elementor-item:hover:after{transition:opacity .02s .2s,height .1s .2s,width .1s .3s}.e--pointer-framed.e--animation-corners .elementor-item:after,.e--pointer-framed.e--animation-corners .elementor-item:before{height:3px;width:3px}.e--pointer-framed.e--animation-corners .elementor-item:before{border-width:3px 0 0 3px}.e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 3px 3px 0;bottom:0;content:"";left:auto;right:0;top:auto}.e--pointer-framed.e--animation-corners .elementor-item-active:after,.e--pointer-framed.e--animation-corners .elementor-item-active:before,.e--pointer-framed.e--animation-corners .elementor-item.highlighted:after,.e--pointer-framed.e--animation-corners .elementor-item.highlighted:before,.e--pointer-framed.e--animation-corners .elementor-item:focus:after,.e--pointer-framed.e--animation-corners .elementor-item:focus:before,.e--pointer-framed.e--animation-corners .elementor-item:hover:after,.e--pointer-framed.e--animation-corners .elementor-item:hover:before{height:100%;transition:opacity 2ms,width .4s,height .4s;width:100%}.e--pointer-framed.e--animation-none,.e--pointer-framed.e--animation-none .elementor-item,.e--pointer-framed.e--animation-none .elementor-item:after,.e--pointer-framed.e--animation-none .elementor-item:before,.e--pointer-framed.e--animation-none .elementor-item:focus,.e--pointer-framed.e--animation-none .elementor-item:hover,.e--pointer-framed.e--animation-none:after,.e--pointer-framed.e--animation-none:before,.e--pointer-framed.e--animation-none:focus,.e--pointer-framed.e--animation-none:hover{transition-duration:0s}.e--pointer-background .elementor-item:after,.e--pointer-background .elementor-item:before{content:"";transition:.3s}.e--pointer-background .elementor-item:before{background:#3f444b;bottom:0;left:0;right:0;top:0;z-index:-1}.e--pointer-background .elementor-item-active,.e--pointer-background .elementor-item.highlighted,.e--pointer-background .elementor-item:focus,.e--pointer-background .elementor-item:hover{color:#fff}.e--pointer-background.e--animation-grow .elementor-item:before{transform:scale(.5)}.e--pointer-background.e--animation-grow .elementor-item-active:before,.e--pointer-background.e--animation-grow .elementor-item.highlighted:before,.e--pointer-background.e--animation-grow .elementor-item:focus:before,.e--pointer-background.e--animation-grow .elementor-item:hover:before{opacity:1;transform:scale(1)}.e--pointer-background.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{transform:scale(1.2);transition:.3s}.e--pointer-background.e--animation-shrink .elementor-item-active:before,.e--pointer-background.e--animation-shrink .elementor-item.highlighted:before,.e--pointer-background.e--animation-shrink .elementor-item:focus:before,.e--pointer-background.e--animation-shrink .elementor-item:hover:before{transition:opacity .15s,transform .4s}.e--pointer-background.e--animation-sweep-left .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{left:100%}.e--pointer-background.e--animation-sweep-right .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{right:100%}.e--pointer-background.e--animation-sweep-up .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{top:100%}.e--pointer-background.e--animation-sweep-down .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{bottom:100%}.e--pointer-background.e--animation-shutter-out-vertical .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{bottom:50%;top:50%}.e--pointer-background.e--animation-shutter-out-horizontal .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{left:50%;right:50%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after{background:#3f444b;bottom:0;left:0;right:0;top:0;z-index:-1}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:before{bottom:100%;top:0}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after{bottom:0;top:100%}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:before,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:before,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:before,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:before{bottom:50%}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:after{top:50%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:before{left:100%;right:0}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after{left:0;right:100%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:before,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:before,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:before,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:before{left:50%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:after,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:after,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:after,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:after{right:50%}.e--pointer-background.e--animation-none,.e--pointer-background.e--animation-none .elementor-item,.e--pointer-background.e--animation-none .elementor-item:after,.e--pointer-background.e--animation-none .elementor-item:before,.e--pointer-background.e--animation-none .elementor-item:focus,.e--pointer-background.e--animation-none .elementor-item:hover,.e--pointer-background.e--animation-none:after,.e--pointer-background.e--animation-none:before,.e--pointer-background.e--animation-none:focus,.e--pointer-background.e--animation-none:hover{transition-duration:0s}.e--pointer-text.e--animation-skew .elementor-item:focus,.e--pointer-text.e--animation-skew .elementor-item:hover{transform:skew(-8deg)}.e--pointer-text.e--animation-grow .elementor-item:focus,.e--pointer-text.e--animation-grow .elementor-item:hover{transform:scale(1.2)}.e--pointer-text.e--animation-shrink .elementor-item:focus,.e--pointer-text.e--animation-shrink .elementor-item:hover{transform:scale(.8)}.e--pointer-text.e--animation-float .elementor-item:focus,.e--pointer-text.e--animation-float .elementor-item:hover{transform:translateY(-8px)}.e--pointer-text.e--animation-sink .elementor-item:focus,.e--pointer-text.e--animation-sink .elementor-item:hover{transform:translateY(8px)}.e--pointer-text.e--animation-rotate .elementor-item:focus,.e--pointer-text.e--animation-rotate .elementor-item:hover{transform:rotate(6deg)}.e--pointer-text.e--animation-none,.e--pointer-text.e--animation-none .elementor-item,.e--pointer-text.e--animation-none .elementor-item:after,.e--pointer-text.e--animation-none .elementor-item:before,.e--pointer-text.e--animation-none .elementor-item:focus,.e--pointer-text.e--animation-none .elementor-item:hover,.e--pointer-text.e--animation-none:after,.e--pointer-text.e--animation-none:before,.e--pointer-text.e--animation-none:focus,.e--pointer-text.e--animation-none:hover{transition-duration:0s}.elementor-nav-menu--main .elementor-nav-menu a{transition:.4s}.elementor-nav-menu--main .elementor-nav-menu a,.elementor-nav-menu--main .elementor-nav-menu a.highlighted,.elementor-nav-menu--main .elementor-nav-menu a:focus,.elementor-nav-menu--main .elementor-nav-menu a:hover{padding:13px 20px}.elementor-nav-menu--main .elementor-nav-menu a.current{background:#1f2124;color:#fff}.elementor-nav-menu--main .elementor-nav-menu a.disabled{background:#3f444b;color:#88909b}.elementor-nav-menu--main .elementor-nav-menu ul{border-style:solid;border-width:0;padding:0;position:absolute;width:12em}.elementor-nav-menu--main .elementor-nav-menu span.scroll-down,.elementor-nav-menu--main .elementor-nav-menu span.scroll-up{background:#fff;display:none;height:20px;overflow:hidden;position:absolute;visibility:hidden}.elementor-nav-menu--main .elementor-nav-menu span.scroll-down-arrow,.elementor-nav-menu--main .elementor-nav-menu span.scroll-up-arrow{border:8px dashed transparent;border-bottom:8px solid #33373d;height:0;left:50%;margin-inline-start:-8px;overflow:hidden;position:absolute;top:-2px;width:0}.elementor-nav-menu--main .elementor-nav-menu span.scroll-down-arrow{border-color:#33373d transparent transparent;border-style:solid dashed dashed;top:6px}.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow .e-font-icon-svg,.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow i{transform:rotate(-90deg)}.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow .e-font-icon-svg{fill:currentColor;height:1em;width:1em}.elementor-nav-menu--layout-horizontal{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu{display:flex;flex-wrap:wrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu a{flex-grow:1;white-space:nowrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>.scroll-down{top:100%!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a{margin-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-down,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-up,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul{left:var(--e-nav-menu-horizontal-menu-item-margin)!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a{margin-inline-end:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after{align-self:center;border-color:var(--e-nav-menu-divider-color,#000);border-left-style:var(--e-nav-menu-divider-style,solid);border-left-width:var(--e-nav-menu-divider-width,2px);content:var(--e-nav-menu-divider-content,none);height:var(--e-nav-menu-divider-height,35%)}.elementor-nav-menu__align-right .elementor-nav-menu{justify-content:flex-end;margin-left:auto}.elementor-nav-menu__align-right .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-end}.elementor-nav-menu__align-left .elementor-nav-menu{justify-content:flex-start;margin-right:auto}.elementor-nav-menu__align-left .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-start}.elementor-nav-menu__align-start .elementor-nav-menu{justify-content:flex-start;margin-inline-end:auto}.elementor-nav-menu__align-start .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-start}.elementor-nav-menu__align-end .elementor-nav-menu{justify-content:flex-end;margin-inline-start:auto}.elementor-nav-menu__align-end .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-end}.elementor-nav-menu__align-center .elementor-nav-menu{justify-content:center;margin-inline-end:auto;margin-inline-start:auto}.elementor-nav-menu__align-center .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:center}.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu{width:100%}.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{flex-grow:1}.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>a{justify-content:center}.elementor-widget-nav-menu:not(.elementor-nav-menu--toggle) .elementor-menu-toggle{display:none}.elementor-widget-nav-menu .elementor-widget-container,.elementor-widget-nav-menu:not(:has(.elementor-widget-container)):not([class*=elementor-hidden-]){display:flex;flex-direction:column}.elementor-nav-menu{position:relative;z-index:2}.elementor-nav-menu:after{clear:both;content:" ";display:block;font:0/0 serif;height:0;overflow:hidden;visibility:hidden}.elementor-nav-menu,.elementor-nav-menu li,.elementor-nav-menu ul{display:block;line-height:normal;list-style:none;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.elementor-nav-menu ul{display:none}.elementor-nav-menu ul ul a,.elementor-nav-menu ul ul a:active,.elementor-nav-menu ul ul a:focus,.elementor-nav-menu ul ul a:hover{border-left:16px solid transparent}.elementor-nav-menu ul ul ul a,.elementor-nav-menu ul ul ul a:active,.elementor-nav-menu ul ul ul a:focus,.elementor-nav-menu ul ul ul a:hover{border-left:24px solid transparent}.elementor-nav-menu ul ul ul ul a,.elementor-nav-menu ul ul ul ul a:active,.elementor-nav-menu ul ul ul ul a:focus,.elementor-nav-menu ul ul ul ul a:hover{border-left:32px solid transparent}.elementor-nav-menu ul ul ul ul ul a,.elementor-nav-menu ul ul ul ul ul a:active,.elementor-nav-menu ul ul ul ul ul a:focus,.elementor-nav-menu ul ul ul ul ul a:hover{border-left:40px solid transparent}.elementor-nav-menu a,.elementor-nav-menu li{position:relative}.elementor-nav-menu li{border-width:0}.elementor-nav-menu a{align-items:center;display:flex}.elementor-nav-menu a,.elementor-nav-menu a:focus,.elementor-nav-menu a:hover{line-height:20px;padding:10px 20px}.elementor-nav-menu a.current{background:#1f2124;color:#fff}.elementor-nav-menu a.disabled{color:#88909b;cursor:not-allowed}.elementor-nav-menu .e-plus-icon:before{content:"+"}.elementor-nav-menu .sub-arrow{align-items:center;display:flex;line-height:1;margin-block-end:-10px;margin-block-start:-10px;padding:10px;padding-inline-end:0}.elementor-nav-menu .sub-arrow i{pointer-events:none}.elementor-nav-menu .sub-arrow .fa.fa-chevron-down,.elementor-nav-menu .sub-arrow .fas.fa-chevron-down{font-size:.7em}.elementor-nav-menu .sub-arrow .e-font-icon-svg{height:1em;width:1em}.elementor-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down{height:.7em;width:.7em}.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,.elementor-nav-menu--dropdown .elementor-item.highlighted,.elementor-nav-menu--dropdown .elementor-item:focus,.elementor-nav-menu--dropdown .elementor-item:hover,.elementor-sub-item.elementor-item-active,.elementor-sub-item.highlighted,.elementor-sub-item:focus,.elementor-sub-item:hover{background-color:#3f444b;color:#fff}.elementor-menu-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#33373d;cursor:pointer;display:flex;font-size:var(--nav-menu-icon-size,22px);justify-content:center;padding:.25em}.elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open,.elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close{display:none}.elementor-menu-toggle .e-font-icon-svg{fill:#33373d;height:1em;width:1em}.elementor-menu-toggle svg{height:auto;width:1em;fill:var(--nav-menu-icon-color,currentColor)}span.elementor-menu-toggle__icon--close,span.elementor-menu-toggle__icon--open{line-height:1}.elementor-nav-menu--dropdown{background-color:#fff;font-size:13px}.elementor-nav-menu--dropdown-none .elementor-menu-toggle,.elementor-nav-menu--dropdown-none .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:10px;overflow-x:hidden;overflow-y:auto;transform-origin:top;transition:max-height .3s,transform .3s}.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item{font-size:.85em}.elementor-nav-menu--dropdown a{color:#33373d}.elementor-nav-menu--dropdown a.current{background:#1f2124;color:#fff}.elementor-nav-menu--dropdown a.disabled{color:#b3b3b3}ul.elementor-nav-menu--dropdown a,ul.elementor-nav-menu--dropdown a:focus,ul.elementor-nav-menu--dropdown a:hover{border-inline-start:8px solid transparent;text-shadow:none}.elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu a{justify-content:center}.elementor-nav-menu--toggle{--menu-height:100vh}.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container{max-height:0;overflow:hidden;transform:scaleY(0)}.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container{animation:hide-scroll .3s backwards;max-height:var(--menu-height);transform:scaleY(1)}.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown{position:absolute;z-index:9997}@media (max-width:767px){.elementor-nav-menu--dropdown-mobile .elementor-nav-menu--main{display:none}}@media (min-width:768px){.elementor-nav-menu--dropdown-mobile .elementor-menu-toggle,.elementor-nav-menu--dropdown-mobile .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-mobile nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@media (max-width:-1){.elementor-nav-menu--dropdown-mobile_extra .elementor-nav-menu--main{display:none}}@media (min-width:-1){.elementor-nav-menu--dropdown-mobile_extra .elementor-menu-toggle,.elementor-nav-menu--dropdown-mobile_extra .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-mobile_extra nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@media (max-width:1024px){.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none}}@media (min-width:1025px){.elementor-nav-menu--dropdown-tablet .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-tablet nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@media (max-width:-1){.elementor-nav-menu--dropdown-tablet_extra .elementor-nav-menu--main{display:none}}@media (min-width:-1){.elementor-nav-menu--dropdown-tablet_extra .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet_extra .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-tablet_extra nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@keyframes hide-scroll{0%,to{overflow:hidden}}@keyframes elementor-animation-pulse{25%{transform:scale(1.1)}75%{transform:scale(.9)}}.elementor-animation-pulse:active,.elementor-animation-pulse:focus,.elementor-animation-pulse:hover{animation-name:elementor-animation-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}.ppcd-designer {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  --ppcd-bg: #f3f4f7;
  --ppcd-surface: #ffffff;
  --ppcd-surface-soft: #f8fafc;
  --ppcd-border: rgba(15, 23, 42, 0.10);
  --ppcd-border-strong: rgba(15, 23, 42, 0.18);
  --ppcd-text: #111827;
  --ppcd-muted: #667085;
  --ppcd-accent: #ce191e;
  --ppcd-accent-strong: #a9151a;
  --ppcd-accent-soft: rgba(206, 25, 30, 0.10);
  --ppcd-success: #1f7a4d;
  --ppcd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);
  --ppcd-shadow-md: 0 16px 38px rgba(15, 23, 42, 0.08);
  --ppcd-radius-sm: 12px;
  --ppcd-radius-md: 18px;
  --ppcd-radius-lg: 24px;
  --ppcd-gap-1: 8px;
  --ppcd-gap-2: 12px;
  --ppcd-gap-3: 16px;
  --ppcd-gap-4: 20px;
  color: var(--ppcd-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.4;
}

.ppcd-designer,
.ppcd-designer * ,
.ppcd-designer *::before,
.ppcd-designer *::after {
  box-sizing: border-box;
}

.ppcd-designer [hidden] {
  display: none !important;
}

.ppcd-designer :where(button, input, select, textarea) {
  font: inherit;
  letter-spacing: normal;
  color: inherit;
}

.ppcd-designer :where(button) {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  box-shadow: none;
  text-transform: none;
}

.ppcd-designer :where(input, select, textarea) {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--ppcd-border-strong);
  border-radius: var(--ppcd-radius-sm);
  box-shadow: none;
}

.ppcd-designer :where(input[type="checkbox"], input[type="radio"]) {
  appearance: auto;
  -webkit-appearance: auto;
}

.ppcd-designer :where(input[type="color"]) {
  min-inline-size: 0;
  padding: 3px;
  cursor: pointer;
}

.ppcd-designer :where(input[type="range"]) {
  appearance: none;
  -webkit-appearance: none;
  inline-size: 100%;
  min-block-size: 28px;
  border: 0;
  background: transparent;
  padding: 0;
}

.ppcd-designer :where(input[type="range"]::-webkit-slider-runnable-track) {
  block-size: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(206,25,30,.18), rgba(17,24,39,.12));
}

.ppcd-designer :where(input[type="range"]::-moz-range-track) {
  block-size: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(206,25,30,.18), rgba(17,24,39,.12));
}

.ppcd-designer :where(input[type="range"]::-webkit-slider-thumb) {
  appearance: none;
  -webkit-appearance: none;
  inline-size: 18px;
  block-size: 18px;
  border-radius: 999px;
  margin-top: -6px;
  border: 2px solid #fff;
  background: var(--ppcd-accent);
  box-shadow: 0 2px 8px rgba(17,24,39,.18);
}

.ppcd-designer :where(input[type="range"]::-moz-range-thumb) {
  inline-size: 18px;
  block-size: 18px;
  border-radius: 999px;
  border: 2px solid #fff;
  background: var(--ppcd-accent);
  box-shadow: 0 2px 8px rgba(17,24,39,.18);
}


.ppcd-designer :where(input[type="number"]) {
  appearance: textfield;
  -webkit-appearance: textfield;
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: var(--ppcd-text) !important;
  -webkit-text-fill-color: var(--ppcd-text) !important;
  opacity: 1;
  text-rendering: optimizeLegibility;
  caret-color: var(--ppcd-text);
}

.ppcd-designer :where(input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button) {
  -webkit-appearance: none;
  margin: 0;
}

.ppcd-designer :where(button, input, select, textarea):focus-visible {
  outline: 0;
  border-color: rgba(206, 25, 30, 0.55);
  box-shadow: 0 0 0 3px rgba(206, 25, 30, 0.14);
}

.ppcd-designer :where(button:disabled, input:disabled, select:disabled, textarea:disabled) {
  cursor: not-allowed;
  opacity: .58;
}

.ppcd-designer {
  background: var(--ppcd-bg);
  border: 1px solid var(--ppcd-border);
  border-radius: 28px;
  box-shadow: var(--ppcd-shadow-md);
  inline-size: min(100%, 1440px);
  margin-inline: auto;
  padding: var(--ppcd-gap-3);
}

.ppcd-topbar,
.ppcd-workbar,
.ppcd-control-strip > .ppcd-section,
.ppcd-preview-stack,
.ppcd-panel-right,
.ppcd-stage-tools,
.ppcd-mobile-object-editor,
.ppcd-mobile-sheet-frame,
.ppcd-inline-text-editor,
.ppcd-export-actions-inline,
.ppcd-order-form,
.ppcd-empty-selection {
  background: var(--ppcd-surface);
  border: 1px solid var(--ppcd-border);
  border-radius: var(--ppcd-radius-md);
  box-shadow: var(--ppcd-shadow-sm);
}

.ppcd-section {
  display: none;
}

.ppcd-section.is-active-panel {
  display: block;
}

.ppcd-grid,
.ppcd-control-grid,
.ppcd-actions-row,
.ppcd-export-actions,
.ppcd-stage-zoom,
.ppcd-toolbar-group,
.ppcd-panel-head-actions,
.ppcd-stepper,
.ppcd-mode-switch {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ppcd-gap-1);
}

.ppcd-grid {
  display: grid;
  gap: var(--ppcd-gap-2);
}

.ppcd-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ppcd-control-grid-base,
.ppcd-control-grid-background,
.ppcd-control-grid-background-extra,
.ppcd-order-form,
.ppcd-inspector-block,
.ppcd-transform-fields {
  display: grid;
  gap: var(--ppcd-gap-2);
}

.ppcd-field {
  display: grid;
  gap: 6px;
  min-inline-size: 0;
}

.ppcd-field > span,
.ppcd-field strong,
.ppcd-workbar-label,
.ppcd-mobile-object-editor-note,
.ppcd-note,
.ppcd-mini-title,
.ppcd-curve-scale strong {
  font-size: 12px;
  line-height: 1.35;
}

.ppcd-field > span,
.ppcd-field strong,
.ppcd-workbar-label,
.ppcd-mini-title {
  font-weight: 700;
}

.ppcd-note,
.ppcd-mobile-object-editor-note,
.ppcd-workbar-label {
  color: var(--ppcd-muted);
}

.ppcd-curve-scale {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.ppcd-curve-scale > span:first-child {
  text-align: left;
}

.ppcd-curve-scale > strong {
  text-align: center;
  white-space: nowrap;
}

.ppcd-curve-scale > span:last-child {
  text-align: right;
}

.ppcd-field input,
.ppcd-field select,
.ppcd-field textarea {
  inline-size: 100%;
  min-block-size: 42px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.3;
}

.ppcd-field select,
.ppcd-select-stepper > select {
  padding-inline-end: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
}

.ppcd-field textarea {
  min-block-size: 96px;
  resize: vertical;
}

.ppcd-field-color {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
  min-inline-size: 0;
  padding: 10px;
  border: 1px solid var(--ppcd-border-strong);
  border-radius: var(--ppcd-radius-sm);
  background: var(--ppcd-surface-soft);
}

.ppcd-field-color input {
  padding: 0;
  min-block-size: 42px;
  border: 1px solid var(--ppcd-border-strong);
  border-radius: 10px;
  background: #ffffff;
}

.ppcd-field-color input::-webkit-color-swatch-wrapper {
  padding: 4px;
}

.ppcd-field-color input::-webkit-color-swatch,
.ppcd-field-color input::-moz-color-swatch {
  border: 0;
  border-radius: 8px;
}

.ppcd-field-span-2 {
  grid-column: span 2;
}

.ppcd-field-size {
  min-inline-size: 0;
}

.ppcd-field-size > span {
  display: block;
  min-block-size: 26px;
  margin-bottom: 4px;
}

.ppcd-field-size .ppcd-number-wrap {
  min-inline-size: 0;
}

.ppcd-btn,
.ppcd-mode-btn,
.ppcd-stepper-btn,
.ppcd-stage-zoom-btn,
.ppcd-object-btn,
.ppcd-number-step,
.ppcd-select-stepper-btn,
.ppcd-mobile-bottom-btn,
.ppcd-mobile-sheet-grabber {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-block-size: 42px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid var(--ppcd-border-strong);
  background: #fff;
  color: var(--ppcd-text);
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.ppcd-btn:hover,
.ppcd-mode-btn:hover,
.ppcd-stepper-btn:hover,
.ppcd-stage-zoom-btn:hover,
.ppcd-object-btn:hover,
.ppcd-number-step:hover,
.ppcd-select-stepper-btn:hover,
.ppcd-mobile-bottom-btn:hover {
  border-color: rgba(206, 25, 30, .34);
  background: #fffdfd;
}

.ppcd-btn:active,
.ppcd-mode-btn:active,
.ppcd-stepper-btn:active,
.ppcd-stage-zoom-btn:active,
.ppcd-object-btn:active,
.ppcd-mobile-bottom-btn:active {
  transform: translateY(1px);
}

.ppcd-number-step:active,
.ppcd-select-stepper-btn:active {
  transform: none;
}

.ppcd-btn-small,
.ppcd-stage-zoom-btn,
.ppcd-stepper-btn,
.ppcd-mode-btn,
.ppcd-select-stepper-btn,
.ppcd-number-step {
  min-block-size: 38px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 700;
}

.ppcd-btn-light {
  background: #fff;
}

.ppcd-btn-primary {
  background: var(--ppcd-accent);
  color: #fff;
  border-color: var(--ppcd-accent);
}

.ppcd-btn-primary:hover {
  background: var(--ppcd-accent-strong);
  border-color: var(--ppcd-accent-strong);
}

.ppcd-btn-danger {
  background: rgba(206,25,30,.06);
  color: var(--ppcd-accent-strong);
  border-color: rgba(206,25,30,.22);
}

.ppcd-btn-round,
.ppcd-stage-zoom-btn-round {
  inline-size: 40px;
  padding-inline: 0;
  border-radius: 999px;
}

.ppcd-btn-icon svg,
.ppcd-stage-zoom-btn svg,
.ppcd-object-icon svg,
.ppcd-btn-icon-inline svg,
.ppcd-mobile-bottom-btn-icon svg,
.ppcd-canvas-delete-btn svg,
.ppcd-mobile-sheet-grabber svg {
  inline-size: 18px;
  block-size: 18px;
  fill: currentColor;
  stroke: currentColor;
  flex: 0 0 auto;
}

.ppcd-btn-icon svg {
  inline-size: 16px;
  block-size: 16px;
}

.ppcd-btn-with-icon {
  justify-content: flex-start;
}

.ppcd-btn-icon-inline {
  inline-size: 16px;
  block-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ppcd-mode-switch {
  padding: 4px;
  border-radius: 16px;
  background: #f6f7fb;
}

.ppcd-mode-btn.is-active,
.ppcd-stepper-btn.is-active,
.ppcd-mobile-bottom-btn.is-active,
.ppcd-stage-zoom-indicator,
.ppcd-select-stepper-btn.is-active {
  border-color: rgba(206,25,30,.24);
  background: var(--ppcd-accent-soft);
  color: var(--ppcd-accent-strong);
}

.ppcd-stepper-btn[aria-current="step"] {
  box-shadow: inset 0 0 0 1px rgba(206,25,30,.10);
}

.ppcd-object-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ppcd-gap-2);
}

.ppcd-object-btn {
  flex-direction: column;
  min-block-size: 78px;
  padding: 10px 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}

.ppcd-object-icon {
  inline-size: 24px;
  block-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ppcd-number-wrap,
.ppcd-select-stepper {
  display: grid;
  gap: 8px;
  align-items: stretch;
}

.ppcd-number-wrap {
  grid-template-columns: 30px minmax(0, 1fr) 30px;
  min-inline-size: 0;
  width: 100%;
}

.ppcd-select-stepper {
  grid-template-columns: minmax(0, 1fr) auto;
}

.ppcd-number-wrap > input,
.ppcd-select-stepper > select {
  min-inline-size: 0;
  width: 100%;
  max-width: 100%;
}

.ppcd-number-wrap > input {
  min-inline-size: 0;
  width: 100%;
  min-block-size: 36px;
  padding: 8px 2px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  color: var(--ppcd-text);
  -webkit-text-fill-color: var(--ppcd-text);
}

.ppcd-field input[type="number"] {
  min-inline-size: 0;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: var(--ppcd-text);
  -webkit-text-fill-color: var(--ppcd-text);
}

.ppcd-number-wrap > input::placeholder,
.ppcd-field input[type="number"]::placeholder {
  color: var(--ppcd-muted);
  opacity: 1;
}


.ppcd-number-step,
.ppcd-select-stepper-btn {
  inline-size: 36px;
  min-inline-size: 36px;
  padding: 0;
  border-radius: 10px;
  font-size: 15px;
  line-height: 1;
}

.ppcd-number-wrap .ppcd-number-step {
  display: inline-flex;
}

.ppcd-select-stepper-controls {
  display: grid;
  gap: 6px;
  grid-auto-rows: 1fr;
}

.ppcd-empty-selection {
  padding: 14px 16px;
  border-style: dashed;
  color: var(--ppcd-muted);
}

.ppcd-honeypot {
  position: absolute !important;
  inset-inline-start: -9999px !important;
  inset-block-start: -9999px !important;
}

.ppcd-designer [data-mode="advanced"] {
  display: none !important;
}

.ppcd-designer.is-advanced-mode [data-mode="advanced"] {
  display: revert !important;
}

.ppcd-designer.is-advanced-mode .ppcd-object-btn[data-mode="advanced"],
.ppcd-designer.is-advanced-mode .ppcd-field[data-mode="advanced"],
.ppcd-designer.is-advanced-mode .ppcd-actions-row[data-mode="advanced"],
.ppcd-designer.is-advanced-mode details[data-mode="advanced"] {
  display: block !important;
}

.ppcd-designer.is-advanced-mode .ppcd-grid [data-mode="advanced"] {
  display: grid !important;
}

.ppcd-designer.is-base-circle-shape [data-role="base-height-label"] {
  color: var(--ppcd-muted);
}

.ppcd-designer.is-base-circle-shape [data-role="base-radius-field"] {
  opacity: .5;
  pointer-events: none;
}

.ppcd-layer-actions {
  margin-bottom: 12px;
}

.ppcd-layer-actions .ppcd-btn {
  flex: 1 1 148px;
}

.ppcd-btn-light:hover,
.ppcd-btn-light:hover svg,
.ppcd-object-btn:hover,
.ppcd-object-btn:hover svg,
.ppcd-number-step:hover,
.ppcd-number-step:hover svg,
.ppcd-stage-zoom-btn:hover,
.ppcd-stage-zoom-btn:hover svg,
.ppcd-stepper-btn:hover:not(.is-active),
.ppcd-stepper-btn:hover:not(.is-active) svg,
.ppcd-mode-btn:hover:not(.is-active),
.ppcd-mode-btn:hover:not(.is-active) svg,
.ppcd-mobile-bottom-btn:hover:not(.is-active),
.ppcd-mobile-bottom-btn:hover:not(.is-active) svg {
  color: var(--ppcd-text);
}


.ppcd-btn:hover:not(.ppcd-btn-primary):not(.ppcd-btn-danger),
.ppcd-btn:hover:not(.ppcd-btn-primary):not(.ppcd-btn-danger) *,
.ppcd-btn:hover:not(.ppcd-btn-primary):not(.ppcd-btn-danger) svg,
.ppcd-stage-footer-actions .ppcd-btn:hover,
.ppcd-stage-footer-actions .ppcd-btn:hover *,
.ppcd-stage-footer-actions .ppcd-btn:hover svg,
.ppcd-export-actions-inline .ppcd-btn:hover,
.ppcd-export-actions-inline .ppcd-btn:hover *,
.ppcd-export-actions-inline .ppcd-btn:hover svg {
  color: var(--ppcd-text) !important;
}

.ppcd-btn-danger:hover {
  background: #fff5f5;
  color: var(--ppcd-accent-strong);
}


.ppcd-color-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 8px;
  align-items: center;
  min-inline-size: 0;
}

.ppcd-color-control > input,
.ppcd-color-control > .ppcd-desktop-color-picker {
  min-inline-size: 0;
  width: 100%;
}

.ppcd-color-clear-btn {
  position: relative;
  inline-size: 40px;
  min-inline-size: 40px;
  min-block-size: 40px;
  padding: 0;
  border-radius: 12px;
  border: 1px solid var(--ppcd-border-strong);
  overflow: hidden;
  background-color: #ffffff;
  background-image:
    linear-gradient(45deg, #d8d8d8 25%, transparent 25%, transparent 75%, #d8d8d8 75%, #d8d8d8),
    linear-gradient(45deg, #d8d8d8 25%, transparent 25%, transparent 75%, #d8d8d8 75%, #d8d8d8);
  background-position: 0 0, 7px 7px;
  background-size: 14px 14px;
}

.ppcd-color-clear-btn::after {
  content: '';
  position: absolute;
  inset: -2px;
  background: linear-gradient(135deg, transparent calc(50% - 2px), var(--ppcd-accent-strong) calc(50% - 2px), var(--ppcd-accent-strong) calc(50% + 2px), transparent calc(50% + 2px));
  pointer-events: none;
}

.ppcd-color-clear-btn svg {
  display: none;
}

.ppcd-color-clear-btn.is-active {
  border-color: rgba(206, 25, 30, 0.45);
  box-shadow: 0 0 0 3px rgba(206, 25, 30, 0.10);
}


.ppcd-inline-color-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.ppcd-inline-color-actions .ppcd-btn {
  flex: 1 1 100%;
}



.ppcd-designer :where(button, input, select, textarea) {
  -webkit-tap-highlight-color: transparent;
}

.ppcd-number-step,
.ppcd-number-step:hover,
.ppcd-number-step:active,
.ppcd-number-step:focus-visible,
.ppcd-select-stepper-btn,
.ppcd-select-stepper-btn:hover,
.ppcd-select-stepper-btn:active,
.ppcd-select-stepper-btn:focus-visible {
  color: var(--ppcd-text) !important;
  -webkit-text-fill-color: var(--ppcd-text);
}

.ppcd-select-stepper-btn svg,
.ppcd-select-stepper-btn:hover svg,
.ppcd-select-stepper-btn:active svg,
.ppcd-select-stepper-btn:focus-visible svg,
.ppcd-number-step svg,
.ppcd-number-step:hover svg,
.ppcd-number-step:active svg,
.ppcd-number-step:focus-visible svg {
  color: inherit !important;
  fill: none;
  stroke: currentColor;
}


.ppcd-number-step,
.ppcd-select-stepper-btn {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  touch-action: manipulation;
}

.ppcd-number-step svg,
.ppcd-select-stepper-btn svg {
  inline-size: 16px;
  block-size: 16px;
  pointer-events: none;
}

.ppcd-number-step:focus-visible,
.ppcd-select-stepper-btn:focus-visible {
  outline: 2px solid rgba(206, 25, 30, 0.18);
  outline-offset: 1px;
}


.ppcd-number-step,
.ppcd-number-step:hover,
.ppcd-number-step:active,
.ppcd-number-step:focus-visible,
.ppcd-select-stepper-btn,
.ppcd-select-stepper-btn:hover,
.ppcd-select-stepper-btn:active,
.ppcd-select-stepper-btn:focus-visible {
  transform: none !important;
  translate: none !important;
}


.ppcd-panel-right,
.ppcd-mobile-sheet-body,
.ppcd-mobile-object-editor,
.ppcd-mobile-sheet-panel,
.ppcd-number-wrap,
.ppcd-select-stepper,
.ppcd-number-step,
.ppcd-select-stepper-btn {
  overflow-anchor: none;
}

.ppcd-number-step,
.ppcd-select-stepper-btn {
  flex-shrink: 0;
  position: relative;
  inset: auto;
}


@media (min-width: 921px) {
  .ppcd-desktop-color-picker {
    position: relative;
    width: 100%;
  }

  .ppcd-desktop-color-input-native {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    inset: 0 auto auto 0;
  }

  .ppcd-desktop-color-trigger {
    width: 100%;
    min-block-size: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid var(--ppcd-border-strong);
    background: #ffffff;
    color: var(--ppcd-text);
    cursor: pointer;
    transform: none !important;
  }

  .ppcd-desktop-color-trigger::after {
    content: '';
    margin-inline-start: auto;
    inline-size: 10px;
    block-size: 10px;
    border-inline-end: 2px solid rgba(17,24,39,0.6);
    border-block-end: 2px solid rgba(17,24,39,0.6);
    transform: rotate(45deg) translateY(-1px);
    pointer-events: none;
  }

  .ppcd-desktop-color-preview {
    inline-size: 28px;
    block-size: 28px;
    border-radius: 8px;
    border: 1px solid rgba(17, 24, 39, 0.12);
    flex: 0 0 auto;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
  }

  .ppcd-desktop-color-value {
    display: none !important;
  }

  .ppcd-desktop-color-popover {
    position: absolute;
    z-index: 45;
    inset-inline-start: 0;
    inset-block-start: calc(100% + 8px);
    width: min(250px, 100vw - 48px);
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, 0.12);
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(17, 24, 39, 0.18);
    display: grid;
    gap: 12px;
  }

  .ppcd-desktop-color-sv,
  .ppcd-desktop-color-hue,
  .ppcd-desktop-color-popover {
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
    cursor: crosshair;
  }

  .ppcd-desktop-color-sv {
    block-size: 146px;
    border-radius: 12px;
    overflow: hidden;
    background: hsl(0 100% 50%);
  }

  .ppcd-desktop-color-sv::before,
  .ppcd-desktop-color-sv::after {
    content: '';
    position: absolute;
    inset: 0;
  }

  .ppcd-desktop-color-sv::before {
    background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
  }

  .ppcd-desktop-color-sv::after {
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
  }

  .ppcd-desktop-color-hue {
    block-size: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  }

  .ppcd-desktop-color-thumb,
  .ppcd-desktop-color-hue-thumb {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    inline-size: 16px;
    block-size: 16px;
    border-radius: 999px;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px rgba(17,24,39,0.32), 0 2px 6px rgba(17,24,39,0.18);
    transform: translate(-50%, -50%);
    pointer-events: none;
    background: transparent;
  }

  .ppcd-desktop-color-hue-thumb {
    inline-size: 14px;
    block-size: 14px;
    background: #ffffff;
  }

  .ppcd-desktop-color-hex {
    width: 100%;
    min-inline-size: 0;
    min-block-size: 38px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid var(--ppcd-border-strong);
    background: #ffffff;
    color: var(--ppcd-text);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
  }
}


.ppcd-desktop-color-popover {
  touch-action: none;
}

.ppcd-mobile-sheet-body.is-slider-active {
  overscroll-behavior: contain;
}


/* 4.0.41 unified custom color picker */
.ppcd-desktop-color-picker {
  position: relative;
  width: 100%;
}

.ppcd-desktop-color-input-native {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  inset: 0 auto auto 0;
}

.ppcd-desktop-color-trigger {
  width: 100%;
  min-block-size: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--ppcd-border-strong);
  background: #ffffff;
  color: var(--ppcd-text);
  cursor: pointer;
  transform: none !important;
  touch-action: manipulation;
}

.ppcd-desktop-color-trigger::after {
  content: '';
  margin-inline-start: auto;
  inline-size: 10px;
  block-size: 10px;
  border-inline-end: 2px solid rgba(17,24,39,0.6);
  border-block-end: 2px solid rgba(17,24,39,0.6);
  transform: rotate(45deg) translateY(-1px);
  pointer-events: none;
}

.ppcd-desktop-color-preview {
  inline-size: 28px;
  block-size: 28px;
  border-radius: 8px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  flex: 0 0 auto;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
}

.ppcd-desktop-color-value {
  display: none !important;
}

.ppcd-desktop-color-popover {
  position: absolute;
  z-index: 2000;
  inset-inline-start: 0;
  inset-block-start: calc(100% + 8px);
  width: min(280px, calc(100vw - 36px));
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.18);
  display: grid;
  gap: 12px;
}

.ppcd-desktop-color-sv,
.ppcd-desktop-color-hue,
.ppcd-desktop-color-popover {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  cursor: crosshair;
}

.ppcd-desktop-color-sv {
  block-size: 146px;
  border-radius: 12px;
  overflow: hidden;
  background: hsl(0 100% 50%);
}

.ppcd-desktop-color-sv::before,
.ppcd-desktop-color-sv::after {
  content: '';
  position: absolute;
  inset: 0;
}

.ppcd-desktop-color-sv::before {
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
}

.ppcd-desktop-color-sv::after {
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
}

.ppcd-desktop-color-hue {
  block-size: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.ppcd-desktop-color-thumb,
.ppcd-desktop-color-hue-thumb {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  inline-size: 16px;
  block-size: 16px;
  border-radius: 999px;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px rgba(17,24,39,0.32), 0 2px 6px rgba(17,24,39,0.18);
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: transparent;
}

.ppcd-desktop-color-hue-thumb {
  inline-size: 14px;
  block-size: 14px;
  background: #ffffff;
}

.ppcd-desktop-color-hex {
  width: 100%;
  min-inline-size: 0;
  min-block-size: 38px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--ppcd-border-strong);
  background: #ffffff;
  color: var(--ppcd-text);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 920px), (pointer: coarse) {
  .ppcd-desktop-color-popover {
    position: fixed;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    transform: translate(-50%, -50%);
    width: min(340px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 32px);
    overflow: auto;
    z-index: 99999;
  }

  .ppcd-desktop-color-sv {
    block-size: 180px;
  }

  .ppcd-desktop-color-hue {
    block-size: 18px;
  }
}
.ppcd-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ppcd-gap-3);
  padding: 16px 18px;
  margin-bottom: var(--ppcd-gap-3);
}

.ppcd-topbar-title {
  margin: 0;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.08;
  font-weight: 800;
  text-wrap: balance;
}

.ppcd-topbar-subtitle {
  margin: 8px 0 0;
  max-inline-size: 72ch;
  font-size: 14px;
  line-height: 1.45;
  color: var(--ppcd-muted);
}

.ppcd-shell {
  display: grid;
  gap: var(--ppcd-gap-3);
  align-items: start;
}

.ppcd-workspace,
.ppcd-stage-area,
.ppcd-panel {
  min-inline-size: 0;
}

.ppcd-workspace {
  display: grid;
  gap: var(--ppcd-gap-3);
  min-block-size: 0;
}

.ppcd-workbar {
  display: grid;
  gap: var(--ppcd-gap-2);
  padding: 14px;
}

.ppcd-workbar-actions,
.ppcd-mode-cluster {
  display: grid;
  gap: 8px;
}

.ppcd-stepper {
  align-items: center;
}

.ppcd-stepper-top {
  overflow-x: auto;
  flex-wrap: nowrap;
  scrollbar-width: none;
}

.ppcd-stepper-top::-webkit-scrollbar {
  display: none;
}

.ppcd-stepper-top .ppcd-stepper-btn {
  white-space: nowrap;
}

.ppcd-section,
.ppcd-stage-tools,
.ppcd-mobile-object-editor,
.ppcd-export-actions-inline,
.ppcd-order-form {
  padding: 14px;
}

.ppcd-section-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 800;
}

.ppcd-panel-head,
.ppcd-stage-toolbar,
.ppcd-stage-tools-head,
.ppcd-mobile-object-editor-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ppcd-gap-2);
}

.ppcd-panel-head {
  margin-bottom: 12px;
}

.ppcd-panel-head .ppcd-section-title {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.ppcd-panel-head-actions {
  flex: 0 1 auto;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.ppcd-stage-meta {
  display: grid;
  gap: 4px;
}

.ppcd-stage-size {
  font-size: 14px;
  font-weight: 700;
}

.ppcd-stage-zoom {
  justify-content: flex-end;
}

.ppcd-stage-zoom-indicator {
  min-inline-size: 78px;
}

.ppcd-bottom-dock {
  display: grid;
  gap: var(--ppcd-gap-3);
  margin-top: var(--ppcd-gap-3);
}

.ppcd-export-actions-inline {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ppcd-gap-2);
  align-items: center;
}

.ppcd-export-actions-inline .ppcd-btn {
  flex: 1 1 160px;
}

.ppcd-order-form-compact,
.ppcd-control-grid-base,
.ppcd-control-grid-background,
.ppcd-control-grid-background-extra,
.ppcd-inspector-block,
.ppcd-transform-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ppcd-submit-row {
  display: grid;
  gap: 8px;
}

.ppcd-mobile-advanced {
  border-top: 1px solid var(--ppcd-border);
  margin-top: 12px;
  padding-top: 12px;
}

.ppcd-mobile-advanced > summary {
  list-style: none;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  color: var(--ppcd-text);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ppcd-mobile-advanced > summary::after {
  content: '';
  inline-size: 14px;
  block-size: 14px;
  flex: 0 0 auto;
  background: center / 14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transition: transform .18s ease;
}

.ppcd-mobile-advanced[open] > summary::after {
  transform: rotate(180deg);
}

.ppcd-mobile-advanced > summary::-webkit-details-marker {
  display: none;
}

.ppcd-inline-text-editor {
  position: absolute;
  inset: auto auto 12px 12px;
  inline-size: min(340px, calc(100% - 24px));
  padding: 12px;
  display: grid;
  gap: 10px;
  border-radius: 16px;
  border: 1px solid rgba(17, 24, 39, .12);
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 16px 36px rgba(17, 24, 39, .16);
}

.ppcd-inline-text-head {
  font-size: 13px;
  font-weight: 800;
}

.ppcd-inline-text-editor textarea {
  min-block-size: 112px;
  padding: 12px;
  resize: vertical;
}

.ppcd-inline-text-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}


/* visibility overrides for dynamic panels */
.ppcd-shared-object-panel,
.ppcd-stage-tools-mobile-only {
  display: block;
}

.ppcd-base-subhead{grid-column:1 / -1;margin:2px 0 -2px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ppcd-muted);}
@media (max-width: 920px){.ppcd-base-subhead{margin-top:4px;margin-bottom:-2px;font-size:10px;}}

/* Lightweight, non-blocking SVG library previews. */
.ppcd-library-card-preview,
.ppcd-library-object-icon {
  position: relative;
}

.ppcd-library-preview-placeholder {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
  color: var(--ppcd-muted);
  opacity: .42;
  pointer-events: none;
}

.ppcd-library-preview-placeholder[hidden] {
  display: none !important;
}

.ppcd-library-object-icon-image {
  opacity: 0;
  visibility: hidden;
  transition: opacity .12s ease;
}

.ppcd-library-object-icon-image.is-loaded {
  opacity: 1;
  visibility: visible;
}

.ppcd-library-card-preview .ppcd-library-object-icon-image {
  inline-size: auto;
  block-size: auto;
  width: auto;
  height: auto;
  object-fit: contain;
}
@media (min-width: 921px) {
  .ppcd-designer {
    block-size: min(940px, calc(100dvh - 12px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    overflow: visible;
    padding: 12px;
  }

  .ppcd-topbar {
    margin-bottom: 0;
    padding: 8px 12px;
  }

  .ppcd-topbar-subtitle {
    display: none;
  }

  .ppcd-shell {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 348px);
    min-block-size: 0;
    align-items: stretch;
    gap: 10px;
  }

  .ppcd-workspace {
    min-block-size: 0;
  }

  .ppcd-stage-area {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 8px;
    min-block-size: 0;
    block-size: 100%;
    align-content: stretch;
  }

  .ppcd-control-strip {
    min-block-size: 0;
  }

  .ppcd-workbar {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 8px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
  }

  .ppcd-stepper-top,
  .ppcd-toolbar-group,
  .ppcd-mode-switch,
  .ppcd-workbar-actions,
  .ppcd-mode-cluster {
    flex-wrap: nowrap;
  }

  .ppcd-stepper-top {
    flex: 0 1 auto;
  }

  .ppcd-workbar-actions {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    min-inline-size: max-content;
  }

  .ppcd-stepper-top,
  .ppcd-toolbar-group,
  .ppcd-panel-head-actions,
  .ppcd-actions-row,
  .ppcd-stage-zoom,
  .ppcd-export-actions-inline {
    gap: 10px;
  }

  .ppcd-mode-cluster {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
  }

  .ppcd-workbar-label {
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    color: var(--ppcd-muted);
    white-space: nowrap;
  }

  .ppcd-stage-tools {
    padding: 8px 10px;
  }

  .ppcd-stage-tools-head {
    margin-bottom: 6px;
  }

  .ppcd-stage-tools .ppcd-section-title {
    font-size: 14px;
  }

  .ppcd-stage-tools .ppcd-object-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(60px, 76px);
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    scrollbar-width: thin;
  }

  .ppcd-stage-tools .ppcd-object-btn {
    min-block-size: 48px;
    padding: 6px 4px;
    gap: 4px;
    border-radius: 12px;
    font-size: 10px;
    line-height: 1.15;
  }

  .ppcd-stage-tools .ppcd-object-icon {
    inline-size: 18px;
    block-size: 18px;
  }

  .ppcd-stage-tools .ppcd-object-icon svg {
    inline-size: 16px;
    block-size: 16px;
  }

  .ppcd-preview-stack {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
    min-inline-size: 0;
    min-block-size: 0;
    block-size: 100%;
  }

  .ppcd-stage-toolbar {
    align-items: center;
  }

  .ppcd-stage-meta {
    min-inline-size: 0;
  }

  .ppcd-stage-meta .ppcd-note {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ppcd-stage-zoom {
    flex-wrap: nowrap;
  }

  .ppcd-stage-wrap {
    min-block-size: 0;
    block-size: 100%;
  }

  .ppcd-stage-footer-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 8px 10px;
    align-items: stretch;
  }

  .ppcd-stage-footer-actions .ppcd-btn {
    inline-size: 100%;
    min-inline-size: 0;
    flex: none;
  }

  .ppcd-panel-right {
    display: block;
    padding: 0;
    min-block-size: 0;
    block-size: 100%;
    max-block-size: 100%;
    overflow: hidden;
  }

  .ppcd-panel-right > .ppcd-section {
    margin: 0;
    block-size: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 12px;
  }

  .ppcd-panel-right > .ppcd-section.is-active-panel {
    display: block;
  }

  .ppcd-panel-right .ppcd-order-form,
  .ppcd-panel-right .ppcd-mobile-object-editor,
  .ppcd-panel-right .ppcd-inspector-block,
  .ppcd-panel-right .ppcd-control-grid,
  .ppcd-panel-right .ppcd-grid,
  .ppcd-panel-right .ppcd-actions-row {
    min-inline-size: 0;
  }

  .ppcd-panel-right .ppcd-order-form {
    padding: 0;
  }

  .ppcd-panel-right .ppcd-section-title {
    font-size: 15px;
  }

  .ppcd-panel-head {
    align-items: center;
  }

  .ppcd-panel-head-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .ppcd-section-base-actions {
    display: none !important;
  }
}

@media (min-width: 921px) and (max-width: 1280px) {
  .ppcd-shell {
    grid-template-columns: minmax(0, 1fr) minmax(290px, 330px);
  }

  .ppcd-workbar {
    gap: 8px;
    padding: 8px 10px;
  }

  .ppcd-workbar-actions {
    gap: 8px;
  }

  .ppcd-stage-tools,
  .ppcd-preview-stack,
  .ppcd-stage-footer-actions {
    padding-inline: 10px;
  }

  .ppcd-stage-tools .ppcd-object-grid {
    grid-auto-columns: minmax(58px, 72px);
  }
}


@media (min-width: 921px) {
  .ppcd-panel-right [data-role="text-fields"] > .ppcd-grid-2,
  .ppcd-panel-right .ppcd-transform-fields .ppcd-grid-2 {
    grid-template-columns: 1fr;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    align-items: start;
  }

  .ppcd-panel-right .ppcd-field-size {
    min-inline-size: 0;
  }

  .ppcd-panel-right .ppcd-number-wrap {
    grid-template-columns: 24px minmax(0, 1fr) 24px;
    gap: 3px;
  }

  .ppcd-panel-right .ppcd-number-step {
    inline-size: 24px;
    min-inline-size: 24px;
    min-block-size: 24px;
    padding: 0;
    border-radius: 8px;
    font-size: 14px;
  }

  .ppcd-panel-right .ppcd-number-wrap > input,
  .ppcd-panel-right .ppcd-field input[type="number"] {
    min-block-size: 28px;
    padding-inline: 2px;
    font-size: 14px;
  }
}

@media (min-width: 921px) {
  .ppcd-designer {
    block-size: min(920px, calc(100dvh - 8px));
    gap: 8px;
    padding: 10px;
  }

  .ppcd-topbar {
    padding: 6px 10px;
  }

  .ppcd-shell {
    grid-template-columns: minmax(0, 1fr) minmax(276px, 316px);
    gap: 8px;
  }

  .ppcd-panel,
  .ppcd-stage-tools,
  .ppcd-preview-stack,
  .ppcd-stage-footer-actions {
    padding-inline: 8px;
  }

  .ppcd-field-size > span {
    font-size: 10px;
    line-height: 1.1;
  }

  .ppcd-field-size .ppcd-number-wrap {
    grid-template-columns: 24px minmax(0, 1fr) 24px;
    gap: 3px;
  }

  .ppcd-field-size .ppcd-number-step {
    inline-size: 24px;
    min-inline-size: 24px;
    min-block-size: 24px;
    border-radius: 8px;
    font-size: 12px;
  }

  .ppcd-field-size .ppcd-number-wrap > input,
  .ppcd-field-size input[type="number"] {
    min-block-size: 28px;
    padding-inline: 1px;
    font-size: 14px !important;
  }

  .ppcd-inline-color-actions .ppcd-btn {
    flex: 1 1 auto;
  }
}

@media (min-width: 921px) {
  .ppcd-panel-right .ppcd-field-color {
    align-self: stretch;
  }

  .ppcd-panel-right .ppcd-color-control {
    margin-top: auto;
  }
}


@media (min-width: 921px) {
  .ppcd-panel-right [data-role="fill-stroke-fields"] {
    align-items: start;
  }

  .ppcd-panel-right .ppcd-field-color {
    align-self: start;
    justify-content: flex-start;
    align-content: start;
  }

  .ppcd-panel-right .ppcd-color-control {
    margin-top: 0;
    align-items: start;
  }

  .ppcd-panel-right .ppcd-inline-color-actions {
    margin-top: 6px;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: start;
  }

  .ppcd-panel-right .ppcd-field-size {
    min-inline-size: 0;
    align-self: start;
  }

  .ppcd-panel-right .ppcd-field-size > span {
    min-block-size: 28px;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.15;
  }

  .ppcd-panel-right .ppcd-field-size .ppcd-number-wrap {
    grid-template-columns: 28px minmax(58px, 1fr) 28px;
    gap: 4px;
    align-items: stretch;
  }

  .ppcd-panel-right .ppcd-field-size .ppcd-number-step {
    inline-size: 28px;
    min-inline-size: 28px;
    min-block-size: 30px;
    border-radius: 9px;
    font-size: 15px;
  }

  .ppcd-panel-right .ppcd-field-size .ppcd-number-wrap > input,
  .ppcd-panel-right .ppcd-field-size input[type="number"] {
    min-inline-size: 58px;
    min-block-size: 30px;
    padding: 6px 4px;
    font-size: 16px !important;
    line-height: 1.1 !important;
  }
}

@media (min-width: 921px) {
  .ppcd-designer {
    block-size: min(940px, calc(100dvh - 8px));
    gap: 8px;
    padding: 10px;
  }

  .ppcd-topbar {
    padding: 6px 10px 4px;
  }

  .ppcd-topbar-subtitle {
    display: block;
    margin-top: 4px;
    max-inline-size: 88ch;
    font-size: 12px;
    line-height: 1.35;
  }

  .ppcd-shell {
    grid-template-columns: minmax(0, 1fr) minmax(318px, 338px);
    gap: 10px;
    min-block-size: 0;
  }

  .ppcd-workspace,
  .ppcd-stage-area,
  .ppcd-preview-stack {
    min-block-size: 0;
  }

  .ppcd-stage-area {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    overflow: hidden;
  }

  .ppcd-preview-stack {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
  }

  .ppcd-stage-wrap {
    min-block-size: 300px;
    block-size: 100%;
    overflow: hidden;
    z-index: 0;
  }

  .ppcd-stage-footer-actions {
    position: relative;
    z-index: 2;
    padding-top: 6px;
  }

  .ppcd-panel-right > .ppcd-section {
    padding: 10px 12px;
  }

  .ppcd-panel-head {
    align-items: flex-start;
  }

  .ppcd-panel-head-actions {
    gap: 8px;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
  }

  .ppcd-panel-right .ppcd-number-wrap {
    grid-template-columns: 30px minmax(72px, 1fr) 30px;
    gap: 6px;
    min-inline-size: 0;
  }

  .ppcd-panel-right .ppcd-number-step {
    inline-size: 30px;
    min-inline-size: 30px;
    min-block-size: 34px;
    padding: 0;
    border-radius: 10px;
    font-size: 15px;
  }

  .ppcd-panel-right .ppcd-number-wrap > input,
  .ppcd-panel-right .ppcd-field input[type="number"] {
    min-inline-size: 72px;
    min-block-size: 34px;
    padding: 6px 8px;
    font-size: 18px !important;
    line-height: 1.1 !important;
    text-align: center;
  }

  .ppcd-panel-right .ppcd-field-size {
    min-inline-size: 0;
    align-self: start;
  }

  .ppcd-panel-right .ppcd-field-size > span {
    min-block-size: 28px;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.15;
  }

  .ppcd-panel-right [data-role="fill-stroke-fields"] {
    align-items: start;
  }

  .ppcd-panel-right [data-role="fill-field"],
  .ppcd-panel-right [data-role="stroke-field"],
  .ppcd-panel-right .ppcd-field-color {
    align-self: start;
    justify-content: flex-start;
    align-content: flex-start;
  }

  .ppcd-panel-right .ppcd-color-control {
    margin-top: 0;
    align-items: start;
  }

  .ppcd-panel-right .ppcd-inline-color-actions {
    margin-top: 8px;
    align-self: start;
  }
}


@media (min-width: 921px) {
  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: start;
  }

  .ppcd-panel-right .ppcd-field-size {
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow: visible;
  }

  .ppcd-panel-right .ppcd-field-size .ppcd-number-wrap {
    width: 100%;
    max-width: 100%;
    min-inline-size: 0;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) 26px !important;
    gap: 3px !important;
    align-items: stretch;
  }

  .ppcd-panel-right .ppcd-field-size .ppcd-number-step {
    inline-size: 26px;
    min-inline-size: 26px;
    min-block-size: 34px;
    padding: 0;
    border-radius: 9px;
    font-size: 14px;
    line-height: 1;
  }

  .ppcd-panel-right .ppcd-field-size .ppcd-number-wrap > input,
  .ppcd-panel-right .ppcd-field-size input[type="number"] {
    width: 100%;
    max-width: 100%;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    padding: 6px 4px;
    min-block-size: 34px;
    font-size: 15px !important;
    line-height: 1.05 !important;
    text-align: center;
    font-variant-numeric: tabular-nums;
  }

  .ppcd-panel-right [data-role="fill-stroke-fields"] {
    align-items: start;
  }

  .ppcd-panel-right [data-role="fill-field"],
  .ppcd-panel-right [data-role="stroke-field"],
  .ppcd-panel-right .ppcd-field-color {
    align-self: start;
  }
}

/* Production hotfixes: stable desktop inspector layout */
@media (min-width: 921px) {
  .ppcd-panel-right .ppcd-inspector-size-block {
    width: 100%;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100%;
    align-items: start !important;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    align-self: start;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size > span {
    min-block-size: 28px;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.15;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size .ppcd-number-wrap {
    display: flex !important;
    align-items: stretch;
    gap: 4px !important;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size .ppcd-number-step {
    flex: 0 0 28px;
    width: 28px;
    min-width: 28px;
    min-height: 34px;
    padding: 0;
    border-radius: 9px;
    font-size: 14px;
    line-height: 1;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size .ppcd-number-wrap > input,
  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size input[type="number"] {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 64px !important;
    max-width: 100%;
    min-inline-size: 64px !important;
    padding: 6px 8px !important;
    min-block-size: 34px;
    font-size: 15px !important;
    line-height: 1.1 !important;
    text-align: center;
    font-variant-numeric: tabular-nums;
    overflow: hidden;
  }

  .ppcd-panel-right [data-role="fill-stroke-fields"] {
    align-items: start !important;
  }

  .ppcd-panel-right [data-role="fill-field"],
  .ppcd-panel-right [data-role="stroke-field"],
  .ppcd-panel-right .ppcd-field-color {
    align-self: start !important;
    justify-content: flex-start;
    align-content: flex-start;
  }

  .ppcd-panel-right .ppcd-color-control {
    margin-top: 0 !important;
    align-items: start !important;
  }

  .ppcd-panel-right .ppcd-inline-color-actions {
    margin-top: 8px;
    align-self: start;
  }
}

/* 4.0.18 production hotfix: stable inspector size controls */
@media (min-width: 921px) {
  .ppcd-topbar-subtitle {
    display: block;
  }

  .ppcd-panel-right .ppcd-inspector-size-block,
  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-grid,
  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-grid-2 {
    width: 100%;
    min-width: 0;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-grid-2 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size {
    flex: 1 1 0;
    width: calc(50% - 5px);
    min-width: 0;
    max-width: calc(50% - 5px);
    display: flex;
    flex-direction: column;
    align-self: flex-start;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size > span {
    min-height: 30px;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1.15;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size .ppcd-number-wrap {
    display: flex !important;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    gap: 4px !important;
    overflow: visible;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size .ppcd-number-step {
    flex: 0 0 28px;
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    min-height: 34px;
    padding: 0;
    border-radius: 9px;
    font-size: 14px;
    line-height: 1;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size .ppcd-number-wrap > input,
  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size input[type="number"] {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    max-width: 100%;
    padding: 6px 6px !important;
    min-height: 34px;
    font-size: 15px !important;
    line-height: 1.1 !important;
    text-align: center;
    font-variant-numeric: tabular-nums;
    overflow: hidden;
  }

  .ppcd-panel-right [data-role="fill-stroke-fields"] {
    align-items: flex-start !important;
  }

  .ppcd-panel-right [data-role="fill-field"],
  .ppcd-panel-right [data-role="stroke-field"],
  .ppcd-panel-right .ppcd-field-color {
    align-self: flex-start !important;
  }

  .ppcd-panel-right .ppcd-color-control {
    align-items: flex-start !important;
    margin-top: 0 !important;
  }
}


/* 4.0.19 production fix: stacked desktop size controls, full-width numeric row */
@media (min-width: 921px) {
  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-grid-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: start !important;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-self: start !important;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size > span {
    min-height: 18px;
    margin-bottom: 6px;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size .ppcd-number-wrap {
    display: grid !important;
    grid-template-columns: 34px minmax(120px, 1fr) 34px !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: stretch !important;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size .ppcd-number-step {
    inline-size: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    padding: 0 !important;
  }

  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size .ppcd-number-wrap > input,
  .ppcd-panel-right .ppcd-inspector-size-block .ppcd-field-size input[type="number"] {
    width: 100% !important;
    min-width: 120px !important;
    min-inline-size: 120px !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    text-align: center !important;
    overflow: hidden !important;
  }
}

/* ===== Atelier Chevron Designer Lab: desktop layout refresh ===== */
@media (min-width: 921px) {
  .ppcd-designer {
    padding: 20px;
  }

  .ppcd-topbar-minimal {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    margin-bottom: 18px;
  }

  .ppcd-topbar-minimal .ppcd-topbar-title {
    margin: 0;
    font-size: 26px;
    line-height: 1.1;
  }

  .ppcd-topbar-minimal .ppcd-topbar-subtitle {
    max-width: 760px;
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--ppcd-muted);
  }

  .ppcd-topbar-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }

  .ppcd-shell {
    display: grid;
    grid-template-columns: 212px 360px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
    min-height: 760px;
  }

  .ppcd-panel-left {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px;
    background: var(--ppcd-surface);
    border: 1px solid var(--ppcd-border);
    border-radius: 22px;
    box-shadow: var(--ppcd-shadow-sm);
  }

  .ppcd-sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .ppcd-panel-left .ppcd-stepper-btn {
    width: 100%;
    justify-content: flex-start;
    min-height: 46px;
    padding: 12px 14px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    background: transparent;
    box-shadow: none;
  }

  .ppcd-panel-left .ppcd-stepper-btn.is-active,
  .ppcd-panel-left .ppcd-stepper-btn[aria-current="step"] {
    background: rgba(17, 24, 39, 0.92);
    border-color: rgba(17, 24, 39, 0.92);
    color: #fff;
  }

  .ppcd-sidebar-footer {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--ppcd-border);
  }

  .ppcd-panel-center,
  .ppcd-stage-area {
    min-height: 760px;
  }

  .ppcd-panel-center {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    overflow: auto;
  }

  .ppcd-panel-center .ppcd-section {
    padding: 18px;
  }

  .ppcd-panel-head-compact {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
  }

  .ppcd-panel-head-compact .ppcd-section-title {
    margin: 0;
    font-size: 19px;
    line-height: 1.15;
  }

  .ppcd-panel-head-compact .ppcd-note {
    margin-top: 6px;
  }

  .ppcd-subsection {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
  }

  .ppcd-subsection-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
  }

  .ppcd-section-card {
    border: 1px dashed rgba(15, 23, 42, 0.14);
    border-radius: 18px;
    background: rgba(248, 250, 252, 0.75);
    min-height: 180px;
    padding: 14px;
  }

  .ppcd-section-card-muted {
    background: #f8fafc;
  }

  .ppcd-shared-object-panel {
    margin-top: 12px;
  }

  .ppcd-stage-area {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    background: var(--ppcd-surface);
    border: 1px solid var(--ppcd-border);
    border-radius: 24px;
    box-shadow: var(--ppcd-shadow-sm);
  }

  .ppcd-preview-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    box-shadow: none;
    border: 0;
    background: transparent;
  }

  .ppcd-stage-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0;
  }

  .ppcd-stage-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 520px;
    padding: 28px;
    background:
      linear-gradient(0deg, rgba(15, 23, 42, 0.02), rgba(15, 23, 42, 0.02)),
      radial-gradient(circle at top left, rgba(255,255,255,0.95), rgba(243,244,247,0.86));
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
  }

  .ppcd-stage-footer-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 2px;
  }

  .ppcd-library-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .ppcd-library-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
  }

  .ppcd-library-card-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 118px;
    padding: 14px;
    background: #f8fafc;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    color: #111827;
  }

  .ppcd-library-card-preview > * {
    max-width: 84px;
    max-height: 84px;
  }

  .ppcd-library-card-preview svg {
    width: auto;
    height: auto;
    max-width: 84px;
    max-height: 84px;
    display: block;
    flex: 0 0 auto;
  }

  .ppcd-library-inline {
    margin-top: 10px;
  }

  .ppcd-library-card-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }

  .ppcd-library-card-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
  }

  .ppcd-library-card-meta,
  .ppcd-library-empty {
    font-size: 13px;
    line-height: 1.45;
    color: var(--ppcd-muted);
  }

  .ppcd-library-empty {
    padding: 14px 0;
  }

  .ppcd-library-card-action {
    width: 100%;
    justify-content: center;
  }

  .ppcd-layer-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .ppcd-layer-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #fff;
  }

  .ppcd-layer-item.is-active {
    border-color: rgba(17, 24, 39, 0.18);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  }

  .ppcd-layer-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
  }

  .ppcd-layer-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--ppcd-text);
  }

  .ppcd-layer-type {
    font-size: 12px;
    color: var(--ppcd-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .ppcd-layer-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ppcd-layer-control {
    min-height: 34px;
    padding: 8px 12px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 12px;
    background: #f8fafc;
    font-size: 12px;
    font-weight: 600;
  }

  .ppcd-layer-control.is-danger {
    color: #b42318;
  }

  .ppcd-empty-selection-compact {
    min-height: auto;
    padding: 14px;
    box-shadow: none;
    border-style: dashed;
  }

  .ppcd-order-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ppcd-submit-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .ppcd-color-control {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .ppcd-stage-tools-mobile-only {
    display: none !important;
  }
}

@media (min-width: 921px) {
  .ppcd-panel-right .ppcd-control-grid,
  .ppcd-panel-right .ppcd-grid,
  .ppcd-panel-right .ppcd-inspector-block,
  .ppcd-panel-right .ppcd-order-form,
  .ppcd-panel-right .ppcd-library-grid,
  .ppcd-panel-right .ppcd-layer-list {
    gap: 12px;
  }

  .ppcd-panel-right .ppcd-control-grid-base {
    grid-template-columns: 1fr;
  }

  .ppcd-panel-right .ppcd-control-grid-base .ppcd-field-span-2,
  .ppcd-panel-right [data-role="fill-stroke-fields"] .ppcd-field-span-2 {
    grid-column: auto;
  }

  .ppcd-panel-right [data-role="fill-stroke-fields"] {
    grid-template-columns: 1fr;
  }

  .ppcd-panel-right .ppcd-inspector-size-block {
    margin-top: 6px;
  }

  .ppcd-panel-head-actions-compact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 2px 0 10px;
  }

  .ppcd-panel-head-actions-compact .ppcd-btn {
    min-height: 34px;
    padding: 6px 10px;
    font-size: 12px;
    justify-content: center;
  }

  .ppcd-selection-mismatch {
    display: grid;
    gap: 10px;
    align-items: start;
  }

  .ppcd-selection-mismatch .ppcd-btn {
    justify-self: start;
  }

  .ppcd-library-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
  }

  .ppcd-library-filter-btn {
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 999px;
    background: #fff;
    color: var(--ppcd-text);
    font-size: 12px;
    font-weight: 600;
  }

  .ppcd-library-filter-btn.is-active {
    border-color: rgba(17, 24, 39, 0.18);
    background: #111827;
    color: #fff;
  }

  .ppcd-order-form {
    padding: 5px;
    gap: 10px;
  }

  .ppcd-order-form .ppcd-field,
  .ppcd-order-form .ppcd-note,
  .ppcd-order-form .ppcd-submit-row {
    margin: 0;
  }

  .ppcd-panel-right .ppcd-section > * + .ppcd-subsection,
  .ppcd-panel-right .ppcd-section > .ppcd-library-filter + .ppcd-library-grid,
  .ppcd-panel-right .ppcd-section > .ppcd-section-card,
  .ppcd-panel-right .ppcd-section > .ppcd-empty-selection,
  .ppcd-panel-right .ppcd-section > .ppcd-order-form,
  .ppcd-panel-right .ppcd-section > .ppcd-export-actions-inline,
  .ppcd-panel-right .ppcd-section > [data-role="inspector"] {
    margin-top: 10px;
  }
}

@media (min-width: 921px) {
  .ppcd-order-form,
  .ppcd-panel-right .ppcd-order-form {
    padding: 5px !important;
    box-sizing: border-box;
  }

  .ppcd-panel-head-actions-compact {
    grid-template-columns: max-content max-content;
    justify-content: start;
    gap: 8px;
  }

  .ppcd-panel-head-actions-compact .ppcd-btn {
    min-inline-size: 98px;
  }

  .ppcd-panel-head-actions-compact .ppcd-btn-duplicate {
    min-inline-size: 126px;
  }

  .ppcd-figure-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .ppcd-figure-grid .ppcd-object-btn {
    min-height: 78px;
  }

  .ppcd-panel-right .ppcd-section > * + * {
    margin-top: 10px;
  }

  .ppcd-panel-right .ppcd-section > .ppcd-panel-head + .ppcd-panel-head-actions {
    margin-top: 6px;
  }

  .ppcd-panel-right .ppcd-section > .ppcd-panel-head + .ppcd-empty-selection,
  .ppcd-panel-right .ppcd-section > .ppcd-panel-head + [data-role="selection-mismatch"],
  .ppcd-panel-right .ppcd-section > .ppcd-panel-head + [data-role="inspector"] {
    margin-top: 10px;
  }

  .ppcd-panel-right [data-role="fill-stroke-fields"] {
    gap: 10px;
  }

  .ppcd-library-grid,
  .ppcd-layer-list,
  .ppcd-object-grid,
  .ppcd-export-actions,
  .ppcd-order-form,
  .ppcd-grid,
  .ppcd-control-grid {
    gap: 10px;
  }

  .ppcd-library-filter {
    margin-bottom: 8px;
  }

  .ppcd-selection-mismatch {
    padding: 14px;
  }
}


@media (min-width: 921px) {
  .ppcd-library-grid-object-buttons {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ppcd-gap-2);
  }

  .ppcd-library-object-btn {
    min-block-size: 78px;
    padding: 10px 8px;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
  }

  .ppcd-library-object-icon {
    inline-size: 24px;
    block-size: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .ppcd-library-object-icon svg {
    inline-size: 24px;
    block-size: 24px;
    max-inline-size: 24px;
    max-block-size: 24px;
    width: 24px;
    height: 24px;
    overflow: visible;
  }

  .ppcd-panel-right .ppcd-library-filter + .ppcd-library-grid-object-buttons {
    margin-top: 10px;
  }
}


@media (min-width: 921px) {
  .ppcd-panel-right .ppcd-control-grid-background > .ppcd-background-type-field,
  .ppcd-panel-right .ppcd-control-grid-background > [data-role="background-solid-fields"] {
    grid-column: 1 / -1;
  }

  .ppcd-panel-right .ppcd-control-grid-background > [data-role="background-solid-fields"] {
    grid-template-columns: 1fr;
  }

  .ppcd-library-grid-object-buttons.ppcd-figure-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ppcd-library-object-btn {
    min-block-size: 78px;
    padding: 10px 8px;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
  }

  .ppcd-library-object-icon,
  .ppcd-library-object-btn .ppcd-object-icon {
    inline-size: 24px;
    block-size: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .ppcd-library-object-icon svg,
  .ppcd-library-object-btn .ppcd-object-icon svg {
    inline-size: 24px;
    block-size: 24px;
    width: 24px;
    height: 24px;
    max-inline-size: 24px;
    max-block-size: 24px;
    overflow: visible;
  }
}

.ppcd-library-object-icon-image {
  inline-size: 24px;
  block-size: 24px;
  width: 24px;
  height: 24px;
  max-inline-size: 24px;
  max-block-size: 24px;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
}


/* ===== Safe visual pass (desktop hygiene only) ===== */
.ppcd-designer .ppcd-aux-controls,
.ppcd-designer [data-role^="desktop-host-"]:empty,
.ppcd-designer .ppcd-section-card:empty {
  display: none !important;
}


/* ===== 4.0.66 desktop containment and base-panel cleanup ===== */
@media (min-width: 921px) {
  .ppcd-designer {
    max-inline-size: 100%;
    overflow-x: hidden;
  }

  .ppcd-shell {
    grid-template-columns: minmax(180px, 212px) minmax(300px, 360px) minmax(0, 1fr);
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow: hidden;
  }

  .ppcd-panel-left,
  .ppcd-panel-center,
  .ppcd-stage-area,
  .ppcd-preview-stack,
  .ppcd-stage-wrap,
  .ppcd-stage-footer-actions {
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .ppcd-panel-center,
  .ppcd-stage-area,
  .ppcd-preview-stack {
    overflow-x: hidden;
  }

  .ppcd-stage-wrap {
    inline-size: 100%;
    max-inline-size: 100%;
    padding: 22px;
    box-sizing: border-box;
  }

  .ppcd-stage-footer-actions {
    inline-size: 100%;
    max-inline-size: 100%;
    justify-content: stretch;
    padding-inline: 0;
    box-sizing: border-box;
  }

  .ppcd-stage-footer-actions .ppcd-btn {
    inline-size: 100%;
    max-inline-size: 100%;
    justify-content: center;
  }

  .ppcd-section[data-panel-group="base"] .ppcd-library-inline {
    display: none !important;
  }
}


/* ===== 4.0.67 desktop compact viewport pass ===== */
@media (min-width: 921px) {
  .ppcd-designer {
    block-size: min(900px, calc(100dvh - 18px));
    padding: 8px;
    gap: 6px;
  }

  .ppcd-topbar {
    padding: 4px 8px 2px;
  }

  .ppcd-topbar-minimal .ppcd-topbar-subtitle {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.4;
  }

  .ppcd-shell {
    grid-template-columns: minmax(176px, 200px) minmax(286px, 336px) minmax(0, 1fr);
    gap: 14px;
    min-height: 708px;
  }

  .ppcd-panel-left,
  .ppcd-panel-center,
  .ppcd-stage-area {
    min-height: 708px;
  }

  .ppcd-panel-left {
    gap: 14px;
    padding: 14px;
    border-radius: 20px;
  }

  .ppcd-sidebar-nav {
    gap: 7px;
  }

  .ppcd-panel-left .ppcd-stepper-btn {
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 13px;
    font-size: 14px;
  }

  .ppcd-sidebar-footer {
    padding-top: 10px;
  }

  .ppcd-panel-center {
    gap: 10px;
    padding: 12px;
  }

  .ppcd-panel-center .ppcd-section {
    padding: 14px;
  }

  .ppcd-panel-head-compact {
    margin-bottom: 12px;
  }

  .ppcd-panel-head-compact .ppcd-section-title {
    font-size: 18px;
  }

  .ppcd-subsection {
    margin-top: 14px;
    padding-top: 14px;
  }

  .ppcd-stage-area {
    gap: 10px;
    padding: 14px;
    border-radius: 22px;
  }

  .ppcd-preview-stack {
    gap: 10px;
  }

  .ppcd-stage-toolbar {
    gap: 10px;
  }

  .ppcd-stage-wrap {
    min-height: 460px;
    padding: 18px;
    border-radius: 20px;
  }

  .ppcd-stage-footer-actions {
    padding-top: 0;
    margin-top: auto;
  }

  .ppcd-stage-footer-actions .ppcd-btn {
    min-height: 40px;
    padding-block: 10px;
  }
}

/* ===== 4.0.68 desktop compact + library fidelity pass ===== */
@media (min-width: 921px) {
  .ppcd-designer {
    block-size: min(860px, calc(100dvh - 12px));
    padding: 8px;
    gap: 6px;
  }

  .ppcd-topbar {
    padding: 4px 8px 2px;
  }

  .ppcd-shell {
    min-height: 656px;
    gap: 12px;
    grid-template-columns: minmax(172px, 196px) minmax(282px, 330px) minmax(0, 1fr);
  }

  .ppcd-panel-left,
  .ppcd-panel-center,
  .ppcd-stage-area {
    min-height: 656px;
  }

  .ppcd-panel-left {
    padding: 12px;
    gap: 12px;
  }

  .ppcd-sidebar-nav {
    gap: 6px;
  }

  .ppcd-panel-left .ppcd-stepper-btn {
    min-height: 40px;
    padding: 9px 12px;
    font-size: 14px;
  }

  .ppcd-sidebar-footer {
    padding-top: 8px;
  }

  .ppcd-panel-center {
    padding: 10px;
    gap: 8px;
  }

  .ppcd-panel-center .ppcd-section {
    padding: 12px;
  }

  .ppcd-panel-head-compact {
    margin-bottom: 10px;
  }

  .ppcd-panel-head-compact .ppcd-section-title {
    font-size: 17px;
  }

  .ppcd-panel-head-compact .ppcd-note,
  .ppcd-note,
  .ppcd-sidebar-footer .ppcd-note {
    font-size: 12px;
    line-height: 1.35;
  }

  .ppcd-stage-area {
    padding: 12px;
    gap: 8px;
  }

  .ppcd-preview-stack {
    gap: 8px;
  }

  .ppcd-stage-wrap {
    min-height: 388px;
    padding: 16px;
    border-radius: 18px;
  }

  .ppcd-stage-footer-actions {
    gap: 6px;
    padding-top: 0;
  }

  .ppcd-stage-footer-actions .ppcd-btn {
    min-height: 38px;
    padding-block: 9px;
  }

  .ppcd-library-card-preview {
    min-height: 96px;
    padding: 12px;
  }

  .ppcd-library-card-preview > * {
    max-width: 78px;
    max-height: 78px;
  }

  .ppcd-library-card-preview svg,
  .ppcd-library-card-preview img {
    max-width: 78px;
    max-height: 78px;
  }

  .ppcd-library-card-body {
    gap: 6px;
    padding: 10px;
  }

  .ppcd-library-card-title {
    font-size: 13px;
    line-height: 1.3;
  }

  .ppcd-library-card-meta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    inline-size: fit-content;
    max-inline-size: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ppcd-primary);
    font-size: 12px;
    line-height: 1.25;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .ppcd-library-card-meta-btn:hover,
  .ppcd-library-card-meta-btn:focus-visible {
    color: #a51318;
    outline: none;
  }


  /* ===== 4.1.2 clipart preview sizing pass ===== */
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 112px;
    padding: 12px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > * {
    max-width: 92px;
    max-height: 92px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview img {
    max-width: 92px;
    max-height: 92px;
  }

}


/* ===== 4.1.2 public-ready final pass: larger clipart previews ===== */
@media (min-width: 921px) {
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 118px;
    padding: 12px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview img {
    max-width: 100px;
    max-height: 100px;
  }
}

/* ===== v7 clipart preview sizing pass ===== */
@media (min-width: 921px) {
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 122px;
    padding: 12px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview img {
    max-width: 106px;
    max-height: 106px;
  }
}


/* ===== v8 larger desktop clipart preview ===== */
@media (min-width: 921px) {
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 136px;
    padding: 12px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview img {
    width: auto;
    height: auto;
    max-width: min(100%, 128px);
    max-height: 128px;
  }
}


/* ===== v12 layer controls + clipart spacing polish ===== */
@media (min-width: 921px) {
  .ppcd-designer .ppcd-layer-main {
    padding: 10px 12px;
    border: 1px solid rgba(220, 38, 38, 0.52);
    border-radius: 12px;
    background: #fff;
  }

  .ppcd-designer .ppcd-layer-item.is-active .ppcd-layer-main {
    background: rgba(220, 38, 38, 0.04);
  }

  .ppcd-designer .ppcd-layer-controls {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .ppcd-designer .ppcd-layer-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 8px;
    font-size: 10.5px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 11px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta-btn {
    margin-top: 2px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-action {
    margin-top: 4px;
  }
}


/* ===== v13 desktop layer button no-wrap polish ===== */
@media (min-width: 921px) {
  .ppcd-designer .ppcd-layer-control {
    font-size: 10px;
    letter-spacing: -0.01em;
    white-space: nowrap;
  }
}


/* ===== clipart search toolbar ===== */
.ppcd-designer .ppcd-library-toolbar[data-library-toolbar="clipart"] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
}

.ppcd-designer .ppcd-library-search {
  display: flex;
  align-items: center;
}

.ppcd-designer .ppcd-library-search-input {
  width: 100%;
  min-width: 0;
  height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(168, 34, 34, 0.18);
  background: #fff;
  padding: 0 12px;
  font: inherit;
  color: #221f20;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}

.ppcd-designer .ppcd-library-search-input::placeholder {
  color: #7b6b6d;
}

.ppcd-designer .ppcd-library-search-input:focus {
  outline: none;
  border-color: rgba(168, 34, 34, 0.42);
  box-shadow: 0 0 0 3px rgba(168, 34, 34, 0.12);
}
@media (max-width: 920px) {
  .ppcd-designer {
    border-radius: 18px;
    padding: 8px;
    min-block-size: auto;
  }

  .ppcd-topbar {
    position: static;
    z-index: auto;
    padding: 8px 10px;
    border-radius: 16px;
  }

  .ppcd-topbar-title {
    font-size: clamp(14px, 4.2vw, 18px);
    line-height: 1.12;
  }

  .ppcd-topbar-subtitle {
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.3;
  }

  .ppcd-shell {
    grid-template-columns: 1fr;
  }

  .ppcd-stage-area {
    display: grid;
    gap: var(--ppcd-gap-2);
  }

  .ppcd-preview-stack {
    padding: 8px;
  }

  .ppcd-stage-toolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }

  .ppcd-stage-meta .ppcd-note {
    display: none;
  }

  .ppcd-stage-zoom {
    justify-content: flex-start;
  }

  .ppcd-control-strip,
  .ppcd-panel-right,
  .ppcd-bottom-dock {
    display: grid;
    gap: var(--ppcd-gap-2);
  }

  .ppcd-control-grid-base,
  .ppcd-control-grid-background,
  .ppcd-control-grid-background-extra,
  .ppcd-order-form-compact,
  .ppcd-inspector-block,
  .ppcd-transform-fields,
  .ppcd-grid-2 {
    grid-template-columns: 1fr;
  }

  .ppcd-section,
  .ppcd-stage-tools,
  .ppcd-mobile-object-editor,
  .ppcd-export-actions-inline,
  .ppcd-order-form {
    padding: 10px;
  }

  .ppcd-field > span,
  .ppcd-field strong,
  .ppcd-workbar-label,
  .ppcd-mobile-object-editor-note,
  .ppcd-note,
  .ppcd-mini-title,
  .ppcd-curve-scale strong {
    font-size: 11px;
  }

  .ppcd-field input,
  .ppcd-field select,
  .ppcd-field textarea {
    min-block-size: 38px;
    padding: 8px 10px;
    font-size: 13px;
  }

  .ppcd-field textarea {
    min-block-size: 72px;
  }

  .ppcd-field-color {
    padding: 8px;
  }

  .ppcd-field-span-2 {
    grid-column: auto;
  }

  .ppcd-stage-tools-head,
  .ppcd-mobile-object-editor-head {
    flex-direction: row;
    align-items: center;
  }

  .ppcd-panel-head {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 8px;
  }

  .ppcd-panel-head-actions,
  .ppcd-layer-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    inline-size: 100%;
  }

  .ppcd-panel-head-actions .ppcd-btn,
  .ppcd-layer-actions .ppcd-btn,
  .ppcd-export-actions-inline .ppcd-btn {
    inline-size: 100%;
    min-block-size: 34px;
    padding: 6px 8px;
    font-size: 11px;
  }

  .ppcd-object-grid,
  .ppcd-stage-tools .ppcd-object-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .ppcd-object-btn {
    min-block-size: 58px;
    padding: 6px 4px;
    gap: 4px;
    font-size: 10px;
    line-height: 1.1;
  }

  .ppcd-stage-wrap {
    min-block-size: clamp(250px, 35vh, 340px);
  }

  .ppcd-mobile-sheet {
    position: relative;
    inset-inline: auto;
    inset-block-start: auto;
    inset-block-end: auto;
    bottom: auto;
    z-index: 3;
    padding: 0 2px 2px;
    margin-top: 6px;
  }

  .ppcd-mobile-sheet-frame {
    border-radius: 18px;
    padding-bottom: max(8px, env(safe-area-inset-bottom));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    max-block-size: min(38dvh, 320px);
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(17, 24, 39, .10);
  }

  .ppcd-mobile-sheet-head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 6px;
    padding: 6px 8px 5px;
    border-bottom: 1px solid var(--ppcd-border);
  }

  .ppcd-mobile-sheet-grabber {
    inline-size: 38px;
    block-size: 30px;
    padding: 0;
    border-radius: 999px;
    background: #f6f7fb;
  }

  .ppcd-mobile-sheet-grabber-bar {
    display: block;
    inline-size: 18px;
    block-size: 3px;
    border-radius: 999px;
    background: var(--ppcd-muted);
  }

  .ppcd-mobile-sheet-title {
    font-size: 12px;
    font-weight: 800;
    text-align: center;
  }

  .ppcd-mobile-sheet-mode {
    display: flex;
    gap: 6px;
  }

  .ppcd-mobile-sheet-mode .ppcd-mode-btn {
    min-block-size: 28px;
    padding: 5px 8px;
    font-size: 12px;
  }

  .ppcd-mobile-sheet-body {
    overflow-y: auto;
    padding: 8px;
    display: grid;
    gap: 8px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  .ppcd-mobile-sheet-panel,
  .ppcd-mobile-sheet-host {
    display: grid;
    gap: 8px;
  }

  .ppcd-mobile-bottom-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 6px 8px 0;
    border-top: 1px solid var(--ppcd-border);
    background: var(--ppcd-surface);
  }

  .ppcd-mobile-bottom-btn {
    min-block-size: 48px;
    padding: 6px 4px;
    flex-direction: column;
    border-radius: 14px;
    gap: 4px;
    font-size: 10px;
    font-weight: 800;
  }

  .ppcd-mobile-bottom-btn-icon {
    inline-size: 18px;
    block-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .ppcd-mobile-bottom-btn-label {
    line-height: 1.1;
  }

  .ppcd-designer.is-mobile-sheet-mode .ppcd-control-strip,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-panel-right,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-bottom-dock,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-workbar-actions,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stepper-top {
    display: none !important;
  }

  .ppcd-designer.is-mobile-sheet-mode .ppcd-preview-stack {
    position: sticky;
    inset-block-start: 8px;
    z-index: 2;
    margin-bottom: 0;
  }

  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    min-block-size: clamp(250px, 34vh, 320px);
  }

  .ppcd-designer.is-mobile-sheet-collapsed .ppcd-mobile-sheet-frame {
    max-block-size: 72px;
  }

  .ppcd-designer.is-mobile-sheet-collapsed .ppcd-mobile-sheet-body {
    display: none;
  }
}

@media (max-width: 560px) {
  .ppcd-designer {
    padding: 8px;
  }

  .ppcd-topbar {
    padding: 8px 10px;
  }

  .ppcd-topbar-title {
    font-size: 14px;
  }

  .ppcd-topbar-subtitle {
    display: none;
  }

  .ppcd-stage-wrap {
    min-block-size: clamp(280px, 40vh, 380px);
  }

  .ppcd-object-grid,
  .ppcd-stage-tools .ppcd-object-grid {
    gap: 8px;
  }

  .ppcd-object-btn,
  .ppcd-mobile-bottom-btn {
    font-size: 10px;
  }
}

@media (max-width: 920px) {
  .ppcd-number-wrap {
    grid-template-columns: 36px minmax(88px, 1fr) 36px;
    gap: 6px;
  }

  .ppcd-number-step {
    inline-size: 36px;
    min-inline-size: 36px;
    min-block-size: 36px;
  }

  .ppcd-panel-right .ppcd-section-title,
  .ppcd-mobile-object-editor .ppcd-section-title {
    font-size: 14px;
  }
}

@media (max-width: 920px) {
  .ppcd-curve-scale {
    gap: 8px;
  }

  .ppcd-curve-scale > span,
  .ppcd-curve-scale > strong {
    font-size: 11px;
    line-height: 1.2;
  }
}

.ppcd-number-wrap > input,
.ppcd-field input[type="number"] {
  font-size: 17px;
}

@media (max-width: 920px) {
  .ppcd-inline-color-actions .ppcd-btn {
    flex: 1 1 100%;
  }

  .ppcd-field-size .ppcd-number-wrap {
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    gap: 4px;
  }
}


@media (max-width: 920px) {
  .ppcd-mobile-object-editor,
  .ppcd-panel-right,
  .ppcd-control-strip {
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }

  .ppcd-mobile-sheet-body button,
  .ppcd-mobile-sheet-body summary,
  .ppcd-mobile-object-editor button,
  .ppcd-mobile-object-editor summary,
  .ppcd-panel-right button,
  .ppcd-panel-right summary,
  .ppcd-control-strip button,
  .ppcd-control-strip summary {
    touch-action: manipulation;
  }

  .ppcd-mobile-sheet-body input[type="range"],
  .ppcd-mobile-object-editor input[type="range"],
  .ppcd-panel-right input[type="range"] {
    touch-action: pan-y;
  }
}

/* ===== Atelier Chevron Designer Lab: mobile adjustments ===== */
@media (max-width: 920px) {
  .ppcd-designer {
    padding: 12px;
  }

  .ppcd-topbar-minimal {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    margin-bottom: 12px;
  }

  .ppcd-topbar-minimal .ppcd-topbar-title {
    margin: 0;
    font-size: 22px;
  }

  .ppcd-topbar-minimal .ppcd-topbar-subtitle {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--ppcd-muted);
  }

  .ppcd-topbar-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .ppcd-shell {
    display: block;
  }

  .ppcd-panel-left {
    display: none;
  }

  .ppcd-panel-center {
    display: none;
  }

  .ppcd-stage-area {
    padding: 12px;
  }

  .ppcd-preview-stack {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
  }

  .ppcd-stage-wrap {
    min-height: 360px;
    padding: 14px;
    border-radius: 18px;
  }

  .ppcd-stage-toolbar {
    gap: 10px;
  }

  .ppcd-stage-meta .ppcd-note {
    display: none;
  }

  .ppcd-stage-footer-actions {
    justify-content: stretch;
  }

  .ppcd-stage-footer-actions .ppcd-btn {
    width: 100%;
  }

  .ppcd-stage-tools-mobile-only {
    display: block !important;
  }

  .ppcd-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .ppcd-library-card-preview {
    min-height: 92px;
  }

  .ppcd-library-card-preview > * {
    max-width: 68px;
    max-height: 68px;
  }

  .ppcd-library-card-preview svg {
    width: auto;
    height: auto;
    max-width: 68px;
    max-height: 68px;
    display: block;
  }

  .ppcd-layer-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}

@media (max-width: 920px) {
  .ppcd-panel-head-actions-compact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 0 0 8px;
  }

  .ppcd-panel-head-actions-compact .ppcd-btn {
    min-block-size: 34px;
    padding: 6px 8px;
    font-size: 11px;
  }

  .ppcd-library-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
  }

  .ppcd-library-filter-btn {
    min-block-size: 32px;
    padding: 6px 10px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 999px;
    background: #fff;
    font-size: 11px;
    font-weight: 600;
  }

  .ppcd-library-filter-btn.is-active {
    background: #111827;
    border-color: #111827;
    color: #fff;
  }

  .ppcd-order-form {
    padding: 5px;
    gap: 10px;
  }

  .ppcd-selection-mismatch {
    display: grid;
    gap: 10px;
  }

  .ppcd-selection-mismatch .ppcd-btn {
    inline-size: 100%;
  }
}

.ppcd-order-form,
.ppcd-panel-right .ppcd-order-form {
  padding: 5px !important;
  box-sizing: border-box;
}

.ppcd-panel-head-actions-compact {
  grid-template-columns: max-content max-content;
  justify-content: start;
  gap: 8px;
}

.ppcd-panel-head-actions-compact .ppcd-btn {
  min-inline-size: 94px;
}

.ppcd-panel-head-actions-compact .ppcd-btn-duplicate {
  min-inline-size: 122px;
}

.ppcd-figure-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.ppcd-mobile-sheet-mode {
  display: none !important;
}

.ppcd-library-grid,
.ppcd-layer-list,
.ppcd-object-grid,
.ppcd-export-actions,
.ppcd-order-form,
.ppcd-grid,
.ppcd-control-grid {
  gap: 10px;
}


.ppcd-library-grid-object-buttons {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ppcd-gap-2);
}

.ppcd-library-object-btn {
  min-block-size: 78px;
  padding: 10px 8px;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
}

.ppcd-library-object-icon {
  inline-size: 24px;
  block-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ppcd-library-object-icon svg {
  inline-size: 24px;
  block-size: 24px;
  max-inline-size: 24px;
  max-block-size: 24px;
  width: 24px;
  height: 24px;
  overflow: visible;
}


.ppcd-library-grid-object-buttons.ppcd-figure-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ppcd-library-object-btn {
  min-block-size: 78px;
  padding: 10px 8px;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
}

.ppcd-library-object-icon,
.ppcd-library-object-btn .ppcd-object-icon {
  inline-size: 24px;
  block-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ppcd-library-object-icon svg,
.ppcd-library-object-btn .ppcd-object-icon svg {
  inline-size: 24px;
  block-size: 24px;
  width: 24px;
  height: 24px;
  max-inline-size: 24px;
  max-block-size: 24px;
  overflow: visible;
}

.ppcd-library-object-icon-image {
  inline-size: 24px;
  block-size: 24px;
  width: 24px;
  height: 24px;
  max-inline-size: 24px;
  max-block-size: 24px;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
}

/* ===== Mobile inline editor refresh: single page scroll + simpler workbar ===== */
@media (max-width: 920px) {
  .ppcd-mobile-sheet {
    position: relative;
    z-index: 3;
    margin-top: 10px;
    padding: 0;
  }

  .ppcd-mobile-sheet-frame {
    display: block;
    max-block-size: none;
    overflow: visible;
    border-radius: 20px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10);
    padding-bottom: max(8px, env(safe-area-inset-bottom));
  }

  .ppcd-mobile-sheet-head {
    grid-template-columns: auto 1fr;
    gap: 8px;
    padding: 8px 10px 6px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(10px);
  }

  .ppcd-mobile-sheet-title {
    text-align: left;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }

  .ppcd-mobile-sheet-grabber {
    inline-size: 44px;
    block-size: 32px;
  }

  .ppcd-mobile-sheet-body {
    overflow: visible;
    max-block-size: none;
    padding: 10px;
    gap: 10px;
    overscroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
    touch-action: auto;
  }

  .ppcd-mobile-sheet-panel,
  .ppcd-mobile-sheet-host {
    gap: 10px;
  }

  .ppcd-mobile-bottom-nav {
    position: sticky;
    top: calc(var(--ppcd-mobile-sheet-offset, 8px) + 4px);
    z-index: 4;
    gap: 8px;
    padding: 6px 10px 8px;
    background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.93) 100%);
    backdrop-filter: blur(12px);
    border-top: 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  }

  .ppcd-mobile-bottom-btn {
    min-block-size: 52px;
    padding: 8px 6px;
    border-radius: 16px;
    gap: 5px;
    font-size: 11px;
  }

  .ppcd-mobile-bottom-btn-icon {
    inline-size: 20px;
    block-size: 20px;
  }

  .ppcd-mobile-subnav {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 0 2px;
    margin: 0 0 2px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  .ppcd-mobile-subnav::-webkit-scrollbar {
    display: none;
  }

  .ppcd-mobile-subnav-btn {
    flex: 0 0 auto;
    min-block-size: 44px;
    padding: 0 14px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    scroll-snap-align: start;
    touch-action: manipulation;
  }

  .ppcd-mobile-subnav-btn.is-active {
    background: #111827;
    border-color: #111827;
    color: #fff;
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.14);
  }

  .ppcd-designer.is-mobile-sheet-mode .ppcd-preview-stack {
    position: sticky;
    inset-block-start: 8px;
    z-index: 5;
    margin-bottom: 0;
  }

  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    min-block-size: clamp(300px, 44vh, 420px);
  }

  .ppcd-designer.is-mobile-sheet-collapsed .ppcd-mobile-sheet-frame {
    overflow: hidden;
  }

  .ppcd-designer.is-mobile-sheet-collapsed .ppcd-mobile-sheet-body {
    display: none;
  }

  .ppcd-designer.is-mobile-sheet-collapsed .ppcd-mobile-bottom-nav {
    position: static;
  }

  .ppcd-mobile-sheet-body button,
  .ppcd-mobile-sheet-body summary,
  .ppcd-mobile-object-editor button,
  .ppcd-mobile-object-editor summary,
  .ppcd-panel-right button,
  .ppcd-panel-right summary,
  .ppcd-control-strip button,
  .ppcd-control-strip summary {
    touch-action: manipulation;
  }

  .ppcd-mobile-sheet-body input[type="range"],
  .ppcd-mobile-object-editor input[type="range"],
  .ppcd-panel-right input[type="range"] {
    touch-action: pan-y;
  }
}

@media (max-width: 560px) {
  .ppcd-mobile-bottom-nav {
    gap: 6px;
    padding-inline: 8px;
  }

  .ppcd-mobile-bottom-btn {
    min-block-size: 48px;
    font-size: 10px;
  }

  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    min-block-size: clamp(280px, 46vh, 380px);
  }
}

@media (max-width: 360px) {
  .ppcd-object-grid,
  .ppcd-stage-tools .ppcd-object-grid,
  .ppcd-library-grid-object-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


/* ===== Safe visual pass (CSS-only, no JS/init changes) ===== */
.ppcd-designer .ppcd-aux-controls,
.ppcd-designer [data-role^="desktop-host-"]:empty,
.ppcd-designer .ppcd-section-card:empty {
  display: none !important;
}

@media (max-width: 920px) {
  .ppcd-designer .ppcd-topbar {
    position: static;
    top: auto;
  }

  .ppcd-designer .ppcd-stage-area {
    gap: 8px;
    padding-top: 4px;
  }

  .ppcd-designer .ppcd-preview-stack,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-preview-stack {
    position: static !important;
    inset-block-start: auto !important;
    top: auto !important;
    margin-bottom: 0;
    padding: 4px;
  }

  .ppcd-designer .ppcd-stage-toolbar {
    gap: 8px;
    padding-bottom: 6px;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    min-block-size: clamp(300px, 40vh, 380px);
    padding: 10px;
    border-radius: 20px;
  }

  .ppcd-designer .ppcd-mobile-sheet {
    position: relative;
    margin-top: 6px;
    padding: 0;
  }

  .ppcd-designer .ppcd-mobile-sheet-frame {
    display: block;
    max-block-size: none;
    overflow: visible;
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    padding-bottom: 0;
  }

  .ppcd-designer .ppcd-mobile-sheet-head {
    position: static;
    top: auto;
    grid-template-columns: auto 1fr;
    padding: 8px 10px 6px;
    gap: 8px;
    background: var(--ppcd-surface);
    backdrop-filter: none;
  }

  .ppcd-designer .ppcd-mobile-sheet-title {
    text-align: left;
    font-size: 13px;
    line-height: 1.2;
  }

  .ppcd-designer .ppcd-mobile-sheet-body {
    overflow: visible;
    max-block-size: none;
    padding: 8px 10px 10px;
    gap: 8px;
    overscroll-behavior: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: auto;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel,
  .ppcd-designer .ppcd-mobile-sheet-host {
    gap: 6px;
  }

  .ppcd-designer .ppcd-mobile-bottom-nav {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    z-index: auto;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 10px calc(10px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--ppcd-border);
    border-bottom: 0;
    background: var(--ppcd-surface);
    backdrop-filter: none;
  }

  .ppcd-designer .ppcd-mobile-bottom-btn,
  .ppcd-designer .ppcd-mobile-subnav-btn,
  .ppcd-designer .ppcd-library-filter-btn,
  .ppcd-designer .ppcd-btn.ppcd-btn-light,
  .ppcd-designer .ppcd-btn.ppcd-btn-small.ppcd-btn-light {
    border-color: var(--ppcd-border-strong);
    color: var(--ppcd-text);
    background: #fff;
  }

  .ppcd-designer .ppcd-mobile-bottom-btn {
    min-block-size: 48px;
    padding: 7px 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 14px;
    gap: 4px;
    font-size: 10px;
    box-shadow: none;
  }

  .ppcd-designer .ppcd-mobile-bottom-btn.is-active,
  .ppcd-designer .ppcd-mobile-subnav-btn.is-active,
  .ppcd-designer .ppcd-library-filter-btn.is-active {
    background: var(--ppcd-accent);
    border-color: var(--ppcd-accent);
    color: #fff;
    box-shadow: none;
  }

  .ppcd-designer .ppcd-mobile-bottom-btn-icon {
    inline-size: 18px;
    block-size: 18px;
  }

  .ppcd-designer .ppcd-mobile-subnav {
    gap: 6px;
    margin: 0;
    padding: 0 0 2px;
  }

  .ppcd-designer .ppcd-mobile-subnav-btn,
  .ppcd-designer .ppcd-library-filter-btn {
    min-block-size: 36px;
    padding: 0 12px;
    border-width: 1px;
    border-style: solid;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    box-shadow: none;
  }

  .ppcd-designer .ppcd-library-filter {
    gap: 6px;
    margin-bottom: 4px;
  }

  .ppcd-designer .ppcd-section,
  .ppcd-designer .ppcd-stage-tools,
  .ppcd-designer .ppcd-mobile-object-editor,
  .ppcd-designer .ppcd-export-actions-inline,
  .ppcd-designer .ppcd-order-form {
    padding: 8px;
  }

  .ppcd-designer .ppcd-field > span,
  .ppcd-designer .ppcd-field strong,
  .ppcd-designer .ppcd-workbar-label,
  .ppcd-designer .ppcd-mobile-object-editor-note,
  .ppcd-designer .ppcd-note,
  .ppcd-designer .ppcd-mini-title,
  .ppcd-designer .ppcd-curve-scale strong {
    font-size: 10px;
  }

  .ppcd-designer .ppcd-section-title {
    font-size: 14px;
    line-height: 1.2;
  }

  .ppcd-designer .ppcd-field input,
  .ppcd-designer .ppcd-field select,
  .ppcd-designer .ppcd-field textarea {
    min-block-size: 36px;
    padding: 7px 9px;
    font-size: 12px;
  }

  .ppcd-designer .ppcd-field textarea {
    min-block-size: 64px;
  }

  .ppcd-designer .ppcd-control-grid,
  .ppcd-designer .ppcd-grid,
  .ppcd-designer .ppcd-library-grid,
  .ppcd-designer .ppcd-layer-list,
  .ppcd-designer .ppcd-export-actions,
  .ppcd-designer .ppcd-order-form,
  .ppcd-designer .ppcd-object-grid {
    gap: 8px;
  }

  .ppcd-designer .ppcd-panel-head-actions,
  .ppcd-designer .ppcd-layer-actions {
    gap: 6px;
  }

  .ppcd-designer .ppcd-panel-head-actions .ppcd-btn,
  .ppcd-designer .ppcd-layer-actions .ppcd-btn,
  .ppcd-designer .ppcd-export-actions-inline .ppcd-btn {
    min-block-size: 32px;
    padding: 6px 8px;
    font-size: 11px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-grid-object-buttons {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-object-btn {
    min-block-size: 66px;
    padding: 8px 4px;
    gap: 6px;
    font-size: 10px;
    line-height: 1.15;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-object-icon,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-object-btn .ppcd-object-icon {
    inline-size: 20px;
    block-size: 20px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-object-icon svg,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-object-btn .ppcd-object-icon svg {
    inline-size: 20px;
    block-size: 20px;
    width: 20px;
    height: 20px;
    max-inline-size: 20px;
    max-block-size: 20px;
  }
}

@media (max-width: 560px) {
  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    min-block-size: clamp(280px, 38vh, 350px);
  }

  .ppcd-designer .ppcd-mobile-bottom-nav {
    gap: 6px;
    padding-inline: 8px;
  }

  .ppcd-designer .ppcd-mobile-bottom-btn {
    min-block-size: 46px;
    font-size: 10px;
  }
}

@media (max-width: 390px) {
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-grid-object-buttons {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


/* ===== Safe mobile quick rail (left actions) ===== */
.ppcd-mobile-stage-shell {
  display: block;
}

.ppcd-mobile-quick-rail {
  display: none;
}

@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-stage-shell {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
  }

  .ppcd-designer .ppcd-mobile-stage-shell > .ppcd-stage-wrap {
    min-inline-size: 0;
  }

  .ppcd-designer .ppcd-mobile-quick-rail {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: start;
    justify-self: center;
    padding-top: 8px;
  }

  .ppcd-designer .ppcd-mobile-quick-btn {
    inline-size: 40px;
    block-size: 40px;
    padding: 0;
    border: 1px solid var(--ppcd-border-strong);
    border-radius: 14px;
    background: #fff;
    color: var(--ppcd-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    touch-action: manipulation;
  }

  .ppcd-designer .ppcd-mobile-quick-btn svg {
    inline-size: 18px;
    block-size: 18px;
  }

  .ppcd-designer .ppcd-mobile-quick-btn-glyph {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
  }

  .ppcd-designer .ppcd-mobile-quick-btn-glyph-svg {
    font-size: 16px;
    letter-spacing: 0.02em;
  }

  .ppcd-designer .ppcd-mobile-quick-btn.is-active {
    background: var(--ppcd-accent);
    border-color: var(--ppcd-accent);
    color: #fff;
    box-shadow: none;
  }
}

@media (max-width: 560px) {
  .ppcd-designer .ppcd-mobile-stage-shell {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 10px;
  }

  .ppcd-designer .ppcd-mobile-quick-btn {
    inline-size: 44px;
    block-size: 44px;
    border-radius: 12px;
  }

  .ppcd-designer .ppcd-mobile-quick-btn-glyph {
    font-size: 24px;
  }

  .ppcd-designer .ppcd-mobile-quick-btn-glyph-svg {
    font-size: 14px;
  }
}

/* ===== Package 1: mobile shell cleanup (CSS-only, safe pass) ===== */
@media (max-width: 920px) {
  .ppcd-designer {
    padding: 6px;
    border-radius: 16px;
    --ppcd-mobile-top-gap: max(8px, env(safe-area-inset-top));
  }

  .ppcd-designer .ppcd-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 10px;
    padding: 10px 12px;
    margin-bottom: 8px;
    border-radius: 16px;
  }

  .ppcd-designer .ppcd-topbar-title {
    font-size: clamp(15px, 4vw, 18px);
    line-height: 1.12;
  }

  .ppcd-designer .ppcd-topbar-subtitle {
    display: none;
  }

  .ppcd-designer .ppcd-topbar-actions {
    min-inline-size: 0;
  }

  .ppcd-designer .ppcd-topbar-actions .ppcd-toolbar-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
  }

  .ppcd-designer .ppcd-topbar-actions .ppcd-btn {
    min-block-size: 36px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 12px;
  }

  .ppcd-designer .ppcd-topbar-actions [data-action="clear-design"] {
    color: #6b7280;
    border-color: rgba(15, 23, 42, 0.12);
    background: #ffffff;
  }

  .ppcd-designer .ppcd-stage-area {
    gap: 6px;
    padding-top: 2px;
  }

  .ppcd-designer .ppcd-preview-stack,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-preview-stack {
    position: sticky !important;
    inset-block-start: var(--ppcd-mobile-top-gap);
    top: var(--ppcd-mobile-top-gap) !important;
    z-index: 4;
    margin-bottom: 0;
    padding: 6px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(244, 245, 247, 0.94);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  }

  .ppcd-designer .ppcd-stage-toolbar {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 8px;
    padding-bottom: 6px;
  }

  .ppcd-designer .ppcd-stage-meta {
    min-inline-size: 0;
  }

  .ppcd-designer .ppcd-stage-meta .ppcd-note {
    display: none;
  }

  .ppcd-designer .ppcd-stage-size {
    font-size: 13px;
    line-height: 1.2;
  }

  .ppcd-designer .ppcd-stage-zoom {
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  .ppcd-designer .ppcd-stage-zoom-btn {
    min-block-size: 40px;
    border-radius: 14px;
  }

  .ppcd-designer .ppcd-stage-zoom-indicator {
    min-inline-size: 64px;
  }

  .ppcd-designer .ppcd-mobile-stage-shell {
    display: grid !important;
  }

  .ppcd-designer .ppcd-mobile-quick-rail {
    display: flex !important;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    aspect-ratio: 1 / 1;
    min-block-size: 0 !important;
    block-size: auto !important;
    inline-size: 100%;
    padding: 8px;
    border-radius: 18px;
  }

  .ppcd-designer .ppcd-canvas-delete-btn {
    inset-block-start: 10px;
    inset-inline-end: 10px;
    inline-size: 38px;
    block-size: 38px;
    border-color: rgba(185, 28, 28, 0.22);
    background: rgba(255, 255, 255, 0.98);
    color: #b91c1c;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
  }

  .ppcd-designer .ppcd-stage-footer-actions {
    display: none;
  }

  .ppcd-designer .ppcd-mobile-sheet {
    margin-top: 6px;
  }

  .ppcd-designer .ppcd-mobile-sheet-frame {
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
  }

  .ppcd-designer .ppcd-mobile-sheet-head {
    padding: 6px 8px 2px;
    border-bottom: 0;
    background: rgba(255, 255, 255, 0.96);
  }

  .ppcd-designer .ppcd-mobile-sheet-title {
    font-size: 12px;
    font-weight: 700;
  }

  .ppcd-designer .ppcd-mobile-bottom-nav {
    position: sticky !important;
    top: calc(var(--ppcd-mobile-sheet-offset, 8px) + var(--ppcd-mobile-top-gap) + 4px) !important;
    z-index: 3;
    gap: 6px;
    padding: 6px 8px 8px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
  }

  .ppcd-designer .ppcd-mobile-bottom-btn {
    min-block-size: 46px;
    padding: 6px 4px;
    border-radius: 14px;
    font-size: 10px;
    gap: 4px;
  }

  .ppcd-designer .ppcd-mobile-bottom-btn-label {
    line-height: 1.05;
  }

  .ppcd-designer .ppcd-mobile-sheet-body {
    max-block-size: min(40dvh, 340px);
    overflow-y: auto;
    padding: 6px;
    gap: 6px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel,
  .ppcd-designer .ppcd-mobile-sheet-host {
    gap: 6px;
  }

  .ppcd-designer .ppcd-mobile-subnav {
    gap: 6px;
    padding: 0;
    margin: 0;
  }

  .ppcd-designer .ppcd-mobile-subnav-btn {
    min-block-size: 38px;
    padding: 0 12px;
    font-size: 11px;
  }

  .ppcd-designer .ppcd-section,
  .ppcd-designer .ppcd-stage-tools,
  .ppcd-designer .ppcd-mobile-object-editor,
  .ppcd-designer .ppcd-export-actions-inline,
  .ppcd-designer .ppcd-order-form {
    padding: 6px;
  }

  .ppcd-designer .ppcd-panel-head {
    margin-bottom: 6px;
  }

  .ppcd-designer .ppcd-section-title {
    font-size: 14px;
    line-height: 1.2;
  }

  .ppcd-designer .ppcd-field > span,
  .ppcd-designer .ppcd-field strong,
  .ppcd-designer .ppcd-workbar-label,
  .ppcd-designer .ppcd-mobile-object-editor-note,
  .ppcd-designer .ppcd-note,
  .ppcd-designer .ppcd-mini-title,
  .ppcd-designer .ppcd-curve-scale strong {
    font-size: 10px;
  }

  .ppcd-designer .ppcd-field input,
  .ppcd-designer .ppcd-field select,
  .ppcd-designer .ppcd-field textarea {
    min-block-size: 36px;
    padding: 7px 9px;
    font-size: 12px;
  }

  .ppcd-designer .ppcd-field textarea {
    min-block-size: 64px;
  }

  .ppcd-designer .ppcd-control-grid,
  .ppcd-designer .ppcd-grid,
  .ppcd-designer .ppcd-library-grid,
  .ppcd-designer .ppcd-layer-list,
  .ppcd-designer .ppcd-export-actions,
  .ppcd-designer .ppcd-order-form,
  .ppcd-designer .ppcd-object-grid {
    gap: 6px;
  }

  .ppcd-designer .ppcd-mobile-context-strip {
    margin-top: 6px;
    padding: 8px 10px;
    border-radius: 16px;
  }

  .ppcd-designer .ppcd-mobile-context-kicker {
    font-size: 10px;
    line-height: 1.1;
  }

  .ppcd-designer .ppcd-mobile-context-title {
    font-size: 22px;
  }
}

@media (max-width: 560px) {
  .ppcd-designer .ppcd-topbar {
    grid-template-columns: 1fr;
  }

  .ppcd-designer .ppcd-topbar-actions .ppcd-toolbar-group {
    justify-content: flex-start;
  }

  .ppcd-designer .ppcd-preview-stack,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-preview-stack {
    inset-block-start: max(6px, env(safe-area-inset-top));
    top: max(6px, env(safe-area-inset-top)) !important;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    aspect-ratio: 1 / 1;
    min-block-size: 0 !important;
    block-size: auto !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-body {
    max-block-size: min(39dvh, 320px);
  }
}

@media (max-width: 390px) {
  .ppcd-designer .ppcd-topbar-actions .ppcd-btn {
    min-block-size: 34px;
    padding: 0 9px;
    font-size: 11px;
  }

  .ppcd-designer .ppcd-stage-zoom-btn {
    min-block-size: 38px;
  }

  .ppcd-designer .ppcd-mobile-bottom-btn {
    min-block-size: 44px;
  }
}

/* ===== Mobile IA markup support (package 2: safe markup pass) ===== */
@media (max-width: 920px) {
  .ppcd-mobile-sheet-panel-copy {
    margin: 0 0 2px;
  }

  .ppcd-mobile-sheet-group {
    display: grid;
    gap: 8px;
  }

  .ppcd-mobile-sheet-group + .ppcd-mobile-sheet-group {
    padding-top: 6px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
  }

  .ppcd-mobile-sheet-group .ppcd-mini-title {
    margin: 0;
  }
}


/* ===== Package 3: minimal JS orchestration support ===== */
@media (max-width: 920px) {
  .ppcd-designer.is-mobile-sheet-mode .ppcd-mobile-sheet-frame {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    overflow: hidden;
    transition: max-block-size .18s ease, box-shadow .18s ease;
  }

  .ppcd-designer.is-mobile-sheet-mid .ppcd-mobile-sheet-frame {
    max-block-size: min(30dvh, 280px);
  }

  .ppcd-designer.is-mobile-sheet-expanded .ppcd-mobile-sheet-frame {
    max-block-size: min(42dvh, 420px);
  }

  .ppcd-designer.is-mobile-sheet-mode .ppcd-mobile-sheet-body {
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  .ppcd-designer.is-mobile-keyboard-open .ppcd-mobile-sheet-frame {
    max-block-size: min(calc(var(--ppcd-mobile-vvh, 100dvh) - var(--ppcd-mobile-sheet-offset, 8px) - 20px), 420px);
  }

  .ppcd-designer.is-mobile-keyboard-open .ppcd-stage-wrap {
    min-block-size: clamp(180px, 28vh, 260px);
  }

  .ppcd-designer.is-mobile-sheet-collapsed .ppcd-mobile-sheet-frame {
    max-block-size: 76px;
    display: block;
  }

  .ppcd-designer.is-mobile-sheet-collapsed .ppcd-mobile-sheet-body {
    display: none;
  }

  .ppcd-designer.is-mobile-sheet-collapsed .ppcd-mobile-bottom-nav {
    position: static;
  }
}

@media (max-width: 560px) {
  .ppcd-designer.is-mobile-sheet-mid .ppcd-mobile-sheet-frame {
    max-block-size: min(32dvh, 260px);
  }

  .ppcd-designer.is-mobile-sheet-expanded .ppcd-mobile-sheet-frame {
    max-block-size: min(46dvh, 420px);
  }
}


/* ===== Package 5: contextual strip + safer mobile actions ===== */
.ppcd-mobile-context-strip {
  display: none;
}

@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-context-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  }

  .ppcd-designer .ppcd-mobile-context-strip[hidden] {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-context-copy {
    display: grid;
    gap: 2px;
    min-inline-size: 0;
  }

  .ppcd-designer .ppcd-mobile-context-kicker {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(15, 23, 42, 0.66);
  }

  .ppcd-designer .ppcd-mobile-context-title {
    min-inline-size: 0;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--ppcd-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ppcd-designer .ppcd-mobile-context-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .ppcd-designer .ppcd-mobile-context-actions .ppcd-btn {
    flex: 1 1 calc(33.333% - 4px);
    min-inline-size: 0;
  }

  .ppcd-designer.is-mobile-sheet-mode .ppcd-canvas-delete-btn {
    display: none !important;
  }

  .ppcd-designer.is-mobile-keyboard-open .ppcd-mobile-context-strip {
    display: none !important;
  }
}

@media (max-width: 420px) {
  .ppcd-designer .ppcd-mobile-context-actions .ppcd-btn {
    flex-basis: calc(50% - 3px);
  }
}

@media (max-width: 360px) {
  .ppcd-designer .ppcd-mobile-context-actions .ppcd-btn {
    flex-basis: 100%;
  }
}


/* ===== Package 6: object-action guardrails + layers jump polish ===== */
@media (max-width: 920px) {
  .ppcd-designer .ppcd-shared-object-panel.is-no-selection-state .ppcd-panel-head-actions-compact {
    display: none;
  }

  .ppcd-designer .ppcd-shared-object-panel .ppcd-panel-head-actions-compact .ppcd-btn-danger {
    background: #fff;
    color: #b42318;
    border-color: rgba(180, 35, 24, 0.18);
    box-shadow: none;
  }

  .ppcd-designer .ppcd-shared-object-panel .ppcd-panel-head-actions-compact .ppcd-btn-danger:hover,
  .ppcd-designer .ppcd-shared-object-panel .ppcd-panel-head-actions-compact .ppcd-btn-danger:focus-visible {
    background: rgba(180, 35, 24, 0.08);
  }
}


/* ===== Package 7: user-requested mobile fixes ===== */
@media (max-width: 920px) {
  .ppcd-designer .ppcd-preview-stack,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-preview-stack,
  .ppcd-designer .ppcd-mobile-sheet-frame,
  .ppcd-designer .ppcd-mobile-context-strip,
  .ppcd-designer .ppcd-mobile-bottom-nav,
  .ppcd-designer .ppcd-mobile-sheet-head {
    backdrop-filter: none !important;
    box-shadow: none !important;
  }

  .ppcd-designer .ppcd-mobile-stage-shell {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 10px;
    align-items: stretch;
  }

  .ppcd-designer .ppcd-mobile-quick-rail {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    justify-content: center;
  }

  .ppcd-designer .ppcd-mobile-quick-btn {
    inline-size: 44px;
    block-size: 44px;
    border-radius: 12px;
    box-shadow: none;
    background: #fff;
  }

  .ppcd-designer .ppcd-mobile-quick-btn svg {
    inline-size: 18px;
    block-size: 18px;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    min-block-size: clamp(300px, 44vh, 390px) !important;
    contain: layout paint style;
    transform: translateZ(0);
  }

  .ppcd-designer .ppcd-stage-wrap canvas {
    backface-visibility: hidden;
    transform: translateZ(0);
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] > .ppcd-mobile-subnav {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-mobile-sheet-panel-copy {
    display: none;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-shared-object-panel {
    margin-top: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-panel-head {
    margin-bottom: 6px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-empty-selection,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-selection-mismatch {
    min-height: auto;
    padding: 10px 12px;
    margin-top: 0;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] [data-role="inspector"] {
    margin-top: 6px;
  }

  .ppcd-designer .ppcd-mobile-sheet-body {
    max-block-size: min(50dvh, 460px);
  }

  .ppcd-designer .ppcd-canvas-delete-btn,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-canvas-delete-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    inline-size: 42px;
    block-size: 42px;
    inset-block-start: 10px;
    inset-inline-end: 10px;
    background: rgba(255,255,255,0.96);
    color: #c81e1e;
    border-color: rgba(200, 30, 30, 0.18);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
  }
}

@media (max-width: 560px) {
  .ppcd-designer .ppcd-mobile-stage-shell {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 8px;
  }

  .ppcd-designer .ppcd-mobile-quick-btn {
    inline-size: 40px;
    block-size: 40px;
    border-radius: 11px;
  }

  .ppcd-designer .ppcd-mobile-sheet-body {
    max-block-size: min(54dvh, 480px);
  }
}

@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-context-actions {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-context-strip {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
  }

  .ppcd-designer .ppcd-mobile-context-copy {
    gap: 2px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-mobile-sheet-panel-copy,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-panel-copy {
    display: none;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-mobile-sheet-host,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host,
  .ppcd-designer .ppcd-mobile-sheet-group {
    gap: 6px;
  }

  .ppcd-designer .ppcd-mobile-sheet-group + .ppcd-mobile-sheet-group {
    padding-top: 4px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-section-title {
    font-size: 13px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-object-grid,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-control-grid,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-grid,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-library-grid,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-layer-list,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-export-actions,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-order-form {
    gap: 6px;
  }
}

@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-stage-shell {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    box-sizing: border-box;
    inline-size: min(100%, calc(100dvw - 86px));
    block-size: min(100%, calc(100dvw - 86px));
    aspect-ratio: 1 / 1 !important;
    min-block-size: 0 !important;
    min-inline-size: 0 !important;
    padding: 8px !important;
    border-radius: 18px !important;
    overflow: hidden;
  }

  .ppcd-designer .ppcd-mobile-quick-rail {
    align-self: start !important;
    padding-top: 8px !important;
  }

  .ppcd-designer .ppcd-mobile-quick-btn {
    inline-size: 40px !important;
    block-size: 40px !important;
    border-radius: 12px !important;
  }

  .ppcd-designer .ppcd-mobile-quick-btn svg {
    inline-size: 18px;
    block-size: 18px;
  }

  .ppcd-designer .ppcd-mobile-quick-btn-glyph {
    font-size: 22px;
  }

  .ppcd-designer .ppcd-mobile-context-strip {
    margin-top: 6px;
    margin-bottom: 0;
    padding: 8px 10px;
  }

  .ppcd-designer .ppcd-mobile-sheet {
    margin-top: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-head {
    padding-top: 4px !important;
    padding-bottom: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-body {
    padding-top: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] {
    display: grid;
    gap: 6px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-panel-head {
    margin-bottom: 4px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-empty-selection,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-note {
    margin: 0;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-object-grid .ppcd-object-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-object-btn {
    min-block-size: 58px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-object-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-note {
    display: none;
  }

  .ppcd-designer .ppcd-mobile-sheet-group + .ppcd-mobile-sheet-group {
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-title {
    font-size: 11px;
  }

  .ppcd-designer .ppcd-mobile-bottom-nav {
    padding-top: 4px;
  }

  .ppcd-designer .ppcd-section[data-section-anchor="figure"] .ppcd-figure-grid,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-figure-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 390px) {
  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    inline-size: min(100%, calc(100vw - 84px));
    block-size: min(100%, calc(100vw - 84px));
  }
}

@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-quick-btn-glyph-svg {
    font-size: 14px !important;
    letter-spacing: 0;
  }

  .ppcd-designer .ppcd-mobile-add-root {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 6px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] > .ppcd-mobile-subnav {
    display: flex !important;
    padding: 0;
    margin: 0 0 6px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-group {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-panel-copy,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mini-title {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host:empty {
    display: none;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-panel-head {
    margin-bottom: 6px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-section-title {
    font-size: 13px;
  }
}

@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-quick-btn-glyph-svg {
    font-size: 11px !important;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transform: none;
  }

  .ppcd-designer .ppcd-mobile-add-categories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .ppcd-designer .ppcd-mobile-add-btn {
    min-block-size: 62px;
    padding: 10px 6px;
  }

  .ppcd-designer .ppcd-mobile-add-btn .ppcd-object-icon {
    inline-size: 18px;
    block-size: 18px;
  }

  .ppcd-designer .ppcd-mobile-add-btn .ppcd-mobile-quick-btn-glyph-svg {
    font-size: 10px !important;
  }

  .ppcd-designer .ppcd-mobile-add-btn.is-active {
    border-color: rgba(220,38,38,.36);
    background: rgba(220,38,38,.06);
    color: #b91c1c;
  }

  .ppcd-designer .ppcd-mobile-add-content[hidden] {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-group {
    padding-top: 8px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host {
    gap: 6px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host > .ppcd-stage-tools {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-stage-tools-head,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host .ppcd-object-grid-compact:not(.ppcd-mobile-add-root),
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-stage-tools .ppcd-note {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host [data-panel-group] {
    display: none;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host [data-panel-group].is-active-panel {
    display: block;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host .ppcd-section {
    padding: 6px;
  }
}

@media (max-width: 920px) {
  .ppcd-designer .ppcd-stage-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ppcd-designer .ppcd-stage-wrap canvas,
  .ppcd-designer .ppcd-stage-wrap .upper-canvas,
  .ppcd-designer .ppcd-stage-wrap .lower-canvas,
  .ppcd-designer .ppcd-stage-wrap .canvas-container {
    max-inline-size: 100%;
    max-block-size: 100%;
  }
}


/* ===== Final mobile public pass (4.1.0) ===== */
@media (max-width: 920px) {
  .ppcd-designer {
    --ppcd-mobile-app-gap: 4px;
    --ppcd-mobile-shell-padding: 8px;
  }

  .ppcd-designer .ppcd-topbar {
    position: sticky;
    top: max(0px, env(safe-area-inset-top));
    z-index: 30;
    margin-bottom: 6px;
    padding: 8px;
    border-radius: 18px;
  }

  .ppcd-designer .ppcd-topbar-subtitle,
  .ppcd-designer .ppcd-mobile-object-editor,
  .ppcd-designer .ppcd-stage-tools-mobile-only {
    display: none !important;
  }

  .ppcd-designer .ppcd-preview-stack,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-preview-stack {
    top: max(4px, env(safe-area-inset-top));
    inset-block-start: max(4px, env(safe-area-inset-top));
    gap: 4px;
    padding: 6px;
    border-radius: 18px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
    backdrop-filter: none;
  }

  .ppcd-designer .ppcd-stage-toolbar {
    padding-bottom: 2px;
    gap: 6px;
  }

  .ppcd-designer .ppcd-stage-size {
    font-size: 12px;
  }

  .ppcd-designer .ppcd-stage-zoom-indicator {
    min-inline-size: 58px;
  }

  .ppcd-designer .ppcd-mobile-stage-shell {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  .ppcd-designer .ppcd-mobile-quick-rail {
    display: flex !important;
    gap: 8px;
    align-self: start !important;
    padding-top: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-quick-btn {
    inline-size: 40px !important;
    block-size: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06) !important;
  }

  .ppcd-designer .ppcd-mobile-quick-btn svg {
    inline-size: 18px;
    block-size: 18px;
  }

  .ppcd-designer .ppcd-mobile-quick-btn-glyph {
    font-size: 22px;
    line-height: 1;
  }

  .ppcd-designer .ppcd-mobile-quick-btn-glyph-svg {
    font-size: 10px !important;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    box-sizing: border-box;
    inline-size: min(100%, calc(100vw - 84px));
    block-size: min(100%, calc(100vw - 84px));
    aspect-ratio: 1 / 1 !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    padding: 8px !important;
    border-radius: 18px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ppcd-designer .ppcd-stage-wrap .canvas-container,
  .ppcd-designer .ppcd-stage-wrap canvas,
  .ppcd-designer .ppcd-stage-wrap .upper-canvas,
  .ppcd-designer .ppcd-stage-wrap .lower-canvas {
    max-inline-size: 100%;
    max-block-size: 100%;
  }

  .ppcd-designer .ppcd-canvas-delete-btn {
    inline-size: 36px;
    block-size: 36px;
    inset-block-start: 8px;
    inset-inline-end: 8px;
  }

  .ppcd-designer .ppcd-mobile-context-strip {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    padding: 6px 10px !important;
    border-radius: 16px !important;
  }

  .ppcd-designer .ppcd-mobile-context-copy {
    gap: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-context-kicker {
    font-size: 10px !important;
    line-height: 1.1;
  }

  .ppcd-designer .ppcd-mobile-context-title {
    font-size: 20px !important;
    line-height: 1.15;
  }

  .ppcd-designer .ppcd-mobile-sheet {
    margin-top: 2px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-frame {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  }

  .ppcd-designer .ppcd-mobile-sheet-head {
    padding: 4px 8px 0 !important;
    min-block-size: 0;
  }

  .ppcd-designer .ppcd-mobile-sheet-title {
    font-size: 11px !important;
    line-height: 1.2;
  }

  .ppcd-designer .ppcd-mobile-bottom-nav {
    position: sticky !important;
    bottom: 0;
    top: auto !important;
    z-index: 5;
    padding: 4px 6px calc(6px + env(safe-area-inset-bottom));
    gap: 6px;
    background: rgba(255,255,255,0.98);
    backdrop-filter: none;
  }

  .ppcd-designer .ppcd-mobile-bottom-btn {
    min-block-size: 46px;
    padding: 6px 4px;
  }

  .ppcd-designer .ppcd-mobile-sheet-body {
    max-block-size: min(42dvh, 360px) !important;
    min-block-size: 120px;
    padding: 4px 6px 6px !important;
    gap: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel,
  .ppcd-designer .ppcd-mobile-sheet-host,
  .ppcd-designer .ppcd-mobile-sheet-group {
    gap: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-group {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-mobile-sheet-panel-copy,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-panel-copy,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] > .ppcd-mobile-subnav,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mini-title,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-role="mobile-host-layers"] {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-add-categories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .ppcd-designer .ppcd-mobile-add-btn {
    min-block-size: 60px;
    padding: 8px 6px;
  }

  .ppcd-designer .ppcd-mobile-add-btn .ppcd-object-label {
    font-size: 11px;
  }

  .ppcd-designer .ppcd-mobile-add-btn.is-active {
    border-color: rgba(220, 38, 38, 0.36);
    background: rgba(220, 38, 38, 0.06);
    color: #b91c1c;
  }

  .ppcd-designer .ppcd-mobile-add-content[hidden] {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host [data-panel-group] {
    display: none;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host [data-panel-group].is-active-panel {
    display: block;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host .ppcd-section {
    padding: 6px !important;
    margin: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host .ppcd-panel-head {
    margin-bottom: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host .ppcd-note,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host .ppcd-actions-row {
    margin-bottom: 0 !important;
  }

  .ppcd-designer .ppcd-section,
  .ppcd-designer .ppcd-export-actions-inline,
  .ppcd-designer .ppcd-order-form {
    padding: 6px !important;
  }

  .ppcd-designer .ppcd-panel-head {
    margin-bottom: 4px !important;
  }

  .ppcd-designer .ppcd-field textarea {
    min-block-size: 56px;
  }

  .ppcd-designer .ppcd-grid,
  .ppcd-designer .ppcd-control-grid,
  .ppcd-designer .ppcd-object-grid,
  .ppcd-designer .ppcd-library-grid,
  .ppcd-designer .ppcd-layer-list,
  .ppcd-designer .ppcd-export-actions,
  .ppcd-designer .ppcd-order-form {
    gap: 6px !important;
  }
}

@media (max-width: 390px) {
  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    inline-size: min(100%, calc(100vw - 82px));
    block-size: min(100%, calc(100vw - 82px));
  }

  .ppcd-designer .ppcd-mobile-add-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-subnav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
    padding: 0;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-subnav-btn {
    min-block-size: 48px;
    padding: 6px 8px;
    border-radius: 14px;
    font-size: 11px;
    white-space: normal;
    line-height: 1.15;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-group[hidden] {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-group {
    margin-top: 4px !important;
  }
}

@media (max-width: 390px) {
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-subnav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* ===== 4.1.1 mobile public fixes ===== */
@media (max-width: 920px) {
  .ppcd-designer {
    min-height: 100dvh;
  }

  .ppcd-designer .ppcd-stage-meta .ppcd-note {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-quick-btn-glyph-svg {
    font-size: 11px !important;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    block-size: 100%;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    aspect-ratio: 1 / 1 !important;
    inline-size: calc(100vw - 86px) !important;
    block-size: calc(100vw - 86px) !important;
    max-inline-size: calc(100vw - 86px) !important;
    max-block-size: calc(100vw - 86px) !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
  }

  .ppcd-designer .ppcd-stage-wrap .canvas-container,
  .ppcd-designer .ppcd-stage-wrap canvas,
  .ppcd-designer .ppcd-stage-wrap .upper-canvas,
  .ppcd-designer .ppcd-stage-wrap .lower-canvas {
    max-inline-size: 100% !important;
    max-block-size: 100% !important;
  }

  .ppcd-designer .ppcd-mobile-context-strip {
    margin-bottom: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet {
    position: sticky;
    bottom: 0;
    z-index: 60;
    margin-top: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-frame {
    display: flex !important;
    flex-direction: column;
    max-height: min(46dvh, 420px);
    border-radius: 18px 18px 0 0;
  }

  .ppcd-designer .ppcd-mobile-sheet-head {
    order: 1;
  }

  .ppcd-designer .ppcd-mobile-sheet-body {
    order: 2;
    flex: 1 1 auto;
    min-height: 0;
    max-block-size: none !important;
    overflow-y: auto;
    padding: 4px 6px 2px !important;
  }

  .ppcd-designer .ppcd-mobile-bottom-nav {
    order: 3;
    position: sticky !important;
    bottom: 0;
    top: auto !important;
    z-index: 7;
    margin-top: 0;
    padding: 6px 6px calc(8px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,0.98);
    border-top: 1px solid rgba(15,23,42,.08);
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-subnav {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-panel-copy {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-group {
    margin-top: 4px !important;
    padding-top: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-group[hidden],
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host:empty {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-add-root {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .ppcd-designer .ppcd-mobile-add-root .ppcd-object-btn {
    min-block-size: 56px !important;
    padding: 6px 4px !important;
    gap: 5px !important;
  }

  .ppcd-designer .ppcd-mobile-add-root .ppcd-object-icon {
    inline-size: 18px;
    block-size: 18px;
  }

  .ppcd-designer .ppcd-mobile-add-root .ppcd-object-label {
    font-size: 10px !important;
    line-height: 1.05;
  }

  .ppcd-designer [data-section-anchor="base"] .ppcd-library-grid {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .ppcd-designer [data-section-anchor="base"] .ppcd-library-card {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px !important;
  }

  .ppcd-designer [data-section-anchor="base"] .ppcd-library-card-preview {
    min-height: 34px !important;
    inline-size: 34px;
    block-size: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ppcd-designer [data-section-anchor="base"] .ppcd-library-card-preview > * {
    max-inline-size: 28px !important;
    max-block-size: 28px !important;
  }

  .ppcd-designer [data-section-anchor="base"] .ppcd-library-card-body {
    display: contents;
  }

  .ppcd-designer [data-section-anchor="base"] .ppcd-library-card-title {
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
  }

  .ppcd-designer [data-section-anchor="base"] .ppcd-library-card-meta {
    display: none !important;
  }

  .ppcd-designer [data-section-anchor="base"] .ppcd-library-card-action {
    min-block-size: 32px;
    padding: 0 10px;
    white-space: nowrap;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card {
    padding: 4px 3px !important;
    display: grid;
    grid-template-rows: auto auto auto;
    justify-items: center;
    align-items: start;
    gap: 3px;
    min-width: 0;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 36px !important;
    inline-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > * {
    max-inline-size: 30px !important;
    max-block-size: 30px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-title {
    margin: 0 !important;
    font-size: 8.5px !important;
    line-height: 1.15 !important;
    text-align: center;
    min-height: 20px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta {
    display: none !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-action {
    min-block-size: 24px !important;
    padding: 0 4px !important;
    font-size: 9px !important;
    border-radius: 10px !important;
    inline-size: 100%;
  }

  .ppcd-designer [data-section-anchor="figure"] .ppcd-library-grid-object-buttons,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-library-grid-object-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 390px) {
  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    inline-size: calc(100vw - 84px) !important;
    block-size: calc(100vw - 84px) !important;
    max-inline-size: calc(100vw - 84px) !important;
    max-block-size: calc(100vw - 84px) !important;
  }

  .ppcd-designer .ppcd-mobile-add-root {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* ===== 4.1.2 mobile responsiveness + add-flow fixes ===== */
@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-sheet-frame {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden;
  }

  .ppcd-designer .ppcd-mobile-sheet-head {
    flex: 0 0 auto;
  }

  .ppcd-designer .ppcd-mobile-sheet-body {
    order: 1;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto !important;
    padding-bottom: 6px !important;
  }

  .ppcd-designer .ppcd-mobile-bottom-nav {
    order: 2;
    flex: 0 0 auto;
    position: sticky !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 9;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] {
    display: grid;
    gap: 6px;
    align-content: start;
  }

  .ppcd-designer .ppcd-mobile-add-root {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    align-items: stretch;
  }

  .ppcd-designer .ppcd-mobile-add-root .ppcd-object-btn {
    min-block-size: 58px !important;
    padding: 6px 4px !important;
  }

  .ppcd-designer .ppcd-mobile-add-root .ppcd-object-label {
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-group {
    margin-top: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host:empty,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-add-content[hidden] {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="base"] .ppcd-mobile-subnav {
    position: sticky;
    top: 0;
    z-index: 3;
    background: rgba(255,255,255,0.98);
    padding-bottom: 6px;
    margin-bottom: 8px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="base"] .ppcd-mobile-sheet-host [data-section-anchor] {
    scroll-margin-top: 56px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 6px !important;
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(255,255,255,0.98);
    padding-bottom: 4px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter-btn {
    min-block-size: 28px;
    padding: 4px 8px;
    font-size: 10px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-grid,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card {
    display: grid;
    grid-template-rows: auto auto auto auto;
    justify-items: center;
    align-items: start;
    gap: 2px;
    padding: 4px 2px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 32px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview > * {
    max-inline-size: 28px !important;
    max-block-size: 28px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-title,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-title {
    margin: 0 !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    text-align: center;
    min-height: 18px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta {
    display: block !important;
    margin: 0 !important;
    font-size: 7px !important;
    line-height: 1.05 !important;
    text-align: center;
    color: #667085;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta .ppcd-library-card-meta-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta .ppcd-library-card-meta-btn {
    background: transparent;
    border: 0;
    padding: 0;
    font-size: inherit;
    color: inherit;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-action,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-action {
    min-block-size: 22px !important;
    padding: 0 3px !important;
    font-size: 8.5px !important;
    inline-size: 100%;
  }
}

@media (max-width: 390px) {
  .ppcd-designer .ppcd-mobile-add-root {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* ===== 4.1.2 mobile flow stabilization hotfix ===== */
@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] > .ppcd-mobile-add-root.ppcd-object-grid-compact {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] > .ppcd-mobile-add-root .ppcd-object-btn {
    min-block-size: 58px !important;
    padding: 6px 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] > .ppcd-mobile-add-root .ppcd-object-label {
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta .ppcd-library-card-meta-btn {
    display: block !important;
  }
}

/* ===== 4.1.2 mobile follow-up pass: photo label, figure flow, clipart grid, action row, stage stability ===== */
@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-add-root,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] > .ppcd-mobile-add-root,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] > .ppcd-mobile-add-root.ppcd-object-grid-compact {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .ppcd-designer .ppcd-mobile-add-root .ppcd-object-btn {
    min-block-size: 56px !important;
    padding: 6px 3px !important;
    gap: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-add-root .ppcd-object-label {
    font-size: 9.5px !important;
    line-height: 1.05 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-figure-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-figure-grid .ppcd-object-btn {
    min-block-size: 60px !important;
    padding: 6px 4px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-panel-head,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-panel-head {
    margin-bottom: 2px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-panel-head .ppcd-note,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-panel-head .ppcd-note {
    margin-top: 2px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 4px !important;
    padding-top: 0 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-grid,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card {
    min-inline-size: 0;
    inline-size: auto !important;
    padding: 4px 2px !important;
    gap: 2px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 30px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-title,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-title {
    min-height: 16px;
    font-size: 8px !important;
    line-height: 1.05 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta {
    display: block !important;
    margin: 0 !important;
    font-size: 7px !important;
    line-height: 1 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-action,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-action {
    min-block-size: 21px !important;
    padding: 0 2px !important;
    font-size: 8px !important;
  }

  .ppcd-mobile-object-action-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 0 0 8px;
  }

  .ppcd-mobile-object-action-row .ppcd-btn {
    min-block-size: 60px !important;
    padding: 7px 4px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    font-size: 10px !important;
    line-height: 1.08;
    border-radius: 14px;
  }

  .ppcd-mobile-object-action-row .ppcd-btn .ppcd-btn-icon-inline {
    inline-size: 18px;
    block-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    flex: 0 0 auto;
  }

  .ppcd-mobile-object-action-row .ppcd-btn .ppcd-btn-icon-inline svg {
    inline-size: 18px;
    block-size: 18px;
  }

  .ppcd-mobile-object-action-row .ppcd-btn .ppcd-btn-label-stack {
    display: block;
  }

  .ppcd-designer .ppcd-shared-object-panel .ppcd-panel-head-actions-compact,
  .ppcd-designer .ppcd-shared-object-panel .ppcd-layer-actions {
    display: none !important;
  }

  .ppcd-designer .ppcd-shared-object-panel.is-no-selection-state .ppcd-mobile-object-action-row,
  .ppcd-designer .ppcd-shared-object-panel.is-selection-mismatch-state .ppcd-mobile-object-action-row {
    display: none !important;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    contain: none !important;
    transform: none !important;
    will-change: auto !important;
  }

  .ppcd-designer .ppcd-stage-wrap .canvas-container,
  .ppcd-designer .ppcd-stage-wrap canvas,
  .ppcd-designer .ppcd-stage-wrap .upper-canvas,
  .ppcd-designer .ppcd-stage-wrap .lower-canvas {
    transform: none !important;
    backface-visibility: visible !important;
    will-change: auto !important;
  }
}

@media (min-width: 921px) {
  .ppcd-mobile-object-action-row {
    display: none !important;
  }
}

/* ===== 4.1.2 mobile stage alignment hotfix ===== */
@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-stage-shell {
    position: relative !important;
    display: block !important;
    min-inline-size: 0;
  }

  .ppcd-designer .ppcd-mobile-quick-rail {
    position: absolute !important;
    inset-block-start: 10px;
    inset-inline-start: 10px;
    z-index: 8;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    padding-top: 0 !important;
    margin: 0 !important;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    block-size: auto !important;
    max-block-size: none !important;
    margin: 0 !important;
  }

  .ppcd-designer .ppcd-stage-wrap .canvas-container,
  .ppcd-designer .ppcd-stage-wrap canvas,
  .ppcd-designer .ppcd-stage-wrap .upper-canvas,
  .ppcd-designer .ppcd-stage-wrap .lower-canvas {
    margin-inline: auto !important;
  }
}


/* ===== 4.1.2 public-ready mobile pass: stage fit, figure grid, compact clipart, stable pan/zoom ===== */
@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-stage-shell {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    min-inline-size: 0 !important;
    overflow: hidden !important;
  }

  .ppcd-designer .ppcd-mobile-quick-rail {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: start !important;
    justify-self: start !important;
    gap: 8px !important;
    padding-top: 8px !important;
    margin: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-stage-shell > .ppcd-stage-wrap,
  .ppcd-designer .ppcd-mobile-stage-shell > .ppcd-stage-wrap[data-section-anchor="stage"] {
    grid-column: 2 !important;
    min-inline-size: 0 !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    justify-self: stretch !important;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: auto !important;
  }

  .ppcd-designer .ppcd-stage-wrap .canvas-container,
  .ppcd-designer .ppcd-stage-wrap canvas,
  .ppcd-designer .ppcd-stage-wrap .upper-canvas,
  .ppcd-designer .ppcd-stage-wrap .lower-canvas {
    max-inline-size: 100% !important;
    margin-inline: auto !important;
  }

  .ppcd-designer .ppcd-stage-wrap.is-touch-lock,
  .ppcd-designer .ppcd-stage-wrap.is-touch-lock .canvas-container,
  .ppcd-designer .ppcd-stage-wrap.is-touch-lock canvas,
  .ppcd-designer .ppcd-stage-wrap.is-touch-lock .upper-canvas,
  .ppcd-designer .ppcd-stage-wrap.is-touch-lock .lower-canvas {
    touch-action: none !important;
    overscroll-behavior: contain !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-panel-head {
    margin-bottom: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-panel-head .ppcd-note {
    margin-top: 2px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-sheet-host [data-section-anchor="figure"] .ppcd-figure-grid.ppcd-object-grid-compact,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-figure-grid.ppcd-object-grid-compact {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 0 6px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-figure-grid .ppcd-object-btn {
    display: flex !important;
    min-block-size: 58px !important;
    padding: 6px 4px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-panel-head,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-panel-head {
    margin-bottom: 1px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter {
    margin: 0 0 3px !important;
    gap: 3px !important;
    padding-bottom: 2px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-grid,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card {
    grid-template-rows: auto auto auto auto !important;
    gap: 1px !important;
    padding: 3px 2px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 28px !important;
    margin: 0 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-title,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-title {
    min-height: 14px !important;
    margin: 0 !important;
    line-height: 1.02 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta {
    margin: 0 !important;
    line-height: 1 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-action,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-action {
    min-block-size: 20px !important;
    margin-top: 1px !important;
    padding: 0 2px !important;
  }


  /* ===== 4.1.2 clipart preview sizing pass ===== */
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 38px !important;
    padding: 2px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview > * {
    max-inline-size: 36px !important;
    max-block-size: 36px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview img,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview img {
    max-width: 36px !important;
    max-height: 36px !important;
  }

}


/* ===== 4.1.2 public-ready final pass: rail centering, no sticky subnav, sharper stage ===== */
@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-stage-shell {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .ppcd-designer .ppcd-mobile-stage-shell > .ppcd-stage-wrap,
  .ppcd-designer .ppcd-mobile-stage-shell > .ppcd-stage-wrap[data-section-anchor="stage"] {
    grid-column: 2 !important;
    justify-self: stretch !important;
    align-self: center !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
  }

  .ppcd-designer .ppcd-mobile-quick-rail {
    align-self: center !important;
    justify-self: center !important;
    padding-top: 0 !important;
    margin-block: 0 !important;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    block-size: auto !important;
    max-block-size: none !important;
    aspect-ratio: 1 / 1 !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
    touch-action: none !important;
  }

  .ppcd-designer .ppcd-stage-wrap .canvas-container,
  .ppcd-designer .ppcd-stage-wrap canvas,
  .ppcd-designer .ppcd-stage-wrap .upper-canvas,
  .ppcd-designer .ppcd-stage-wrap .lower-canvas {
    touch-action: none !important;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel .ppcd-mobile-subnav,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background: transparent !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="base"] .ppcd-mobile-subnav,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="selected"] .ppcd-mobile-subnav,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] .ppcd-mobile-subnav {
    overflow-x: auto !important;
    white-space: nowrap;
    padding-bottom: 2px !important;
    margin-bottom: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-frame,
  .ppcd-designer.is-mobile-sheet-mid .ppcd-mobile-sheet-frame,
  .ppcd-designer.is-mobile-sheet-expanded .ppcd-mobile-sheet-frame {
    max-height: min(46dvh, 420px) !important;
    max-block-size: min(46dvh, 420px) !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-figure-grid.ppcd-object-grid-compact,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-library-grid-object-buttons.ppcd-figure-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-figure-grid .ppcd-object-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-library-object-btn {
    min-block-size: 60px !important;
    padding: 6px 4px !important;
    align-content: start;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-object-label,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-library-object-btn .ppcd-object-label {
    display: block;
    max-inline-size: 100%;
    font-size: clamp(8px, 2.45vw, 10px) !important;
    line-height: 1.02 !important;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-panel-head,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-panel-head {
    margin-bottom: 0 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-panel-head .ppcd-note,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-panel-head .ppcd-note {
    margin-top: 1px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter {
    margin: 0 0 2px !important;
    gap: 2px !important;
    padding-bottom: 0 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter-btn {
    font-size: 10.5px !important;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-grid,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card {
    gap: 1px !important;
    padding: 3px 2px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 42px !important;
    padding: 1px !important;
    margin: 0 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview img,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview img {
    max-inline-size: 40px !important;
    max-block-size: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-title,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-title {
    min-height: 14px !important;
    margin: 0 !important;
    line-height: 1.02 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta-btn {
    margin: 0 !important;
    font-size: 8.5px !important;
    line-height: 1.05 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-action,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-action {
    min-block-size: 20px !important;
    margin-top: 0 !important;
    padding: 0 2px !important;
    font-size: 8px !important;
  }
}

/* ===== v7 final mobile clipart + gesture stabilization pass ===== */
@media (max-width: 920px) {
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter,
  .ppcd-designer [data-section-anchor="figure"] .ppcd-library-filter,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-library-filter {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 6px !important;
    margin: 0 0 4px !important;
    padding: 0 0 2px !important;
    white-space: nowrap !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter::-webkit-scrollbar,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter::-webkit-scrollbar,
  .ppcd-designer [data-section-anchor="figure"] .ppcd-library-filter::-webkit-scrollbar,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-library-filter::-webkit-scrollbar {
    display: none;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-filter-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-filter-btn,
  .ppcd-designer [data-section-anchor="figure"] .ppcd-library-filter-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="figure"] .ppcd-library-filter-btn {
    flex: 0 0 auto !important;
    min-block-size: 34px !important;
    padding: 0 12px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card {
    gap: 0 !important;
    padding: 2px !important;
    align-content: start;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview img,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview img {
    max-inline-size: 42px !important;
    max-block-size: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-title,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-title {
    min-height: 0 !important;
    margin: 0 !important;
    font-size: 8.6px !important;
    line-height: 1.04 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta-btn {
    margin: 0 !important;
    padding: 0 !important;
    min-block-size: 0 !important;
    font-size: 9.5px !important;
    line-height: 1.02 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-action,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-action {
    min-block-size: 19px !important;
    margin-top: 0 !important;
    padding: 0 2px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    border-radius: 10px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card.is-priority-category,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card.is-priority-category {
    opacity: 1 !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card.is-deemphasized-category,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card.is-deemphasized-category {
    opacity: .96;
  }

  .ppcd-designer .ppcd-stage-wrap,
  .ppcd-designer.is-mobile-sheet-mode .ppcd-stage-wrap,
  .ppcd-designer .ppcd-stage-wrap .canvas-container,
  .ppcd-designer .ppcd-stage-wrap canvas,
  .ppcd-designer .ppcd-stage-wrap .upper-canvas,
  .ppcd-designer .ppcd-stage-wrap .lower-canvas {
    touch-action: none !important;
  }
}


/* ===== v8 layers host + larger clipart preview ===== */
@media (max-width: 920px) {
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-role="mobile-layers-group"][hidden] {
    display: none !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-role="mobile-layers-group"]:not([hidden]) {
    display: block !important;
    margin-top: 2px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-role="mobile-host-layers"] {
    display: block !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-role="mobile-host-layers"] .ppcd-section {
    display: block !important;
    padding: 6px !important;
    margin: 0 !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-role="mobile-host-layers"] .ppcd-panel-head {
    margin-bottom: 4px !important;
  }

  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-layer-list {
    gap: 6px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview {
    min-height: 56px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-preview img,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview > *,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview svg,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-preview img {
    width: auto !important;
    height: auto !important;
    max-inline-size: min(100%, 56px) !important;
    max-block-size: 56px !important;
    max-width: min(100%, 56px) !important;
    max-height: 56px !important;
  }
}


/* ===== v12 mobile layers + clipart spacing + scroll rail removal ===== */
@media (max-width: 920px) {
  .ppcd-designer [data-role="mobile-page-scroll"],
  .ppcd-designer [data-role="mobile-page-scroll-range"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .ppcd-designer .ppcd-layer-item {
    gap: 8px !important;
    padding: 8px !important;
  }

  .ppcd-designer .ppcd-layer-main {
    padding: 8px 10px !important;
    border: 1px solid rgba(220, 38, 38, 0.62) !important;
    border-radius: 12px !important;
    background: #fff !important;
  }

  .ppcd-designer .ppcd-layer-item.is-active .ppcd-layer-main {
    background: rgba(220, 38, 38, 0.05) !important;
  }

  .ppcd-designer .ppcd-layer-title {
    min-width: 0;
    font-size: 12px !important;
    line-height: 1.12 !important;
  }

  .ppcd-designer .ppcd-layer-type {
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  .ppcd-designer .ppcd-layer-controls,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="layers"] .ppcd-layer-controls,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-layer-controls {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .ppcd-designer .ppcd-layer-control,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="layers"] .ppcd-layer-control,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-layer-control {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-block-size: 30px !important;
    min-height: 30px !important;
    padding: 6px 4px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
  }

  .ppcd-designer .ppcd-layer-control.is-danger,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="layers"] .ppcd-layer-control.is-danger,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-layer-control.is-danger {
    color: #b42318 !important;
    border-color: rgba(180, 35, 24, 0.18) !important;
    background: rgba(180, 35, 24, 0.05) !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-title,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-title {
    margin-bottom: 1px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-meta-btn,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-meta-btn {
    margin-top: 2px !important;
  }

  .ppcd-designer [data-section-anchor="clipart"] .ppcd-library-card-action,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="clipart"] .ppcd-library-card-action {
    margin-top: 2px !important;
  }
}


/* ===== v13 layer spacing polish ===== */
@media (max-width: 920px) {
  .ppcd-designer [data-section-anchor="layers"] .ppcd-panel-head,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="layers"] .ppcd-panel-head,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-panel-head {
    margin-bottom: 2px !important;
  }

  .ppcd-designer [data-section-anchor="layers"] .ppcd-layer-list,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="layers"] .ppcd-layer-list,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-layer-list {
    gap: 7px !important;
    margin-top: 0 !important;
  }

  .ppcd-designer .ppcd-layer-item,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="layers"] .ppcd-layer-item,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-layer-item {
    gap: 9px !important;
    padding: 8px !important;
  }

  .ppcd-designer .ppcd-layer-main,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="layers"] .ppcd-layer-main,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-layer-main {
    padding: 8px 10px !important;
    border: 1.5px solid #dc2626 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.06) inset !important;
  }

  .ppcd-designer .ppcd-layer-controls,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="layers"] .ppcd-layer-controls,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-layer-controls {
    margin-top: 2px !important;
    gap: 7px !important;
  }

  .ppcd-designer .ppcd-layer-control,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="layers"] .ppcd-layer-control,
  .ppcd-designer .ppcd-mobile-sheet-panel[data-mobile-sheet-panel="add"] [data-section-anchor="layers"] .ppcd-layer-control {
    min-height: 32px !important;
    padding: 6px 4px !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
  }
}


/* ===== clipart search toolbar ===== */
.ppcd-designer .ppcd-library-toolbar[data-library-toolbar="clipart"] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
}

.ppcd-designer .ppcd-library-search {
  display: flex;
  align-items: center;
}

.ppcd-designer .ppcd-library-search-input {
  width: 100%;
  min-width: 0;
  height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(168, 34, 34, 0.18);
  background: #fff;
  padding: 0 12px;
  font: inherit;
  color: #221f20;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}

.ppcd-designer .ppcd-library-search-input::placeholder {
  color: #7b6b6d;
}

.ppcd-designer .ppcd-library-search-input:focus {
  outline: none;
  border-color: rgba(168, 34, 34, 0.42);
  box-shadow: 0 0 0 3px rgba(168, 34, 34, 0.12);
}


@media (max-width: 920px) {
  .ppcd-designer .ppcd-library-toolbar[data-library-toolbar="clipart"] {
    gap: 6px;
    margin-bottom: 8px;
  }

  .ppcd-designer .ppcd-library-search-input {
    height: 34px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 13px;
  }
}
.ppcd-preview-stack,
.ppcd-stage-wrap,
.ppcd-mobile-sheet-frame,
.ppcd-inline-text-editor,
.ppcd-panel-right,
.ppcd-control-strip {
  overflow: visible;
}

.ppcd-stage-wrap {
  position: relative;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at top, rgba(255,255,255,.92), rgba(248,250,252,.96) 58%),
    linear-gradient(180deg, #eff2f7, #f9fbfd);
  border: 1px solid var(--ppcd-border);
  border-radius: 20px;
  min-inline-size: 0;
  overflow: hidden;
  isolation: isolate;
}

.ppcd-stage-wrap.is-drag-over {
  border-color: rgba(206,25,30,.36);
  box-shadow: inset 0 0 0 2px rgba(206,25,30,.14);
}

.ppcd-stage-wrap .canvas-container,
.ppcd-stage-wrap canvas,
.ppcd-stage-wrap .lower-canvas,
.ppcd-stage-wrap .upper-canvas,
.ppcd-canvas {
  display: block;
  max-inline-size: 100%;
  max-block-size: 100%;
}

.ppcd-canvas-delete-btn {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  inline-size: 42px;
  block-size: 42px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid #b91c1c;
  background: #d61f26;
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(15,23,42,.18);
  z-index: 4;
}

.ppcd-canvas-delete-btn svg {
  inline-size: 18px;
  block-size: 18px;
  stroke-width: 3;
}

.ppcd-panel-right {
  overscroll-behavior: contain;
}

.ppcd-mobile-sheet-body,
.ppcd-panel-right,
.ppcd-control-strip {
  overflow-anchor: none;
}

.ppcd-order-form .ppcd-note,
.ppcd-submit-row .ppcd-note {
  min-block-size: 20px;
}
/*! elementor-pro - v3.30.0 - 22-07-2025 */
.elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{align-items:center;display:flex;flex-wrap:nowrap;font-size:13px;justify-content:space-between;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{align-items:center;display:flex;flex-basis:0;flex-direction:column;justify-content:center;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden;position:relative;width:100%}.e-form__indicators__indicator__progress__meter{background-color:var(--e-form-steps-indicator-progress-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);color:var(--e-form-steps-indicator-progress-meter-color);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;text-align:right;transition:width .1s linear;width:var(--e-form-steps-indicator-progress-meter-width,0)}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{border-color:var(--e-form-steps-indicator-active-secondary-color,#fff);color:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{background-color:initial;color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{align-items:center;border-style:solid;border-width:1px;display:flex;font-size:var(--e-form-steps-indicator-icon-size);height:var(--e-form-steps-indicator-padding,30px);justify-content:center;margin-bottom:10px;overflow:hidden;width:var(--e-form-steps-indicator-padding,30px)}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{height:auto;width:var(--e-form-steps-indicator-icon-size)}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{align-items:center;border-style:solid;border-width:1px;display:flex;height:var(--e-form-steps-indicator-padding,30px);justify-content:center;margin-bottom:10px;width:var(--e-form-steps-indicator-padding,30px)}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{background-color:#babfc5;height:var(--e-form-steps-divider-width);width:100%}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) / 2 - var(--e-form-steps-divider-width, 1px) / 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button .elementor-button-content-wrapper{align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-form .elementor-button .elementor-button-content-wrapper{gap:5px}.elementor-form .elementor-button .elementor-button-icon,.elementor-form .elementor-button .elementor-button-text{flex-grow:unset;order:unset}.elementor-select-wrapper .select-caret-down-wrapper{font-size:11px;inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.elementor-select-wrapper .select-caret-down-wrapper svg{aspect-ratio:unset;display:unset;width:1em;fill:currentColor;overflow:visible}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:""!important}.elementor-message-svg:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDExIj48cGF0aCBmaWxsPSIjMDA4QTIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTUgMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-position:50%;background-repeat:no-repeat;content:"";height:1em;width:1em}