.vd-page{--mtd-media-ratio:16 / 9;padding-block-start:var(--mw-space-4)}.vd-hero{--vd-control:48px;padding-block:var(--mw-space-10) var(--mtd-section-space);color:var(--mw-text);font-size:var(--mw-type-body);line-height:var(--mw-leading-body);text-align:center;overflow-wrap:normal;flex-direction:column;align-items:center;display:flex}.vd-hero+.mtd-section{border-block-start:1px solid var(--mw-border)}.vd-hero .vd-tiles{isolation:isolate;justify-content:center;align-items:center;display:flex}.vd-tile{--vd-tile:60px;z-index:2;width:var(--vd-tile);height:var(--vd-tile);flex-shrink:0;place-items:center;display:grid;position:relative}.vd-tile+.vd-tile{margin-inline-start:calc(var(--mw-space-4) * -1)}.vd-tile[data-size=sm]{--vd-tile:52px;z-index:1}.vd-tile[data-size=lg]{--vd-tile:72px;z-index:3}.vd-tile-face{border:1px solid var(--mw-border);border-radius:var(--mw-radius-md);background:var(--mw-card);width:100%;height:100%;color:var(--mw-text);place-items:center;display:grid}.vd-tile[data-size=sm] .vd-tile-face{background:var(--mw-panel)}.vd-tile[data-size=lg] .vd-tile-face{border-radius:var(--mw-radius-lg);background:var(--mw-flyout)}.vd-tile:has(~.vd-tile[data-size=lg]) .vd-tile-face{padding-inline-end:var(--mw-space-4)}.vd-tile[data-size=lg]~.vd-tile .vd-tile-face{padding-inline-start:var(--mw-space-4)}.vd-hero .vd-title{font-size:var(--mtd-h1-size);letter-spacing:-.025em;margin-block-start:var(--mw-space-6);line-height:1.2}.vd-hero .vd-lede{max-width:var(--mtd-reading-width);color:var(--mw-muted);font-size:var(--mw-type-heading);line-height:var(--mw-leading-heading);text-wrap:balance;margin-block-start:var(--mw-space-4)}.vd-tool{width:100%;max-width:var(--mtd-reading-width);margin-block-start:var(--mw-space-10);scroll-margin-block-start:calc(var(--mw-banner-height) + var(--mw-header-height) + 24px)}.vd-form{align-items:center;gap:var(--mw-space-2);display:flex}.vd-field{direction:ltr;flex:1;min-width:0;position:relative}.vd-field-icon{color:var(--mw-muted);pointer-events:none;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-start:var(--mw-space-4)}.vd-field-icon>svg{animation:vd-pop var(--mw-transition)}.vd-field-icon[data-recognized]{color:var(--mw-text)}.vd-input{width:100%;height:var(--vd-control);padding-block:0;padding-inline:44px var(--mw-space-4);border:1px solid var(--mw-border);border-radius:var(--mw-radius);background:var(--mw-panel);color:var(--mw-text);font:inherit;font-size:var(--mw-type-body);line-height:var(--mw-leading-body);text-overflow:ellipsis;transition:border-color var(--mw-transition), box-shadow var(--mw-transition), background-color var(--mw-transition);outline:none}.vd-input::placeholder{color:var(--mw-faint);opacity:1}.vd-field:has(.vd-field-action) .vd-input{padding-inline-end:48px}.vd-field:has(.vd-paste) .vd-input{padding-inline-end:96px}.vd-input:hover{border-color:var(--mw-hover)}.vd-hero .vd-input:focus-visible{border-color:var(--mw-brand);box-shadow:inset 0 0 0 1px var(--mw-brand);outline:none}.vd-hero .vd-input[aria-invalid=true]{border-color:var(--destructive)}.vd-hero .vd-input[aria-invalid=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--destructive)}.vd-input:read-only{color:var(--mw-muted)}.vd-hero .vd-field[data-dragging] .vd-input{border-style:dashed;border-color:var(--mw-brand);background:var(--mw-brand-soft)}.vd-hero .vd-field-action{justify-content:center;align-items:center;gap:var(--mw-space-1);min-width:32px;height:32px;padding-inline:var(--mw-space-2);border-radius:var(--mw-radius-sm);color:var(--mw-muted);transition:background-color var(--mw-transition), color var(--mw-transition);background:0 0;border:0;margin-block:auto;font-weight:500;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:var(--mw-space-2)}.vd-hero .vd-field-action:hover{background:var(--mw-field);color:var(--mw-text)}.vd-hero .vd-paste{padding-inline:var(--mw-space-3);background:var(--mw-field);color:var(--mw-secondary)}.vd-hero .vd-paste:hover{background:var(--mw-hover);color:var(--mw-text)}.vd-form .vd-download{min-width:136px;height:var(--vd-control);white-space:nowrap;transition:filter var(--mw-transition);flex-shrink:0;font-weight:600}.vd-download:hover:enabled{filter:brightness(1.1)}.vd-hero .vd-download:disabled{cursor:progress;opacity:.6}.vd-download>span{align-items:center;gap:var(--mw-space-2);display:inline-flex}.vd-download svg{flex-shrink:0;width:16px;height:16px}[dir=rtl] .vd-download .vd-arrow{transform:scaleX(-1)}.vd-hero .vd-note{min-height:var(--mw-leading-body);color:var(--mw-muted);font-size:var(--mw-type-label);line-height:var(--mw-leading-body);justify-content:center;align-items:flex-start;margin-block-start:var(--mw-space-3);display:flex}.vd-note strong{color:var(--mw-secondary);font-weight:600}.vd-hero .vd-note[data-tone=error]{color:var(--destructive);text-wrap:balance;display:block}.vd-note>svg{vertical-align:-3px;margin-inline-end:var(--mw-space-1);display:inline-block}.vd-slot{text-align:start;transition:grid-template-rows var(--mw-transition);grid-template-rows:0fr;display:grid}.vd-slot[data-open]{grid-template-rows:1fr}.vd-slot-clip{min-height:0;overflow:hidden}.vd-slot-pad{padding-block-start:var(--mw-space-5)}.vd-card{border:1px solid var(--mw-border);border-radius:var(--mw-radius-md);background:var(--mw-panel);animation:vd-rise var(--mw-transition) both;scroll-margin-block:calc(var(--mw-banner-height) + var(--mw-header-height) + 16px) 24px;overflow:hidden}.vd-card-main{align-items:center;gap:var(--mw-space-4);padding:var(--mw-space-3);display:flex}.vd-poster{aspect-ratio:16/9;border-radius:var(--mw-radius);background:var(--mw-card);flex-shrink:0;place-items:center;width:128px;display:grid;position:relative;overflow:hidden}.vd-poster-tile{border:1px solid var(--mw-border);border-radius:var(--mw-radius);background:var(--mw-flyout);width:40px;height:40px;color:var(--mw-text);place-items:center;display:grid}.vd-poster-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vd-poster-time{padding-inline:var(--mw-space-1);border-radius:var(--mw-radius-xs);background:var(--mw-overlay);color:var(--mw-text);font-size:var(--mw-type-label);font-weight:500;line-height:var(--mw-leading-label);font-variant-numeric:tabular-nums;position:absolute;inset-block-end:var(--mw-space-1);inset-inline-end:var(--mw-space-1)}.vd-card-copy{gap:var(--mw-space-1);flex:1;min-width:0;display:grid}.vd-card-meta{align-items:center;gap:var(--mw-space-2);min-width:0;color:var(--mw-muted);font-size:var(--mw-type-label);line-height:var(--mw-leading-label);display:flex}.vd-chip{height:20px;padding-inline:var(--mw-space-2);border-radius:var(--mw-radius-xs);background:var(--mw-field);color:var(--mw-secondary);flex-shrink:0;align-items:center;font-weight:500;display:inline-flex}.vd-handle,.vd-card-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vd-hero .vd-card-title{white-space:nowrap;color:var(--mw-text);font-size:var(--mw-type-section);font-weight:600;line-height:var(--mw-leading-section)}.vd-card-sub{color:var(--mw-muted);font-size:var(--mw-type-label);line-height:var(--mw-leading-label);font-variant-numeric:tabular-nums}.vd-status{justify-content:space-between;align-items:center;gap:var(--mw-space-3);min-height:56px;padding-block:var(--mw-space-2);padding-inline:var(--mw-space-4) var(--mw-space-3);border-block-start:1px solid var(--mw-border);display:flex;position:relative}.vd-status-copy{align-items:center;gap:var(--mw-space-3);min-width:0;display:flex}.vd-status-copy strong{color:var(--mw-text);font-size:var(--mw-type-body);font-weight:600;line-height:var(--mw-leading-body)}.vd-status-icon{border-radius:var(--mw-radius-lg);flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.vd-status-icon svg{width:16px;height:16px}.vd-status-icon:is([data-tone=brand],[data-tone=success]){background:var(--mw-brand-soft);color:var(--mw-brand)}.vd-status-icon[data-tone=error]{background:color-mix(in srgb, var(--destructive) 16%, transparent);color:var(--destructive)}.vd-status-icon[data-tone=credits]{background:var(--mw-field);color:var(--mw-secondary)}.vd-clock{color:var(--mw-muted);font-size:var(--mw-type-label);line-height:var(--mw-leading-label);font-variant-numeric:tabular-nums;flex-shrink:0}.vd-progress{background:var(--mw-brand-soft);height:2px;position:absolute;inset-block-start:-1px;inset-inline:0;overflow:hidden}.vd-progress:after{content:"";background:linear-gradient(90deg, transparent, var(--mw-brand), transparent);width:36%;animation:1.4s ease-in-out infinite vd-sweep;position:absolute;inset-block:0;inset-inline-start:0}[dir=rtl] .vd-progress:after{animation-name:vd-sweep-rtl}.vd-picker{gap:var(--mw-space-3);padding:var(--mw-space-3) var(--mw-space-4) var(--mw-space-4);border-block-start:1px solid var(--mw-border);display:grid}.vd-picker-label{color:var(--mw-text);font-size:var(--mw-type-label);font-weight:600;line-height:var(--mw-leading-label)}.vd-quality{gap:var(--mw-space-2);min-width:0;border:0;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));min-inline-size:0;margin:0;padding:0;display:grid}.vd-quality:disabled{opacity:.6}.vd-option{min-width:0;display:block;position:relative}.vd-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.vd-quality:disabled .vd-option input{cursor:progress}.vd-hero .vd-option-face{width:100%;min-height:52px;padding:var(--mw-space-2);border:1px solid var(--mw-border);border-radius:var(--mw-radius-sm);color:var(--mw-secondary);font:inherit;font-variant-numeric:tabular-nums;text-align:center;transition:border-color var(--mw-transition), background-color var(--mw-transition), color var(--mw-transition);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.vd-option-name{align-items:center;gap:var(--mw-space-1);font-size:var(--mw-type-body);font-weight:600;line-height:var(--mw-leading-body);display:inline-flex}.vd-option-cost{color:var(--mw-muted);font-size:var(--mw-type-label);line-height:var(--mw-leading-label);white-space:nowrap}.vd-quality:enabled .vd-option:hover input:not(:checked)+.vd-option-face{background:var(--mw-field);color:var(--mw-text)}.vd-option input:checked+.vd-option-face{border-color:var(--mw-brand);background:var(--mw-brand-soft);color:var(--mw-brand)}.vd-option input:checked+.vd-option-face .vd-option-cost{color:var(--mw-brand)}.vd-hero .vd-option input:focus-visible{outline:none}.vd-option input:focus-visible+.vd-option-face{outline:2px solid var(--mw-brand);outline-offset:2px}.vd-card .vd-ghost{white-space:nowrap;transition:background-color var(--mw-transition), color var(--mw-transition);flex-shrink:0;font-weight:500}.vd-card .vd-ghost[data-tone=brand]{background:var(--mw-brand-soft);color:var(--mw-brand)}.vd-card .vd-ghost[data-tone=brand]:hover{background:color-mix(in srgb, var(--mw-brand) 24%, transparent)}.vd-history{gap:var(--mw-space-1);text-align:start;animation:vd-rise var(--mw-transition) both;margin-block-start:var(--mw-space-5);display:grid}.vd-hero .vd-history-item{align-items:center;gap:var(--mw-space-3);width:100%;min-height:44px;padding-block:var(--mw-space-2);padding-inline:var(--mw-space-2) var(--mw-space-3);border-radius:var(--mw-radius);color:var(--mw-secondary);font:inherit;text-align:start;transition:background-color var(--mw-transition), border-color var(--mw-transition), color var(--mw-transition);background:0 0;border:1px solid #0000;display:flex}.vd-hero .vd-history-item:hover:enabled{border-color:var(--mw-border);background:var(--mw-panel);color:var(--mw-text)}.vd-hero .vd-history-item:focus-visible{outline:2px solid var(--mw-brand);outline-offset:2px}.vd-hero .vd-history-item:disabled{cursor:progress;opacity:.6}.vd-history-mark{border:1px solid var(--mw-border);border-radius:var(--mw-radius-sm);background:var(--mw-card);width:28px;height:28px;color:var(--mw-text);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.vd-history-image{object-fit:cover;width:100%;height:100%}.vd-history-title{min-width:0;font-size:var(--mw-type-body);line-height:var(--mw-leading-body);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.vd-history-meta{gap:var(--mw-space-2);color:var(--mw-muted);font-size:var(--mw-type-label);line-height:var(--mw-leading-label);font-variant-numeric:tabular-nums;flex-shrink:0;display:flex}.vd-history-meta>span+span:before{content:"·";margin-inline-end:var(--mw-space-2)}.vd-spin{animation:.9s linear infinite vd-spin}.vd-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes vd-rise{0%{opacity:0;transform:translateY(var(--mw-space-1))}}@keyframes vd-pop{0%{opacity:0;scale:.7}}@keyframes vd-sweep{0%{transform:translate(-100%)}to{transform:translate(280%)}}@keyframes vd-sweep-rtl{0%{transform:translate(100%)}to{transform:translate(-280%)}}@keyframes vd-spin{to{transform:rotate(360deg)}}.vd-split{align-items:center;gap:var(--mtd-content-gap);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid}.vd-split[data-reversed=true]>.mtd-media-frame{order:2}.vd-benefits{gap:var(--mw-space-6);display:grid}.vd-benefits>li,.vd-platforms>li{align-items:flex-start;gap:var(--mw-space-4);min-width:0;display:flex}.vd-benefits>li>div,.vd-platforms>li>div{gap:var(--mw-space-1);min-width:0;display:grid}.vd-benefit-icon,.vd-platform-mark{border:1px solid var(--mw-border);background:var(--mw-panel);width:40px;height:40px;color:var(--mw-brand);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.vd-platform-mark{background:var(--mw-card);color:var(--mw-text)}.vd-benefits h3{font-size:17px;line-height:1.45}.vd-benefits p,.vd-platforms p,.vd-cases p{color:var(--mw-muted);font-size:15px;line-height:1.6}.vd-platforms{gap:var(--mw-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vd-platforms>li{align-items:center;gap:var(--mw-space-3);border:1px solid var(--mw-border);border-radius:var(--mw-radius-md);background:var(--mw-panel);padding:14px}.vd-platforms>li>div{gap:0}.vd-platforms h3{font-size:15px;line-height:1.45}.vd-platforms p{font-size:13px;line-height:1.5}.vd-page .mtd-media-frame[data-size=intro],.vd-page .vd-steps,.vd-page .vd-cases{max-width:880px;margin-inline:auto}.vd-page .vd-steps{margin-block-start:var(--mw-space-10)}.vd-page .vd-cases{gap:var(--mw-space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--mw-space-6);display:grid}.vd-cases>li{gap:var(--mw-space-3);min-width:0;padding:var(--mw-space-6);border:1px solid var(--mw-border);border-radius:var(--mw-radius-lg);background:var(--mw-panel);grid-template-rows:auto 1fr auto;display:grid}.vd-cases h3{font-size:18px;line-height:1.4}.vd-cases .mtd-text-action{min-height:0;margin-block-start:var(--mw-space-1);font-size:14px}@container tool-detail (max-width:850px){.vd-split{gap:var(--mw-space-8);grid-template-columns:minmax(0,1fr)}.vd-split[data-reversed=true]>.mtd-media-frame{order:0}.vd-split>.mtd-media-frame{max-width:680px;margin-inline:auto}.vd-page .vd-cases{grid-template-columns:minmax(0,1fr)}}@container tool-detail (max-width:620px){.vd-hero{padding-block-start:var(--mw-space-8)}.vd-hero .vd-lede{font-size:var(--mw-type-section);line-height:var(--mw-leading-section);margin-block-start:var(--mw-space-3)}.vd-tool{margin-block-start:var(--mw-space-8)}.vd-input{font-size:var(--mw-type-section)}.vd-form{flex-direction:column;align-items:stretch}.vd-form .vd-download{width:100%}.vd-card-main{gap:var(--mw-space-3)}.vd-poster{width:112px}.vd-poster-tile{width:32px;height:32px}.vd-status{padding-inline:var(--mw-space-3)}.vd-platforms{grid-template-columns:minmax(0,1fr)}.vd-cases>li{padding:var(--mw-space-5)}}@container tool-detail (max-width:480px){.vd-form .vd-download{min-width:0}.vd-card-main{align-items:flex-start}.vd-poster{width:96px}.vd-hero .vd-card-title{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box}.vd-status{flex-wrap:wrap}.vd-status-copy{flex:auto}.vd-card .vd-ghost{min-height:40px}.vd-picker{padding:var(--mw-space-3)}.vd-quality{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.vd-hero .vd-option-face{min-height:48px;padding-inline:var(--mw-space-1)}}@media (pointer:coarse){.vd-input{font-size:var(--mw-type-section)}.vd-field-action:after{content:"";inset:calc(var(--mw-space-2) * -1);position:absolute}}@media (prefers-reduced-motion:reduce){.vd-hero *,.vd-hero :before,.vd-hero :after{transition:none!important;animation:none!important}}
