:root{--app-bg:#eef2f7;--surface:#ffffff;--surface-muted:#f6f8fb;--surface-blue:#eef4ff;--text:#111827;--text-secondary:#475467;--text-muted:#667085;--text-weak:#98a2b3;--border:#d9e0ea;--border-strong:#c8d0dc;--accent:#155eef;--accent-hover:#0b4ddb;--accent-soft:#e9f0ff;--success:#067647;--success-soft:#ecfdf3;--warning:#b54708;--warning-soft:#fffaeb;--danger:#b42318;--danger-soft:#fef3f2;--preview:#101828;--panel-radius:8px;--control-radius:6px;--shadow:0 8px 24px rgba(28,45,74,0.07)}*{box-sizing:border-box;font-family:Segoe UI Variable,Microsoft YaHei,PingFang SC,Arial,sans-serif;letter-spacing:0}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--app-bg);color:var(--text)}button,input,select,textarea{font:inherit}button,input[type=checkbox],select{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}a svg,button svg{flex:0 0 auto}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(21,94,239,.22);outline-offset:2px}.productPage{display:flex;min-height:100dvh;flex-direction:column;overflow-x:hidden;background:var(--app-bg)}.appHeader{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:grid;min-height:68px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:24px;gap:24px;border-bottom:1px solid var(--border);background:var(--surface);padding:0 max(24px,calc((100vw - 1440px) / 2))}.assetHeadingActions button,.audioToggle,.feedbackBar,.generateButton,.headerModel,.inlineLinkButton,.legalFooter a,.productBrand,.productNav button,.referenceNotice,.taskStatus,.taskSummary,.taskSummary a,.uploadButton,.workspaceSummary{display:inline-flex;align-items:center}.productBrand{gap:10px;min-width:0;border:0;background:transparent;color:var(--text);padding:0;font-size:16px;font-weight:750;white-space:nowrap}.productBrandIcon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:var(--panel-radius);background:var(--accent);color:#ffffff;box-shadow:0 6px 16px rgba(21,94,239,.2)}.productNav{display:flex;min-width:0;align-items:center;gap:4px}.productNav button{justify-content:center;gap:7px;min-height:40px;border:1px solid transparent;border-radius:var(--control-radius);background:transparent;color:var(--text-secondary);padding:0 14px;font-size:14px;font-weight:650;white-space:nowrap;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.productNav button:hover{background:var(--surface-muted);color:var(--text)}.productNav button.isActive{border-color:#cbd9fb;background:var(--accent-soft);color:var(--accent)}.headerModel{justify-content:flex-end;gap:8px;white-space:nowrap}.headerModel span{color:var(--text-muted);font-size:12px}.headerModel strong{color:var(--text);font-size:13px;font-weight:700}.appMain{width:min(1440px,100%);flex:1 1;margin:0 auto;padding:22px 24px 28px}.assetsView,.creationView{width:100%}.workspaceHeading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.workspaceHeading h1{margin:0;font-size:28px;font-weight:760;line-height:1.25}.workspaceHeading p{max-width:680px;margin:7px 0 0;color:var(--text-muted);font-size:14px;line-height:1.65}.workspaceSummary{flex:0 0 auto;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);color:var(--text-secondary);overflow:hidden}.workspaceSummary span{padding:8px 12px;font-size:12px;font-weight:650;white-space:nowrap}.workspaceSummary span+span{border-left:1px solid var(--border)}.creationWorkspace{display:grid;grid-template-columns:420px minmax(0,1fr);align-items:start;grid-gap:16px;gap:16px}.assetLibrary,.configPanel,.previewPanel,.uploadPanel{min-width:0;width:100%;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface);box-shadow:var(--shadow)}.configPanel{position:-webkit-sticky;position:sticky;top:86px;max-height:calc(100dvh - 196px);overflow-x:hidden;overflow-y:auto;padding:18px 18px 0;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.assetInfo,.assetLibraryHeader,.panelHeading,.previewHeader,.submitArea{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panelHeading{color:var(--text-secondary);padding-bottom:16px}.assetLibraryHeader h2,.panelHeading h2,.previewHeader h2{margin:4px 0 0;color:var(--text);font-size:18px;font-weight:730;line-height:1.35}.sectionLabel{color:var(--text-muted);font-size:12px;font-weight:650}.feedbackBar{width:100%;gap:9px;border:1px solid transparent;border-radius:var(--control-radius);padding:10px 11px;font-size:13px;line-height:1.45}.feedbackBar.isSuccess{border-color:#abefc6;background:var(--success-soft);color:var(--success)}.feedbackBar.isError{border-color:#fecdca;background:var(--danger-soft);color:var(--danger)}.formSection{min-width:0;margin:0;border:0;border-top:1px solid #edf0f4;padding:16px 0}.formSection legend,.formSection>span,.parameterGrid label>span,.promptField>span,.referenceSection label>span,.uploadPanel label>span{display:block;margin-bottom:9px;color:var(--text-secondary);font-size:13px;font-weight:680}.modeFieldset{padding-top:14px}.modeSegment{display:grid;min-width:0;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;border-radius:var(--panel-radius);background:var(--surface-muted);padding:4px}.modeSegment button{display:inline-flex;min-width:0;min-height:40px;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--control-radius);background:transparent;color:var(--text-muted);padding:7px 8px;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.modeSegment button:hover{color:var(--text)}.modeSegment button.isSelected{border-color:var(--border);background:var(--surface);color:var(--accent);box-shadow:0 2px 8px rgba(28,45,74,.08)}.promptField{position:relative;display:block}.promptField textarea{display:block;width:100%;min-height:132px;resize:vertical;padding:11px 12px 28px;line-height:1.65}.promptField small{position:absolute;right:10px;bottom:22px;color:var(--text-weak);font-size:11px;pointer-events:none}.styleTags{display:flex;flex-wrap:wrap;gap:7px}.assetActions button,.assetHeadingActions button,.inlineLinkButton,.styleTags button{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:650;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.styleTags button{min-height:34px;padding:0 11px}.assetActions button:hover,.assetHeadingActions button:hover,.inlineLinkButton:hover,.styleTags button:hover{border-color:#a7bdf3;color:var(--accent)}.assetActions button.isSelected,.styleTags button.isSelected{border-color:#a7bdf3;background:var(--accent-soft);color:var(--accent)}.fieldGrid,.parameterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fieldGrid,.parameterGrid,.referenceSection{display:grid;grid-gap:12px;gap:12px}.referenceSection legend{margin-bottom:0}.parameterGrid label,.referenceSection label,.uploadPanel label{display:block;min-width:0}.referenceNotice{justify-content:flex-start;gap:8px;border-radius:var(--control-radius);background:var(--surface-blue);color:var(--text-secondary);padding:10px;font-size:12px}.referenceNotice button{margin-left:auto;border:0;background:transparent;color:var(--accent);padding:2px;font-size:12px;font-weight:700;white-space:nowrap}.inlineLinkButton{width:-moz-fit-content;width:fit-content;gap:7px;min-height:36px;padding:0 11px}.modelField{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;border-radius:var(--control-radius);background:var(--surface-muted);padding:10px 11px}.modelField span{color:var(--text-muted);font-size:12px}.modelField strong{min-width:0;overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.configPanel input,.configPanel select,.configPanel textarea,.uploadPanel input,.uploadPanel select{min-width:0;width:100%;border:1px solid var(--border-strong);border-radius:var(--control-radius);background:var(--surface);color:var(--text);padding:10px 11px;font-size:13px;outline:0;transition:border-color .16s ease,box-shadow .16s ease}.configPanel input::placeholder,.configPanel textarea::placeholder,.uploadPanel input::placeholder{color:var(--text-weak)}.configPanel input:focus,.configPanel select:focus,.configPanel textarea:focus,.uploadPanel input:focus,.uploadPanel select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(21,94,239,.12)}.audioToggle{width:100%;justify-content:flex-start;gap:10px;margin-top:12px;border-radius:var(--control-radius);background:var(--surface-muted);padding:10px 11px}.audioToggle input{width:17px;height:17px;flex:0 0 17px;accent-color:var(--accent)}.audioToggle small,.audioToggle span,.audioToggle strong{display:block}.audioToggle strong{font-size:13px;font-weight:680}.audioToggle small{margin-top:3px;color:var(--text-muted);font-size:11px}.submitArea{position:-webkit-sticky;position:sticky;bottom:0;align-items:center;margin:0 -18px;border-top:1px solid var(--border);background:rgba(255,255,255,.97);padding:13px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.submitArea>span{max-width:190px;color:var(--text-muted);font-size:11px;line-height:1.4}.generateButton,.primaryCompactButton,.uploadButton{justify-content:center;gap:8px;border:1px solid var(--accent);border-radius:var(--control-radius);background:var(--accent);color:#ffffff;font-weight:700;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,opacity .16s ease}.generateButton{min-width:132px;min-height:42px;padding:0 16px;font-size:14px}.generateButton:hover,.primaryCompactButton:hover,.uploadButton:hover{border-color:var(--accent-hover);background:var(--accent-hover);color:#ffffff}.assetActions button:active,.generateButton:active,.primaryCompactButton:active,.styleTags button:active,.uploadButton:active{transform:translateY(1px)}.generateButton:disabled,.primaryCompactButton:disabled,.uploadButton:disabled{opacity:.55;transform:none}.previewPanel{position:-webkit-sticky;position:sticky;top:86px;display:flex;min-width:0;min-height:calc(100dvh - 196px);flex-direction:column;padding:16px}.previewHeader{align-items:center;padding:1px 2px 14px}.taskStatus{min-height:28px;justify-content:center;border-radius:999px;padding:0 10px;font-size:11px;font-weight:720;white-space:nowrap}.taskStatus.neutral{background:var(--surface-muted);color:var(--text-muted)}.taskStatus.working{background:var(--warning-soft);color:var(--warning)}.taskStatus.success{background:var(--success-soft);color:var(--success)}.taskStatus.danger{background:var(--danger-soft);color:var(--danger)}.previewCanvas{position:relative;display:grid;min-height:420px;flex:1 1;place-items:center;overflow:hidden;border-radius:var(--control-radius);background:var(--preview)}.previewCanvas video{display:block;width:100%;height:100%;max-height:calc(100dvh - 300px);object-fit:contain;background:var(--preview)}.previewPoster{object-fit:cover}.previewCanvas[data-ratio="3:4"] video,.previewCanvas[data-ratio="9:16"] video{width:auto;max-width:100%}.previewMeta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;border:1px solid var(--border);border-radius:var(--control-radius);overflow:hidden}.previewMeta div{min-width:0;padding:10px 12px}.previewMeta div+div{border-left:1px solid var(--border)}.previewMeta span,.previewMeta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.previewMeta span{color:var(--text-muted);font-size:10px}.previewMeta strong{margin-top:4px;font-size:12px;font-weight:700}.taskSummary{width:100%;justify-content:flex-start;gap:11px;margin-top:12px;border-radius:var(--control-radius);background:var(--surface-muted);color:var(--text-secondary);padding:11px 12px}.taskSummary>div{min-width:0;flex:1 1}.taskSummary span,.taskSummary strong{display:block}.taskSummary strong{color:var(--text);font-size:13px;font-weight:700}.taskSummary span{overflow:hidden;margin-top:3px;color:var(--text-muted);font-size:11px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.taskSummary.isError{background:var(--danger-soft);color:var(--danger)}.taskSummary a{flex:0 0 auto;gap:5px;color:var(--accent);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.assetHeading{align-items:center}.assetHeadingActions{display:flex;flex:0 0 auto;gap:8px}.assetHeadingActions button{justify-content:center;gap:7px;min-height:38px;padding:0 12px;white-space:nowrap}.assetHeadingActions .primaryCompactButton{border-color:var(--accent);background:var(--accent);color:#ffffff}.assetFeedback{margin-bottom:14px}.assetWorkspace{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start;grid-gap:16px;gap:16px}.uploadPanel{position:-webkit-sticky;position:sticky;top:86px;display:grid;grid-gap:14px;gap:14px;padding:18px}.uploadPanel .panelHeading{padding-bottom:2px}.uploadSourceFieldset{min-width:0;margin:0;border:0;padding:0}.uploadSourceFieldset legend{margin-bottom:9px;color:var(--text-secondary);font-size:13px;font-weight:680}.compactSegment{grid-template-columns:repeat(2,minmax(0,1fr))}.uploadPanel input[type=file]{max-width:100%;padding:8px;color:var(--text-secondary)}.uploadPanel input[type=file]::-webkit-file-upload-button{margin-right:8px;border:0;border-radius:4px;background:var(--surface-blue);color:var(--accent);padding:7px 9px;font-size:12px;font-weight:650}.uploadPanel input[type=file]::file-selector-button{margin-right:8px;border:0;border-radius:4px;background:var(--surface-blue);color:var(--accent);padding:7px 9px;font-size:12px;font-weight:650}.uploadButton{min-height:42px;padding:0 14px;font-size:13px}.assetLibrary{min-width:0;min-height:560px;padding:18px}.assetLibraryHeader{align-items:center;margin-bottom:16px}.assetLibraryHeader>span{color:var(--text-muted);font-size:12px}.assetGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.assetCard{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.assetCard:hover{border-color:#b8c8e8;box-shadow:0 8px 20px rgba(28,45,74,.08);transform:translateY(-1px)}.assetThumbnail{display:grid;aspect-ratio:16/10;place-items:center;overflow:hidden;background:#e8edf4;color:var(--text-muted)}.assetThumbnail img{width:100%;height:100%;object-fit:cover}.assetInfo{align-items:center;padding:11px 11px 8px}.assetInfo>div{min-width:0}.assetInfo span,.assetInfo strong{display:block}.assetInfo strong{overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.assetInfo div span{margin-top:4px;color:var(--text-muted);font-size:11px}.assetTypeLabel{flex:0 0 auto;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);padding:5px 8px;font-size:10px;font-weight:650}.assetActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px;padding:0 10px 10px}.assetActions button{min-width:0;min-height:32px;padding:5px 6px;line-height:1.2}.assetActions button:only-child{grid-column:1/-1}.assetEmptyState{display:grid;min-height:420px;place-items:center;align-content:center;grid-gap:8px;gap:8px;border:1px dashed var(--border-strong);border-radius:var(--panel-radius);background:var(--surface-muted);color:var(--text-muted);padding:32px;text-align:center}.assetEmptyState strong{color:var(--text);font-size:14px}.assetEmptyState span,.legalFooter{font-size:12px}.legalFooter{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:22px;border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);padding:12px 20px;text-align:center}.legalFooter a{gap:5px;color:var(--text-secondary);text-decoration:none}.legalFooter a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.spinIcon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1180px){.creationWorkspace{grid-template-columns:380px minmax(0,1fr)}.previewCanvas{min-height:380px}.assetGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:980px){.assetWorkspace,.creationWorkspace{grid-template-columns:minmax(0,1fr)}.configPanel,.previewPanel,.uploadPanel{position:static;max-height:none}.previewPanel{min-height:660px}.previewCanvas video{max-height:520px}}@media (max-width:720px){.appHeader{min-height:62px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:8px 14px}.headerModel{display:none}.productNav{justify-content:flex-end;overflow-x:auto;scrollbar-width:none}.productNav::-webkit-scrollbar{display:none}.productNav button{min-height:38px;padding:0 10px}.appMain{padding:16px 14px 22px}.assetHeading,.workspaceHeading{align-items:flex-start;flex-direction:column;gap:12px}.workspaceHeading h1{font-size:24px}.workspaceSummary{display:grid;min-width:0;width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.workspaceSummary span{min-width:0;overflow:hidden;flex:1 1;padding-inline:6px;text-align:center;text-overflow:ellipsis}.assetHeadingActions{width:100%}.assetHeadingActions button{flex:1 1}.assetLibrary,.configPanel,.previewPanel,.uploadPanel{box-shadow:none}.previewPanel{min-height:560px;padding:13px}.previewCanvas{min-height:350px}.previewCanvas video{max-height:430px}.previewMeta{grid-template-columns:repeat(2,minmax(0,1fr))}.previewMeta div:nth-child(3){border-left:0}.previewMeta div:nth-child(3),.previewMeta div:nth-child(4){border-top:1px solid var(--border)}.taskSummary{align-items:flex-start;flex-wrap:wrap}.taskSummary a{width:100%;justify-content:center;border-top:1px solid var(--border);padding-top:9px}.assetGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.legalFooter{align-items:center;flex-direction:column;gap:6px}}@media (max-width:500px){.appHeader{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding-inline:10px}.productBrand{gap:7px;font-size:14px}.productBrandIcon{width:32px;height:32px;flex-basis:32px}.productNav button{width:40px;gap:5px;padding:0;font-size:12px}.navLabel{display:none}.workspaceHeading p{font-size:13px}.assetLibrary,.configPanel,.uploadPanel{padding:14px}.submitArea{margin:0 -14px;padding:12px 14px}.submitArea>span{max-width:138px}.generateButton{min-width:124px}.modeSegment button{min-height:42px;flex-direction:column;gap:3px;font-size:11px}.fieldGrid,.parameterGrid{grid-template-columns:minmax(0,1fr)}.referenceNotice{align-items:flex-start;flex-wrap:wrap}.referenceNotice button{width:100%;margin-left:0;text-align:left}.previewHeader{align-items:flex-start}.assetLibraryHeader h2,.panelHeading h2,.previewHeader h2{font-size:16px}.assetGrid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}