:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eff3ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{background:radial-gradient(circle at 0 0,#7c3aed2e,#0000 28%),radial-gradient(circle at 100% 0,#3b82f61f,#0000 24%),linear-gradient(#f8faff 0%,#eef2ff 100%);margin:0}a{color:inherit}#root{width:100%}.app-layout{background:0 0;min-height:100vh}.app-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff14;height:auto;padding:16px 24px;position:sticky;top:0;background:#090e1ec7!important}.app-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;display:flex}.app-header-badge{color:#ffffffb8;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.app-menu{justify-content:flex-end;min-width:280px;background:0 0!important;border-bottom:none!important}.app-content{background:0 0;padding:24px}.page-container{max-width:1400px;margin:0 auto}.hero-card,.workflow-panel,.navigator-card,.summary-card{border-radius:24px;box-shadow:0 20px 60px #1f293714}.hero-card{background:linear-gradient(135deg,#111827 0%,#312e81 45%,#4f46e5 100%);overflow:hidden}.hero-card .ant-typography,.hero-card .ant-statistic,.hero-card .ant-statistic-content,.hero-card .ant-statistic-title{color:#fff}.hero-card .ant-typography-secondary,.hero-card .ant-statistic-title,.hero-card .ant-progress-text{color:#ffffffb8!important}.hero-side-card{box-shadow:none;background:#ffffff1a;border-radius:20px}.workflow-shell,.config-shell{padding-bottom:24px}.workflow-panel,.navigator-card,.summary-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6}.soft-card{background:linear-gradient(#f8fbff 0%,#eef3ff 100%);border-radius:18px}.idea-result-card{background:#fffffff5;border-radius:20px;height:100%;transition:all .2s;box-shadow:0 10px 30px #0f172a0f}.idea-result-card.selected{background:linear-gradient(#eef2ff 0%,#fff 100%);outline:1px solid #818cf8;box-shadow:0 18px 36px #6366f12e}.shot-editor-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #e2e8f0;border-radius:14px;padding:12px}.shot-editor-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.step-nav-button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;align-items:flex-start;gap:14px;width:100%;padding:16px;transition:all .2s;display:flex}.step-nav-button.horizontal{flex-direction:row;align-items:flex-start;width:calc(20% - 10px);min-width:190px}.step-nav-button:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 12px 30px #4f46e51f}.step-nav-button.active{background:linear-gradient(135deg,#eef2ff 0%,#fff 100%);border-color:#818cf8;box-shadow:0 16px 32px #6366f12e}.step-nav-icon{color:#4f46e5;background:#eef2ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.step-nav-content{flex:1;min-width:0}.step-nav-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.step-complete-icon{color:#16a34a}.workflow-sequence-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.step-sequence{align-items:stretch;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.step-sequence::-webkit-scrollbar{height:8px}.step-sequence::-webkit-scrollbar-thumb{background:#6366f13d;border-radius:999px}.storyboard-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0f172a0f}.public-asset-summary-card{background:linear-gradient(135deg,#fff 0%,#f3f6ff 100%);border:1px solid #818cf82e;border-radius:18px}.storyboard-asset-bind{background:linear-gradient(#fbfdff 0%,#f5f7ff 100%);border:1px solid #dbe4ff;border-radius:16px;margin-bottom:14px;padding:14px}.bound-public-assets{width:100%;margin-top:10px}.bound-public-asset-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:142px;overflow:hidden;box-shadow:0 8px 18px #0f172a0d}.bound-public-asset-card img,.bound-public-asset-empty{object-fit:cover;color:#94a3b8;background:#0f172a;justify-content:center;align-items:center;width:100%;height:78px;display:flex}.bound-public-asset-meta{flex-direction:column;gap:2px;padding:8px 10px 10px;display:flex}.task-manager-card{background:#ffffffdb;border-radius:22px;box-shadow:0 16px 42px #1f293714}.task-dashboard-hero{background:radial-gradient(circle at 100% 0,#7c3aed2e,#0000 36%),linear-gradient(135deg,#fff 0%,#f6f3ff 48%,#eef6ff 100%);border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #1f293714}.task-dashboard-card{background:#fff}.task-list{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.task-list.dashboard{flex-direction:column;gap:14px;overflow-x:visible}.task-card{cursor:pointer;background:linear-gradient(#fff 0%,#f8fbff 100%);border-radius:18px;flex:0 0 240px;width:240px;transition:all .2s}.task-card:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 12px 26px #4f46e51f}.task-card.active{background:linear-gradient(#eef2ff 0%,#fff 100%);border-color:#818cf8;box-shadow:0 16px 34px #6366f12e}.task-card.list-row{border-radius:20px;flex:none;width:100%}.task-card-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.task-card-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.task-card-side{flex-direction:column;align-items:flex-end;gap:10px;width:280px;display:flex}.task-name-input{color:#111827;background:0 0;border:0;width:280px;max-width:100%;font-size:18px;font-weight:700;box-shadow:none!important}.asset-library-card{background:radial-gradient(circle at 0 0,#7c3aed24,#0000 34%),linear-gradient(#fbfaff 0%,#f4f7ff 100%);border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px #818cf81f}.asset-library-hero{background:linear-gradient(135deg,#111827f0 0%,#312e81e6 50%,#4f46e5db 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.asset-library-copy{max-width:720px}.asset-library-copy .ant-typography,.asset-library-copy .ant-typography-secondary{color:#fff!important}.asset-library-copy .ant-typography-secondary{opacity:.74}.asset-library-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.asset-library-stat{background:#ffffffd1;border-radius:18px;min-height:86px;padding:16px;box-shadow:0 12px 26px #4f46e514}.asset-library-stat strong{color:#312e81;margin-top:6px;font-size:26px;line-height:1;display:block}.asset-library-item{background:#fffffff5;border-radius:24px;height:100%;transition:all .2s;overflow:hidden;box-shadow:0 14px 34px #0f172a14}.asset-visual-card{background:#fff}.asset-compact-card .ant-card-body{padding:14px}.asset-library-item:hover{transform:translateY(-2px);box-shadow:0 18px 42px #4f46e524}.asset-library-item.enabled{outline:1px solid #6366f173}.asset-library-item.disabled{opacity:.68}.asset-thumb-wrap{background:linear-gradient(135deg,#111827,#312e81);height:260px;margin:-24px -24px 16px;position:relative;overflow:hidden}.asset-compact-card .asset-thumb-wrap{border-radius:18px 18px 14px 14px;height:148px;margin:-14px -14px 12px}.asset-thumb-image{object-fit:contain;background-color:#0f172a;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;height:100%;padding:10px;display:block}.asset-thumb-empty{color:#94a3b8;background:radial-gradient(circle at 50% 0,#818cf83d,#0000 42%),#111827;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.asset-compact-card .asset-thumb-empty{gap:6px;font-size:12px}.asset-compact-card .asset-thumb-empty>span:first-child{font-size:24px}.asset-thumb-empty>span:first-child{color:#c4b5fd;font-size:34px}.asset-thumb-badges{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.asset-title-input{color:#111827;background:0 0;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;padding-left:0;padding-right:0;font-size:20px;font-weight:700;box-shadow:none!important}.asset-compact-card .asset-title-input{font-size:16px;line-height:1.4}.asset-title-input:hover,.asset-title-input:focus{border-bottom-color:#7c3aed}.asset-library-empty{text-align:center;background:#ffffffb8;border:1px dashed #c4b5fd;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:32px;display:flex}.asset-library-empty>span:first-child{color:#7c3aed;margin-bottom:10px;font-size:42px}.asset-category-empty{color:#64748b;text-align:center;background:#ffffff9e;border:1px dashed #cbd5e1;border-radius:16px;padding:18px}.asset-category-tabs,.asset-picker-tabs{width:100%}.asset-category-tabs .ant-tabs-nav,.asset-picker-tabs .ant-tabs-nav{margin-bottom:16px}.upload-asset-name-row{background:#f8fafc;border-radius:12px;grid-template-columns:minmax(120px,200px) 1fr 120px;align-items:center;gap:10px;padding:10px;display:grid}.asset-picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.asset-picker-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:0;transition:all .2s;position:relative;overflow:hidden}.asset-picker-card:hover,.asset-picker-card.checked{border-color:#818cf8;box-shadow:0 12px 24px #6366f129}.asset-picker-card .ant-checkbox-wrapper,.asset-picker-card .ant-checkbox{z-index:1;position:absolute;top:8px;left:8px}.asset-picker-card img,.asset-picker-empty{object-fit:cover;color:#94a3b8;background:#0f172a;justify-content:center;align-items:center;width:100%;height:104px;display:flex}.asset-picker-meta{flex-direction:column;gap:2px;padding:9px 10px 11px;display:flex}.background-music-card{background:linear-gradient(135deg,#fff 0%,#f6f3ff 100%);border:1px solid #818cf82e;border-radius:18px}.selected-assets-table{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.selected-asset-thumb{object-fit:cover;color:#94a3b8;background:#0f172a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;display:flex}.upload-file-name{max-width:220px}@media (width<=768px){.task-card-row{flex-direction:column;align-items:stretch}.task-card-side{align-items:stretch;width:100%}.upload-asset-name-row{grid-template-columns:1fr}}.preview-box{flex-direction:column;gap:10px;display:flex}.preview-image,.preview-video,.final-video{object-fit:cover;background:#0f172a;border-radius:16px;width:100%}.preview-image,.preview-video{min-height:220px}.final-preview{width:100%}.final-video{max-width:100%;min-height:360px}.preview-empty{color:#64748b;text-align:center;background:linear-gradient(#f8fafc 0%,#eef2f7 100%);border:1px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;min-height:220px;padding:24px;display:flex}.preview-empty.small{min-height:160px}.preview-error-box,.asset-error-box{color:#b91c1c;white-space:pre-wrap;word-break:break-word;background:linear-gradient(#fff7f7 0%,#fef2f2 100%);border:1px solid #fecaca;border-radius:16px;padding:14px 16px}.preview-error-box{align-items:center;min-height:220px;display:flex}.asset-feedback-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.summary-item{align-items:flex-start;gap:14px;display:flex}.summary-item>span,.summary-item>svg{color:#4f46e5;margin-top:2px;font-size:20px}@media (width<=992px){.app-header{padding:16px}.app-header-inner{flex-direction:column;align-items:flex-start}.app-menu{width:100%;min-width:0}.app-content{padding:16px}.step-nav-button.horizontal{width:260px;min-width:260px}.consistency-header{flex-direction:column}}html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}
html[data-preview-ratio="16:9"] .preview-image,html[data-preview-ratio="16:9"] .preview-video,html[data-preview-ratio="16:9"] .preview-empty,html[data-preview-ratio="16:9"] .preview-error-box{aspect-ratio:16/9;min-height:0;max-height:520px;object-fit:contain}html[data-preview-ratio="9:16"] .preview-image,html[data-preview-ratio="9:16"] .preview-video,html[data-preview-ratio="9:16"] .preview-empty,html[data-preview-ratio="9:16"] .preview-error-box{aspect-ratio:9/16;min-height:0;max-height:640px;object-fit:contain}.preview-image,.preview-video{background:#0f172a}
.ant-btn-loading{position:relative;overflow:hidden}.ant-btn-loading:after{content:"";pointer-events:none;position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0000 0%,#ffffffbf 35%,#ffffff 50%,#ffffffbf 65%,#0000 100%);transform:translateX(-100%);animation:button-loading-progress 1.15s ease-in-out infinite}.ant-btn-default.ant-btn-loading:after{background:linear-gradient(90deg,#0000 0%,#7c3aed59 35%,#7c3aed 50%,#7c3aed59 65%,#0000 100%)}@keyframes button-loading-progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.preview-loading{justify-content:center;align-items:center;min-height:220px;display:flex}.circular-progress{width:56px;height:56px;border-radius:50%;border:4px solid #e5e7eb;border-top:4px solid #7c3aed;animation:kingnet-spin 1s linear infinite}@keyframes kingnet-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}