.media-item-page-top{align-self:center;max-width:600px;width:100%;padding:2px 16px 0}.media-content{flex:1 1;display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.media-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--secondaryText);font-size:14px;font-weight:600;text-align:center}.media-list{padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.media-item-card{background:var(--surface1);border:1px solid var(--graph1);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform var(--transition-duration)}.media-item-card:hover{transform:translateY(-4px)}.media-item-thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden}.media-item-thumbnail img{width:100%;height:100%;object-fit:cover}.media-item-info{padding:16px}.media-item-title{margin:0 0 8px;font-size:18px;font-weight:600}.media-item-subtitle{margin:0 0 8px;font-size:14px;opacity:.7}.media-player{width:100%;max-width:1200px;margin:0 auto}.media-player .video{width:100%;aspect-ratio:16/9}.media-with-close-button{position:relative;.media-list{grid-template-columns:1fr;gap:16px}}.media-modal-actions{position:-webkit-sticky;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;z-index:1000;svg{width:36px;height:36px;padding:8px;background-color:var(--surface2);border-radius:8px}}@media (max-width:768px){.media-list{grid-template-columns:1fr;gap:16px}.media-item-title{font-size:16px}.media-item-subtitle{font-size:13px}.media-item-card:hover{transform:none}}