.picker-page{min-height:100vh;background:transparent}.picker-page .wrap{max-width:1180px;margin:0 auto;padding:32px 28px 60px}.picker-page .page-head{margin-bottom:24px}.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:12px}.picker-page .page-head h1{font:600 38px/1.05 var(--font-sans);letter-spacing:-.03em;margin:14px 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:1fr auto;grid-gap:12px;gap:12px;margin-bottom:24px}.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 .sort{display:flex;gap:4px;padding:4px;background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r-3)}.picker-page .sort button{height:40px;padding:0 16px;background:transparent;color:var(--fg-2);border:none;border-radius:var(--r-2);font:500 13px var(--font-sans);cursor:pointer}.picker-page .sort button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.picker-page .layout{display:grid;grid-template-columns:240px 1fr;grid-gap:24px;gap:24px;align-items:start}.picker-page .side{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-3);padding:10px}.picker-page .side .group{font:600 12px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);padding:14px 12px 8px}.picker-page .side a,.picker-page .side button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-2);font:500 14px var(--font-sans);color:var(--fg-1);cursor:pointer;background:transparent;border:none}.picker-page .side a .em,.picker-page .side button .em{margin-right:4px}.picker-page .side a:hover,.picker-page .side button:hover{background:var(--bg-2)}.picker-page .side a.on,.picker-page .side button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.picker-page .side a .ct,.picker-page .side button .ct{margin-left:auto;font:500 12px var(--font-mono);color:var(--fg-3)}.picker-page .side a.on .ct,.picker-page .side button.on .ct{color:var(--accent)}.picker-page .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.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 .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:960px){.picker-page .layout{grid-template-columns:1fr}.picker-page .side{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.picker-page .side .group{width:100%;padding:8px 8px 4px}.picker-page .side a,.picker-page .side button{width:auto}.picker-page .side a .ct,.picker-page .side button .ct{margin-left:6px}.picker-page .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.picker-page .toolbar{grid-template-columns:1fr}.picker-page .sort{overflow-x:auto}.picker-page .grid{grid-template-columns:1fr}}