.media-gallery{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.media-gallery-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.media-gallery-header h2{color:var(--text);font-size:1.25rem;font-weight:700}.media-gallery-filters{gap:var(--space-sm);align-items:center;display:flex}.media-filter-btn{color:var(--text-muted);background-color:var(--card-bg);border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:20px;padding:6px 14px;font-size:.8125rem;font-weight:500}.media-filter-btn:hover{color:var(--text-light);border-color:var(--text-muted)}.media-filter-btn.active{color:var(--primary);background-color:var(--accent);border-color:var(--accent)}.media-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer;overflow:hidden}.media-card:hover{background-color:var(--card-hover);box-shadow:var(--shadow-lg);border-color:#ffffff26;transform:translateY(-4px)}.media-thumbnail{aspect-ratio:16/9;background-color:var(--primary);position:relative;overflow:hidden}.media-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.media-card:hover .media-thumbnail img{transform:scale(1.05)}.media-thumbnail-placeholder{background:linear-gradient(135deg,var(--bg-dark)0%,var(--primary)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.media-thumbnail-placeholder .placeholder-icon{width:48px;height:48px;color:var(--text-muted);opacity:.5;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.media-duration{bottom:var(--space-sm);right:var(--space-sm);color:#fff;border-radius:var(--radius-sm);letter-spacing:.02em;background-color:#000000bf;padding:2px 6px;font-size:.6875rem;font-weight:600;position:absolute}.media-type-badge{top:var(--space-sm);left:var(--space-sm);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 8px;font-size:.6875rem;font-weight:600;position:absolute}.media-type-badge.video{color:var(--primary);background-color:#00d4aacc}.media-type-badge.photo{color:#fff;background-color:#3884ffcc}.media-play-btn{color:#fff;opacity:0;width:56px;height:56px;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background-color:#0009;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.media-play-btn:after{content:"";border:10px solid #0000;border-left:18px solid #fff;border-right-width:0;width:0;height:0;margin-left:3px;display:block}.media-card:hover .media-play-btn{opacity:1;transform:translate(-50%,-50%)scale(1)}.media-play-btn:hover{background-color:var(--accent);border-color:var(--accent)}.media-info{padding:var(--space-md)}.media-info h3{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.9375rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.media-meta{align-items:center;gap:var(--space-sm);color:var(--text-muted);margin-top:var(--space-xs);font-size:.8125rem;display:flex}.media-meta span{align-items:center;gap:4px;display:inline-flex}.media-meta .separator{background-color:var(--text-muted);border-radius:50%;flex-shrink:0;width:3px;height:3px}.media-actions{align-items:center;gap:var(--space-sm);padding:0 var(--space-md)var(--space-md);display:flex}.media-actions .btn-sm{padding:4px 10px;font-size:.75rem}.video-player-modal{z-index:var(--z-modal);padding:var(--space-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;justify-content:center;align-items:center;animation:.25s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.video-player-wrap{aspect-ratio:16/9;border-radius:var(--radius-lg);background-color:#000;width:100%;max-width:900px;animation:.3s modal-scale-in;position:relative;overflow:hidden;box-shadow:0 8px 40px #0009}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-player-wrap video,.video-player-wrap iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-player-close{top:var(--space-md);right:var(--space-md);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute}.video-player-close:hover{background-color:var(--highlight);border-color:var(--highlight)}.video-player-close:before{content:"×";font-size:1.5rem;line-height:1}.video-player-title{padding:var(--space-lg);pointer-events:none;background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0;right:0}.video-player-title h3{color:#fff;font-size:1rem;font-weight:600}.video-player-title p{color:#fff9;margin-top:4px;font-size:.8125rem}.lightbox{z-index:var(--z-modal);padding:var(--space-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000e6;flex-direction:column;justify-content:center;align-items:center;animation:.25s modal-fade-in;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border-radius:var(--radius);max-width:90vw;max-height:80vh;animation:.3s modal-scale-in;box-shadow:0 8px 40px #0009}.lightbox-close{top:var(--space-lg);right:var(--space-lg);color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition);z-index:10;background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox-close:hover{background-color:var(--highlight);border-color:var(--highlight)}.lightbox-close:before{content:"×";font-size:1.75rem;line-height:1}.lightbox-actions{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);display:flex}.lightbox-actions .btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-caption{margin-top:var(--space-md);text-align:center;max-width:600px}.lightbox-caption h3{color:#fff;font-size:1rem;font-weight:600}.lightbox-caption p{color:#fff9;margin-top:4px;font-size:.875rem}.lightbox-nav{color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition);background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background-color:#fff3}.lightbox-nav.prev{left:var(--space-lg)}.lightbox-nav.next{right:var(--space-lg)}.empty-state{text-align:center;padding:var(--space-3xl)var(--space-lg);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.empty-state-icon{background-color:var(--bg-dark);width:72px;height:72px;color:var(--text-muted);margin-bottom:var(--space-lg);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.empty-state h3{color:var(--text);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600}.empty-state p{color:var(--text-muted);max-width:400px;margin-bottom:var(--space-lg);font-size:.9375rem}.media-list{gap:var(--space-md);flex-direction:column;display:flex}.media-list-item{gap:var(--space-md);padding:var(--space-md);background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);cursor:pointer;display:flex}.media-list-item:hover{background-color:var(--card-hover);border-color:#ffffff26}.media-list-thumb{aspect-ratio:16/9;background-color:var(--bg-dark);border-radius:var(--radius-sm);flex-shrink:0;width:180px;position:relative;overflow:hidden}.media-list-thumb img{object-fit:cover;width:100%;height:100%}.media-list-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.media-list-info h3{color:var(--text);margin-bottom:4px;font-size:1rem;font-weight:600}.media-list-info p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.media-list-actions{justify-content:center;align-items:flex-end;gap:var(--space-sm);flex-direction:column;flex-shrink:0;display:flex}.upload-preview-grid{gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.upload-preview-item{aspect-ratio:1;background-color:var(--bg-dark);border-radius:var(--radius);border:1px solid var(--border);position:relative;overflow:hidden}.upload-preview-item img{object-fit:cover;width:100%;height:100%}.upload-preview-remove{color:#fff;cursor:pointer;width:24px;height:24px;transition:var(--transition);background-color:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:4px;right:4px}.upload-preview-remove:hover{background-color:var(--highlight)}@media (max-width:1024px){.media-gallery{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.media-gallery{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.media-gallery-header{flex-direction:column;align-items:flex-start}.media-gallery-filters{width:100%;padding-bottom:var(--space-xs);overflow-x:auto}.video-player-modal{padding:var(--space-md)}.video-player-wrap{border-radius:var(--radius)}.lightbox-img{max-width:95vw;max-height:70vh}.lightbox-close{top:var(--space-md);right:var(--space-md);width:36px;height:36px}.lightbox-nav{width:36px;height:36px}.lightbox-nav.prev{left:var(--space-sm)}.lightbox-nav.next{right:var(--space-sm)}.media-list-item{flex-direction:column}.media-list-thumb{width:100%}.media-list-actions{flex-direction:row;align-items:center}.media-play-btn{width:44px;height:44px}.media-play-btn:after{border-width:8px 0 8px 14px;margin-left:2px}}@media (max-width:480px){.media-gallery{grid-template-columns:1fr}.video-player-modal{padding:0}.video-player-wrap{border-radius:0;max-width:100%}.video-player-close{top:var(--space-sm);right:var(--space-sm);width:36px;height:36px}.upload-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.media-filter-btn{padding:5px 10px;font-size:.75rem}}