.zw-comm-panel{background:#050c12f0;border:1px solid #0f766e47;border-radius:16px;gap:.65rem;max-height:min(360px,50vh);padding:.75rem;display:grid;overflow:hidden;box-shadow:0 12px 32px #00000047}.zw-comm-panel-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.zw-comm-panel-header strong{color:var(--color-primary,#10b981);font-size:.9rem}.zw-comm-close{color:var(--color-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:.2rem .35rem;font-size:1rem;line-height:1}.zw-comm-search{width:100%;color:inherit;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:.45rem .85rem;font-size:.85rem}.zw-comm-search:focus{outline-offset:1px;outline:2px solid #10b98173}.zw-comm-cats{flex-wrap:wrap;gap:.35rem;display:flex}.zw-comm-cat{color:var(--color-muted,#94a3b8);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:600}.zw-comm-cat.active{color:#5eead4;background:#0f766e47;border-color:#10b98173}.zw-comm-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted,#94a3b8);font-size:.72rem;font-weight:700}.zw-comm-emoji-grid,.zw-comm-sticker-grid{gap:.25rem;max-height:220px;padding-right:.15rem;display:grid;overflow:auto}.zw-comm-emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.zw-comm-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.zw-comm-emoji-btn,.zw-comm-sticker-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.3rem;transition:background .15s;display:inline-flex}.zw-comm-emoji-btn{min-height:2.4rem;font-size:1.35rem;line-height:1}.zw-comm-sticker-btn{aspect-ratio:1;background:#ffffff0a;border:1px solid #ffffff0f}.zw-comm-emoji-btn:hover,.zw-comm-sticker-btn:hover{background:#10b9812e}.zw-comm-sticker-btn img{object-fit:contain;width:100%;height:100%;display:block}.zw-comm-recent-row{flex-wrap:wrap;gap:.2rem;display:flex}.zw-comm-empty{color:var(--color-muted,#94a3b8);padding:.5rem .15rem;font-size:.82rem}.zw-reaction-bar{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.35rem;display:flex}.zw-reaction-chip{color:inherit;cursor:pointer;background:#0f766e24;border:1px solid #0f766e4d;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.78rem;display:inline-flex}.zw-reaction-chip.reacted{background:#10b98147;border-color:#10b9818c}.zw-reaction-add{color:var(--color-muted,#94a3b8);cursor:pointer;background:0 0;border:1px dashed #ffffff2e;border-radius:999px;padding:.15rem .55rem;font-size:.78rem}.zw-composer-extras{align-items:center;gap:.35rem;display:flex;position:relative}.zw-composer-icon-btn{color:var(--color-primary,#10b981);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.05rem;display:inline-flex}.zw-composer-icon-btn:hover{background:#10b9812e}.zw-composer-popover{z-index:30;width:min(340px,92vw);position:absolute;bottom:calc(100% + .45rem);left:0}.zw-sticker-message{width:min(160px,45vw);height:auto;display:block}
