.vts-video-wall{--vts-video-wall-min-height: 360px;--vts-video-wall-gap: .5rem;--vts-video-wall-bg: var(--vts-color-surface, #000);--vts-video-wall-item-bg: var(--vts-color-surface-dark, #000);--vts-video-wall-item-radius: var(--vts-radius-lg, 1rem);--vts-video-wall-icon-color: var(--vts-color-text-inverse, #fff);--vts-video-wall-icon-size: 1.25rem;--vts-video-wall-empty-color: var(--vts-color-text-muted, #9ca3af);display:flex;width:100%;height:100%;min-height:var(--vts-video-wall-min-height);gap:var(--vts-video-wall-gap);background:var(--vts-video-wall-bg)}.vts-video-wall__empty{display:grid;place-items:center;width:100%;height:40vh;text-align:center;color:var(--vts-video-wall-empty-color)}.vts-video-wall__item{position:relative;flex:1;overflow:hidden;background:var(--vts-video-wall-item-bg);border-radius:var(--vts-video-wall-item-radius);cursor:pointer}.vts-video-wall__item:hover .vts-video-wall__icon{opacity:1}.vts-video-wall__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.vts-video-wall__icon{position:absolute;top:1rem;left:1rem;z-index:10;opacity:0;transition:opacity .2s ease}.vts-video-wall__icon-svg{width:var(--vts-video-wall-icon-size);height:var(--vts-video-wall-icon-size);color:var(--vts-video-wall-icon-color)}.vts-timeline{--vts-timeline-max-tracks-height: 18vh;--vts-timeline-bg: var(--vts-color-surface, #fff);--vts-timeline-border: var(--vts-color-border, #e5e7eb);--vts-timeline-radius: var(--vts-radius-md, .375rem);--vts-timeline-shadow: var(--vts-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05));--vts-rail-width: 7rem;display:flex;align-items:stretch;height:auto;overflow:hidden;background:var(--vts-timeline-bg);border:1px solid var(--vts-timeline-border);border-radius:var(--vts-timeline-radius);box-shadow:var(--vts-timeline-shadow)}.vts-timeline__main{position:relative;flex:1;min-width:0;display:block}.vts-timeline__ruler-container{display:flex;border-bottom:1px solid var(--vts-timeline-border)}.vts-timeline__ruler-spacer{flex-shrink:0;width:var(--vts-rail-width);background:var(--vts-color-muted, rgba(0, 0, 0, .05));border-right:1px solid var(--vts-timeline-border)}.vts-timeline__ruler-scroll{position:relative;flex:1;height:2rem;overflow-x:auto;overflow-y:hidden}.vts-timeline__ruler-scroll::-webkit-scrollbar{display:none}.vts-timeline__tracks{position:relative;max-height:var(--vts-timeline-max-tracks-height);overflow-y:auto;overflow-x:hidden;border-bottom-left-radius:var(--vts-timeline-radius);border-bottom-right-radius:var(--vts-timeline-radius)}.vts-timeline__tracks::-webkit-scrollbar{display:none}.vts-timeline__zoom-slot{flex-shrink:0;display:flex;align-self:stretch;border-bottom-right-radius:var(--vts-timeline-radius);overflow:hidden}.vts-timeline__tracks>.vts-track-row:last-child{border-bottom-left-radius:var(--vts-timeline-radius);border-bottom-right-radius:var(--vts-timeline-radius);overflow:hidden}.vts-ruler{position:relative;height:2rem;background:var(--vts-color-muted, rgba(0, 0, 0, .05))}.vts-ruler__tick{position:absolute}.vts-ruler__tick-line{width:1px;height:.5rem;background:var(--vts-timeline-border)}.vts-ruler__tick-line--big{height:1rem}.vts-ruler__tick-label{margin-top:.25rem;font-size:10px;color:var(--vts-color-text-muted, #6b7280)}.vts-track-row{display:flex;align-items:stretch;height:3vh;border-top:1px solid var(--vts-timeline-border)}.vts-track-row--hidden{opacity:.4;filter:grayscale(1)}.vts-track-row__rail{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:0 .25rem;width:var(--vts-rail-width);background:var(--vts-color-muted, rgba(0, 0, 0, .05));border-right:1px solid var(--vts-timeline-border);position:sticky;left:0;z-index:10}.vts-track-row__drag-handle{display:flex;align-items:center;justify-content:center;padding:0 .5rem;background:transparent;border:none;cursor:grab;color:var(--vts-color-text-muted, #6b7280);transition:color .15s}.vts-track-row__drag-handle:hover{color:var(--vts-color-text, #111827)}.vts-track-row__drag-handle:active{cursor:grabbing}.vts-track-row__visibility-toggle{display:flex;align-items:center;justify-content:center;padding:0 .25rem;background:transparent;border:none;cursor:pointer;color:var(--vts-color-text-muted, #6b7280);transition:color .15s}.vts-track-row__visibility-toggle:hover{color:var(--vts-color-text, #111827)}.vts-track-row__type-icon{display:flex;align-items:center;justify-content:center;padding:.3rem;background:var(--vts-color-muted, rgba(0, 0, 0, .05));border-radius:var(--vts-radius-md, .375rem)}.vts-track-row__icon{width:1rem;height:1rem}.vts-track-row__content{position:relative;flex:1;min-width:0;height:100%;overflow-x:auto;overflow-y:hidden}.vts-track-row__content::-webkit-scrollbar{display:none}.vts-track-row__content--pointer{cursor:pointer}.vts-track-row__content--grab{cursor:grab}.vts-track-row__content--grabbing{cursor:grabbing}.vts-track-row__inner{position:relative;height:100%}.vts-track-row__event-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent}.vts-track-row__background{position:absolute;top:10px;bottom:10px;left:0;right:0;background:var(--vts-color-muted, rgba(0, 0, 0, .05));border-radius:var(--vts-radius-sm, .25rem)}.vts-track-row__background,.vts-track-row__video-marker,.vts-segment,.vts-playhead{z-index:10}.vts-track-row__video-marker{position:absolute;top:8px;bottom:8px;width:2px;background:var(--vts-color-success, #22c55e)}.vts-playhead{position:absolute;inset-block:0;z-index:50}.vts-playhead__grab-zone{position:absolute;left:-12px;top:0;bottom:0;width:24px;cursor:ew-resize;pointer-events:auto}.vts-playhead__line{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--vts-color-primary, #2563eb)}.vts-segment{position:absolute;top:10px;bottom:10px;border-radius:2px;cursor:pointer;transition:opacity .15s,filter .15s;box-shadow:inset 0 0 0 1px #ffffff1a;pointer-events:auto;z-index:20}.vts-segment:hover,.vts-segment--hovered{opacity:.9;filter:brightness(1.1)}.vts-track-row__type-icon--clickable{border:none;cursor:pointer;transition:color .15s,background-color .15s;color:var(--vts-color-text-muted, #6b7280)}.vts-track-row__type-icon--clickable:hover{color:var(--vts-color-text, #111827);background-color:var(--vts-color-muted-hover, rgba(0, 0, 0, .1))}.vts-player-bar{display:flex;align-items:center;gap:var(--vts-player-gap, 12px);padding:var(--vts-player-padding, 12px 16px);background:var(--vts-player-bg, #1e1e1e);border-radius:var(--vts-player-radius, 8px);height:var(--vts-player-height, 64px)}.vts-player-bar__button{display:flex;align-items:center;justify-content:center;width:var(--vts-player-button-size, 36px);height:var(--vts-player-button-size, 36px);padding:8px;border:none;border-radius:var(--vts-player-button-radius, 6px);background:var(--vts-player-button-bg, #3c3c3c);color:var(--vts-player-button-color, #ffffff);cursor:pointer;transition:background-color .15s ease}.vts-player-bar__button:hover{background:var(--vts-player-button-hover-bg, #4c4c4c)}.vts-player-bar__button:active{transform:scale(.98)}.vts-player-bar__play-button{width:var(--vts-player-play-button-size, 40px);height:var(--vts-player-play-button-size, 40px)}.vts-player-bar__icon{width:var(--vts-player-icon-size, 16px);height:var(--vts-player-icon-size, 16px)}.vts-player-bar__icon--skip{width:var(--vts-player-skip-icon-size, 18px);height:var(--vts-player-skip-icon-size, 18px)}.vts-player-bar__icon--flip{transform:scaleX(-1)}.vts-player-bar__volume{display:flex;align-items:center;gap:8px;margin-left:var(--vts-player-volume-margin, 8px)}.vts-player-bar__volume-slider{width:var(--vts-player-volume-width, 80px)}.vts-player-bar__rates{display:flex;align-items:center;gap:4px;margin-left:var(--vts-player-rates-margin, 8px)}.vts-player-bar__rate-button{padding:4px 8px;border:none;border-radius:var(--vts-player-rate-radius, 4px);background:var(--vts-player-rate-bg, #3c3c3c);color:var(--vts-player-rate-color, #a0a0a0);font-size:var(--vts-player-rate-font-size, 12px);font-weight:500;cursor:pointer;transition:all .15s ease}.vts-player-bar__rate-button:hover{background:var(--vts-player-rate-hover-bg, #4c4c4c);color:var(--vts-player-rate-hover-color, #ffffff)}.vts-player-bar__rate-button--active{background:var(--vts-player-rate-active-bg, #3b82f6);color:var(--vts-player-rate-active-color, #ffffff)}.vts-player-bar__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--vts-player-slider-height, 4px);background:var(--vts-player-slider-bg, #4c4c4c);border-radius:var(--vts-player-slider-radius, 2px);cursor:pointer}.vts-player-bar__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--vts-player-slider-thumb-size, 12px);height:var(--vts-player-slider-thumb-size, 12px);background:var(--vts-player-slider-thumb-bg, #ffffff);border-radius:50%;cursor:pointer;transition:transform .1s ease}.vts-player-bar__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.vts-player-bar__slider::-moz-range-thumb{width:var(--vts-player-slider-thumb-size, 12px);height:var(--vts-player-slider-thumb-size, 12px);background:var(--vts-player-slider-thumb-bg, #ffffff);border:none;border-radius:50%;cursor:pointer}.vts-player-bar__progress-slider{flex:1;margin:0 var(--vts-player-progress-margin, 12px)}.vts-player-bar__time{font-family:var(--vts-font-mono, ui-monospace, monospace);font-size:var(--vts-player-time-font-size, 14px);color:var(--vts-player-time-color, #ffffff);white-space:nowrap;min-width:var(--vts-player-time-min-width, 100px);text-align:right}@media (max-width: 768px){.vts-player-bar{flex-wrap:wrap;height:auto;padding:8px 12px;gap:8px}.vts-player-bar__volume{order:10;width:100%;margin-left:0;margin-top:8px}.vts-player-bar__volume-slider{flex:1}.vts-player-bar__progress-slider{order:5;width:100%;margin:8px 0}.vts-player-bar__rates{margin-left:auto}}.vts-zoom-controls{display:flex;align-items:center;background:var(--vts-zoom-bg, #e5e7eb);padding:var(--vts-zoom-padding, 8px);align-self:stretch;height:auto}.vts-zoom-controls--vertical{flex-direction:column;width:var(--vts-zoom-vertical-width, 56px);gap:var(--vts-zoom-gap, 8px);height:auto;padding-bottom:calc(var(--vts-zoom-padding, 8px) * 2)}.vts-zoom-controls--horizontal{flex-direction:row;height:var(--vts-zoom-horizontal-height, 40px);gap:var(--vts-zoom-gap, 8px)}.vts-zoom-controls__button{display:flex;align-items:center;justify-content:center;width:var(--vts-zoom-button-size, 36px);height:var(--vts-zoom-button-size, 36px);border:none;border-radius:var(--vts-zoom-button-radius, 8px);background:var(--vts-zoom-button-bg, #ffffff);color:var(--vts-zoom-button-color, #374151);cursor:pointer;box-shadow:var(--vts-zoom-button-shadow, 0 1px 2px rgba(0, 0, 0, .05));transition:all .15s ease}.vts-zoom-controls__button:hover{background:var(--vts-zoom-button-hover-bg, #f9fafb)}.vts-zoom-controls__button:active{transform:scale(.98)}.vts-zoom-controls__icon{width:var(--vts-zoom-icon-size, 16px);height:var(--vts-zoom-icon-size, 16px)}.vts-zoom-controls__slider-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--vts-zoom-slider-padding, 8px);min-height:0}.vts-zoom-controls--vertical .vts-zoom-controls__slider-container{width:100%;min-height:0}.vts-zoom-controls--horizontal .vts-zoom-controls__slider-container{height:100%;min-width:0}.vts-zoom-controls__slider{position:relative;background:var(--vts-zoom-slider-bg, #ffffff);border-radius:var(--vts-zoom-slider-radius, 9999px);overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.vts-zoom-controls--vertical .vts-zoom-controls__slider{width:var(--vts-zoom-slider-thickness, 4px);height:100%}.vts-zoom-controls--horizontal .vts-zoom-controls__slider{height:var(--vts-zoom-slider-thickness, 4px);width:100%}.vts-zoom-controls__slider-fill{position:absolute;background:var(--vts-zoom-slider-fill-bg, #3b82f6);border-radius:inherit}.vts-zoom-controls--vertical .vts-zoom-controls__slider-fill{left:0;right:0;bottom:0}.vts-zoom-controls--horizontal .vts-zoom-controls__slider-fill{top:0;bottom:0;left:0}.vts-zoom-controls__slider-knob{position:absolute;width:var(--vts-zoom-knob-size, 8px);height:var(--vts-zoom-knob-size, 8px);background:var(--vts-zoom-knob-bg, #3b82f6);border-radius:50%;transform:translate(-50%,-50%);transition:transform .1s ease}.vts-zoom-controls--vertical .vts-zoom-controls__slider-knob{left:50%}.vts-zoom-controls--horizontal .vts-zoom-controls__slider-knob{top:50%}.vts-zoom-controls__slider:hover .vts-zoom-controls__slider-knob{transform:translate(-50%,-50%) scale(1.2)}.vts-zoom-controls__slider:focus{outline:none}.vts-zoom-controls__slider:focus-visible{box-shadow:0 0 0 2px var(--vts-zoom-focus-ring, rgba(59, 130, 246, .5))}.vts-zoom-controls__button:focus{outline:none}.vts-zoom-controls__button:focus-visible{box-shadow:0 0 0 2px var(--vts-zoom-focus-ring, rgba(59, 130, 246, .5))}.vts-fullscreen-video{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vts-fullscreen-z-index, 9999);background-color:var(--vts-fullscreen-bg, #000);display:flex;align-items:center;justify-content:center}.vts-fullscreen-video__video{width:100%;height:100%;object-fit:contain}.vts-fullscreen-video__icon{position:absolute;top:var(--vts-spacing-md, 16px);left:var(--vts-spacing-md, 16px);color:var(--vts-fullscreen-icon-color, rgba(255, 255, 255, .9));filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.vts-fullscreen-video__title{font-size:var(--vts-font-size-sm, 14px);font-weight:var(--vts-font-weight-medium, 500)}.vts-fullscreen-video__controls{position:absolute;bottom:0;left:0;right:0;opacity:0;pointer-events:none;transition:opacity var(--vts-transition-duration, .3s) ease}.vts-fullscreen-video__controls--visible{opacity:1;pointer-events:auto}.vts-fullscreen-video__controls-inner{display:flex;align-items:center;gap:var(--vts-spacing-sm, 12px);padding:var(--vts-spacing-sm, 12px) var(--vts-spacing-md, 16px);background-color:var(--vts-fullscreen-controls-bg, #fff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--vts-fullscreen-controls-color, #000)}.vts-fullscreen-video__button{display:flex;align-items:center;justify-content:center;padding:var(--vts-spacing-xs, 8px);border-radius:var(--vts-border-radius, 4px);background-color:var(--vts-fullscreen-button-bg, #f3f4f6);border:none;cursor:pointer;transition:background-color var(--vts-transition-duration, .15s) ease}.vts-fullscreen-video__button:hover{background-color:var(--vts-fullscreen-button-hover-bg, #e5e7eb)}.vts-fullscreen-video__button-icon{width:var(--vts-icon-size, 16px);height:var(--vts-icon-size, 16px);color:var(--vts-fullscreen-controls-color, #000)}.vts-fullscreen-video__button-icon--flip{transform:scaleX(-1)}.vts-fullscreen-video__rates{display:flex;align-items:center;gap:var(--vts-spacing-xs, 8px)}.vts-fullscreen-video__rate-button{padding:var(--vts-spacing-xs, 4px) var(--vts-spacing-xs, 8px);border-radius:var(--vts-border-radius, 4px);background-color:var(--vts-fullscreen-button-bg, #f3f4f6);border:none;cursor:pointer;font-size:var(--vts-font-size-sm, 14px);color:var(--vts-text-muted, #6b7280);transition:all var(--vts-transition-duration, .15s) ease}.vts-fullscreen-video__rate-button:hover{background-color:var(--vts-fullscreen-button-hover-bg, #e5e7eb)}.vts-fullscreen-video__rate-button--active{background-color:var(--vts-primary-color, #2563eb);color:var(--vts-primary-foreground, #fff)}.vts-fullscreen-video__progress{flex:1;margin:0 var(--vts-spacing-sm, 12px);height:4px;accent-color:var(--vts-fullscreen-controls-color, #000);cursor:pointer}.vts-fullscreen-video__time{font-size:var(--vts-font-size-sm, 14px);white-space:nowrap;font-variant-numeric:tabular-nums}.vts-fullscreen-video__volume{width:80px;height:4px;accent-color:var(--vts-fullscreen-controls-color, #000)}.vts-fullscreen-video--dark .vts-fullscreen-video__controls-inner{background-color:var(--vts-fullscreen-controls-bg-dark, rgba(30, 30, 30, .95));color:var(--vts-fullscreen-controls-color-dark, #fff)}.vts-fullscreen-video--dark .vts-fullscreen-video__button{background-color:var(--vts-fullscreen-button-bg-dark, #3c3c3c)}.vts-fullscreen-video--dark .vts-fullscreen-video__button:hover{background-color:var(--vts-fullscreen-button-hover-bg-dark, #4c4c4c)}.vts-fullscreen-video--dark .vts-fullscreen-video__button-icon{color:var(--vts-fullscreen-controls-color-dark, #fff)}.vts-fullscreen-video--dark .vts-fullscreen-video__rate-button{background-color:var(--vts-fullscreen-button-bg-dark, #3c3c3c);color:var(--vts-text-muted-dark, #9ca3af)}.vts-fullscreen-video--dark .vts-fullscreen-video__rate-button:hover{background-color:var(--vts-fullscreen-button-hover-bg-dark, #4c4c4c)}.vts-fullscreen-video--dark .vts-fullscreen-video__progress,.vts-fullscreen-video--dark .vts-fullscreen-video__volume{accent-color:var(--vts-fullscreen-controls-color-dark, #fff)}.vts-hover-card{position:fixed;z-index:var(--vts-hover-card-z-index, 99999);background:var(--vts-hover-card-bg, #ffffff);border:1px solid var(--vts-hover-card-border, #e5e7eb);border-radius:var(--vts-hover-card-radius, 8px);box-shadow:var(--vts-hover-card-shadow, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05));width:var(--vts-hover-card-width, 256px);pointer-events:none;transition:opacity .15s ease}@media (prefers-color-scheme: dark){.vts-hover-card{--vts-hover-card-bg: #1f2937;--vts-hover-card-border: #374151;--vts-hover-card-title-color: #9ca3af;--vts-hover-card-value-color: #f3f4f6}}.vts-hover-card__arrow{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%);width:var(--vts-hover-card-arrow-size, 12px);height:var(--vts-hover-card-arrow-size, 12px);background:var(--vts-hover-card-bg, #ffffff);border-right:1px solid var(--vts-hover-card-border, #e5e7eb);border-bottom:1px solid var(--vts-hover-card-border, #e5e7eb);transform:translate(-50%) translateY(50%) rotate(45deg)}.vts-hover-card__screenshot{padding:var(--vts-hover-card-screenshot-padding, 8px);border-bottom:1px solid var(--vts-hover-card-border, #f3f4f6)}.vts-hover-card__screenshot-img{width:100%;height:var(--vts-hover-card-screenshot-height, 128px);object-fit:cover;border-radius:var(--vts-hover-card-screenshot-radius, 6px)}.vts-hover-card__content{padding:var(--vts-hover-card-content-padding, 12px)}.vts-hover-card__section{margin-bottom:var(--vts-hover-card-section-gap, 8px)}.vts-hover-card__section:last-child{margin-bottom:0}.vts-hover-card__label-title{font-size:var(--vts-hover-card-title-size, 12px);color:var(--vts-hover-card-title-color, #6b7280);margin-bottom:4px}.vts-hover-card__label-value{font-size:var(--vts-hover-card-value-size, 14px);font-weight:500;color:var(--vts-hover-card-value-color, #111827)}.vts-hover-card__time-title{font-size:var(--vts-hover-card-title-size, 12px);color:var(--vts-hover-card-title-color, #6b7280);margin-bottom:4px}.vts-hover-card__time-row{display:flex;justify-content:space-between;align-items:center}.vts-hover-card__time-range{font-size:var(--vts-hover-card-value-size, 14px);color:var(--vts-hover-card-value-color, #111827)}.vts-hover-card__time-duration{font-size:var(--vts-hover-card-badge-size, 12px);padding:2px 8px;border-radius:var(--vts-hover-card-badge-radius, 9999px);border:1px solid var(--vts-hover-card-badge-border, #e5e7eb);color:var(--vts-hover-card-badge-color, #6b7280);background:var(--vts-hover-card-badge-bg, transparent)}.vts-logs-timeline{height:100%;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000f;background:#fff9;color:#111827}.vts-logs-timeline__row{padding:12px 16px;font-size:14px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #e5e7eb;transition:background-color .15s ease}.vts-logs-timeline__row--alt{background:#f3f4f680}.vts-logs-timeline__row:hover{background:#f3f4f6b3}.vts-logs-timeline__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.vts-logs-timeline__date{font-size:13px;color:#6b7280;white-space:nowrap}.vts-logs-timeline__right{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;margin-left:24px}.vts-logs-timeline__who{font-weight:500;color:#111827}.vts-logs-timeline__who--warning,.vts-logs-timeline__action--warning{color:#ea580c}.vts-logs-timeline__who--error,.vts-logs-timeline__action--error{color:#dc2626}.vts-logs-timeline__info{width:14px;height:14px;color:#6b7280;flex:0 0 auto}.vts-logs-timeline__info--warning{color:#f97316}.vts-logs-timeline__info--error{color:#ef4444}.vts-logs-timeline__action{font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vts-logs-timeline__diff{font-size:13px;color:#6b7280;white-space:nowrap}.vts-logs-timeline__desc{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:24px}.vts-logs-timeline__loading{padding:12px;font-size:12px;color:#6b7280;text-align:center}.vts-drawer-right{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.vts-drawer-right--open{pointer-events:auto}.vts-drawer-right__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.vts-drawer-right__panel{position:absolute;top:0;right:0;height:100%;width:540px;max-width:96vw;background:var(--vts-bg-primary, #ffffff);color:var(--vts-text-primary, #111827);border-left:1px solid var(--vts-border-color, #e5e7eb);box-shadow:0 8px 30px #0000002e;transform:translate(110%);transition:transform .18s ease;display:flex;flex-direction:column}.vts-drawer-right--open .vts-drawer-right__panel{transform:translate(0)}.vts-drawer-right__panel--sm{width:420px}.vts-drawer-right__panel--md{width:540px}.vts-drawer-right__panel--lg{width:720px}.vts-drawer-right__header{padding:12px;border-bottom:1px solid var(--vts-border-color, #e5e7eb);display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.vts-drawer-right__title{font-weight:700;font-size:14px;line-height:1.1}.vts-drawer-right__desc{margin-top:4px;font-size:12px;color:var(--vts-text-secondary, #6b7280)}.vts-drawer-right__header-right{display:flex;align-items:center;gap:8px}.vts-drawer-right__actions{display:flex;gap:6px;align-items:center}.vts-drawer-right__icon-btn{border:1px solid var(--vts-border-color, #e5e7eb);background:var(--vts-bg-secondary, #f9fafb);border-radius:8px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.vts-drawer-right__icon-btn:hover{background:var(--vts-bg-hover, #f3f4f6)}.vts-drawer-right__icon{width:18px;height:18px}.vts-drawer-right__body{padding:14px;overflow:auto;flex:1;min-height:0}.vts-drawer-right__footer{padding:12px;border-top:1px solid var(--vts-border-color, #e5e7eb)}.vts-qvd__plain{white-space:pre-wrap;word-break:break-word}.vts-qvd__card{border:1px solid var(--vts-border-color, #e5e7eb);background:var(--vts-bg-secondary, #ffffff);border-radius:12px;overflow:hidden}.vts-qvd__card-head{padding:14px;border-bottom:1px solid var(--vts-border-color, #e5e7eb)}.vts-qvd__question{font-size:14px;font-weight:700;line-height:1.3}.vts-qvd__subtitle{margin-top:6px;font-size:12px;color:var(--vts-text-secondary, #6b7280)}.vts-qvd__media{display:flex;flex-direction:column;gap:8px}.vts-qvd__media-video{width:100%;max-height:360px;border-radius:10px;background:#000;border:1px solid var(--vts-border-color, #e5e7eb)}.vts-qvd__media-img{width:100%;max-height:420px;object-fit:contain;border-radius:10px;border:1px solid var(--vts-border-color, #e5e7eb);background:var(--vts-bg-primary, #ffffff)}.vts-qvd__card-body{padding:14px;display:flex;flex-direction:column;gap:14px}.vts-qvd__section{display:flex;flex-direction:column;gap:8px}.vts-qvd__label{font-size:12px;font-weight:700;color:var(--vts-text-secondary, #6b7280)}.vts-qvd__box{border:1px solid var(--vts-border-color, #e5e7eb);background:var(--vts-bg-primary, #ffffff);border-radius:10px;padding:10px;font-size:13px;line-height:1.45}.vts-qvd__code{border-radius:10px;padding:10px;background:#0b1220;color:#e5e7eb;font-size:12px;overflow-x:auto}.vts-qvd__muted{color:var(--vts-text-secondary, #6b7280)}.vts-qvd__strong{font-weight:700}.vts-qvd__option{border-bottom:1px solid var(--vts-border-color, #e5e7eb);padding-bottom:10px}.vts-qvd__option:last-child{border-bottom:none;padding-bottom:0}.vts-qvd__option-row{display:flex;gap:8px}.vts-qvd__option-text{flex:1;min-width:0}.vts-qvd__badges{margin-top:6px;margin-left:18px;display:flex;flex-wrap:wrap;gap:8px}.vts-qvd__badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--vts-border-color, #e5e7eb);padding:3px 8px;font-size:11px;font-weight:700}.vts-qvd__badge-dot{width:8px;height:8px;border-radius:999px;background:currentColor;opacity:.85}.vts-qvd__badge--success{color:var(--vts-success, #19a44b);background:color-mix(in srgb,var(--vts-success, #19a44b) 12%,transparent);border-color:color-mix(in srgb,var(--vts-success, #19a44b) 25%,var(--vts-border-color, #e5e7eb))}.vts-qvd__badge--danger{color:var(--vts-danger, #d15b46);background:color-mix(in srgb,var(--vts-danger, #d15b46) 12%,transparent);border-color:color-mix(in srgb,var(--vts-danger, #d15b46) 25%,var(--vts-border-color, #e5e7eb))}.vts-qvd__badge--info{color:var(--vts-primary-color, #2563eb);background:color-mix(in srgb,var(--vts-primary-color, #2563eb) 12%,transparent);border-color:color-mix(in srgb,var(--vts-primary-color, #2563eb) 25%,var(--vts-border-color, #e5e7eb))}.vts-qvd__line{display:flex;gap:8px;align-items:center;padding:3px 0}.vts-qvd__help{padding-top:10px;border-top:1px solid var(--vts-border-color, #e5e7eb);display:flex;flex-direction:column;gap:10px}.vts-qvd__tabs{display:flex;border:1px solid var(--vts-border-color, #e5e7eb);background:var(--vts-bg-hover, #f3f4f6);border-radius:10px;padding:4px}.vts-qvd__tab{flex:1;border:none;background:transparent;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer;color:var(--vts-text-secondary, #6b7280)}.vts-qvd__tab--active{background:var(--vts-bg-secondary, #ffffff);color:var(--vts-text-primary, #111827);box-shadow:var(--vts-shadow-xs, 0 1px 1px rgba(0, 0, 0, .04))}.vts-qvd__nav{display:flex;gap:6px}.vts-qvd__icon-btn{border:1px solid var(--vts-border-color, #e5e7eb);background:var(--vts-bg-secondary, #f9fafb);border-radius:8px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.vts-qvd__icon-btn:disabled{opacity:.5;cursor:not-allowed}.vts-qvd__icon{width:18px;height:18px}.vts-qvd__footer{display:flex;gap:10px;justify-content:flex-end}.vts-qvd__btn{border-radius:10px;border:1px solid var(--vts-border-color, #e5e7eb);background:var(--vts-bg-secondary, #ffffff);padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.vts-qvd__btn:disabled{opacity:.6;cursor:not-allowed}.vts-qvd__btn-icon{width:16px;height:16px}.vts-qvd__btn--success{background:var(--vts-success, #19a44b);border-color:color-mix(in srgb,var(--vts-success, #19a44b) 80%,#000);color:#fff}.vts-qvd__btn--danger{background:var(--vts-danger, #d15b46);border-color:color-mix(in srgb,var(--vts-danger, #d15b46) 80%,#000);color:#fff}.vts-qvd__btn--outline{background:transparent;color:var(--vts-text-primary, #111827)}.vts-questions-bar{height:100%;border-radius:10px;border:1px solid var(--vts-border-color, #e5e7eb);background:color-mix(in srgb,var(--vts-bg-secondary, #ffffff) 60%,transparent);box-shadow:var(--vts-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));padding:12px;overflow-x:auto}.vts-questions-bar__row{display:flex;gap:8px;align-items:center}.vts-questions-bar__pill{min-width:32px;height:32px;border-radius:8px;border:1px solid var(--vts-border-color, #d1d5db);background:var(--vts-bg-primary, #ffffff);color:var(--vts-text-secondary, #6b7280);font-size:13px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,transform .12s ease;box-shadow:var(--vts-shadow-xs, 0 1px 1px rgba(0, 0, 0, .04))}.vts-questions-bar__pill:hover{transform:translateY(-1px)}.vts-questions-bar__pill--correct{background:var(--vts-success, #19a44b);border-color:color-mix(in srgb,var(--vts-success, #19a44b) 80%,#000);color:#fff}.vts-questions-bar__pill--wrong{background:var(--vts-danger, #d15b46);border-color:color-mix(in srgb,var(--vts-danger, #d15b46) 80%,#000);color:#fff}.vts-questions-bar__pill--empty{background:var(--vts-bg-primary, #ffffff);border-color:var(--vts-border-color, #d1d5db);color:var(--vts-text-secondary, #6b7280)}.vts-proctoring-editor{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;padding-bottom:.75rem;background:var(--vts-editor-bg, #1e1e1e);color:var(--vts-editor-fg, #ffffff)}.vts-proctoring-editor__header{flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.08)}.vts-proctoring-editor__body{flex:1 1 auto;min-height:0;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.vts-proctoring-editor__videos{flex:0 0 auto;height:var(--vts-editor-video-wall-height, clamp(260px, 42vh, 520px));min-height:260px;overflow:hidden}.vts-proctoring-editor__panel{margin-top:0}@media (max-width: 1100px){.vts-proctoring-editor__body{padding:.5rem;gap:.5rem}.vts-proctoring-editor__videos{height:var(--vts-editor-video-wall-height, 320px);min-height:240px}.vts-proctoring-editor__timeline-slot{min-height:22vh;max-height:22vh}}.vts-proctoring-editor__panel{flex:0 0 auto;background:var(--vts-panel-bg, #ffffff);border:1px solid var(--vts-panel-border, #e5e7eb);border-radius:.5rem;box-shadow:0 1px 2px #0000000f;color:#111827;overflow:hidden}.vts-proctoring-editor__panel-inner{display:flex}.vts-proctoring-editor__left-rail{width:var(--vts-left-rail-width, 150px);flex:0 0 auto;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.75rem}.vts-proctoring-editor__left-rail-top{display:flex;justify-content:center;gap:.5rem}.vts-proctoring-editor__rail-btn{width:40px;height:40px;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;display:grid;place-items:center;cursor:pointer}.vts-proctoring-editor__rail-btn:hover{background:#f3f4f6}.vts-proctoring-editor__rail-btn:disabled,.vts-proctoring-editor__rail-btn[data-disabled=true]{opacity:.55;cursor:not-allowed}.vts-proctoring-editor__rail-btn:disabled:hover{background:#fff}.vts-proctoring-editor__rail-btn-icon{width:18px;height:18px;color:#111827}.vts-proctoring-editor__left-rail-tabs{margin-top:4.15rem;display:flex;flex-direction:column;gap:.5rem}.vts-proctoring-editor__tab{width:100%;text-align:left;padding:.5rem .75rem;border-radius:.5rem;border:1px solid transparent;background:transparent;color:#6b7280;cursor:pointer;font-size:14px}.vts-proctoring-editor__tab:hover{background:#f3f4f6}.vts-proctoring-editor__tab--active{background:#f3f4f6;border-color:#e5e7eb;color:#111827}.vts-proctoring-editor__right{flex:1 1 auto;min-width:0;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.vts-proctoring-editor__userbar{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000f;padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.vts-proctoring-editor__user-left{display:flex;align-items:center;gap:.5rem;min-width:0}.vts-proctoring-editor__attention{margin-left:.25rem;display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;border-radius:.5rem;background:#f04438;color:#fff;font-size:10px;line-height:1;font-weight:700;flex:0 0 auto}.vts-proctoring-editor__score-btn--warn{background:#fff5f5}.vts-proctoring-editor__warn-value{font-weight:700;color:#dc2626}.vts-proctoring-editor__warn-label{color:#6b7280;font-weight:500}.vts-proctoring-editor__dot{width:10px;height:10px;border-radius:999px;background:#9ca3af}.vts-proctoring-editor__dot--online{background:#22c55e}.vts-proctoring-editor__avatar{width:32px;height:32px;border-radius:.5rem;overflow:hidden;background:#f3f4f6;display:grid;place-items:center;flex:0 0 auto}.vts-proctoring-editor__avatar img{width:100%;height:100%;object-fit:cover}.vts-proctoring-editor__name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vts-proctoring-editor__user-right{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.vts-proctoring-editor__pill{border:1px solid #e5e7eb;background:#f9fafb;padding:.4rem .6rem;border-radius:.5rem;font-size:12px;color:#6b7280}.vts-proctoring-editor__pill[data-tone=success]{border-color:#22c55e59;background:#22c55e14;color:#166534}.vts-proctoring-editor__pill[data-tone=warning]{border-color:#f59e0b59;background:#f59e0b14;color:#92400e}.vts-proctoring-editor__pill[data-tone=danger]{border-color:#ef444459;background:#ef444414;color:#991b1b}.vts-proctoring-editor__score-group{display:inline-flex;align-items:stretch;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 2px #0000000f}.vts-proctoring-editor__score-btn{pointer-events:none;-webkit-user-select:none;user-select:none;height:36px;display:inline-flex;align-items:center;gap:.375rem;padding:0 .75rem;border:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#111827;background:#fff}.vts-proctoring-editor__score-btn+.vts-proctoring-editor__score-btn{margin-left:-1px}.vts-proctoring-editor__score-btn--points{background:#f9fafb}.vts-proctoring-editor__score-btn--cred{background:#fff}.vts-proctoring-editor__points-value{font-weight:600;color:#2563eb}.vts-proctoring-editor__points-label{color:#6b7280;font-weight:500}.vts-proctoring-editor__cred-text--good{color:#16a34a;font-weight:600}.vts-proctoring-editor__cred-text--mid{color:#d97706;font-weight:600}.vts-proctoring-editor__cred-text--bad{color:#dc2626;font-weight:600}.vts-proctoring-editor__cred-text--unknown{color:#6b7280;font-weight:600}.vts-proctoring-editor__timeline-slot{height:auto;max-height:var(--vts-editor-timeline-slot-max-height, 20vh);min-height:var(--vts-editor-timeline-slot-min-height, 96px);overflow:hidden;border-radius:var(--vts-radius-md, .375rem)}.vts-proctoring-editor__timeline-multi,.vts-proctoring-editor__timeline-single{height:100%;min-height:0;display:flex;flex-direction:column;gap:.5rem}.vts-proctoring-editor__timeline-inner{flex:1 1 auto;min-height:0}.vts-proctoring-editor__timeline-single-controls{flex:0 0 auto;display:flex;justify-content:flex-end}.vts-proctoring-editor__timeline-row{display:flex;height:100%}.vts-proctoring-editor__timeline{flex:1 1 auto;min-width:0}.vts-proctoring-editor__zoom{flex:0 0 auto}.vts-proctoring-editor__player{flex:0 0 auto;padding:.5rem .75rem}