.page-editor-form{position:relative}.editor-outline{position:sticky;top:96px;z-index:2;display:flex;gap:8px;overflow-x:auto;margin:0 0 22px;padding:8px;border:1px solid var(--line);border-radius:12px;background:rgba(18,20,25,.94);box-shadow:0 12px 30px rgba(0,0,0,.18);scrollbar-width:thin}.editor-outline-link{flex:0 0 auto;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap;transition:color .2s ease,background .2s ease,border-color .2s ease}.editor-outline-link:hover,.editor-outline-link:focus-visible{color:var(--ink);background:rgba(223,37,56,.12);border-color:rgba(223,37,56,.45)}[data-editor-section]{scroll-margin-top:112px}.editor-section-toggle{margin-left:auto;flex:0 0 auto;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.editor-section-toggle:hover,.editor-section-toggle:focus-visible{color:var(--ink);background:rgba(223,37,56,.12);border-color:rgba(223,37,56,.45)}.editor-section-body[hidden]{display:none}.page-editor-actions{position:sticky;bottom:16px;z-index:3;display:flex;justify-content:flex-end;gap:10px;margin:26px -4px -4px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(18,20,25,.94);box-shadow:0 18px 42px rgba(0,0,0,.38);backdrop-filter:blur(14px)}.page-editor-form.has-unsaved-changes .page-editor-actions:before{content:'Alterações não salvas';margin-right:auto;align-self:center;color:#ffb3bb;font-size:12px;font-weight:700}@media(max-width:600px){.editor-outline{top:86px}.page-editor-actions{bottom:8px;flex-wrap:wrap;margin-left:0;margin-right:0}.page-editor-form.has-unsaved-changes .page-editor-actions:before{width:100%;margin-right:0}.editor-section-toggle{font-size:10px}.section-title-row{align-items:flex-start;flex-wrap:wrap}}

/* O editor de páginas usa uma área ampla e um espaçamento consistente em todos os Template Kits. */
.panel.narrow:has(.page-editor-form) {
  max-width: none;
  padding: 30px;
}

.page-editor-form > label {
  margin-bottom: 24px;
}

.page-editor-form .page-editor-intro {
  margin-bottom: 30px;
  padding: 20px 22px;
}

.page-editor-form .editor-outline {
  margin-bottom: 30px;
  padding: 10px;
}

.page-editor-form .content-section,
.page-editor-form .repeater-section {
  margin: 32px 0;
  padding: 30px;
}

.page-editor-form .section-title-row {
  margin-bottom: 12px;
}

.page-editor-form .section-help,
.page-editor-form .field-hint {
  margin: 0 0 22px;
  line-height: 1.55;
}

.page-editor-form .repeater-heading {
  margin-bottom: 24px;
}

.page-editor-form .repeater-items {
  gap: 20px;
}

.page-editor-form .repeater-item {
  padding: 24px;
}

.page-editor-form .image-picker-field {
  margin: 24px 0;
}

@media (max-width: 700px) {
  .panel.narrow:has(.page-editor-form) {
    max-width: none;
    padding: 20px 16px;
  }

  .page-editor-form .content-section,
  .page-editor-form .repeater-section {
    margin: 24px 0;
    padding: 20px 16px;
  }

  .page-editor-form .repeater-item {
    padding: 18px 14px;
  }
}