.cbfe-heading{margin-bottom:22px}.cbfe-heading h2{margin:20px 0 8px}.cbfe-shell{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:24px;align-items:start}.cbfe-pages{display:grid;gap:8px;position:sticky;top:20px}.cbfe-pages button{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.cbfe-pages button[aria-current=page]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);font-weight:700}.cbfe-pages small{font-size:.78em;opacity:.75;align-self:center}.cbfe-pages .cbfe-preview-button{margin-top:12px;justify-content:center}.cbfe-main{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:26px;min-width:0}.cbfe-main h3{margin-top:0}.cbfe-main .field{margin:22px 0 12px}.cbfe-main textarea{width:100%;line-height:1.6;min-height:8rem;resize:vertical}.cbfe-toggle{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.cbfe-toggle input{width:18px;height:18px;margin-top:4px;flex-shrink:0}.cbfe-language{display:flex;gap:8px;margin:24px 0 18px;border-bottom:1px solid var(--border)}.cbfe-language button{font:inherit;color:var(--text);background:transparent;border:0;border-bottom:3px solid transparent;padding:10px 16px;cursor:pointer}.cbfe-language button[aria-pressed=true]{border-color:var(--green);font-weight:700}.cbfe-document{border-top:1px solid var(--border);padding-top:24px;margin-top:26px}.cbfe-document>.button{margin-top:18px}.cbfe-auto p{line-height:1.7}.cbfe-preview{display:block;width:100%;height:72vh;min-height:480px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
@media(max-width:850px){.cbfe-shell{grid-template-columns:1fr}.cbfe-pages{position:static;display:flex;flex-wrap:wrap;gap:6px}.cbfe-pages button{padding:10px;font-size:.88em}.cbfe-pages small{display:none}.cbfe-pages .cbfe-preview-button{margin-top:0}.cbfe-main{padding:18px}}

.cbfe-rich-field{display:block}.cbfe-rich-field>label{display:block;margin-bottom:9px}.cbfe-rich-field .ql-toolbar{font-family:inherit;border-color:var(--border);background:var(--surface);border-radius:var(--radius) var(--radius) 0 0}.cbfe-rich-field .ql-container{font-family:inherit;font-size:1rem;border-color:var(--border);border-radius:0 0 var(--radius) var(--radius)}.cbfe-rich-field .ql-editor{font-weight:400;font-style:normal;min-height:10rem;line-height:1.65;color:var(--ink);overflow-wrap:anywhere}.cbfe-document .cbfe-rich-field .ql-editor{min-height:22rem;max-height:65vh;overflow-y:auto}.cbfe-rich-field .ql-editor h2{font-size:1.4em}.cbfe-rich-field .ql-editor h3{font-size:1.18em}.cbfe-rich-field .ql-picker-label:focus-visible,.cbfe-rich-field .ql-toolbar button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.cbfe-rich-field .ql-stroke{stroke:var(--ink)}.cbfe-rich-field .ql-fill{fill:var(--ink)}.cbfe-rich-field .ql-picker{color:var(--ink)}.cbfe-rich-field .ql-toolbar button:hover .ql-stroke,.cbfe-rich-field .ql-toolbar button.ql-active .ql-stroke{stroke:var(--green)}.cbfe-rich-field .ql-toolbar button:hover .ql-fill,.cbfe-rich-field .ql-toolbar button.ql-active .ql-fill{fill:var(--green)}.cbfe-text-count{text-align:right;margin:5px 0 0}