.vts-page{--vt-bg:#f6f8fa;--vt-panel:#fff;--vt-line:#dce3ea;--vt-text:#202b38;--vt-muted:#627083;--vt-green:#087e68;--vt-wash:#e7f4ef;background:var(--vt-bg);min-height:100dvh;color:var(--vt-text);letter-spacing:0;font-size:15px}.dark .vts-page{--vt-bg:#111418;--vt-panel:#1b2026;--vt-line:#343d48;--vt-text:#eef2f6;--vt-muted:#a5b0bf;--vt-green:#71d5b7;--vt-wash:#1d3932}.vts-page *{box-sizing:border-box;letter-spacing:0}.vts-page :is(h1,h2,p,ul){margin:0}.vts-page h1{font-size:24px;font-weight:650}.vts-page h2{font-size:18px;font-weight:600}.vts-page :is(button,input){font:inherit}.vts-page button{border:1px solid var(--vt-line);background:var(--vt-panel);color:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 13px;transition:background .15s,border-color .15s;display:inline-flex}.vts-page button:hover:not(:disabled){border-color:var(--vt-green);background:var(--vt-wash)}.vts-page button:disabled{opacity:.45;cursor:default}.vts-page :is(button,input):focus-visible{outline:2px solid var(--vt-green);outline-offset:3px}.vts-page .vts-primary{color:#fff;background:#087e68;border-color:#087e68;font-weight:600}.vts-page .vts-primary:hover:not(:disabled){color:#fff;background:#066653}.vts-muted{color:var(--vt-muted)}.vts-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.vts-header{border-bottom:1px solid var(--vt-line);background:var(--vt-panel);justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex}.vts-header>div:first-child{align-items:center;gap:12px;min-width:0;display:flex}.vts-brand-icon{background:var(--vt-wash);width:42px;height:42px;color:var(--vt-green);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.vts-header b{color:var(--vt-muted);font-size:12px;font-weight:500}.vts-file-input{display:none}.vts-layout{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.vts-layout.with-history{grid-template-columns:270px minmax(0,1fr)}.vts-main{min-width:0;padding:0 28px 28px}.vts-steps{border-bottom:1px solid var(--vt-line);align-items:center;gap:40px;min-height:84px;margin-bottom:28px;display:flex}.vts-steps>span{color:var(--vt-muted);align-items:center;gap:10px;font-size:14px;display:flex}.vts-steps b{border:1px solid var(--vt-line);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:grid}.vts-steps .is-current{color:var(--vt-green)}.vts-steps .is-current b{background:var(--vt-wash);border-color:var(--vt-green)}.vts-workspace{grid-template-columns:minmax(250px,350px) minmax(0,1fr);gap:30px;min-height:550px;display:grid}.vts-source{min-width:0}.vts-source>header,.vts-result>header{justify-content:space-between;align-items:center;gap:12px;min-height:45px;margin-bottom:14px;display:flex}.vts-source>header>span{font-size:13px}.vts-result{border-left:1px solid var(--vt-line);flex-direction:column;min-width:0;padding-left:30px;display:flex}.vts-result>header{flex-wrap:wrap}.vts-result>header>div:first-child{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.vts-language{color:var(--vt-muted);align-items:center;gap:6px;font-size:13px;display:flex}.vts-drop{flex-direction:column;width:100%;height:360px;border:1px dashed var(--vt-line)!important;background:var(--vt-panel)!important;gap:15px!important;display:flex!important}.vts-drop>span{background:var(--vt-wash);width:58px;height:58px;color:var(--vt-green);border-radius:8px;place-items:center;margin-bottom:4px;display:grid}.vts-drop strong{font-size:18px;font-weight:600}.vts-drop small{color:var(--vt-muted);font-size:13px}.vts-drop.is-dragging,.vts-drop:hover:not(:disabled){border-color:var(--vt-green)!important;background:var(--vt-wash)!important}.vts-preview{background:#080b0e;border-radius:6px;justify-content:center;align-items:center;height:360px;display:flex;overflow:hidden}.vts-preview video{object-fit:contain;width:100%;height:100%}.vts-filename{overflow-wrap:anywhere;padding:14px 0;font-size:14px;font-weight:500}.vts-extract{border-top:1px solid var(--vt-line);gap:16px;padding:18px 0;display:grid}.vts-extract>div{color:var(--vt-muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.vts-extract strong{font-variant-numeric:tabular-nums;color:var(--vt-text);font-size:16px}.vts-extract button{width:100%;min-height:46px}.vts-progress,.vts-processing{color:var(--vt-green);padding:20px 0}.vts-progress>div,.vts-processing{align-items:center;gap:10px;font-size:15px;display:flex}.vts-progress progress{accent-color:#087e68;width:100%;height:7px;margin-top:14px}.vts-processing strong{font-weight:500}.vts-script{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;flex:1;padding:12px 0 28px;font-size:18px;line-height:2}.vts-result>footer{border-top:1px solid var(--vt-line);color:var(--vt-green);flex-wrap:wrap;align-items:center;gap:7px;padding:18px 0;font-size:12px;display:flex}.vts-review-label{color:var(--vt-muted);margin-left:auto}.vts-empty{min-height:390px;color:var(--vt-muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:16px;display:flex}.vts-empty>svg{color:var(--vt-green)}.vts-alert{color:#875815;background:#fff0dc;border-bottom:1px solid #dbbd86;align-items:center;gap:15px;padding:14px 28px;font-size:14px;line-height:1.7;display:flex}.vts-alert>span{flex:1}.dark .vts-alert{color:#f1ca87;background:#342b1e;border-color:#6a5635}.vts-job-error{color:#b65a36;padding:12px 0;font-size:14px;line-height:1.8}.dark .vts-job-error{color:#efa58a}.vts-history{border-right:1px solid var(--vt-line);background:var(--vt-panel);min-width:0;padding:22px 16px}.vts-history>header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.vts-history>header h2{font-size:16px}.vts-history>header>button{border:0;min-height:32px;padding:5px}.vts-search{border:1px solid var(--vt-line);color:var(--vt-muted);border-radius:6px;align-items:center;gap:7px;margin-bottom:18px;padding:9px 10px;display:flex}.vts-search input{width:100%;min-width:0;color:var(--vt-text);background:0 0;border:0;outline:none;font-size:14px}.vts-history ul{max-height:calc(100dvh - 220px);padding:0;list-style:none;overflow:auto}.vts-history li>button{text-align:left;border-color:#0000;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;padding:12px 8px}.vts-history li>button[aria-pressed=true]{background:var(--vt-wash);color:var(--vt-green)}.vts-history li>button>svg{flex:none;margin-top:2px}.vts-history li span{gap:6px;min-width:0;display:grid}.vts-history strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.vts-history small{color:var(--vt-muted);font-size:11px;line-height:1.6}.vts-spin{animation:1s linear infinite vts-spin}@keyframes vts-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.vts-workspace{grid-template-columns:minmax(230px,290px) minmax(0,1fr);gap:22px}.vts-result{padding-left:22px}.vts-layout.with-history{grid-template-columns:230px minmax(0,1fr)}.with-history .vts-workspace{grid-template-columns:1fr}.with-history .vts-result{border-left:0;border-top:1px solid var(--vt-line);padding:24px 0 0}.vts-header .vts-actions button{padding-inline:10px}}@media (width<=800px){.vts-header{flex-wrap:wrap;padding:18px}.vts-main{padding-inline:18px}.vts-workspace{grid-template-columns:1fr;gap:24px}.vts-source{max-width:none}.vts-preview,.vts-drop{height:320px}.vts-result{border-left:0;border-top:1px solid var(--vt-line);padding:24px 0 0}.vts-empty{min-height:200px}.vts-layout.with-history{flex-direction:column;display:flex}.vts-history{border-right:0;border-bottom:1px solid var(--vt-line)}.vts-history ul{max-height:240px}.vts-steps{gap:25px;min-height:76px;margin-bottom:20px}.vts-review-label{width:100%;margin-left:0}.vts-header h1{font-size:23px}.vts-header>.vts-actions{margin-left:auto}.vts-alert{padding-inline:18px}}@media (width<=420px){.vts-header>.vts-actions{justify-content:space-between;width:100%}.vts-header .vts-actions button{flex:1}.vts-steps{justify-content:space-between;gap:10px}.vts-steps>span{gap:7px;font-size:13px}.vts-script{font-size:18px}.vts-search input{font-size:16px}.vts-result>header{gap:12px}.vts-header h1{font-size:22px}}@media (prefers-reduced-motion:reduce){.vts-page *{transition:none!important;animation:none!important}}
/*$vite$:1*/