/* Search floats over the current library, retaining its theme and saved HD previews. */
.library-page .library-sidebar-search{display:flex!important}
.library-search-screen{--search-blue:#00b3ff;box-sizing:border-box;width:min(1100px,calc(100% - 48px));max-width:none;max-height:calc(100svh - 80px);margin:auto;padding:0;border:0;border-radius:16px;background:transparent;color:#f6f6fa;font-family:var(--brand-font,Poppins,Arial,sans-serif);box-shadow:0 24px 80px #0009;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#45454f #0d0d12;color-scheme:dark}
.library-search-screen::backdrop{background:#0005}
.library-search-panel{min-height:320px;padding:24px;border:0;border-radius:16px;background:rgba(8,8,12,.9)}
.library-search-topbar{display:flex;align-items:center;gap:12px}
.library-search-back{display:grid;flex:none;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#c5c5d0;cursor:pointer}
.library-search-back:hover{background:#ffffff12;color:#fff}
.library-search-field{display:flex;flex:1;align-items:center;gap:12px;min-width:0;min-height:54px;padding:0 18px;border:0;border-radius:999px;background:#242429;color:#b6b6c2}
.library-search-field:focus-within{outline:2px solid var(--search-blue);outline-offset:2px}
.library-search-field>svg{flex:none;color:var(--search-blue)}
.library-search-field input{flex:1;min-width:0;width:100%;height:54px;padding:0;border:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;color:#fff;font:500 15px var(--brand-font);caret-color:var(--search-blue)}
.library-search-field input::placeholder{color:#b6b6c2;opacity:1}
.library-search-field input::-webkit-search-cancel-button{display:none}
.library-search-field button{display:grid;flex:none;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:#34343c;color:#fff;cursor:pointer}
.library-search-tabs{display:flex;gap:8px;margin:18px 0 24px}
.library-search-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border:0;border-radius:999px;background:#242429;color:#d2d2df;font:700 12px var(--brand-font);cursor:pointer}
.library-search-tabs button[aria-selected="true"]{background:var(--search-blue);color:#061825}
.library-search-results{min-height:240px}
.library-search-status{margin:0 0 16px;color:#bcbcc8;font-size:12px;font-weight:500}
.library-search-result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.library-search-result{position:relative;display:grid;align-content:start;gap:10px;min-width:0;padding:0;border:0;border-radius:12px;background:transparent;color:#f4f4f8;text-decoration:none}
.library-search-preview{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#09090d}
.library-search-preview .library-card-media{display:block;width:100%;height:100%}
.library-search-result>span:not(.library-search-preview):not(.library-search-plan){display:grid;gap:4px;min-width:0;padding-right:46px}
.library-search-result strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}
.library-search-result small{overflow:hidden;color:#aaaab7;font-size:11px;line-height:1.4;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap}
.library-search-plan{position:absolute;right:0;bottom:0;color:#9fdfff;font-size:10px;font-weight:700;text-transform:capitalize}
.library-search-result:hover strong{color:var(--search-blue)}
.library-search-collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.library-search-collection{display:flex;align-items:center;gap:12px;min-width:0;min-height:76px;padding:14px;border:0;border-radius:12px;background:#1d1d24;color:#fff;text-align:left;font-family:inherit;cursor:pointer}
.library-search-collection>svg{flex:none;color:var(--search-blue)}
.library-search-collection>span{display:grid;flex:1;gap:4px;min-width:0}
.library-search-collection strong{font-size:14px;font-weight:800}
.library-search-collection small{color:#b2b2be;font-size:11px;line-height:1.5}
.library-search-collection>b{flex:none;color:#9fdfff;font-size:13px}
.library-search-collection:hover{background:#202a35}
.library-search-empty{display:grid;justify-items:center;gap:12px;max-width:480px;margin:30px auto;padding:26px 16px;text-align:center}
.library-search-empty>svg{color:var(--search-blue)}
.library-search-empty h2{margin:0;font-size:25px;font-weight:800;letter-spacing:-.02em}
.library-search-empty p{margin:0;color:#bcbcc8;font-size:14px;line-height:1.7}
.library-search-empty button,.library-search-more{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:#063553;color:#c7efff;font:700 13px var(--brand-font);cursor:pointer}
.library-search-more{display:block;margin:24px auto 0}
.library-search-loading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.library-search-loading>div{aspect-ratio:16/9;border-radius:12px;background:#22222a}
.library-search-screen :is(button,a):focus-visible{outline:2px solid var(--search-blue);outline-offset:3px}
.library-search-screen :is(input,button,a){-webkit-tap-highlight-color:transparent}
.library-search-screen ::selection{background:#00b3ff;color:#071b29}
@media(max-width:900px){.library-search-result-list,.library-search-loading{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .library-search-screen{width:calc(100% - 24px);max-height:calc(100svh - 40px)}
 .library-search-panel{padding:16px}
 .library-search-topbar{gap:4px}
 .library-search-field{gap:8px;min-height:48px;padding:0 12px}
 .library-search-field input{height:48px;font-size:12px}
 .library-search-tabs{gap:6px;margin:16px 0 20px}
 .library-search-tabs button{min-height:44px;padding:0 12px;font-size:11px}
 .library-search-result-list,.library-search-collections,.library-search-loading{grid-template-columns:1fr}
 .library-search-result-list{gap:24px}
 .library-search-result strong{font-size:14px}
 .library-search-field button{width:32px;height:36px}
}
