.library-browser{display:flex;flex-direction:column;gap:10px}.browser-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.browser-filters{display:flex;gap:6px;flex-wrap:wrap}.browser-filters button{min-height:30px;padding:0 10px;background:#fff;border:1px solid var(--lab-border);border-radius:8px;cursor:pointer;transition:all .15s;font-size:11px;font-weight:700;color:var(--lab-text-soft)}.browser-filters button:hover{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.18);color:var(--lab-text)}.browser-filters button.active{background:#6366f1;color:#fff;border-color:rgba(0,0,0,0)}.search-box{flex:1;max-width:320px;min-width:200px}.search-box input{width:100%;min-height:34px;padding:0 10px;border:1px solid var(--lab-border);border-radius:10px;font-size:12px;background:#fff;color:var(--lab-text)}.search-box input:focus{outline:none;border-color:rgba(99,102,241,.3);box-shadow:0 0 0 3px rgba(99,102,241,.06)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.library-browser__open-btn{min-height:28px}.browser-summary{text-align:center;color:var(--lab-text-muted);font-size:11px;font-weight:600}@media(max-width:768px){.browser-controls{align-items:stretch}.search-box{max-width:none;min-width:100%}}.dark .browser-filters button,.dark .search-box input{background:#0f172a}