/* Sticker picker tabs, single-sticker editor, kaomoji (2026-10-18; app/js/stickers.js). */
.sticker-picker-head .stk-tabs{flex:1;max-width:250px;padding:3px;border-radius:12px}
.sticker-picker-head .stk-tabs button{padding:6px 4px;font-size:11px}
.sticker-chat-item,.kao-face{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.sticker-chat-item img{pointer-events:none}
.stk-empty{grid-column:1/-1;padding:16px 8px;text-align:center;font:10px/1.6 var(--ui-font);color:var(--textL)}
.kaomoji-pane,.stk-edit{display:none}
.sticker-picker-overlay.kaomoji .sticker-chat-grid{display:none}
.sticker-picker-overlay.kaomoji .kaomoji-pane{display:flex;flex-direction:column}
.sticker-picker-overlay.editing .sticker-chat-grid,.sticker-picker-overlay.editing .kaomoji-pane{display:none}
.sticker-picker-overlay.editing .stk-edit{display:block}
.stk-edit{max-height:calc(min(62vh,560px) - 74px);overflow:auto;padding:2px 3px 6px}
.stk-edit-top{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:600 12px var(--ui-font);color:var(--text)}
.stk-edit-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stk-edit-back{height:28px;padding:0 10px 0 6px;border:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--textL);font:10px var(--ui-font);cursor:pointer}
.stk-edit-main{display:flex;gap:12px;margin-bottom:10px}
.stk-edit-main>img{flex:0 0 auto;width:92px;height:92px;object-fit:contain;border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,transparent)}
.stk-edit-fields{flex:1;min-width:0;display:flex;flex-direction:column}
.stk-edit-label{display:block;font:10px var(--ui-font);color:var(--textL);margin:0 0 4px}
.stk-edit-fields .stk-edit-label:not(:first-child){margin-top:8px}
.stk-edit-label b{font-weight:600;color:var(--accent);margin-left:4px}
.stk-edit-hint{font:10px/1.5 var(--ui-font);color:var(--accent);margin:-1px 0 5px}
.stk-edit input,.stk-edit textarea,.kao-form input{width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:10px;background:var(--bg);color:var(--text);font:12px var(--ui-font);padding:7px 8px;outline:none}
.stk-edit textarea{resize:vertical;min-height:70px;line-height:1.45}
.stk-owner{padding:3px;border-radius:11px}
.stk-owner button{padding:6px 4px}
.stk-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.stk-edit-save{height:32px;padding:0 18px;border:0;border-radius:999px;background:var(--accent);color:white;font:11px var(--ui-font);cursor:pointer}
.stk-edit-save:disabled{opacity:.45;cursor:default}
.stk-edit-del{height:32px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:color-mix(in srgb,#c0392b 78%,var(--text));font:11px var(--ui-font);cursor:pointer}
.stk-edit-del:active{background:color-mix(in srgb,#c0392b 12%,transparent)}
.kao-chips{display:flex;gap:6px;overflow-x:auto;padding:0 1px 9px;scrollbar-width:none}
.kao-chips::-webkit-scrollbar{display:none}
.kao-chips button{flex:0 0 auto;height:28px;padding:0 11px;border:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--textL);font:10px var(--ui-font);cursor:pointer;white-space:nowrap}
.kao-chips button:active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}
.kao-scroll{position:relative;max-height:calc(min(62vh,560px) - 111px);overflow:auto;padding:0 1px 6px}
.kao-sec{margin-bottom:10px}
.kao-head{font:10px var(--ui-font);color:var(--textL);margin:2px 3px 5px}
.kao-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.kao-face{min-width:0;min-height:38px;padding:6px 4px;border:0;border-radius:12px;background:color-mix(in srgb,var(--card) 46%,transparent);color:var(--text);font:12px/1.3 var(--ui-font);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kao-face:active{background:color-mix(in srgb,var(--accent) 14%,transparent);transform:scale(.97)}
.kao-add{color:var(--accent);border:1px dashed color-mix(in srgb,var(--accent) 30%,transparent);background:transparent}
.kao-form{display:none;gap:6px;align-items:center;padding:4px 1px 2px}
.kao-form.show{display:flex}
.kao-form input:first-child{flex:0 0 74px}
.kao-form button{flex:0 0 auto;height:32px;padding:0 14px;border:0;border-radius:999px;background:var(--accent);color:white;font:11px var(--ui-font);cursor:pointer}
/* One height for every tab, like a keyboard: switching tabs does not make the sheet jump. */
.sticker-picker-sheet{height:min(62vh,560px);display:flex;flex-direction:column;box-sizing:border-box}
.sticker-picker-head{flex:0 0 auto}
.sticker-chat-grid{flex:1 1 auto;min-height:0;max-height:none;align-content:start}
.sticker-picker-overlay.kaomoji .kaomoji-pane,.sticker-picker-overlay.editing .stk-edit{flex:1 1 auto;min-height:0}
.kao-chips{flex:0 0 auto}
.kao-scroll,.stk-edit{max-height:none}
.kao-scroll{flex:1 1 auto;min-height:0}
/* The add tile's plus sits in the middle (`.sticker-chat-item span` made it a block). */
.sticker-chat-item .sticker-add-tile{display:grid;place-items:center}