.picker-page{background:transparent}.picker-page .wrap{max-width:var(--shell-catalog);margin:0 auto;padding:36px var(--page-gutter) 72px}.picker-page .page-head{margin-bottom:20px}.picker-page .lib-tag{display:inline-block;font:600 12px var(--font-mono);letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);padding:3px 9px;border-radius:999px;margin-bottom:0}.picker-page .page-head h1{font:600 38px/1.05 var(--font-sans);letter-spacing:-.03em;margin:8px 0 0}.picker-page .page-head p{color:var(--fg-2);margin:10px 0 0;max-width:560px;font-size:15px;line-height:1.55;min-height:calc(2 * 1.55em)}.picker-page .toolbar{display:grid;grid-template-columns:minmax(320px,1fr) auto;grid-gap:12px;gap:12px;align-items:start;margin-bottom:20px}.picker-page .search{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r-3)}.picker-page .search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint)}.picker-page .search svg{color:var(--fg-3);flex-shrink:0}.picker-page .search input{flex:1 1;background:transparent;border:none;outline:none;color:var(--fg-1);font:400 15px var(--font-sans)}.picker-page .search input::placeholder{color:var(--fg-3)}.picker-page .search .k{font:500 11px var(--font-mono);color:var(--fg-3);border:1px solid var(--line-2);padding:3px 7px;border-radius:var(--r-1);background:var(--bg-2);flex-shrink:0}.picker-page .empty-clear{border:none;background:transparent;color:var(--accent);font:600 13px var(--font-sans);padding:0;font:inherit}.picker-page .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.picker-page .grid>article{content-visibility:auto;contain-intrinsic-size:auto 220px}.picker-page .tpl-tile{position:relative;display:flex;flex-direction:column;border-radius:var(--r-3);background:var(--bg-1);border:1px solid var(--line-1);min-height:190px;overflow:hidden;color:inherit;cursor:pointer;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s,border-color .16s}.picker-page .tpl-tile:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-2)}.picker-page .tpl-tile:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.picker-page .tpl-tile .tt-namelink{color:inherit;text-decoration:none}.picker-page .tpl-tile .tt-namelink:focus-visible{outline:none}.picker-page .tpl-tile .tt-namelink:after{content:"";position:absolute;inset:0}.picker-page .tpl-tile .tt-bar{display:flex;align-items:center;gap:9px;padding:11px 13px;background:var(--bg-2);border-bottom:1px solid var(--line-1)}.picker-page .tpl-tile .tt-glyph{display:inline-flex;flex-shrink:0;color:var(--accent)}.picker-page .tpl-tile .tt-name{flex:1 1;min-width:0;margin:0;font:600 14px var(--font-sans);letter-spacing:-.01em;color:var(--fg-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-page .tpl-tile .tt-pop{display:inline-flex;flex-shrink:0;color:var(--accent)}.picker-page .tpl-tile .tt-fav{position:relative;z-index:1;display:inline-flex;flex-shrink:0}.picker-page .tpl-tile .tt-fav .bookmark-btn{padding:4px;border-radius:var(--r-2)}.picker-page .tpl-tile .tt-body{flex:1 1;padding:16px 16px 14px;display:flex;flex-direction:column;justify-content:center}.picker-page .tpl-tile .tt-blurb{font:400 14px/1.55 var(--font-sans);color:var(--fg-2);margin:0}.picker-page .tpl-tile .tt-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--line-1)}.picker-page .tpl-tile .tt-tag{font:600 11px var(--font-mono);letter-spacing:.02em;color:var(--fg-3)}.picker-page .tpl-tile .tt-meta{position:relative;z-index:1;display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 10px;justify-content:flex-end}.picker-page .tpl-tile .tt-q{font:500 12px var(--font-mono);color:var(--accent)}.picker-page .tpl-tile.popular{box-shadow:inset 0 2px 0 var(--accent)}.picker-page .tpl-tile.popular:hover{box-shadow:inset 0 2px 0 var(--accent),var(--shadow-2)}.picker-page .tpl-tile .tt-use{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-2);margin:0 var(--space-4) var(--space-4);color:var(--accent);font:600 12px var(--font-sans)}.picker-page .empty{grid-column:1/-1;text-align:center;padding:64px 24px;color:var(--fg-3);font:400 15px var(--font-sans)}.picker-page .empty b{color:var(--fg-1);font-weight:600}@media (max-width:980px){.picker-page .toolbar{grid-template-columns:1fr}.picker-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.picker-page .wrap{padding-inline:16px}.picker-page .search .k{display:none}.picker-page .page-head h1{font-size:32px}.picker-page .grid{grid-template-columns:1fr}}