.media-page{min-height:100vh;padding:60px 0 80px}.media-layout{grid-template-columns:240px 1fr;align-items:start;gap:32px;display:grid}.media-sidebar{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);top:calc(var(--nav-height) + 20px);padding:24px;position:sticky}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sidebar-header h3{font-size:1rem;font-weight:700}.sidebar-clear{color:var(--primary);cursor:pointer;font-size:.78rem;font-weight:600}.filter-group{margin-bottom:24px}.filter-group h4{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:700}.filter-radio{cursor:pointer;color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;padding:6px 0;font-size:.88rem;display:flex}.filter-radio:hover{color:var(--text-primary)}.filter-radio input[type=radio]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.sidebar-count{color:var(--text-muted);border-top:1px solid var(--border-light);padding-top:16px;font-size:.82rem}.media-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.media-card{background:#fff}.media-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.media-empty p{margin-bottom:16px}.mobile-filter-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;background:#fff;margin-bottom:16px;padding:12px;font-size:.9rem;font-weight:600;display:none}@media (max-width:1024px){.media-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.media-layout{grid-template-columns:1fr}.media-sidebar{z-index:1000;border-radius:0;padding:80px 24px 24px;display:none;position:fixed;inset:0;overflow-y:auto}.media-sidebar.open,.mobile-filter-btn{display:block}.media-grid{grid-template-columns:1fr}.media-page{padding:40px 0 60px}}