/* The library picker (library-picker.js) on the Load prototype pages. Uses the page's own colour tokens. */
.libpick{display:grid;gap:8px}
.libpick .lp-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:10px}
@media (max-width:620px){.libpick .lp-row{grid-template-columns:1fr 1fr}.libpick .lp-q{grid-column:1 / -1}}
.libpick .lp-ok{display:flex;gap:6px;align-items:center;font-weight:500;font-size:.92rem;color:var(--ink,inherit)}
.libpick .lp-ok input{width:auto;margin:0}
.libpick .lp-say{margin:0;color:var(--muted);font-size:.88rem}
.libpick .lp-list{list-style:none;margin:0;padding:0;max-height:26rem;overflow-y:auto;border:1px solid var(--line);border-radius:8px}
.libpick .lp-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:.55rem .7rem;border-bottom:1px solid var(--line)}
.libpick .lp-list li:last-child{border-bottom:0}
.libpick .lp-what{display:grid;gap:2px;min-width:0}
.libpick .lp-facts{color:var(--muted);font-size:.88rem;overflow-wrap:anywhere}
.libpick .lp-tag{display:inline-block;font-size:.78rem;font-weight:600;border-radius:4px;padding:0 .4rem}
.libpick .lp-tag.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}
.libpick .lp-tag.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 16%,transparent)}
.libpick .lp-note{display:inline}
.libpick .lp-note summary{display:inline;cursor:pointer;text-decoration:underline}
.libpick .lp-note p{margin:4px 0 0;color:var(--muted)}
.libpick .lp-add{align-self:center}