.library-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.library-filters[hidden],.library-more[hidden],#library-retry[hidden]{display:none}
.library-filters button{border:1px solid #30372b40;border-radius:999px;background:#30372b05;color:var(--ink);padding:12px 18px;min-height:44px;font-size:11px;line-height:1.5}
.library-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.library-status{font-size:11px;line-height:1.8;color:#626b58;margin-bottom:28px;min-height:20px}
.library-ready .ceiling-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;columns:auto}
.library-card{min-width:0}
.library-card-media{display:block;position:relative;padding:0;width:100%;aspect-ratio:4/5;background:#cbd0c1;overflow:hidden;cursor:zoom-in}
.library-card-media img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.library-card-media:hover img{transform:scale(1.025)}
.library-play{position:absolute;bottom:16px;left:16px;border:1px solid #f4f2eb80;background:#18231990;color:#f4f2eb;border-radius:999px;padding:10px 16px;font-size:11px;backdrop-filter:blur(8px)}
.library-card-caption{padding-top:16px}
.library-card-caption>span{font-family:var(--sans);font-size:8px;letter-spacing:1.5px;color:#626b58}
.library-card-caption h3{font-size:21px;letter-spacing:-.7px;line-height:1.35;margin-top:8px}
.library-more{display:flex;justify-self:center;margin:38px auto 42px;min-width:170px}
#library-retry{margin-bottom:25px}
.library-viewer{width:min(1180px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:92svh;padding:0;background:var(--paper)}
.library-viewer[open]{display:grid;grid-template-columns:minmax(0,1fr) 290px}
.library-view-media{height:min(78svh,850px);min-height:300px;background:#20271e;display:grid;place-items:center;overflow:hidden}
.library-view-media img,.library-view-media video{display:block;width:100%;height:100%;object-fit:contain;max-height:78svh}
.library-view-copy{padding:70px 30px 30px;display:flex;flex-direction:column;align-items:flex-start}
.library-view-copy h2{font-size:31px;letter-spacing:-1.2px;margin-top:20px;line-height:1.2}
.library-view-copy>p{font-size:13px;line-height:1.8;color:#68715e;margin-top:22px}
.library-view-copy .button{margin-top:auto;font-size:11px;padding:12px 17px}
.library-view-nav{display:flex;align-items:center;gap:18px;margin:30px 0}
.library-view-nav button{width:44px;height:44px;border:1px solid #aeb8a1;border-radius:50%;background:none;font-size:22px}
.library-view-count{font-size:11px;font-variant-numeric:tabular-nums}
.library-close{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 2px 12px #0002}
.motion-disabled .library-card-media img{transition:none}
.motion-disabled .library-card-media:hover img{transform:none}
@media(max-width:1050px){.library-ready .ceiling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .library-ready .ceiling-grid{gap:26px 14px}
 .library-card-caption h3{font-size:16px;letter-spacing:-.4px}
 .library-card-caption>span{font-size:7px;letter-spacing:1px}
 .library-play{left:8px;bottom:9px;font-size:9px;padding:8px 10px}
 .library-filters{gap:8px}
 .library-filters button{font-size:10px;padding:10px 13px}
 .library-viewer[open]{display:block;overflow:auto}
 .library-view-media{height:58svh;min-height:250px}
 .library-view-media img,.library-view-media video{max-height:58svh}
 .library-view-copy{padding:26px 25px}
 .library-view-copy h2{font-size:29px;margin-top:12px}
 .library-view-copy>p{font-size:12px;margin-top:16px}
 .library-view-nav{margin:20px 0}
 .library-view-copy .button{margin-top:0}
}
@media(max-width:360px){.library-ready .ceiling-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.library-card-media img{transition:none}.library-card-media:hover img{transform:none}}