.content-editor-toolbar { display:flex; align-items:flex-end; flex-wrap:wrap; gap:1rem; padding:1.25rem; border:1px solid var(--color-border); background:var(--color-surface); border-radius:14px; margin-bottom:1rem; position:sticky; top:72px; z-index:5; }
.content-editor-toolbar label { display:grid; gap:.4rem; font-size:.85rem; color:var(--color-muted); flex:1; min-width:190px; }
.content-editor-toolbar select,.content-editor-toolbar input,.content-field textarea,.content-field input[type=text] { padding:.65rem .8rem; background:var(--color-surface); color:var(--color-text); border:1px solid var(--color-border); border-radius:9px; font:inherit; width:100%; }
.content-field { border:1px solid var(--color-border); border-radius:14px; padding:1.25rem; margin-bottom:1rem; background:var(--color-surface); }
.content-field-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.8rem; }
.content-field-heading label { font-size:.92rem; font-weight:700; overflow-wrap:anywhere; }
.content-field textarea { min-height:90px; resize:vertical; }
.content-field .content-image-preview { max-height:200px; max-width:100%; object-fit:contain; margin-bottom:1rem; border-radius:8px; background:var(--color-surface-alt); }
.content-image-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; margin-top:.7rem; }
.content-image-actions input { max-width:100%; }
.content-rich-toolbar { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:.6rem; }
.content-rich { min-height:160px; max-height:600px; overflow:auto; padding:1rem; border:1px solid var(--color-border); border-radius:9px; line-height:1.7; }
.content-rich:focus { outline:2px solid var(--color-primary); outline-offset:2px; }
.content-field.is-dirty { border-color:var(--color-primary); }
@media(max-width:760px) { .content-editor-toolbar { position:static; padding:1rem; gap:.7rem; } .content-editor-toolbar label,.content-editor-toolbar .btn { width:100%; } .content-field { padding:1rem; } }
.content-editor .admin-page-head { margin:.6rem 0 1rem; }
.content-editor-toolbar { padding:.85rem 1rem; gap:.75rem; margin-bottom:.7rem; }
.content-editor > .form-help { font-size:.78rem; margin:.5rem 0; }
.content-fold-actions { display:flex; align-items:center; justify-content:flex-end; gap:.5rem; margin:.8rem 0; }
.content-fold-actions > span { margin-right:auto; color:var(--color-muted); font-size:.8rem; }
.content-group { border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); margin-bottom:.65rem; }
.content-group-heading { display:flex; align-items:center; gap:.7rem; padding:.8rem 1rem; font-size:.88rem; font-weight:700; cursor:pointer; list-style:none; }
.content-group-heading::-webkit-details-marker,.content-field-heading::-webkit-details-marker { display:none; }
.content-group-heading::before { content:'›'; font-size:1.2rem; line-height:1; color:var(--color-primary); }
.content-group[open] > .content-group-heading::before { transform:rotate(90deg); }
.content-group-heading small { margin-left:auto; color:var(--color-muted); font-size:.72rem; font-weight:500; }
.content-fields-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; padding:0 .75rem .75rem; align-items:start; }
.content-field { min-width:0; padding:0; margin:0; border-radius:9px; box-shadow:none; }
.content-field-heading { display:grid; grid-template-columns:minmax(0,1fr) 14px; gap:.25rem .5rem; margin:0; padding:.65rem .75rem; cursor:pointer; list-style:none; }
.content-field-heading > span:first-child { font-size:.8rem; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; grid-column:1; }
.content-field-heading::after { content:'+'; grid-column:2; grid-row:1 / 3; align-self:center; color:var(--color-primary); text-align:center; }
.content-field[open] > .content-field-heading::after { content:'−'; }
.content-field-preview { grid-column:1; font-size:.72rem; color:var(--color-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.content-field.is-dirty > .content-field-heading { background:var(--color-surface-alt); border-radius:9px; }
.content-field-body { padding:0 .75rem .75rem; }
.content-field-body > .btn { display:flex; margin:0 0 .5rem auto; font-size:.7rem; padding:.3rem .6rem; }
.content-field textarea { min-height:64px; padding:.5rem .6rem; font-size:.85rem; line-height:1.4; }
.content-field .content-image-preview { max-height:110px; margin-bottom:.6rem; }
.content-field-wide { grid-column:1 / -1; }
.content-rich { min-height:120px; padding:.7rem; font-size:.9rem; }
.content-field .form-help { font-size:.72rem; margin-bottom:0; }
.content-group summary:focus-visible { outline:2px solid var(--color-primary); outline-offset:2px; }
@media(max-width:760px) { .content-fields-grid { grid-template-columns:1fr; gap:.45rem; padding:0 .55rem .55rem; } .content-editor-toolbar { padding:.75rem; gap:.5rem; } .content-editor-toolbar label { min-width:0; } .content-fold-actions .btn { font-size:.7rem; padding:.4rem .65rem; } .content-group-heading { padding:.7rem .75rem; } }