/* Creator Media Gallery Styles */
.creator-media-section { margin-top: 1rem; }
.media-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.media-actions { display:flex; gap:0.5rem; }
.media-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(120px,1fr)); gap:0.75rem; margin-top:.75rem; }
.media-grid img, .media-grid video { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:50%; cursor:pointer; position:relative; }
.media-grid .video-thumb::after { content:"▶"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:2rem; color:white; text-shadow:0 0 5px rgba(0,0,0,0.5); }
.media-modal { display:flex; align-items:center; justify-content:center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000; }
.media-modal.hidden { display:none; }
.media-modal .modal-content img, .media-modal .modal-content video { max-width:90%; max-height:90%; border-radius:1rem; }
.media-modal .close-btn { position:absolute; top:1rem; right:1rem; font-size:2rem; cursor:pointer; color:white; }
.skeleton-thumb { width:100%; aspect-ratio:1/1; border-radius:50%; background:linear-gradient(90deg,#eee,#ddd,#eee); background-size:200% 100%; animation:loading 1.5s infinite; }
@keyframes loading { 0% { background-position:200% 0; } 100% { background-position:-200% 0; } }

/* Creator Portal minor shared styles */
.btn.secondary{ background:transparent; border:1px solid rgba(255,255,255,.15); }
.btn.secondary:hover{ background:rgba(255,255,255,.06); }
.hidden{ display:none !important; }

.media-tile{position:relative;border-radius:50%;overflow:hidden;aspect-ratio:1/1;background:#0f1117;border:1px solid rgba(255,255,255,.06)}
.media-tile .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,.05));}
.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block}