.media-library-container{min-height:100vh}.media-library-header{background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.media-library-header h1{font-size:1.5rem}.header-actions{display:flex;gap:1rem;align-items:center}.back-to-site-link{color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--bg-tertiary);border-radius:4px;transition:background .2s}.back-to-site-link:hover{background:var(--bg-tertiary)}.media-library-main{padding:2rem;max-width:1400px;margin:0 auto}.media-library h2{font-size:1.5rem;margin-bottom:1.5rem}.empty-state,.loading{text-align:center;padding:3rem;color:var(--text-secondary)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.media-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.media-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.media-poster{width:100%;aspect-ratio:2/3;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.poster-placeholder{font-size:4rem;color:var(--text-secondary);font-weight:700}.media-info{padding:1rem}.media-info h3{font-size:1rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-type{font-size:.8rem;color:var(--text-secondary);text-transform:capitalize}.pagination{margin-top:2rem;text-align:center}