.vtt{width:100%;min-width:0;border:1px solid #e2e8f0;border-radius:12px;background:linear-gradient(165deg,#f8fafc,#f1f5f9);overflow:hidden}.vtt-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #e2e8f0;background:#fff}.vtt-title{margin:0;font-size:12px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.vtt-sub{margin:0;font-size:10px;color:#64748b}.vtt-reset{padding:4px 9px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;font-size:10px;font-weight:600;color:#475569;cursor:pointer;font-family:inherit}.vtt-reset:hover{background:#f8fafc}.vtt-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px;padding:12px 12px 14px;position:relative}@media (max-width: 900px){.vtt-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.vtt-col{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0 6px;position:relative}.vtt-col:not(:last-child):after{content:"";position:absolute;top:28px;right:-3px;width:6px;height:2px;background:#94a3b8;border-radius:1px}@media (max-width: 720px){.vtt-col:nth-child(2):after,.vtt-col:nth-child(4):after{display:none}}.vtt-phase{margin:0 0 4px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#64748b}.vtt-node{position:relative;display:flex;align-items:flex-start;gap:6px;padding:8px 9px;border-radius:9px;border:1.5px dashed #cbd5e1;background:#ffffff8c;color:#94a3b8;font-size:11px;font-weight:600;line-height:1.35;min-height:2.35rem;transition:border-color .2s,background .2s,color .2s,box-shadow .25s,transform .2s}.vtt-node--in-vast{border-style:solid;border-color:#bfdbfe;background:#fff;color:#334155}.vtt-node--fired{border-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e3a8a;box-shadow:0 0 0 3px #2563eb26}.vtt-node--fired.vtt-node--error{border-color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;box-shadow:0 0 0 3px #dc26261f}.vtt-node--pulse{animation:vtt-pulse .55s ease-out}@keyframes vtt-pulse{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.vtt-dot{width:7px;height:7px;border-radius:99px;background:#cbd5e1;flex-shrink:0;margin-top:.2rem}.vtt-node--in-vast .vtt-dot{background:#93c5fd}.vtt-node--fired .vtt-dot{background:#2563eb;box-shadow:0 0 0 3px #2563eb40}.vtt-node--fired.vtt-node--error .vtt-dot{background:#dc2626;box-shadow:0 0 0 3px #dc262633}.vtt-label{flex:1;min-width:0;word-break:break-word;hyphens:auto}.vtt-count{font-size:9px;font-weight:800;padding:1px 5px;border-radius:99px;background:#2563eb;color:#fff;line-height:1.3}.vtt-node--error .vtt-count{background:#dc2626}.vtt-spine{display:flex;flex-direction:column;gap:4px;padding-left:4px;border-left:2px solid #e2e8f0;margin-left:3px}.vtt-log{max-height:120px;overflow-y:auto;border-top:1px solid #e2e8f0;background:#fff;padding:8px 10px;font-family:ui-monospace,JetBrains Mono,Cascadia Code,monospace;font-size:10px;line-height:1.45;color:#475569}.vtt-log-line{margin:0 0 3px}.vtt-log-line time{color:#94a3b8;margin-right:6px}.vtt-log-empty{margin:0;color:#94a3b8;font-style:italic}html.theme-dark-active .vtt{background:linear-gradient(165deg,#1e293b,#0f172a);border-color:#334155}html.theme-dark-active .vtt-header{background:#1e293b;border-color:#334155}html.theme-dark-active .vtt-title{color:#f1f5f9}html.theme-dark-active .vtt-sub{color:#94a3b8}html.theme-dark-active .vtt-node{background:#0f172a80;border-color:#475569;color:#64748b}html.theme-dark-active .vtt-node--in-vast{background:#1e293b;border-color:#3b82f6;color:#e2e8f0}html.theme-dark-active .vtt-node--fired{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-color:#60a5fa;color:#eff6ff}html.theme-dark-active .vtt-log{background:#0f172a;border-color:#334155;color:#cbd5e1}.player-layout{display:grid;grid-template-columns:1fr;gap:12px;width:100%;max-width:100%}@media (min-width: 960px){.player-zone--full .player-layout,.player-layout{grid-template-columns:minmax(300px,40%) minmax(0,60%);align-items:start}}.player-main{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.player-tracking-tree-wrap{width:100%;min-width:0}
