@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-orange-50:oklch(98% .016 73.684);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-800:oklch(47% .157 37.304);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.z-50{z-index:50}.z-\[999\]{z-index:999}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-3{margin:calc(var(--spacing)*3)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.my-1{margin-block:calc(var(--spacing)*1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mr-1{margin-right:calc(var(--spacing)*1)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-10{height:calc(var(--spacing)*10)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-full\!{height:100%!important}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing)*96)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-\[140px\]{width:140px}.w-\[180px\]{width:180px}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.overflow-auto{overflow:auto}.overflow-auto\!{overflow:auto!important}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0\!{border-style:var(--tw-border-style)!important;border-width:0!important}.border-gray-300{border-color:var(--color-gray-300)}.border-orange-200{border-color:var(--color-orange-200)}.border-red-200{border-color:var(--color-red-200)}.border-b-gray-200\!{border-bottom-color:var(--color-gray-200)!important}.bg-orange-50{background-color:var(--color-orange-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-white{background-color:var(--color-white)}.bg-white\!{background-color:var(--color-white)!important}.p-1{padding:calc(var(--spacing)*1)}.p-4{padding:calc(var(--spacing)*4)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.pr-2{padding-right:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-nowrap{text-wrap:nowrap}.break-words,.wrap-break-word{overflow-wrap:break-word}.text-clip{text-overflow:clip}.text-black\!{color:var(--color-black)!important}.text-blue-600{color:var(--color-blue-600)}.text-gray-900{color:var(--color-gray-900)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-800{color:var(--color-orange-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.placeholder\:text-gray-500::-moz-placeholder{color:var(--color-gray-500)}.placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}@media(hover:hover){.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}}.focus\:bg-blue-100:focus{background-color:var(--color-blue-100)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{scrollbar-width:thin;scrollbar-color:#ccc transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px;-webkit-transition:background-color .2s;transition:background-color .2s}*::-webkit-scrollbar-thumb:hover{background-color:#bbb}*::-webkit-scrollbar-thumb:active{background-color:#aaa}*::-webkit-scrollbar-corner{background:transparent}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.main-layout-content{display:flex;flex:1;overflow:hidden}.design-workspace{flex:1;background-color:#f9f8f8;display:flex;justify-content:center;align-items:flex-start;overflow:auto;height:calc(100vh - 40px);max-height:calc(100vh - 40px);min-width:0}.workspace-content{text-align:center;color:#e0e0e0}.workspace-content h2{font-size:32px;margin-bottom:16px;color:#363636}.workspace-content p{font-size:16px;color:#888}.dev-icon{font-size:64px;margin-bottom:24px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dev-status{font-size:18px;color:orange;font-weight:600;margin-bottom:8px}.dev-hint{font-size:14px;color:#666;font-style:italic}.app-header{height:40px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 2px 8px #00000014;flex:none;z-index:10}.header-left{display:flex;align-items:center;gap:6px}.app-logo{font-weight:700;font-size:16px;color:#000;margin-right:8px}.menu-button{cursor:pointer;padding:4px 8px;background-color:#444;border-radius:4px;font-size:12px}.menu-button:hover{background-color:#555}.menu-container{position:relative}.menu-button.active{background-color:#555;color:#fff}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background-color:#333;border:1px solid #000;border-radius:4px;box-shadow:0 4px 6px #0000004d;min-width:120px;z-index:1000;display:flex;flex-direction:column;padding:4px 0}.menu-item{padding:8px 16px;font-size:13px;color:#e0e0e0;cursor:pointer;transition:background-color .2s;position:relative;white-space:nowrap}.menu-item:hover{background-color:#646cff;color:#fff}.menu-item.disabled,.menu-button.disabled{color:#666;cursor:not-allowed;pointer-events:none}.menu-item.disabled:hover,.menu-button.disabled:hover{background-color:transparent;color:#666}.menu-item.has-submenu{display:flex;justify-content:space-between;align-items:center}.menu-item.has-submenu:after{content:"▸";font-size:10px;margin-left:8px}.submenu{display:none;position:absolute;left:100%;top:0;background-color:#333;border:1px solid #000;border-radius:4px;box-shadow:0 4px 6px #0000004d;min-width:120px;padding:4px 0;z-index:1001}.menu-item:hover>.submenu{display:flex;flex-direction:column}.current-time{font-size:12px;color:#aaa;font-family:monospace}.header-center{flex:1;display:flex;justify-content:center}.project-name{font-size:14px;color:#ddd}.header-right{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.user-dropdown{min-width:100px;margin-top:8px}.user-avatar{width:24px;height:24px;background-color:#646cff;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;font-weight:700;-o-object-fit:cover;object-fit:cover}.user-name{font-size:12px;color:#1a1a1a;font-weight:500}.main-content{display:flex;overflow:hidden}.left-sidebar{flex:1;background-color:#252526;border-right:2px solid #000;display:flex;flex-direction:column;height:100%}.center-area{display:flex;flex-direction:column}.preview-panel{flex:1;background-color:#1e1e1e;display:flex;flex-direction:column}.toolbar{height:40px;background-color:#252526;border-top:2px solid #000;display:flex;align-items:center;justify-content:center}.right-sidebar{flex:1;background-color:#252526;border-left:2px solid #000;display:flex;flex-direction:column;height:100%}.resizer-row{height:8px;background-color:#111;cursor:row-resize;display:flex;justify-content:center;align-items:center;transition:background-color .2s;flex:none;border-top:1px solid #000;border-bottom:1px solid #000;z-index:10}.resizer-row:hover{background-color:#646cff}.resizer-handle{width:40px;height:4px;background-color:#444;border-radius:2px;pointer-events:none}.resizer-row:hover .resizer-handle{background-color:#fff}.resizer-col{width:8px;background-color:#111;cursor:col-resize;display:flex;justify-content:center;align-items:center;transition:background-color .2s;flex:none;border-left:1px solid #000;border-right:1px solid #000;z-index:10}.resizer-col:hover{background-color:#646cff}.bottom-panel{flex:1;background-color:#252526;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:0;font-weight:700;background-color:#333;border-bottom:1px solid #000;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.panel-content{flex:1;padding:10px;overflow-y:auto}.media-tabs,.properties-tabs{display:flex;width:100%;background-color:#2d2d2d}.media-tab,.properties-tab{flex:1;padding:12px 0;text-align:center;cursor:pointer;font-size:13px;color:#888;transition:all .2s;border-bottom:2px solid transparent}.media-tab:hover,.properties-tab:hover{color:#ccc;background-color:#383838}.media-tab.active,.properties-tab.active{color:#fff;background-color:#333;border-bottom:2px solid #646cff}.panel-content.no-padding{padding:0;display:flex;flex-direction:column}.media-split-layout{display:flex;flex:1;height:100%}.media-groups{width:100px;background-color:#2a2a2a;border-right:1px solid #000;display:flex;flex-direction:column;padding:8px;gap:4px}.media-group-item{padding:8px 4px;font-size:12px;color:#888;cursor:pointer;transition:all .2s;border-radius:6px;text-align:center}.media-group-item:hover{color:#ccc;background-color:#383838}.media-group-item.active{color:#fff;background-color:#646cff;font-weight:500}.media-assets-list{flex:1;padding:10px;overflow-y:auto;background-color:#252526}.media-content-placeholder,.properties-content-placeholder{display:flex;justify-content:center;align-items:center;height:100%;color:#555;font-style:italic}.text-content-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:16px}.text-content-card{background-color:#2d2d2d;border:2px solid #3a3a3a;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.text-content-card:hover{background-color:#333;border-color:#646cff}.text-content-card.active{background-color:#1e1e3f;border-color:#646cff;box-shadow:0 0 8px #646cff4d}.text-content-icon{font-size:32px;line-height:1}.text-content-name{font-size:12px;color:#ccc;text-align:center;line-height:1.3}.text-content-desc{font-size:10px;color:#888;text-align:center;line-height:1.2}.timeline-panel{display:flex;flex-direction:column}.timeline-toolbar{height:32px;background-color:#333;border-bottom:1px solid #000;display:flex;align-items:center;padding:0 10px;flex:none}.panel-header-text{font-size:12px;font-weight:700;color:#ccc}.timeline-body{flex:1;display:flex;overflow:hidden}.timeline-sidebar{width:200px;background-color:#2a2a2a;border-right:1px solid #000;display:flex;flex-direction:column;flex:none;z-index:2}.timeline-sidebar-header{height:30px;border-bottom:1px solid #444;background-color:#252526;flex:none}.track-headers-list{flex:1;overflow-y:hidden;background-color:#2a2a2a}.track-header{height:50px;border-bottom:1px solid #111;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:#2d2d2d;color:#ccc;font-size:12px;box-sizing:border-box}.track-controls .icon{margin-left:8px;cursor:pointer;opacity:.7}.track-controls .icon:hover{opacity:1}.timeline-content{flex:1;display:flex;flex-direction:column;background-color:#1e1e1e;overflow:hidden;position:relative}.time-ruler-container{height:30px;background-color:#252526;border-bottom:1px solid #444;overflow:hidden;flex:none;position:relative;width:100%}.time-ruler{height:100%;position:relative}.ruler-tick{position:absolute;bottom:0;height:50%;border-left:1px solid #666;padding-left:4px}.tick-label{font-size:10px;color:#888;position:absolute;left:0;white-space:nowrap}.tracks-container{flex:1;overflow:auto;position:relative}.track-lane{height:50px;border-bottom:1px solid #222;position:relative;width:2000px;background-color:#1e1e1e;box-sizing:border-box}.track-lane-bg{width:100%;height:100%;background-image:linear-gradient(90deg,#2a2a2a 1px,transparent 1px);background-size:100px 100%}.properties-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#888;text-align:center;padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:16px;margin-bottom:8px;color:#999}.empty-hint{font-size:12px;color:#666}.clip-properties{padding:16px;overflow-y:auto;height:100%}.property-section{margin-bottom:24px;background-color:#2d2d2d;border-radius:6px;padding:16px}.section-title{font-size:14px;font-weight:600;color:#e0e0e0;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #444}.property-row{display:flex;align-items:center;margin-bottom:12px;gap:12px}.property-row-full{flex-direction:column;align-items:stretch}.property-label{flex:0 0 100px;font-size:12px;color:#aaa;font-weight:500}.property-value{flex:1;font-size:12px;color:#e0e0e0}.property-input{flex:1;background-color:#1e1e1e;border:1px solid #444;border-radius:4px;padding:6px 10px;color:#e0e0e0;font-size:12px;outline:none;transition:all .2s}.property-input:focus{border-color:#646cff;background-color:#252526}.property-input:hover{border-color:#555}.property-textarea{width:100%;background-color:#1e1e1e;border:1px solid #444;border-radius:4px;padding:8px 10px;color:#e0e0e0;font-size:12px;outline:none;resize:vertical;min-height:80px;font-family:inherit;transition:all .2s}.property-textarea:focus{border-color:#646cff;background-color:#252526}.property-textarea:hover{border-color:#555}.clip-type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.clip-type-text{background-color:#4a6fa54d;color:#8fb4ff;border:1px solid #4a6fa5}.clip-type-video{background-color:#6b5b954d;color:#b4a0ff;border:1px solid #6b5b95}.clip-type-audio{background-color:#52a0844d;color:#7dd3b0;border:1px solid #52a084}.clip-type-image{background-color:#a0526b4d;color:#ff8fb4;border:1px solid #a0526b}.clip-type-effect{background-color:#a07a524d;color:#ffb47d;border:1px solid #a07a52}.property-placeholder{padding:20px;text-align:center;color:#666;font-size:12px}.save-error{background-color:#ff4d4f1a;border:1px solid #ff4d4f;border-radius:4px;padding:8px 12px;color:#ff7875;font-size:12px;margin-bottom:12px}.property-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #333;margin-top:16px}.btn-save{flex:1;background-color:#646cff;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-save:hover{background-color:#535bf2}.btn-save:active{background-color:#4248d4;transform:scale(.98)}.btn-save:disabled{background-color:#444;color:#888;cursor:not-allowed;transform:none}.media-toolbar{padding:12px;border-bottom:1px solid #333;background-color:#252526;display:flex;gap:8px}.btn-add-resource{flex:1;background-color:#646cff;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-resource:hover{background-color:#535bf2}.btn-add-resource:active{background-color:#4248d4;transform:scale(.98)}.btn-refresh-resource{flex-shrink:0;width:36px;height:32px;background-color:#3a3a3a;color:#e0e0e0;border:1px solid #555;border-radius:4px;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.btn-refresh-resource:hover:not(:disabled){background-color:#444;border-color:#646cff;color:#646cff}.btn-refresh-resource:active:not(:disabled){background-color:#2a2a2a;transform:rotate(180deg)}.btn-refresh-resource:disabled{opacity:.5;cursor:not-allowed;animation:spin 1s linear infinite}.media-loading{padding:40px 20px;text-align:center;color:#888;font-size:14px}.resource-list{padding:8px;overflow-y:auto;height:calc(100% - 60px)}.resource-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:6px;background-color:#2d2d2d;border:1px solid #3a3a3a;border-radius:6px;cursor:grab;transition:all .2s;z-index:1}.resource-item.menu-active{z-index:200}.resource-item:hover{background-color:#353535;border-color:#646cff;transform:translate(2px)}.resource-item:active{cursor:grabbing;opacity:.7}.resource-icon{font-size:24px;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#646cff1a;border-radius:4px}.resource-thumbnail{flex-shrink:0;width:48px;height:48px;border-radius:4px;overflow:hidden;background-color:#1e1e1e;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #3a3a3a}.resource-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-fallback{font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thumbnail-fallback.hidden{display:none}.resource-thumbnail.missing{background-color:#ff4d4f1a;border-color:#ff4d4f4d;flex-direction:column;gap:2px}.missing-icon{font-size:18px}.missing-text{font-size:9px;color:#ff4d4f;font-weight:600;text-align:center;line-height:1}.resource-info{flex:1;min-width:0}.resource-name{font-size:13px;color:#e0e0e0;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-type{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.resource-menu{position:relative;flex-shrink:0;margin-left:auto;z-index:100}.menu-trigger{width:28px;height:28px;background:none;border:none;color:#888;font-size:18px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.menu-trigger:hover{background-color:#ffffff1a;color:#e0e0e0}.menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background-color:#2d2d2d;border:1px solid #444;border-radius:6px;box-shadow:0 4px 12px #00000080;min-width:120px;z-index:1001;overflow:hidden}.menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:none;border:none;color:#e0e0e0;font-size:13px;text-align:left;cursor:pointer;transition:all .2s}.menu-item:hover{background-color:#646cff26}.menu-item-danger:hover{background-color:#ff4d4f26;color:#ff4d4f}.menu-icon{font-size:14px;width:16px;text-align:center}.agent-loading-container{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e8eaf6);padding:40px}.agent-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-spinner-large{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#646cff;border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:16px;color:#666;margin:0}.agent-error-container{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e8eaf6);padding:40px}.agent-error-content{background-color:#fff;border-radius:16px;padding:60px 80px;box-shadow:0 8px 32px #00000014;text-align:center;max-width:600px;animation:fadeInScale .4s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.agent-error-content .error-icon{color:#ff9800;margin:0 auto 24px;animation:pulse 2s ease-in-out infinite;display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.agent-error-content .error-title{font-size:28px;font-weight:700;color:#333;margin:0 0 16px;letter-spacing:-.5px;text-align:center;width:100%}.agent-error-content .error-message{font-size:16px;color:#666;line-height:1.8;margin:0 0 32px;text-align:center;width:100%}.agent-error-content .error-hint{padding-top:24px;border-top:1px solid #e8e8e8;width:100%;text-align:center}.agent-error-content .error-hint p{font-size:14px;color:#999;margin:0}@media(max-width:768px){.agent-error-content{padding:40px 30px;max-width:90%}.agent-error-content .error-title{font-size:24px}.agent-error-content .error-message{font-size:15px}}.app-header{position:relative}.header-center{position:absolute;left:50%;transform:translate(-25%);display:flex;align-items:center;justify-content:center;gap:16px;height:100%}.header-center .project-name{font-size:14px;color:#fff;margin-top:5px}.member-mgmt-btn{background:transparent;border:1px solid #ddd;color:#666;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .2s;margin:0}.member-mgmt-btn:hover{border-color:#646cff;color:#646cff;background-color:#646cff0d}.company-selector{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;margin-right:16px}.company-selector .selector-icon{color:#666;flex-shrink:0}.company-selector:hover{background-color:#e8f4ff;border-color:#4a9eff}.company-selector .company-name{color:#333;font-size:13px;font-weight:500;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.company-selector .dropdown-icon{color:#666;transition:transform .2s,color .2s}.company-selector:hover .dropdown-icon{color:#4a9eff}.company-selector .dropdown-icon.open{transform:rotate(180deg)}.company-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden}.company-dropdown .menu-item{padding:10px 14px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.company-dropdown .menu-item:last-child{border-bottom:none}.company-dropdown .menu-item:hover{background-color:#f8f9fa}.company-dropdown .menu-item.active{background-color:#e8f4ff}.company-dropdown .menu-item.active:hover{background-color:#dceeff}.company-item-name{color:#333;font-size:13px}.agent-selector{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;margin-right:16px}.agent-selector.disabled{opacity:.6;cursor:not-allowed;background-color:#fafafa}.agent-selector.disabled:hover{background-color:#fafafa;border-color:#e0e0e0}.agent-selector .selector-icon{color:#666;flex-shrink:0}.agent-selector .loading-icon{color:#666;flex-shrink:0;animation:spin 1s linear infinite}.agent-selector:not(.disabled):hover{background-color:#fff4e8;border-color:#ff9f4a}.agent-selector .agent-name{color:#333;font-size:13px;font-weight:500;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.agent-selector .dropdown-icon{color:#666;transition:transform .2s,color .2s}.agent-selector:not(.disabled):hover .dropdown-icon{color:#ff9f4a}.agent-selector .dropdown-icon.open{transform:rotate(180deg)}.agent-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;max-width:350px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;max-height:400px;overflow-y:auto}.agent-dropdown .menu-item{padding:10px 14px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.agent-dropdown .menu-item:last-child{border-bottom:none}.agent-dropdown .menu-item:hover{background-color:#f8f9fa}.agent-dropdown .menu-item.active{background-color:#fff4e8}.agent-dropdown .menu-item.active:hover{background-color:#ffe8d1}.agent-item{display:flex;align-items:center;gap:10px}.agent-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.agent-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.agent-item-name{color:#333;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-item-description{color:#666;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.page-loading{flex:1;width:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.page-loading--compact{min-height:100px}.page-loading-spinner{width:34px;height:34px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:pageLoadingSpin .8s linear infinite;flex-shrink:0}.page-loading--compact .page-loading-spinner{width:24px;height:24px;border-width:2.5px}.page-loading-text{margin:0;font-size:14px;color:#9ca3af}@keyframes pageLoadingSpin{to{transform:rotate(360deg)}}.app-sidebar{width:120px;flex-shrink:0;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:6px 0;overflow-y:auto;height:100%}.sidebar-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:12px;color:#6b7280;text-decoration:none;transition:background-color .15s,color .15s;border-left:3px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-nav-item:hover{background-color:#f3f4f6;color:#1f2937}.sidebar-nav-item--active{background-color:#eff6ff;color:#2563eb;border-left-color:#2563eb;font-weight:500}.sidebar-nav-item--active:hover{background-color:#dbeafe}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav-label{text-align:center;line-height:1.2;white-space:nowrap}.forbidden-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:16px;color:#6b7280;padding:60px 20px}.forbidden-page .forbidden-icon{color:#f59e0b}.forbidden-page h2{font-size:24px;font-weight:700;color:#374151;margin:0}.forbidden-page p{font-size:14px;color:#9ca3af;margin:0;text-align:center}.main-layout-forbidden{flex:1;display:flex;align-items:center;justify-content:center;font-size:16px;color:#9ca3af}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;color:#333;background:linear-gradient(-45deg,#e8eaf6,#e3f2fd,#e8f5e9,#fce4ec,#fff8e1,#ede7f6,#e8eaf6);background-size:400% 400%;animation:gradientFlow 10s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 0%}75%{background-position:0% 100%}to{background-position:0% 50%}}.login-inner{display:flex;align-items:stretch;width:100%;max-width:1500px;min-height:560px;max-height:80vh;padding:0 32px}.login-left-pane{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 40px 40px 0;min-width:0}.login-left-content{width:100%;max-width:800px;display:flex;flex-direction:column;gap:44px}.login-left-header{display:flex;flex-direction:column;gap:10px}.login-left-brand{font-size:28px;font-weight:700;color:#111827;letter-spacing:.3px}.login-left-tagline{font-size:36px;font-weight:700;color:#111827;margin:0;letter-spacing:-.6px;line-height:1.2}.login-left-desc{font-size:15px;color:#6b7280;margin:0;line-height:1.7}@keyframes cardBreath{0%{transform:translateY(0)}12%{transform:translateY(-9px)}22%{transform:translateY(-8px)}32%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes cardShadowBreath{0%,32%,to{box-shadow:0 4px 16px #00000014,inset 0 1px #fff9}12%,22%{box-shadow:0 18px 42px #0000002b,0 4px 12px #00000014,inset 0 1px #ffffffe0}}.login-category-cards{display:flex;gap:14px}.login-category-item{flex:1;display:flex;flex-direction:column;align-items:center;transition:transform .25s ease}.login-category-item:nth-child(1){animation:cardBreath 5s ease-in-out infinite;animation-delay:0s}.login-category-item:nth-child(2){animation:cardBreath 5s ease-in-out infinite;animation-delay:-4s}.login-category-item:nth-child(3){animation:cardBreath 5s ease-in-out infinite;animation-delay:-3s}.login-category-item:nth-child(4){animation:cardBreath 5s ease-in-out infinite;animation-delay:-2s}.login-category-item:nth-child(5){animation:cardBreath 5s ease-in-out infinite;animation-delay:-1s}.login-category-item:nth-child(1) .login-category-card{animation:cardShadowBreath 5s ease-in-out infinite;animation-delay:0s}.login-category-item:nth-child(2) .login-category-card{animation:cardShadowBreath 5s ease-in-out infinite;animation-delay:-4s}.login-category-item:nth-child(3) .login-category-card{animation:cardShadowBreath 5s ease-in-out infinite;animation-delay:-3s}.login-category-item:nth-child(4) .login-category-card{animation:cardShadowBreath 5s ease-in-out infinite;animation-delay:-2s}.login-category-item:nth-child(5) .login-category-card{animation:cardShadowBreath 5s ease-in-out infinite;animation-delay:-1s}.login-category-cards:hover .login-category-item,.login-category-cards:hover .login-category-item .login-category-card{animation:none}.login-category-item:hover{transform:translateY(-4px)}.login-category-card{width:100%;aspect-ratio:9 / 16;background:#ffffff47;background-size:cover;background-position:center;background-repeat:no-repeat;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,.55);border-top-color:#ffffffd9;border-left-color:#ffffffbf;border-radius:16px;cursor:default;box-shadow:0 4px 16px #00000014,inset 0 1px #fff9;transition:box-shadow .2s,transform .2s}.login-category-card:hover{box-shadow:0 8px 28px #00000021,inset 0 1px #ffffffb3}.login-category-card{position:relative}.cat-row{position:absolute;bottom:10px;left:8px;right:8px;display:flex;align-items:baseline;gap:6px;padding:6px 10px;background:#00000052;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;border:1px solid rgba(255,255,255,.12)}.cat-label{font-size:14px;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap}.cat-en{font-size:10px;color:#fff9;letter-spacing:.4px;line-height:1.2;white-space:nowrap}.login-right-pane{width:380px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding:40px 0 24px 24px}.login-box{width:100%;padding:32px 36px;background:#ffffff47;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border-radius:20px;border:1px solid rgba(255,255,255,.55);border-top-color:#ffffffd9;border-left-color:#ffffffbf;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f,inset 0 1px #fff9}@media(max-width:960px){.login-inner{padding:0 16px}.login-left-pane{display:none}.login-right-pane{width:100%;padding:24px 0;justify-content:center}}.login-header{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.login-title{font-size:22px;color:#000;font-weight:600;margin:0}.login-subtitle{font-size:18px;color:#666;font-weight:400}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#333;font-weight:500}.form-group input{width:100%;height:36px;padding:8px 12px;background-color:transparent;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:14px;box-sizing:border-box;transition:all .2s;box-shadow:0 1px 2px #0000000d}.form-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 1px #646cff}.login-button{width:100%;height:36px;padding:8px 16px;background-color:#000;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.login-button:hover{background-color:#2a2a2a}.login-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.5}.error-message{color:#ff4d4f;margin-bottom:16px;font-size:14px;text-align:center}.divider{position:relative;margin:16px 0;display:flex;align-items:center;justify-content:center}.divider-line{position:absolute;inset:0;display:flex;align-items:center}.divider-line:before{content:"";width:100%;height:1px;background-color:#e5e7eb}.divider-text{position:relative;background-color:transparent;padding:0 8px;color:#9ca3af;font-size:12px;text-transform:uppercase}.feishu-login-button{width:100%;height:36px;padding:8px 16px;background-color:#fff;color:#333;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px #0000000d}.feishu-login-button:hover{background-color:#f9fafb;border-color:#d1d5db}.feishu-login-button:active{transform:scale(.98)}.feishu-icon{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.login-powered-by{margin:13px 0 0;text-align:center;font-size:11px;color:silver;letter-spacing:.3px}.token-auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);animation:gradientShift 10s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.token-auth-content{text-align:center;background:#fffffff2;padding:60px 80px;border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .6s ease-out;min-width:400px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-icon{margin:0 auto 24px;display:block}.auth-icon.loading{color:#646cff;animation:spin 1s linear infinite}.auth-icon.success{color:#10b981;animation:scaleIn .5s ease-out}.auth-icon.error{color:#ef4444;animation:shake .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.auth-title{font-size:24px;font-weight:600;color:#2c3e50;margin:0 0 12px;line-height:1.4}.auth-hint{font-size:14px;color:#666;margin:0;line-height:1.6}@media(max-width:768px){.token-auth-content{min-width:90%;padding:40px 30px}.auth-icon{width:48px;height:48px}.auth-title{font-size:20px}}.video-production-container{width:100%;height:100%;display:flex;background-color:#f5f7fa;overflow:hidden;padding:16px}.task-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.task-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background-color:#fff}.task-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.header-actions{display:flex;gap:8px;align-items:center}.btn-refresh{display:flex;align-items:center;justify-content:center;padding:8px;background-color:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.view-mode-switch{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.btn-view-mode{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-view-mode:hover{background-color:#f3f4f6;color:#374151}.btn-view-mode.active{background-color:#eff6ff;color:#2563eb}.btn-create-task{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-create-task:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.btn-create-task:active{transform:translateY(0)}.task-table-container{flex:1;overflow:auto;position:relative}.task-table{width:100%;border-collapse:collapse;font-size:13px;background-color:#fff}.task-table thead{position:sticky;top:0;z-index:10;background-color:#f9fafb}.task-table th{padding:12px 16px;text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.task-table tbody tr{transition:background-color .15s ease}.task-table tbody tr:hover{background-color:#f9fafb}.task-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;color:#374151;white-space:nowrap}.project-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:12px}.project-card-item{border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;padding:12px;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card-item:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014;border-color:#d1d5db}.project-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.project-card-name{font-size:14px;font-weight:600;line-height:1.4;flex:1;min-width:0;white-space:normal;word-break:break-word}.project-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#6b7280}.project-card-time{font-size:12px;color:#9ca3af}.project-card-file{padding-top:2px}.project-card-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-card-actions{margin-left:auto;justify-content:flex-end}.status-latest-progress{margin-top:6px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:400;color:#6b7280;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-latest-progress-icon{flex-shrink:0}.action-buttons{display:flex;gap:8px;align-items:center}.btn-icon{padding:6px;background-color:transparent;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.btn-icon.btn-submit{padding:6px;background-color:#fff;color:#2563eb;border-color:#2563eb;font-size:inherit;font-weight:inherit;flex:unset}.btn-icon.btn-submit:hover{padding:6px;background-color:#2563eb;border-color:#2563eb;color:#fff}.btn-icon.btn-danger:hover{background-color:#fee2e2;border-color:#fca5a5;color:#dc2626}.btn-icon:disabled{opacity:.4;cursor:not-allowed;background-color:#f9fafb}.btn-icon:disabled:hover{background-color:#f9fafb;border-color:#e5e7eb;color:#6b7280;transform:none}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text{font-size:16px;color:#6b7280;margin:0 0 8px;font-weight:500}.empty-hint{font-size:13px;color:#9ca3af;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#6b7280;font-size:14px}.loading-state p{margin:16px 0 0}.creator-cell{display:flex;align-items:center;gap:8px}.creator-avatar{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.text-bold{font-weight:500;color:#1f2937}.text-ellipsis{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{white-space:nowrap}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#fff}.pagination-info{font-size:13px;color:#6b7280}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-btn{padding:6px 12px;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.pagination-numbers{display:flex;gap:4px}.pagination-number{min-width:32px;padding:6px 8px;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-number:hover{background-color:#f3f4f6;border-color:#9ca3af}.pagination-number.active{background-color:#2563eb;color:#fff;border-color:#2563eb;font-weight:600}.file-upload-cell{display:flex;align-items:center;gap:8px}.file-icon{color:#2563eb;flex-shrink:0}.file-name{font-size:13px;color:#374151}.file-placeholder{font-size:13px;color:#9ca3af}.btn-upload,.btn-replace{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:#2563eb;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-upload:hover:not(:disabled),.btn-replace:hover:not(:disabled){background-color:#1d4ed8}.btn-upload:disabled,.btn-replace:disabled{opacity:.6;cursor:not-allowed}.btn-replace{background-color:#f59e0b}.btn-replace:hover:not(:disabled){background-color:#d97706}.btn-view-file{display:flex;align-items:center;gap:6px;padding:4px 8px;background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;transition:all .2s ease;border-radius:4px}.btn-view-file:hover{background-color:#f3f4f6;color:#6b7280}.btn-view-file .file-icon{flex-shrink:0;color:#9ca3af}.btn-view-file .file-name{color:#9ca3af}@media(max-width:768px){.pagination-container{flex-direction:column;gap:12px}.pagination-info{text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.file-upload-cell{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:1400px){.task-table{font-size:12px}.task-table th,.task-table td{padding:10px 12px}}.task-table-container::-webkit-scrollbar{width:8px;height:8px}.task-table-container::-webkit-scrollbar-track{background:#f3f4f6}.task-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.task-table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.project-name-link{color:#2563eb;cursor:pointer;transition:all .2s ease}.project-name-link:hover{color:#1d4ed8;text-decoration:underline}.project-name-link--disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.project-name-link--disabled:hover{color:#9ca3af;text-decoration:none}.project-name-desc{margin-top:3px;font-size:12px;font-weight:400;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.project-name-creator{margin-top:3px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:#6b7280}.project-type-meta{margin-top:3px;font-size:12px;font-weight:400;color:#6b7280}.task-table-container{position:relative}.table-loading-overlay{position:absolute;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.table-loading-overlay .spinning{color:#2563eb}.filmcraft-create-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.filmcraft-create-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.filmcraft-create-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.filmcraft-create-modal-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.filmcraft-create-modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.filmcraft-create-modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.filmcraft-create-modal-body{padding:24px;overflow-y:auto;flex:1}.filmcraft-create-form-group{margin-bottom:20px;flex:1}.filmcraft-create-form-row{display:flex;gap:16px;margin-bottom:0}.filmcraft-create-form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.filmcraft-create-required{color:#ef4444}.filmcraft-create-form-input,.filmcraft-create-form-select,.filmcraft-create-form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;transition:all .2s ease;box-sizing:border-box}.filmcraft-create-form-input:focus,.filmcraft-create-form-select:focus,.filmcraft-create-form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filmcraft-create-form-input.is-error{border-color:#ef4444}.filmcraft-create-form-input.is-error:focus{box-shadow:0 0 0 3px #ef44441a}.filmcraft-create-form-textarea{resize:vertical;min-height:80px;font-family:inherit}.filmcraft-create-error-message{display:block;font-size:12px;color:#ef4444;margin-top:4px}.filmcraft-create-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.filmcraft-create-btn-cancel,.filmcraft-create-btn-submit{padding:10px 20px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.filmcraft-create-btn-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db}.filmcraft-create-btn-cancel:hover{background-color:#f3f4f6}.filmcraft-create-btn-submit{background-color:#2563eb;color:#fff}.filmcraft-create-btn-submit:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.filmcraft-create-btn-submit:active{transform:translateY(0)}.filmcraft-create-btn-submit:disabled{background-color:#93c5fd;color:#fff;cursor:not-allowed;transform:none;opacity:.7}.filmcraft-create-btn-submit .spinning{animation:spin 1s linear infinite;margin-right:6px}.filmcraft-create-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.filmcraft-create-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.filmcraft-create-form-input:disabled,.filmcraft-create-form-select:disabled,.filmcraft-create-form-textarea:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}@media(max-width:640px){.filmcraft-create-modal{width:95%;max-height:95vh}.filmcraft-create-modal-header,.filmcraft-create-modal-body,.filmcraft-create-modal-footer{padding:16px}.filmcraft-create-form-row{flex-direction:column;gap:0}}.icon-button{border:none;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.icon-button:disabled{opacity:.65;cursor:not-allowed}.icon-button--sm{width:24px;height:24px}.icon-button--md{width:28px;height:28px}.icon-button--lg{width:32px;height:32px}.icon-button--ghost{background:transparent;color:#6b7280}.icon-button--ghost:hover:not(:disabled){background:#f3f4f6}.icon-button--outline{background:#fff;border:1px solid #d1d5db;color:#6b7280}.icon-button--outline:hover:not(:disabled){border-color:#9ca3af;background:#f9fafb}.icon-button--subtle{background:#f8fafc;color:#6b7280}.icon-button--subtle:hover:not(:disabled){background:#f1f5f9}.project-detail-container{width:100%;height:100%;background-color:#f5f7fa;overflow-y:auto;display:flex;flex-direction:column}.btn-back{display:flex;align-items:center;gap:5px;padding:6px 10px;background-color:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-back:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.detail-title-inline{font-size:15px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-action:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action.btn-primary{background-color:#2563eb;color:#fff;border-color:#2563eb}.btn-action.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8;color:#fff}.btn-action.btn-danger{color:#dc2626;border-color:#fca5a5}.btn-action.btn-danger:hover{background-color:#fee2e2;border-color:#dc2626;color:#dc2626}.project-detail-main{display:flex;flex-direction:column;flex:1;overflow:hidden;background-color:#f5f7fa;padding-top:12px}.project-detail-tabs{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;padding:0 12px;gap:0;margin:0 16px;min-height:48px}.detail-tabs-left{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-right:12px}.detail-tabs-center{display:flex;flex-direction:row;align-items:stretch;flex:1;overflow-x:auto;scrollbar-width:none}.detail-tabs-center::-webkit-scrollbar{display:none}.detail-tabs-right{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-left:12px}.project-detail-tab-item{padding:13px 16px;cursor:pointer;color:#6b7280;font-size:14px;font-weight:500;transition:all .2s ease;border-bottom:3px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-detail-tab-item:hover{color:#374151}.project-detail-tab-item.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.project-detail-tab-item.disabled{color:#9ca3af;cursor:not-allowed}.project-detail-content{flex:1;overflow-y:auto;padding:12px 16px 24px;background-color:transparent}.project-detail-content.production-mode{overflow:hidden;display:flex;flex-direction:column;padding-bottom:16px}.detail-section{background-color:#fff;border-radius:8px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:13px;font-weight:500;color:#6b7280}.info-value{font-size:14px;color:#1f2937;font-weight:400}.creator-info{display:flex;align-items:center;gap:8px}.creator-avatar{width:18px;height:18px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px}.status-pending{background-color:#fef3c7;color:#92400e}.status-queue{background-color:#e0e7ff;color:#4338ca}.status-processing{background-color:#dbeafe;color:#1e40af}.status-feedback{background-color:#fce7f3;color:#9f1239}.status-completed{background-color:#d1fae5;color:#065f46}.status-failed{background-color:#fee2e2;color:#991b1b}.json-display{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;font-size:13px;color:#374151;overflow-x:auto;font-family:Courier New,Courier,monospace}.error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280}.error-state p{margin:12px 0 0;font-size:14px}.progress-list{display:flex;flex-direction:column;gap:12px}.progress-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.progress-info{flex:1}.progress-name{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px}.progress-code{font-size:12px;color:#6b7280;font-family:Courier New,Courier,monospace}.progress-meta{display:flex;align-items:center;gap:12px}.progress-time{font-size:12px;color:#6b7280}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.character-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.character-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.character-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.character-info{padding:16px}.character-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.character-description{font-size:13px;color:#6b7280;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.episode-list{display:flex;flex-direction:column;gap:12px}.episode-item{display:flex;gap:16px;padding:16px;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.episode-number{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;border-radius:6px}.episode-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px}.episode-title{font-size:15px;font-weight:600;color:#1f2937}.episode-meta{display:flex;gap:16px;font-size:12px;color:#6b7280}.task-pid{display:flex;align-items:center;gap:6px}.task-external-link{display:inline-flex;align-items:center;color:#2563eb;opacity:.7;transition:opacity .2s;text-decoration:none}.task-external-link:hover{opacity:1}.task-progress-node{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.task-progress-node-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-node-sequence{flex-shrink:0;background-color:#0ea5e9;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.task-node-name{font-size:14px;font-weight:600;color:#0c4a6e}.task-node-code{font-size:12px;color:#0369a1;font-family:Courier New,Courier,monospace;background-color:#e0f2fe;padding:2px 6px;border-radius:4px}.task-progress-node-meta{display:flex;gap:20px;font-size:12px;color:#0369a1;flex-wrap:wrap}.task-book-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.task-book-section-title{font-size:13px;font-weight:600;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.task-book-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;padding:12px 0}.task-book-card{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.task-book-row{display:flex;align-items:baseline;gap:12px;padding:10px 16px;border-bottom:1px solid #f3f4f6}.task-book-row:last-child{border-bottom:none}.task-book-label{flex-shrink:0;width:100px;font-size:12px;font-weight:500;color:#9ca3af}.task-book-value{font-size:13px;color:#1f2937;word-break:break-all}.task-book-name{font-weight:600;color:#111827}.task-book-source-id{font-family:Courier New,Courier,monospace;font-size:12px;color:#6b7280;word-break:break-all}.task-book-empty{font-size:13px;color:#9ca3af;padding:12px 0}.detail-section-danger{border:1px solid #e5e7eb;background-color:#fff}.section-title-danger{color:#dc2626;border-bottom-color:#fecaca}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px}.danger-zone-desc{display:flex;flex-direction:column;gap:4px}.danger-zone-label{font-size:14px;font-weight:500;color:#1f2937}.danger-zone-hint{font-size:13px;color:#6b7280}.empty-state-small{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state-text{color:#9ca3af;font-size:15px;margin:0}.progress-page-wrapper,.production-page-wrapper{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.production-topbar{display:flex;align-items:flex-end;gap:24px;background-color:#fff;border-radius:8px;padding:12px 20px;box-shadow:0 1px 3px #00000014;flex-shrink:0}.topbar-group{display:flex;flex-direction:column;gap:5px}.topbar-group-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#9ca3af;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.topbar-group-icon{color:#9ca3af;flex-shrink:0}.production-module-card{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.production-module-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #f0f0f0;padding:0 4px;flex-shrink:0}.production-storyboard-refresh-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:5px 12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;flex-shrink:0}.production-storyboard-refresh-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#111827}.production-storyboard-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.production-maximize-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.production-maximize-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.project-detail-main.production-maximized .project-detail-tabs{display:none}.project-detail-main.production-maximized .project-detail-content.production-mode{padding-top:0}.production-episode-picker{display:flex;align-items:center;padding:0 12px 0 8px;flex-shrink:0}.production-episode-picker .progress-episode-select,.production-episode-picker .progress-episode-trigger{font-size:13px;font-weight:600;color:#1f2937;background-color:transparent;border:none;padding:8px 24px 8px 4px;box-shadow:none;width:auto;max-width:120px;min-width:100px;position:relative}.production-episode-picker .progress-episode-select:hover,.production-episode-picker .progress-episode-select:focus,.production-episode-picker .progress-episode-trigger:hover,.production-episode-picker .progress-episode-trigger:focus-visible{border:none;box-shadow:none;background-color:#f3f4f6;border-radius:6px}.production-episode-picker .progress-episode-trigger.disabled:hover,.production-episode-picker .progress-episode-trigger:disabled:hover,.production-episode-picker .progress-episode-trigger.disabled:focus-visible,.production-episode-picker .progress-episode-trigger:disabled:focus-visible{background-color:transparent}.production-tab-divider{width:1px;height:18px;background-color:#e5e7eb;margin:0 4px;flex-shrink:0}.production-step-btn{display:flex;align-items:center;gap:7px;padding:10px 16px;background:none;border:none;cursor:pointer;white-space:nowrap;transition:background .15s ease;border-radius:6px;margin:4px 2px}.production-step-btn:hover{background:#f3f4f6}.production-step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700;background:#e5e7eb;color:#6b7280;flex-shrink:0;transition:background .15s ease,color .15s ease}.production-step-label{font-size:13px;font-weight:500;color:#6b7280;transition:color .15s ease}.production-step-btn:hover .production-step-num{background:#dbeafe;color:#2563eb}.production-step-btn:hover .production-step-label{color:#374151}.production-step-btn.active .production-step-num{background:#2563eb;color:#fff}.production-step-btn.active .production-step-label{color:#2563eb;font-weight:600}.production-step-arrow{font-size:18px;color:#d1d5db;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.production-module-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.chapter-content-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.chapter-content-header{flex-shrink:0;max-width:760px;width:100%;margin:0 auto;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.chapter-content-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.4}.chapter-content-meta{display:flex;gap:16px;font-size:12px;color:#9ca3af}.chapter-content-meta span{display:flex;align-items:center;gap:4px}.production-module-body>.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.chapter-content-body{flex:1;overflow-y:auto;padding:20px 24px 32px;font-size:15px;line-height:1.85;color:#374151;max-width:760px;width:100%;margin:0 auto 20px;box-sizing:border-box}.asset-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.asset-tabs{display:flex;align-items:center;gap:4px;padding:12px 20px 0;border-bottom:1px solid #f0f0f0;flex-shrink:0}.asset-refresh-btn{margin-left:auto;margin-bottom:6px;height:26px;padding:0 10px;border-radius:6px;border:1px solid #dbe2ea;background:#fff;color:#475569;font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.asset-refresh-btn:hover{border-color:#bfdbfe;color:#1d4ed8;background:#eff6ff}.asset-tab-btn{padding:8px 18px;font-size:13px;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px;white-space:nowrap}.asset-tab-btn:hover{color:#374151}.asset-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.asset-tab-btn.disabled,.asset-tab-btn:disabled{color:#d1d5db;cursor:not-allowed;border-bottom-color:transparent}.asset-tab-body{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;min-height:0}.character-panel{display:flex;flex:1;min-height:0;overflow:hidden;height:100%}.character-grid-list{width:200px;flex-shrink:0;border-right:1px solid #e5e7eb;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;align-content:start}.character-card-item{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 10px;flex-shrink:0}.character-card-item:hover{box-shadow:0 2px 8px #00000014;border-color:#cbd5e1}.character-card-item.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px #2563eb1f}.character-card-item-add{border-style:dashed;border-color:#93c5fd;background:#f8fbff}.character-card-item-add:hover{border-color:#60a5fa;background:#eff6ff}.character-card-item-add[aria-disabled=true]{cursor:not-allowed;opacity:.75}.create-character-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.create-character-modal{width:420px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 18px 48px #0003;overflow:hidden}.create-character-modal-header{padding:16px 18px 10px;border-bottom:1px solid #f1f5f9}.create-character-modal-title{margin:0;font-size:17px;font-weight:600;color:#111827}.create-character-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:8px}.create-character-modal-label{font-size:13px;color:#374151;font-weight:500}.create-character-modal-input{height:38px;border:1px solid #d1d5db;border-radius:8px;padding:0 12px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.create-character-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.create-character-modal-footer{padding:12px 18px 16px;display:flex;justify-content:flex-end;gap:10px}.create-character-modal-btn{min-width:88px;height:34px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:500;cursor:pointer}.create-character-modal-btn.cancel{color:#374151;background:#f3f4f6;border-color:#e5e7eb}.create-character-modal-btn.submit{color:#fff;background:#2563eb}.create-character-modal-btn:disabled{opacity:.65;cursor:not-allowed}.image-gen-modal{width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 18px 48px #0003;overflow:hidden}.image-gen-modal-header{padding:14px 16px 10px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.image-gen-modal-close{width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.image-gen-modal-close:hover{background:#f3f4f6}.image-gen-modal-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.image-gen-method-row{display:flex;align-items:center;gap:8px}.image-gen-duration-field{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.image-gen-duration-label{font-size:12px;color:#374151;white-space:nowrap}.image-gen-duration-select{width:72px;height:36px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:12px;padding:0 8px}.image-gen-duration-select:disabled{opacity:.65;cursor:not-allowed}.image-gen-method-btn{height:48px;flex:1;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:13px;font-weight:500;cursor:pointer}.image-gen-method-btn:hover{border-color:#93c5fd;background:#eff6ff}.image-gen-method-btn:disabled{opacity:.65;cursor:not-allowed}.image-gen-size-select{width:94px;height:36px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:12px;padding:0 8px}.image-gen-size-select:disabled{opacity:.65;cursor:not-allowed}.image-gen-size-picker{position:relative;flex-shrink:0}.image-gen-size-trigger{min-width:94px;height:36px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:12px;padding:0 8px;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer}.image-gen-size-trigger:disabled{opacity:.65;cursor:not-allowed}.image-gen-size-trigger-arrow{color:#6b7280;font-size:11px}.image-gen-size-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:180px;max-height:220px;overflow-y:auto;border:1px solid #d1d5db;border-radius:8px;background:#fff;box-shadow:0 8px 22px #0f172a24;padding:4px;display:flex;flex-direction:column;gap:2px}.image-gen-size-menu.image-gen-size-menu-portal{position:fixed;top:0;right:auto;left:0;z-index:9999}.image-gen-size-option{border:none;border-radius:6px;background:transparent;color:#111827;padding:6px 8px;font-size:12px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.image-gen-size-option:hover{background:#eff6ff}.image-gen-size-option.active{background:#eef2ff;color:#3730a3}.image-gen-size-option-meta{color:#6b7280;font-size:11px}.image-gen-method-loading{min-height:48px;border-radius:8px;border:1px dashed #d1d5db;background:#f9fafb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:13px}.character-card-avatar{width:64px;height:50px;aspect-ratio:16 / 9;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f3f4f6}.character-card-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.character-card-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ede9fe;color:#6d28d9;font-size:18px;font-weight:600}.character-card-avatar-add{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#2563eb;font-size:22px;font-weight:600}.character-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.character-card-name{font-size:13px;font-weight:600;color:#111827;white-space:normal;word-break:break-word;line-height:1.3}.character-card-desc{font-size:11px;color:#6b7280;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.character-detail{flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0}.character-detail-views{flex-shrink:0;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;min-height:200px;max-height:340px;overflow:hidden}.character-turnaround-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}.character-turnaround-img--clickable{cursor:zoom-in}.character-views-loading,.character-views-placeholder{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:13px;min-height:120px;width:100%}.character-detail-body{display:flex;flex:1;min-height:0;overflow:hidden}.character-detail-body--split{height:100%}.character-detail-left{flex:0 0 50%;width:50%;max-width:50%;min-width:0;overflow-y:auto;padding:20px 20px 28px;display:flex;flex-direction:column;gap:14px;border-right:1px solid #f0f0f0}.character-detail-media{flex:0 0 50%;width:50%;max-width:50%;min-width:0;display:flex;flex-direction:column;min-height:0;background:#f8fafc}.character-detail-media-top{display:flex;min-height:0;flex:0 0 50%;max-height:50%}.character-detail-media-main{flex:1;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;overflow:hidden}.character-detail-media-side{width:152px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;padding:10px 8px;gap:8px;background:#fff}.character-detail-media-side-title{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em}.character-detail-prompt-panel{flex:0 0 50%;max-height:50%;min-height:0;overflow-y:auto;border-top:1px solid #e5e7eb;background:#fff;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.character-detail-right{width:220px;flex-shrink:0;overflow-y:auto;padding:20px 14px 28px;display:flex;flex-direction:column;gap:16px}.character-detail-info{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.character-detail-name{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.character-detail-name-row{display:flex;align-items:center;gap:8px}.character-detail-row{display:flex;flex-direction:column;gap:4px}.character-detail-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.character-detail-label.prompt{font-size:16px}.character-detail-label-row{display:flex;align-items:center;gap:6px}.character-generate-image-btn{height:32px;padding:0 12px;border-radius:6px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:600;cursor:pointer}.character-generate-image-btn[disabled]{opacity:.65;cursor:not-allowed}.character-generate-image-btn:hover{background:#dbeafe}.character-generate-prompt-btn{margin-left:auto;height:32px;padding:0 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.character-generate-prompt-btn:hover:not(:disabled){border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.character-generate-prompt-btn:disabled{opacity:.65;cursor:not-allowed}.character-use-current-image-btn{height:32px;padding:0 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:11px;font-weight:600;cursor:pointer}.character-use-current-image-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.character-use-current-image-btn:disabled{opacity:.65;cursor:not-allowed}.character-use-current-image-btn-overlay{position:absolute;right:12px;bottom:12px;z-index:2;box-shadow:0 1px 4px #0000001f}.character-detail-edit-btn{width:18px;height:18px;border:none;background:transparent;color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;padding:0}.character-detail-edit-btn:hover{color:#2563eb;background:#eff6ff}.character-inline-edit{display:flex;flex-direction:column;gap:8px}.character-inline-edit-name{width:100%}.character-inline-edit-input{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.6;color:#334155;background:#fff;resize:vertical;min-height:66px;height:220px}.character-inline-edit-input-name{min-height:34px;height:34px;resize:none;line-height:1.2}.character-inline-edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f624}.character-inline-edit-actions{display:flex;align-items:center;gap:8px}.character-inline-edit-action{width:26px;height:26px;border-radius:6px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.character-inline-edit-action.save{background:#ecfdf3;border-color:#86efac;color:#16a34a}.character-inline-edit-action.cancel{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.character-inline-edit-action:disabled{opacity:.6;cursor:not-allowed}.character-detail-value{font-size:13px;color:#374151;line-height:1.6}.scene-link-value{word-break:break-all}.scene-desc-actions{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.scene-upload-image-btn{height:24px;padding:0 10px;border-radius:6px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:600;cursor:pointer}.scene-upload-image-btn:hover:not(:disabled){background:#dbeafe}.scene-upload-image-btn:disabled{opacity:.65;cursor:not-allowed}.scene-detail-media{justify-content:initial}.character-detail-persona{font-size:13px;color:#374151;line-height:1.7;margin:0}.character-detail-snippet{font-size:12px;color:#6b7280;font-style:italic;line-height:1.6;background:#f9fafb;border-left:3px solid #d1d5db;padding:8px 12px;border-radius:0 4px 4px 0;margin:0}.character-persona-loading{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.character-detail-prompt{font-size:12px;color:#374151;line-height:1.5;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;margin:0;white-space:pre-wrap;word-break:break-all;font-family:inherit}.character-voice-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.character-voice-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.character-voice-key{font-size:11px;font-weight:600;color:#6b7280;flex-shrink:0}.character-voice-timbre{font-size:12px;font-weight:600;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 8px;font-family:Courier New,Courier,monospace;letter-spacing:.03em}.character-voice-seed{font-size:11px;color:#9ca3af;font-family:Courier New,Courier,monospace}.character-voice-desc{font-size:12px;color:#374151;line-height:1.6;margin:0}.character-voice-edit-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.character-voice-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#6b7280;font-size:13px}.character-voice-empty{text-align:center;padding:20px;color:#9ca3af;font-size:13px}.character-voice-list{max-height:440px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.character-voice-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.character-voice-item:hover{border-color:#93c5fd;background:#f0f9ff}.character-voice-item.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px #3b82f61a}.character-voice-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.character-voice-item-name{font-size:13px;font-weight:600;color:#1f2937}.character-voice-item-scene{font-size:11px;color:#6b7280}.character-voice-play-btn{padding:4px 10px;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:11px;color:#374151;cursor:pointer;transition:all .2s ease;min-width:44px;display:flex;align-items:center;justify-content:center}.character-voice-play-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f9ff}.character-voice-playing{display:flex;align-items:center;gap:2px;height:12px}.character-voice-bar{width:2px;height:100%;background:#3b82f6;animation:voice-bar-animation .6s ease-in-out infinite}.character-voice-bar:nth-child(1){animation-delay:0s}.character-voice-bar:nth-child(2){animation-delay:.2s}.character-voice-bar:nth-child(3){animation-delay:.4s}@keyframes voice-bar-animation{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.character-voice-speed-control{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.character-voice-speed-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#374151}.character-voice-speed-value{font-weight:600;color:#3b82f6}.character-voice-speed-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;outline:none;cursor:pointer}.character-voice-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.character-voice-speed-slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.character-voice-speed-slider::-moz-range-thumb{width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease}.character-voice-speed-slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}.character-voice-speed-slider:disabled{opacity:.6;cursor:not-allowed}.character-voice-speed-range{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af}.character-images-empty{font-size:12px;color:#9ca3af}.character-images-gallery{display:flex;flex-direction:column;gap:10px}.character-images-gallery-vertical{flex:1;min-height:0;overflow-y:auto;padding-right:2px}.character-image-upload-item{width:100%;min-height:34px;border:1px dashed #93c5fd;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600;cursor:pointer}.character-image-upload-item:hover:not(:disabled){border-color:#60a5fa;background:#dbeafe}.character-image-upload-item:disabled{opacity:.65;cursor:not-allowed}.character-image-item{position:relative;width:100%;flex-shrink:0;border-radius:8px;overflow:hidden;transition:border-color .15s,box-shadow .15s;cursor:pointer;background:#f3f4f6}.character-image-item.generating{cursor:default}.character-image-item:hover{border-color:#94a3b8;box-shadow:0 2px 8px #0000001a}.character-image-item.active{border-color:#2563eb;border-width:3px;box-shadow:0 0 0 3px #2563eb26}.character-image-item.selected{border-color:#7c3aed;border-width:3px;box-shadow:3px #7c3aed33}.character-image-item.active.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}.character-image-item.failed-selected{border-color:#dc2626;border-width:3px;box-shadow:0 0 0 3px #dc262633}.character-image-item a{display:block;width:100%}.character-image-thumb{width:100%;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block}.character-image-thumb-placeholder{width:100%;aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#6b7280;font-size:11px;background:#e5e7eb}.fc-generating-gradient-flow,.character-image-thumb-status--queued,.character-image-thumb-status--generating,.sg-image-thumb-status--queued,.sg-image-thumb-status--running,.sg-image-thumb-status--generating,.sg-image-thumb-status--processing,.sg-media-display--generating{background:linear-gradient(-45deg,#e8eaf6,#e3f2fd,#e8f5e9,#fce4ec,#fff8e1,#ede7f6,#e8eaf6);background-size:400% 400%;animation:characterGeneratingGradientFlow 10s ease infinite}.character-image-thumb-status--failed{background:#e5e7eb;color:#6b7280}@keyframes characterGeneratingGradientFlow{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 0%}75%{background-position:0% 100%}to{background-position:0% 50%}}.character-image-active-badge{position:absolute;top:5px;left:5px;background:#2563eb;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;line-height:1.4;pointer-events:none}.character-image-meta-row{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 5px;background:#f9fafb}.character-image-id{font-size:10px;color:#6b7280;line-height:1.2}.character-image-date{font-size:10px;color:#6b7280;line-height:1.2;text-align:right}.character-image-error-panel{margin:8px 0;padding:10px 12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;position:relative}.character-image-error-title{font-size:12px;font-weight:600;color:#dc2626;margin-bottom:4px}.character-image-error-message{font-size:11px;color:#7f1d1d;line-height:1.4;word-break:break-word}.character-image-error-close{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.character-image-error-close:hover{background-color:#fee2e2;color:#dc2626}.character-image-error-display{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;text-align:center}.character-image-error-display-icon{color:#dc2626;margin-bottom:12px}.character-image-error-display-title{font-size:16px;font-weight:600;color:#dc2626;margin-bottom:8px}.character-image-error-display-message{font-size:13px;color:#7f1d1d;line-height:1.5;word-break:break-word;max-width:100%;margin-bottom:16px}.character-image-error-display-close{padding:6px 16px;background-color:#fff;border:1px solid #dc2626;border-radius:6px;color:#dc2626;font-size:13px;cursor:pointer;transition:all .2s ease}.character-image-error-display-close:hover{background-color:#dc2626;color:#fff}.chapter-content-paragraph{margin:0 0 12px;text-indent:2em}.chapter-content-blank{height:8px}.progress-topbar-loading{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.progress-topbar-empty{font-size:12px;color:#9ca3af}.progress-episode-select-wrap{position:relative;display:flex;align-items:center}.progress-episode-trigger{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;color:#1f2937;font-size:13px;line-height:1;min-width:100px;padding:6px 32px 6px 12px;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.progress-episode-trigger:hover{border-color:#9ca3af}.progress-episode-trigger:focus-visible{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.progress-episode-trigger.disabled,.progress-episode-trigger:disabled{opacity:.45;cursor:not-allowed}.progress-episode-trigger.disabled:hover,.progress-episode-trigger:disabled:hover,.progress-episode-trigger.disabled:focus-visible,.progress-episode-trigger:disabled:focus-visible{border-color:#e5e7eb;box-shadow:none}.progress-episode-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:6px 32px 6px 12px;font-size:13px;color:#1f2937;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease;min-width:100px}.progress-episode-select:hover{border-color:#9ca3af}.progress-episode-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.progress-episode-select-icon{position:absolute;right:10px;color:#6b7280;pointer-events:none}.progress-with-chat{display:flex;gap:16px;align-items:flex-start;height:100%}.progress-main-panel{width:380px;flex-shrink:0;display:flex;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;overflow:hidden;height:calc(100vh - 140px);min-height:480px;position:sticky;top:0}.agent-chat-panel{flex:1;min-width:0;display:flex;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;overflow:hidden;height:calc(100vh - 140px);min-height:480px;position:sticky;top:0}.agent-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#1e3a5f,#1d4ed8);flex-shrink:0}.agent-chat-header-left{display:flex;align-items:center;gap:10px}.agent-header-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.4);flex-shrink:0}.agent-avatar-icon{width:36px;height:36px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.agent-chat-header-info{display:flex;flex-direction:column;gap:1px}.agent-chat-label{font-size:10px;color:#fff9;letter-spacing:.5px;text-transform:uppercase}.agent-chat-title{font-size:13px;font-weight:600;color:#fff;letter-spacing:.3px}.agent-chat-header-badge{display:flex;align-items:center;gap:5px;font-size:11px;color:#fffc;flex-shrink:0}.agent-online-dot{width:6px;height:6px;background-color:#4ade80;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.agent-chat-messages{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:12px;background-color:#f8fafc;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.agent-chat-messages::-webkit-scrollbar{width:4px}.agent-chat-messages::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:2px}.agent-chat-message{display:flex;align-items:flex-start;gap:10px}.agent-chat-message.user-message{flex-direction:row-reverse}.agent-msg-avatar-wrap,.user-msg-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.agent-msg-name{font-size:10px;color:#9ca3af;white-space:nowrap;max-width:52px;overflow:hidden;text-overflow:ellipsis;text-align:center}.agent-msg-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff}.agent-msg-avatar-img{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1.5px solid #e5e7eb}.user-msg-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#e5e7eb;color:#6b7280}.agent-msg-bubble{max-width:75%;display:flex;flex-direction:column;gap:3px}.agent-message .agent-msg-bubble{align-items:flex-start}.user-message .agent-msg-bubble{align-items:flex-end}.agent-msg-content{padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.55;word-break:break-word}.agent-bubble .agent-msg-content{background-color:#fff;color:#1f2937;border:1px solid #e5e7eb;border-top-left-radius:3px;box-shadow:0 1px 2px #0000000d}.user-bubble .agent-msg-content{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-top-right-radius:3px}.agent-msg-time{font-size:10px;color:#9ca3af;padding:0 2px}.agent-typing{background-color:#fff!important;border:1px solid #e5e7eb!important;border-bottom-left-radius:3px!important;padding:12px 16px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important}.agent-typing span{display:block;width:6px;height:6px;background-color:#9ca3af;border-radius:50%;animation:typing-bounce 1.2s ease-in-out infinite}.agent-typing span:nth-child(2){animation-delay:.2s}.agent-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.agent-chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background-color:#f8fafc;border-top:1px solid #f1f5f9;flex-shrink:0}.agent-suggestion-chip{display:flex;align-items:center;gap:3px;padding:4px 10px;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:11px;color:#4b5563;cursor:pointer;transition:all .15s ease;white-space:nowrap}.agent-suggestion-chip:hover{background-color:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.agent-chat-input-area{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background-color:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.agent-chat-input{flex:1;resize:none;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:13px;color:#1f2937;background-color:#f9fafb;line-height:1.5;max-height:100px;overflow-y:auto;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;outline:none}.agent-chat-input:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb14}.agent-chat-input::-moz-placeholder{color:#9ca3af}.agent-chat-input::placeholder{color:#9ca3af}.agent-chat-send{width:34px;height:34px;border-radius:8px;border:none;background-color:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:all .2s ease;flex-shrink:0}.agent-chat-send.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;cursor:pointer;box-shadow:0 2px 8px #2563eb59}.agent-chat-send.active:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 3px 10px #2563eb73;transform:translateY(-1px)}.progress-panel-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:linear-gradient(135deg,#0f172a,#1e293b);flex-shrink:0}.progress-panel-title{font-size:13px;font-weight:600;color:#fff;letter-spacing:.3px}.progress-panel-tabs{display:flex;gap:4px}.progress-panel-tab{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#ffffff8c;font-size:12px;cursor:pointer;transition:all .15s ease}.progress-panel-tab:hover{background:#ffffff1a;color:#ffffffd9}.progress-panel-tab.active{background:#ffffff2e;color:#fff;border-color:#ffffff59}.progress-panel-body{flex:1;overflow-y:auto;padding:12px;background-color:#f8fafc;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.progress-panel-body::-webkit-scrollbar{width:4px}.progress-panel-body::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:2px}.progress-item-vertical{flex-direction:column;align-items:flex-start!important;gap:6px;padding:12px 14px}.progress-status-row{display:flex;align-items:center}.progress-time-row{font-size:11px;color:#9ca3af}.progress-log-list{display:flex;flex-direction:column}.progress-log-item{display:flex;gap:10px}.progress-log-dot-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px}.progress-log-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.progress-log-dot.status-completed{background-color:#10b981}.progress-log-dot.status-processing{background-color:#3b82f6}.progress-log-dot.status-pending{background-color:#f59e0b}.progress-log-dot.status-failed{background-color:#ef4444}.progress-log-line{width:2px;flex:1;background-color:#e5e7eb;margin:4px 0;min-height:20px}.progress-log-content{padding-bottom:16px;flex:1}.progress-log-name{font-size:13px;font-weight:500;color:#1f2937;line-height:1.4}.progress-log-code{font-size:11px;color:#6b7280;font-family:Courier New,Courier,monospace;margin-top:2px}.progress-log-status{margin-top:5px}.progress-log-time{font-size:11px;color:#9ca3af;margin-top:4px}.storyboard-layout{display:flex;flex-direction:row;gap:0;flex:1;min-height:0;overflow:hidden}.sg-info-col{width:280px;min-width:240px;flex-shrink:0;overflow-y:auto;border-right:1px solid #e5e7eb;background:#fafafa;display:flex;flex-direction:column}.sg-info-header{display:flex;align-items:center;gap:8px;padding:4px 14px;min-height:36px;border-bottom:1px solid #e5e7eb;background:#f4f5f7;flex-shrink:0;position:sticky;top:0;z-index:1}.sg-info-bullet{width:8px;height:8px;border-radius:50%;background:#6366f1;flex-shrink:0}.sg-info-title{font-size:13px;font-weight:700;color:#111827;flex:1}.sg-info-header-actions{display:flex;gap:2px}.sg-icon-btn{width:26px;height:26px;border:none;background:transparent;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:background .15s,color .15s}.sg-icon-btn:hover{background:#e5e7eb;color:#374151}.sg-section{padding:10px 14px;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:6px}.sg-section--grow{flex:1;min-height:0;border-bottom:none}.sg-section-label{font-size:10px;color:#9ca3af;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.sg-section-label-row{display:flex;align-items:center;justify-content:space-between}.sg-prompt-title-inline{display:inline-flex;align-items:center;gap:4px}.sg-video-prompt-actions{display:inline-flex;align-items:center;gap:8px}.sg-selected-image-label{font-size:11px;color:#6b7280;line-height:1}.sg-selected-image-thumb{width:26px;height:26px;border-radius:4px;border:1px solid #d1d5db;background:#f3f4f6;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;cursor:zoom-in}.sg-selected-image-thumb.empty{cursor:default}.sg-selected-image-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sg-desc-text{font-size:12.5px;color:#374151;line-height:1.6;white-space:pre-line}.sg-scene-display{font-size:12.5px;color:#374151;padding:5px 8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;min-height:30px}.sg-add-btn{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#6366f1;background:transparent;border:1px solid #c7d2fe;border-radius:4px;padding:2px 7px;cursor:pointer;transition:background .15s;white-space:nowrap}.sg-add-btn:hover{background:#eef2ff}.sg-chars-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.sg-char-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:52px;position:relative}.sg-char-item:hover .sg-char-remove-btn{opacity:1}.sg-char-remove-btn{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:#ef4444;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;padding:0;z-index:1}.sg-char-remove-btn:disabled{opacity:.4;cursor:not-allowed}.sg-char-avatar{width:52px;height:52px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border-radius:7px;border:1.5px solid #e5e7eb;background:#f3f4f6}.sg-char-avatar-placeholder{width:52px;height:52px;border-radius:7px;background:#ede9fe;border:1.5px solid #c4b5fd;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#6d28d9}.sg-char-name{font-size:10.5px;color:#374151;text-align:center;word-break:break-all;line-height:1.3;max-width:52px}.sg-empty-hint{font-size:12px;color:#9ca3af;font-style:italic}.sg-scenes-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.sg-scene-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:52px;position:relative}.sg-scene-item:hover .sg-scene-remove-btn{opacity:1}.sg-scene-avatar{width:52px;height:52px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:7px;border:1.5px solid #e5e7eb;background:#f3f4f6}.sg-scene-avatar-placeholder{width:52px;height:52px;border-radius:7px;background:#dbeafe;border:1.5px solid #93c5fd;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#1d4ed8}.sg-scene-name{font-size:10.5px;color:#374151;text-align:center;word-break:break-all;line-height:1.3;max-width:52px}.sg-scene-remove-btn{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:#ef4444;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;padding:0;z-index:1}.sg-scene-remove-btn:disabled{opacity:.4;cursor:not-allowed}.sg-dialogue{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.sg-dialogue-line-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sg-dialogue-line-meta{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.sg-dialogue-line-select{height:24px;border:1px solid #d1d5db;border-radius:999px;padding:0 8px;font-size:11px;color:#0f172a;background:#f8fafc}.sg-dialogue-line-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.sg-dialogue-line-move-btn{width:22px;height:22px;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#374151;cursor:pointer;font-size:12px;line-height:1}.sg-dialogue-line-move-btn:disabled{opacity:.5;cursor:not-allowed}.sg-dialogue-add-row{margin-top:8px;display:flex;align-items:center;gap:8px}.sg-dialogue-add-input{flex:1;min-width:0;height:30px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px;font-size:12px;color:#111827;background:#fff}.sg-dialogue-add-select{height:30px;border:1px solid #d1d5db;border-radius:6px;padding:0 8px;font-size:12px;color:#111827;background:#fff}.sg-dialogue-save-btn{height:30px;border:1px solid #c7d2fe;border-radius:6px;padding:0 10px;font-size:12px;color:#4338ca;background:#eef2ff;cursor:pointer;white-space:nowrap}.sg-dialogue-save-btn:disabled{opacity:.55;cursor:not-allowed}.sg-dialogue-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sg-dialogue-speaker{font-size:12px;font-weight:700;color:#374151}.sg-dialogue-text{font-size:12.5px;color:#4b5563;line-height:1.55}.sg-type-badge{font-size:10px;padding:1px 7px;border-radius:8px;font-weight:600}.sg-type-badge--dialogue{background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd}.sg-type-badge--monologue{background:#fce7f3;color:#9d174d;border:1px solid #f9a8d4}.sg-type-badge--narrate{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.sg-col-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:13px;padding:20px;text-align:center}.sg-media-prompt-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #e5e7eb}.sg-media-columns{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden}.sg-prompt-row{flex-shrink:0;height:130px;display:flex;flex-direction:row;border-top:2px solid #e5e7eb;background:#fff}.sg-prompt-col{flex:1;min-width:0;padding:10px 14px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;border-right:1px solid #e5e7eb}.sg-prompt-col--video{border-right:none}.sg-image-col,.sg-video-col{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid #e5e7eb;background:#fff;overflow:hidden}.sg-video-col{border-right:none}.sg-panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0;height:42px;box-sizing:border-box}.sg-panel-title{font-size:13px;font-weight:700;color:#111827}.sg-panel-grid-icon{color:#9ca3af;flex-shrink:0}.sg-panel-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sg-upload-local-btn--inline{font-size:11px;padding:3px 10px;border-radius:4px}.sg-panel-actions{display:flex;gap:6px;margin-left:auto}.sg-action-btn{font-size:12px;padding:4px 10px;border-radius:5px;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.sg-action-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.sg-action-btn--primary{background:#6366f1;color:#fff;border-color:#6366f1;font-weight:500}.sg-action-btn--primary:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5}.sg-action-btn--secondary{background:#f3f4f6;border-color:#d1d5db;color:#374151;font-weight:500;display:inline-flex;align-items:center;gap:4px}.sg-action-btn--secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.sg-action-btn:disabled{opacity:.45;cursor:not-allowed}.sg-media-body{flex:1;min-height:0;display:flex;flex-direction:row;overflow:visible}.sg-media-display{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f9fafb;position:relative}.sg-display-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block}.sg-display-video{max-width:100%;max-height:100%;display:block}.sg-media-placeholder{display:flex;flex-direction:column;align-items:center;gap:14px;color:#9ca3af;font-size:13.5px}.sg-media-placeholder--dim{color:#c4ccd6}.sg-upload-local-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 14px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.sg-upload-local-btn:hover{background:#4f46e5}.sg-upload-local-btn:disabled{background:#a5b4fc;cursor:not-allowed}.sg-thumb-strip{display:flex;gap:6px;padding:8px 14px;border-top:1px solid #e5e7eb;overflow-x:auto;background:#f9fafb;flex-shrink:0}.sg-thumb-item-wrap{position:relative;width:48px;height:48px;flex-shrink:0;border-radius:5px;border:2px solid transparent;cursor:pointer;overflow:hidden;transition:border-color .15s;background:#e5e7eb}.sg-thumb-item-wrap.active{border-color:#6366f1}.sg-thumb-item-wrap:hover{border-color:#a5b4fc}.sg-thumb-item-wrap--video{background:#e5e7eb}.sg-thumb-item{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sg-thumb-confirmed-badge{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}.sg-thumb-confirm-btn{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#6366f1d9;color:#fff;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;transition:background .15s}.sg-thumb-item-wrap:hover .sg-thumb-confirm-btn{display:flex}.sg-thumb-confirm-btn:hover{background:#4f46e5}.sg-thumb-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.sg-thumb-rail{width:64px;flex-shrink:0;align-self:stretch;display:flex;flex-direction:column;gap:5px;padding:6px;border-left:1px solid #e5e7eb;background:#f3f4f6;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.sg-thumb-rail::-webkit-scrollbar{width:3px}.sg-thumb-rail::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.sg-thumb-rail::-webkit-scrollbar-track{background:transparent}.sg-thumb-rail--video{background:#f3f4f6;border-left-color:#e5e7eb}.sg-thumb-rail .sg-thumb-item-wrap{width:50px;height:50px;flex-shrink:0}.sg-video-thumb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;color:#9ca3af;font-size:9px}.sg-video-thumb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000047;transition:background .15s}.sg-thumb-item-wrap--video:hover .sg-video-thumb-overlay{background:#0000001f}.sg-video-thumb-play-icon{color:#fffffff2;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.sg-video-thumb-badge{font-size:9px;padding:1px 4px;border-radius:3px;background:#eab308e6;color:#fff;font-weight:600;line-height:1.4}.sg-video-thumb-badge--fail{background:#ef4444e6;color:#fff}.sg-thumb-item--video-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sg-video-thumb-status--success .sg-video-thumb-label{color:#86efac}.sg-video-thumb-status--running .sg-video-thumb-label{color:#fde68a}.sg-video-thumb-status--failed .sg-video-thumb-label{color:#fca5a5}.sg-video-thumb-label{font-size:9px;line-height:1.2;text-align:center;word-break:break-all}.sg-image-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e7eb}.sg-media-display--generating .sg-media-placeholder{color:#6b7280}.sg-image-thumb-status-badge{font-size:9px;padding:1px 4px;border-radius:3px;font-weight:600;line-height:1.4;color:#fff;background:#6b7280f2}.sg-image-thumb-status--queued .sg-image-thumb-status-badge{background:#3b82f6eb}.sg-image-thumb-status--running .sg-image-thumb-status-badge,.sg-image-thumb-status--generating .sg-image-thumb-status-badge,.sg-image-thumb-status--processing .sg-image-thumb-status-badge{background:#eab308eb}.sg-image-thumb-status--failed .sg-image-thumb-status-badge,.sg-image-thumb-status--error .sg-image-thumb-status-badge{background:#ef4444eb}.sg-prompt-section{padding:10px 14px 12px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;flex-shrink:0;height:150px;overflow:hidden}.sg-prompt-section--grow{flex:1;min-height:0;max-height:none;overflow-y:auto}.sg-prompt-text{font-size:12px;color:#4b5563;line-height:1.65;white-space:pre-wrap;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}.sg-prompt-section--grow .sg-prompt-text{overflow:visible;display:block;-webkit-line-clamp:unset;line-clamp:unset}.sg-prompt-edit-icon{display:flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;cursor:pointer;color:#9ca3af;border-radius:3px;transition:color .15s,background .15s;flex-shrink:0}.sg-prompt-edit-icon:hover{color:#6366f1;background:#f0f0ff}.sg-prompt-edit-btns{display:flex;align-items:center;gap:4px;flex-shrink:0}.sg-prompt-save-btn,.sg-prompt-cancel-btn{padding:1px 7px;font-size:11px;border-radius:3px;border:1px solid transparent;cursor:pointer;transition:background .15s}.sg-prompt-save-btn{background:#6366f1;color:#fff;border-color:#6366f1}.sg-prompt-save-btn:hover:not(:disabled){background:#4f46e5}.sg-prompt-cancel-btn{background:#f3f4f6;color:#374151;border-color:#e5e7eb}.sg-prompt-cancel-btn:hover:not(:disabled){background:#e5e7eb}.sg-prompt-save-btn:disabled,.sg-prompt-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.sg-prompt-textarea{width:100%;flex:1;min-height:0;resize:none;font-size:12px;color:#374151;line-height:1.65;border:1px solid #a5b4fc;border-radius:4px;padding:5px 7px;background:#fafafa;outline:none;font-family:inherit;box-sizing:border-box}.sg-prompt-textarea:focus{border-color:#6366f1;background:#fff}.sg-desc-textarea{width:100%;flex:1;min-height:60px;resize:none;font-size:12.5px;color:#374151;line-height:1.6;border:1px solid #a5b4fc;border-radius:4px;padding:5px 7px;background:#fafafa;outline:none;font-family:inherit;box-sizing:border-box}.sg-desc-textarea:focus{border-color:#6366f1;background:#fff}.sg-textarea-wrapper{position:relative;width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.sg-textarea-wrapper .sg-desc-textarea,.sg-textarea-wrapper .sg-prompt-textarea{flex:1;min-height:60px}.sg-textarea-wrapper.expanded .sg-desc-textarea,.sg-textarea-wrapper.expanded .sg-prompt-textarea{width:100%;flex:1;min-height:unset;background:#fff;border:1px solid #6366f1;border-radius:4px;padding:8px;font-size:13px;line-height:1.6}.sg-textarea-expand-btn{position:absolute;bottom:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease;z-index:10}.sg-textarea-expand-btn:hover{background:#fff;border-color:#6366f1;color:#6366f1}.sg-textarea-expand-btn:disabled{opacity:.5;cursor:not-allowed}.sg-textarea-wrapper.expanded .sg-textarea-expand-btn{background:#fff;border-color:#6366f1;color:#6366f1;box-shadow:0 2px 8px #00000026}.sg-model-section{padding:10px 14px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.sg-model-row{display:flex;gap:8px}.sg-model-select{flex:1;min-width:0;font-size:12px;padding:4px 8px;border:1px solid #d1d5db;border-radius:5px;background:#f9fafb;color:#374151;cursor:not-allowed;opacity:.8}.sg-duration-select{width:60px;flex-shrink:0;font-size:12px;padding:4px 6px;border:1px solid #d1d5db;border-radius:5px;background:#f9fafb;color:#374151;cursor:not-allowed;opacity:.8}.production-storyboard-controls{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:8px;flex-shrink:0}.sg-view-mode-toggle{display:flex;align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:2px;gap:2px}.sg-view-mode-btn{font-size:12px;font-weight:500;padding:4px 10px;border-radius:4px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.sg-view-mode-btn:hover{background:#e5e7eb;color:#374151}.sg-view-mode-btn.active{background:#fff;color:#111827;font-weight:600;box-shadow:0 1px 3px #00000014}.sg-final-layout{flex:1;min-height:0;display:flex;flex-direction:column;background:#111827}.sg-final-stage{flex:1;min-height:0;padding:10px 10px 6px;display:flex}.sg-final-viewer{width:100%;border:1px solid #1f2937;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.sg-final-viewer-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#000;position:relative}.sg-final-video,.sg-final-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sg-final-placeholder{color:#4b5563;font-size:13px}.sg-final-timeline-section{display:flex;flex-direction:column;flex-shrink:0;border-top:1px solid #1f2937}.sg-final-transport{display:flex;align-items:center;gap:12px;padding:0 12px;height:42px;background:#161b22;border-bottom:1px solid #21262d;flex-shrink:0}.sg-final-transport-controls{display:flex;align-items:center;gap:2px}.sg-final-transport-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#8b949e;border-radius:5px;cursor:pointer;transition:background .12s,color .12s}.sg-final-transport-btn:hover:not(:disabled){background:#30363d;color:#e6edf3}.sg-final-transport-btn:disabled{opacity:.3;cursor:not-allowed}.sg-final-play-btn{width:34px;height:34px;background:#21262d;border:1px solid #30363d;color:#e6edf3;border-radius:50%;margin:0 3px}.sg-final-play-btn:hover:not(:disabled){background:#388bfd20;border-color:#388bfd;color:#58a6ff}.sg-final-transport-info{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#6e7681;margin-left:4px}.sg-final-transport-timecode{color:#e6edf3;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-family:Courier New,Courier,monospace}.sg-final-transport-pos{color:#8b949e;font-variant-numeric:tabular-nums;letter-spacing:.03em}.sg-final-transport-sep{color:#30363d}.sg-final-transport-name{color:#cdd9e5}.sg-final-transport-playing{color:#f97316;font-size:10.5px;animation:sg-playing-pulse 1.2s ease-in-out infinite}@keyframes sg-playing-pulse{0%,to{opacity:1}50%{opacity:.4}}.sg-final-track-area{display:flex;align-items:stretch;background:#0d1117;overflow:hidden}.sg-final-track-labels-col{width:54px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #21262d;background:#161b22}.sg-final-ruler-corner{height:22px;flex-shrink:0;border-bottom:1px solid #21262d}.sg-final-track-label{flex:1;display:flex;align-items:center;justify-content:center;font-size:10px;color:#484f58;letter-spacing:.05em}.sg-final-track-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:column;position:relative;background-color:#0d1117}.sg-final-timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:#f97316;pointer-events:all;cursor:ew-resize;z-index:10;transform:translate(-1px);will-change:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sg-final-timeline-playhead:after{content:"";position:absolute;inset:0 -6px}.sg-final-timeline-playhead:before{content:"";position:absolute;top:0;left:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #f97316}.sg-final-ruler{display:flex;gap:6px;padding:0 12px;height:22px;align-items:flex-end;cursor:pointer;border-bottom:1px solid #21262d}.sg-final-ruler-cell{flex-shrink:0;display:flex;align-items:flex-end;gap:4px;padding-bottom:3px;position:relative}.sg-final-ruler-cell.active .sg-final-ruler-tick{background:#f97316;height:12px}.sg-final-ruler-cell.active .sg-final-ruler-num{color:#f97316}.sg-final-ruler-end{flex-shrink:0;display:flex;align-items:flex-end;gap:4px;padding-bottom:3px}.sg-final-ruler-tick{display:block;width:1px;height:8px;background:#30363d;flex-shrink:0}.sg-final-ruler-tick--end{background:#4b5563;height:10px}.sg-final-ruler-num{font-size:10px;color:#484f58;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.sg-final-track{display:flex;align-items:center;gap:6px;padding:8px 12px}.sg-final-clip{position:relative;width:150px;min-width:50px;height:50px;flex-shrink:0;border:1px solid #21262d;border-radius:5px;background:#161b22;padding:5px 7px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:border-color .12s,background .12s;box-sizing:border-box}.sg-final-clip:hover{border-color:#388bfd;background:#1c2128}.sg-final-clip.active{border-color:#f97316;background:#1c180e}.sg-final-clip-playhead{position:absolute;left:-1px;top:-8px;width:2px;height:calc(100% + 16px);background:#f97316;border-radius:1px;pointer-events:none}.sg-final-clip-playhead:before{content:"";position:absolute;top:-4px;left:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #f97316}.sg-final-clip-index{width:17px;height:17px;border-radius:50%;background:#0d1117;border:1px solid #30363d;color:#6e7681;font-size:9.5px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sg-final-clip.active .sg-final-clip-index{border-color:#f97316;color:#f97316}.sg-final-clip-thumb,.sg-final-clip-empty{width:52px;height:34px;border-radius:3px;-o-object-fit:cover;object-fit:cover;background:#21262d;flex-shrink:0}.sg-final-clip-empty{border:1px dashed #30363d}.sg-final-clip-meta{min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}.sg-final-clip-label{font-size:11px;color:#cdd9e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-final-clip.active .sg-final-clip-label{color:#f97316}.sg-final-clip-tag{width:-moz-fit-content;width:fit-content;font-size:9.5px;padding:1px 6px;border-radius:999px;border:1px solid transparent}.sg-final-clip-tag.video{color:#79c0ff;background:#0d2a45;border-color:#1f6feb}.sg-final-clip-tag.image{color:#d2a8ff;background:#2a1f3d;border-color:#6e40c9}.sg-strip-layout{flex:1;min-height:0;display:flex;flex-direction:column;background:#f5f6f8}.sg-strip-stage{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 14px 10px}.sg-strip-media-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.sg-strip-media-title{font-size:12px;font-weight:600;color:#374151;padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.sg-strip-media-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:hidden}.sg-strip-image,.sg-strip-video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.sg-strip-image{background:#f3f4f6}.sg-strip-media-placeholder{color:#9ca3af;font-size:13px}.sg-strip-timeline{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid #e5e7eb;background:#fff;overflow-x:auto;overflow-y:hidden}.sg-strip-item{width:110px;flex-shrink:0;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:border-color .15s,background .15s}.sg-strip-item:hover{border-color:#a5b4fc;background:#f5f7ff}.sg-strip-item.active{border-color:#6366f1;background:#eef2ff}.sg-strip-thumb,.sg-strip-empty{width:96px;height:54px;border-radius:6px;-o-object-fit:cover;object-fit:cover;background:#e5e7eb}.sg-strip-empty{border:1px dashed #d1d5db}.sg-strip-label{font-size:11px;color:#6b7280}.sg-strip-item.active .sg-strip-label{color:#4338ca;font-weight:600}.sg-stream-layout{flex:1;min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#f5f6f8;padding:16px}.sg-stream-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000d;transition:box-shadow .15s;flex-shrink:0;height:560px;display:flex;flex-direction:column}.sg-stream-card:hover{box-shadow:0 3px 10px #00000017}.sg-stream-card-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f9fafb;border-bottom:1px solid #f0f0f0}.sg-stream-open-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#6366f1;background:transparent;border:1px solid #c7d2fe;border-radius:5px;padding:3px 9px;cursor:pointer;transition:background .15s;white-space:nowrap}.sg-stream-open-btn:hover{background:#eef2ff}.sg-stream-card-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:0}.sg-stream-card-main-row{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden}.sg-stream-card-info{position:relative;flex:0 0 50%;min-width:0;display:flex;flex-direction:column;gap:0;border-right:1px solid #e5e7eb;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.sg-stream-image-col,.sg-stream-video-col{position:relative;flex:0 0 25%;min-width:0;display:flex;flex-direction:column;border-left:1px solid #e5e7eb;overflow:hidden;background:#fff}.sg-stream-prompt-row{flex-shrink:0;height:140px;display:flex;flex-direction:row;border-top:2px solid #e5e7eb;background:#fff}.sg-panel-count{font-size:10px;color:#9ca3af;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9px;padding:0 6px;line-height:1.7;font-weight:600}.sg-stream-field{display:flex;flex-direction:column;gap:4px}.sg-stream-desc{font-size:13px;color:#374151;line-height:1.6;white-space:pre-line}.sg-stream-scene{font-size:12.5px;color:#374151;padding:4px 8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;display:inline-block}.sg-stream-chars{display:flex;flex-wrap:wrap;gap:5px}.sg-stream-char-tag{font-size:11px;padding:2px 8px;background:#ede9fe;color:#5b21b6;border-radius:8px;border:1px solid #c4b5fd;font-weight:500;white-space:nowrap}.sg-stream-prompt{font-size:12px;color:#4b5563;line-height:1.6;background:#f9fafb;border:1px solid #e5e7eb;border-radius:5px;padding:7px 10px;white-space:pre-wrap;word-break:break-all}.sg-stream-card-media{display:flex;gap:0;align-items:stretch;overflow:hidden}.sg-media-records{display:flex;width:100%;min-width:0}.sg-media-records-block{flex:1;min-width:0;display:flex;flex-direction:column;border-left:1px solid #f0f0f0;padding:10px;gap:6px}.sg-media-records--compact .sg-media-body{min-height:220px}.sg-section--compact{border-bottom-color:#eef2f7}.sg-chars-row--compact .sg-char-item{width:44px}.sg-char-item--compact .sg-char-avatar,.sg-char-item--compact .sg-char-avatar-placeholder{width:44px;height:44px}.sg-char-item--compact .sg-char-name{max-width:44px}.sg-stream-media-block{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:14px;border-left:1px solid #f0f0f0}.sg-stream-image{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;cursor:zoom-in;background:#f3f4f6;transition:opacity .15s}.sg-stream-image:hover{opacity:.88}.sg-stream-video{width:100%;aspect-ratio:16 / 9;border-radius:6px;border:1px solid #e5e7eb;background:#000;display:block}.sg-stream-media-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:6px;border:1px dashed #d1d5db;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;background:#f9fafb}.sg-stream-media-count{font-size:11px;color:#6b7280}.storyboard-nav-bar{width:92px;min-width:92px;overflow-y:auto;display:flex;flex-direction:column;gap:0;background:#f9fafb;border-left:1px solid #e5e7eb;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.storyboard-nav-bar::-webkit-scrollbar{width:4px}.storyboard-nav-bar::-webkit-scrollbar-track{background:transparent}.storyboard-nav-bar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.storyboard-nav-load-more{padding:10px 6px;font-size:11px;color:#9ca3af;text-align:center;flex-shrink:0}.storyboard-nav-load-more--hint{color:#c0c4cc;font-size:10px}.storyboard-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s}.storyboard-nav-item:hover{background:#f0f0ff}.storyboard-nav-item.active{background:#eef0ff}.storyboard-nav-thumb{width:68px;height:68px;-o-object-fit:cover;object-fit:cover;border-radius:5px;border:2px solid transparent;background:#e5e7eb}.storyboard-nav-item.active .storyboard-nav-thumb{border-color:#6366f1}.storyboard-nav-empty{width:68px;height:68px;border-radius:5px;border:1px dashed #d1d5db;background:#f3f4f6}.storyboard-nav-label{font-size:10px;color:#9ca3af;text-align:center}.storyboard-nav-item.active .storyboard-nav-label{color:#6366f1;font-weight:600}@media(max-width:768px){.project-detail-tabs{margin:0 10px 10px;padding:0 8px}.detail-tabs-left{gap:6px;padding-right:8px}.detail-title-inline{max-width:100px;font-size:13px}.project-detail-tab-item{padding:12px 10px;font-size:13px}.detail-tabs-right{padding-left:8px}.project-detail-content{padding:16px}.info-grid,.character-grid{grid-template-columns:1fr}.episode-number{width:60px;height:60px;font-size:12px}.progress-with-chat{flex-direction:column}.agent-chat-panel{width:100%;min-width:unset;height:420px;position:static}.progress-main-panel{width:100%;height:420px;position:static}.storyboard-layout{flex-direction:column;overflow-y:auto}.sg-info-col{width:100%;min-width:unset;border-right:none;border-bottom:1px solid #e5e7eb;max-height:320px}.sg-image-col,.sg-video-col{min-height:300px;border-right:none;border-bottom:1px solid #e5e7eb}.storyboard-nav-bar{display:none}.sg-strip-stage{grid-template-columns:1fr;padding:10px}.sg-final-stage{padding:6px}.sg-final-transport{padding:0 8px}.sg-final-clip{width:136px;height:56px}.sg-strip-item{width:96px}.sg-strip-thumb,.sg-strip-empty{width:82px;height:46px}}.sg-lines-section{margin-top:12px;padding:0 14px 14px;border-top:1px solid #e5e7eb}.sg-lines-header{padding:10px 0}.sg-lines-actions{display:flex;align-items:center;gap:8px}.sg-lines-add-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:1px solid #c7d2fe;background:#fff;color:#6366f1;cursor:pointer;transition:all .15s}.sg-lines-add-btn:hover:not(:disabled){background:#eef2ff;border-color:#6366f1}.sg-lines-add-btn:disabled{opacity:.5;cursor:not-allowed}.sg-lines-copy-btn{font-size:11px;color:#6b7280;background:transparent;border:1px solid #d1d5db;border-radius:4px;padding:3px 8px;cursor:pointer;transition:all .15s}.sg-lines-copy-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.sg-lines-copy-btn:disabled{opacity:.5;cursor:not-allowed}.sg-lines-batch-audio-btn{display:flex;align-items:center;gap:4px;font-size:11px;color:#7c3aed;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:4px;padding:3px 8px;cursor:pointer;transition:all .15s}.sg-lines-batch-audio-btn:hover:not(:disabled){background:#ede9fe;border-color:#a78bfa}.sg-lines-batch-audio-btn:disabled{opacity:.5;cursor:not-allowed}.sg-lines-list{display:flex;flex-direction:column;gap:8px}.sg-lines-empty{font-size:12px;color:#9ca3af;text-align:center;padding:16px 0}.sg-line-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .15s}.sg-line-item:hover{border-color:#c7d2fe;box-shadow:0 1px 2px #0000000d}.sg-line-item--updating{opacity:.6;pointer-events:none}.sg-line-item--editing{background:#f8fafc;border-color:#c7d2fe}.sg-line-item--display{flex-direction:column;align-items:stretch}.sg-line-item--display .sg-line-content{width:100%}.sg-line-item--display .sg-line-actions{align-self:flex-end;margin-top:8px}.sg-line-item--edit-fullwidth{flex-direction:column;align-items:stretch}.sg-line-edit-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sg-line-content{flex:1;min-width:0}.sg-line-badges{display:flex;align-items:center;gap:6px;margin-bottom:6px}.sg-line-speaker-badge{font-size:11px;font-weight:500;color:#374151;background:#f3f4f6;padding:2px 6px 2px 8px;border-radius:4px;border:1px solid #e5e7eb;display:inline-flex;align-items:center;gap:2px;cursor:pointer;transition:all .15s}.sg-line-speaker-badge:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.sg-line-speaker-badge:disabled{opacity:.5;cursor:not-allowed}.sg-line-speaker-chevron{opacity:.6}.sg-line-speaker-badge--narrator{color:#6b7280;background:#f9fafb;border-color:#e5e7eb}.sg-line-character-select-wrapper{position:relative;display:inline-flex;align-items:center}.sg-line-character-select{font-size:11px;font-weight:500;color:#374151;background:#f3f4f6;padding:2px 20px 2px 8px;border-radius:4px;border:1px solid #e5e7eb;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:60px}.sg-line-character-select:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.sg-line-character-select:focus{box-shadow:none;border-color:#e5e7eb}.sg-line-character-select-icon{position:absolute;right:4px;color:#9ca3af;pointer-events:none}.sg-line-type-select-wrapper{position:relative;display:inline-flex;align-items:center}.sg-line-type-select{font-size:11px;font-weight:500;color:#374151;background:#f0fdf4;padding:2px 20px 2px 8px;border-radius:4px;border:1px solid #bbf7d0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:60px}.sg-line-type-select:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.sg-line-type-select:focus{box-shadow:none;border-color:#4ade80}.sg-line-type-select-icon{position:absolute;right:4px;color:#22c55e;pointer-events:none}.sg-line-type-badge{font-size:11px;font-weight:500;color:#15803d;background:#f0fdf4;padding:2px 8px;border-radius:4px;border:1px solid #bbf7d0}.sg-line-character-badge{font-size:10px;color:#6366f1;background:#eef2ff;padding:1px 6px;border-radius:4px}.sg-line-index{font-size:11px;color:#9ca3af}.sg-line-text{font-size:12.5px;color:#374151;line-height:1.5;word-break:break-word}.sg-line-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s}.sg-line-item:hover .sg-line-actions{opacity:1}.sg-line-action-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.sg-line-action-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#374151}.sg-line-action-btn:disabled{opacity:.4;cursor:not-allowed}.sg-line-action-btn--delete:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#dc2626}.sg-line-action-btn--generate{color:#7c3aed;border-color:#ddd6fe;background:#f5f3ff}.sg-line-action-btn--generate:hover:not(:disabled){background:#ede9fe;border-color:#c4b5fd;color:#6d28d9}.sg-line-action-btn--regenerate{color:#0891b2;border-color:#a5f3fc;background:#ecfeff}.sg-line-action-btn--regenerate:hover:not(:disabled){background:#cffafe;border-color:#67e8f9;color:#0e7490}.sg-line-action-btn--play{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.sg-line-action-btn--play:hover:not(:disabled){background:#d1fae5;border-color:#6ee7b7;color:#047857}.sg-line-action-btn--play:disabled{opacity:.3;cursor:not-allowed}.sg-line-audio-actions{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed #e5e7eb}.sg-line-audio-error{margin-top:6px;padding:6px 10px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-line-spinning{animation:sg-spin 1s linear infinite}@keyframes sg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-title{font-size:16px;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.modal-close:hover:not(:disabled){background:#f3f4f6;color:#374151}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:16px 20px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e5e7eb}.voice-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.voice-list::-webkit-scrollbar{width:4px}.voice-list::-webkit-scrollbar-track{background:transparent}.voice-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.voice-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s}.voice-item:hover{border-color:#d1d5db;background:#f9fafb}.voice-item.selected{background:#eff6ff;border-color:#3b82f6}.voice-item.selected .voice-name{color:#2563eb}.voice-info{display:flex;flex-direction:column;gap:2px}.voice-name{font-size:14px;font-weight:500;color:#1f2937}.voice-scene{font-size:12px;color:#6b7280}.voice-play-btn{background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.voice-play-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.voice-play-btn:disabled{opacity:.3;cursor:not-allowed}.voice-speed-control{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.voice-speed-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:#374151;margin-bottom:12px}.voice-speed-value{background:#3b82f6;color:#fff;padding:2px 10px;border-radius:12px;font-size:13px;font-weight:500}.voice-speed-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none;cursor:pointer}.voice-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 2px 4px #3b82f64d}.voice-speed-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 2px 4px #3b82f64d}.voice-speed-hints{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:#9ca3af}.loading-state{text-align:center;padding:40px;color:#6b7280;font-size:14px}.btn-action.btn-secondary{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.btn-action.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.btn-action.btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-action.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-action.btn-primary:disabled{opacity:.6;cursor:not-allowed}.sg-line-edit-row{display:flex;align-items:center;gap:8px;width:100%}.sg-line-edit-full{display:flex;flex-direction:column;gap:8px;width:100%}.sg-line-input{flex:1;min-width:0;padding:8px 12px;font-size:12.5px;color:#374151;background:#fff;border:1px solid #c7d2fe;border-radius:4px;outline:none}.sg-line-input--full{width:100%}.sg-line-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.sg-line-textarea{flex:1;min-width:0;padding:8px 12px;font-size:12.5px;color:#374151;background:#fff;border:1px solid #c7d2fe;border-radius:4px;outline:none;resize:vertical;font-family:inherit;line-height:1.5}.sg-line-textarea--full{width:100%;min-height:60px}.sg-line-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.sg-line-edit-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.sg-line-save-btn{font-size:11px;font-weight:500;color:#fff;background:#6366f1;border:none;border-radius:4px;padding:5px 12px;cursor:pointer;transition:background .15s}.sg-line-save-btn:hover:not(:disabled){background:#4f46e5}.sg-line-save-btn:disabled{opacity:.5;cursor:not-allowed}.sg-line-cancel-btn{font-size:11px;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:5px 12px;cursor:pointer;transition:all .15s}.sg-line-cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.sg-line-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.track-visibility-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:#8b949e;border-radius:4px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.track-visibility-toggle:hover{background:#30363d;color:#e6edf3}.track-visibility-toggle.visible{color:#e6edf3}.track-visibility-toggle.hidden{color:#484f58;opacity:.6}.subtitle-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #30363d;background:#21262d;color:#8b949e;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.subtitle-toggle:hover{border-color:#388bfd;color:#e6edf3}.subtitle-toggle.active{border-color:#f97316;background:#f9731620;color:#f97316}.video-mute-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #30363d;background:#21262d;color:#8b949e;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.video-mute-toggle:hover{border-color:#388bfd;color:#e6edf3}.video-mute-toggle.muted{border-color:#ef4444;background:#ef444420;color:#ef4444}.track-label{display:flex;align-items:center;gap:6px;padding:0 8px;height:48px;border-bottom:1px solid #21262d;box-sizing:border-box}.track-label-buttons{display:flex;flex:1;align-items:center;gap:4px}.track-label:last-child{border-bottom:none}.track-label-text{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.track-mute-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:#7ee787;border-radius:4px;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-left:4px;padding:0}.track-mute-btn:hover{background:#30363d}.track-mute-btn.muted{color:#484f58}.sg-final-track-labels-col.multi-track{display:flex;flex-direction:column;width:130px;flex-shrink:0}.sg-final-track-labels-col.multi-track .sg-final-ruler-corner{height:22px;flex-shrink:0;border-bottom:1px solid #21262d;background:#161b22}.sg-final-tracks-container{display:flex;flex-direction:column}.track-row{display:flex;align-items:center;gap:6px;padding:6px 12px;height:48px;box-sizing:border-box}.track-row:last-child{border-bottom:none}.track-row.hidden{background:#0a0c10}.track-content-empty{width:100%;text-align:center;color:#484f58;font-size:11px;font-style:italic}.subtitle-track{gap:0;padding:6px 12px}.subtitle-group{position:relative;display:flex;margin-right:6px;flex-shrink:0;height:44px;overflow:hidden}.subtitle-clip-empty{height:44px;background:#2a2520;border:1px dashed #3d3220;border-radius:3px}.subtitle-clip{position:relative;height:44px;min-width:40px;background:#2d2418;border:1px solid #3d3220;border-radius:3px;overflow:hidden;display:flex;align-items:center;padding:0 6px;cursor:default}.subtitle-clip:hover{border-color:#f97316;background:#3d3020}.subtitle-clip-content{min-width:0;overflow:hidden}.subtitle-clip-text{font-size:10px;color:#d4a574;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.dialogue-audio-track{gap:0}.dialogue-audio-track.hidden{background:#151820}.dialogue-audio-track.disabled{background:#1a1a1a;opacity:.5}.dialogue-audio-track.disabled .audio-clip{background:#2a2a2a;border-color:#3a3a3a}.dialogue-audio-track.disabled .audio-waveform-bar{background:#666;opacity:.4}.dialogue-audio-track.disabled .audio-clip-empty{background:#2a2a2a;border-color:#3a3a3a}.audio-group{position:relative;display:flex;gap:2px;margin-right:6px;flex-shrink:0;height:44px;overflow:hidden}.audio-group:has(.audio-clip:hover){overflow:visible;z-index:10}.audio-clip-empty{height:44px;background:#2a3035;border:1px dashed #3d4a50;border-radius:3px}.audio-clip{position:relative;height:44px;min-width:30px;background:#1c3d2e;border:1px solid #2d5a3d;border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2px 4px}.audio-clip:hover{border-color:#7ee787}.audio-clip.clipped{background:#3d2d1c;border-color:#5a3d2d}.audio-clip-waveform{display:flex;align-items:center;gap:2px;height:100%;width:100%}.audio-waveform-bar{flex:1;min-width:2px;max-width:4px;background:#7ee787;border-radius:1px;opacity:.8}.audio-clip.clipped .audio-waveform-bar{background:#f97316;opacity:.6}.audio-clip-clipped-indicator{position:absolute;right:0;top:0;bottom:0;width:8px;background:linear-gradient(to right,transparent,#f9731660);pointer-events:none}.audio-clip-clipped-indicator:after{content:"";position:absolute;right:2px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #f97316}.sg-final-transport-right{margin-left:auto;display:flex;align-items:center;gap:8px}.sg-final-media-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sg-final-media-wrapper .sg-final-video,.sg-final-media-wrapper .sg-final-image{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-subtitle-overlay{position:absolute;bottom:160px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 20px;pointer-events:none;z-index:10;overflow:hidden}.video-subtitle-line{background:#0009;color:#fff;font-size:22px;font-weight:500;padding:6px 12px;border-radius:4px;text-align:center;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.sg-final-track-labels-col.multi-track{width:90px}.track-label{padding:0 6px;gap:4px}.track-label-text{font-size:9px}.track-visibility-toggle{width:18px;height:18px}}.image-viewer-overlay{position:fixed;inset:0;z-index:1100;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px}.image-viewer-modal{width:min(1120px,calc(100vw - 40px));height:min(760px,calc(100vh - 40px));background:#fff;border-radius:12px;box-shadow:0 24px 60px #00000040;display:flex;flex-direction:column;overflow:hidden}.image-viewer-header{height:52px;padding:0 12px 0 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.image-viewer-title{margin:0;font-size:15px;font-weight:600;color:#111827}.image-viewer-close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer}.image-viewer-close:hover{background:#f3f4f6}.image-viewer-body{flex:1;min-height:0;display:flex;overflow:hidden}.image-viewer-main{flex:1;min-width:0;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:12px;border-right:1px solid #e5e7eb}.image-viewer-main-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.image-viewer-empty{color:#9ca3af;font-size:14px}.image-viewer-side{width:220px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:#fff}.image-viewer-side-title{height:40px;padding:0 12px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;font-size:12px;color:#6b7280;font-weight:600}.image-viewer-thumbs{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:8px;padding:10px}.image-viewer-thumb-item{position:relative;border:2px solid #e5e7eb;border-radius:8px;padding:0;background:#fff;cursor:pointer}.image-viewer-thumb-item.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.image-viewer-thumb-img{width:100%;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover;display:block}.image-viewer-thumb-badge{position:absolute;left:6px;top:6px;font-size:10px;color:#fff;background:#2563eb;border-radius:4px;padding:1px 6px}.image-viewer-thumb-meta{display:block;font-size:11px;color:#6b7280;text-align:center;padding:4px 0 6px}.image-viewer-footer{min-height:56px;border-top:1px solid #e5e7eb;padding:10px 12px;display:flex;justify-content:flex-end;gap:10px}.image-viewer-action-btn{height:34px;padding:0 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;font-size:12px;font-weight:600}.image-viewer-action-btn.primary{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.image-viewer-action-btn:disabled{opacity:.65;cursor:not-allowed}.scene-picker-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.scene-picker-modal{background:#fff;border-radius:10px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.scene-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.scene-picker-title-wrap{display:flex;flex-direction:column;gap:2px}.scene-picker-title{font-size:15px;font-weight:600;color:#111827}.scene-picker-subtitle{font-size:12px;color:#6b7280}.scene-picker-close{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#6b7280;transition:all .15s}.scene-picker-close:hover{background:#f3f4f6;color:#374151}.scene-picker-search-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.scene-picker-search-icon{color:#9ca3af;flex-shrink:0}.scene-picker-search-input{flex:1;border:none;background:transparent;font-size:13px;color:#374151;outline:none}.scene-picker-search-input::-moz-placeholder{color:#9ca3af}.scene-picker-search-input::placeholder{color:#9ca3af}.scene-picker-search-clear{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:none;cursor:pointer;color:#6b7280;flex-shrink:0}.scene-picker-search-clear:hover{background:#d1d5db}.scene-picker-body{flex:1;overflow-y:auto;padding:12px;min-height:200px}.scene-picker-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:13px}.scene-picker-list{display:flex;flex-direction:column;gap:8px}.scene-picker-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.scene-picker-item:hover{border-color:#c7d2fe;background:#f5f7ff}.scene-picker-item.bound{border-color:#6366f1;background:#eef2ff}.scene-picker-item:disabled{opacity:.6;cursor:not-allowed}.scene-picker-item-image-wrap{position:relative;width:56px;height:56px;flex-shrink:0}.scene-picker-item-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.scene-picker-item-image-placeholder{width:100%;height:100%;border-radius:6px;background:#ede9fe;border:1.5px solid #c4b5fd;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#6d28d9}.scene-picker-item-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#6366f1;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;color:#fff}.scene-picker-item-loading{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;border:2px solid #e5e7eb;border-top-color:#6366f1;animation:scene-picker-spin .8s linear infinite;background:#fff}@keyframes scene-picker-spin{to{transform:rotate(360deg)}}.scene-picker-item-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.scene-picker-item-name{font-size:13px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-picker-item-context{font-size:11px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb}.scene-picker-footer-hint{font-size:12px;color:#6b7280}.scene-picker-footer-close-btn{padding:6px 14px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.scene-picker-footer-close-btn:hover{background:#f3f4f6;border-color:#9ca3af}.episode-manage-modal-overlay{position:fixed;inset:0;z-index:1100;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:16px}.episode-manage-modal{width:min(520px,calc(100vw - 32px));height:min(640px,calc(100vh - 32px));min-height:420px;background:#fff;border-radius:12px;box-shadow:0 20px 48px #00000038;display:flex;flex-direction:column;overflow:hidden}.episode-manage-modal-header{height:56px;min-height:56px;flex-shrink:0;border-bottom:1px solid #eef2f7;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between}.episode-manage-modal-title{margin:0;font-size:15px;font-weight:600;color:#111827}.episode-manage-modal-actions{display:flex;align-items:center;gap:8px}.episode-manage-modal-create-btn{height:30px;padding:0 10px;border-radius:8px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600;cursor:pointer}.episode-manage-modal-create-btn:hover:not(:disabled){background:#dbeafe}.episode-manage-modal-create-btn:disabled{opacity:.65;cursor:not-allowed}.episode-manage-modal-close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer}.episode-manage-modal-close:hover{background:#f3f4f6}.episode-manage-modal-body{flex:1;min-height:0;padding:12px;overflow-y:auto}.episode-manage-modal-loading,.episode-manage-modal-empty{min-height:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:#9ca3af;font-size:13px}.episode-manage-list{display:flex;flex-direction:column;gap:8px}.episode-manage-item{text-align:left;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.episode-manage-item:hover{border-color:#93c5fd;background:#f8fbff}.episode-manage-item.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px #3b82f61f}.episode-manage-item-index{font-size:13px;font-weight:600;color:#1f2937}.episode-manage-item-title{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-picker-overlay{position:fixed;inset:0;z-index:1100;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px}.char-picker-modal{width:min(560px,calc(100vw - 32px));height:min(600px,calc(100vh - 32px));background:#fff;border-radius:14px;box-shadow:0 24px 56px #00000038;display:flex;flex-direction:column;overflow:hidden}.char-picker-header{height:56px;min-height:56px;flex-shrink:0;border-bottom:1px solid #f0f2f5;padding:0 12px 0 18px;display:flex;align-items:center;justify-content:space-between}.char-picker-title-wrap{display:flex;align-items:baseline;gap:8px}.char-picker-title{font-size:15px;font-weight:700;color:#111827}.char-picker-subtitle{font-size:12px;color:#9ca3af}.char-picker-close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer}.char-picker-close:hover{background:#f3f4f6}.char-picker-search-bar{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #f0f2f5;background:#fafbfc}.char-picker-search-icon{color:#9ca3af;flex-shrink:0}.char-picker-search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:#111827}.char-picker-search-input::-moz-placeholder{color:#c0c4cc}.char-picker-search-input::placeholder{color:#c0c4cc}.char-picker-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e5e7eb;border:none;cursor:pointer;color:#6b7280;flex-shrink:0}.char-picker-search-clear:hover{background:#d1d5db}.char-picker-body{flex:1;min-height:0;overflow-y:auto;padding:14px}.char-picker-empty{height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#9ca3af}.char-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.char-picker-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px 10px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.char-picker-card:hover:not(:disabled){border-color:#a5b4fc;background:#f5f3ff;box-shadow:0 2px 8px #6366f11a}.char-picker-card.bound{border-color:#6366f1;background:#eef2ff}.char-picker-card.bound:hover:not(:disabled){border-color:#4f46e5;background:#e0e7ff}.char-picker-card:disabled{opacity:.6;cursor:not-allowed}.char-picker-card-avatar-wrap{position:relative;width:56px;height:56px;flex-shrink:0}.char-picker-card-avatar{width:56px;height:56px;border-radius:8px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border:1.5px solid #e5e7eb;display:block}.char-picker-card-avatar-placeholder{width:56px;height:56px;border-radius:8px;background:#ede9fe;border:1.5px solid #c4b5fd;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#6d28d9}.char-picker-card-badge{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#6366f1;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;color:#fff}.char-picker-card-loading{position:absolute;inset:0;border-radius:8px;background:#fff9;display:flex;align-items:center;justify-content:center}.char-picker-card-loading:after{content:"";width:20px;height:20px;border:2px solid #6366f1;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.char-picker-card-name{font-size:12px;color:#374151;text-align:center;word-break:break-all;line-height:1.3;max-width:80px}.char-picker-card.bound .char-picker-card-name{color:#4338ca;font-weight:600}.char-picker-footer{flex-shrink:0;border-top:1px solid #f0f2f5;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.char-picker-footer-hint{font-size:12px;color:#9ca3af}.char-picker-footer-hint strong{color:#6366f1}.char-picker-footer-close-btn{height:32px;padding:0 16px;border-radius:8px;border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.char-picker-footer-close-btn:hover{background:#e0e7ff}.confirm-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;justify-content:center;align-items:center;z-index:2200}.confirm-modal-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:420px;box-shadow:0 20px 50px #0000002e;display:flex;flex-direction:column;overflow:hidden}.confirm-modal-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.confirm-modal-header h3{margin:0;font-size:15px;font-weight:600;color:#111827}.confirm-modal-content{padding:20px 20px 24px;color:#374151;font-size:14px;line-height:1.65}.confirm-modal-content p{margin:0}.confirm-modal-footer{padding:12px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:10px;background:#f9fafb}.btn{padding:7px 18px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.btn-cancel{background:#fff;border-color:#d1d5db;color:#374151}.btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.btn-primary{background:#6366f1;color:#fff;border-color:#6366f1}.btn-primary:hover{background:#4f46e5;border-color:#4f46e5}.btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.file-preview-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.file-preview-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0006;width:90%;max-width:900px;height:80vh;max-height:800px;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;border-radius:12px 12px 0 0}.header-left{display:flex;align-items:center;gap:12px;color:#2563eb}.preview-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.preview-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.preview-close-btn:hover{background-color:#e5e7eb;color:#374151}.file-preview-body{flex:1;overflow:hidden;display:flex;flex-direction:column;background-color:#fff}.file-content{flex:1;overflow-y:auto;padding:24px;margin:0;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.8;color:#1f2937;white-space:pre-wrap;word-wrap:break-word;background-color:#f9fafb}.preview-loading,.preview-error,.preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.preview-loading p,.preview-error p,.preview-empty p{margin:20px 0 0;font-size:16px}.preview-error,.preview-error p{color:#dc2626}.btn-retry{margin-top:16px;padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-retry:hover{background-color:#1d4ed8}.spinning{animation:spin 1s linear infinite}.file-content::-webkit-scrollbar{width:10px}.file-content::-webkit-scrollbar-track{background:#f3f4f6}.file-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:5px}.file-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.file-preview-content{width:95%;height:90vh}.file-preview-header{padding:16px}.file-content{padding:16px;font-size:13px}}.filmcraft-container{width:100%;height:100%;overflow-y:auto;background:linear-gradient(135deg,#f5f7fa,#e8eaf6);padding:40px;box-sizing:border-box}.filmcraft-header{text-align:center;margin-bottom:48px;animation:fadeInDown .6s ease-out}.feature-icon{color:#646cff;margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.filmcraft-title{font-size:42px;font-weight:700;color:#333;margin:0 0 12px;letter-spacing:-1px}.filmcraft-description{font-size:18px;color:#666;margin:0;font-weight:400}.filmcraft-content{max-width:1200px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px;animation:fadeInUp .6s ease-out .2s backwards}.feature-card{background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #646cff26}.card-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#646cff,#8b5cf6);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff;transition:all .3s ease}.feature-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-title{font-size:20px;font-weight:600;color:#333;margin:0 0 12px}.card-description{font-size:14px;color:#666;line-height:1.6;margin:0}.dev-status-box{background:#fff;border-radius:16px;padding:48px 32px;text-align:center;box-shadow:0 4px 16px #00000014;animation:fadeInUp .6s ease-out .4s backwards}.status-icon{font-size:72px;margin-bottom:24px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.status-text{font-size:32px;font-weight:700;color:#646cff;margin:0 0 12px}.status-hint{font-size:16px;color:#888;margin:0;font-style:italic}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.filmcraft-container{padding:24px}.filmcraft-title{font-size:32px}.filmcraft-description{font-size:16px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px 20px}.card-icon{width:64px;height:64px}.status-icon{font-size:56px}.status-text{font-size:24px}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-container{background-color:#2d2d2d;border-radius:8px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #444}.modal-title{font-size:18px;font-weight:600;color:#e0e0e0;margin:0}.modal-close-btn{background:none;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;line-height:1}.modal-close-btn:hover{background-color:#ffffff1a;color:#fff}.modal-body{padding:20px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;color:#e0e0e0;margin-bottom:8px}.required{color:#ff4d4f}.form-input,.form-select{width:100%;background-color:#1e1e1e;border:1px solid #444;border-radius:4px;padding:8px 12px;color:#e0e0e0;font-size:13px;outline:none;transition:all .2s}.form-input:focus,.form-select:focus{border-color:#646cff;background-color:#252526}.form-input:hover,.form-select:hover{border-color:#555}.form-select{cursor:pointer}.form-textarea{width:100%;background-color:#1e1e1e;border:1px solid #444;border-radius:4px;padding:8px 12px;color:#e0e0e0;font-size:13px;outline:none;resize:vertical;font-family:inherit;transition:all .2s}.form-textarea:focus{border-color:#646cff;background-color:#252526}.form-textarea:hover{border-color:#555}.form-hint{margin-top:6px;font-size:11px;color:#888;line-height:1.4}.form-error{background-color:#ff4d4f1a;border:1px solid #ff4d4f;border-radius:4px;padding:10px 12px;color:#ff7875;font-size:12px;margin-bottom:16px}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #444;background-color:#252526;border-radius:0 0 8px 8px}.btn-cancel,.btn-submit{flex:1;padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background-color:#3a3a3a;color:#e0e0e0}.btn-cancel:hover{background-color:#444}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background-color:#646cff;color:#fff}.btn-submit:hover{background-color:#535bf2}.btn-submit:active{background-color:#4248d4;transform:scale(.98)}.btn-submit:disabled{background-color:#444;color:#888;cursor:not-allowed;transform:none}.ai-generate{display:flex;flex-direction:column;height:calc(100vh - 40px);width:calc(100vw - 80px);max-height:calc(100vh - 40px);max-width:calc(100vw - 80px);overflow:hidden}.bottom-toolbar{display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #e8e8e8;margin-top:16px;flex-wrap:wrap;row-gap:12px}.selector-group{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.selector-label{font-size:13px;color:#666;font-weight:600;padding-left:2px;text-align:left;display:flex;align-items:center}.size-card-selector{position:relative}.size-card-trigger{min-width:200px;padding:10px 16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.size-card-trigger:hover{border-color:#646cff;box-shadow:0 2px 8px #646cff1a}.size-card-trigger-content{display:flex;align-items:center;gap:8px}.size-card-trigger-content svg{color:#666}.size-card-trigger-content .size-ratio{font-size:14px;font-weight:600;color:#333}.size-card-trigger-content .size-resolution{font-size:13px;color:#646cff;font-weight:600}.size-card-trigger-content .size-dimensions{font-size:12px;color:#999;margin-left:auto}.size-cards-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;z-index:1000;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:16px;min-width:400px;animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.size-selector-section{margin-bottom:16px}.size-selector-section:last-child{margin-bottom:0}.size-selector-label{font-size:12px;color:#999;margin-bottom:8px;font-weight:500}.size-ratio-options{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto}.ratio-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;background-color:#f8f8f8;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;min-width:60px;width:60px;height:70px;flex-shrink:0}.ratio-option:hover{background-color:#f0f0ff;border-color:#646cff}.ratio-option.selected{background-color:#646cff;border-color:#646cff}.ratio-icon{background-color:#ddd;border-radius:2px;border:1px solid #ccc;transition:all .2s;max-width:32px;max-height:32px}.ratio-option.selected .ratio-icon{background-color:#ffffff4d;border-color:#ffffff80}.ratio-text{font-size:11px;font-weight:600;color:#333;white-space:nowrap}.ratio-option.selected .ratio-text{color:#fff}.size-resolution-options{display:flex;gap:8px;flex-wrap:wrap}.resolution-option{padding:8px 16px;background-color:#f8f8f8;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:500;color:#333}.resolution-option:hover{background-color:#f0f0ff;border-color:#646cff;color:#646cff}.resolution-option.selected{background-color:#646cff;border-color:#646cff;color:#fff}.size-dimensions-display{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f8f8f8;border-radius:8px}.dimension-item{display:flex;align-items:center;gap:8px}.dimension-label{font-size:12px;font-weight:600;color:#999}.dimension-value{font-size:16px;font-weight:700;color:#333}.dimension-separator{font-size:14px;color:#999;font-weight:500}.dimension-unit{font-size:12px;color:#999;font-weight:600;margin-left:auto}.generate-display{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;position:relative}.scroll-to-bottom-btn{position:fixed;top:60px;right:40px;height:44px;padding:0 20px;border-radius:22px;background-color:#646cff;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #646cff4d;transition:all .3s ease;z-index:1000;animation:slideInFromRight .3s ease;font-size:14px;font-weight:500;white-space:nowrap}.scroll-to-bottom-btn:hover{background-color:#535bf2;box-shadow:0 6px 16px #646cff66;transform:translateY(2px)}.scroll-to-bottom-btn:active{transform:translateY(4px);box-shadow:0 2px 8px #646cff4d}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.scroll-to-bottom-btn{right:20px;top:50px;height:40px;padding:0 16px;font-size:13px}}.empty-state{text-align:center;color:#999;margin:auto;padding-bottom:280px}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.3}.empty-title{font-size:24px;color:#666;margin-bottom:12px;font-weight:500}.empty-hint{font-size:14px;color:#999;line-height:1.6}.task-history{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:280px}.load-more-btn{width:100%;max-width:clamp(800px,85vw,1600px);padding:12px 24px;background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:768px){.load-more-btn{max-width:100%}}.load-more-btn:hover:not(:disabled){background-color:#f0f0f0;border-color:#646cff;color:#646cff}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.load-more-indicator{width:100%;max-width:clamp(800px,85vw,1600px);padding:12px 24px;background-color:transparent;color:#999;font-size:14px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:768px){.load-more-indicator{max-width:100%}}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.task-list{display:flex;flex-direction:column;gap:24px;width:100%;max-width:clamp(800px,85vw,1600px)}@media(max-width:768px){.task-list{max-width:100%}}.task-item{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;border-bottom:1px solid #e8e8e8}.task-item:last-child{border-bottom:none}.task-row-1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-reference-preview{transition:all .2s;margin-right:8px}.ref-preview-stack{position:relative;display:flex;align-items:center;gap:4px;min-width:40px;height:32px}.ref-preview-img{width:32px;height:32px;border-radius:4px;-o-object-fit:cover;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:all .3s}.ref-preview-img.stacked{position:absolute;left:0;cursor:pointer}.ref-preview-img.stacked:hover{transform:scale(1.1)!important;z-index:1000!important}.ref-preview-img.expanded{position:relative;width:40px;height:40px;cursor:pointer}.ref-preview-img.expanded:hover{transform:scale(1.1);z-index:1000!important}.ref-count{position:absolute;right:-8px;top:-8px;background-color:#646cff;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 4px #0003;z-index:100}.image-preview-modal{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.preview-close-btn{position:absolute;top:-40px;right:0;width:40px;height:40px;border-radius:50%;background-color:#ffffffe6;color:#333;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10001}.preview-close-btn:hover{background-color:#fff;transform:scale(1.1)}.preview-image{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.ref-preview-img{cursor:pointer}.ref-preview-img:hover{opacity:.8;transform:scale(1.05)}.reference-images-stack .stack-item img{cursor:pointer}.task-id{padding:4px 10px;background-color:#646cff14;border-radius:4px;font-size:12px;color:#666;font-weight:600}.task-status{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500}.status-success{background-color:#22c55e1a;color:#16a34a}.status-processing{background-color:#eab3081a;color:#ca8a04}.status-pending{background-color:#646cff1a;color:#4f46e5}.status-optimization_processing{background-color:#a855f71a;color:#9333ea}.status-optimization_pending{background-color:#9333ea1a;color:#7c3aed}.status-failed{background-color:#ef44441a;color:#dc2626}.task-prompt-wrapper{flex:1;position:relative}.task-prompt-placeholder{font-size:14px;color:#333;line-height:1.6;cursor:pointer;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-prompt-expanded{position:absolute;top:0;left:0;right:0;z-index:1000;background-color:#fff;padding:8px;margin:-8px;font-size:14px;color:#333;line-height:1.6;cursor:pointer;word-break:break-word;box-shadow:0 2px 8px #0000001a}.prompt-actions{display:inline-flex;gap:6px;margin-left:8px;vertical-align:middle}.prompt-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#646cff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.prompt-action-btn:hover{background-color:#646cff;color:#fff;border-color:#646cff;transform:translateY(-1px);box-shadow:0 2px 8px #646cff4d}.prompt-action-btn:active{transform:translateY(0)}.task-row-2{display:flex;gap:12px;flex-wrap:wrap}.task-row-3{display:flex;gap:8px;flex-wrap:wrap}.param-tag{padding:4px 12px;background-color:#f5f5f5;border-radius:4px;font-size:12px;color:#666}.param-tag.time{color:#999;margin-left:auto}.task-image-wrapper{position:relative;border-radius:0;overflow:hidden;background-color:#f5f5f5;transition:all .2s;max-width:300px;max-height:300px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center}.task-image-wrapper:hover{box-shadow:0 4px 12px #0000001f}.task-image{width:100%;height:auto;max-height:300px;display:block;-o-object-fit:contain;object-fit:contain;transition:opacity .3s ease-in-out}.task-image.loading{opacity:0}.task-image.loaded{opacity:1}.image-skeleton{position:absolute;inset:0;background:linear-gradient(-45deg,#ff6b6b,#feca57 12%,#48dbfb 25%,#1dd1a1 37%,#5f27cd 50%,#ff9ff3 62%,#feca57 75%,#54a0ff 87%,#ff6b6b);background-size:400% 400%;animation:rainbowShift 8s ease infinite;overflow:hidden}.image-skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff4d,#ffb6c166,#add8e666,#90ee9066,#dda0dd66,#ffffff4d);background-size:200% 200%;animation:rainbowShiftReverse 6s ease-in-out infinite;mix-blend-mode:overlay}@keyframes rainbowShift{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}@keyframes rainbowShiftReverse{0%{background-position:100% 0%}50%{background-position:0% 100%}to{background-position:100% 0%}}.task-image-wrapper .image-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;padding:6px;background-color:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;opacity:0;transition:opacity .2s}.task-image-wrapper:hover .image-actions{opacity:1}.task-image-wrapper .image-actions .action-icon-btn{width:32px;height:32px;padding:0;background-color:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.task-image-wrapper .image-actions .action-icon-btn:hover{background-color:#ffffff26}.task-image-wrapper .image-actions .action-icon-btn.favorited{color:#ff6b6b}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#999;font-size:14px}.loading-indicator .icon-spin{color:#646cff}.generated-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;max-width:1400px}.image-card{background-color:#252526;border-radius:0;overflow:hidden;transition:all .2s;border:1px solid #333}.image-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0006;border-color:#646cff}.image-card img{width:100%;height:auto;display:block}.image-actions{display:flex;gap:8px;padding:12px}.image-actions button{flex:1;padding:8px 16px;background-color:#333;color:#e0e0e0;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.image-actions button:hover{background-color:#444;border-color:#646cff}.generate-input-area{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#fff;padding:24px;border-radius:16px;border:1px solid #e0e0e0;box-shadow:0 8px 32px #00000029;max-width:900px;width:calc(100% - 40px);z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffffa}.abstract-model-description{padding:12px 16px;background-color:#f0f4ff;border:1px solid #d0dbff;border-radius:8px;color:#4f46e5;font-size:14px;line-height:1.6;margin-bottom:16px;word-break:break-word}.input-wrapper{display:flex;gap:16px;align-items:flex-end;margin-bottom:12px;position:relative}.reference-images-container{position:relative;display:flex;align-items:flex-end;padding-bottom:12px;min-width:64px}.upload-card-button{width:54px;height:64px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:2px dashed #d0d0d0;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#999;box-shadow:0 2px 8px #00000014}.upload-card-button:hover:not(.disabled){background-color:#f8f9ff;border-color:#4a9eff;color:#4a9eff;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff33}.upload-card-button.disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.upload-card-button .icon-spin{animation:icon-spin 1s linear infinite}.reference-images-stack{position:relative;display:flex;align-items:center;height:64px;min-width:64px;transition:all .4s cubic-bezier(.4,0,.2,1)}.reference-images-stack .stack-item{position:absolute;left:0;width:54px;height:64px;background-color:#fff;padding:4px;box-shadow:0 2px 8px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:2px;overflow:visible}.add-more-button{position:absolute;right:-8px;bottom:-8px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#4a9eff;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4a9eff66;border:2px solid #fff}.add-more-button .plus-icon{font-size:20px;font-weight:300;line-height:1}.add-more-button:hover:not(.disabled){background-color:#3a8eef;transform:scale(1.1);box-shadow:0 4px 12px #4a9eff80}.add-more-button.disabled{opacity:.5;cursor:not-allowed;background-color:#ccc}.add-more-button .icon-spin{animation:icon-spin 1s linear infinite}.reference-images-stack .stack-item:nth-child(1){transform:rotate(-3deg) translate(0)}.reference-images-stack .stack-item:nth-child(2){transform:rotate(2deg) translate(8px)}.reference-images-stack .stack-item:nth-child(3){transform:rotate(-2deg) translate(16px)}.reference-images-stack .stack-item:nth-child(4){transform:rotate(1deg) translate(24px)}.reference-images-stack .stack-item:nth-child(5){transform:rotate(-1deg) translate(32px)}.reference-images-stack .stack-item:nth-child(6){transform:rotate(2deg) translate(40px)}.reference-images-stack:hover .stack-item:nth-child(1),.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(1){transform:rotate(-4deg) translate(0)}.reference-images-stack:hover .stack-item:nth-child(2),.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(2){transform:rotate(2deg) translate(60px)}.reference-images-stack:hover .stack-item:nth-child(3),.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(3){transform:rotate(-3deg) translate(120px)}.reference-images-stack:hover .stack-item:nth-child(4),.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(4){transform:rotate(1deg) translate(180px)}.reference-images-stack:hover .stack-item:nth-child(5),.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(5){transform:rotate(-2deg) translate(240px)}.reference-images-stack:hover .stack-item:nth-child(6),.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(6){transform:rotate(3deg) translate(300px)}.reference-images-stack:hover .stack-item:nth-child(1):hover,.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(1):hover{transform:rotate(-4deg) translate(0) translateY(-8px) scale(1.08);box-shadow:0 8px 24px #00000040;z-index:1000!important}.reference-images-stack:hover .stack-item:nth-child(2):hover,.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(2):hover{transform:rotate(2deg) translate(60px) translateY(-8px) scale(1.08);box-shadow:0 8px 24px #00000040;z-index:1000!important}.reference-images-stack:hover .stack-item:nth-child(3):hover,.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(3):hover{transform:rotate(-3deg) translate(120px) translateY(-8px) scale(1.08);box-shadow:0 8px 24px #00000040;z-index:1000!important}.reference-images-stack:hover .stack-item:nth-child(4):hover,.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(4):hover{transform:rotate(1deg) translate(180px) translateY(-8px) scale(1.08);box-shadow:0 8px 24px #00000040;z-index:1000!important}.reference-images-stack:hover .stack-item:nth-child(5):hover,.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(5):hover{transform:rotate(-2deg) translate(240px) translateY(-8px) scale(1.08);box-shadow:0 8px 24px #00000040;z-index:1000!important}.reference-images-stack:hover .stack-item:nth-child(6):hover,.reference-images-stack:has(.stack-item:hover) .stack-item:nth-child(6):hover{transform:rotate(3deg) translate(300px) translateY(-8px) scale(1.08);box-shadow:0 8px 24px #00000040;z-index:1000!important}.reference-images-stack .stack-item img{position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);-o-object-fit:cover;object-fit:cover;display:block;border-radius:2px}.reference-images-stack .stack-item .image-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999;background-color:#f5f5f5}.reference-images-stack .stack-item .remove-button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background-color:#000000bf;color:#fff;border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;z-index:10}.reference-images-stack:hover .stack-item .remove-button{opacity:1}.reference-images-stack .stack-item .remove-button:hover{background-color:#ff3b30;transform:scale(1.15)}.prompt-input{flex:1;padding:12px 16px;background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;line-height:1.6;resize:none;outline:none;transition:all .2s;font-family:inherit;min-height:80px}.prompt-input:focus{border-color:#646cff;background-color:#fff;box-shadow:0 0 0 3px #646cff1a}.prompt-input:disabled{opacity:.6;cursor:not-allowed}.prompt-input::-moz-placeholder{color:#999}.prompt-input::placeholder{color:#999}.generate-button{padding:12px 32px;background-color:#646cff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:8px;min-height:80px}.generate-button:hover:not(:disabled){background-color:#535bf2;transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.generate-button:active:not(:disabled){transform:translateY(0)}.generate-button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-tips{display:flex;gap:16px;align-items:center;margin-left:auto;flex-shrink:0}.tip{font-size:12px;color:#666;display:flex;align-items:center;gap:6px;white-space:nowrap}.bottom-toolbar .input-tips{margin-left:auto}.generate-display::-webkit-scrollbar{width:8px}.generate-display::-webkit-scrollbar-track{background:#1e1e1e}.generate-display::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.generate-display::-webkit-scrollbar-thumb:hover{background-color:#666}.task-skeleton{pointer-events:none}.skeleton{background-color:#e8e8e8;border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-id{width:60px;height:24px}.skeleton-status{width:80px;height:24px}.skeleton-prompt{flex:1;height:20px;min-width:200px}.skeleton-tag{width:80px;height:28px}.skeleton-image-wrapper{position:relative;border-radius:0;overflow:hidden;background-color:#f5f5f5;max-width:300px;width:300px;height:300px;box-shadow:0 2px 8px #00000014}.skeleton-status-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.skeleton-status-overlay .status-icon{color:#ffffffe6;margin-bottom:12px;animation:icon-spin 1s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.skeleton-status-overlay .status-text{color:#fffffff2;font-size:16px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2);background-color:#0000004d;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skeleton-image{width:100%;height:100%;position:relative;background:linear-gradient(-45deg,#ff6b6b,#feca57 12%,#48dbfb 25%,#1dd1a1 37%,#5f27cd 50%,#ff9ff3 62%,#feca57 75%,#54a0ff 87%,#ff6b6b);background-size:400% 400%;animation:rainbowShift 8s ease infinite;overflow:hidden}.skeleton-image:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff4d,#ffb6c166,#add8e666,#90ee9066,#dda0dd66,#ffffff4d);background-size:200% 200%;animation:rainbowShiftReverse 6s ease-in-out infinite;mix-blend-mode:overlay}@media(max-width:768px){.bottom-toolbar{flex-wrap:wrap;gap:12px}.input-wrapper{flex-direction:column;align-items:stretch}.generate-button{min-height:48px}.generated-images{grid-template-columns:1fr}.input-tips{width:100%;margin-left:0}.skeleton-image-wrapper{max-width:100%;width:100%}.generate-input-area{bottom:10px;max-width:100%;width:calc(100% - 20px);padding:16px}.task-history,.empty-state{padding-bottom:240px}}.text-designer{display:flex;flex-direction:column;height:100%;background-color:#1e1e1e}.designer-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#252526;border-bottom:1px solid #000;flex:none}.designer-toolbar button{padding:8px 16px;background-color:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.designer-toolbar button:hover:not(:disabled){background-color:#535bf2}.designer-toolbar button:disabled{background-color:#444;color:#888;cursor:not-allowed}.grid-toggle{display:flex;align-items:center;gap:6px;color:#e0e0e0;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:auto}.grid-toggle input[type=checkbox]{cursor:pointer}.designer-content{display:flex;flex:1;overflow:hidden}.properties-panel{width:320px;background-color:#252526;border-right:1px solid #000;overflow-y:auto;flex:none}.panel-tabs{display:flex;background-color:#2d2d2d;border-bottom:1px solid #000}.panel-tab{flex:1;padding:12px;text-align:center;font-size:14px;color:#888;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.panel-tab:hover{color:#ccc;background-color:#333}.panel-tab.active{color:#fff;background-color:#252526;border-bottom-color:#646cff;font-weight:600}.properties-form{padding:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:#aaa;font-weight:500}.form-group input[type=number],.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:8px 10px;background-color:#1e1e1e;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px;outline:none;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#646cff;background-color:#252526}.form-group textarea{resize:vertical;font-family:inherit;min-height:60px}.form-group small{display:block;margin-top:4px;font-size:11px;color:#666;font-style:italic}.color-input{display:flex;gap:8px;align-items:center}.color-input input[type=color]{width:50px;height:36px;padding:2px;border:1px solid #444;border-radius:4px;background-color:#1e1e1e;cursor:pointer}.color-input input[type=text]{flex:1}.no-selection{padding:40px 20px;text-align:center}.no-selection p{color:#666;font-size:14px}.xml-editor{display:flex;flex-direction:column;height:100%}.xml-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#2d2d2d;border-bottom:1px solid #000}.apply-xml-btn{padding:6px 16px;background-color:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.apply-xml-btn:hover{background-color:#535bf2}.xml-hint{font-size:12px;color:#888}.xml-content{flex:1;padding:16px;background-color:#1e1e1e;border:none;color:#e0e0e0;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.8;resize:none;outline:none;white-space:pre;overflow-wrap:normal;overflow-x:auto;overflow-y:auto;min-height:400px}.xml-content::-moz-placeholder{color:#555;line-height:1.6}.xml-content::placeholder{color:#555;line-height:1.6}.xml-content:focus{background-color:#252526}.canvas-container{flex:1;overflow:auto;background-color:#1e1e1e;display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.canvas{position:relative;width:800px;height:1200px;background-color:#fff;box-shadow:0 4px 12px #00000080;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(18,1fr);overflow:hidden;transition:transform .2s ease;flex-shrink:0}.canvas.show-grid{background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:66.666px 66.666px}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.text-element{position:relative;padding:10px 15px;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;white-space:pre-wrap;word-break:break-word;z-index:1}.text-element:hover{outline:2px dashed #646cff;outline-offset:2px}.text-element.selected{outline:2px solid #646cff;outline-offset:2px;box-shadow:0 0 0 4px #646cff33}.properties-panel::-webkit-scrollbar,.canvas-container::-webkit-scrollbar{width:8px;height:8px}.properties-panel::-webkit-scrollbar-track,.canvas-container::-webkit-scrollbar-track{background:#1e1e1e}.properties-panel::-webkit-scrollbar-thumb,.canvas-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.properties-panel::-webkit-scrollbar-thumb:hover,.canvas-container::-webkit-scrollbar-thumb:hover{background-color:#666}