:root{--color-primary-50: #fff7ed;--color-primary-100: #ffedd5;--color-primary-200: #fed7aa;--color-primary-300: #fdba74;--color-primary-400: #fb923c;--color-primary-500: #f97316;--color-primary-600: #ea580c;--color-primary-700: #c2410c;--color-primary-800: #9a3412;--color-primary-900: #7c2d12;--color-primary-500-rgb: 249, 115, 22;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-dark: #dc2626;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-accent: #fff7ed;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-tertiary: #6b7280;--color-text-inverse: #ffffff;--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border-accent: #fed7aa;--color-overlay-dark: rgba(0, 0, 0, .75);--color-overlay-light: rgba(255, 255, 255, .75);--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-text: 0 2px 4px rgba(0, 0, 0, .3);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root{font-family:var(--font-family-primary);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-weight-medium);color:var(--color-primary-600);text-decoration:inherit;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}body{margin:0;display:block;min-width:320px;min-height:100vh;position:relative}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0 0 var(--spacing-6) 0}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0 0 var(--spacing-5) 0}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0 0 var(--spacing-3) 0}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0 0 var(--spacing-2) 0}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0 0 var(--spacing-4) 0}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.hero-section{padding:var(--spacing-20) 0 var(--spacing-16);padding-top:calc(64px + var(--spacing-20));background:linear-gradient(90deg,#fefdfb,#fefcf8,#fff);position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-64px}.hero-section.authenticated{background:linear-gradient(90deg,#fefdfb,#fefcf8,#fff);padding:var(--spacing-16) 0 var(--spacing-8);padding-top:calc(64px + var(--spacing-8));width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero-content{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}.hero-text{display:grid;gap:var(--spacing-6)}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0}.hero-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-tertiary);margin:0}.hero-actions{display:flex;gap:var(--spacing-4);align-items:center}.hero-cta{padding:var(--spacing-3) var(--spacing-8);height:auto;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.hero-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.hero-secondary{padding:var(--spacing-3) var(--spacing-6);height:auto;font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.hero-stats{display:flex;gap:var(--spacing-8);margin-top:var(--spacing-4)}.stat-item{text-align:center}.stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-showcase{width:100%;max-width:500px}.showcase-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:var(--spacing-4);height:400px}.showcase-item{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-base);overflow:hidden;position:relative}.showcase-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.showcase-item.primary{grid-row:1 / 3;background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border-color:var(--color-primary-200)}.showcase-item.secondary{background:linear-gradient(135deg,var(--color-info-50, #eff6ff),var(--color-info-100, #dbeafe));border-color:var(--color-info-200, #bfdbfe)}.showcase-item.tertiary{background:linear-gradient(135deg,var(--color-success-50, #ecfdf5),var(--color-success-100, #d1fae5));border-color:var(--color-success-200, #a7f3d0)}.showcase-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center;padding:var(--spacing-4)}.showcase-placeholder span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.feature-section{padding:var(--spacing-20) 0;background:var(--color-bg-primary)}.feature-header{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4);text-align:center;margin-bottom:var(--spacing-16)}.feature-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.feature-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.feature-grid-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4);display:flex;justify-content:center;width:100%}.feature-grid{width:100%;max-width:1200px;display:flex;justify-content:center}.feature-grid .ant-row{justify-content:center!important;margin:0 auto!important;width:100%!important;display:flex!important;flex-wrap:wrap!important}.feature-grid .ant-col{display:flex!important;justify-content:center!important}.feature-card{padding:var(--spacing-8);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-base);transition:all var(--transition-base);height:100%;display:flex;flex-direction:column;text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-200)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-4);display:flex;justify-content:center}.feature-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.feature-card-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;flex:1}.navigation-header{position:fixed;top:0;left:0;right:0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);z-index:var(--z-fixed);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.nav-container{width:100%;padding:0 var(--spacing-4);height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center}.brand-logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none}.brand-icon{font-size:var(--font-size-2xl)}.brand-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.nav-menu{display:flex;gap:var(--spacing-1)}.nav-menu-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.nav-item-icon{font-size:var(--font-size-lg)}.nav-item-label{font-size:var(--font-size-sm)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-3)}.nav-action-btn{padding:var(--spacing-2);border-radius:var(--radius-base)}.user-section{display:flex;align-items:center;gap:var(--spacing-3)}.user-credits{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--color-bg-accent);border-radius:var(--radius-full);border:1px solid var(--color-border-accent)}.credits-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.credits-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.user-avatar-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-base)}.username{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mobile-menu-btn{display:none}.mobile-nav-drawer .ant-drawer-body{padding:var(--spacing-4)}.mobile-nav-content{display:flex;flex-direction:column;gap:var(--spacing-2)}.mobile-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-base);text-align:left;justify-content:flex-start}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-8);text-align:center}.hero-stats{justify-content:center}.showcase-grid{height:300px}.feature-grid-container{padding:0 var(--spacing-2)}}@media(max-width:768px){.nav-menu{display:none}.mobile-menu-btn{display:flex}.hero-section{padding:var(--spacing-16) 0 var(--spacing-12)}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-xl)}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{gap:var(--spacing-4)}.feature-section{padding:var(--spacing-16) 0}.feature-header{margin-bottom:var(--spacing-12)}.feature-title{font-size:var(--font-size-3xl)}.showcase-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);height:400px}.showcase-item.primary{grid-row:1}}@media(max-width:480px){.hero-title{font-size:var(--font-size-3xl)}.hero-stats{flex-direction:column;gap:var(--spacing-3)}.stat-item{display:flex;align-items:center;gap:var(--spacing-2)}.stat-number{font-size:var(--font-size-2xl)}}.container{max-width:1280px;margin:var(--spacing-8) auto;padding:80px var(--spacing-4) 0 var(--spacing-4);font-family:var(--font-family-primary)}.container.authenticated{padding-top:calc(64px + var(--spacing-6));margin-top:0;display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-6);align-items:start}.container.authenticated-new-layout,.container.authenticated-three-column{padding-top:64px;margin:0;max-width:100%;height:calc(100vh - 64px);display:flex;flex-direction:row;overflow:hidden}.container.admin-container{padding-top:calc(64px + var(--spacing-6));margin-top:0}.admin-sidebar-fixed{position:fixed;left:0;top:64px;width:280px;height:calc(100vh - 64px);z-index:100;display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:0;border-left:none;border-top:none;border-bottom:none;padding:var(--spacing-6);box-shadow:var(--shadow-lg);overflow-y:auto}.admin-sidebar-header{margin-bottom:var(--spacing-6);text-align:center;flex-shrink:0}.admin-sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.admin-sidebar-user{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-secondary);border-radius:var(--radius-base);border:1px solid var(--color-border-primary)}.admin-sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}@media(max-width:1024px){.admin-sidebar-fixed{position:static;width:100%;height:auto;border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4)}.admin-sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2);flex:none}.authenticated-fullwidth .fullwidth-content{margin-left:0}}.container.authenticated-fullwidth{padding-top:64px;margin:0;max-width:100%;height:calc(100vh - 64px);display:flex;flex-direction:row;overflow:hidden}.sidebar{position:sticky;top:calc(64px + var(--spacing-4));background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);height:fit-content;max-height:calc(100vh - 80px);overflow-y:auto}.authenticated-new-layout .sidebar{position:fixed;left:0;top:64px;width:280px;height:calc(100vh - 64px);z-index:100;display:flex;flex-direction:column;border-radius:0;border-left:none;border-top:none;border-bottom:none}.main-content-area{flex:1;display:flex;flex-direction:column;height:100%;max-width:1200px;margin-left:280px;margin-right:auto}@media(min-width:1480px){.main-content-area{margin-left:calc(280px + (100vw - 1480px)/2)}}.authenticated-fullwidth .sidebar{position:fixed;left:0;top:64px;width:280px;height:calc(100vh - 64px);z-index:100;display:flex;flex-direction:column;border-radius:0;border-left:none;border-top:none;border-bottom:none}.fullwidth-content{flex:1;margin-left:280px;padding:var(--spacing-4);overflow-y:auto;background:var(--color-bg-primary)}.authenticated-three-column .sidebar{position:fixed;left:0;top:64px;width:280px;height:calc(100vh - 64px);z-index:100;display:flex;flex-direction:column;border-radius:0;border-left:none;border-top:none;border-bottom:none}.params-column{width:600px;margin-left:280px;padding:var(--spacing-4);overflow-y:auto;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-primary)}.tasks-column{flex:1;padding:var(--spacing-4);overflow-y:auto;background:var(--color-bg-primary)}.center-content{flex:1;padding:var(--spacing-4);overflow-y:auto;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);margin:var(--spacing-4);margin-bottom:0}.bottom-params{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 12px #0000001a;max-height:300px;overflow-y:auto;margin:0 var(--spacing-4) 0 var(--spacing-4)}.sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0;text-align:center}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent;text-decoration:none;color:var(--color-text-secondary)}.sidebar-nav-item:hover{background:var(--color-primary-50);color:var(--color-primary-600);border-color:var(--color-primary-200);transform:translate(4px)}.sidebar-nav-item.active{background:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.sidebar-nav-item.active:hover{background:var(--color-primary-600);transform:translate(0)}.sidebar-nav-icon{font-size:var(--font-size-lg);width:20px;display:flex;justify-content:center}.sidebar-nav-label{flex:1}.sidebar.preview-mode .sidebar-title{color:var(--color-primary-600);text-align:center}.preview-download-section,.preview-close-section{margin-bottom:var(--spacing-4)}.preview-sidebar-download-btn,.preview-sidebar-close-btn{height:48px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);transition:all var(--transition-base);background:var(--color-bg-primary)!important;border-color:var(--color-primary-500)!important;color:var(--color-primary-500)!important}.preview-sidebar-download-btn:hover,.preview-sidebar-download-btn:focus{background:var(--color-primary-500)!important;border-color:var(--color-primary-500)!important;color:var(--color-text-inverse)!important}.preview-sidebar-close-btn:hover,.preview-sidebar-close-btn:focus{background:var(--color-primary-500)!important;border-color:var(--color-primary-500)!important;color:var(--color-text-inverse)!important}.preview-sidebar-download-dropdown{position:relative;width:100%}.preview-sidebar-download-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);z-index:9999;margin-top:4px;max-height:200px;overflow-y:auto;pointer-events:auto}.preview-sidebar-download-menu-item{display:flex;align-items:center;width:100%;padding:var(--spacing-3) var(--spacing-4);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);pointer-events:auto;-webkit-user-select:none;user-select:none}.preview-sidebar-download-menu-divider{height:1px;background:var(--color-border-primary);margin:0}.main-content{min-width:0}@media(max-width:1024px){.container.authenticated{grid-template-columns:1fr;gap:var(--spacing-4)}.sidebar{position:static;max-height:none;padding:var(--spacing-4)}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2)}.sidebar-nav-item{flex:1;min-width:140px;justify-content:center}.sidebar-nav-label{flex:none}}.header-actions{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-2);align-items:flex-end;margin-top:0;margin-bottom:var(--spacing-8)}.notice-split{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3);align-items:start;margin-bottom:var(--spacing-8)}.notice-left{display:flex;align-items:center;justify-content:flex-start;min-width:0}.notice-right{display:flex;align-items:center;justify-content:flex-end;min-width:0}.notice-right-col{display:grid;grid-template-rows:auto auto;gap:var(--spacing-2);text-align:right}.right-row{display:inline-flex;align-items:center;gap:var(--spacing-2);white-space:nowrap}.right-row-credits{justify-content:flex-end}.label-chip{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.value-primary{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}@media(max-width:900px){.notice-split{grid-template-columns:1fr}.notice-right{justify-content:flex-start}.notice-right-col{text-align:left}}.tabs{display:flex;gap:var(--spacing-2);margin:var(--spacing-3) 0}.tabs button{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.tabs .active{background:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.tabs button:not(.active):hover{background:var(--color-bg-tertiary);border-color:var(--color-primary-300);transform:translateY(-1px);box-shadow:var(--shadow-base)}section{display:grid;gap:var(--spacing-4);margin-top:var(--spacing-3)}.workspace-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);align-items:start}.result-panel{background:var(--color-bg-accent);padding:var(--spacing-6);border:1px solid var(--color-border-accent);border-radius:var(--radius-lg);min-height:320px;box-shadow:var(--shadow-base);transition:all var(--transition-base)}.result-panel:hover{box-shadow:var(--shadow-md)}@media(max-width:900px){.workspace-split{grid-template-columns:1fr}}input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:var(--color-bg-primary)}input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}textarea{padding:var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);resize:vertical;line-height:var(--line-height-relaxed);font-family:var(--font-family-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:var(--color-bg-primary)}textarea:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.result{margin-top:var(--spacing-4);display:grid;justify-items:stretch}img{max-width:512px;border-radius:var(--radius-base);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}img:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.grid-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);width:100%}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-item{cursor:pointer;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-2);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.grid-item:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.grid-item img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-base)}.progress{height:8px;background:var(--color-primary-100);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);overflow:hidden;box-shadow:inset var(--shadow-sm)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));width:0%;transition:width var(--transition-base);border-radius:var(--radius-full)}.preview-overlay{position:fixed;inset:0;background:var(--color-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);animation:modalSlideIn var(--transition-base);display:flex;flex-direction:column;overflow:hidden}@media(min-width:1025px){.preview-content{width:1600px;height:800px;max-width:95vw;max-height:90vh}}@media(min-width:769px)and (max-width:1024px){.preview-content{width:95vw;height:80vh;min-width:900px;min-height:500px;max-width:1200px;max-height:700px}}@media(max-width:768px){.preview-content{width:95vw;height:85vh;min-height:400px}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary);flex-shrink:0;height:60px}.preview-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.preview-download-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:4px 15px;background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px #00000005;height:32px;line-height:1.5715}.preview-download-btn:hover{color:var(--color-primary-500);border-color:var(--color-primary-500);background:var(--color-bg-primary)}.preview-download-btn:focus{color:var(--color-primary-500);border-color:var(--color-primary-500);outline:0;box-shadow:0 0 0 2px #ff7a0033}.preview-download-dropdown{position:relative;display:inline-block}.preview-download-menu{position:absolute;top:100%;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);z-index:1000;min-width:180px;margin-top:var(--spacing-1);animation:dropdownSlideIn .15s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.preview-download-menu-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left}.preview-download-menu-divider{height:1px;background:var(--color-border-primary);margin:var(--spacing-1) 0}.ant-dropdown-menu .ant-dropdown-menu-item:hover{background:var(--color-primary-500)!important;color:var(--color-text-inverse)!important}.preview-body{flex:1;display:flex;flex-direction:row;overflow:hidden}.preview-media-area{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);overflow:hidden;border-right:1px solid var(--color-border-primary)}.preview-info-panel{flex-shrink:0;width:350px;padding:var(--spacing-4) var(--spacing-6);background:var(--color-bg-secondary);overflow-y:auto}@media(max-width:768px){.preview-body{flex-direction:column}.preview-media-area{border-right:none;border-bottom:1px solid var(--color-border-primary)}.preview-info-panel{width:auto;height:200px}}.preview-single-media{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);cursor:pointer}.preview-single-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.preview-multi-grid{display:grid;gap:12px;width:100%;height:100%;padding:8px}.preview-multi-grid.grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.preview-multi-grid.grid-3,.preview-multi-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.preview-grid-item{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;position:relative}.preview-grid-item img{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}.preview-info-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary)}.preview-info-content p{margin:0 0 12px}.preview-info-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.image-fullscreen-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 10);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-fullscreen-content{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center;gap:16px}.image-fullscreen-main{position:relative;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:85vh}.image-fullscreen-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-2xl);cursor:grab}.image-fullscreen-img:active{cursor:grabbing}.image-fullscreen-controls{display:flex;align-items:center;gap:16px;background:#000000b3;padding:12px 20px;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-fullscreen-nav{display:flex;align-items:center;gap:12px}.image-fullscreen-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:var(--radius-base);cursor:pointer;font-size:14px;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.image-fullscreen-btn:hover{background:#ffffff4d;border-color:#ffffff80}.image-fullscreen-btn:disabled{opacity:.5;cursor:not-allowed}.image-fullscreen-info{color:#fff;font-size:14px;font-weight:var(--font-weight-medium);min-width:60px;text-align:center}.image-fullscreen-close{position:absolute;top:20px;right:20px;background:#000000b3;border:1px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.image-fullscreen-close:hover{background:#000000e6;border-color:#ffffff80}.preview-info{background:var(--color-bg-secondary);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.preview-info p{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.preview-info strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.preview-params{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.preview-params span{background:var(--color-bg-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-base);border:1px solid var(--color-border-primary);white-space:nowrap}.ant-btn.btn-outline-primary{border-color:var(--color-primary-500)!important;color:var(--color-primary-600)!important;background:transparent!important;transition:all var(--transition-fast)!important}.ant-btn.btn-outline-primary:hover{background:var(--color-primary-500)!important;color:var(--color-text-inverse)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)!important}.group{display:grid;gap:var(--spacing-3);background:var(--color-bg-secondary);padding:var(--spacing-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.group:hover{box-shadow:var(--shadow-base)}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.row-inline{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.field{display:grid;gap:var(--spacing-2)}.field label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.field select,.field input[type=number]{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:var(--color-bg-primary)}.field select:focus,.field input[type=number]:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.row-inline .actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-2)}.btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);cursor:pointer;border:1px solid transparent;background:var(--color-primary-500);color:var(--color-text-inverse);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-outline{background:var(--color-bg-primary);color:var(--color-primary-600);border-color:var(--color-primary-500)}.btn-outline:hover{background:var(--color-primary-500);color:var(--color-text-inverse)}.btn-ghost{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-color:var(--color-border-secondary)}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.btn-danger:hover{background:var(--color-error-dark);transform:translateY(-1px)}.btn-primary{background:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-primary-500)}.inline-panel{background:var(--color-bg-accent);border:1px solid var(--color-border-accent);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.inline-subadmin-panel{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4);max-width:520px;min-width:360px;box-shadow:var(--shadow-base)}.login-modal-overlay{position:fixed;inset:0;background:var(--color-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:420px;margin:var(--spacing-4);box-shadow:var(--shadow-2xl);animation:modalSlideIn var(--transition-base)}.login-modal-header{display:flex;justify-content:center;align-items:center;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-6);position:relative}.login-modal-header .ant-btn{position:absolute;right:var(--spacing-6);top:var(--spacing-6)}.login-modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.login-modal-body{padding:0 var(--spacing-6) var(--spacing-6);display:grid;gap:var(--spacing-4)}.admin-login-btn{background-color:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.admin-login-btn:hover{background-color:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important}.admin-login-btn:focus{background-color:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.login-narrow{max-width:420px;margin:40px auto 0}.login-section{padding:var(--spacing-16) 0;background:var(--color-bg-secondary);min-height:100vh;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.login-narrow{margin-top:32px}.login-section{min-height:80vh;padding:var(--spacing-8) 0}}@media(max-width:900px){.container{padding-top:80px}}.container h1{text-align:right;padding-right:50px;margin-top:0;margin-bottom:var(--spacing-10);color:var(--color-text-inverse);text-shadow:var(--shadow-text)}.tabs{justify-content:flex-start}.segmented{display:flex;gap:var(--spacing-2);justify-content:center}.lock-inline{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-left:var(--spacing-2)}.preview-inline{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stats-panel{padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-base)}.stats-title{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stats-total{margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.stats-block{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);padding:var(--spacing-3);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stats-block:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stats-model-title{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.stats-model-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.stats-kv{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) 0;border-top:1px dashed var(--color-border-primary)}.stats-kv:first-of-type{border-top:none}.stats-kv-label{color:var(--color-text-secondary)}.stats-kv-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums}.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.res-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);padding:var(--spacing-2) var(--spacing-3)}.res-card-title{font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);margin-bottom:var(--spacing-2)}.res-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-1) 0}.res-row+.res-row{border-top:1px dashed var(--color-border-primary)}.footer{margin-top:var(--spacing-16);padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--color-text-tertiary);background:transparent;border:none;font-size:var(--font-size-sm);position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-primary),transparent)}.footer-gradient{margin-top:var(--spacing-16);padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--color-text-tertiary);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-primary-50) 100%);border:none;font-size:var(--font-size-sm);position:relative}.footer-gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-200),transparent)}.footer-card{margin:var(--spacing-16) auto var(--spacing-8);padding:var(--spacing-4) var(--spacing-6);text-align:center;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);max-width:300px;box-shadow:var(--shadow-sm)}.footer-minimal{margin-top:var(--spacing-20);padding:var(--spacing-4);text-align:center;color:var(--color-text-quaternary, #9ca3af);background:transparent;border:none;font-size:var(--font-size-xs);opacity:.7;transition:opacity var(--transition-fast)}.footer-minimal:hover{opacity:1}.section-divider{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--spacing-3) 0;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--color-primary-200)}.section-divider>span{white-space:nowrap;background:var(--color-bg-primary);padding:0 var(--spacing-2)}.user-table td,.user-table th{padding:var(--spacing-3)}.user-table .username-cell{font-weight:var(--font-weight-bold);vertical-align:middle;text-align:left}.user-table tbody tr{background:var(--color-bg-accent)}.user-table tbody tr:hover{background:var(--color-primary-50)}.hover-blue-row{cursor:pointer}.hover-blue-row:hover{background:var(--color-primary-50)}.clickable-user-row:hover{background:var(--color-primary-100)!important;border-color:var(--color-primary-300)!important}.user-ops{text-align:right}.nested-panel{background:var(--color-bg-accent);border:1px solid var(--color-border-accent);border-radius:var(--radius-base);padding:var(--spacing-2)}.nested-panel.level-1{margin-left:var(--spacing-6);width:92%}.nested-panel.level-2{margin-left:var(--spacing-12);width:86%}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.history-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;height:360px;display:flex;flex-direction:column}.history-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-300)}.history-card-header{position:relative;height:180px;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.history-thumbnail-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.history-thumbnail{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:all var(--transition-fast)}.history-thumbnail:hover{transform:scale(1.05)}.history-count-badge{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:var(--color-overlay-dark);color:var(--color-text-inverse);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.history-checkbox{position:absolute;top:var(--spacing-2);left:var(--spacing-2);width:18px;height:18px;cursor:pointer;z-index:2;accent-color:var(--color-primary-500)}.history-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary)}.history-placeholder-icon{font-size:3rem;opacity:.3}.history-status-overlay{position:absolute;bottom:var(--spacing-2);left:50%;transform:translate(-50%);background:var(--color-overlay-dark);color:var(--color-text-inverse);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:var(--spacing-1);white-space:nowrap}.history-status-overlay.history-status-error{background:var(--color-error)}.history-loading-spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-card-content{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2);flex:1;min-height:0}.history-card-meta{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.history-type{display:flex;align-items:center;gap:var(--spacing-2)}.history-type-icon{font-size:var(--font-size-lg)}.history-type-text{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.history-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-base);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);flex-shrink:0}.history-prompt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.history-params{display:flex;flex-wrap:wrap;gap:var(--spacing-1);flex-shrink:0}.history-param-tag{font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:2px var(--spacing-2);border-radius:var(--radius-base);border:1px solid var(--color-border-primary);white-space:nowrap}.history-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:right;flex-shrink:0;margin-top:auto}@media(max-width:1200px){.history-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-3)}.history-card{height:340px}.history-card-header{height:160px}}@media(max-width:768px){.history-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.history-card{height:320px}.history-card-header{height:140px}.history-card-content{padding:var(--spacing-3)}}@media(max-width:480px){.history-grid{grid-template-columns:1fr}.history-card{height:360px}.history-card-header{height:180px}}.history-card.selected{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.history-card.selected .history-card-header:after{content:"";position:absolute;inset:0;background:var(--color-primary-500);opacity:.1;pointer-events:none}.history-user-info{margin-bottom:var(--spacing-2)}.history-username{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.history-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.history-admin-user{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);flex-shrink:0}.queue-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--color-border-accent);border-radius:var(--radius-base);background:var(--color-bg-accent);margin-bottom:var(--spacing-2)}.queue-item-content{display:grid;gap:var(--spacing-2)}.queue-item-status{display:flex;align-items:center;gap:var(--spacing-2)}.queue-item-expanded{background:var(--color-bg-accent);border:1px solid var(--color-border-accent);border-radius:var(--radius-base);padding:var(--spacing-2);margin:0 0 var(--spacing-2) 0}.video-placeholder{width:64px;height:64px;border-radius:var(--radius-base);background:var(--color-primary-100);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.batch-panel{border:1px solid var(--color-border-accent);background:var(--color-bg-accent);border-radius:var(--radius-base);padding:var(--spacing-2);margin-bottom:var(--spacing-3)}.batch-shot-item{border:1px solid var(--color-border-accent);background:var(--color-bg-accent);border-radius:var(--radius-base);padding:var(--spacing-2)}.batch-title{color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.camera-preview-panel{background:var(--color-bg-primary);border:1px solid var(--color-border-accent);border-radius:var(--radius-base);padding:var(--spacing-2)}.camera-preview-title{color:var(--color-primary-700);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.camera-option-tag{background:var(--color-primary-50);border:1px solid var(--color-border-accent);border-radius:var(--radius-base);padding:var(--spacing-1) var(--spacing-2)}.history-header{display:grid;grid-template-columns:50px 70px 180px 260px 1fr 90px 100px 120px;align-items:center;gap:0;padding:var(--spacing-2);color:var(--color-text-tertiary);width:100%;box-sizing:border-box}.history-header>div{padding:0 var(--spacing-2);border-right:1px solid var(--color-border-accent);box-sizing:border-box}.history-row{display:grid;grid-template-columns:50px 70px 180px 260px 1fr 90px 100px 120px;align-items:center;gap:0;padding:var(--spacing-2);background:var(--color-primary-50);border:1px solid var(--color-border-accent);border-radius:var(--radius-base);width:100%;box-sizing:border-box}.history-row>div{border-right:1px solid var(--color-border-accent);padding:0 var(--spacing-2);box-sizing:border-box}.history-row-number{color:var(--color-primary-700);font-weight:var(--font-weight-semibold);text-align:center}.success-icon{color:var(--color-success);font-weight:var(--font-weight-bold)}.status-waiting{color:var(--color-text-tertiary)}.file-preview{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2)}.file-preview img{max-width:256px;border-radius:var(--radius-base)}.file-preview-name{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.delete-file-btn{background:var(--color-error);color:var(--color-text-inverse);border:none;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-xs)}.format-display{padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-secondary);border-radius:var(--radius-base)}.action-row{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-3)}.cost-display{margin-left:var(--spacing-2)}.usage-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.camera-controls{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.camera-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--spacing-2)}.status-grid{display:grid;gap:var(--spacing-2)}.status-row{display:flex;align-items:center;gap:var(--spacing-2)}.batch-divider{height:0;border-top:1px dashed var(--color-border-accent);margin:var(--spacing-2) 0 var(--spacing-3)}.batch-shots-container{display:grid;gap:var(--spacing-3)}.ant-tooltip-inner{color:var(--color-text-primary)!important;background-color:var(--color-bg-primary)!important;border:1px solid var(--color-border-primary)!important;box-shadow:var(--shadow-lg)!important}.ant-tooltip-arrow:before{background-color:var(--color-bg-primary)!important;border:1px solid var(--color-border-primary)!important}.user-status-indicator{display:inline-block;width:var(--spacing-2);height:var(--spacing-2);border-radius:50%;margin-right:var(--spacing-2)}.user-status-online{background-color:var(--color-success)}.user-status-offline{background-color:var(--color-error)}.recent-tasks-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.recent-tasks-container h3{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;flex-shrink:0}.empty-tasks{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-tertiary);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-4);opacity:.5}.tasks-list{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3);overflow:hidden}.tasks-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);grid-auto-rows:160px;height:calc(6 * 160px + 5 * var(--spacing-2));overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-1)}.tasks-grid::-webkit-scrollbar{width:8px}.tasks-grid::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.tasks-grid::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-full);transition:background var(--transition-fast)}.tasks-grid::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.task-item{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.task-content{width:100%}.task-main-layout{display:flex;gap:var(--spacing-4);align-items:flex-start}.task-left-content{flex:1;min-width:0}.task-right-thumbnail{flex-shrink:0;display:flex;align-items:flex-start}.task-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-item.task-generating{border-color:var(--color-primary-300);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-primary-50) 100%);box-shadow:0 4px 12px rgba(var(--color-primary-500-rgb),.15)}.task-item.task-generating:hover{box-shadow:0 8px 20px rgba(var(--color-primary-500-rgb),.2);transform:translateY(-2px)}.task-item.task-generating:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-primary-500-rgb),.08) 20%,rgba(var(--color-primary-500-rgb),.15) 40%,rgba(var(--color-primary-500-rgb),.2) 50%,rgba(var(--color-primary-500-rgb),.15) 60%,rgba(var(--color-primary-500-rgb),.08) 80%,transparent 100%);animation:shimmer 2.5s infinite linear;z-index:1;pointer-events:none;border-radius:var(--radius-lg)}.task-item.task-generating:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(var(--color-primary-500-rgb),.03) 0%,rgba(var(--color-primary-500-rgb),.08) 30%,rgba(var(--color-primary-500-rgb),.05) 60%,transparent 100%);animation:pulse 4s infinite ease-in-out;z-index:0;pointer-events:none;border-radius:var(--radius-lg)}.task-item.task-generating>*{position:relative;z-index:2}.task-item.task-generating .progress-fill{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-500),var(--color-primary-600));animation:progressShine 2s infinite ease-in-out}@keyframes shimmer{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes progressShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.task-info{display:flex;align-items:center;gap:var(--spacing-3)}.task-icon{font-size:var(--font-size-xl)}.task-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.task-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.task-time{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.task-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.task-prompt{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-details-info{margin-bottom:var(--spacing-3)}.task-params{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.task-params span{background:var(--color-bg-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-base);border:1px solid var(--color-border-primary);white-space:nowrap}.task-progress{margin-bottom:var(--spacing-3)}.progress-bar{height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center}.task-result{display:flex;justify-content:center;margin-top:var(--spacing-2)}.result-preview{position:relative;flex-shrink:0}.result-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.result-thumbnail:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.task-right-thumbnail .result-thumbnail{width:100px;height:100px;border:2px solid var(--color-bg-primary);box-shadow:var(--shadow-md)}.task-right-thumbnail .result-thumbnail:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.task-right-thumbnail .result-count{top:-8px;right:-8px;font-size:var(--font-size-xs);padding:2px 6px}.result-count{position:absolute;top:-8px;right:-8px;background:var(--color-primary-500);color:var(--color-text-inverse);font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.result-info{flex:1}.result-actions{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2)}.result-params{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.view-all-link{margin-top:var(--spacing-4);text-align:center;padding-top:var(--spacing-3);border-top:1px solid var(--color-border-primary)}.view-all-link a{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.view-all-link a:hover{color:var(--color-primary-700)}.task-item-compact{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-3);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden;height:160px;display:flex;flex-direction:column}.task-item-compact:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-main-layout-compact{display:flex;gap:var(--spacing-3);align-items:flex-start;height:100%;flex:1}.task-left-content-compact{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-2);padding-right:var(--spacing-2)}.task-right-thumbnail-compact{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:110px}.task-header-compact{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.task-info-compact{display:flex;align-items:center;gap:var(--spacing-2);min-width:0;flex:1}.task-icon-compact{font-size:var(--font-size-lg);flex-shrink:0}.task-details-compact{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;flex:1}.task-title-row-compact{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.task-title-compact{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.task-status-inline-compact{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-success-50);border:1px solid var(--color-success-200)}.task-time-compact{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.task-status-compact{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex-shrink:0;align-self:flex-start}.task-prompt-compact{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.task-details-info-compact{margin-bottom:var(--spacing-1);flex-shrink:0}.task-params-compact{display:flex;flex-wrap:wrap;gap:var(--spacing-1);font-size:10px;color:var(--color-text-tertiary)}.task-params-compact span{background:var(--color-bg-secondary);padding:2px var(--spacing-1);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);white-space:nowrap;line-height:1.2}.task-progress-compact{margin-top:auto;flex-shrink:0;min-height:30px}.progress-bar-compact{position:relative;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--spacing-1);flex-shrink:0}.progress-fill-compact{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-text-overlay{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:700!important;color:#000!important;background:#ffffffe6!important;border-radius:12px!important;z-index:100!important;pointer-events:none!important;white-space:nowrap!important;border:1px solid #999!important}.progress-text-compact{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center}.result-preview-compact{position:relative;flex-shrink:0}.result-thumbnail-compact{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.result-thumbnail-compact:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.result-count-compact{position:absolute;top:-6px;right:-6px;background:var(--color-primary-500);color:var(--color-text-inverse);font-size:10px;padding:1px 4px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium);line-height:1.2}.task-item-compact.task-generating{border-color:var(--color-primary-300);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-primary-50) 100%);box-shadow:0 4px 12px rgba(var(--color-primary-500-rgb),.15)}.task-item-compact.task-generating:hover{box-shadow:0 8px 20px rgba(var(--color-primary-500-rgb),.2);transform:translateY(-2px)}.task-item-compact.task-generating:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-primary-500-rgb),.08) 20%,rgba(var(--color-primary-500-rgb),.15) 40%,rgba(var(--color-primary-500-rgb),.2) 50%,rgba(var(--color-primary-500-rgb),.15) 60%,rgba(var(--color-primary-500-rgb),.08) 80%,transparent 100%);animation:shimmer 2.5s infinite linear;z-index:1;pointer-events:none;border-radius:var(--radius-lg)}.task-item-compact.task-generating:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(var(--color-primary-500-rgb),.03) 0%,rgba(var(--color-primary-500-rgb),.08) 30%,rgba(var(--color-primary-500-rgb),.05) 60%,transparent 100%);animation:pulse 4s infinite ease-in-out;z-index:0;pointer-events:none;border-radius:var(--radius-lg)}.task-item-compact.task-generating>*{position:relative;z-index:2}.task-item-compact.task-generating .progress-fill-compact{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-500),var(--color-primary-600));animation:progressShine 2s infinite ease-in-out}.bottom-params-panel{padding:var(--spacing-4) var(--spacing-6)}.vertical-params-panel{padding:var(--spacing-4);height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg)}.vertical-params-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-4);overflow-y:auto}.vertical-params-panel .params-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.vertical-params-panel .param-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.vertical-params-panel .param-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.vertical-params-panel .param-group select,.vertical-params-panel .param-group input,.vertical-params-panel .param-group textarea{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);font-size:var(--font-size-sm);background:var(--color-bg-primary);transition:all var(--transition-fast)}.vertical-params-panel .param-group select:focus,.vertical-params-panel .param-group input:focus,.vertical-params-panel .param-group textarea:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.vertical-params-panel .generate-btn{width:100%;height:48px;font-weight:var(--font-weight-semibold);margin-top:var(--spacing-2)}.vertical-params-panel .speed-buttons,.vertical-params-panel .preset-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.vertical-params-panel.batch-params{max-height:none}.vertical-params-panel.batch-params .global-params{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-primary)}.vertical-params-panel.batch-params .shots-container{flex:1;overflow-y:auto;max-height:400px}.params-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-primary)}.params-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cost-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.batch-info{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic}.params-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--spacing-4);align-items:end}.params-grid.video-params{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}.param-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.param-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.param-group select,.param-group input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);font-size:var(--font-size-sm);background:var(--color-bg-primary);transition:all var(--transition-fast)}.param-group select:focus,.param-group input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.prompt-input{resize:vertical;font-family:var(--font-family-primary);line-height:var(--line-height-relaxed)}.generate-group{justify-content:flex-end}.generate-btn{width:100%;height:48px;font-weight:var(--font-weight-semibold)}.camera-controls-section{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-primary);display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-6);align-items:start}.camera-speed-control{display:flex;flex-direction:column;gap:var(--spacing-2)}.camera-speed-control label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.speed-buttons{display:flex;gap:var(--spacing-2)}.camera-presets{display:flex;flex-direction:column;gap:var(--spacing-2)}.camera-presets label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.preset-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}@media(max-width:1200px){.params-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.params-grid.video-params{grid-template-columns:1fr}.camera-controls-section{grid-template-columns:1fr;gap:var(--spacing-4)}}.bottom-params-panel.batch-params{max-height:400px}.global-params{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--spacing-4);align-items:end;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-primary)}.shots-container{display:flex;flex-direction:column;gap:var(--spacing-3);max-height:250px;overflow-y:auto}.shot-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-3)}.shot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.shot-header h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.shot-actions{display:flex;align-items:center;gap:var(--spacing-2)}.shot-cost{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.shot-params{display:grid;grid-template-columns:1fr;gap:var(--spacing-3);align-items:start}.shot-prompt textarea{resize:vertical;min-height:60px}.camera-presets .preset-buttons{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.batch-result{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-primary)}.batch-result h4{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.result-summary{margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.result-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.result-item{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);font-size:var(--font-size-sm)}.result-item.success{background:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200)}.result-item.error{background:var(--color-error-50);color:var(--color-error-700);border:1px solid var(--color-error-200)}@media(max-width:1200px){.global-params{grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-3)}.shot-params{grid-template-columns:1fr;gap:var(--spacing-2)}}.batch-shots-panel{height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary);padding:var(--spacing-4)}.shots-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.shots-panel-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.shots-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);border:1px solid var(--color-border-primary)}.shots-list{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);overflow-y:auto;padding-right:var(--spacing-2);align-items:start;grid-auto-rows:max-content}.shot-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.shot-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.shot-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.shot-card-header h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.shot-card-content{display:flex;flex-direction:column;gap:var(--spacing-3)}.shot-prompt-input{resize:vertical;min-height:80px;font-family:var(--font-family-primary);line-height:var(--line-height-relaxed);padding:var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);font-size:var(--font-size-sm);background:var(--color-bg-primary);transition:all var(--transition-fast)}.shot-prompt-input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.param-row .speed-buttons{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.param-row .speed-buttons .ant-btn{font-size:var(--font-size-xs);height:28px;padding:0 var(--spacing-2)}.camera-preset-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.camera-preset-buttons .ant-btn{font-size:var(--font-size-xs);height:28px;padding:0 var(--spacing-2)}.batch-global-params{border:1px solid var(--color-primary-200);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-primary-50) 100%)}.batch-global-params .params-header{border-bottom-color:var(--color-primary-200)}.batch-global-params .params-header h3{color:var(--color-primary-700)}.shots-list::-webkit-scrollbar{width:6px}.shots-list::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.shots-list::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}.shots-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-300)}@media(max-width:1024px){.container.authenticated-new-layout{flex-direction:column;height:auto}.authenticated-new-layout .sidebar{position:static;width:100%;height:auto;max-height:200px;margin-left:0;border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.main-content-area{margin-left:0;max-width:none}.container.authenticated-fullwidth{flex-direction:column;height:auto}.authenticated-fullwidth .sidebar{position:static;width:100%;height:auto;max-height:200px;margin-left:0;border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.fullwidth-content{margin-left:0}.container.authenticated-three-column{flex-direction:column;height:auto}.authenticated-three-column .sidebar{position:static;width:100%;height:auto;max-height:200px;margin-left:0;border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.params-column{width:100%;margin-left:0;order:2}.tasks-column{order:3}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2)}.sidebar-nav-item{flex:1;min-width:120px;justify-content:center}.global-params{grid-template-columns:1fr 1fr}.param-row{grid-template-columns:1fr;gap:var(--spacing-2)}.camera-preset-buttons{gap:var(--spacing-1)}.camera-preset-buttons .ant-btn{font-size:var(--font-size-xs);height:24px;padding:0 var(--spacing-1)}}.reference-image-upload{border:2px dashed var(--color-border-secondary);border-radius:var(--radius-base);padding:var(--spacing-4);text-align:center;transition:border-color .2s ease}.reference-image-upload:hover{border-color:var(--color-primary-500)}.reference-image-preview{position:relative;border-radius:var(--radius-base);overflow:hidden;border:1px solid var(--color-border-primary)}.reference-image-preview img{width:100%;max-height:200px;object-fit:contain;display:block}.reference-image-delete{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--color-error)}.reference-image-delete:hover{background:#fff}.reference-upload-help{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.video-mode-indicator{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.video-mode-indicator.text-mode{background:var(--color-info-50);border-color:var(--color-info-200);color:var(--color-info-700)}.video-mode-indicator.image-first-mode{background:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-700)}.video-mode-indicator.image-first-last-mode{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-700)}.batch-shots-panel{height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary);border-left:1px solid var(--color-border-primary)}.shots-panel-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-secondary)}.shots-panel-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.shots-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.shots-list{flex:1;overflow-y:auto;padding:var(--spacing-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);align-items:start;grid-auto-rows:max-content}.shot-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-base);background:var(--color-bg-primary);overflow:hidden}.shot-card-header{padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center}.shot-card-header h4{margin:0;font-size:var(--font-size-base);color:var(--color-text-primary)}.shot-title-with-mode{display:flex;align-items:center;gap:var(--spacing-2)}.shot-title-with-mode .video-mode-indicator{font-size:16px!important;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px}.shot-card-content{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);min-height:0}.shot-prompt-input{width:100%;min-height:80px;padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);resize:vertical}.param-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.speed-buttons{display:flex;gap:var(--spacing-1)}.camera-preset-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.camera-preset-buttons .ant-btn{margin:0}.frame-upload-container{display:flex;flex-direction:column;align-items:center;gap:8px}.frame-thumbnail{width:120px;height:120px;border-radius:12px;border:2px solid var(--color-border-secondary);overflow:hidden;position:relative;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:var(--color-bg-container)}.frame-thumbnail.empty:hover{border-color:var(--color-primary-500);background:var(--color-primary-bg)}.frame-thumbnail.disabled{cursor:not-allowed;opacity:.5}.frame-thumbnail.disabled:hover{border-color:var(--color-border-secondary);background:var(--color-bg-container)}.frame-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.upload-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.plus-icon{font-size:32px;color:var(--color-text-tertiary);font-weight:300;line-height:1}.frame-thumbnail.empty:hover .plus-icon{color:var(--color-primary-500)}.frame-delete-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;cursor:pointer}.frame-thumbnail.has-image:hover .frame-delete-overlay{opacity:1}.delete-icon{font-size:24px;color:#ff4d4f;font-weight:700;line-height:1;background:#ffffffe6;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-icon:hover{background:#ff4d4f;color:#fff;transform:scale(1.1)}.frame-upload-hint{font-size:12px;color:var(--color-text-tertiary);text-align:center;margin-top:4px}.batch-frame-upload{border:1px dashed var(--color-border-secondary);border-radius:var(--radius-sm);padding:var(--spacing-2);text-align:center;transition:border-color .2s ease}.batch-frame-upload:hover{border-color:var(--color-primary-500)}.batch-frame-preview{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-primary)}.batch-frame-preview img{width:100%;max-height:120px;object-fit:contain;display:block}.batch-frame-preview .ant-btn{position:absolute!important;top:4px!important;right:4px!important;z-index:10!important;min-width:28px!important;height:28px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;line-height:1!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;background:var(--color-error)!important;border-color:var(--color-error)!important;color:#fff!important}.batch-frame-preview .ant-btn:hover{background:var(--color-error-hover)!important;border-color:var(--color-error-hover)!important;transform:scale(1.1)!important;transition:all .2s ease!important}.shot-params-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.shot-frames-section{margin:var(--spacing-3) 0}.shot-controls-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.shot-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-base);background:var(--color-bg-primary);overflow:hidden;display:flex;flex-direction:column;height:fit-content}.shot-card-content{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.frames-row{display:flex;gap:20px;justify-content:center}.frame-item{flex:1;max-width:200px}.frame-label{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px;text-align:center}.video-params-row{display:flex;gap:16px;align-items:flex-end}.param-item{flex:1;display:flex;flex-direction:column}.param-label{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px}.param-item select{width:100%;padding:8px 12px;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-container);color:var(--color-text-primary);font-size:14px;transition:border-color .2s ease}.param-item select:hover{border-color:var(--color-primary-500)}.param-item select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-bg)}@media(max-width:768px){.frames-row{flex-direction:column;gap:16px}.frame-item{max-width:none}.video-params-row{flex-direction:column;gap:12px}}.batch-video-params-row{display:flex;gap:12px;align-items:flex-end}.batch-param-item{flex:1;display:flex;flex-direction:column}.batch-param-label{display:block;font-size:12px;font-weight:500;color:var(--color-text-primary);margin-bottom:6px}.batch-param-item select{width:100%;padding:6px 8px;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-container);color:var(--color-text-primary);font-size:12px;transition:border-color .2s ease}.batch-param-item select:hover{border-color:var(--color-primary-500)}.batch-param-item select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-bg)}.add-shots-controls{display:flex;flex-direction:column;gap:8px}.add-shots-input{display:flex;align-items:center}.add-shots-input input{padding:4px 8px;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-container);color:var(--color-text-primary);font-size:12px;text-align:center}.add-shots-hint{font-size:11px;color:var(--color-text-tertiary)}.shot-frames-section .batch-frames-row{display:flex!important;gap:20px;justify-content:center;align-items:flex-start}.shot-frames-section .batch-frame-item{flex:1;max-width:150px;display:flex;flex-direction:column;align-items:center}.shot-frames-section .batch-frame-item.duration-item{flex:1;max-width:120px}.batch-frame-label{display:block;font-size:12px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px;text-align:center}.duration-item{max-width:100px}.duration-select-container{display:flex;align-items:center;justify-content:center;height:120px}.duration-select{width:100%;padding:8px 12px;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-container);color:var(--color-text-primary);font-size:14px;transition:border-color .2s ease}.duration-select:hover{border-color:var(--color-primary-500)}.duration-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-bg)}.shot-card-content .shot-controls-section .camera-controls-row{display:grid!important;grid-template-columns:auto 1fr!important;gap:32px!important;align-items:start!important}.shot-card-content .shot-controls-section .speed-control,.shot-card-content .shot-controls-section .camera-presets{display:grid!important;grid-template-rows:auto auto!important;gap:10px!important}.shot-card-content .shot-controls-section .speed-label,.shot-card-content .shot-controls-section .presets-label{font-size:14px!important;font-weight:500!important;color:var(--color-text-primary)!important;margin:0!important;padding:0!important;line-height:20px!important}.shot-card-content .shot-controls-section .speed-buttons,.shot-card-content .shot-controls-section .camera-preset-buttons{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;margin:0!important;padding:0!important}@media(max-width:768px){.batch-video-params-row{flex-direction:column;gap:8px}.batch-frames-row{flex-direction:column;gap:12px}.batch-frame-item{max-width:none}.camera-controls-row{flex-direction:column;gap:12px}.speed-control{min-width:auto}}.image-params-row{display:flex;gap:16px;align-items:flex-end}.image-param-item{flex:1;display:flex;flex-direction:column}.image-param-label{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px}.image-param-item select{width:100%;padding:8px 12px;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-container);color:var(--color-text-primary);font-size:14px;transition:border-color .2s ease}.image-param-item select:hover{border-color:var(--color-primary-500)}.image-param-item select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-bg)}@media(max-width:768px){.image-params-row{flex-direction:column;gap:12px}}.shot-card-content .shot-controls-section .speed-buttons .ant-btn,.shot-card-content .shot-controls-section .camera-preset-buttons .ant-btn{height:32px!important;font-size:14px!important;padding:4px 12px!important;line-height:1.5!important;border-radius:6px!important}.compression-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;z-index:10}.frame-thumbnail.compressing{pointer-events:none}.frame-thumbnail.compressing .compression-overlay{display:flex}.seedance-15-pro-row{display:flex;flex-direction:row;gap:16px;width:100%}.seedance-15-pro-item{flex:1}.seedance-15-pro-item .res-grid{margin-bottom:0;width:100%;display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.toggle-switch{width:50px;height:24px;border-radius:12px;position:relative;cursor:pointer;transition:background-color .2s ease;border:1px solid var(--color-border-secondary);display:flex;align-items:center}.toggle-switch.active{background-color:#ff7a00}.toggle-switch.inactive{background-color:#d9d9d9}.toggle-switch-handle{width:20px;height:20px;border-radius:50%;background-color:#fff;position:absolute;top:1px;transition:left .2s ease;box-shadow:0 1px 3px #0003;z-index:2}.toggle-switch.active .toggle-switch-handle{left:28px}.toggle-switch.inactive .toggle-switch-handle{left:1px}.preview-fullscreen{position:fixed;inset:64px 0 60px 280px;background:#000c;display:flex;z-index:1000;overflow:hidden}.preview-media-section{flex:.75;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);position:relative;background:var(--color-bg-primary);overflow:hidden}.preview-info-section{flex:.25;min-width:300px;background:var(--color-bg-primary);display:flex;flex-direction:column;border-left:1px solid var(--color-border-primary)}.preview-info-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary);flex-shrink:0}.preview-info-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.preview-header-toolbar{display:flex;align-items:center;gap:var(--spacing-3)}.preview-info-content{flex:1;padding:var(--spacing-6);overflow-y:auto}.preview-info-item{margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);line-height:1.6}.preview-info-item strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--spacing-2)}.preview-prompt{background:var(--color-bg-secondary);padding:var(--spacing-3);border-radius:var(--radius-base);border:1px solid var(--color-border-primary);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;color:var(--color-text-secondary);min-height:120px}.preview-params{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.preview-param-item{background:var(--color-bg-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-base);border:1px solid var(--color-border-primary);font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.preview-image-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.preview-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:20px;cursor:pointer;transition:all var(--transition-fast);z-index:10;display:flex;align-items:center;justify-content:center}.preview-nav-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.preview-nav-left{left:20px}.preview-nav-right{right:20px}.preview-image-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-dropdown-backdrop{position:fixed;inset:0;z-index:999}@media(max-width:1200px){.preview-media-section{flex:.7}.preview-info-section{flex:.3;min-width:280px}}@media(max-width:1024px){.preview-fullscreen{left:0;top:64px;bottom:60px}}@media(max-width:900px){.preview-fullscreen{flex-direction:column}.preview-media-section{flex:.6;min-height:300px}.preview-info-section{flex:.4;min-width:auto;border-left:none;border-top:1px solid var(--color-border-primary)}.preview-nav-btn{width:40px;height:40px;font-size:16px}.preview-nav-left{left:10px}.preview-nav-right{right:10px}}