.vt-page{min-height:100vh;background:#0f1117;color:#e4e4f0;padding:0 0 60px}.vt-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:1px solid #1e2130}.vt-back-btn{background:none;border:1px solid #333;border-radius:var(--radius-sm);color:#888;padding:6px var(--space-3);cursor:pointer;font-size:.85rem;transition:border-color .2s,color .2s}.vt-back-btn:hover{border-color:#5865f2;color:#ccc}.vt-header h1{font-size:1.3rem;font-weight:600;margin:0;flex:1}.vt-task-id{font-size:.75rem;color:#555;font-family:monospace}.vt-content{max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-6)}.vt-progress-bar-wrap{background:#1a1d26;border-radius:var(--space-2);height:10px;position:relative;overflow:visible}.vt-progress-bar{background:linear-gradient(90deg,#5865f2,#3ecf8e);height:100%;border-radius:var(--space-2);transition:width .5s ease}.vt-progress-text{position:absolute;right:0;top:-22px;font-size:.8rem;color:#888}.vt-stages{display:flex;gap:var(--space-2);flex-wrap:wrap}.vt-stage{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-3) var(--space-4);border-radius:10px;background:#1a1d26;border:1px solid #222;min-width:80px;position:relative;transition:background .3s,border-color .3s}.vt-stage--active{background:#1c1e40;border-color:#5865f2}.vt-stage--done{background:#111f19;border-color:#3ecf8e}.vt-stage-icon{font-size:1.4rem;line-height:1;min-height:28px;display:flex;align-items:center;justify-content:center}.vt-stage-label{font-size:.72rem;color:#888;text-align:center}.vt-stage--done .vt-stage-label{color:#3ecf8e}.vt-stage--active .vt-stage-label{color:var(--color-primary-300)}.vt-stage-check{position:absolute;top:4px;right:6px;font-size:.7rem;color:#3ecf8e}.vt-stage-spinner{display:inline-block;width:var(--space-5);height:var(--space-5);border:2px solid rgba(255,255,255,.15);border-top-color:var(--color-primary-300);border-radius:var(--radius-full);animation:vt-spin .7s linear infinite}@keyframes vt-spin{to{transform:rotate(360deg)}}.vt-log{background:#12141d;border:1px solid #1e2130;border-radius:10px;padding:14px 18px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-family:Courier New,monospace;font-size:.83rem}.vt-log-item{color:#888;padding:2px 0}.vt-log-item:before{content:"› ";color:#444}.vt-log-item--done{color:#3ecf8e}.vt-log-item--error{color:#f56}.vt-log-item--connecting{color:#555;font-style:italic}.vt-error-box{background:#1c0f12;border:1px solid #5a2030;border-radius:var(--space-3);padding:var(--space-6);text-align:center}.vt-error-box h3{margin:0 0 10px;color:#f56}.vt-error-box p{color:#c88;margin:0 0 var(--space-4);font-size:.9rem}.vt-retry-btn{background:#5865f2;border:none;border-radius:var(--space-2);color:var(--color-white);padding:10px var(--space-5);cursor:pointer;font-size:.9rem;transition:opacity .2s}.vt-retry-btn:hover{opacity:.85}.vt-result-box{background:#0e1f18;border:1px solid #2a5040;border-radius:var(--space-3);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.vt-result-box h3{margin:0;font-size:1.2rem;color:#3ecf8e}.vt-result-stats{display:flex;gap:var(--space-8)}.vt-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.vt-stat-label{font-size:.75rem;color:#666}.vt-stat-value{font-size:1.3rem;font-weight:700;color:#e4e4f0}.vt-preview{width:100%;max-width:560px;border-radius:10px;background:var(--color-black)}.vt-download-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#3ecf8e,#1aa870);border-radius:var(--space-2);color:var(--color-white);padding:10px 22px;text-decoration:none;font-weight:600;font-size:.95rem;transition:opacity .2s}.vt-download-btn:hover{opacity:.88}@media (max-width: 600px){.vt-stages{justify-content:center}.vt-stage{min-width:70px;padding:10px var(--space-3)}}