.compact-composer { gap: 9px; padding: 12px; background: #fff; box-shadow: none; }
.compact-composer textarea { min-height: 78px; border: 0; border-radius: 0; box-shadow: none; resize: vertical; font-size: 14px; }
.compact-composer textarea:focus { outline: 0; }
.compact-composer-actions { display: flex; align-items: center; gap: 5px; padding-top: 9px; border-top: 1px solid #e3ecf5; }
.compact-composer-action { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #eef5fc; color: #3973ae; font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.compact-composer-action:hover,.compact-composer-action.is-active { background: #dceeff; color: #1468ce; }
.compact-composer-visibility { min-height: 34px; margin-left: auto; padding: 0 8px; border: 0; background: transparent; color: #5b718c; font: inherit; font-size: 11px; font-weight: 750; }
.compact-composer-submit { min-height: 34px; padding: 0 15px; border: 0; border-radius: 8px; background: #1877f2; color: #fff; font: inherit; font-size: 11px; font-weight: 800; box-shadow: none; cursor: pointer; }
.compact-format-panel { display: flex; gap: 6px; padding: 8px; border-top: 1px solid #e3ecf5; background: #f7fbff; }
.compact-format-panel[hidden] { display: none !important; }
.compact-format-panel .compact-composer-action { width: auto; height: 28px; padding: 0 8px; border-radius: 7px; font-size: 10px; }
.compact-composer-selections { display: flex; flex-wrap: wrap; gap: 6px; empty-cells: show; }
.compact-composer-selections:empty { display: none; }
.compact-composer-selections span { padding: 5px 8px; border-radius: 999px; background: #edf6ff; color: #2867a6; font-size: 10px; font-weight: 750; }
.community-composer-modal[hidden] { display: none; }
.community-composer-modal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; }
.community-modal-backdrop { position: absolute; inset: 0; background: rgba(18, 41, 70, .46); backdrop-filter: blur(3px); }
.community-modal-card { position: relative; width: min(100%, 440px); overflow: hidden; border: 1px solid #cadbea; border-radius: 16px; background: #fff; box-shadow: 0 24px 60px rgba(18, 41, 70, .28); }
.community-modal-card header,.community-modal-card footer { display: flex; align-items: center; justify-content: space-between; padding: 14px 17px; border-bottom: 1px solid #e5edf5; }
.community-modal-card header h3 { margin: 0; font-size: 16px; }.community-modal-card header button { border: 0; background: transparent; color: #5f7187; font-size: 23px; cursor: pointer; }
.community-modal-content { min-height: 106px; padding: 18px; }.community-modal-card footer { border-top: 1px solid #e5edf5; border-bottom: 0; gap: 8px; justify-content: flex-end; }.community-modal-card footer button { min-height: 36px; padding: 0 12px; border: 1px solid #cfdeec; border-radius: 8px; background: #fff; color: #4b617a; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }.community-modal-card footer .community-modal-confirm { border-color: #1877f2; background: #1877f2; color: #fff; }
.community-modal-select { display: grid; gap: 7px; color: #516780; font-size: 12px; font-weight: 700; }.community-modal-select select { min-height: 42px; border: 1px solid #cbdbea; border-radius: 9px; background: #fff; color: #29455f; font: inherit; font-size: 12px; }.community-modal-upload { display: grid; place-items: center; min-height: 92px; padding: 12px; border: 2px dashed #b9d4ee; border-radius: 12px; background: #f6fbff; color: #2570cb; font-size: 12px; font-weight: 800; text-align: center; cursor: pointer; }
@media(max-width: 560px) { .compact-composer-visibility { display: none; } }