.video-main{padding-block:40px}.video-main .hero{margin-bottom:32px}.video-workspace{background:#fff}.video-main .workspace-heading a{color:#526176;font-size:13px}.video-toolbar{border-bottom:1px solid #e7edf1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.video-toolbar h2{font-size:20px}.video-toolbar a{color:#126955;font-size:14px}.video-columns{grid-template-columns:minmax(0,1fr) 296px;display:grid}.video-source{min-width:0;padding:24px}.video-drop{cursor:pointer}.video-drop[data-drag=true]{background:#e7f6ef;border-color:#168c73}.video-settings{flex-direction:column;gap:18px;display:flex}.video-settings .settings-title{margin-bottom:5px}.video-settings .convert-button{margin-top:0}.video-settings .convert-caption,.video-settings .cancel-button{margin-top:-10px}.video-source .office-engine-note>svg{flex-shrink:0}.video-main label{gap:8px;min-width:0;font-size:14px;font-weight:600;display:grid}.video-main input,.video-main select{font:inherit;color:#243c50;background:#fff;border:1px solid #d7e0e8;border-radius:6px;width:100%;min-width:0;max-width:100%;padding:10px}.video-main input[type=color]{height:42px;padding:4px}.video-main input[type=file]{font-size:13px}.video-note,.video-hint{color:#526176;font-size:13px;line-height:1.75}.video-note{background:#edf5f2;border-radius:7px;padding:12px}.video-main button:not(.primary):not(.text-button):not(.cancel-button){color:#345268;background:#f5f8fa;border:1px solid #d8e3e7;border-radius:6px;padding:9px 12px;font-size:14px}.video-main button:disabled{opacity:.5;cursor:not-allowed}.video-status{padding:0 24px}.video-status p{overflow-wrap:anywhere;color:#17664f;font-size:15px;line-height:1.7}.video-status p[data-kind=error]{color:#b32632}.video-status p[data-kind=warning]{color:#805819}.video-status progress{accent-color:#168c73;width:100%;height:8px;margin-top:14px}.video-engine-note{color:#526176;border-top:1px solid #e7edf1;margin-top:20px;padding:20px 24px;font-size:13px;line-height:1.8}#video-files{margin:18px 0;padding:0;list-style:none}#video-files li{border-bottom:1px solid #e7edf1;align-items:center;gap:8px;padding:10px 0;font-size:14px;display:flex}#video-files li>span{overflow-wrap:anywhere;flex:1;min-width:0}#video-files button{padding:5px 9px}.video-main video{background:#152026;border-radius:8px;width:100%;max-width:100%;max-height:400px;margin-top:12px}#video-results{border-top:1px solid #dce3eb}#video-result-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding:24px;display:grid}.video-result{border:1px solid #dce3eb;border-radius:9px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.video-result h3{overflow-wrap:anywhere;font-size:15px}.video-result p{color:#526176;font-size:13px}.video-result a{color:#126955;font-weight:600}.video-result img{object-fit:contain;max-width:100%;max-height:260px}.video-result audio{max-width:100%}.video-result pre{white-space:pre-wrap;max-height:400px;font:13px/1.7 ui-monospace,monospace;overflow:auto}#video-tools{margin-top:40px}.video-how{padding:36px 0}.video-how h2{font-size:23px}.video-how p{color:#526176;margin-top:14px;font-size:15px;line-height:1.8}.video-main :focus-visible{outline-offset:3px;outline:2px solid #168c73}.video-main .pdf-filters button[aria-pressed=true]{color:#16715b;background:#e7f5f1;border-color:#93caba}@media (width<=1100px){.video-main{padding-block:30px}.video-columns{grid-template-columns:1fr}.video-settings{border-top:1px solid #e7edf1;border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.video-settings .settings-title,.video-settings .video-note,.video-settings .convert-button,.video-settings .cancel-button,.video-settings .convert-caption{grid-column:1/-1}}@media (width<=640px){.video-main{padding-block:24px}.video-source,.video-settings{padding:16px}.video-settings{grid-template-columns:1fr}.video-toolbar{padding:16px}.video-toolbar h2{font-size:18px}.video-drop{padding:28px 16px}.video-main .workspace-heading{gap:10px;padding:0 16px}.video-main .workspace-heading a{text-align:right;font-size:13px}.video-source .queue-heading{flex-wrap:wrap}#video-result-list{grid-template-columns:1fr;padding:16px}.video-main .topbar{height:auto}}