.content-toolbar,.content-tools,.content-pagination,.content-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.content-toolbar { justify-content:space-between; padding:18px; }
.content-tools a { color:var(--accent); font-size:13px; text-decoration:none; margin-right:8px; }
.content-workspace { display:grid; grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr); gap:18px; align-items:start; }
.content-library { padding:10px; min-width:0; }
.content-item { display:grid; gap:9px; width:100%; padding:16px; text-align:left; margin-bottom:8px; border-color:transparent; background:transparent; }
.content-item.active { border-color:var(--accent); background:rgba(242,162,13,.06); }
.content-item strong { font-size:15px; overflow-wrap:anywhere; line-height:1.6; }
.content-item span { color:#c2cad0; font-size:12px; }
.content-item small,.content-hint,.content-meta { color:var(--muted); }
.content-pagination { padding:12px 3px 3px; justify-content:space-between; font-size:12px; }
.content-pagination button { padding:5px 8px; font-size:12px; }
.content-empty { color:var(--muted); padding:24px 12px; line-height:1.8; }
.content-editor { min-width:0; }
.content-form { padding:22px; }
.content-form fieldset { display:block; padding:0; margin:0; border:0; min-width:0; }
.content-form label { display:grid; align-content:start; gap:9px; margin-bottom:18px; font-size:13px; color:#c4cdd3; }
.content-form input,.content-form textarea { width:100%; min-width:0; font:inherit; color:var(--text); border:1px solid var(--line); border-radius:7px; background:var(--bg); padding:11px 12px; line-height:1.6; }
.content-form textarea { resize:vertical; }
.content-form input:focus,.content-form textarea:focus { outline:1px solid var(--accent); }
.content-form label small { color:var(--muted); }
.content-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.content-hint { font-size:12px; line-height:1.8; margin:0 0 16px; }
#content-message { margin:16px 0 0; color:var(--green); font-size:13px; overflow-wrap:anywhere; line-height:1.7; }
#content-message[data-error="true"] { color:var(--red); }
.content-preview-dialog { width:min(740px,calc(100vw - 32px)); max-height:85vh; padding:26px; color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:14px; }
.content-preview-dialog::backdrop { background:rgba(0,0,0,.65); }
.content-preview-dialog>header { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid var(--line); padding-bottom:16px; }
.content-preview-dialog>header h2 { font-size:16px; margin:0; }
#content-preview-body { padding:20px 0; overflow-wrap:anywhere; line-height:1.9; }
#content-preview-body h2 { font-size:24px; }
#content-preview-body h3 { font-size:16px; margin:24px 0 10px; }
#content-preview-body li { margin:8px 0; }
#content-preview-body img { max-width:100%; height:auto; display:block; border-radius:8px; margin-top:16px; }
.content-status { display:inline-block; border-radius:6px; padding:2px 9px; background:rgba(242,162,13,.1); color:var(--accent); font-size:12px; }
.content-prose { white-space:pre-wrap; }
@media(max-width:1050px) { .content-workspace { grid-template-columns:1fr; } #content-list { max-height:320px; overflow:auto; } }
@media(max-width:560px) { .content-field-grid { grid-template-columns:1fr; gap:0; } .content-form { padding:16px; } .content-toolbar { align-items:stretch; } .content-tools { width:100%; } }

.content-images { margin:2px 0 20px; border-top:1px solid var(--line); padding-top:16px; }
.content-images summary { color:var(--muted); font-size:13px; cursor:pointer; }
.content-images label { margin:14px 0 0; }
.content-secondary-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.content-secondary-actions:not(:has(button:not([hidden]))) { display:none; }
.content-secondary-actions button { font-size:12px; background:transparent; border-color:transparent; color:var(--muted); padding:4px 0; min-height:28px; margin-right:12px; }
.content-secondary-actions button.danger { color:var(--red); background:transparent; border-color:transparent; }
.content-form .select-trigger { height:44px; }
.content-form input { height:44px; }
.content-actions { justify-content:flex-end; }
.content-editor .panel-heading { gap:16px; }
#content-state { text-align:right; line-height:1.6; }
.content-update-options { margin:0 0 20px; padding:16px; border:1px solid var(--line); border-radius:8px; }
.content-form .content-checkbox { display:flex; align-items:center; gap:9px; margin:0 0 10px; line-height:1.6; }
.content-form .content-checkbox input { width:16px; height:16px; padding:0; flex:0 0 16px; accent-color:var(--accent); }
.content-update-options .content-hint { margin:0; }
.content-channel-label { display:block; margin:16px 0 10px; color:var(--muted); font-size:12px; }
.content-channel-options { display:flex; flex-wrap:wrap; gap:10px 24px; }
.content-update-options [hidden] { display:none; }