.direct-message-composer{background:var(--surface-accent);border-radius:20px;display:flex;flex-direction:column;gap:14px;padding:18px;position:relative}.direct-message-composer-sending{pointer-events:none}.direct-message-composer-hint-wrap{display:flex;flex-direction:column;gap:8px}.direct-message-composer-progress{align-items:center;color:var(--main-color-select);display:inline-flex;font-size:.8rem;font-weight:700;gap:8px}.direct-message-composer-spinner{animation:direct-message-composer-spin .72s linear infinite;border:2px solid rgba(57,197,187,.2);border-radius:50%;border-top:2px solid var(--main-color-select);height:14px;width:14px}@keyframes direct-message-composer-spin{to{transform:rotate(1turn)}}.direct-message-composer-compact{gap:12px;padding:16px}.direct-message-composer-footer,.direct-message-composer-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.direct-message-composer-title{font-size:1rem;font-weight:800}.direct-message-composer-desc,.direct-message-composer-disabled,.direct-message-composer-hint{color:var(--font-black-lite);font-size:.84rem;line-height:1.8;margin-top:6px}.direct-message-composer-badge{background:#39c5bb1f;border-radius:999px;color:var(--main-color-select);font-size:.76rem;font-weight:800;padding:6px 12px;white-space:nowrap}.direct-message-composer-disabled{background:#97accc1f;border-radius:16px;padding:12px 14px}.direct-message-composer-field{display:flex;flex-direction:column;gap:8px}.direct-message-composer-field span{color:var(--font-black-lite);font-size:.84rem;font-weight:700}.direct-message-composer input,.direct-message-composer textarea{background:var(--surface-input);border:var(--common-border);border-radius:16px;box-sizing:border-box;font-size:.94rem;padding:11px 14px;transition:.24s ease;width:100%}.direct-message-composer input:focus,.direct-message-composer textarea:focus{border:var(--common-border-select);box-shadow:0 0 0 4px var(--surface-focus-ring)}.direct-message-composer textarea{line-height:1.8;min-height:104px;resize:vertical}.direct-message-composer-hint{margin-top:0}@media(max-width:768px){.direct-message-composer-footer,.direct-message-composer-head{align-items:flex-start;flex-direction:column}}