.video-tool{--video-accent:#346b79;--video-text:#26363d;--video-muted:#5f7077;--video-line:#dce3e5;--video-surface:#fff;--video-soft:#f4f7f7;color:var(--video-text)}.video-tool :where(.video-drop,.video-workbench,.video-opening,.video-message) button,.video-tool :where(.video-drop,.video-workbench,.video-opening,.video-message) select{font:inherit}.video-tool :where(.video-drop,.video-workbench,.video-opening,.video-message) button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--video-line);border-radius:8px;background:var(--video-surface);color:var(--video-text);cursor:pointer;touch-action:manipulation;transition:background-color .15s,border-color .15s}.video-tool :where(.video-drop,.video-workbench,.video-opening,.video-message) button:hover:not(:disabled){border-color:var(--video-accent);background:var(--video-soft)}.video-tool :where(.video-drop,.video-workbench,.video-opening,.video-message) button:disabled{opacity:.45;cursor:not-allowed}.video-tool :where(.video-drop,.video-workbench,.video-opening,.video-message) :is(button,select):focus-visible{outline:2px solid var(--video-accent);outline-offset:3px}.video-tool :where(.video-drop,.video-workbench,.video-opening,.video-message) select{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--video-line);border-radius:8px;color:var(--video-text);background:var(--video-surface)}.video-tool h2,.video-tool p{margin:0}.video-tool .video-primary{background:var(--video-accent);border-color:var(--video-accent);color:#fff;font-weight:600;padding-inline:20px}.video-tool .video-primary:hover:not(:disabled){background:#285563;color:#fff}.dark .video-tool{--video-accent:#77b5c3;--video-text:#e2ebee;--video-muted:#a6b5bc;--video-line:#38464e;--video-surface:#202b33;--video-soft:#293740}.dark .video-tool .video-primary{color:#12262c}.dark .video-tool .video-primary:hover:not(:disabled){background:#a2d0da;color:#12262c}.video-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px 24px;border:1px dashed #acbfc5;border-radius:16px;text-align:center;gap:18px}.video-drop.is-dragging{background:var(--video-soft);border-color:var(--video-accent)}.video-drop-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:var(--video-soft);color:var(--video-accent)}.video-drop h2{font-size:25px;letter-spacing:-.025em;font-weight:600;line-height:1.4}.video-drop>p,.video-hint{color:var(--video-muted);line-height:1.8}.video-hint{font-size:12px}.video-workbench{overflow:hidden;border:1px solid var(--video-line);border-radius:14px;background:var(--video-surface);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}.video-file-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--video-line)}.video-file-header>div{display:flex;align-items:center;gap:10px;min-width:0}.video-file-header svg{flex-shrink:0;color:var(--video-accent)}.video-file-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.video-file-header button{flex-shrink:0;border-color:rgba(0,0,0,0)}.video-compression-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}.video-original{min-width:0;padding:20px}.video-original>video{display:block;width:100%;max-height:420px;aspect-ratio:16/10;background:#172129;border-radius:8px;-o-object-fit:contain;object-fit:contain}.video-original>p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:12px;font-size:12px}.video-original>p>span{color:var(--video-muted);font-variant-numeric:tabular-nums}.video-parameters{padding:22px 20px;border-left:1px solid var(--video-line)}.video-parameters,.video-parameters fieldset{display:flex;flex-direction:column;gap:16px;min-width:0}.video-parameters fieldset{border:0;margin:0;padding:0}.video-parameters legend{float:left;width:100%;margin-bottom:18px;font-weight:600}.video-parameters label{display:flex;flex-direction:column;gap:8px;font-size:12px}.video-output-info{text-align:center;color:var(--video-muted);font-size:11px;font-variant-numeric:tabular-nums}.video-processing{padding:18px 20px;border-top:1px solid var(--video-line);background:var(--video-soft)}.video-processing>div{display:flex;align-items:center;gap:10px}.video-processing strong{flex:1;font-size:13px;font-weight:500}.video-processing>div>span{color:var(--video-muted);font-variant-numeric:tabular-nums}.video-processing p{margin-top:10px;font-size:12px;line-height:1.7;color:var(--video-muted)}.video-processing progress{width:100%;height:6px;margin-top:12px;accent-color:var(--video-accent)}.video-result{padding:20px;border-top:1px solid var(--video-line)}.video-result header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px}.video-result header>svg{color:var(--video-accent)}.video-result h2{font-size:15px;font-weight:600}.video-result header>span{color:var(--video-muted);font-size:12px}.video-result>video{display:block;width:100%;max-height:380px;border-radius:8px;background:#172129}.video-result-download{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.video-result-download p{color:var(--video-muted);font-size:12px;line-height:1.8}.video-result-download p>span{display:block}.video-result-download button{flex-shrink:0}.video-message{display:flex;gap:10px;justify-content:space-between;margin-top:12px;font-size:13px;line-height:1.7;color:var(--video-muted)}.video-message:empty{display:none}.video-message.is-error{padding:12px 16px;border:1px solid #d7aa82;border-radius:8px;color:#81552d;background:#fff8ef}.dark .video-message.is-error{color:#f0c28f;background:#372c22;border-color:#87603f}.video-message>button{align-self:flex-start;min-height:28px;padding:3px;border:0;background:rgba(0,0,0,0);color:inherit}.video-footnote{display:flex;align-items:flex-start;gap:9px;margin-top:24px;color:var(--video-muted)}.video-footnote>svg{flex-shrink:0;margin-top:3px;color:var(--video-accent)}.video-footnote p{font-size:12px;line-height:1.8}.video-footnote a{text-decoration:underline;text-underline-offset:3px;color:inherit}.video-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-width:0;box-sizing:border-box;padding:30px;min-height:220px;aspect-ratio:16/10;border-radius:8px;background:#172129;color:#dce7ec;text-align:center;overflow-wrap:anywhere}.video-unavailable>*{max-width:100%}.video-unavailable strong{font-size:14px;font-weight:500}.video-unavailable p{max-width:380px;font-size:12px;line-height:1.8;color:#aebfc8}.video-result>.video-unavailable{max-height:300px;aspect-ratio:16/7}.video-opening{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid var(--video-line);border-radius:9px;background:var(--video-soft);font-size:13px}.video-opening span{flex:1}.video-opening button{flex-shrink:0}.video-input-formats{max-width:100%;font-size:12px;color:var(--video-muted);line-height:1.8}.video-input-formats summary{padding:10px;cursor:pointer}.video-input-formats p{margin-top:6px}.video-original>.video-large-warning{display:block;margin-top:14px;padding:10px 12px;border-radius:7px;background:var(--video-soft);color:var(--video-muted);line-height:1.8}.video-route{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:14px 0;border-top:1px solid var(--video-line);color:var(--video-muted);font-size:12px;line-height:1.8}.video-route>svg{flex-shrink:0;margin-top:3px;color:var(--video-accent)}.video-route strong{display:block;color:var(--video-text);font-size:13px;font-weight:600}.video-route p{margin-top:5px}.video-route.is-unavailable{color:#81552d}.dark .video-route.is-unavailable{color:#f0c28f}.video-tool .video-saved-name{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:var(--video-muted)}.video-saved-name span{overflow-wrap:anywhere}.video-message>div{min-width:0;flex:1}.video-tool .video-retry-compatible{display:flex;margin-top:10px;color:inherit;background:rgba(0,0,0,0)}.video-spin{animation:video-spin 1s linear infinite}@keyframes video-spin{to{transform:rotate(1turn)}}@media(max-width:760px){.video-compression-layout{grid-template-columns:minmax(0,1fr)}.video-parameters{border-left:0;border-top:1px solid var(--video-line)}.video-parameters fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.video-drop{padding:30px 18px;min-height:380px}.video-drop h2{font-size:22px}.video-file-header{padding:10px 12px;gap:8px}.video-original,.video-parameters,.video-result{padding:14px}.video-parameters fieldset{display:flex}.video-tool select{font-size:16px}.video-result-download{flex-direction:column;align-items:stretch}.video-processing>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.video-tool button{transition:none}.video-spin{animation:none}}