.composer[data-reliability-ready="1"],
form[data-rich-composer][data-reliability-ready="1"]{position:relative}
.composer.is-dragging-media{outline:2px dashed #e52f43;outline-offset:-6px;background:rgba(229,47,67,.06)}
.composer.is-dragging-media::after{content:"Drop media to attach";position:absolute;inset:8px;display:grid;place-items:center;z-index:12;border-radius:14px;background:rgba(5,9,15,.92);color:#fff;font-weight:800;pointer-events:none}
.composer-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.wire-composer-preview-item{position:relative;min-width:0;margin:0;border:1px solid rgba(148,163,184,.22);border-radius:14px;overflow:hidden;background:#08111d}
.wire-composer-preview-item>img,.wire-composer-preview-item>video{display:block;width:100%;height:190px;object-fit:cover;background:#000}
.wire-composer-preview-item figcaption{display:flex;gap:8px;justify-content:space-between;padding:8px 10px;font-size:12px;color:#9fb0c2}
.wire-composer-preview-item figcaption strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8eef5}
.wire-composer-preview-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(5,9,15,.85);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.wire-composer-preview-remove:hover{background:#d92438}
.composer-feedback[data-state="error"]{color:#ff7d89}
.composer-feedback[data-state="success"]{color:#69d69d}
.composer-feedback[data-state="pending"]{color:#8fc4ff}
form[data-rich-composer].is-submitting{opacity:.86;pointer-events:none}
form[data-rich-composer].is-submitting [data-post-submit]{position:relative;padding-left:38px}
form[data-rich-composer].is-submitting [data-post-submit]::before{content:"";position:absolute;left:14px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:wireComposerSpin .8s linear infinite}
@keyframes wireComposerSpin{to{transform:rotate(360deg)}}
@media(max-width:680px){.composer-preview-grid{grid-template-columns:1fr}.wire-composer-preview-item>img,.wire-composer-preview-item>video{height:220px}.composer textarea[data-composer]{font-size:16px!important}.composer-actions{position:relative;z-index:2}}