.faithful-editor{display:grid;gap:32px}.faithful-editor .editor-grid{grid-template-columns:minmax(0,720fr) minmax(0,356fr);gap:16px}.faithful-editor .editor-main,.faithful-editor .editor-aside{gap:36px;align-content:start}.faithful-editor .page-content{gap:24px}.faithful-editor .page-content>.field{margin-bottom:-14px}.faithful-editor .card{padding:16px}.faithful-editor .section-heading{gap:10px}.faithful-editor input,.faithful-editor select{font-size:16px;line-height:18px;border-radius:10px;padding:10px 12px;min-width:0;width:100%;height:42px}.faithful-editor .forge-switch{width:40px;height:24px;min-height:24px;padding:2px;border-radius:999px}.faithful-editor button{border-radius:10px;font-weight:700}.faithful-editor .button-secondary{background:#f4f4f4}.faithful-editor .field{gap:10px}.faithful-editor .url-panel{display:grid;gap:12px}.hierarchy-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hierarchy-inputs .field{align-content:start}.url-summary{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:10px;font-size:12px;overflow-wrap:anywhere}.url-summary span{margin-left:24px}.faithful-editor .structured-fields{background:white;border:1px solid var(--line);padding:16px;gap:16px}.structured-badge{border-radius:2px;background:#2563eb;color:white;font-size:12px;line-height:14px;width:max-content;padding:2px 4px}.faithful-editor .section-title{font-size:28px;line-height:26px}.faithful-editor .page-section{background:var(--canvas);border-radius:12px}.faithful-editor .page-section.is-hidden{background:white;border-style:dashed}.faithful-editor .section-count{font-size:12px;line-height:14px}.section-legend{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:14px}.section-legend b{color:#e6007e;margin-right:6px}.section-legend span:nth-child(2) b{color:#2563eb}.section-legend span:nth-child(3) b{color:#00aa57}.editor-panel{display:block}.editor-panel>summary{list-style:none;cursor:pointer;display:flex;gap:10px;justify-content:space-between;align-items:start}.editor-panel>summary::-webkit-details-marker{display:none}.editor-panel>summary:after{content:'';width:20px;height:20px;flex-shrink:0;background:var(--forge-accordion-chevron) center/contain no-repeat}.editor-panel[open]>summary:after{transform:rotate(180deg)}.editor-panel>summary>span{display:grid;gap:10px}.editor-panel summary strong{font-size:20px;line-height:18px;letter-spacing:-.02em}.editor-panel summary small{font-size:14px;line-height:16px;color:var(--secondary)}.panel-content{display:grid;gap:16px;margin-top:32px}.panel-content .switch-row{border:0;padding:0;min-height:36px}.panel-content .switch-row>span{display:grid;gap:4px;font-size:14px;line-height:16px}.panel-content .switch-row small{display:block;font-size:12px;line-height:14px;color:var(--secondary)}.publish-status{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;border-bottom:1px solid var(--line);font-size:14px}.schedule-fields{display:grid;gap:16px}.schedule-datetime{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.schedule-datetime input{font-size:14px}.page-information{display:grid;gap:24px;margin:0}.page-information>div{display:flex;gap:16px;justify-content:space-between;font-size:12px;line-height:14px}.page-information dt{color:var(--secondary)}.page-information dd{margin:0;text-align:right;overflow-wrap:anywhere}.faithful-editor .savebar{height:auto;min-height:65px;top:16px;padding:16px;z-index:25;box-shadow:0 12px 32px -4px #11111124}.faithful-editor .savebar>span{font-size:14px}.faithful-editor .save-actions{display:flex;gap:20px}.faithful-editor .save-actions button{min-width:136px;min-height:32px;padding:8px 12px}.faithful-editor .plugin-panel{gap:36px}.seo-social{background:var(--canvas);padding:16px;border-radius:12px;display:grid;gap:24px}.seo-social .field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seo-social .seo-image-control{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:white;border:1px solid var(--border-strong);padding:10px 12px;height:42px;font-weight:400}.seo-image-control span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-image-control .nav-icon{width:20px;height:20px;flex-shrink:0;color:var(--secondary)}.seo-social h3{font-size:16px;line-height:18px}.revision-dialog{max-width:800px}.revision-row{display:flex;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.revision-row>span{display:grid;gap:10px}.revision-row small{color:var(--secondary)}
@media(max-width:1099px){.faithful-editor .editor-grid{grid-template-columns:minmax(0,1fr) 320px}.hierarchy-inputs{grid-template-columns:1fr}.faithful-editor .save-actions{gap:10px}.faithful-editor .save-actions button{min-width:100px}.section-legend{flex-wrap:wrap}}
@media(max-width:760px){.faithful-editor .editor-grid{grid-template-columns:1fr}.faithful-editor .editor-main,.faithful-editor .editor-aside{gap:16px}.faithful-editor{gap:24px}.faithful-editor .savebar{top:10px}.faithful-editor .savebar>span{flex-basis:100%;order:2}.faithful-editor .save-actions{width:100%;gap:10px}.faithful-editor .save-actions button{flex:1;min-width:0;font-size:14px}.faithful-editor .section-title{font-size:28px;line-height:26px}.faithful-editor .structured-fields{padding:16px}.faithful-editor .section-body{padding:0 16px 16px}.faithful-editor .seo-social .field-row{grid-template-columns:1fr}.faithful-editor .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faithful-editor .field-row button{min-width:0}.section-legend{display:grid;gap:10px}.revision-row{flex-wrap:wrap}}
.faithful-editor .structured-badge{color:#fff}.seo-panel-heading{display:grid;gap:10px}.seo-social .seo-image-control{color:var(--ink)}.faithful-editor .panel-content>button,.faithful-editor .panel-content .field-row>button{width:100%}.faithful-editor .section-body>.content-field:has(>[data-path$=".name"]){border:0;padding:0;background:none}.faithful-editor .content-item{position:relative}.faithful-editor .content-item>summary{padding-left:44px}.item-grip{position:absolute;left:10px;top:12px;display:grid;place-items:center;padding:0!important;min-height:32px!important;width:24px!important;background:transparent!important;border:0!important;touch-action:none;cursor:grab}.item-grip img{width:10px;height:16px}.content-item.is-hidden>summary .item-title:after,.page-section.is-hidden>summary .section-title:after{content:'';display:inline-block;background:url('editor-hide.svg') center/contain no-repeat;width:17px;height:14px;margin-left:10px}.reorder-keyboard{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reorder-keyboard:focus{position:static;width:auto;height:auto;clip-path:none}.item-actions{display:flex;justify-content:space-between}.item-actions .text-button{color:var(--ember)}.item-dragging{opacity:.45;box-shadow:0 -3px var(--ember)}.faithful-editor .item-fields>.content-field{border:0;padding:0}.faithful-editor .item-fields{padding:0 16px 16px 44px}
.faithful-editor .grouped-content>.content-field{border:0;padding:0;border-radius:0}.faithful-editor .grouped-content{gap:16px}.cta-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.cta-fields .field{min-width:0}.faithful-editor .content-field[data-field-type=cta]>.switch-row{border:0;padding:0;font-weight:700;font-size:20px;line-height:18px}.faithful-editor .content-field[data-field-type=cta]{gap:16px}.faithful-editor .content-field[data-field-type=cta]>.switch-row span{font-size:20px;line-height:18px}.faithful-editor .content-field[data-field-type=cta] .link-control{height:42px;min-height:42px;background:#fff;font-weight:400;min-width:0;overflow:hidden}.faithful-editor .grouped-content h4{font-size:20px;line-height:18px}
@media(max-width:760px){.cta-fields{grid-template-columns:1fr}}
@media(min-width:761px) and (max-width:1099px){.faithful-editor .editor-aside{grid-row:auto;grid-template-columns:1fr}.faithful-editor .editor-main{grid-column:1}.faithful-editor .editor-aside{grid-column:2}}
@media(max-width:760px){.faithful-editor .editor-aside,.faithful-editor .editor-main{display:contents}.faithful-editor .editor-grid>.editor-aside>.editor-panel:nth-child(1){order:1}.faithful-editor .editor-grid>.editor-aside>.editor-panel:nth-child(2){order:2}.faithful-editor .page-content{order:3}.faithful-editor .plugin-panel{order:4}.faithful-editor .editor-aside>.editor-panel:nth-child(3){order:5}.faithful-editor .editor-aside>.editor-panel:nth-child(4){order:6}.faithful-editor .page-danger{order:7}}



/* Page 03: responsive editor composition from the canonical frames. */
.faithful-editor .page-heading{margin:0}
.faithful-editor .page-heading>div{gap:16px;padding-bottom:16px}
.faithful-editor .page-heading h1{font-size:36px;line-height:33px;letter-spacing:-.72px}
.faithful-editor .page-description{font-size:16px;line-height:18px}



.faithful-editor .rich-text-panel .rich-editor-canon .tiptap{min-height:608px}.faithful-editor .rich-text-panel .rich-editor-canon .editor-html-source{min-height:608px}
.faithful-editor .rich-text-panel .tiptap h2{font-size:20px;line-height:18px;letter-spacing:-.4px}
@supports(text-box-trim:trim-both){
 .faithful-editor .page-heading h1,.faithful-editor .page-description{text-box-trim:trim-both;text-box-edge:cap alphabetic}
 .faithful-editor .section-title,.faithful-editor .section-count,.faithful-editor .section-type,.faithful-editor .section-heading h2,.faithful-editor .editor-panel summary strong{text-box-trim:trim-both;text-box-edge:cap alphabetic}
}
@media(min-width:761px) and (max-width:1099px){
 .content:has(>.faithful-editor){padding:32px}
 .faithful-editor{gap:16px}
 .faithful-editor .editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
 .faithful-editor .editor-main,.faithful-editor .editor-aside{display:contents}
 .faithful-editor .editor-aside>.editor-panel:nth-child(1){grid-column:1;grid-row:1}
 .faithful-editor .editor-aside>.editor-panel:nth-child(2){grid-column:2;grid-row:1}
 .faithful-editor .page-content{grid-column:1 / -1;grid-row:2}
 .faithful-editor .editor-aside>.editor-panel:nth-child(3){grid-column:1;grid-row:3}
 .faithful-editor .editor-aside>.editor-panel:nth-child(4){grid-column:2;grid-row:3}
 .faithful-editor .plugin-panel{grid-column:1 / -1;grid-row:4}
 .faithful-editor .page-danger{grid-column:1 / -1;grid-row:5}
 .faithful-editor .hierarchy-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .faithful-editor{gap:16px}
 .faithful-editor .page-description{font-size:20px;line-height:24px}
 .faithful-editor .editor-grid>.editor-aside>.editor-panel:nth-child(3){order:4}
 .faithful-editor .plugin-panel{order:5}
 .faithful-editor .editor-grid{gap:16px}
}
@media(min-width:761px) and (max-width:1099px){
 .faithful-editor:has(.fb-page-panel) .fb-page-panel{grid-row:3}
 .faithful-editor:has(.fb-page-panel) .editor-aside>.editor-panel:nth-child(3),
 .faithful-editor:has(.fb-page-panel) .editor-aside>.editor-panel:nth-child(4){grid-row:5}
 .faithful-editor:has(.fb-page-panel) .page-danger{grid-row:6}
}
/* Page Edit form placement: Figma 544:21983. Loaded with Page Edit itself. */
.faithful-editor .fb-page-panel{display:flex;flex-direction:column;gap:16px;min-width:0;border-color:#5900ff}
.faithful-editor .fb-page-panel .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:16px}
.faithful-editor .fb-page-panel .section-heading h2{font-size:20px;line-height:18px;letter-spacing:-.4px;margin:0}
.faithful-editor .fb-page-panel .plugin-badge{font-weight:700}
.faithful-editor .fb-page-panel select{background-size:16px 16px}
@supports(text-box-trim:trim-both){
 .faithful-editor .fb-page-panel h2,.faithful-editor .fb-page-panel .plugin-badge,.faithful-editor .fb-page-panel .section-heading p,.faithful-editor .fb-page-panel .field-label{text-box-trim:trim-both;text-box-edge:cap alphabetic}
}
.faithful-editor .fb-page-panel .section-heading p{font-size:14px;line-height:16px;color:var(--secondary);margin:0}
.faithful-editor .fb-page-panel .field-row{display:flex;align-items:flex-end;gap:16px;min-width:0;width:100%}
.faithful-editor .fb-page-panel .field-row .field{flex:1;min-width:0;margin:0}
.faithful-editor .fb-page-panel .field-row .button{display:flex;align-items:center;justify-content:center;flex:0 0 150px;width:150px;height:40px;min-height:40px;padding:8px 16px;border-radius:10px;font-size:14px;line-height:16px;font-weight:700;white-space:nowrap;align-self:flex-end}
@media(max-width:760px){
 .faithful-editor .fb-page-panel .field-row{flex-direction:column;align-items:stretch}
 .faithful-editor .fb-page-panel .field-row .button{flex:0 0 auto;width:100%}
}
.editor-toolbar {
  position: relative;
}

.editor-symbol-picker {
  width: min(560px, calc(100vw - 32px));
  padding: 24px;
  border: 0;
  border-radius: 16px;
  background: #fff;
}

.editor-symbol-picker::backdrop {
  background: rgb(0 0 0 / 80%);
}

.editor-symbol-grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(36px, 1fr));
  gap: 8px;
  max-height: min(420px, 60vh);
  overflow: auto;
}

.editor-symbol-grid button {
  min-width: 36px;
  padding: 8px 4px;
  border: 1px solid var(--line, #d6d6d6);
  border-radius: 8px;
  background: #fff;
  color: var(--primary, #171717);
  font-weight: 400;
}

.editor-symbol-grid button:hover,
.editor-symbol-grid button:focus-visible {
  background: var(--canvas, #f4f4f4);
}

.editor-symbol-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.editor-symbol-tabs button {
  padding: 8px 16px;
  border: 1px solid var(--line, #d6d6d6);
  border-radius: 8px;
  background: #fff;
  color: var(--primary, #171717);
}

.editor-symbol-tabs button[aria-pressed="true"] {
  border-color: var(--primary, #171717);
  background: var(--canvas, #f4f4f4);
}

.editor-emoji-picker {
  width: 100%;
  height: min(480px, 65vh);
  --border-color: var(--line, #d6d6d6);
  --button-hover-background: #f4f4f4;
  --button-active-background: #ededed;
}

.editor-emoji-panel[hidden] {
  display: none;
}

@media (max-width: 600px) {
  .editor-symbol-grid {
    grid-template-columns: repeat(6, minmax(36px, 1fr));
  }
}

/* Structured fields share the canonical toolbar with a compact editing surface. */
.faithful-editor .content-field>.rich-editor-canon .tiptap,
.faithful-editor .content-field>.rich-editor-canon .editor-html-source{min-height:100px}