.cv{--c-video:#3f6fe0;--c-image:#7a5cf0;--c-audio:#1f9d63;--c-text:#c3bb9f;--c-playhead:#ff4f00;position:relative}.cv[data-destination=premiere]{--c-video:#8b6cf6;--c-image:#c06ae0;--c-audio:#14a394;--c-text:#e9b22c}.cv-band-gray .cv-panel{background:var(--color-canvas)}.cv-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}@media (min-width:1024px){.cv-grid{grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr)}}.cv-side{display:grid;grid-template-columns:minmax(0,1fr);min-height:360px}.cv-side>*{grid-area:1/1}@keyframes cv-fade-in{0%{opacity:0}}.cv .clip canvas,.cv .thumbs{animation:cv-fade-in .5s ease-out both}.cv-panel{position:relative;border-radius:20px;background:var(--color-surface)}.cv-panel.is-error{background:#fdebe6;box-shadow:inset 0 0 0 1.5px rgba(207,53,23,.35)}.cv .screen{position:relative;margin:0;overflow:hidden;display:flex;flex-direction:column;border-radius:20px;background:#0b0b0b}.cv .scr-bar{flex-wrap:wrap;justify-content:space-between;gap:12px 20px;padding:14px 16px 14px 18px;border-bottom:1px solid var(--color-line)}.cv .scr-bar,.cv .scr-id{display:flex;align-items:center}.cv .scr-id{gap:16px;min-width:0}.cv .tc{font:500 20px/1 var(--font-mono);letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--color-fg)}.cv .scr-meta{display:grid;gap:4px;min-width:0;padding-left:16px;border-left:1px solid var(--color-line)}.cv .scr-meta b{font:500 13px/1.2 var(--font-sans);color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv .scr-meta>span{font:400 11px/1.2 var(--font-mono);letter-spacing:.02em;color:var(--color-dim)}.cv .scr-title{display:flex;align-items:center;gap:8px;min-width:0}.cv .scr-badge{display:inline-flex;flex:none;align-items:center;gap:6px;height:19px;padding-inline:7px;border:1px solid var(--color-line-2);border-radius:999px;font:500 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-dim)}.cv-screen-wrap{position:relative;display:grid;min-width:0;border-radius:20px}.cv-screen-wrap:has(.cv-light){box-shadow:0 0 56px -10px rgba(255,79,0,.42)}.cv-light{z-index:3;pointer-events:none;animation:cv-light-in .9s ease-out}.cv-light,.cv-light svg{position:absolute;inset:0}.cv-light svg{width:100%;height:100%;overflow:visible}.cv-light rect{fill:none;stroke:var(--c-playhead);stroke-linecap:round}.cv-light .cv-light-base{stroke-width:1.5;opacity:.5}.cv-light .cv-light-core,.cv-light .cv-light-halo,.cv-light .cv-light-soft{stroke-dasharray:20 30;animation:cv-orbit 7s linear infinite}.cv-light .cv-light-halo{stroke-width:16;opacity:.1}.cv-light .cv-light-soft{stroke-width:7;opacity:.28}.cv-light .cv-light-core{stroke-width:2}@keyframes cv-orbit{to{stroke-dashoffset:-100}}@keyframes cv-light-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.cv-light,.cv-light rect{animation:none}}.cv .scr-ctrl{display:flex;align-items:center;gap:8px}.cv .seg{padding:3px;border-radius:999px;border:1px solid var(--color-line);background:#000000}.cv .seg,.cv .seg button{position:relative;display:inline-flex}.cv .seg button{align-items:center;gap:7px;height:30px;padding-inline:12px;border:0;border-radius:999px;background:transparent;color:var(--color-muted);font:500 12.5px/1 var(--font-sans);cursor:pointer;transition:color .25s}.cv .seg button:hover,.cv .seg button[aria-pressed=true]{color:var(--color-fg)}.cv .seg-pill{position:absolute;inset:0;border-radius:999px;background:var(--color-surface-3)}.cv .seg-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px}.cv .seg svg{width:14px;height:14px;flex:none}.cv .icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-line-2);background:transparent;color:var(--color-fg);cursor:pointer;transition:background-color .2s,border-color .2s}.cv .icon-btn:hover{background:rgba(243,241,236,.05);border-color:var(--color-line-3)}.cv .icon-btn svg{width:14px;height:14px}.cv .tl{--row:40px;--row-v:58px;--row-a:44px;--row-t:28px;--src-head:16px;--src-foot:6px;--dst-head:14px;--gap:4px;--ruler:30px;--legend:28px;--heads:56px;--tick:20%;--tick-minor:6.667%;flex:1;display:grid;grid-template-columns:var(--heads) minmax(0,1fr);background:#0b0b0b}.cv .tl-heads{background:#0f0f0f;border-right:1px solid var(--color-line)}.cv .th-corner{display:flex;align-items:center;height:var(--ruler);padding-inline:12px;border-bottom:1px solid var(--color-line);font:500 9.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-dim);white-space:nowrap}.cv .th-list{display:grid;gap:var(--gap);padding-block:8px}.cv .th{display:flex;align-items:center;gap:8px;height:var(--row);padding-inline:12px;font:500 10.5px/1 var(--font-mono);letter-spacing:.04em;color:var(--color-fg)}.cv .th i{width:6px;height:6px;border-radius:2px;flex:none;background:var(--color-line-3);transition:background-color .6s var(--ease-film)}.cv .th-video i{background:var(--c-video)}.cv .th-audio i{background:var(--c-audio)}.cv .th-text i{background:var(--c-text)}.cv .tl-time{position:relative;display:flex;flex-direction:column;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.cv .tl-time:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-fg);border-radius:0}.cv .tl-ruler{position:relative;height:var(--ruler);border-bottom:1px solid var(--color-line);background-image:linear-gradient(90deg,rgba(243,241,236,.26) 1px,transparent 0),linear-gradient(90deg,rgba(243,241,236,.1) 1px,transparent 0);background-size:var(--tick) 9px,var(--tick-minor) 4px;background-position:0 100%,0 100%;background-repeat:repeat-x}.cv .rl{position:absolute;top:7px;transform:translateX(5px);font:400 9.5px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-dim);white-space:nowrap}.cv .tl-lanes{position:relative;flex:1;padding-block:8px}.cv .lane-bg{display:grid;gap:var(--gap)}.cv .lane-bg>div{height:var(--row);border-radius:2px;background:rgba(243,241,236,.02)}.cv .layer-clip{position:absolute;left:0;right:0;top:8px;overflow:hidden;will-change:transform}.cv .layer{display:grid;gap:var(--gap);will-change:transform}.cv .layer-clip.dst{transform:translateX(-58%)}.cv .layer-clip.dst>.layer{transform:translateX(58%)}.cv .layer-clip.src{transform:translateX(42%)}.cv .layer-clip.src>.layer{transform:translateX(-42%)}.cv .row{position:relative;height:var(--row)}.cv .tl .lane-video,.cv .tl .th-video{height:var(--row-v)}.cv .tl .lane-audio,.cv .tl .th-audio{height:var(--row-a)}.cv .tl .lane-text,.cv .tl .th-text{height:var(--row-t)}.cv .clip{top:0;bottom:0}.cv .clip,.cv .thumbs{position:absolute;overflow:hidden}.cv .thumbs{left:0;right:0;display:flex}.cv .thumbs i{flex:none;height:100%;aspect-ratio:var(--fa);background-color:#000000;background-image:var(--strip);background-size:calc(var(--frames) * 100%) 100%;background-repeat:no-repeat}.cv .dst .clip{--cc:var(--c-video);border:1px solid color-mix(in oklab,var(--cc) 82%,#ffffff 10%);border-radius:3px;background-color:color-mix(in oklab,var(--cc) 44%,#0c0c0b);transition:background-color .6s var(--ease-film),border-color .6s var(--ease-film)}.cv .dst .k-image{--cc:var(--c-image)}.cv .dst .k-audio{--cc:var(--c-audio)}.cv .dst .k-text{--cc:var(--c-text)}.cv .dst .clip-name{position:relative;display:block;height:var(--dst-head);padding-inline:6px;background-color:color-mix(in oklab,var(--cc) 86%,#000000);font:500 9.5px/var(--dst-head) var(--font-mono);color:rgba(255,255,255,.94);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .6s var(--ease-film)}.cv .dst .k-text{border-color:transparent;background-color:var(--cc)}.cv .dst .k-text .clip-name{height:100%;padding-inline:8px;background-color:transparent;font:500 11px/calc(var(--row-t) - 2px) var(--font-sans);color:#1b1a16}.cv .dst .thumbs{top:var(--dst-head);bottom:0}.cv .dst canvas{position:absolute;left:0;top:var(--dst-head);width:100%;height:calc(100% - var(--dst-head))}.cv .src .clip{margin-left:1px;border-radius:5px}.cv .src .k-video{background:#0c4d50}.cv .src .k-image .thumbs,.cv .src .k-video .thumbs{top:var(--src-head);bottom:var(--src-foot)}.cv .src .thumbs.is-fake{--fw:calc((var(--row-v) - var(--src-head) - var(--src-foot)) * var(--ar, 1.778));background-color:var(--s2,#111111);background-image:linear-gradient(90deg,transparent calc(100% - 1px),rgba(0,0,0,.65) calc(100% - 1px)),radial-gradient(24% 52% at 52% 84%,color-mix(in oklab,var(--s3) 62%,transparent),transparent),radial-gradient(80% 70% at 24% 12%,color-mix(in oklab,var(--s3) 30%,transparent),transparent 72%),linear-gradient(180deg,var(--s1),var(--s2));background-size:var(--fw) 100%,var(--fw) 100%,var(--fw) 100%,100% 100%}.cv .src .k-image,.cv .src .thumbs.is-fake{background-repeat:repeat-x,repeat-x,repeat-x,no-repeat}.cv .src .k-image{--fw:calc(var(--row-v) * var(--ar, 1.778));background-color:#141417;background-image:linear-gradient(90deg,transparent calc(100% - 1px),rgba(0,0,0,.6) calc(100% - 1px)),linear-gradient(90deg,transparent 14%,rgba(255,255,255,.88) 14% 56%,transparent 56%),linear-gradient(90deg,transparent 14%,rgba(255,255,255,.4) 14% 40%,transparent 40%),linear-gradient(180deg,#2a2a30,#121215);background-size:var(--fw) 100%,var(--fw) 9%,var(--fw) 6%,100% 100%;background-position:0 0,0 66%,0 82%,0 0}.cv .src .k-audio{background:#0d3058}.cv .src .k-text{background:#9b4a35}.cv .src .clip-head{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;gap:3px;height:var(--src-head);padding-inline:3px;overflow:hidden;container-type:inline-size}@container (max-width: 150px){.cv .src .clip-dur{display:none}}.cv .src .clip-head span{flex:none;padding:1px 4px;border-radius:3px;background:rgba(0,0,0,.26);font:500 9.5px/1.25 var(--font-sans);color:rgba(255,255,255,.92);white-space:nowrap}.cv .src .clip-head .clip-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.cv .src .k-audio .clip-head span{background:rgba(255,255,255,.1)}.cv .src .k-text .clip-name{position:absolute;inset:0;padding-inline:7px;font:500 10.5px/var(--row-t) var(--font-sans);color:rgba(255,255,255,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv .src canvas{position:absolute;left:0;top:var(--src-head);width:100%;height:calc(100% - var(--src-head))}.cv .tr-mark{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:18px;height:18px;margin-left:-9px;transform:translateY(-50%);border-radius:5px;border:1px solid rgba(255,255,255,.4);background:rgba(10,10,10,.88);color:#ffffff}.cv .tr-mark svg{width:9px;height:9px;fill:currentColor}.cv .tl-legend{position:relative;height:var(--legend);border-top:1px solid var(--color-line)}.cv .lg{position:absolute;top:50%;transform:translateY(-50%);font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:opacity .3s var(--ease-film)}.cv .lg-dst{left:0;color:var(--color-fg)}.cv .lg-src{left:0;color:var(--color-dim)}.cv .lg.is-hidden,.cv .tl:not(.is-painted) .lg{opacity:0}.cv .ph{position:absolute;top:0;bottom:0;left:42%;z-index:5;width:0;pointer-events:none;will-change:transform}.cv .tl.is-painted .ph{left:0}.cv .ph-head{top:5px;left:-6px;width:12px;height:16px;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%)}.cv .ph-head,.cv .ph-line{position:absolute;background:var(--c-playhead)}.cv .ph-line{top:20px;bottom:var(--legend);left:-.5px;width:2px;margin-left:-.5px}.cv .ph-trail{position:absolute;top:var(--ruler);bottom:var(--legend);right:0;width:0}.cv-spinner{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid;border-top:2px solid transparent;animation:cv-spin .7s linear infinite}@keyframes cv-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.cv .tl{--row:32px;--row-v:46px;--row-a:34px;--row-t:24px;--src-head:13px;--src-foot:4px;--dst-head:12px;--heads:44px;--ruler:26px}.cv .screen,.cv-panel{border-radius:16px}.cv-light rect{rx:16px}.cv-screen-wrap{border-radius:16px}.cv .th,.cv .th-corner{padding-inline:8px}.cv .th{gap:6px;font-size:9.5px}.cv .th-corner{font-size:8.5px;letter-spacing:.02em}.cv .scr-bar{padding:12px 12px 12px 14px}.cv .tc{font-size:17px}.cv .seg button{padding-inline:10px;font-size:12px}.cv .dst .clip-name{padding-inline:4px;font-size:8.5px}.cv .src .clip-head{gap:2px;padding-inline:2px}.cv .src .clip-head span{padding:0 3px;font-size:8.5px}.cv .dst .k-text .clip-name,.cv .src .k-text .clip-name{font-size:9.5px}}@media (max-width:400px){.cv .seg svg{display:none}}