.vcv-page{width:min(100%,640px);margin:0 auto;padding:24px 4px 62px;animation:vcv-enter .26s var(--ease-out)}.vcv-header{display:flex;align-items:center;gap:14px;margin-bottom:27px}.vcv-header-icon,.vcv-drop-icon{display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(54,124,238,.18);border-radius:12px;color:var(--accent);background:var(--accent-soft)}.vcv-header-icon{width:50px;height:50px}.vcv-title{margin:0 0 4px;color:var(--text);font-size:1.4rem;font-weight:800;line-height:1.2}.vcv-sub{margin:0;color:var(--text-muted);font-size:.84rem;line-height:1.65}.vcv-section{position:relative;margin-bottom:17px}.vcv-section-label{margin:0 0 8px;padding-inline:4px;color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:1.35px;text-transform:uppercase}.vcv-drop-zone{min-height:158px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:28px 16px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);background:var(--bg-elevated);text-align:center;cursor:pointer;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),transform .16s var(--ease-out)}.vcv-drop-zone:hover,.vcv-drop-zone.drag-active{border-color:var(--accent);background:#367cee0f}.vcv-drop-zone.drag-active{transform:translateY(-1px)}.vcv-drop-zone.has-file{border-color:#00d4aa8c;background:#00d4aa0b}.vcv-drop-zone.has-file .vcv-drop-icon{border-color:#00d4aa33;color:var(--accent-2);background:#00d4aa17}.vcv-drop-zone.is-loading .vcv-drop-icon{animation:vcv-pulse 1s ease-in-out infinite}.vcv-drop-icon{width:52px;height:52px}.vcv-drop-zone strong{max-width:100%;overflow-wrap:anywhere;color:var(--text);font-size:.91rem;font-weight:800}.vcv-drop-zone>span:last-of-type{color:var(--text-muted);font-size:.71rem}.vcv-drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.vcv-status{margin-bottom:17px;padding:15px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);text-align:center}.vcv-status strong{display:block;margin-bottom:10px;color:var(--accent);font-size:.81rem}.vcv-status>div{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-strong)}.vcv-status i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 8px #367cee9e;transition:width .18s var(--ease-out)}.vcv-status>span{display:block;margin-top:8px;color:var(--text-muted);font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace}.vcv-stats{display:flex;gap:10px;margin-bottom:17px}.vcv-stats>div{flex:1;padding:13px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);text-align:center}.vcv-stats span{display:block;margin-bottom:5px;color:var(--text-muted);font-size:.69rem;font-weight:700}.vcv-stats b{display:block;font:800 1rem ui-monospace,SFMono-Regular,Menlo,monospace}.vcv-red{color:var(--danger)}.vcv-green{color:var(--accent-2)}.vcv-btn{width:100%;min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:.9rem;font-weight:850;transition:transform .16s var(--ease-out),filter .16s var(--ease-out)}.vcv-btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.07)}.vcv-btn:not(:disabled):active{transform:scale(.98)}.vcv-btn-play{margin-bottom:12px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 7px 20px #367cee33}.vcv-btn-success{color:#001e19;background:var(--accent-2);box-shadow:0 7px 20px #00d4aa2b}.vcv-timeline{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);direction:ltr;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color .16s var(--ease-out)}.vcv-timeline:hover,.vcv-timeline.scrubbing{border-color:var(--accent-2)}.vcv-time{min-width:38px;color:var(--text-muted);font:800 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.vcv-track{position:relative;flex:1;height:8px;border-radius:999px;background:var(--surface-strong)}.vcv-track>i:first-child{position:absolute;top:0;left:0;z-index:1;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));pointer-events:none}.vcv-track>i:last-child{position:absolute;z-index:2;top:50%;left:0;width:18px;height:18px;border:3px solid var(--accent-2);border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006;pointer-events:none;transition:transform .15s var(--ease-out)}.vcv-timeline.scrubbing .vcv-track>i:last-child{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 0 6px #00d4aa2e}.vcv-download{display:flex;flex-direction:column;gap:12px}.vcv-format{display:block}.vcv-format select{width:100%;min-height:43px;padding:8px 30px 8px 12px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--bg-elevated);font:700 .79rem Tajawal,sans-serif;outline:none}.vcv-format select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.vcv-format>.arsenal-select-host{display:block;width:100%}.vcv-format .arsenal-select__button{min-height:43px;border-radius:7px;font-size:.79rem}.vcv-page [hidden]{display:none!important}@keyframes vcv-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes vcv-pulse{50%{transform:scale(.94);opacity:.65}}@media(max-width:520px){.vcv-page{padding-top:16px}.vcv-header{margin-bottom:22px}.vcv-title{font-size:1.25rem}.vcv-stats{flex-direction:column}.vcv-timeline{gap:7px;padding-inline:10px}.vcv-time{min-width:34px;font-size:.68rem}}@media(max-width:520px){.vcv-page{padding-inline:0}.vcv-stats{flex-direction:row;gap:10px}.vcv-stats>div{min-width:0;padding:13px 7px}.vcv-stats span{font-size:.67rem}.vcv-stats b{font-size:.94rem;letter-spacing:-.02em}.vcv-download{gap:10px}.vcv-format .arsenal-select__button{min-height:48px;padding:10px 13px;border-radius:10px;font-size:.86rem}}