.quick-image-picker{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 0;padding:13px;border:1px dashed #9fa9a2;background:#fff;color:#273b32;font-weight:700;cursor:pointer}.quick-image-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.quick-image-picker small{font-weight:400;color:#77817b}.quick-image-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.quick-image-preview:empty{display:none}.quick-image-preview figure{margin:0;min-width:0}.quick-image-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.quick-image-preview figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#737d77}.emoji-panel{margin:10px 0;border:1px solid #d8ddd8;background:#fff;border-radius:8px;overflow:hidden}.emoji-tabs{display:flex;gap:3px;padding:7px;overflow-x:auto;border-bottom:1px solid #e3e5e2}.emoji-tabs button{border:0;border-radius:16px;background:#eef1ee;padding:7px 10px;white-space:nowrap;font-size:10px;color:#4b5a52}.emoji-tabs button.active{background:#1c3d2f;color:#fff}.emoji-picker{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;max-height:130px;overflow-y:auto;padding:8px}.emoji-picker button{border:0;background:transparent;padding:6px 2px;font-size:22px;border-radius:5px}.emoji-picker button:hover{background:#edf2ee;transform:scale(1.12)}.quick-post-media{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:14px -27px}.quick-post-media.count-1{grid-template-columns:1fr}.quick-post-media button{border:0;padding:0;background:#e9ece9;cursor:zoom-in;min-height:170px;max-height:410px;overflow:hidden}.quick-post-media img{display:block;width:100%;height:100%;min-height:170px;max-height:410px;object-fit:cover}.quick-post-media.count-3 button:first-child{grid-row:span 2}.quick-post-media.count-1 img{aspect-ratio:auto;object-fit:contain;background:#101713}
@media(max-width:600px){.quick-image-picker{align-items:flex-start;flex-direction:column}.quick-image-preview{grid-template-columns:repeat(2,1fr)}.emoji-picker{grid-template-columns:repeat(7,1fr)}.quick-post-media{margin:12px -16px}.quick-post-media button,.quick-post-media img{min-height:130px}.quick-composer-tools{grid-template-columns:repeat(4,1fr)}}