.video-page{padding-top:12px}.video-page [hidden]{display:none!important}.video-page .visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.video-hero{padding:12px 0 40px}.video-heading{text-align:center;max-width:760px;margin:0 auto 24px}.video-heading .eyebrow{margin:0 0 10px;font-size:11px}.video-heading h1{letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(29px,4.2vw,46px);line-height:1.12}.video-tagline{margin:0 0 8px;font-size:21px;font-weight:600}.video-workspace{--video-preview-ratio:1.77778;--video-preview-max-height:340px;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 10px 30px var(--shadow);scroll-margin-top:90px;overflow:clip}.video-upload-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;padding:14px 20px;transition:background .15s;display:flex}.video-upload-row.is-dragging{background:var(--surface-2);outline:2px dashed var(--focus);outline-offset:-6px}.video-upload-actions{flex:320px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;min-width:0;display:grid}.video-upload-actions .button{width:100%}.video-upload-row p{color:var(--ink-muted);align-items:center;gap:14px;margin:0;font-size:12px;display:flex}.video-upload-row p:before{content:"";background:var(--line-strong);width:1px;height:16px;display:none}@media (width>=961px){.video-upload-row p:before{display:block}}.video-page .button{cursor:pointer;min-height:42px}.video-page button:disabled{opacity:.5;cursor:not-allowed}.video-workspace.is-busy label[for=videoInput]{opacity:.5;cursor:wait}.video-view-switch,.video-mobile-bar{display:none}.video-editor-grid{grid-template-columns:minmax(0,1fr) 290px;display:grid}.video-preview-panel{flex-direction:column;min-width:0;padding:18px;display:flex}.video-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.video-comparison figure{min-width:0;margin:0}.video-comparison figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.video-comparison figcaption span{color:var(--ink-muted);font-size:11px}.video-screen{width:min(100%, calc(var(--video-preview-max-height) * var(--video-preview-ratio)));aspect-ratio:var(--video-preview-ratio);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);margin-inline:auto;position:relative;overflow:hidden}.video-screen video{object-fit:contain;background:#0b0e0b;width:100%;min-width:0;height:100%;display:block;position:absolute;inset:0}.video-empty{background-image:linear-gradient(var(--checker) 1px, transparent 1px), linear-gradient(90deg, var(--checker) 1px, transparent 1px);background-size:24px 24px;flex-direction:column;justify-content:center;padding:20px;display:flex;position:absolute;inset:0}.video-empty>span{color:var(--ink-faint);letter-spacing:.08em;margin-bottom:22px;font:10px ui-monospace,monospace}.video-empty strong{letter-spacing:-.02em;font-size:clamp(17px,1.8vw,23px);line-height:1.2}.video-empty p{color:var(--ink-muted);margin:10px 0 0;font-size:12px;line-height:1.5}.video-empty-result{background-size:12px 12px}.video-meta{min-height:32px;color:var(--ink-muted);margin:10px 0 0;font-size:11px;line-height:1.5}.video-export-strip{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:14px;padding-top:14px;display:flex}.video-export-strip .video-size-change{flex:220px;margin:0}.video-export-strip .button{flex:none;gap:8px;min-height:40px;margin:0;padding:0 16px}.video-preview-footer{color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}#videoFileName{overflow-wrap:anywhere;max-width:100%}.video-text-button{cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.video-controls{border-left:1px solid var(--line);background:var(--surface-2);min-width:0;padding:18px 18px 16px}.video-controls fieldset{border:0;min-width:0;margin:0;padding:0}.video-controls legend{margin:0 0 12px;padding:0;font-size:13px;font-weight:600}.video-preset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.video-preset{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer;align-content:start;gap:3px;width:100%;padding:8px 10px;display:grid}.video-preset:last-child{grid-column:1/-1}.video-preset strong{font-size:13px;font-weight:600}.video-preset span{color:var(--ink-muted);font-size:10.5px;line-height:1.35}.video-preset.is-active{border-color:var(--primary);box-shadow:inset 3px 0 var(--primary)}.video-fine-tune{border-block:1px solid var(--line);margin:12px 0;padding:10px 0}.video-fine-tune summary{cursor:pointer;font-size:12px}.video-fine-tune label{justify-content:space-between;gap:5px;margin:12px 0 6px;font-size:12px;display:flex}.video-fine-tune label span,.video-fine-tune output{color:var(--ink-muted)}.video-fine-tune input[type=range]{width:100%;accent-color:var(--primary);margin:8px 0;display:block}.video-fine-tune p{color:var(--ink-muted);margin:4px 0 0;font-size:11px;line-height:1.45}.video-controls select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);font:inherit;padding:8px 9px;font-size:12px}.video-format-row{align-items:center;gap:10px;display:flex}.video-format-row .video-format-label{flex:none;font-size:12px}.video-format-row select{flex:auto;min-width:0}.video-audio-label{align-items:center;gap:8px;margin:10px 0 0;font-size:12px;display:flex}.video-audio-label input{accent-color:var(--primary)}.video-plan{color:var(--ink-muted);margin:12px 0 6px;font-size:11px;line-height:1.5}.video-controls>.button{justify-content:center;width:100%;margin-top:8px;font-size:13px;display:flex}.video-progress{margin-top:14px}.video-progress label{margin-bottom:8px;font-size:12px;display:block}.video-progress progress{width:100%;height:8px;accent-color:var(--primary)}.video-progress .button{width:100%;margin-top:10px}.video-size-change{color:var(--ink-muted);margin:10px 0 0;font-size:12px;line-height:1.5}.video-status{border-bottom:1px solid var(--line);color:var(--ink-muted);margin:0;padding:10px 20px;font-size:12px;line-height:1.5}.video-status.is-error{color:var(--danger)}.video-tool-note{text-align:center;color:var(--ink-muted);margin:14px 0 0;font-size:12px;line-height:1.5}.video-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.video-example-grid figure{min-width:0;margin:0}.video-example-grid video{aspect-ratio:16/9;object-fit:contain;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0b0e0b;width:100%;height:auto;display:block}.video-example-grid figcaption{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;font-size:13px;display:flex}.video-example-grid figcaption span{color:var(--ink-muted)}.video-guide-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.video-guide-grid article{min-width:0;padding:24px 22px 0 0}.video-guide-grid article+article{border-left:1px solid var(--line);padding-left:22px}.video-guide-number{color:var(--ink-faint);margin-bottom:18px;font:11px ui-monospace,monospace;display:block}.video-guide-grid h3{margin:0 0 8px;font-size:17px}.video-guide-grid p,.video-example-note{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.65}.video-page .video-use-card{flex-direction:column;display:flex}.video-page .video-use-meta{border-top:1px solid var(--line);gap:8px;margin:14px 0 0;padding-top:12px;display:grid}.video-page .video-use-card .video-use-meta{margin-top:auto}.video-page .video-use-meta>div{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:10px;display:grid}.video-page .video-use-meta dt{color:var(--ink-faint);letter-spacing:.07em;text-transform:uppercase;padding-top:2px;font:10px/1.4 ui-monospace,monospace}.video-page .video-use-meta dd{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.video-page .video-use-meta .video-use-preset{font-weight:600}.video-updated{color:var(--ink-muted);margin:0;font-size:12px}.video-page :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (width<=960px){.video-editor-grid{grid-template-columns:1fr}.video-view-switch{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;max-width:604px;margin:0 auto 12px;padding:3px;display:grid}.video-view-switch button{border-radius:calc(var(--radius-sm) - 2px);color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:12px;font-weight:600}.video-view-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px var(--shadow)}.video-view-switch button:disabled{opacity:.45;cursor:not-allowed}.video-comparison{grid-template-columns:1fr}.video-comparison figure{width:100%;max-width:604px;margin-inline:auto}.video-preview-panel[data-active-view=original] [data-video-figure=result],.video-preview-panel[data-active-view=result] [data-video-figure=original]{display:none}.video-controls{border-top:1px solid var(--line);border-bottom:0;border-left:0;padding:16px 18px}.video-plan,.video-controls>.button,.video-progress,.video-export-strip{display:none}.video-preset-list{grid-template-columns:repeat(3,minmax(0,1fr))}.video-preset:last-child{grid-column:auto}.video-format-row{max-width:360px}.video-empty>span{margin-bottom:12px}.video-mobile-bar:not([hidden]){z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-strong);background:var(--surface);box-shadow:0 -8px 24px var(--shadow);display:block;position:sticky;bottom:0}.video-mobile-note{color:var(--ink-muted);margin:0 0 8px;font-size:11px;line-height:1.4}.video-mobile-primary{gap:8px;display:grid}.video-mobile-primary .button{width:100%;min-height:46px;margin:0}.video-mobile-progress{gap:6px;display:grid}.video-mobile-progress-head{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.video-mobile-progress progress{width:100%;height:8px;accent-color:var(--primary)}.video-mobile-cancel{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;text-decoration:underline}}@media (width<=720px){.video-hero{padding-top:6px}.video-heading{margin-bottom:18px}.video-heading .eyebrow{display:none}.video-heading h1{font-size:clamp(27px,6.5vw,34px)}.video-tagline{font-size:17px}.video-upload-row{padding:14px}.video-upload-actions{gap:8px;width:100%}.video-upload-actions .button{white-space:nowrap;flex:1;padding:10px;font-size:12px}.video-upload-row p{font-size:10px}.video-preview-panel{padding:14px}.video-comparison{grid-template-columns:1fr;gap:14px}.video-comparison figure+figure{margin-top:0}.video-empty{padding:10px}.video-empty>span{margin-bottom:12px;font-size:8px}.video-empty strong{font-size:14px}.video-empty p{display:none}.video-meta{font-size:10px}.video-preview-footer{gap:4px;padding-top:6px;font-size:11px}.video-export-strip{gap:8px}.video-export-strip .video-size-change{flex:100%}.video-export-strip .button{flex:100%;justify-content:center}.video-controls{padding:14px}.video-preset-list{gap:6px}.video-preset{padding:8px}.video-preset strong{font-size:12px}.video-preset span{font-size:10px}.video-status{padding:12px 14px}.video-example-grid,.video-guide-grid{grid-template-columns:1fr}.video-guide-grid article{border-bottom:1px solid var(--line);padding:20px 0}.video-guide-grid article+article{border-left:0;padding-left:0}.video-guide-number{margin-bottom:10px}}@media (width<=960px){body:has(.video-mobile-bar:not([hidden])) .back-to-top{display:none}}.video-page .video-compression-heading{max-width:none}.video-page .video-compression-heading h2{text-wrap:balance}.video-benefits-body{align-content:start;gap:16px;min-width:0;display:grid}.video-benefits-body .video-trust-strip{justify-content:flex-start;margin:0}.video-page .home-faq-list p,.video-page .video-related-heading,.video-page .video-related-heading p{max-width:none}
