#chatStickerDialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:min(76dvh,680px);padding:22px;border:1px solid #e8e8e2;border-radius:24px;background:#fff;color:#24302b;box-shadow:0 24px 70px #203b3233}
#chatStickerDialog::backdrop{background:#182c2a88;backdrop-filter:blur(4px)}
#chatStickerDialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#chatStickerDialog h2{margin:0;font-size:20px;letter-spacing:.02em}
#chatStickerDialog [data-close]{width:36px;height:36px;border:0;border-radius:50%;background:#f1f4f1;font-size:24px;color:#35463c}
.sticker-hint,.sticker-status{font-size:13px;line-height:1.5;color:#6b7b71}
.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:80px;max-height:42dvh;overflow:auto;padding:6px 2px}
.sticker-cell{display:grid;place-items:center;aspect-ratio:1;border:1px solid #e7ede7;border-radius:16px;background:#f7faf7;padding:6px;overflow:hidden}
.sticker-tile{position:relative;min-width:0}.sticker-tile .sticker-cell{width:100%}
.sticker-remove{position:absolute;top:3px;right:3px;width:23px;height:23px;padding:0;border:0;border-radius:50%;background:#21362bd9!important;color:#fff!important;font-size:18px;line-height:1}
.sticker-cell img{max-width:100%;max-height:100%;object-fit:contain}
.sticker-upload{display:grid;place-items:center;min-height:48px;margin-top:12px;border-radius:14px;background:#168c6a;color:white;font-weight:700;cursor:pointer}
.chat-sticker-entry{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:70px!important;border:0!important;border-radius:12px;background:var(--soft,#edf3f0)!important;color:var(--ink,#243447)!important;font-size:13px!important}
.chat-sticker-entry span:first-child{font-size:25px;line-height:1}
.chat-sticker{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:180px}
.chat-sticker img{max-width:160px;max-height:160px;object-fit:contain}
.chat-sticker [data-sticker-save]{padding:5px 10px;border:0;border-radius:10px;background:#e6f3ec;color:#167b5a;font-size:12px}
#realMessages .bubble:has(.chat-sticker){background:transparent!important;border:0!important;box-shadow:none!important;padding:3px!important}
@media(max-width:600px){#chatStickerDialog{width:100%;max-width:100%;max-height:75dvh;margin:auto 0 0;border-radius:22px 22px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}}
dialog#chatStickerDialog{background:#fffaf7!important;color:#28332e!important;border-color:#eadfd9!important}
dialog#chatStickerDialog header{background:transparent!important;color:#28332e!important}
dialog#chatStickerDialog h2{color:#28332e!important}
dialog#chatStickerDialog .sticker-hint,dialog#chatStickerDialog .sticker-status{color:#68776d!important}
dialog#chatStickerDialog [data-close]{background:#f2ece8!important;color:#38483e!important}
dialog#chatStickerDialog .sticker-upload{color:#fff!important;background:#168c6a!important}
dialog#chatStickerDialog .sticker-cell{background:#f7faf7!important;border-color:#e1e9e2!important}