.vcc{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);max-width:1100px;box-shadow:0 14px 40px var(--shadow-a);margin-inline:auto;overflow:hidden}.vcc__drop{background:radial-gradient(circle at 50% 0%,var(--accent-soft),transparent 58%);place-items:center;min-height:330px;padding:32px;transition:background .2s;display:grid}.vcc__drop.is-over{background:var(--accent-soft)}.vcc__drop input{opacity:0;width:1px;height:1px;position:absolute}.vcc__drop-label{cursor:pointer;text-align:center;justify-items:center;gap:8px;display:grid}.vcc__drop-label strong{font-size:1.16rem}.vcc__drop-label>span:not(.vcc__drop-icon){color:var(--text-muted)}.vcc__drop-label small{color:var(--text-subtle);margin-top:7px;font-size:.74rem}.vcc__drop-icon{background:var(--accent);width:60px;height:60px;color:var(--on-accent);box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 28%,transparent);border-radius:18px;place-items:center;font-size:2rem;display:grid}.vcc__drop-label:focus-within{outline:2px solid var(--focus);outline-offset:6px}.vcc__workspace{padding:16px}.vcc__workspace[hidden]{display:none}.vcc__topline{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.vcc__filemeta{align-items:center;gap:10px;min-width:0;display:flex}.vcc__filemeta>div{gap:2px;min-width:0;display:grid}.vcc__filemeta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vcc__filemeta span:last-child{color:var(--text-muted);font-size:.75rem}.vcc__badge{background:var(--accent-soft);width:42px;height:30px;color:var(--accent-text);font:700 .62rem var(--font-mono);letter-spacing:.04em;border-radius:8px;place-items:center;display:grid}.vcc__preview{border-radius:var(--r-md);background:#101218;place-items:center;min-height:270px;display:grid;position:relative;overflow:hidden}.vcc__preview video{width:100%;max-width:100%;max-height:480px;display:block}.vcc__duration{color:#fff;font:600 .7rem var(--font-mono);background:#101218b3;border-radius:999px;padding:4px 8px;position:absolute;top:12px;right:12px}.vcc__controls{grid-template-columns:1.7fr 1.1fr 1fr 1.1fr;gap:12px;margin-top:16px;display:grid}.vcc__control{gap:6px;min-width:0;display:grid}.vcc__control label{color:var(--text-muted);font-size:.72rem;font-weight:600}.vcc__input{gap:6px;display:flex}.vcc__input input{border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;padding:9px 10px}.vcc__input .select{min-width:68px}.vcc__presets{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;padding:10px 12px;font-size:.74rem;display:flex}.vcc__presets button{border:1px solid var(--border-input);background:var(--surface);color:var(--text);font:600 .72rem var(--font-mono);cursor:pointer;border-radius:999px;padding:4px 10px}.vcc__presets button:hover{border-color:var(--accent);color:var(--accent-text)}.vcc__estimate{border-radius:var(--r-sm);background:var(--surface-inset);flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:16px;padding:13px 15px;display:flex}.vcc__estimate>span:first-child{color:var(--text-muted);font-size:.74rem}.vcc__estimate strong{font-size:1.03rem}.vcc__estimate span:last-child{color:var(--text-subtle);font-size:.72rem}.vcc__actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;display:flex}.vcc__status{color:var(--text-muted);font-size:.78rem}.vcc__status[data-kind=error]{color:var(--danger)}.vcc .btn--primary:disabled{opacity:.6}@media (width<=760px){.vcc__controls{grid-template-columns:1fr 1fr}.vcc__control--wide{grid-column:1/-1}.vcc__topline{align-items:flex-start}.vcc__actions{flex-direction:column;align-items:stretch}.vcc__actions .btn{width:100%}}@media (width<=500px){.vcc__workspace{padding:10px}.vcc__drop{min-height:260px}.vcc__controls{grid-template-columns:1fr}.vcc__control--wide{grid-column:auto}.vcc__topline{gap:8px}.vcc__topline .btn{padding-inline:9px}.vcc__preview{min-height:210px}}@media (prefers-reduced-motion:reduce){.vcc__drop{transition:none}}.vcc__topactions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.vcc__host{width:100%}.vcc__host>.vcc{width:100%;max-width:none}.vcc__host>.vcc:focus-within{box-shadow:none}.vcc__host .vcc__preview{height:min(46dvh,520px);min-height:260px}.vcc__host .vcc__preview video{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.vcc__host [data-vc=expand]{display:none}@media (width<=500px){.vcc__topactions{justify-content:flex-start}.vcc__topactions .btn{font-size:.73rem}}.tm--compress,.tm--videocompress{--tm-cycle:7s}.tm-cp-line{stroke:var(--text);stroke-width:1.5px}.tm-cp-grip{fill:var(--text)}.tm-cp-chev{stroke:var(--surface);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.tm-cp-div{animation:tm-cp-div var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-div{0%,10%{opacity:0;transform:translate(-69px)}20%{opacity:1;transform:translate(-69px)}44%{opacity:1;transform:translate(60px)}58%,92%{opacity:1;transform:none}to{opacity:0;transform:translate(-69px)}}.tm-cp-barbefore{fill:var(--border-strong)}.tm-cp-barafter{fill:var(--accent);transform-origin:0;animation:tm-cp-bar var(--tm-cycle) var(--ease) infinite;transform:scaleX(.21)}@keyframes tm-cp-bar{0%,46%{transform:scaleX(1)}64%,92%{transform:scaleX(.21)}to{transform:scaleX(1)}}.tm-cp-read{animation:tm-cp-read var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-read{0%,50%{opacity:0;transform:translateY(3px)}64%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(3px)}}.tm-cp-rail{stroke:var(--border-strong);stroke-width:2px;stroke-linecap:round}.tm-cp-thumb{fill:var(--accent);animation:tm-cp-thumb var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-thumb{0%,16%{transform:translate(75px)}46%,92%{transform:none}to{transform:translate(75px)}}.tm-cp-tick{stroke:var(--success);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:0;animation:tm-cp-tick var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-tick{0%,62%{stroke-dashoffset:14px}74%,92%{stroke-dashoffset:0}to{stroke-dashoffset:14px}}.tm-cp-done{animation:tm-cp-done var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-done{0%,58%{opacity:0;transform:scale(.8)}70%,92%{opacity:1;transform:none}to{opacity:0;transform:scale(.8)}}