.mp-library{max-width:1600px;min-height:75dvh;margin:auto;padding:40px 44px 80px}.mp-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.mp-heading h1{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:550}.mp-search{background:var(--bg-elevated);height:38px;color:var(--secondary-text);border-radius:12px;align-items:center;gap:8px;padding:0 10px;display:flex}.mp-search input{width:0;color:var(--primary-text);background:0 0;border:0;outline:0;padding:0;transition:width .15s ease-out}.mp-search:hover input,.mp-search:focus-within input{width:170px}.mp-search:has(input:not(:placeholder-shown)) input{width:170px}.mp-search button,.mp-card-menu button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.mp-filters{gap:8px;margin-bottom:24px;display:flex}.mp-filters button{color:var(--secondary-text);background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:12px;transition:background .15s}.mp-filters button[aria-pressed=true]{background:var(--bg-elevated);color:var(--primary-text)}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px 22px;display:grid}.mp-new{aspect-ratio:16/9;border:1px solid var(--divider);color:#fff;background:radial-gradient(at 95% 100%,#69a6a5,#0000 62%),radial-gradient(at 5% 100%,#ff9020,#0000 70%),linear-gradient(120deg,#ff355e,#d731b4);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:flex}.mp-new>span{background:var(--bg-elevated);width:48px;height:48px;color:var(--primary-text);border-radius:50%;place-items:center;transition:transform .15s;display:grid}.mp-new:hover>span{transform:scale(1.08)}.mp-new strong{font-size:14px;font-weight:500}.mp-cover{aspect-ratio:16/9;background:var(--bg-elevated);color:var(--tertiary-text);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.mp-cover img{object-fit:cover;transition:transform .25s}.mp-cover:hover img{transform:scale(1.025)}.mp-card-footer{justify-content:space-between;align-items:flex-start;gap:8px;padding:13px 2px 0;display:flex}.mp-card-footer>div:first-child{flex:1;min-width:0}.mp-card h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:14px;font-weight:500;overflow:hidden}.mp-card time{color:var(--tertiary-text);font-size:11px}.mp-card form{flex-wrap:wrap;gap:6px;display:flex}.mp-card form input{background:var(--bg-elevated);border:1px solid var(--divider-strong);width:100%;min-width:0;color:var(--primary-text);border-radius:6px;padding:5px 7px}.mp-card form button{background:var(--bg-elevated);color:var(--primary-text);border:0;border-radius:5px;padding:4px 8px;font-size:11px}.mp-card-menu{position:relative}.mp-card-menu>button{border-radius:7px;padding:3px 5px}.mp-card-menu>button:hover{background:var(--bg-elevated)}.mp-card-menu>div{z-index:5;background:var(--bg-card);border:1px solid var(--divider);border-radius:12px;width:140px;padding:5px;position:absolute;top:28px;right:0;box-shadow:0 12px 30px #0002}.mp-card-menu>div button{border-radius:7px;justify-content:flex-start;gap:10px;width:100%;padding:10px;font-size:12px}.mp-card-menu>div button:hover{background:var(--bg-elevated)}.mp-library button:active{transition:transform 75ms;transform:scale(.97)}.mp-library :is(button,a,input):focus-visible{outline:2px solid var(--primary-text);outline-offset:3px}.mp-skeleton{aspect-ratio:16/9;background:var(--bg-elevated);border-radius:18px;animation:1.4s ease-in-out infinite mp-pulse}.mp-empty{color:var(--secondary-text);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;font-size:14px;display:flex}.mp-more{border:1px solid var(--divider);background:var(--bg-card);color:var(--primary-text);border-radius:12px;align-items:center;gap:8px;margin:32px auto;padding:9px 22px;display:flex}.mp-error{color:var(--danger);font-size:13px}@keyframes mp-pulse{50%{opacity:.45}}@media (max-width:600px){.mp-library{padding:25px 18px 80px}.mp-heading h1{font-size:21px}.mp-grid{grid-template-columns:1fr}.mp-search input,.mp-search:hover input,.mp-search:focus-within input{width:120px}}@media (prefers-reduced-motion:reduce){.mp-library *{transition:none!important;animation:none!important}}