/* Marcou Casou mobile/PWA e editor 0.2.9 */
html,body{width:100%;max-width:100%;overflow-x:clip}*,*::before,*::after{box-sizing:border-box}
#editorApp{max-width:100%;min-width:0;overflow:clip}
#editorApp .editor-shell{min-height:0;max-width:100%;overflow:hidden}
#editorApp .editor-stage{min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable; background:#f1edf4}
#editorApp #previewFrame{position:relative;min-height:420px;width:100%;max-width:100%;margin:0 auto;overflow-x:hidden;background:#fff;contain:layout style}
#editorApp #previewFrame.mobile{width:min(390px,100%)}
#editorApp .edit-side{overscroll-behavior:contain}
body:has(#editorApp)>.footer,body:has(#editorApp) .footer{display:none!important}
body:has(#editorApp) #pwaInstall{display:none!important}
.pwa-install[hidden]{display:none!important}
.pwa-install:not([hidden]){position:fixed!important;left:50%!important;right:auto!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;width:min(420px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;z-index:9999!important;display:grid!important;grid-template-columns:1fr auto!important;gap:9px 12px!important;align-items:center!important;padding:14px 15px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 35px #44223e30!important;border:1px solid #e8d2e1!important;text-align:left!important}
.pwa-install:not([hidden])>span{grid-column:1/-1;max-width:100%;min-width:0;white-space:normal!important;text-align:center;font-size:13px;font-weight:700}
.pwa-install #installApp{grid-column:1;justify-self:stretch;min-width:0;max-width:100%;font-size:13px}
.pwa-install #dismissInstall{grid-column:2;align-self:center;min-width:38px;min-height:38px;border-radius:12px}
@media(max-width:767px){
  #editorApp .editbar{position:sticky;top:0;z-index:80;max-width:100%;padding:10px;gap:8px;flex-wrap:wrap}
  #editorApp .editor-shell{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important}
  #editorApp .edit-side{order:1;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:15px!important}
  #editorApp .editor-stage{order:2;width:100%!important;height:auto!important;min-height:500px;max-height:850px;overflow-y:auto!important;padding:12px!important}
  #editorApp .edit-right{display:none!important}
  #editorApp #previewFrame{min-height:450px}
  #editorApp .editbar .actions{flex-wrap:wrap;justify-content:center}
  #editorApp input,#editorApp textarea,#editorApp select{max-width:100%;font-size:16px}
  .topbar,.topbar nav{max-width:100vw;min-width:0;flex-wrap:wrap;gap:8px;justify-content:center}
  .topbar img,.topbar .brand img{max-width:min(65vw,240px);height:auto}
  .pwa-install:not([hidden]){bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
}