.video-container{display:flex;flex-direction:column;height:100%;background:var(--surface-base);color:var(--text-primary);overflow:hidden;position:relative}.video-toolbar{display:flex;padding:10px 15px;background:var(--surface-0);border-bottom:1px solid var(--glass-border);align-items:center;gap:10px}.video-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:15px;overflow-y:auto}.video-item{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--surface-1);position:relative;transition:transform .2s,box-shadow .2s;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-direction:column}.video-item:hover{transform:scale(1.02);box-shadow:0 4px 15px #0000004d;border-color:var(--neon-cyan)}.video-icon{font-size:2rem;margin-bottom:5px}.video-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;padding:5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s}.video-player-overlay.active{opacity:1;pointer-events:auto}.player-toolbar{padding:15px;display:flex;justify-content:flex-end}.player-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s}.player-close:hover{opacity:1}.player-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.player-content video{max-width:100%;max-height:100%;border-radius:4px;box-shadow:0 10px 40px #00000080}.video-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;opacity:.5;text-align:center;grid-column:1 / -1}