.li-sticker-library{position:fixed;inset:0;box-sizing:border-box;width:min(740px,calc(100vw - 40px));height:min(830px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid #ffffffcc;border-radius:25px;background:#fff7f9;color:var(--li-ink);box-shadow:0 24px 90px #78405f42;font:inherit}
.li-sticker-library:not([open]){display:none}
.li-sticker-library::backdrop,.li-library-confirm::backdrop{background:#513b4666;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.li-library-heading{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;box-sizing:border-box;padding:14px 19px;border-bottom:1px solid var(--li-line);background:#fffcfbe6}
.li-library-heading h2{margin:0;font-size:18px;font-weight:500;text-align:center;line-height:1.5}
.li-library-heading .li-icon-button{height:36px;width:36px;flex-shrink:0}.li-library-heading .li-text-button{padding:7px 0;min-width:40px;font-size:16px}
.li-library-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 12px 18px;scrollbar-width:thin;overflow-anchor:none}
.li-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-content:start;position:relative}
.li-library-grid>button,.li-library-slot{position:relative;box-sizing:border-box;min-width:0;width:100%;aspect-ratio:1;margin:0;padding:0;background:#fffdfc;border:0;border-radius:12px;color:var(--li-ink);font:inherit;display:grid;place-items:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.li-library-tile{overflow:hidden}
.li-library-tile img{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:1;min-height:0;object-fit:cover;border-radius:inherit;pointer-events:none;transition:opacity .18s,filter .18s}
.li-library-grid>.li-library-add{background:transparent;border:1px dashed #dbb9cb;color:#be99ad}
.li-library-add{transition:filter .18s}.li-library-add svg{width:clamp(46px,45%,80px);height:auto;aspect-ratio:1}.li-library-grid button:disabled{opacity:.45;cursor:default}
.li-library-check{position:absolute;right:5px;top:5px;display:grid;place-items:center;box-sizing:border-box;width:23px;height:23px;border:1.5px solid #aa9aa4;background:#fffcfa4d;border-radius:50%;font-size:12px;line-height:1;color:white}
.li-library-check[hidden]{display:none}.li-library-tile.is-selected .li-library-check{background:#d7789e;border-color:#d7789e}.li-library-tile.is-selected img{opacity:.5}
.li-library-footer{flex-shrink:0;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px max(13px,env(safe-area-inset-bottom));box-sizing:border-box;border-top:1px solid var(--li-line);background:#fffcfaeb;z-index:2}
.li-library-footer[hidden]{display:none}.li-library-footer>button{background:transparent;border:0;padding:10px 0;font:inherit;font-size:17px;color:var(--li-deep)}.li-library-footer>button:disabled{color:#c7bac0;cursor:default}
.li-library-footer>span{width:100%;text-align:center;font-size:13px;color:var(--li-muted);line-height:1.7}
.li-library-scroll>[data-library-loading]{font-size:12px;min-height:18px;text-align:center;color:var(--li-muted);margin:12px 0 0}
.li-library-scroll>[data-library-sentinel]{height:1px}
.li-sticker-library.is-moving .li-library-scroll{padding-bottom:145px}
.li-sticker-library.is-moving .li-library-grid>button{touch-action:pan-y}
.li-library-slot{border:1.5px dashed #cf7da1;background:#f7e2ed8c;display:flex;flex-direction:column;justify-content:center;gap:5px;font-size:12px;color:var(--li-deep)}
.li-library-slot svg{width:23px;height:23px}
.li-library-moving-stack{position:absolute;bottom:calc(83px + env(safe-area-inset-bottom));left:calc(50% - 42px);width:84px;height:84px;box-sizing:border-box;padding:0;border:0;background:#fffdfa;border-radius:12px;box-shadow:0 8px 22px #7c516b42,5px -4px 0 #fff7fb,8px -7px 0 #f4e4ec;touch-action:none;cursor:grab;z-index:4;-webkit-user-select:none;user-select:none}
.li-library-moving-stack img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;-webkit-user-drag:none}
.li-library-moving-stack b{position:absolute;right:-8px;top:-8px;border:2px solid #fff8fa;border-radius:50%;height:25px;min-width:25px;padding:0 3px;box-sizing:border-box;display:grid;place-items:center;background:#d3779c;color:white;font-weight:500;font-size:12px}
.li-library-moving-stack.is-dragging{cursor:grabbing;box-shadow:0 16px 38px #7c516b66,5px -4px 0 #fff7fb,8px -7px 0 #f4e4ec}
.li-library-confirm{max-width:min(460px,calc(100vw - 30px))}.li-library-confirm .li-dialog-head{padding:23px}.li-library-confirm .li-dialog-head h2{font-size:23px;line-height:1.5;margin:0}.li-library-confirm>.li-form{padding:22px;margin:0}.li-library-confirm p{font-size:15px;line-height:1.9;margin:0}.li-library-confirm .li-detail-actions{justify-content:flex-end;gap:12px}.li-library-confirm .li-button{font-size:15px;padding:12px 20px}
@media(hover:hover) and (pointer:fine){.li-library-tile:hover img{filter:brightness(.85)}.li-library-add:not(:disabled):hover{filter:brightness(.72)}}
@media(max-width:700px){
  .li-sticker-library{inset:0;margin:0;width:100%;height:100dvh;border:0;border-radius:0}
  .li-library-heading{min-height:64px;padding:calc(12px + env(safe-area-inset-top)) 13px 12px;gap:8px}.li-library-heading h2{font-size:17px}.li-library-heading .li-text-button{font-size:16px}
  .li-library-scroll{padding:6px 5px 16px}.li-library-grid{gap:5px}
  .li-library-check{right:4px;top:4px;width:21px;height:21px;font-size:11px}.li-library-footer{padding-left:19px;padding-right:19px}
}
@media(prefers-reduced-motion:reduce){.li-library-tile img{transition:none}}
.li-reduced .li-library-tile img{transition:none}
