.vp-workspace{display:grid;grid-template-columns:235px minmax(0,1fr) 220px;height:350px;background:#fff;overflow:hidden}.vp-library{border-right:1px solid #dce3e7;min-height:0;display:flex;flex-direction:column;background:#f7f9fa}.vp-clips{padding:12px;display:grid;gap:9px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.vp-clip{display:flex;align-items:center;gap:10px;padding:5px;border:1px solid transparent;border-radius:5px}.vp-clip[data-active=true]{background:#e9f0f5;border-color:#b1c5d4}.vp-clip img{width:68px;height:48px;object-fit:cover;border-radius:3px}.vp-clip span{font-size:9px;color:#6b8192}.vp-clip b{display:block;font-weight:400;font-size:10px;margin-top:4px;color:#24313d}.vp-library>p,.vp-team>p{padding:8px 17px;font-size:10px;line-height:1.7}.vp-screen{padding:12px 20px;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;background:#172632;color:#dce6ed}.vp-screen-head,.vp-screen-foot{display:flex;justify-content:space-between;gap:12px;width:100%;font-size:9px;color:#b5c4cf;font-variant-numeric:tabular-nums;min-height:24px;align-items:flex-start}.vp-screen-foot{padding-top:10px;min-height:24px;font-size:8px}.vp-program{position:relative;flex:1;min-height:0;width:100%;background:#0e1c27;overflow:hidden;border:1px solid #344551;border-radius:3px}.vp-program video{width:100%;height:100%;display:block;object-fit:contain}.vp-caption{position:absolute;bottom:22px;left:10%;right:10%;width:max-content;max-width:80%;margin:auto;background:#182938cf;padding:6px 10px;color:white;text-align:center;font-size:clamp(10px,1.05vw,15px);border-radius:3px}.vp-video-agent{position:absolute;left:20%;bottom:7px;background:#386d9d;color:#fff;padding:4px 6px;border-radius:4px;font-size:8px;animation:cp-agent 2.8s ease-in-out infinite}.vp-team{border-left:1px solid #dce3e7;background:#fbfcfd}.vp-render-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#172632e8;color:white;backdrop-filter:blur(5px);gap:14px}.vp-render-overlay>span{font-size:11px}.vp-render-overlay strong{font-size:clamp(36px,6vw,72px);line-height:1;letter-spacing:-.06em;font-weight:500}.vp-render-overlay small{font-size:8px;color:#a6bac8}.vp-timeline{background:#edf2f6;padding:14px 17px 22px;border-top:1px solid #d5dfe6;overflow:hidden}.vp-ruler{display:grid;grid-template-columns:62px minmax(0,1fr);font-size:8px;color:#6d8292;margin-bottom:10px}.vp-ruler>div{display:flex;justify-content:space-between;background:repeating-linear-gradient(90deg,#c6d5df 0,#c6d5df 1px,transparent 1px,transparent 2.777%);background-size:100% 5px;background-repeat:no-repeat;background-position:bottom;padding-bottom:12px}.vp-tracks{position:relative}.vp-track{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:0;margin-bottom:8px}.vp-track>span{font-size:9px;color:#6a7f90}.vp-track-body{position:relative;display:flex;gap:5px;min-width:0;min-height:26px;background:#e1e9ef;border-radius:3px}.vp-track-clip{display:flex;align-items:center;gap:9px;background:#637f96;color:white;border-radius:3px;flex:1;overflow:hidden;min-width:0;height:40px}.vp-track-clip img{width:60px;height:40px;object-fit:cover}.vp-track-clip b{font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-text-track>div{flex:1;min-width:0;padding:7px 8px;font-size:8px;color:#375c7a;background:#d0e1ef;border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity .4s}.vp-finish-track{background:#e6e1ee;min-height:22px}.vp-finish-fill{position:absolute;inset:0 auto 0 0;width:var(--vp-progress);background:repeating-linear-gradient(90deg,#b8a1cf 0,#b8a1cf 3px,#cbbbda 3px,#cbbbda 7px);opacity:.7;border-radius:3px}.vp-playhead{position:absolute;left:calc(62px + (100% - 62px) * .0);left:clamp(62px,calc(62px + (100% - 62px) * var(--vp-head,0)),100%);top:-7px;bottom:0;width:1px;background:#dd6937;pointer-events:none}.vp-playhead:before{content:'';position:absolute;top:-4px;left:-3px;width:7px;height:7px;background:#dd6937;transform:rotate(45deg)}.vp-cursor{position:absolute;z-index:2;left:clamp(0px,calc(var(--vp-progress) - 80px),calc(100% - 130px));font-size:8px;background:#d26839;color:white;padding:4px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;transition:left .1s linear}.vp-montage-cursor{bottom:-5px}.vp-check-cursor{bottom:-12px;background:#806094;left:clamp(0px,calc(var(--vp-progress) - 150px),calc(100% - 140px))}.video-preview .vp-cursor{animation:cp-agent 2.7s ease-in-out infinite}
@media(max-width:1100px){.vp-workspace{grid-template-columns:180px minmax(0,1fr) 185px;height:330px}.vp-clip img{width:50px;height:45px}.vp-clip b{font-size:9px}.vp-clips{padding:8px}.vp-screen{padding:12px}}
@media(max-width:900px){.vp-workspace{grid-template-columns:160px minmax(0,1fr)}.vp-team{display:none}.vp-track-clip b{font-size:8px}.vp-track-clip img{width:45px}.vp-screen-head{font-size:8px}}
@media(max-width:600px){.vp-workspace{display:flex;flex-direction:column;height:345px}.vp-library{order:2;border:0;flex:none}.vp-library>.ms-panel-title,.vp-library>p{display:none}.vp-clips{display:flex;padding:7px;gap:5px}.vp-clip{flex:1;gap:5px;padding:3px;min-width:0}.vp-clip img{width:32px;height:30px}.vp-clip b{font-size:7px;line-height:1.4;margin-top:1px}.vp-clip span{font-size:7px}.vp-screen{flex:1;padding:12px 10px;min-height:0}.vp-screen-foot{font-size:7px}.vp-timeline{padding:12px 10px 19px}.vp-ruler,.vp-track{grid-template-columns:46px minmax(0,1fr)}.vp-track>span{font-size:7px}.vp-track-clip{height:30px;gap:0}.vp-track-clip img{width:100%;height:100%;object-fit:cover}.vp-track-clip b{display:none}.vp-text-track>div{font-size:7px;padding:5px}.vp-track-body{gap:3px}.vp-cursor{font-size:7px}.vp-playhead{left:clamp(46px,calc(46px + (100% - 46px) * var(--vp-head,0)),100%)}.vp-caption{font-size:11px;bottom:20px}.video-preview .ms-render{font-size:10px}.vp-library .vp-clips{overflow:hidden}}

.vp-screen-head,.vp-screen-foot{flex-shrink:0}.vp-program{flex:1 1 0;height:0}.vp-team .ms-worker{padding-block:12px}.vp-team>p{margin-top:8px}

.vp-workspace{grid-template-rows:minmax(0,1fr)}.vp-team{min-height:0}