.landing-editor { padding: 23px 16px 50px; }
.lp-editor-intro { margin-bottom: 20px; }
.lp-eyebrow { font-size: 9px; font-weight: 650; letter-spacing: 1.4px; color: #b58bed; }
.lp-editor-intro h2 { margin: 7px 0 6px; font-size: 21px; }
.lp-editor-intro p, .lp-enable p { color: #92909c; font-size: 11px; line-height: 1.7; }
.lp-enable { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #16121d; border: 1px solid #393044; border-radius: 12px; padding: 15px 12px; margin-bottom: 20px; }
.lp-enable strong { font-size: 12px; font-weight: 600; }
.lp-enable p { margin-top: 4px; font-size: 10px; }
.lp-background { border-bottom: 1px solid #29242f; padding-bottom: 18px; margin-bottom: 20px; }
.lp-swatches { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.lp-swatch { width: 25px; height: 25px; border-radius: 7px; border: 2px solid #39333f; }
.lp-swatch.active { outline: 2px solid #a979ef; outline-offset: 2px; }
.lp-swatches .field { display: flex; align-items: center; gap: 6px; margin: 0; }
.lp-swatches .field-label { font-size: 10px; margin: 0; color: #9b8baa; }
.lp-swatches input[type=color] { width: 29px; height: 27px; padding: 2px; }
.lp-sequence-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: #8a8195; font-size: 10px; margin-bottom: 14px; }
.lp-sequence-heading strong { color: #c7b8d9; font-size: 10px; font-weight: 500; }
.lp-sequence { min-height: 130px; padding-bottom: 10px; }
.lp-empty-editor { border: 1px dashed #4a365f; border-radius: 13px; padding: 28px 15px; text-align: center; color: #ad9cbf; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.lp-empty-editor .icon { width: 28px; height: 28px; color: #a877e7; }
.lp-empty-editor strong { font-size: 13px; font-weight: 500; }
.lp-empty-editor p { font-size: 11px; line-height: 1.8; }
.lp-card-summary { padding: 0 14px 15px; color: #8f879a; font-size: 10px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.lp-block-help { color: #ae9abb; background: #20172d; padding: 10px; border-radius: 7px; margin-bottom: 15px; font-size: 11px; line-height: 1.7; }
.lp-editor-footer { border-top: 1px solid #2c2536; padding-top: 15px; }
.lp-editor-footer .button { width: 100%; }
.lp-editor-footer p { color: #8d8299; font-size: 10px; line-height: 1.8; margin-top: 10px; }
.lp-library-list { display: flex; flex-direction: column; gap: 10px; }
.landing-library .lp-library-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 12px; min-height: 74px; }
.lp-library-copy { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }
.lp-library-copy strong { font-size: 12px; font-weight: 550; color: #ddd2eb; }
.lp-library-copy strong small { font-size: 10px; color: #9d84b8; }
.lp-library-copy > span { font-size: 10px; line-height: 1.6; color: #8f829d; }
.lp-library-item > .icon { width: 13px; color: #a47ad1; }
.landing-editor .node-title-button > .icon { width: 13px; margin-left: auto; }
.landing-editor input[type=file] { max-width: 100%; font-size: 10px; padding: 7px; }
.landing-editor .node-card.dragover, .lp-sequence.dragover { outline: 2px solid #a46ded; outline-offset: 3px; }
.landing-editor .node-card.dragging { opacity: .4; }

/* The same page renderer is used in the editor and in the conversation link. */
.landing-preview.lp-page { display: block; height: 100%; padding: 0; overflow: auto; position: relative; color: #1f2937; text-align: initial; }
.lp-preview-status { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 6px; width: max-content; max-width: calc(100% - 28px); background: #fff0d4; color: #946014; border: 1px solid #efcc92; border-radius: 20px; font-size: 10px; line-height: 1.6; padding: 5px 10px; margin: 14px 14px 0; }
.lp-preview-status .icon { width: 12px; height: 12px; }
.lp-preview-status.enabled { background: #efe5ff; color: #7136b3; border-color: #cdb2f5; }
.lp-content { width: 100%; max-width: 680px; margin-inline: auto; padding: 30px 24px 45px; display: flex; flex-direction: column; gap: 18px; }
.lp-item { width: 100%; min-width: 0; }
.lp-item[hidden] { display: none !important; }
.lp-page .lp-logo { max-width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 0; display: inline-block; }
.lp-brand-text { display: inline-block; color: #7c3aed; font-weight: 750; font-size: 24px; line-height: 1.3; overflow-wrap: anywhere; }
.lp-page .lp-image { max-width: 100%; height: auto; max-height: none; object-fit: contain; display: inline-block; vertical-align: middle; }
.lp-page .lp-video { max-width: 100%; max-height: 450px; border-radius: 12px; background: #16121d; display: inline-block; vertical-align: middle; }
.lp-page .lp-text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; letter-spacing: normal; opacity: 1; }
.lp-page h1.lp-text, .lp-page h2.lp-text { line-height: 1.25; letter-spacing: -.5px; font-weight: 700; }
.lp-page .lp-caption { margin: 9px 0 0; font-size: 12px; line-height: 1.6; color: #64748b; opacity: 1; white-space: pre-wrap; }
.lp-cta { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 12px; padding: 15px 21px; font-size: 14px; font-weight: 650; line-height: 1.4; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.lp-cta.full { width: 100%; }
.landing-preview.lp-page { overflow: hidden; }
.lp-page-scroll { height: 100%; overflow: auto; overscroll-behavior: contain; }
.lp-has-floating .lp-content { padding-bottom: 100px; }
.lp-floating-slot { position: absolute; bottom: max(18px, env(safe-area-inset-bottom)); z-index: 5; }
.lp-floating-slot.right { right: max(18px, env(safe-area-inset-right)); }
.lp-floating-slot.left { left: max(18px, env(safe-area-inset-left)); }
.lp-live .lp-floating-slot { position: fixed; }
.lp-whatsapp-float { display: grid; place-items: center; width: 56px; height: 56px; padding: 9px; border-radius: 50%; border: 1px solid #ffffffa0; box-shadow: 0 3px 12px #0003; transition: transform .15s, filter .15s; }
.lp-whatsapp-float .icon { width: 36px; height: 36px; stroke-width: 1.6; }
.lp-whatsapp-float:disabled { cursor: default; opacity: 1; }
.lp-whatsapp-float:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.08); }
.lp-whatsapp-float:focus-visible { outline: 3px solid #128c45; outline-offset: 4px; }
.lp-sort-help { display: flex; gap: 7px; align-items: center; font-size: 11px; line-height: 1.6; margin-bottom: 14px; color: var(--panel-muted, #b9bbc5); }
.lp-sort-help .icon { flex: 0 0 16px; }
.lp-sort-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.landing-editor .lp-drag-handle, .landing-editor .node-icon[data-lp-drag] { cursor: grab; touch-action: none; }
.landing-editor .lp-drag-handle { border: 1px solid transparent; border-radius: 6px; padding: 5px; color: inherit; opacity: .8; background: transparent; }
.landing-editor .node-card:hover .lp-drag-handle, .lp-drag-handle:focus-visible { opacity: 1; background: #8b5cf622; border-color: #8b5cf67a; }
.landing-editor .node-card.dragging { opacity: .4; outline: 2px dashed #a78bfa; }
.lp-drag-active, .lp-drag-active * { cursor: grabbing !important; user-select: none !important; }
.lp-drop-line { position: fixed; height: 3px; background: #a78bfa; box-shadow: 0 0 0 1px #17111f; border-radius: 3px; pointer-events: none; z-index: 1000; }
.lp-drop-line::before { content: ''; position: absolute; width: 9px; height: 9px; left: -4px; top: -3px; background: #a78bfa; border-radius: 50%; }
.lp-drop-line::after { content: 'Solte aqui'; position: absolute; right: 8px; bottom: 5px; background: #6d28d9; color: #fff; border-radius: 5px; padding: 3px 7px; font-size: 10px; }
.lp-drag-ghost { position: fixed; z-index: 1001; pointer-events: none; padding: 9px 14px; background: #6d28d9; color: #fff; border: 1px solid #c4b5fd; border-radius: 8px; font-size: 12px; box-shadow: 0 4px 16px #0005; }
.lp-cta:disabled { opacity: 1; cursor: default; }
.lp-cta:hover:not(:disabled) { filter: brightness(1.08); }
.lp-cta:focus-visible { outline: 3px solid #b482f2; outline-offset: 3px; }
.lp-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 150px; background: #f4f2f8; border: 1px dashed #cfc6df; border-radius: 12px; color: #9a8cab; font-size: 12px; }
.lp-placeholder .icon { width: 28px; height: 28px; }
.lp-delay-note { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 10px; line-height: 1.6; color: #8a6aad; border: 1px dashed #cab6df; padding: 9px; border-radius: 8px; }
.lp-delay-note .icon { width: 13px; height: 13px; }
.lp-empty { min-height: 320px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 15px; padding: 30px 5px; }
.lp-empty .icon { width: 35px; height: 35px; color: #b9a6cd; }
.lp-empty h2 { font-size: 21px; line-height: 1.4; color: #3b2e4d; }
.lp-empty p { font-size: 13px; line-height: 1.8; color: #93859f; opacity: 1; }
@media(max-width:800px) {
  .editor.mobile-landing .editor-body { grid-template-columns: minmax(0,1fr) 170px; }
  .editor.mobile-landing .landing-library { display: block; }
  .landing-editor { padding: 20px 12px 45px; }
  .landing-library .lp-library-item { padding: 9px; gap: 7px; }
  .landing-library .lib-icon { width: 24px; height: 28px; }
  .lp-library-copy > span, .lp-library-item > .icon { display: none; }
  .lp-library-copy strong { font-size: 11px; }
  .lp-enable { flex-wrap: wrap; }
}
@media(max-width:520px) {
  .editor.mobile-landing .editor-body { grid-template-columns: minmax(0,1fr) 110px; }
  .landing-library .lp-library-item { flex-direction: column; align-items: flex-start; min-height: 67px; }
  .lp-editor-intro h2 { font-size: 18px; }
  .lp-content { padding: 25px 18px 35px; }
  .lp-preview-status { font-size: 9px; }
}