.video-dialog{width:min(1700px,calc(100vw - 24px));height:min(1100px,calc(100dvh - 20px));max-width:none;max-height:none;padding:0;border:1px solid #dce5f1;border-radius:22px;background:#fff;color:#2d405e;box-shadow:0 28px 85px #213b6b55;overflow:hidden}
.video-dialog::backdrop{background:#122342a8;backdrop-filter:blur(5px)}
.video-dialog-shell{height:100%;min-height:0;display:flex;flex-direction:column}
.vd-head{height:84px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e3eaf4}
.vd-heading{display:flex;align-items:center;gap:13px;min-width:0}.vd-icon{width:47px;height:47px;border-radius:12px;display:grid;place-items:center;background:#e9efff;color:#456be0;font-size:28px;font-weight:800}.vd-heading small{display:block;color:#8495b0;font-size:11px;font-weight:800;margin-bottom:4px}.vd-heading h2{font-size:23px;line-height:1.1;margin:0;letter-spacing:-.03em;color:#25334b}.vd-head-right{display:flex;align-items:center;gap:13px}.vd-state-badge{font-size:11px;font-weight:800;color:#6980ae;background:#eef3ff;border-radius:15px;padding:7px 11px;white-space:nowrap}.vd-state-badge.processing{color:#ad722d;background:#fff4e7}.vd-state-badge.done{color:#23996d;background:#e9f8f0}.vd-head-right button{width:35px;height:35px;border:0;border-radius:9px;background:#f1f4f9;color:#75839b;font-size:25px;line-height:1}
.vd-intro{height:50px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 30px;border-bottom:1px solid #edf1f6;color:#7888a0;font-size:13px}.vd-intro p{margin:0}.vd-intro span{font-size:11px;color:#3f8f6c;background:#eaf7ef;border-radius:15px;padding:6px 10px;white-space:nowrap}
.vd-body{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,32.7%)}.vd-stage{padding:20px 26px;background:#f7f9fd;min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px}.vd-stage-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.vd-stage-header strong{font-size:15px}.vd-stage-header small{color:#94a2b7;font-size:11px;text-align:right}.vd-files{background:#fff;border:1px solid #e2e9f4;border-radius:13px;padding:12px 14px;flex:none}.vd-files-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px}.vd-files-head strong{font-size:12px}.vd-add-file{cursor:pointer;color:#4169cf;background:#f0f4ff;border:1px solid #dbe5fa;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:800;white-space:nowrap}.vd-add-file:hover{background:#e5edff}.vd-file-list{display:grid;gap:5px}.vd-file-row{min-height:40px;border:1px solid #edf1f6;border-radius:8px;display:flex;align-items:center;gap:9px;padding:4px 8px 4px 10px;min-width:0}.vd-file-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;background:#eaf0ff;color:#486edc;font-size:9px;font-weight:900;flex:none;text-transform:uppercase}.vd-file-name{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:245px}.vd-file-meta{font-size:10px;color:#92a0b2;white-space:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.vd-file-size{color:#61728e;font-size:10px;white-space:nowrap}.vd-file-row button{border:0;background:none;color:#4b6cc8;font-size:10px;font-weight:800;padding:3px;white-space:nowrap}.vd-file-row button:last-child{color:#9aa8b9;font-size:16px}.vd-file-row[draggable=true]{cursor:grab}.vd-files-empty{padding:7px 2px;color:#99a6b8;font-size:11px}
.vd-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:1px}.vd-preview-head strong{font-size:13px}.vd-preview-head span{font-size:11px;color:#7c8fa9;text-align:right}.vd-preview{min-height:300px;height:355px;flex:none;border:1px solid #dce5f2;border-radius:13px;background:#e8eef8;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.vd-preview>img.vd-illustration{display:block;width:100%;height:100%;object-fit:cover}.vd-ribbon{position:absolute;left:13px;top:13px;z-index:5;font-size:11px;font-weight:850;color:#365fc9;background:#fffffff0;border:1px solid #e2eaf9;border-radius:7px;padding:7px 10px;box-shadow:0 4px 10px #1b3a671b}.vd-ribbon.processing{color:#ba7730;background:#fff4e6}.vd-ribbon.done{color:#168d62;background:#e9f8f0}.vd-preview video{display:block;max-width:100%;max-height:100%;width:100%;height:100%;background:#172135}.vd-preview audio{width:min(680px,90%)}.vd-preview canvas{max-width:100%;max-height:100%;object-fit:contain}.vd-preview-empty{color:#7184a4;text-align:center;display:grid;gap:10px;place-items:center;padding:30px}.vd-preview-empty strong{font-size:15px}.vd-preview-empty span{font-size:11px}.vd-video-wrap{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.vd-video-wrap video{object-fit:contain}.vd-effect-layer{position:absolute;inset:0;pointer-events:none}.vd-overlay{position:absolute;pointer-events:auto;touch-action:none;cursor:move;border:2px dashed #4d7bee;background:#4479e83b;min-width:8px;min-height:8px;color:white;text-shadow:0 1px 3px #0008;font-size:10px}.vd-overlay.blur{backdrop-filter:blur(7px)}.vd-overlay.mosaic{background:repeating-linear-gradient(45deg,#4d74ad88 0 8px,#8da8ce88 8px 16px)}.vd-overlay.color{background:#000}.vd-overlay.mark{border:1px dashed #fff;background:transparent}.vd-overlay img{display:block;width:100%;height:100%;object-fit:contain}.vd-overlay b{display:block;padding:3px}.vd-overlay .resize{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;background:#fff;border:2px solid #456ce2;cursor:nwse-resize}.vd-preview-pair{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.vd-preview-pair>div{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:9px;background:#172135}.vd-preview-pair video{object-fit:contain}.vd-preview-pair label{position:absolute;left:8px;top:8px;color:#fff;background:#132a55a9;border-radius:6px;font-size:10px;padding:4px 7px}.vd-preview-subtitle{position:absolute;left:8%;right:8%;bottom:20%;text-align:center;color:#fff;font-weight:800;text-shadow:1px 2px 5px #000,0 0 3px #000;pointer-events:none}
.vd-extra{min-height:125px;flex:1;background:#fff;border:1px solid #e3e9f3;border-radius:12px;padding:13px 15px;overflow:auto}.vd-extra h3{font-size:12px;margin:0 0 9px;color:#344763}.vd-extra-row{display:flex;align-items:center;gap:8px;min-height:31px;color:#61728e;font-size:11px;border-bottom:1px solid #eef1f6}.vd-extra-row:last-child{border:0}.vd-extra-row>span:first-child{flex:1}.vd-extra-row input{min-width:0}.vd-extra button{border:1px solid #dbe5f7;border-radius:6px;background:#f6f9ff;color:#4169c9;font-size:10px;font-weight:800;padding:5px 8px}.vd-extra button:hover{background:#eaf1ff}.vd-extra input[type=number]{width:70px;height:27px;padding:2px 5px;border:1px solid #dce5f2;border-radius:6px;font-size:10px}.vd-extra-note{font-size:10px;color:#8292a9;line-height:1.45;margin:7px 0 0}.vd-extra-warning{font-size:10px;color:#a86635;background:#fff4e9;padding:6px 8px;border-radius:6px;display:inline-block}.vd-result-file{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf1f6;padding:8px 0;font-size:11px}.vd-result-file b{color:#466dd0}.vd-result-file span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-result-file a{color:#4168cd;text-decoration:none;font-weight:800}.vd-result-file a:hover{text-decoration:underline}.vd-extra textarea{width:100%;min-height:90px;padding:9px;border:1px solid #dce5f2;border-radius:7px;resize:vertical;font-size:11px;color:#2d405e}
.vd-settings{min-width:0;min-height:0;border-left:1px solid #e7ecf5;padding:22px 24px;overflow:auto;display:flex;flex-direction:column;gap:11px}.vd-settings>h3{font-size:15px;font-weight:850;margin:0 0 2px}.vd-setting-section{border-bottom:1px solid #edf1f6;padding-bottom:11px;margin-bottom:11px}.vd-setting-section h4{font-size:12px;color:#374a68;margin:0 0 8px}.vd-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vd-field{min-width:0}.vd-field.full{grid-column:1/-1}.vd-field>label{display:block;font-size:10px;font-weight:800;color:#65758d;margin-bottom:5px}.vd-field input:not([type=checkbox]),.vd-field select,.vd-field textarea{width:100%;height:35px;border:1px solid #dce5f2;border-radius:7px;background:#fff;color:#2f405c;font-size:11px;font-weight:700;padding:0 9px;outline:none}.vd-field textarea{height:92px;padding:8px;resize:vertical;font-weight:500}.vd-field input:focus,.vd-field select:focus,.vd-field textarea:focus{border-color:#84a2ef;box-shadow:0 0 0 2px #e6efff}.vd-field small{display:block;color:#98a6b9;font-size:9px;line-height:1.35;margin-top:4px}.vd-segment{display:flex;border:1px solid #dce5f2;border-radius:7px;overflow:hidden;height:35px}.vd-segment button{flex:1;border:0;border-right:1px solid #e6ebf3;background:#fff;color:#72829a;font-size:10px;font-weight:800;white-space:nowrap}.vd-segment button:last-child{border-right:0}.vd-segment button.active{background:#eaf0ff;color:#3261d9}.vd-switch{width:100%;height:35px;border:1px solid #dce5f2;background:#fff;border-radius:7px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;color:#2f405c;font-size:11px;font-weight:700}.vd-switch i{width:28px;height:16px;border-radius:10px;background:#c9d2df;position:relative}.vd-switch i:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;background:#fff;border-radius:50%}.vd-switch.active i{background:#4975e8}.vd-switch.active i:after{left:14px}.vd-setting-hint{font-size:10px;color:#7d8ea7;line-height:1.4;margin:0}.vd-advanced{margin-top:auto;border:1px solid #dce6f5;background:#f8faff;border-radius:9px;padding:10px 12px;color:#4c6799}.vd-advanced summary{cursor:pointer;font-size:11px;font-weight:800;list-style:none;display:flex;justify-content:space-between}.vd-advanced summary::-webkit-details-marker{display:none}.vd-advanced summary span{color:#6f86b2}.vd-advanced[open] summary{margin-bottom:10px}.vd-advanced #vd-advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vd-footer{height:110px;flex:none;border-top:1px solid #e7edf5;display:flex;align-items:center;justify-content:space-between;padding:14px 24px 14px 29px;gap:24px;background:#fff}.vd-output{min-width:0;flex:1}.vd-output-title{font-size:12px;font-weight:850;color:#304365;display:flex;align-items:center;gap:8px}.vd-output-title span{font-size:10px;border-radius:12px;padding:4px 8px;background:#edf3ff;color:#4770d7}.vd-output-title span.processing{background:#fff4e7;color:#ad722d}.vd-output-title span.done{background:#e9f8f0;color:#23996d}.vd-output-title span.error{background:#fff0ed;color:#ba5042}.vd-output p{font-size:11px;color:#7989a0;margin:7px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-progress{margin-top:8px;height:6px;border-radius:8px;background:#e6edf8;overflow:hidden;width:470px;max-width:100%}.vd-progress>div{height:100%;width:0;background:#4674e8;border-radius:8px;transition:width .25s}.vd-progress>div.done{background:#2fb583}.vd-actions{display:flex;gap:8px;flex:none}.vd-button{height:40px;border:1px solid #dbe5f4;border-radius:8px;background:#fff;color:#5570a8;font-size:12px;font-weight:850;padding:0 15px;white-space:nowrap}.vd-button.primary{border-color:#3b68e3;background:#3b68e3;color:#fff;box-shadow:0 7px 15px #3c6de42e}.vd-button.download{color:#168d62;border-color:#bce5cf;background:#edf9f2}.vd-button:disabled{opacity:.45;cursor:default}.vd-button[hidden]{display:none}
.vd-video-wrap>img,.vd-preview-pair>div>img{display:block;width:100%;height:100%;object-fit:contain;background:#172135}
.vd-extra button.active{background:#e5edff;border-color:#9eb8f5;color:#2f5dcc}.vd-setting-section>label{display:block;font-size:10px;font-weight:800;color:#65758d;margin:4px 0 6px}
.video-dialog.vd-locked .vd-files button,.video-dialog.vd-locked .vd-files input,.video-dialog.vd-locked .vd-settings input,.video-dialog.vd-locked .vd-settings select,.video-dialog.vd-locked .vd-settings .vd-segment button,.video-dialog.vd-locked .vd-settings .vd-switch,.video-dialog.vd-locked .vd-extra input,.video-dialog.vd-locked .vd-extra textarea,.video-dialog.vd-locked .vd-extra button,.video-dialog.vd-locked .vd-overlay{pointer-events:none;opacity:.62}
@media(max-width:1380px){.video-dialog{width:calc(100vw - 18px);height:calc(100dvh - 16px)}.vd-head{height:70px}.vd-intro{height:43px}.vd-footer{height:82px}.vd-preview{height:300px;min-height:260px}.vd-stage{gap:10px;padding:16px 18px}.vd-settings{padding:17px}.vd-heading h2{font-size:19px}}
@media(max-width:850px){.video-dialog{width:calc(100vw - 8px);height:calc(100dvh - 8px);border-radius:10px}.vd-body{display:flex;flex-direction:column;overflow:auto}.vd-stage,.vd-settings{overflow:visible;flex:none}.vd-settings{border-left:0;border-top:1px solid #e7ecf5}.vd-preview{height:260px}.vd-head{padding:0 14px}.vd-intro{padding:0 14px}.vd-footer{height:auto;min-height:96px;flex-wrap:wrap;padding:10px 14px;gap:8px}.vd-actions{width:100%;justify-content:flex-end}.vd-stage-header small,.vd-preview-head span{display:none}}
@media(max-width:520px){.vd-intro span,.vd-state-badge{display:none}.vd-heading h2{font-size:17px}.vd-file-meta,.vd-file-size{display:none}.vd-file-row{gap:4px}.vd-file-name{max-width:130px}.vd-preview-pair{gap:4px;padding:7px}.vd-actions .vd-button{flex:1;padding:0 5px;font-size:11px}.vd-field-grid{gap:6px}}
@media(prefers-reduced-motion:reduce){.vd-progress>div{transition:none}}