.post-editor-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:2px; margin:0; padding:5px 8px; border-radius:8px 8px 0 0; background:#303030; color:#fff; }
.post-editor-toolbar .post-editor-tool { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:36px; min-width:36px; height:36px; min-height:36px; padding:0; border:0; border-radius:4px; background:transparent; color:#fff; font:17px/1 system-ui,sans-serif; cursor:pointer; }
.post-editor-toolbar .post-editor-tool:hover { background:#535353; }
.post-editor-toolbar .post-editor-tool[aria-pressed="true"] { background:#696969; box-shadow:inset 0 -3px #a8e4cf; }
.post-editor-toolbar .post-editor-tool:focus-visible { outline:2px solid #a8e4cf; outline-offset:-2px; }
.post-editor-tool[data-tool="bold"] { font-weight:800; }
.post-editor-tool[data-tool="italic"] { font-style:italic; font-family:serif; }
.post-editor-tool[data-tool="underline"] { text-decoration:underline; }
.post-editor-tool[data-tool="strikeThrough"] { text-decoration:line-through; }
.post-editor-divider { height:24px; width:1px; background:#6b6b6b; margin:0 5px; }
.post-editor-link { display:flex; flex-wrap:wrap; align-items:end; gap:8px; padding:12px; background:var(--bg-card,white); }
.post-editor-link[hidden] { display:none; }
.post-editor-link label { flex:1 1 200px; }
.post-editor-link input { width:100%; box-sizing:border-box; }
.post-edit-form { padding:0 16px 16px; min-width:0; }
.feed-post.post-is-editing { display:block !important; }
.feed-post.post-is-editing > .feed-post-body, .feed-post.post-is-editing > .feed-photo-identification, .feed-post.post-is-editing > .feed-post-actions-bar { display:none !important; }
.post-editor-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 12px; }
.post-editor-actions [role="status"] { flex:1 1 180px; font-size:.85rem; }
.post-edit-form > .post-preview { max-height:240px !important; width:auto !important; max-width:100%; }
@media(pointer:coarse) { .post-editor-toolbar .post-editor-tool { width:44px; min-width:44px; height:44px; } }
.post-editor-surface { min-height:160px; padding:.8rem; border:1px solid var(--border); border-radius:0 0 8px 8px; background:var(--bg-card, white); color:var(--text,#222); overflow-wrap:anywhere; white-space:pre-wrap; box-sizing:border-box; }
.post-editor-surface:focus-visible { outline:3px solid #397d64; outline-offset:2px; }
.post-rich-body { white-space:pre-wrap; overflow-wrap:anywhere; }
.post-rich-body p, .post-rich-body div { white-space:pre-wrap; }
.post-rich-body ul, .post-rich-body ol, .post-editor-surface ul, .post-editor-surface ol { padding-left:1.7rem; }
.post-rich-body h2, .post-editor-surface h2 { font-size:1.35rem; }
.post-rich-body h3, .post-editor-surface h3 { font-size:1.15rem; }
.post-rich-body a { text-decoration:underline; }
.post-ratio-control { display:block; margin:.7rem 0; }
.post-ratio-control select { display:block; max-width:100%; min-height:44px; }
.feed-post .post-banner[data-ratio="wide"], .post-preview[data-ratio="wide"] { aspect-ratio:3 / 1; }
.feed-post .post-banner[data-ratio="landscape"], .post-preview[data-ratio="landscape"] { aspect-ratio:16 / 9; }
.feed-post .post-banner[data-ratio="square"], .post-preview[data-ratio="square"] { aspect-ratio:1; }
.feed-post .post-banner:not([data-ratio="original"]), .post-preview:not([data-ratio="original"]) { width:100%; height:auto; max-height:none !important; object-fit:cover; }
.post-preview { display:block; max-width:100%; max-height:360px; margin:.5rem 0; }