.lib{flex-direction:column;gap:12px;display:flex}.lib-notice{color:var(--fg-2);margin-bottom:12px;padding:12px 14px;font-size:.82rem}.lib-sections{scrollbar-width:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);gap:4px;padding:4px;display:flex;overflow-x:auto}@media (prefers-reduced-motion:no-preference){.lib-sections{scroll-behavior:smooth}}.lib-sections::-webkit-scrollbar{display:none}.lib-section{border-radius:var(--radius-sm);color:var(--fg-3);white-space:nowrap;cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:8px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.lib-section:hover{color:var(--fg)}.lib-section[aria-current=page]{background:var(--surface-3);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}.lib-section-count{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--fg-4);font-size:.62rem}.lib-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lib-search{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);min-width:0;color:var(--fg-3);transition:border-color .15s var(--ease-out);flex:14rem;align-items:center;gap:8px;padding:8px 11px;display:flex}.lib-search:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--line-2))}.lib-download-all{margin-left:auto}.lib-note{color:var(--fg-3);font-size:.8rem}.lib-empty{text-align:center;padding:40px 0}.lib-panel{flex-direction:column;gap:12px;display:flex}@media (prefers-reduced-motion:no-preference){.lib-panel{animation:lib-panel-in .22s var(--ease-out)}}@keyframes lib-panel-in{0%{opacity:.3;transform:translateY(4px)}}.lib-sections{scroll-margin-top:16px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;display:grid}.lib-grid[data-shape=wide]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.lib-tile{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));width:100%;color:var(--fg);text-align:left;cursor:pointer;transition:border-color .15s var(--ease-out), transform .15s var(--ease-out), box-shadow .15s var(--ease-out);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.lib-tile:hover{border-color:var(--line-2);box-shadow:0 18px 40px -28px #000000e6}.lib-tile:active{transform:translateY(1px)}.lib-tile:focus-visible,.lib-section:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lib-thumb{--checker:#ffffff0a;aspect-ratio:1;background-color:#101216;background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;display:block;position:relative}.lib-grid[data-shape=wide] .lib-thumb{aspect-ratio:16/9}.lib-grid[data-shape=tall] .lib-thumb{aspect-ratio:3/4}.lib-thumb img{box-sizing:border-box;-o-object-fit:contain;object-fit:contain;padding:14px}@media (prefers-reduced-motion:no-preference){.lib-thumb img[data-loaded]{animation:lib-thumb-in .3s var(--ease-out)}}@keyframes lib-thumb-in{0%{opacity:0;transform:scale(.97)}}.lib-search-key{flex:none}.lib-search:focus-within .lib-search-key{visibility:hidden}@media (pointer:coarse){.lib-search-key{display:none}}.lib-grid[data-shape=tall] .lib-thumb img{padding:6px}.lib-grid[data-shape=wide] .lib-thumb img{-o-object-fit:cover;object-fit:cover;padding:0}.lib-meta{border-top:1px solid var(--line);flex-direction:column;gap:1px;min-width:0;padding:8px 34px 9px 10px;display:flex}.lib-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.lib-group{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--fg-4);font-size:.6rem;overflow:hidden}.lib-tile-icon{color:var(--fg-3);transition:color .15s var(--ease-out), transform .15s var(--ease-out);position:absolute;bottom:12px;right:10px}.lib-tile:hover .lib-tile-icon{color:var(--accent);transform:translateY(1px)}.lib-about{border-top:1px solid var(--line);max-width:46rem;color:var(--fg-3);margin-top:56px;padding-top:32px;font-size:.86rem;line-height:1.65}.lib-about p+p{margin-top:10px}.lib-about a{color:var(--fg-2);text-underline-offset:3px;text-decoration:underline}.lib-about a:hover{color:var(--fg)}.lib-about-title{letter-spacing:-.01em;color:var(--fg);margin-bottom:10px;font-size:1.05rem;font-weight:600}.lib-about-links{flex-wrap:wrap;gap:6px 16px;margin-top:18px;font-size:.8rem;display:flex}@media (max-width:520px){.lib-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.lib-grid[data-shape=wide]{grid-template-columns:minmax(0,1fr)}.lib-download-all{width:100%}}@media (prefers-reduced-motion:reduce){.lib-tile,.lib-tile-icon,.lib-section{transition:none}}
