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