.composer-background-row{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.composer-background-trigger-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.composer-background-trigger{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);cursor:pointer;font-weight:700}
.composer-background-trigger.is-open{border-color:var(--accent)}
.composer-background-trigger-preview{width:22px;height:22px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.composer-background-current{font-size:13px;color:var(--muted)}
.composer-background-palette{display:none;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.composer-background-palette.is-open{display:block}
.composer-background-group-title{font-size:13px;font-weight:700;color:var(--muted);margin:2px 0 8px}
.composer-background-swatches{display:flex;flex-wrap:wrap;gap:10px}
.composer-bg-swatch{width:34px;height:34px;border-radius:999px;border:2px solid transparent;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.composer-bg-swatch:hover{transform:translateY(-1px)}
.composer-bg-swatch.is-active{border-color:var(--text)}
.composer-bg-swatch.is-active::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.composer-bg-clear{margin-left:auto;background:transparent;color:var(--muted);border:1px solid var(--line)}
.composer-image-preview-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.composer-image-preview-item{width:40px;height:40px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}
.composer-image-preview-item img{width:100%;height:100%;object-fit:cover;display:block}
.composer-image-preview-count{font-size:12px;color:var(--muted);font-weight:700}
.post-content-background{min-height:180px;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;font-size:28px;font-weight:700;line-height:1.35;border-radius:16px;color:#fff;margin-top:6px;white-space:pre-wrap}
.post-card-background{overflow:hidden}
.post-bg-solid-red .post-content-background{background:#d32f2f}
.post-bg-solid-orange .post-content-background{background:#f57c00}
.post-bg-solid-amber .post-content-background{background:#ffb300;color:#2b2100}
.post-bg-solid-yellow .post-content-background{background:#fdd835;color:#2b2100}
.post-bg-solid-lime .post-content-background{background:#c0ca33;color:#233000}
.post-bg-solid-green .post-content-background{background:#2e7d32}
.post-bg-solid-teal .post-content-background{background:#00897b}
.post-bg-solid-cyan .post-content-background{background:#00acc1}
.post-bg-solid-blue .post-content-background{background:#1976d2}
.post-bg-solid-purple .post-content-background{background:#7b1fa2}
.post-bg-shaded-sunset .post-content-background,.post-bg-sunset .post-content-background{background:linear-gradient(135deg,#ff7e5f 0%,#feb47b 100%)}
.post-bg-shaded-ocean .post-content-background,.post-bg-ocean .post-content-background{background:linear-gradient(135deg,#2193b0 0%,#6dd5ed 100%)}
.post-bg-shaded-forest .post-content-background,.post-bg-forest .post-content-background{background:linear-gradient(135deg,#134e5e 0%,#71b280 100%)}
.post-bg-shaded-candy .post-content-background,.post-bg-candy .post-content-background{background:linear-gradient(135deg,#d66d75 0%,#e29587 50%,#f4c4f3 100%)}
.post-bg-shaded-night .post-content-background,.post-bg-night .post-content-background{background:linear-gradient(135deg,#232526 0%,#414345 100%)}
.post-bg-shaded-lavender .post-content-background{background:linear-gradient(135deg,#8e2de2 0%,#c471ed 100%)}
.post-bg-shaded-berry .post-content-background{background:linear-gradient(135deg,#41295a 0%,#2f0743 100%)}
.post-bg-shaded-sky .post-content-background{background:linear-gradient(135deg,#36d1dc 0%,#5b86e5 100%)}
.post-bg-shaded-peach .post-content-background{background:linear-gradient(135deg,#ed4264 0%,#ffedbc 100%);color:#43222e}
.post-bg-shaded-mint .post-content-background{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#073d29}
.post-bg-shaded-fire .post-content-background{background:linear-gradient(135deg,#cb2d3e 0%,#ef473a 100%)}
.composer-background-help{color:var(--muted);font-size:12px}
@media (max-width:980px){.post-content-background{min-height:150px;font-size:22px;padding:22px}}

.composer-background-trigger-preview.post-bg-solid-red{background:#d32f2f}
.composer-background-trigger-preview.post-bg-solid-orange{background:#f57c00}
.composer-background-trigger-preview.post-bg-solid-amber{background:#ffb300}
.composer-background-trigger-preview.post-bg-solid-yellow{background:#fdd835}
.composer-background-trigger-preview.post-bg-solid-lime{background:#c0ca33}
.composer-background-trigger-preview.post-bg-solid-green{background:#2e7d32}
.composer-background-trigger-preview.post-bg-solid-teal{background:#00897b}
.composer-background-trigger-preview.post-bg-solid-cyan{background:#00acc1}
.composer-background-trigger-preview.post-bg-solid-blue{background:#1976d2}
.composer-background-trigger-preview.post-bg-solid-purple{background:#7b1fa2}
.composer-background-trigger-preview.post-bg-shaded-sunset,.composer-background-trigger-preview.post-bg-sunset{background:linear-gradient(135deg,#ff7e5f 0%,#feb47b 100%)}
.composer-background-trigger-preview.post-bg-shaded-ocean,.composer-background-trigger-preview.post-bg-ocean{background:linear-gradient(135deg,#2193b0 0%,#6dd5ed 100%)}
.composer-background-trigger-preview.post-bg-shaded-forest,.composer-background-trigger-preview.post-bg-forest{background:linear-gradient(135deg,#134e5e 0%,#71b280 100%)}
.composer-background-trigger-preview.post-bg-shaded-candy,.composer-background-trigger-preview.post-bg-candy{background:linear-gradient(135deg,#d66d75 0%,#e29587 50%,#f4c4f3 100%)}
.composer-background-trigger-preview.post-bg-shaded-night,.composer-background-trigger-preview.post-bg-night{background:linear-gradient(135deg,#232526 0%,#414345 100%)}
.composer-background-trigger-preview.post-bg-shaded-lavender{background:linear-gradient(135deg,#8e2de2 0%,#c471ed 100%)}
.composer-background-trigger-preview.post-bg-shaded-berry{background:linear-gradient(135deg,#41295a 0%,#2f0743 100%)}
.composer-background-trigger-preview.post-bg-shaded-sky{background:linear-gradient(135deg,#36d1dc 0%,#5b86e5 100%)}
.composer-background-trigger-preview.post-bg-shaded-peach{background:linear-gradient(135deg,#ed4264 0%,#ffedbc 100%)}
.composer-background-trigger-preview.post-bg-shaded-mint{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}

/* Repair: visible composer swatches in feed lightbox */
.composer-bg-swatch.swatch-solid-red{background:#d32f2f}.composer-bg-swatch.swatch-solid-orange{background:#f57c00}.composer-bg-swatch.swatch-solid-amber{background:#ffb300}.composer-bg-swatch.swatch-solid-yellow{background:#fdd835}.composer-bg-swatch.swatch-solid-lime{background:#c0ca33}.composer-bg-swatch.swatch-solid-green{background:#2e7d32}.composer-bg-swatch.swatch-solid-teal{background:#00897b}.composer-bg-swatch.swatch-solid-cyan{background:#00acc1}.composer-bg-swatch.swatch-solid-blue{background:#1976d2}.composer-bg-swatch.swatch-solid-purple{background:#7b1fa2}
.composer-bg-swatch.swatch-shaded-sunset{background:linear-gradient(135deg,#ff7e5f 0%,#feb47b 100%)}.composer-bg-swatch.swatch-shaded-ocean{background:linear-gradient(135deg,#2193b0 0%,#6dd5ed 100%)}.composer-bg-swatch.swatch-shaded-forest{background:linear-gradient(135deg,#134e5e 0%,#71b280 100%)}.composer-bg-swatch.swatch-shaded-candy{background:linear-gradient(135deg,#d66d75 0%,#e29587 50%,#f4c4f3 100%)}.composer-bg-swatch.swatch-shaded-night{background:linear-gradient(135deg,#232526 0%,#414345 100%)}.composer-bg-swatch.swatch-shaded-lavender{background:linear-gradient(135deg,#8e2de2 0%,#c471ed 100%)}.composer-bg-swatch.swatch-shaded-berry{background:linear-gradient(135deg,#41295a 0%,#2f0743 100%)}.composer-bg-swatch.swatch-shaded-sky{background:linear-gradient(135deg,#36d1dc 0%,#5b86e5 100%)}.composer-bg-swatch.swatch-shaded-peach{background:linear-gradient(135deg,#ed4264 0%,#ffedbc 100%)}.composer-bg-swatch.swatch-shaded-mint{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}
