.workspace { overflow: hidden; }
.builder-panel { height: 100%; overflow-y: auto; overscroll-behavior: contain; }
.preview-area { height: 100%; overflow: hidden; }
.canvas-wrap { flex: 1; min-height: 0; align-items: flex-start; overscroll-behavior: contain; }
.canvas-wrap.mobile-view { width: min(390px, 100%); }
.mobile-view .empty-preview { max-width: 100%; padding: 38px 18px 28px; overflow: hidden; }
.mobile-view .empty-mark { width: 48px; height: 48px; margin-bottom: 18px; border-radius: 12px; font-size: 21px; }
.mobile-view .empty-preview h2 { margin: 12px auto 16px; font-size: 36px; line-height: 1.02; }
.mobile-view .empty-preview > p { font-size: 15px; line-height: 1.55; }
.mobile-view .benefit-grid { grid-template-columns: 1fr; gap: 0; margin-top: 27px; }
.mobile-view .benefit-grid article { padding: 17px 4px; border: 0; border-top: 1px solid #d9d6cf; border-radius: 0; background: transparent; }
.mobile-view .generated-hero { padding: 40px 18px; gap: 22px; }
.mobile-view .generated-hero h2 { font-size: 38px; }
.mobile-view .generated-section { padding: 38px 18px; }
.mobile-view .generated-section h3,.mobile-view .generated-cta h3 { font-size: 30px; }
.mobile-view .generated-grid { gap: 9px; margin-top: 22px; }
.mobile-view .generated-grid article { padding: 17px; border-radius: 9px !important; }
.mobile-view .generated-grid article > span { margin-bottom: 11px; }
.mobile-view .generated-quote { padding: 40px 18px; }
.mobile-view .generated-quote blockquote { font-size: 25px; }
.mobile-view .generated-cta { padding: 35px 18px; }
.mobile-view.generated-site,.mobile-view .generated-hero,.mobile-view .generated-section,.mobile-view .generated-grid,.mobile-view .generated-cta { width: 100%; max-width: 100%; overflow-x: hidden; }
.mobile-view .generated-hero > *,.mobile-view .generated-section > *,.mobile-view .generated-grid > * { min-width: 0; max-width: 100%; }
.mobile-view .generated-hero h2,.mobile-view .generated-section h3,.mobile-view .generated-grid strong,.mobile-view .generated-grid p { overflow-wrap: anywhere; }
.mobile-view .custom-element{--weavr-scale:1;--weavr-width:auto;--weavr-x:0px;--weavr-y:0px;width:auto!important;max-width:100%!important;transform:none!important;overflow-wrap:normal!important;word-break:normal!important}
.mobile-view .generated-hero,.mobile-view .generated-section.section-split,.mobile-view .generated-contact.section-split{display:block!important;grid-template-columns:1fr!important}
.mobile-view .generated-contact-form{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
.mobile-view .generated-contact-form>*{grid-column:1!important;width:100%!important;min-width:0!important}
.mobile-view .generated-grid,.mobile-view .generated-gallery .generated-grid,.mobile-view .section-mosaic .generated-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
.mobile-view .section-list .generated-grid article{display:block!important;grid-template-columns:minmax(0,1fr)!important;padding:17px!important}
.mobile-view .section-list .generated-grid article>*{display:block!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.mobile-view .layout-editorial .generated-section,.mobile-view .section-split.generated-section{display:block!important;grid-template-columns:minmax(0,1fr)!important}
.mobile-view .layout-editorial .generated-section>*,.mobile-view .layout-editorial .generated-section .generated-grid{grid-column:auto!important;width:100%!important;max-width:100%!important}
.mobile-view .layout-showcase .generated-hero,.mobile-view .layout-magazine .generated-hero{grid-template-columns:minmax(0,1fr)!important}
.mobile-view .layout-stacked{padding:5px!important}
.mobile-view .generated-grid strong,.mobile-view .generated-grid p{width:100%!important;max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.mobile-view .image-replace{position:static!important;display:inline-flex!important;margin:0 0 10px!important}
.mobile-view .item-tools{position:static!important;display:flex!important;margin-bottom:8px!important;opacity:1!important}
.generated-site footer::after{content:"Powered by Weavr";color:inherit;opacity:.68;font-size:11px;letter-spacing:.04em}

@media (max-width: 700px) {
  .workspace { height: auto; overflow: visible; }
  .builder-panel,.preview-area { height: auto; overflow: visible; }
  .topbar { min-height: 58px; padding: 8px 12px; flex-wrap: nowrap; }
  .topbar > .brand { gap: 0; }
  .topbar > .brand > span:last-child { display: none; }
  .mark { width: 32px; height: 32px; font-size: 16px; }
  .top-actions { gap: 5px; min-width: 0; }
  .account-status { max-width: 62px; font-size: 11px; }
  .help-button { height: 34px; padding-inline: 10px; font-size: 11px; }
  .publish { height: 34px !important; padding-inline: 11px !important; font-size: 0 !important; }
  .publish::after { content: "Publish"; font-size: 11px; }
  .builder-panel { padding: 25px 18px; }
  .panel-heading h1 { font-size: 27px; }
  .panel-heading p { margin-bottom: 22px; }
  textarea { height: 132px; padding: 12px; }
  .generate { height: 46px; }
  .preview-toolbar { height: 46px; grid-template-columns: minmax(0, 1fr) auto; padding: 0 10px; gap: 8px; }
  .window-dots { display: none; }
  .url { justify-self: stretch; width: 100%; }
  .devices { display: flex; }
  .canvas-wrap { padding: 8px; background: #eef1f0; }
  .empty-canvas { min-height: auto; }
  .empty-preview { max-width: none; padding: 38px 18px 28px; }
  .empty-mark { width: 48px; height: 48px; margin-bottom: 18px; border-radius: 12px; font-size: 21px; }
  .empty-preview h2 { margin: 12px auto 16px; font-size: 36px; line-height: 1.02; }
  .empty-preview > p { font-size: 15px; line-height: 1.55; }
  .benefit-grid { gap: 0; margin-top: 27px; }
  .benefit-grid article { padding: 17px 4px; border: 0; border-top: 1px solid #d9d6cf; border-radius: 0; background: transparent; }
  .benefit-grid b { margin-bottom: 5px; font-size: 15px; }
  .benefit-grid span { font-size: 12px; }
  .generated-nav { height: 60px; padding: 0 14px; }
  .generated-brand b { width: 34px; height: 34px; }
  .generated-brand span { max-width: 125px; font-size: 12px; }
  .generated-nav > a { padding: 9px 11px; font-size: 10px; }
  .generated-hero { padding: 40px 18px; gap: 22px; }
  .generated-hero h2 { margin: 12px 0 16px; font-size: 38px; line-height: 1.02; }
  .generated-hero p { margin-bottom: 22px; font-size: 15px; line-height: 1.55; }
  .generated-art { height: 190px; }
  .generated-section { padding: 38px 18px; }
  .generated-section h3,.generated-cta h3 { margin-block: 9px; font-size: 30px; line-height: 1.08; }
  .section-intro { margin-bottom: 0; font-size: 14px; }
  .generated-grid { gap: 9px; margin-top: 22px; }
  .generated-grid article { padding: 17px; border-radius: 9px !important; }
  .generated-grid article > span { margin-bottom: 11px; font-size: 10px; }
  .generated-grid strong { font-size: 17px; }
  .generated-grid p { margin: 7px 0 0; font-size: 13px; }
  .generated-image { margin-bottom: 13px; aspect-ratio: 16 / 10; }
  .generated-quote { padding: 40px 18px; }
  .generated-quote blockquote { margin: 12px auto; font-size: 25px; }
  .generated-cta { padding: 35px 18px; gap: 18px; }
  .generated-contact-form { gap: 9px; margin-top: 20px; }
  .generated-contact-form input,.generated-contact-form textarea { padding: 12px; }
  .generated-contact-form textarea { min-height: 105px; }
  .generated-site footer { padding: 23px 18px; font-size: 12px; }
  .generated-site,.generated-hero,.generated-section,.generated-grid,.generated-cta { width: 100%; max-width: 100%; overflow-x: hidden; }
  .generated-hero > *,.generated-section > *,.generated-grid > *,.generated-cta > * { min-width: 0; max-width: 100%; }
  .generated-hero h2,.generated-section h3,.generated-grid strong,.generated-grid p { overflow-wrap: anywhere; }
  .generated-cta > a { flex: 0 0 auto; max-width: 100%; text-align: center; }
  .layout-stacked { padding: 5px; }
  .layout-stacked .generated-nav,.layout-stacked .generated-hero,.layout-stacked .generated-section,.layout-stacked .generated-quote,.layout-stacked .generated-cta,.layout-stacked footer { margin-bottom: 5px; border-radius: 10px; }
}
/* Mobile theme values are independent from desktop values. */
.mobile-view.generated-site{--g-primary:var(--gm-primary,var(--g-primary));--g-accent:var(--gm-accent,var(--g-accent));--g-bg:var(--gm-bg,var(--g-bg));--g-text:var(--gm-text,var(--g-text))}.mobile-view.mobile-font-classic{font-family:Georgia,"Times New Roman",serif}.mobile-view.mobile-font-display{font-family:Impact,"Arial Black",sans-serif}.mobile-view.mobile-layout-centered .generated-hero{text-align:center}.mobile-view.mobile-layout-centered .generated-hero>div:first-of-type{align-items:center}.mobile-view.mobile-layout-minimal .generated-hero{background:var(--g-surface);color:var(--g-text)}.mobile-view.mobile-radius-sharp .generated-grid article,.mobile-view.mobile-radius-sharp .generated-art,.mobile-view.mobile-radius-sharp .generated-contact-form input,.mobile-view.mobile-radius-sharp .generated-contact-form textarea{border-radius:0!important}.mobile-view.mobile-radius-round .generated-grid article{border-radius:18px!important}@media(max-width:700px){.generated-site{--g-primary:var(--gm-primary,var(--g-primary));--g-accent:var(--gm-accent,var(--g-accent));--g-bg:var(--gm-bg,var(--g-bg));--g-text:var(--gm-text,var(--g-text))}.generated-site.mobile-font-classic{font-family:Georgia,"Times New Roman",serif}.generated-site.mobile-font-display{font-family:Impact,"Arial Black",sans-serif}.generated-site.mobile-layout-centered .generated-hero{text-align:center}.generated-site.mobile-layout-centered .generated-hero>div:first-of-type{align-items:center}.generated-site.mobile-layout-minimal .generated-hero{background:var(--g-surface);color:var(--g-text)}}