.post-composer{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden;padding:24px;background-color:#f8fafc;border:1px solid rgba(10,102,194,.2);margin-bottom:24px;box-shadow:0 4px 12px rgba(10,102,194,.05);overflow:visible!important}.post-composer .composer-top{display:flex;gap:16px;margin-bottom:16px}.post-composer .composer-top .avatar-med{width:40px;height:40px;background-color:#111827;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:14px}.post-composer .composer-top .composer-input-wrapper{flex:1 1;display:flex;flex-direction:column;gap:12px}.post-composer .composer-top .composer-input-wrapper .composer-guest-prompt{background:#fff;border:2px dashed rgba(10,102,194,.2);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.post-composer .composer-top .composer-input-wrapper .composer-guest-prompt:hover{background:#fff;border-color:#0a66c2;transform:translateY(-2px)}.post-composer .composer-top .composer-input-wrapper .composer-guest-prompt p{color:#9ca3af;font-size:.95rem;margin:0}.post-composer .composer-top .composer-input-wrapper .composer-guest-prompt p span{color:#0a66c2;font-weight:600;text-decoration:underline;margin-left:4px}.post-composer .composer-top .composer-input-wrapper .composer-input{width:100%;border:none;background-color:rgba(0,0,0,0);resize:none;font-size:14px;padding-top:8px;font-family:inherit;color:#111827;min-height:50px}.post-composer .composer-top .composer-input-wrapper .composer-input:focus{outline:none}.post-composer .composer-top .composer-input-wrapper .composer-input::placeholder{color:#9ca3af}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid .composer-image-preview{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05)}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid .composer-image-preview img{width:100%;height:100%;display:block;object-fit:cover;transition:all .2s ease-in-out}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid .composer-image-preview .preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;gap:8px;opacity:0;transition:all .2s ease-in-out}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid .composer-image-preview .preview-overlay .preview-action-btn{width:24px;height:24px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all .2s ease-in-out}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid .composer-image-preview .preview-overlay .preview-action-btn:hover{transform:scale(1.1)}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid .composer-image-preview .preview-overlay .preview-action-btn.remove{color:#ef4444}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid .composer-image-preview .preview-overlay .preview-action-btn.edit{color:#0a66c2}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid .composer-image-preview:hover .preview-overlay{opacity:1}.post-composer .composer-top .composer-input-wrapper .composer-previews-grid .composer-image-preview:hover img{transform:scale(1.05)}.post-composer .composer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(10,102,194,.1)}.post-composer .composer-bottom .attach-actions{display:flex;gap:4px}.post-composer .composer-bottom .attach-actions .attach-btn{width:32px;height:32px;border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease-in-out;border:1px solid #e5e7eb}.post-composer .composer-bottom .attach-actions .attach-btn:hover{background-color:#fff;border-color:#0a66c2;color:#0a66c2;transform:translateY(-2px)}