#video-root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg, #0a0a0a);color:var(--text, #fff)}.vid-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border, #262626);flex:0 0 auto}.vid-toolbar-left{display:flex;align-items:center;gap:10px}.vid-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.vid-title{font-size:17px;font-weight:800;margin:0;letter-spacing:-.01em}.vid-sub{font-size:12px;color:var(--text-muted, #888)}.vid-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;border:1px solid var(--border, #333);background:transparent;color:var(--text, #eee);font:600 13px Inter,sans-serif;cursor:pointer}.vid-btn:hover{background:var(--surface-hover, rgba(255,255,255,.06))}.vid-btn svg{width:16px;height:16px}.vid-btn-primary{background:var(--text, #fff);color:var(--bg, #111);border-color:transparent}.vid-btn-primary:hover{opacity:.88;background:var(--text, #fff)}.vid-btn-danger{color:#e07a7a;border-color:#5a2a2a}.vid-btn-danger:hover{background:#e07a7a1a}.vid-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:8px;border:1px solid var(--border, #333);background:transparent;color:var(--text-muted, #999);cursor:pointer}.vid-icon-btn:hover{background:var(--surface-hover, rgba(255,255,255,.06));color:var(--text, #fff)}.vid-icon-btn svg{width:18px;height:18px}.vid-body{flex:1;overflow-y:auto;padding:20px}.vid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.vid-card{border:1px solid var(--border, #232323);border-radius:14px;overflow:hidden;background:var(--surface, #131313);cursor:pointer;transition:border-color .15s,transform .15s}.vid-card:hover{border-color:var(--border-strong, #3a3a3a);transform:translateY(-2px)}.vid-thumb{position:relative;aspect-ratio:16/9;background:#000 center/cover no-repeat;display:flex;align-items:center;justify-content:center}.vid-thumb-empty{color:#fff3}.vid-thumb-empty svg{width:42px;height:42px}.vid-dur{position:absolute;right:8px;bottom:8px;background:#000000bf;color:#fff;font:600 11px Inter;padding:2px 6px;border-radius:5px;font-variant-numeric:tabular-nums}.vid-card-meta{padding:11px 13px}.vid-card-title{font-size:14px;font-weight:700;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vid-badges{display:flex;align-items:center;gap:6px}.vid-badge{font:600 10.5px Inter;letter-spacing:.02em;padding:2px 8px;border-radius:999px;border:1px solid var(--border, #333);color:var(--text-muted, #999)}.vid-badge-public{color:#7ac77a;border-color:#2f5a2f}.vid-badge-locked{color:#d9b45a;border-color:#5a4a2a}.vid-badge-comments{color:var(--text-muted, #999)}.vid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;gap:14px;color:var(--text-muted, #888)}.vid-empty svg{width:54px;height:54px;opacity:.4}.vid-empty h2{font-size:20px;font-weight:800;margin:0;color:var(--text, #fff)}.vid-empty p{margin:0;font-size:14px;max-width:380px}#video-root.vid-dragging:after{content:"Laat los om te uploaden";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px dashed var(--text, #fff);border-radius:18px;display:flex;align-items:center;justify-content:center;font:800 22px Inter;color:var(--text, #fff);background:#0000008c;z-index:50;pointer-events:none}.vid-uploads{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.vid-upload{border:1px solid var(--border, #262626);border-radius:11px;padding:12px 14px;background:var(--surface, #131313)}.vid-upload-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.vid-upload-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vid-upload-pct{color:var(--text-muted, #999);font-variant-numeric:tabular-nums}.vid-bar{height:5px;border-radius:3px;background:var(--border, #262626);overflow:hidden}.vid-bar-fill{height:100%;background:var(--text, #fff);width:0;transition:width .15s}.vid-upload-err{color:#e07a7a;font-size:12px;margin-top:6px}.vid-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;max-width:1300px;margin:0 auto}@media(max-width:900px){.vid-detail{grid-template-columns:minmax(0,1fr)}}.vid-player{width:100%;background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--border, #222)}.vid-player video{display:block;width:100%;max-height:70vh;background:#000}.vid-detail-title{font-size:20px;font-weight:800;margin:16px 2px 4px;border:none;background:transparent;color:var(--text, #fff);width:100%}.vid-detail-title:focus{outline:none;border-bottom:1px solid var(--border-strong, #444)}.vid-detail-meta{font-size:12.5px;color:var(--text-muted, #888);margin:0 2px}.vid-share{border:1px solid var(--border, #232323);border-radius:14px;background:var(--surface, #131313);padding:16px;align-self:start}.vid-share h3{font-size:14px;font-weight:800;margin:0 0 12px}.vid-viz{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.vid-viz label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid var(--border, #2a2a2a);cursor:pointer}.vid-viz label:hover{background:var(--surface-hover, rgba(255,255,255,.04))}.vid-viz input{accent-color:var(--text, #fff);margin-top:2px}.vid-viz-t{font-size:13px;font-weight:700}.vid-viz-d{font-size:11.5px;color:var(--text-muted, #888)}.vid-pw-row{display:flex;gap:6px;margin:8px 0 0}.vid-input{width:100%;min-width:0;background:var(--input-bg, #1a1a1a);border:1px solid var(--border, #333);border-radius:8px;color:var(--text, #ddd);font:13px Inter;padding:8px 10px;outline:none}.vid-input:focus{border-color:var(--border-strong, #555)}.vid-linkbox{display:flex;gap:6px;margin:12px 0}.vid-share-sub{font-size:11.5px;color:var(--text-muted, #888);margin:6px 0 0}.vid-toggle{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13px;cursor:pointer}.vid-toggle input{accent-color:var(--text, #fff);width:15px;height:15px}.vid-comments-head{font:700 12px Inter;margin:16px 0 8px;color:var(--text, #ddd)}.vid-comment{padding:9px 11px;border-radius:9px;background:var(--surface-2, #181818);border:1px solid var(--border, #262626);margin-bottom:7px}.vid-comment.vid-done{opacity:.5}.vid-comment-top{display:flex;align-items:center;gap:7px;margin-bottom:3px;flex-wrap:wrap}.vid-comment-author{font:700 12px Inter}.vid-comment-at{font:600 10.5px Inter;color:#999;background:var(--surface, #222);border-radius:999px;padding:1px 7px;font-variant-numeric:tabular-nums}.vid-comment-body{font:12.5px/1.45 Inter;color:var(--text-muted, #bbb);white-space:pre-wrap;word-wrap:break-word}.vid-comment-actions{display:flex;gap:10px;margin-top:6px}.vid-comment-actions button{background:none;border:none;padding:0;cursor:pointer;font:600 10.5px Inter;color:#888}.vid-comment-actions button.vid-del{color:#7a4a4a}.vid-empty-c{font:11.5px Inter;color:#666}.vid-msg{font-size:12px;margin-top:8px}.vid-msg-err{color:#e07a7a}.vid-msg-ok{color:#7ac77a}