:root{--bg: #0B0E14;--bg2: #141824;--bg3: #1D2433;--bg4: #232C40;--border: rgba(255, 255, 255, .08);--text: #E5E7EB;--muted: #9CA3AF;--dim: #6B7280;--primary: #6366F1;--violet: #8B5CF6;--cyan: #22D3EE;--green: #34D399;--red: #F87171;--amber: #FBBF24;--blue: #60A5FA;--grad: linear-gradient(135deg, #6366F1, #8B5CF6 55%, #22D3EE);--radius: 14px;--shadow: 0 10px 34px rgba(0, 0, 0, .45);--font: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--top-bg: rgba(11, 14, 20, .82);--mask-bg: rgba(5, 7, 12, .68);--dashed-border: rgba(255, 255, 255, .16);--empty-border: rgba(255, 255, 255, .14);--op-bg: rgba(20, 24, 36, .9);--row-border: rgba(255, 255, 255, .05);--glow-1: rgba(139, 92, 246, .14);--glow-2: rgba(34, 211, 238, .08);--crop-shadow: rgba(0, 0, 0, .45)}body.light{--bg: #F4F6FB;--bg2: #FFFFFF;--bg3: #EDF0F7;--bg4: #DFE4F0;--border: rgba(15, 23, 42, .12);--text: #1E2433;--muted: #5B6472;--dim: #8A92A3;--primary: #5B5BD6;--violet: #7C3AED;--cyan: #0891B2;--green: #059669;--red: #DC2626;--amber: #D97706;--blue: #2563EB;--grad: linear-gradient(135deg, #6366F1, #8B5CF6 55%, #22D3EE);--shadow: 0 10px 34px rgba(20, 30, 60, .14);--top-bg: rgba(255, 255, 255, .85);--mask-bg: rgba(20, 30, 60, .42);--dashed-border: rgba(15, 23, 42, .22);--empty-border: rgba(15, 23, 42, .18);--op-bg: rgba(255, 255, 255, .92);--row-border: rgba(15, 23, 42, .06);--glow-1: rgba(139, 92, 246, .10);--glow-2: rgba(34, 211, 238, .06);--crop-shadow: rgba(30, 40, 70, .35);--active-text: #7C3AED}body.light .vp-subtab.on{color:var(--active-text)}body.light .vp-tab.on{color:var(--active-text)}body.light .crop-ratio-btn.on{color:var(--active-text)}body.light .vp-section-card .sc-badge{color:var(--active-text)}body.light .vp-folder-badge{color:var(--active-text)}body.light .vp-asset .status-chip{color:var(--green)}body.light .vp-bar i{background:var(--grad)}body.light .vp-task-status.running{color:var(--blue)}body.light .vp-task-status.done{color:var(--green)}body.light .vp-task-status.error{color:var(--red)}body.light .vp-folder-ops .op:hover{color:#1E2433;border-color:var(--primary)}body.light .vp-editor-card{background:linear-gradient(135deg,rgba(99,102,241,.10),rgba(34,211,238,.06))}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 600px at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(900px 500px at -10% 30%,var(--glow-2),transparent 55%),var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;transition:background .25s ease,color .25s ease}a{color:var(--primary);text-decoration:none}::selection{background:rgba(99,102,241,.4)}.vp-crumb{display:flex;align-items:center;gap:8px;font-size:13.5px}.vp-crumb-item{color:var(--muted);cursor:pointer}.vp-crumb-item:hover{color:var(--text)}.vp-crumb-sep{color:var(--dim)}.vp-crumb-cur{color:var(--text);font-weight:600}.vp-quota-tag{padding:4px 12px;border-radius:20px;font-size:12px;background:rgba(255,255,255,.05);border:1px solid var(--border)}.vp-folder .fp-icon{position:relative;z-index:1;width:54px;height:54px;margin-bottom:14px}.vp-folder .fp-cover{width:54px;height:54px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}.vp-folder-badges{position:relative;z-index:1;display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.vp-folder .fp-icon svg{width:100%;height:100%}.vp-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.vp-section-card{background:rgba(29,36,51,.7);border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;cursor:pointer;transition:all .22s ease;position:relative;overflow:hidden}.vp-section-card:hover{transform:translateY(-3px);border-color:rgba(99,102,241,.45);box-shadow:var(--shadow)}.vp-section-card::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;background:radial-gradient(500px 200px at 20% 0%,rgba(99,102,241,.16),transparent 60%)}.vp-section-card:hover::before{opacity:1}.vp-section-card .sc-icon{font-size:30px;margin-bottom:10px;position:relative;z-index:1}.vp-section-card .sc-title{font-size:16px;font-weight:700;position:relative;z-index:1}.vp-section-card .sc-sub{color:var(--muted);font-size:12px;margin-top:4px;position:relative;z-index:1}.vp-section-card .sc-badge{position:absolute;top:14px;right:14px;z-index:2;padding:2px 10px;border-radius:20px;font-size:11.5px;font-weight:600;background:rgba(99,102,241,.16);color:var(--violet)}@media(max-width:760px){.vp-sections{grid-template-columns:1fr}}.vp-subtabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.vp-subtab{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12.8px;cursor:pointer;transition:all .2s;font-family:var(--font)}.vp-subtab:hover{color:var(--text)}.vp-subtab.on{background:rgba(99,102,241,.16);border-color:rgba(99,102,241,.5);color:#fff}.vp-subgroup{display:none}.vp-subgroup.on{display:block;animation:vpFade .25s ease}.vp-asset .vp-video-cover{position:relative;width:100%;height:140px;overflow:hidden}.vp-asset .vp-video-cover img{width:100%;height:100%;object-fit:cover}.vp-asset .vp-video-cover .v-dur{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:8px;background:rgba(0,0,0,.65);font-size:11px;color:#fff}.vp-asset .vp-video-cover .v-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7)}.vp-trim-row{margin-bottom:14px}.vp-trim-row label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.vp-trim-times{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:4px}.wave-wrap{position:relative;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:12px 8px 6px;margin-bottom:4px;cursor:ew-resize;user-select:none;touch-action:none}#trimWaveform{width:100%;height:96px}.wave-fx{position:absolute;left:8px;right:8px;top:0;bottom:0;pointer-events:none}.wave-fx .mask{position:absolute;top:0;bottom:0;background:rgba(0,0,0,.9);transition:left .2s,width .2s}.seg-band{position:absolute;top:0;bottom:0;background:rgba(139,92,246,.12)}.seg-line{position:absolute;top:0;bottom:0;width:1px;background:var(--violet);opacity:.9}.seg-label{position:absolute;top:5px;transform:translateX(-50%);font-size:10px;font-weight:700;color:var(--cyan);background:rgba(11,11,20,.6);padding:1px 7px;border-radius:9px;white-space:nowrap;z-index:2}.wave-range{font-size:12.5px;color:var(--violet);font-weight:700;margin:8px 2px 2px;text-align:center}.wave-hint{font-size:11.5px;color:var(--dim);margin:2px 2px 6px;text-align:center}.wave-playbar{display:flex;align-items:center;gap:12px;margin:4px 2px 12px;font-size:12px;color:var(--muted)}.wave-playbar .play-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:12px;flex-shrink:0;cursor:pointer;transition:all .15s}.wave-playbar .play-btn:hover{background:var(--primary);color:#fff}.wave-playbar input[type=range]{flex:1;accent-color:var(--primary);cursor:pointer}.seg-hint{font-size:11.5px;margin-bottom:12px;text-align:center}.seg-hint.ok{color:var(--green)}.seg-hint.warn{color:var(--amber)}.trim-config{display:flex;gap:14px;margin-bottom:14px;flex-wrap:wrap;justify-content:center}.trim-config label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.trim-config input[type=number]{width:70px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;outline:none}.vp-bell{position:relative;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s}.vp-bell:hover{border-color:rgba(99,102,241,.5)}.vp-bell .b-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}.vp-bell .b-dot.hide{display:none}.vp-notify-panel{position:fixed;top:64px;right:18px;width:360px;max-width:calc(100vw - 36px);background:var(--bg2);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:220;display:none;overflow:hidden}.vp-notify-panel.on{display:block;animation:vpFade .2s ease}.vp-notify-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.vp-notify-head b{font-size:14px}.vp-notify-head button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px}.vp-notify-list{max-height:380px;overflow-y:auto}.vp-notify-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--row-border);cursor:pointer;transition:background .15s;align-items:flex-start}.vp-notify-item:hover{background:rgba(99,102,241,.06)}.vp-notify-item.unread{background:rgba(34,211,238,.05)}.vp-notify-item .n-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.vp-notify-item .n-title{font-size:13px;font-weight:600}.vp-notify-item .n-content{color:var(--muted);font-size:12px;margin-top:2px}.vp-notify-item .n-time{color:var(--dim);font-size:11px;margin-top:4px}.vp-top{position:sticky;top:0;z-index:100;background:var(--top-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.vp-top-in{max-width:1200px;margin:0 auto;padding:0 22px;height:62px;display:flex;align-items:center;justify-content:space-between}.vp-brand{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}.vp-logo{width:34px;height:34px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;box-shadow:0 4px 16px rgba(99,102,241,.45)}.vp-brand-name{font-weight:700;font-size:16px;letter-spacing:.3px}.vp-brand-name em{font-style:normal;color:var(--muted);font-weight:400;font-size:12px;margin-left:6px}.vp-top-right{display:flex;align-items:center;gap:10px}.vp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:10px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13.5px;cursor:pointer;transition:all .2s ease;font-family:var(--font)}.vp-btn:hover{border-color:rgba(99,102,241,.5);transform:translateY(-1px)}.vp-btn:active{transform:translateY(0)}.vp-btn-primary{background:var(--grad);border:none;color:#fff;font-weight:600;box-shadow:0 4px 18px rgba(99,102,241,.4)}.vp-btn-primary:hover{box-shadow:0 6px 26px rgba(139,92,246,.55)}.vp-btn-danger{color:var(--red);border-color:rgba(248,113,113,.3)}.vp-btn-danger:hover{background:rgba(248,113,113,.1)}.vp-btn-ghost{background:transparent}.vp-btn-sm{padding:6px 12px;font-size:12.5px;border-radius:8px}.vp-btn-learn{position:relative;overflow:hidden;color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;border:none;background:linear-gradient(110deg,#6366F1 0%,#8B5CF6 35%,#22D3EE 65%,#8B5CF6 100%);background-size:220% 100%;box-shadow:inset 0 0 0 1px rgba(34,211,238,.55);animation:vpLearnFlow 7s linear infinite,vpLearnGlow 2.8s ease-in-out infinite}.vp-btn-learn:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(34,211,238,.8),0 8px 28px rgba(34,211,238,.5)}.vp-btn-learn:active{transform:translateY(0)}.vp-btn-learn .vp-btn-learn-ic{font-size:14px;line-height:1;filter:drop-shadow(0 0 6px rgba(255,255,255,.55))}.vp-btn-learn::after{content:"";position:absolute;top:-40%;left:-60%;width:45%;height:180%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:rotate(18deg);pointer-events:none;animation:vpLearnSheen 3.8s ease-in-out infinite}@keyframes vpLearnFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}@keyframes vpLearnGlow{0%,100%{box-shadow:0 4px 18px rgba(34,211,238,.30),0 0 0 0 rgba(139,92,246,.38)}50%{box-shadow:0 6px 26px rgba(139,92,246,.55),0 0 0 6px rgba(139,92,246,0)}}@keyframes vpLearnSheen{0%,55%{left:-60%;opacity:0}70%{opacity:.9}100%{left:130%;opacity:0}}.vp-btn-primary,.vp-btn-learn{box-sizing:border-box;height:38px;padding-top:0;padding-bottom:0}@media(prefers-reduced-motion:reduce){.vp-btn-learn{animation:none;background-size:auto}.vp-btn-learn::after{display:none}}.vp-main{max-width:1200px;margin:0 auto;padding:30px 22px 60px}.vp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.vp-title{font-size:26px;font-weight:700;letter-spacing:.3px}.vp-title span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vp-sub{color:var(--muted);font-size:13px;margin-top:4px}.vp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}.vp-stat{background:rgba(29,36,51,.6);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;text-align:center;backdrop-filter:blur(8px)}.vp-stat-num{font-size:28px;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vp-stat-lbl{color:var(--muted);font-size:12px;margin-top:2px}@media(max-width:640px){.vp-stats{grid-template-columns:1fr}}.vp-usage{display:flex;align-items:center;gap:14px;justify-content:space-between;background:rgba(29,36,51,.6);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin:-12px 0 22px}.vp-usage-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.vp-usage-title{font-size:12.5px;color:var(--muted);white-space:nowrap}.vp-usage-track{flex:1;max-width:440px;height:8px;border-radius:6px;background:rgba(150,160,190,.18);overflow:hidden}.vp-usage-fill{height:100%;width:0;border-radius:6px;background:var(--green, #34D399);transition:width .3s ease}.vp-usage-fill.warn{background:#F59E0B}.vp-usage-fill.danger{background:var(--red, #F87171)}.vp-usage-pct{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.vp-usage-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.vp-usage-tip{font-size:12px;color:var(--dim);white-space:nowrap}@media(max-width:640px){.vp-usage{flex-direction:column;align-items:stretch;gap:10px}.vp-usage-track{max-width:none}.vp-usage-actions{justify-content:space-between}}.vp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.vp-folder{position:relative;background:rgba(29,36,51,.72);border:1px solid var(--border);border-radius:var(--radius);padding:28px 16px 14px;cursor:pointer;transition:all .22s ease;overflow:hidden}.vp-folder-id{position:absolute;top:8px;left:14px;z-index:2;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1;letter-spacing:.2px;color:var(--dim);opacity:.55;cursor:copy;white-space:nowrap;max-width:calc(100% - 84px);overflow:hidden;text-overflow:ellipsis;transition:opacity .18s,color .18s}.vp-folder:hover .vp-folder-id{opacity:1;color:var(--muted)}.vp-folder-id:hover{color:var(--cyan)!important}.vp-folder::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;background:radial-gradient(600px 220px at 20% 0%,rgba(139,92,246,.18),transparent 60%)}.vp-folder:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.45);box-shadow:var(--shadow)}.vp-folder:hover::before{opacity:1}.vp-folder .fp-icon{position:relative;z-index:1;width:54px;height:54px;margin-bottom:12px}.vp-folder .fp-icon svg{width:100%;height:100%}.vp-folder-name{position:relative;z-index:1;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-folder-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--dim);font-size:12px;margin-top:7px}.vp-folder-meta .fm-tags{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}.vp-folder-meta .fm-tags i{font-style:normal}.vp-folder-meta .fm-time{flex-shrink:0;white-space:nowrap;color:var(--muted);font-size:11px}.vp-folder-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;background:rgba(99,102,241,.15);color:var(--violet)}.vp-folder-badge.amber{background:rgba(251,191,36,.13);color:var(--amber)}.vp-folder-badges{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:10px}.vp-eng-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 7px;border-radius:20px;font-size:11px;font-weight:600;line-height:1.6;border:1px solid transparent;white-space:nowrap}.vp-eng-chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.vp-eng-chip.on{background:rgba(52,211,153,.12);color:var(--green);border-color:rgba(52,211,153,.28)}.vp-eng-chip.off{background:rgba(255,255,255,.05);color:var(--muted);border-color:rgba(255,255,255,.10)}.vp-eng-chip.off .dot{opacity:.45}.vp-eng-chip.none{background:rgba(255,255,255,.02);color:var(--dim);border-color:rgba(255,255,255,.06)}.vp-eng-chip.none .dot{opacity:.25}.vp-eng-chip.running{background:rgba(251,191,36,.12);color:var(--amber);border-color:rgba(251,191,36,.26)}body.light .vp-eng-chip.on{background:rgba(16,185,129,.10);color:#059669;border-color:rgba(16,185,129,.25)}body.light .vp-eng-chip.off{background:rgba(17,24,39,.04);color:#6b7280;border-color:rgba(17,24,39,.08)}body.light .vp-eng-chip.none{background:rgba(17,24,39,.02);color:#9ca3af;border-color:rgba(17,24,39,.05)}.vp-folder-ops{position:absolute;top:10px;right:10px;z-index:2;display:flex;gap:5px;opacity:0;transition:opacity .2s}.vp-folder:hover .vp-folder-ops{opacity:1}.vp-folder-ops .op{width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--op-bg);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;font-size:12px}.vp-folder-ops .op:hover{color:#fff;border-color:rgba(99,102,241,.5)}.vp-folder-new{display:flex;align-items:center;justify-content:center;min-height:196px;text-align:center;border-style:dashed;border-color:rgba(139,92,246,.45);background:linear-gradient(180deg,rgba(139,92,246,.07),rgba(34,211,238,.035))}.vp-folder-new:hover{border-color:rgba(139,92,246,.9);background:linear-gradient(180deg,rgba(139,92,246,.12),rgba(34,211,238,.06))}.vp-folder-new:focus-visible{outline:2px solid rgba(139,92,246,.8);outline-offset:3px}.vp-folder-new .vp-new-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px}.vp-folder-new .vp-new-plus{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:300;line-height:1;color:#c4b5fd;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.45);transition:transform .22s ease,box-shadow .22s ease,color .22s ease}.vp-folder-new:hover .vp-new-plus{transform:scale(1.08);color:#fff;box-shadow:0 0 0 6px rgba(139,92,246,.12),0 8px 24px rgba(139,92,246,.35)}.vp-folder-new .vp-new-title{font-size:14.5px;font-weight:700}.vp-folder-new .vp-new-sub{font-size:11.5px;color:var(--muted);line-height:1.6}body.light .vp-folder-new{background:linear-gradient(180deg,rgba(99,102,241,.05),rgba(34,211,238,.03))}@media(prefers-reduced-motion:reduce){.vp-folder-new .vp-new-plus,.vp-folder-new:hover .vp-new-plus{transition:none;transform:none}}.vp-empty{text-align:center;padding:70px 20px;border:1px dashed var(--empty-border);border-radius:var(--radius);background:rgba(20,24,36,.4)}.vp-empty .ic{font-size:54px;margin-bottom:14px;opacity:.8}.vp-empty h3{font-size:19px;margin-bottom:6px}.vp-empty p{color:var(--muted);font-size:13px;margin-bottom:22px}.vp-mask{position:fixed;inset:0;z-index:200;background:var(--mask-bg);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .22s}.vp-mask.on{opacity:1;pointer-events:auto}.vp-modal{width:92%;max-width:420px;background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow);transform:translateY(14px) scale(.98);transition:transform .22s}.vp-mask.on .vp-modal{transform:translateY(0) scale(1)}.vp-modal-title{font-size:17px;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:8px}.vp-modal-title::before{content:"";width:4px;height:18px;border-radius:3px;background:var(--grad)}.vp-modal-body p{color:var(--muted);font-size:13.5px;margin-bottom:6px}.vp-input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:14px;outline:none;font-family:var(--font);transition:border-color .2s}.vp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.18)}.vp-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.vp-toast{position:fixed;top:76px;left:50%;transform:translateX(-50%) translateY(-8px);z-index:999;padding:11px 22px;border-radius:12px;font-size:13.5px;color:#fff;opacity:0;pointer-events:none;transition:all .3s;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.vp-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}.vp-toast.success{background:rgba(52,211,153,.92)}.vp-toast.error{background:rgba(248,113,113,.92)}.vp-toast.info{background:rgba(99,102,241,.92)}.vp-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:12px}.vp-tab{padding:8px 18px;border-radius:10px;color:var(--muted);font-size:14px;cursor:pointer;border:1px solid transparent;transition:all .2s;font-family:var(--font);background:transparent}.vp-tab:hover{color:var(--text);background:var(--bg3)}.vp-tab.on{color:#fff;background:rgba(99,102,241,.16);border-color:rgba(99,102,241,.45)}.vp-panel{display:none}.vp-panel.on{display:block;animation:vpFade .25s ease}@keyframes vpFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.vp-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.vp-asset{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;transition:all .2s}.vp-asset:hover{border-color:rgba(99,102,241,.4);transform:translateY(-2px)}.vp-asset-img{width:100%;height:140px;object-fit:cover;background:var(--bg2);display:block}.vp-asset-img.err{display:flex;align-items:center;justify-content:center;font-size:40px}.vp-asset-body{padding:12px 14px}.vp-asset-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-asset-sub{color:var(--dim);font-size:11.5px;margin-top:3px}.vp-asset-ops{display:flex;gap:8px;margin-top:12px}.vp-asset-ops .vp-btn{flex:1}.vp-asset .status-chip{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:rgba(52,211,153,.16);color:var(--green)}.vp-asset .status-chip.wait{background:rgba(155,163,181,.16);color:var(--muted)}.vp-result{margin-top:14px;padding:12px 14px;border-radius:10px;background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.22);font-size:12.5px;color:var(--muted);max-height:160px;overflow:auto;white-space:pre-wrap}.vp-upload{border:1.5px dashed var(--dashed-border);border-radius:var(--radius);padding:30px 20px;text-align:center;margin-bottom:20px;cursor:pointer;transition:all .2s}.vp-upload:hover{border-color:var(--primary);background:rgba(99,102,241,.06)}.vp-upload .u-ic{font-size:30px;margin-bottom:6px}.vp-upload .u-t{font-weight:600}.vp-upload .u-s{color:var(--dim);font-size:12px;margin-top:2px}.vp-upload.drag-over{border-color:var(--primary);background:rgba(99,102,241,.1);box-shadow:inset 0 0 0 2px rgba(99,102,241,.35),0 0 24px rgba(99,102,241,.25);transform:scale(1.012)}.vp-upload.drag-over .u-ic{transform:scale(1.15)}.vp-upload .u-ic{display:inline-block;transition:transform .2s}.crop-box{position:relative;max-width:480px;width:100%;margin:0 auto;background:var(--bg3);border-radius:10px;overflow:hidden;cursor:crosshair;user-select:none}#cropCanvas{display:block;width:100%;height:auto}.crop-selection{position:absolute;border:1.5px solid #22D3EE;background:rgba(34,211,238,.15);box-shadow:0 0 0 9999px var(--crop-shadow);pointer-events:none}.crop-handles{position:absolute;inset:0;pointer-events:none}.crop-handles i{position:absolute;width:10px;height:10px;border:1.5px solid #22D3EE;background:#fff;border-radius:2px}.crop-ratios{display:flex;gap:8px;justify-content:center;margin:14px 0 4px;flex-wrap:wrap}.crop-ratio-btn{padding:5px 14px;border-radius:18px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12px;cursor:pointer;transition:all .15s;font-family:var(--font)}.crop-ratio-btn:hover{color:var(--text)}.crop-ratio-btn.on{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.55);color:#fff}.crop-info{text-align:center;color:var(--dim);font-size:12px;margin-top:8px}.vp-music-row{display:flex;align-items:center;gap:14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.vp-music-row .m-ic{font-size:22px}.vp-music-row .m-info{flex:1;min-width:0}.vp-music-row .m-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-music-row .m-meta{color:var(--dim);font-size:12px;margin-top:2px}.vp-music-row .m-actions{display:flex;gap:8px;align-items:center}audio{height:34px;max-width:220px}.vp-tasks{display:flex;flex-direction:column;gap:12px}.vp-task{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.vp-task-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vp-task-status{padding:2px 10px;border-radius:20px;font-size:11.5px;font-weight:600}.vp-task-status.pending{background:rgba(155,163,181,.16);color:var(--muted)}.vp-task-status.running{background:rgba(96,165,250,.16);color:var(--blue)}.vp-task-status.done{background:rgba(52,211,153,.16);color:var(--green)}.vp-task-status.error{background:rgba(248,113,113,.16);color:var(--red)}.vp-task-msg{color:var(--muted);font-size:12.5px;margin-top:6px}.vp-bar{height:6px;border-radius:4px;background:var(--bg4);margin-top:10px;overflow:hidden}.vp-bar i{display:block;height:100%;border-radius:4px;background:var(--grad);transition:width .4s ease}.vp-task-time{margin-left:auto;color:var(--dim);font-size:11.5px}.vp-task-links{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.vp-editor-card{background:linear-gradient(135deg,rgba(99,102,241,.16),rgba(34,211,238,.1));border:1px solid rgba(99,102,241,.35);border-radius:var(--radius);padding:34px 28px;text-align:center}.vp-editor-card .e-ic{font-size:46px;margin-bottom:12px}.vp-editor-card h3{font-size:20px;margin-bottom:6px}.vp-editor-card p{color:var(--muted);font-size:13px;margin-bottom:22px}.vp-loading{text-align:center;color:var(--dim);padding:60px 0;font-size:13px}.vp-loading::after{content:"";display:block;width:26px;height:26px;margin:14px auto 0;border:3px solid var(--bg4);border-top-color:var(--primary);border-radius:50%;animation:vpSpin .8s linear infinite}@keyframes vpSpin{to{transform:rotate(360deg)}}.vp-foot{border-top:1px solid var(--border);padding:20px 0;text-align:center;color:var(--dim);font-size:12px}@media(max-width:640px){.vp-top-in{padding:0 14px}.vp-main{padding:20px 14px 40px}.vp-title{font-size:21px}}