.category-sidebar.svelte-6nhz4j{display:flex;flex-direction:column;gap:4px;align-items:center;overflow-y:auto;width:52px;border-bottom-left-radius:12px;background-color:var(--xz-color-surface-50)}@media(max-width:500px){.category-sidebar.svelte-6nhz4j{width:60px}}.category-sidebar-content.svelte-6nhz4j{display:flex;flex-direction:column;gap:2px;align-items:center;overflow-y:auto;width:100%;padding:8px}.category-btn.svelte-6nhz4j{display:flex;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--xz-color-text-100);cursor:pointer;transition:background-color .15s}.category-btn.svelte-6nhz4j:hover{background-color:var(--xz-color-neutral-soft-100)}.category-btn.active.svelte-6nhz4j{background-color:var(--xz-color-neutral-soft-100);color:var(--xz-color-primary-text-100)}img.sticker-pack-icon.svelte-6nhz4j{object-fit:contain;object-position:center}.loading-packs.svelte-6nhz4j{display:flex;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;color:var(--xz-color-text-300);font-size:16px}.sticker-preview-overlay.svelte-1vrbk62{position:absolute;inset:0;z-index:10;display:flex;justify-content:center;align-items:center;height:200px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:color-mix(in oklab,var(--xz-color-surface-100) 55%,transparent);transform:translateY(calc(-100% - 42px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button.sticker-preview-content.svelte-1vrbk62{display:flex;justify-content:center;align-items:center;width:180px;height:180px;padding-bottom:6px}button.sticker-preview-content.svelte-1vrbk62 .sticker-preview-img:where(.svelte-1vrbk62){object-fit:contain;width:100%;height:100%}button.sticker-preview-content.svelte-1vrbk62 .sticker-preview-rive{width:100%;height:100%}.sticker-picker.svelte-rpalci{position:relative;display:flex;flex-direction:column;width:352px;height:435px;border-radius:0 0 12px 12px;background-color:var(--xz-color-neutral-soft-100)}@media(max-width:500px){.sticker-picker.svelte-rpalci{width:100%}}@media(max-width:375px){.sticker-picker.svelte-rpalci{height:350px}}.sticker-content.svelte-rpalci{display:flex;flex:1;overflow:hidden;background-color:var(--xz-color-surface-100)}.sticker-main.svelte-rpalci{display:flex;flex:1;flex-direction:column;overflow:hidden;background-color:var(--xz-color-surface-100)}.section-header.svelte-rpalci{display:flex;gap:8px;align-items:center;min-height:48px;padding:12px 16px;color:var(--xz-color-text-100);font-weight:500;font-size:14px}.section-header.svelte-rpalci .section-title:where(.svelte-rpalci){flex:1;font-weight:600;font-size:14px;font-family:var(--xz-font-family-secondary)}.sticker-grid.svelte-rpalci{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:row dense;gap:8px 2px;place-content:start center;place-items:center;overflow-y:auto;padding:8px}.sticker-item.svelte-rpalci{display:flex;justify-content:center;align-items:center;width:100%;padding:4px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:background-color .15s;aspect-ratio:1/1}.sticker-item.svelte-rpalci:hover{background-color:var(--xz-color-neutral-soft-200)}.sticker-item.svelte-rpalci img:where(.svelte-rpalci){object-fit:contain;width:100%;height:100%}.sticker-item.svelte-rpalci .sticker-rive{width:100%;height:100%;aspect-ratio:1/1}.sticker-footer.svelte-rpalci{display:flex;gap:12px;align-items:center;padding:8px 12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;background-color:var(--xz-color-surface-50)}.sticker-footer.svelte-rpalci .footer-icon:where(.svelte-rpalci){display:flex;justify-content:center;align-items:center;width:40px;border-radius:8px;background-color:var(--xz-color-neutral-soft-100);font-size:24px;aspect-ratio:1/1}.sticker-footer.svelte-rpalci .footer-info:where(.svelte-rpalci){display:flex;flex-direction:column;gap:2px}.sticker-footer.svelte-rpalci .footer-name:where(.svelte-rpalci){color:var(--xz-color-text-100);font-weight:600;font-size:14px;font-family:var(--xz-font-family-secondary)}.sticker-footer.svelte-rpalci .footer-author:where(.svelte-rpalci){color:var(--xz-color-text-300);font-weight:400;font-size:12px;font-family:var(--xz-font-family-primary)}img.sticker-pack-icon.svelte-rpalci{object-fit:contain;object-position:center}.loading-stickers.svelte-rpalci{display:flex;flex:1;grid-column:1/-1;justify-content:center;align-items:center;padding:16px 12px}.no-stickers.svelte-rpalci{flex:1;grid-column:1/-1;width:100%}.no-stickers-image.svelte-rpalci{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin-top:16px}.no-stickers-image.svelte-rpalci img:where(.svelte-rpalci){object-fit:contain;width:60%;height:100%;opacity:.6;filter:grayscale(100%)}.theme-item.svelte-etdsru{background:var(--chatbox-background);background-position:var(--chatbox-background-position, center);background-size:var(--chatbox-background-size, cover);background-repeat:var(--chatbox-background-repeat, no-repeat)}.theme-item.svelte-etdsru .self:where(.svelte-etdsru){width:40px;height:20px;margin-right:4px;margin-bottom:6px;margin-left:auto;border-radius:999px;background-color:var(--message-bubble-sender-background)}.theme-item.svelte-etdsru .counter-party:where(.svelte-etdsru){width:40px;height:20px;margin-right:auto;margin-bottom:6px;margin-left:4px;border-radius:999px;background-color:var(--message-bubble-receiver-background)}.theme-items.svelte-etdsru{display:flex;gap:4px;overflow-x:auto;padding:0 20px 12px;scroll-snap-align:start;scroll-snap-type:x mandatory;scroll-padding-inline:20px}.theme-items.svelte-etdsru .theme-item-container:where(.svelte-etdsru){display:flex;padding:4px;border:2px solid transparent;border-radius:8px;scroll-snap-align:start}.theme-items.svelte-etdsru .theme-item-container.is-selected:where(.svelte-etdsru){border:2px solid var(--xz-color-primary-bg-100)}.theme-items.svelte-etdsru .theme-item:where(.svelte-etdsru){width:60px;border-radius:4px;aspect-ratio:1/1.5}.guide-content.svelte-158wdq3{display:flex;flex-direction:column;align-items:center;padding:32px 24px 8px;text-align:center}.guide-icon.svelte-158wdq3{display:flex;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;border-radius:50%;background-color:var(--xz-color-primary-soft-100);color:var(--xz-color-primary-text-100);font-size:28px}.guide-title.svelte-158wdq3{margin-bottom:8px;font-weight:700;font-size:20px;font-family:var(--xz-font-family-secondary)}.guide-description.svelte-158wdq3{margin-bottom:24px;color:var(--xz-color-text-200);font-size:14px;line-height:1.5}.guide-hint.svelte-158wdq3{margin-top:16px;color:var(--xz-color-text-300);font-size:13px}.theme-buttons.svelte-158wdq3{display:flex;gap:8px}.theme-btn.svelte-158wdq3{display:flex;gap:6px;align-items:center;padding:8px 18px;border:1px solid var(--xz-color-line-50);border-radius:999px;background:transparent;color:var(--xz-color-text-200);font-weight:500;font-size:14px;font-family:var(--xz-font-family-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.theme-btn.svelte-158wdq3:hover{background:var(--xz-color-neutral-soft-100)}.theme-btn.is-active.svelte-158wdq3{border-color:var(--xz-color-primary-bg-100);color:var(--xz-color-primary-text-100)}.guide-footer.svelte-158wdq3{padding:16px 24px 24px}#setting-panel.svelte-d23fnq{padding-bottom:24px}.contents.svelte-d23fnq{margin-top:12px;padding:12px 20px}.item.svelte-d23fnq h3:where(.svelte-d23fnq){margin-bottom:8px;color:var(--xz-color-text-200);font-size:13px}.icon.svelte-d23fnq{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:var(--xz-color-neutral-soft-100);color:var(--xz-color-text-300);font-size:18px}.setting-item.svelte-d23fnq{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:8px 0}.setting-item.svelte-d23fnq .label-container:where(.svelte-d23fnq){display:flex;flex:1;gap:4px;align-items:center}.setting-item.svelte-d23fnq .label-container:where(.svelte-d23fnq) .label:where(.svelte-d23fnq){display:flex;flex:1;flex-direction:column;gap:4px}.setting-item.svelte-d23fnq .label-container:where(.svelte-d23fnq) .label-title:where(.svelte-d23fnq){font-weight:600;font-size:15px;font-family:var(--xz-font-family-secondary)}.setting-item.svelte-d23fnq .label-container:where(.svelte-d23fnq) p:where(.svelte-d23fnq){color:var(--xz-color-text-300);font-size:13px}.current-theme-name.svelte-d23fnq{color:var(--xz-color-primary-text-100);font-weight:600;font-size:14px;font-family:var(--xz-font-family-secondary)}