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