.library-head{align-items:center}.library-head .eyebrow{display:block;margin-bottom:6px}.library-shortcut{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:800}.library-shortcut kbd{display:grid;min-width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.13);border-bottom-color:rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font:800 12px Inter,sans-serif;box-shadow:0 3px 0 rgba(0,0,0,.3)}
.smart-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:16px}.smart-filter{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));color:#aeb9c4;font:800 10px Inter,sans-serif;cursor:pointer}.smart-filter strong{display:grid;min-width:26px;height:26px;place-items:center;border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:10px}.smart-filter:hover{border-color:rgba(94,231,255,.22);color:#fff}.smart-filter.active{border-color:rgba(54,245,155,.32);background:linear-gradient(120deg,rgba(54,245,155,.13),rgba(94,231,255,.06));color:#d9ffed;box-shadow:inset 0 0 0 1px rgba(54,245,155,.05)}.smart-filter.active strong{background:#36f59b;color:#07110c}
.toolbar{align-items:end}.toolbar label{display:grid;min-width:0;gap:7px;color:#84929f;font-size:9px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.toolbar .search-label{flex:2}.toolbar label:not(.search-label){flex:1}.toolbar label .control{width:100%}.view-toggle{margin-bottom:1px}.view-button[aria-pressed="true"]{border-color:rgba(54,245,155,.3);box-shadow:0 7px 20px rgba(54,245,155,.08)}
.library-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:11px;font-weight:800}.library-pagination>div{display:flex;gap:8px}.library-pagination button:disabled{opacity:.38;cursor:not-allowed}.clip-card{content-visibility:auto;contain-intrinsic-size:620px}.clip-actions .clip-action:disabled{opacity:.45;cursor:not-allowed}.smart-filter:focus-visible,.toolbar :is(input,select):focus-visible,.view-button:focus-visible,.library-pagination button:focus-visible{outline:2px solid #36f59b;outline-offset:3px}
@media(max-width:1000px){.smart-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.library-shortcut{display:none}.smart-filters{display:flex;margin-inline:-2px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}.smart-filter{flex:0 0 auto;min-width:145px;scroll-snap-align:start}.toolbar label,.toolbar .search-label{width:100%;flex:auto}.library-pagination{align-items:flex-start;flex-direction:column}.library-pagination>div{width:100%}.library-pagination button{flex:1}.clip-card{contain-intrinsic-size:760px}}
@media(prefers-reduced-motion:reduce){.smart-filter,.clip-card{transition:none!important}}