/* A4 lives in the canonical FloatingLayer (400), above Content and Islands. */
.hg-stickers-overlay{position:absolute;inset:0;z-index:12;display:flex;align-items:flex-end;justify-content:center;padding:12px 8px max(12px,var(--hg-safe-bottom,0px));box-sizing:border-box;pointer-events:auto;background:rgba(25,32,28,.16)}
.hg-stickers-panel{width:min(100%,540px);max-height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--hg-color-border);border-radius:26px;background:var(--hg-color-surface-strong);color:var(--hg-color-text);box-shadow:var(--hg-modal-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.hg-stickers-head{display:flex;align-items:center;gap:6px;padding:8px 10px 4px;flex-shrink:0}
.hg-stickers-head h2{font-size:18px;font-weight:600;flex:1;min-width:0;margin:0 6px;line-height:1.3}
.hg-stickers-panel button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
.hg-stickers-icon{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:transparent;font-size:25px!important}
.hg-stickers-icon:hover,.hg-stickers-tile:hover{background:var(--hg-color-surface-soft)}
.hg-stickers-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:6px 16px 16px;scrollbar-width:thin}
.hg-stickers-controls{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,.8fr);gap:8px;margin:0 -4px 8px;padding:4px;position:sticky;top:-6px;z-index:8;background:var(--hg-color-surface-strong);border-radius:16px;box-shadow:0 6px 10px color-mix(in srgb,var(--hg-color-bg) 14%,transparent)}
.hg-stickers-panel input,.hg-stickers-panel textarea,.hg-stickers-panel select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid var(--hg-color-border-soft);border-radius:14px;padding:10px 12px;background:var(--hg-color-surface-soft);color:var(--hg-color-text);font:inherit;font-size:16px}
.hg-stickers-panel input::placeholder,.hg-stickers-panel textarea::placeholder{color:var(--hg-color-text-secondary)}
.hg-stickers-panel select{padding:8px}
.hg-stickers-author-filter{width:100%;min-width:0;min-height:44px;border:1px solid var(--hg-color-border-soft);border-radius:14px;background:var(--hg-color-surface-soft);color:var(--hg-color-text);font:inherit;font-size:16px;text-align:left;padding:9px 34px 9px 12px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hg-stickers-author-filter::after{content:'›';position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:19px;line-height:1;color:var(--hg-color-text-secondary)}
.hg-stickers-author-filter:active{background:var(--hg-control-bg-active,var(--hg-color-surface-soft))}
.hg-stickers-author-menu{position:fixed;z-index:20;max-height:min(320px,calc(100dvh - 20px));overflow:auto;overscroll-behavior:contain;padding:5px;border:var(--hg-control-border,1px solid var(--hg-color-border-soft));border-radius:18px;background:var(--hg-menu-bg,var(--hg-color-surface-strong));box-shadow:var(--hg-island-shadow,var(--hg-modal-shadow));backdrop-filter:blur(var(--hg-glass-blur,18px));-webkit-backdrop-filter:blur(var(--hg-glass-blur,18px))}
.hg-stickers-author-menu[hidden]{display:none!important}
.hg-stickers-author-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;border:0;background:transparent;color:var(--hg-menu-text,var(--hg-color-text));font:inherit;font-size:14px;text-align:left;padding:8px 10px;border-radius:13px}
.hg-stickers-author-menu button:active{background:var(--hg-control-bg-active,var(--hg-color-surface-soft))}
.hg-stickers-author-menu button.is-current{color:var(--hg-color-accent);font-weight:700}
.hg-stickers-author-check{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;opacity:0;color:var(--hg-color-accent);font-weight:800}
.hg-stickers-author-menu button.is-current .hg-stickers-author-check{opacity:1}
.hg-stickers-panel :focus-visible{outline:2px solid var(--hg-color-accent);outline-offset:2px}
.hg-stickers-note{font-size:13px;line-height:1.45;color:var(--hg-color-text-secondary);margin:6px 0 12px;overflow-wrap:anywhere}
.hg-stickers-note:empty{display:none}
.hg-stickers-group h3{font-size:14px;font-weight:600;margin:16px 2px 6px;overflow-wrap:anywhere;color:var(--hg-color-text-secondary)}
.hg-stickers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:5px}
.hg-stickers-tile{display:flex;align-items:center;justify-content:center;min-height:100px;min-width:0;padding:5px;border:0;border-radius:18px;background:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
.hg-stickers-tile img{pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.hg-stickers-preview{min-height:100px;display:flex;align-items:center;justify-content:center;margin:8px 0 16px}
.hg-stickers-form{display:grid;gap:14px}
.hg-stickers-form label{display:grid;gap:6px;font-size:14px}
.hg-stickers-form textarea{resize:vertical;min-height:74px;max-height:150px}
.hg-stickers-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:10px}
.hg-stickers-action{border:1px solid var(--hg-color-border-soft);border-radius:16px;min-height:44px;padding:10px 16px;background:var(--hg-color-surface-soft)}
.hg-stickers-action--primary{background:var(--hg-button-primary-bg,var(--hg-color-surface));font-weight:600!important}
.hg-stickers-action--danger{color:var(--hg-color-danger,#ad4949)!important}
.hg-stickers-menu{display:grid;gap:8px}
.hg-stickers-menu .hg-stickers-action{text-align:left}
.hg-stickers-panel button:disabled{opacity:.5;cursor:default}
.hg-sticker-image{display:block;max-width:100%;height:auto;object-fit:contain}
/* Keep grouping/status/navigation, with no text bubble or attachment frame. */
#dialogStream .hg-bubble.hg-bubble--sticker{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:8px 10px;min-width:0}
#dialogStream .hg-bubble.hg-bubble--sticker::before,#dialogStream .hg-bubble.hg-bubble--sticker::after{display:none!important}
.hg-bubble--sticker .hg-bubble__service{margin-top:3px}
.hg-sticker-send-error{font-size:12px;line-height:1.4;color:var(--hg-color-text-secondary);max-width:190px}
@media(min-width:700px){.hg-stickers-overlay{align-items:center;padding:24px}.hg-stickers-panel{max-height:min(700px,100%)}}
