.chief-main-content:has([data-page-type=volcengine-video-generator]){max-width:none;border-radius:0;margin:0;overflow:visible}.chief-main-content:has([data-page-type=volcengine-video-generator])+.footer{display:none}.volcengine-lipsync-page{width:100%;max-width:100%;min-height:calc(100dvh - 72px);flex:1;display:flex;flex-direction:column;overflow-x:clip;background:#fff;color:#0f172a}.volcengine-lipsync-workspace{width:100%;max-width:100%;min-height:calc(100dvh - 74px);display:grid;grid-template-columns:minmax(330px,452px) minmax(0,1fr);border-top:1px solid rgba(226,232,240,.78);border-bottom:1px solid rgba(226,232,240,.95);background:linear-gradient(90deg,#ffffff 0 452px,rgba(248,250,252,.72) 452px 453px,#ffffff 453px),#ffffff}.volcengine-lipsync-builder-panel{height:calc(100dvh - 74px);border-right:1px solid rgba(226,232,240,.95);overflow:hidden}.volcengine-lipsync-builder-panel,.volcengine-lipsync-composer{min-width:0;display:flex;flex-direction:column;background:#fff}.volcengine-lipsync-composer{position:static;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;margin:0;padding:18px 14px 0;overscroll-behavior:contain}.volcengine-lipsync-composer,.volcengine-lipsync-composer *,.volcengine-lipsync-composer :after,.volcengine-lipsync-composer :before{box-sizing:border-box}.volcengine-lipsync-header{position:sticky;isolation:isolate;z-index:55;top:0;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -2px;padding:0 2px 14px;background:#fff;box-shadow:0 10px 18px #fff}.volcengine-lipsync-header:before{content:"";position:absolute;z-index:-1;inset:-18px -18px -12px;background:#fff;pointer-events:none}.volcengine-lipsync-header h2{margin:0;color:#020617;font-size:22px;line-height:1.18;letter-spacing:0;white-space:nowrap}.volcengine-pill{flex:0 0 auto;display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#0f172a;font-size:12px;font-weight:800;white-space:nowrap}.volcengine-file-grid{flex:0 0 auto;display:grid;gap:12px;padding-top:10px}.volcengine-file-card{min-width:0;display:grid;gap:10px;padding:12px;border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc}.volcengine-file-card-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.volcengine-file-title{min-width:0;max-width:100%;display:inline-flex;align-items:center;gap:8px;color:#0f172a;font-size:14px;font-weight:800}.volcengine-file-title>span:not(.volcengine-help){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.volcengine-file-title .local-icon,.volcengine-help{flex:0 0 auto}.volcengine-help{position:relative;width:18px;height:18px;border:1px solid #cbd5e1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#64748b;font-size:11px;font-weight:900;line-height:1;cursor:help;outline:none}.volcengine-help:after{content:attr(data-tooltip);z-index:120;top:calc(100% + 9px);width:max-content;max-width:min(260px,calc(100vw - 48px));padding:8px 10px;border-radius:10px;color:#fff;font-size:12px;font-weight:700;line-height:1.35;text-align:left;white-space:normal;box-shadow:0 16px 38px rgba(15,23,42,.22);transform:translate(-50%,-4px)}.volcengine-help:after,.volcengine-help:before{position:absolute;left:50%;background:#0f172a;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.volcengine-help:before{content:"";z-index:121;top:calc(100% + 4px);width:9px;height:9px;transform:translate(-50%,-4px) rotate(45deg)}.volcengine-help:focus-visible,.volcengine-help:hover{border-color:#94a3b8;color:#0f172a}.volcengine-help:focus-visible:after,.volcengine-help:focus-visible:before,.volcengine-help:hover:after,.volcengine-help:hover:before{opacity:1;transform:translate(-50%)}.volcengine-help:focus-visible:before,.volcengine-help:hover:before{transform:translate(-50%) rotate(45deg)}.volcengine-note-field .volcengine-help:after{left:0;transform:translateY(-4px)}.volcengine-file-title .volcengine-help-file:after{content:none;display:none}.volcengine-note-field .volcengine-help:before{left:4px;transform:translateY(-4px) rotate(45deg)}.volcengine-file-title .volcengine-help-file:before{content:none;display:none}.volcengine-file-title .volcengine-help-file:focus-visible:after,.volcengine-file-title .volcengine-help-file:hover:after,.volcengine-note-field .volcengine-help:focus-visible:after,.volcengine-note-field .volcengine-help:hover:after{transform:translateY(0)}.volcengine-file-title .volcengine-help-file:focus-visible:before,.volcengine-file-title .volcengine-help-file:hover:before,.volcengine-note-field .volcengine-help:focus-visible:before,.volcengine-note-field .volcengine-help:hover:before{transform:translateY(0) rotate(45deg)}.volcengine-cost-block .volcengine-help:after{top:auto;bottom:calc(100% + 9px);left:-88px;right:auto;transform:translateY(4px)}.volcengine-cost-block .volcengine-help:before{top:auto;bottom:calc(100% + 4px);left:4px;right:auto;transform:translateY(4px) rotate(45deg)}.volcengine-cost-block .volcengine-help:focus-visible:after,.volcengine-cost-block .volcengine-help:hover:after{transform:translateY(0)}.volcengine-cost-block .volcengine-help:focus-visible:before,.volcengine-cost-block .volcengine-help:hover:before{transform:translateY(0) rotate(45deg)}.volcengine-floating-tooltip{position:fixed;z-index:10000;padding:8px 10px;border-radius:10px;background:#0f172a;color:#fff;font-size:12px;font-weight:700;line-height:1.35;text-align:left;white-space:normal;pointer-events:none;box-shadow:0 16px 38px rgba(15,23,42,.22)}.volcengine-floating-tooltip-arrow{position:absolute;top:-4px;width:9px;height:9px;background:#0f172a;transform:rotate(45deg)}.volcengine-file-card p{margin:0;color:#64748b;font-size:12px;line-height:1.4}.volcengine-file-remove,.volcengine-icon-button{border:0;background:transparent;color:#475569;cursor:pointer}.volcengine-file-remove{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.volcengine-file-remove:hover,.volcengine-icon-button:hover:not(:disabled){background:#eef2f7;color:#0f172a}.volcengine-file-upload{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;color:#334155;font-size:14px;font-weight:800;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.volcengine-file-upload:hover{border-color:#0f172a;background:#f8fafc;transform:translateY(-1px)}.volcengine-file-preview{position:relative;min-width:0;overflow:hidden;border-radius:16px;background:#fff}.volcengine-file-preview img,.volcengine-file-preview video{width:100%;max-height:220px;display:block;background:#000}.volcengine-file-preview img{object-fit:contain}.volcengine-audio-preview{min-width:0;display:grid;gap:9px;padding:12px;color:#0f172a}.volcengine-audio-preview>span{overflow:hidden;color:#334155;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.volcengine-audio-preview audio{width:100%;min-width:0}.volcengine-file-loading{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:6px;background:rgba(255,255,255,.86);color:#334155;font-size:12px;font-weight:800;text-align:center}.volcengine-file-status{min-width:0;color:#64748b;font-size:12px;line-height:1.35}.volcengine-file-status.is-ok{color:#047857}.volcengine-file-status.is-error{color:#dc2626}.volcengine-note-field{flex:0 0 auto;display:grid;gap:7px;margin-top:12px}.volcengine-note-field>span{display:inline-flex;align-items:center;gap:7px;color:#334155;font-size:13px;font-weight:800}.volcengine-note-field textarea{width:100%;min-height:92px;max-height:190px;resize:none;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:12px 13px;color:#0f172a;font:inherit;font-size:14px;line-height:1.45;outline:none}.volcengine-note-field textarea:focus{border-color:#0f172a;box-shadow:0 0 0 3px rgba(15,23,42,.08)}.volcengine-lipsync-footer{position:sticky;isolation:isolate;z-index:60;bottom:0;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:auto -14px 0;padding:14px 14px 18px;border:1px solid rgba(226,232,240,.95);border-left:0;border-right:0;border-bottom:0;background:#fff;box-shadow:0 -18px 36px rgba(255,255,255,.96)}.volcengine-lipsync-footer:before{content:"";position:absolute;z-index:-1;inset:-18px -18px -8px;background:#fff;pointer-events:none}.volcengine-cost-block{min-width:0;flex:1 1 auto;display:grid;gap:3px}.volcengine-cost-block strong{display:inline-flex;align-items:center;gap:7px;color:#0f172a;font-size:16px;line-height:1.2;white-space:nowrap}.volcengine-cost-block small{color:#64748b;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.volcengine-footer-actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;margin-left:auto}.volcengine-icon-button{flex:0 0 44px;width:44px;height:44px;border:1px solid #e5e7eb;border-radius:999px;background:#fff}.volcengine-generate-button,.volcengine-icon-button{display:inline-flex;align-items:center;justify-content:center}.volcengine-generate-button{min-width:176px;min-height:48px;border:0;border-radius:999px;background:#0f172a;color:#fff;gap:8px;padding:0 18px;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}.volcengine-generate-button:disabled,.volcengine-icon-button:disabled{cursor:not-allowed;opacity:.55}.volcengine-results-panel{min-width:0;height:calc(100dvh - 74px);display:grid;grid-template-rows:minmax(0,1fr);padding:16px 24px 20px;overflow:auto;background:#fff}.volcengine-result-stage{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #e5e7eb;border-radius:24px;background:#fff;box-shadow:0 18px 46px rgba(15,23,42,.06)}.volcengine-result-stage-head{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:14px 18px;border-bottom:1px solid #eef2f7}.volcengine-stage-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.volcengine-stage-actions button{min-height:44px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:14px;font-weight:800;cursor:pointer}.volcengine-stage-actions button:hover{border-color:#cbd5e1;background:#f8fafc}.volcengine-result-canvas{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:22px;overflow:auto;background:linear-gradient(180deg,#ffffff,#f8fafc)}.volcengine-source-preview,.volcengine-video-result{width:min(760px,100%);min-width:0;display:grid;gap:16px}.volcengine-source-preview img,.volcengine-source-preview video,.volcengine-video-result video{width:100%;max-height:min(62dvh,620px);display:block;border-radius:20px;background:#000;box-shadow:0 18px 48px rgba(15,23,42,.14)}.volcengine-source-preview img{object-fit:contain}.volcengine-source-meta{min-width:0;display:grid;gap:4px;text-align:center}.volcengine-source-meta strong{color:#0f172a;font-size:18px;line-height:1.2}.volcengine-source-meta span{color:#64748b;font-size:13px}.volcengine-canvas-placeholder{width:min(560px,100%);display:grid;place-items:center;gap:10px;text-align:center;color:#64748b}.volcengine-canvas-placeholder h1{max-width:620px;margin:0;color:#020617;font-size:clamp(24px,2.5vw,38px);line-height:1.08;letter-spacing:0}.volcengine-canvas-placeholder p{max-width:420px;margin:0;font-size:14px;line-height:1.5}.volcengine-result-loading{position:absolute;inset:18px;z-index:6;display:grid;place-items:center;align-content:center;gap:5px;border-radius:20px;background:rgba(255,255,255,.9);color:#0f172a;text-align:center}.volcengine-result-loading span{font-size:18px;font-weight:800}.volcengine-result-loading small{color:#64748b;font-size:13px}.dark-mode .volcengine-lipsync-builder-panel,.dark-mode .volcengine-lipsync-page,.dark-mode .volcengine-results-panel,body.dark-mode .volcengine-lipsync-builder-panel,body.dark-mode .volcengine-lipsync-page,body.dark-mode .volcengine-results-panel{background:#0f172a;color:#f8fafc}.dark-mode .volcengine-lipsync-workspace,body.dark-mode .volcengine-lipsync-workspace{border-color:rgba(100,116,139,.42);background:#0f172a}.dark-mode .volcengine-lipsync-footer,.dark-mode .volcengine-lipsync-footer:before,.dark-mode .volcengine-lipsync-header,.dark-mode .volcengine-lipsync-header:before,body.dark-mode .volcengine-lipsync-footer,body.dark-mode .volcengine-lipsync-footer:before,body.dark-mode .volcengine-lipsync-header,body.dark-mode .volcengine-lipsync-header:before{background:#0f172a;box-shadow:none}.dark-mode .volcengine-file-card,.dark-mode .volcengine-help,.dark-mode .volcengine-icon-button,.dark-mode .volcengine-result-stage,.dark-mode .volcengine-stage-actions button,body.dark-mode .volcengine-file-card,body.dark-mode .volcengine-help,body.dark-mode .volcengine-icon-button,body.dark-mode .volcengine-result-stage,body.dark-mode .volcengine-stage-actions button{border-color:rgba(100,116,139,.5);background:rgba(15,23,42,.88);color:#f8fafc}.dark-mode .volcengine-result-canvas,body.dark-mode .volcengine-result-canvas{background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(30,41,59,.88))}.dark-mode .volcengine-canvas-placeholder h1,.dark-mode .volcengine-cost-block strong,.dark-mode .volcengine-file-title,.dark-mode .volcengine-lipsync-header h2,.dark-mode .volcengine-source-meta strong,body.dark-mode .volcengine-canvas-placeholder h1,body.dark-mode .volcengine-cost-block strong,body.dark-mode .volcengine-file-title,body.dark-mode .volcengine-lipsync-header h2,body.dark-mode .volcengine-source-meta strong{color:#f8fafc}.dark-mode .volcengine-audio-preview,.dark-mode .volcengine-file-upload,.dark-mode .volcengine-note-field textarea,.dark-mode .volcengine-pill,body.dark-mode .volcengine-audio-preview,body.dark-mode .volcengine-file-upload,body.dark-mode .volcengine-note-field textarea,body.dark-mode .volcengine-pill{border-color:rgba(100,116,139,.5);background:rgba(30,41,59,.85);color:#f8fafc}@media (max-width:1180px){.volcengine-lipsync-workspace{grid-template-columns:minmax(300px,410px) minmax(0,1fr);background:#fff}.volcengine-results-panel{padding:14px}.volcengine-generate-button{min-width:166px;padding-inline:16px}}@media (max-width:960px){.volcengine-lipsync-page,.volcengine-lipsync-workspace{min-height:auto}.volcengine-lipsync-workspace{display:flex;flex-direction:column;border-top:0;background:#fff}.volcengine-lipsync-builder-panel,.volcengine-results-panel{height:auto;min-height:0;overflow:visible;border-right:0}.volcengine-lipsync-composer{height:auto;padding:10px 12px 14px;overflow:visible}.volcengine-lipsync-header{margin:0 -12px 10px;padding:12px;border-bottom:1px solid #e5e7eb}.volcengine-lipsync-footer{position:sticky;bottom:10px;flex-direction:column;align-items:stretch;margin:14px 0 0;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 16px 44px rgba(15,23,42,.16)}.volcengine-footer-actions,.volcengine-generate-button{width:100%}.volcengine-cost-block .volcengine-help:after{left:0}.volcengine-results-panel{grid-template-rows:auto;padding:0 12px 18px}.volcengine-result-stage{border-radius:20px;box-shadow:none}.volcengine-result-stage-head{padding:13px}.volcengine-result-canvas{min-height:260px;padding:14px}}@media (max-width:560px){.volcengine-lipsync-header{flex-direction:column;align-items:stretch}.volcengine-pill{width:fit-content}.volcengine-result-stage-head{align-items:flex-start;flex-direction:column}.volcengine-stage-actions{width:100%}.volcengine-stage-actions button,.volcengine-stage-actions>div{flex:1 1 150px}.volcengine-stage-actions>div button{width:100%}}