.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: 260px;    
    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-content-background.post-bg-text-tiny{font-size:clamp(42px,6vw,58px);line-height:1.08;font-weight:900;overflow-wrap:anywhere}
.post-content-background.post-bg-text-short{font-size:clamp(34px,4.8vw,46px);line-height:1.14;font-weight:850;overflow-wrap:anywhere}
.post-content-background.post-bg-text-medium{font-size:clamp(28px,3.3vw,34px);line-height:1.24;overflow-wrap:anywhere}
.post-content-background.post-bg-text-long{font-size:26px;line-height:1.34;overflow-wrap:anywhere}
.post-card-background{
    overflow:hidden;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    display: block;
}
.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}}
@media (max-width:980px){
    .post-content-background.post-bg-text-tiny{font-size:clamp(34px,10vw,44px)}
    .post-content-background.post-bg-text-short{font-size:clamp(29px,8vw,36px)}
    .post-content-background.post-bg-text-medium{font-size:clamp(24px,6vw,29px)}
    .post-content-background.post-bg-text-long{font-size: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%)}

@keyframes postBgCycleShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.post-bg-cycle-aurora{--cycle-bg:linear-gradient(120deg,#0f172a 0%,#2563eb 22%,#22d3ee 46%,#a855f7 72%,#0f172a 100%)}
.post-bg-cycle-neon-dusk{--cycle-bg:linear-gradient(120deg,#111827 0%,#db2777 23%,#f97316 47%,#7c3aed 73%,#111827 100%)}
.post-bg-cycle-tropical-pulse{--cycle-bg:linear-gradient(120deg,#064e3b 0%,#10b981 24%,#facc15 50%,#06b6d4 76%,#064e3b 100%)}
.post-bg-cycle-candy-rain{--cycle-bg:linear-gradient(120deg,#be185d 0%,#fb7185 23%,#f0abfc 48%,#60a5fa 74%,#be185d 100%)}
.post-bg-cycle-solar-flare{--cycle-bg:linear-gradient(120deg,#7c2d12 0%,#ef4444 24%,#f97316 47%,#facc15 72%,#7c2d12 100%)}
.post-bg-cycle-deep-space{--cycle-bg:linear-gradient(120deg,#020617 0%,#312e81 24%,#0ea5e9 48%,#9333ea 72%,#020617 100%)}
.post-bg-cycle-river-glow{--cycle-bg:linear-gradient(120deg,#083344 0%,#0e7490 25%,#34d399 50%,#2563eb 75%,#083344 100%)}
.post-bg-cycle-rose-gold{--cycle-bg:linear-gradient(120deg,#881337 0%,#fb7185 25%,#f9a8d4 48%,#f59e0b 73%,#881337 100%)}
.post-bg-cycle-peacock{--cycle-bg:linear-gradient(120deg,#164e63 0%,#0891b2 25%,#22c55e 49%,#4338ca 74%,#164e63 100%)}
.post-bg-cycle-mango-sky{--cycle-bg:linear-gradient(120deg,#92400e 0%,#f59e0b 24%,#fb7185 49%,#38bdf8 75%,#92400e 100%)}
.post-bg-cycle-lagoon{--cycle-bg:linear-gradient(120deg,#134e4a 0%,#14b8a6 24%,#67e8f9 48%,#0f766e 74%,#134e4a 100%)}
.post-bg-cycle-firefly{--cycle-bg:linear-gradient(120deg,#1a2e05 0%,#65a30d 24%,#bef264 49%,#facc15 73%,#1a2e05 100%)}
.post-bg-cycle-amethyst{--cycle-bg:linear-gradient(120deg,#3b0764 0%,#7e22ce 24%,#c084fc 50%,#2563eb 75%,#3b0764 100%)}
.post-bg-cycle-coral-reef{--cycle-bg:linear-gradient(120deg,#7f1d1d 0%,#fb7185 25%,#fb923c 48%,#14b8a6 73%,#7f1d1d 100%)}
.post-bg-cycle-electric-lime{--cycle-bg:linear-gradient(120deg,#052e16 0%,#16a34a 24%,#a3e635 48%,#22d3ee 72%,#052e16 100%)}
.post-bg-cycle-ruby-frost{--cycle-bg:linear-gradient(120deg,#500724 0%,#e11d48 24%,#f0abfc 48%,#bae6fd 73%,#500724 100%)}
.post-bg-cycle-galaxy-pop{--cycle-bg:linear-gradient(120deg,#0f172a 0%,#6366f1 21%,#ec4899 47%,#facc15 73%,#0f172a 100%)}
.post-bg-cycle-spring-bloom{--cycle-bg:linear-gradient(120deg,#14532d 0%,#22c55e 24%,#f9a8d4 49%,#fde68a 73%,#14532d 100%)}
.post-bg-cycle-ember-night{--cycle-bg:linear-gradient(120deg,#111827 0%,#7f1d1d 25%,#f97316 50%,#4c1d95 75%,#111827 100%)}
.post-bg-cycle-arctic-rainbow{--cycle-bg:linear-gradient(120deg,#075985 0%,#38bdf8 20%,#a7f3d0 42%,#f0abfc 66%,#075985 100%)}
.cycle-speed-slow{--post-bg-cycle-duration:22s}.cycle-speed-normal{--post-bg-cycle-duration:12s}.cycle-speed-fast{--post-bg-cycle-duration:7s}.cycle-speed-turbo{--post-bg-cycle-duration:4s}
[class*="post-bg-cycle-"] .post-content-background{background:var(--cycle-bg);background-size:260% 260%;animation:postBgCycleShift var(--post-bg-cycle-duration,12s) ease-in-out infinite;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.32)}
textarea[name="content"].composer-background-live-preview[class*="post-bg-cycle-"]{min-height:190px;border:0!important;background:var(--cycle-bg)!important;background-size:260% 260%!important;background-position:0% 50%!important;animation:postBgCycleShift var(--post-bg-cycle-duration,12s) ease-in-out infinite;color:#fff!important;caret-color:#fff!important;text-align:center;font-size:24px;font-weight:850;line-height:1.28;text-shadow:0 2px 10px rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 14px 34px rgba(15,23,42,.16)!important}
textarea[name="content"].composer-background-live-preview[class*="post-bg-cycle-"]:focus{background:var(--cycle-bg)!important;background-size:260% 260%!important;background-position:0% 50%!important}
textarea[name="content"].composer-background-live-preview[class*="post-bg-cycle-"]::placeholder{color:rgba(255,255,255,.84)!important}
.composer-background-swatches-cycling{gap:12px}
.composer-background-swatches-cycling .composer-bg-swatch{
  width:74px;
  height:44px;
  border-radius:16px;
  overflow:hidden;
}
.composer-bg-swatch[class*="swatch-cycle-"],.composer-background-trigger-preview[class*="post-bg-cycle-"],.post-edit-bg-grid .composer-bg-swatch[class*="post-bg-cycle-"]{background:var(--cycle-bg);background-size:260% 260%;animation:postBgCycleShift var(--post-bg-cycle-duration,12s) ease-in-out infinite}
.composer-background-trigger-preview[class*="post-bg-cycle-"]{width:42px;border-radius:12px}
.post-edit-bg-grid .composer-bg-swatch[class*="post-bg-cycle-"]{border-radius:14px}
.composer-cycle-speed,.post-edit-cycle-speed{display:none;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card,#fff) 76%,transparent)}
.composer-cycle-speed.is-visible,.post-edit-cycle-speed.is-visible{display:flex}
.composer-cycle-speed-label,.post-edit-cycle-speed-label{font-size:12px;font-weight:850;color:var(--muted);margin-right:2px}
.composer-cycle-speed button,.post-edit-cycle-speed button{border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text);font-size:12px;font-weight:800;padding:5px 9px;cursor:pointer}
.composer-cycle-speed button.is-active,.post-edit-cycle-speed button.is-active{background:var(--accent,#1877f2);border-color:var(--accent,#1877f2);color:#fff}
@media (prefers-reduced-motion:reduce){[class*="post-bg-cycle-"] .post-content-background,.composer-lightbox textarea[name="content"][class*="post-bg-cycle-"],.composer-bg-swatch[class*="swatch-cycle-"],.composer-background-trigger-preview[class*="post-bg-cycle-"],.post-edit-bg-grid .composer-bg-swatch[class*="post-bg-cycle-"]{animation:none}}

.composer-extras-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:12px;margin-top:12px}
.composer-extra-panel{border:1px solid var(--line);border-radius:14px;background:rgba(248,251,255,.78);padding:10px}
.composer-activity-chips,.composer-bg-image-swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.composer-bg-image-swatches{max-height:116px;overflow:auto;align-content:flex-start;padding-right:4px}
.composer-activity-picker{display:flex;align-items:center;gap:8px}
.composer-activity-select-wrap{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0}
.composer-activity-select-icon{position:absolute;left:12px;z-index:1;line-height:1;pointer-events:none}
.composer-activity-select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-weight:800;padding:8px 36px 8px 38px;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 12px) 17px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.composer-activity-select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.16)}
.composer-activity-chip,.composer-activity-clear,.composer-bg-image-clear{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-weight:800;cursor:pointer;color:var(--text);display:inline-flex;align-items:center;gap:6px}
.composer-activity-chip.is-active,.composer-bg-image-swatch.is-active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.16)}
.composer-activity-current,.composer-bg-image-current,.composer-bg-image-empty{font-size:12px;color:var(--muted);margin-top:8px;font-weight:700}
.composer-activity-current{display:inline-flex;align-items:center;max-width:100%;border:1px solid rgba(99,102,241,.22);border-radius:999px;background:rgba(99,102,241,.09);color:#3730a3;padding:6px 10px}
.composer-bg-image-swatch{width:44px;height:44px;border-radius:12px;border:2px solid transparent;background:center/cover no-repeat;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(15,23,42,.14)}
.composer-bg-image-swatch:hover,.composer-activity-chip:hover{transform:translateY(-1px)}
.composer-background-image-live-preview{color:#fff;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.post-edit-bg-image-picker{border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#f8fafc;padding:12px;display:flex;flex-direction:column;gap:10px}
.post-edit-bg-image-picker.hidden{display:none!important}
.post-edit-bg-image-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.post-edit-bg-image-grid .composer-bg-image-swatch.is-active,.post-edit-bg-image-none.is-active{border-color:var(--accent,#2563eb);box-shadow:0 0 0 3px rgba(99,102,241,.16)}
.post-edit-bg-image-none{min-height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-size:12px;font-weight:850;padding:7px 11px;cursor:pointer}
.post-edit-bg-image-empty{font-size:12px;color:var(--muted);font-weight:700}
.post-activity-line{margin-top:2px;color:var(--muted);font-size:12px;font-weight:800}
.post-content-image-background{background:center/cover no-repeat}
.post-content-image-background .post-content-background{background:linear-gradient(135deg,rgba(15,23,42,.62),rgba(15,23,42,.2));text-shadow:0 2px 8px rgba(0,0,0,.38)}
.post-content-image-background .post-content-background span{position:relative;z-index:1}
@media (max-width:720px){.composer-extras-row{grid-template-columns:1fr}.composer-activity-chip,.composer-activity-select{font-size:12px}.composer-bg-image-swatch{width:40px;height:40px}}