::-webkit-scrollbar{height:7px!important;height:var(--scrollbar-width,7px)!important;width:7px!important;width:var(--scrollbar-width,7px)!important}::-webkit-scrollbar-track{background:var(--bg-secondary)!important;border-radius:var(--radius-md)!important}::-webkit-scrollbar-thumb{background:var(--text-tertiary)!important;border-radius:var(--radius-md)!important;-webkit-transition:var(--transition-normal)!important;transition:var(--transition-normal)!important}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--text-tertiary)!important}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important}@-moz-document url-prefix(){*{scrollbar-width:thin!important}*,[data-theme=dark] *{scrollbar-color:var(--text-tertiary) var(--bg-secondary)!important}}@media (hover:none){*{-webkit-overflow-scrolling:touch!important}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.flex-auto{flex:auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.p-16{padding:16px}.m-0{margin:0}.p-0{padding:0}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.font-medium{font-weight:500}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#ff3c6a}.text-gray{color:#666}.bg-white{background:#fff}.bg-gray{background:#f5f5f5}.text-brand{color:var(--brand-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.rounded-sm{border-radius:4px}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.coming-soon{padding:var(--spacing-xl)}.coming-soon-icon{margin-bottom:var(--spacing-lg)}.coming-soon h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm)}.mt-2{margin-top:8px}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.invisible{visibility:hidden}.visible{visibility:visible}.animate-fade-in{animation:fadeIn .2s ease}.animate-slide-in{animation:slideIn .3s ease}@media (max-width:768px){.hide-on-mobile{display:none!important}}@media (min-width:769px){.show-on-mobile{display:none!important}}@media (max-width:480px){.hide-on-small{display:none!important}}@media (min-width:1024px){.hide-on-desktop{display:none!important}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-none{border:none}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{word-wrap:break-word}.break-all{word-break:break-all}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-move{cursor:move}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.generating-status{display:none!important}.button-group{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.clear-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;height:32px;justify-content:center;padding:0 var(--spacing-lg);transition:var(--transition-normal)}.clear-btn:hover{background:var(--bg-active);color:var(--text-primary)}.clear-btn:disabled{cursor:not-allowed;opacity:.6}.save-settings-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;height:32px;padding:0 var(--spacing-lg);transition:var(--transition-normal)}.save-settings-btn:hover{filter:brightness(1.1)}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6}.filter-option{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xxs) var(--spacing-sm);transition:var(--transition-normal)}.filter-option.active,.filter-option:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.filter-option.active{background:var(--brand-primary-light)}.action-btn{background:var(--bg-secondary);border:1px solid var(--border-light);height:28px;transition:none;width:28px}.action-btn,.generate-btn{align-items:center;display:flex;justify-content:center}.generate-btn{gap:var(--spacing-xs);padding:var(--spacing-sm) 0;transition:background .1s ease}.generate-btn .compute-cost{align-items:center;display:inline-flex;font-size:var(--font-size-sm);gap:2px;opacity:.9}.generate-btn .compute-cost:before{content:"";font-size:var(--font-size-xs);opacity:.8}.generate-btn .compute-cost:after{content:"C";font-size:var(--font-size-xs);opacity:.8}[data-theme=dark] .generate-btn{background:var(--brand-gradient);color:var(--text-inverse);overflow:hidden;position:relative}[data-theme=dark] .generate-btn:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s;width:100%}[data-theme=dark] .generate-btn:hover:not(:disabled):after{left:100%}[data-theme=dark] .generate-btn:hover:not(:disabled){background:var(--brand-gradient)}.generate-btn:disabled,.toggle-switch{position:relative}.toggle-switch{display:inline-block;height:18px;vertical-align:middle;width:32px}.toggle-switch input{display:none;height:0;margin:0;opacity:0;padding:0;width:0}.toggle-track{background-color:var(--bg-active);border-radius:10px;bottom:0;box-shadow:none;cursor:pointer;left:0;right:0;top:0}.toggle-track,.toggle-track:before{position:absolute;transition:all .3s ease}.toggle-track:before{background-color:var(--bg-primary);border-radius:50%;bottom:2px;box-shadow:var(--shadow-sm);content:"";height:14px;left:2px;width:14px}input:checked+.toggle-track{background:var(--brand-gradient);box-shadow:none}input:checked+.toggle-track:before{background-color:var(--bg-primary);box-shadow:var(--shadow-sm);transform:translateX(14px)}.toggle-switch input:disabled+.toggle-track{cursor:not-allowed;opacity:.6}.toggle-switch input:disabled+.toggle-track:before{background-color:#f5f5f5}.textarea-resize-handle{bottom:3px;cursor:se-resize;height:12px;opacity:.7;position:absolute;right:3px;transition:opacity .2s;width:12px;z-index:10}.textarea-resize-handle:hover{opacity:1}.textarea-resize-handle:after{border-color:#0000 #0000 var(--border-color) #0000;border-style:solid;border-width:0 0 10px 10px;bottom:0;content:"";height:0;position:absolute;right:0;width:0}.textarea-resize-handle:hover:after{border-color:#0000 #0000 var(--brand-primary) #0000}.copy-id-btn,.description-copy-btn,.details-sidebar .copy-id-btn,.random-seed-selector .copy-id-btn,.task-card .copy-id-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:22px!important;justify-content:center;margin:0;min-width:22px!important;padding:0;transition:var(--transition-normal);width:22px!important}.copy-id-btn svg,.description-copy-btn svg,.details-sidebar .copy-id-btn svg,.random-seed-selector .copy-id-btn svg,.task-card .copy-id-btn svg{height:14px!important;width:14px!important}.copy-id-btn:hover,.description-copy-btn:hover,.details-sidebar .copy-id-btn:hover,.random-seed-selector .copy-id-btn:hover,.task-card .copy-id-btn:hover{color:var(--brand-primary)}.copy-id-btn:disabled,.description-copy-btn:disabled,.details-sidebar .copy-id-btn:disabled,.random-seed-selector .copy-id-btn:disabled,.task-card .copy-id-btn:disabled{cursor:not-allowed;opacity:.5}.description-copy-btn{position:absolute;right:8px;top:8px}.random-seed-selector .copy-id-btn{margin-left:8px!important}.number-controls{display:flex;flex-direction:column;gap:1px}.number-control-btn{align-items:center;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;height:14px;justify-content:center;padding:0;transition:var(--transition-fast);width:16px}.number-control-btn:hover{color:var(--brand-primary)}.number-control-btn svg{height:14px;width:14px}.number-input-wrapper{display:inline-block}.number-input-wrapper .number-input{padding-right:24px}*{max-width:100%}#root,.ant-btn,.ant-dropdown,.ant-input,.ant-message,.ant-modal,.ant-select,.app-container,body,button,html,input,select,textarea{font-family:Microsoft YaHei,微软雅黑,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.sidebar,.sidebar *,.sidebar-bottom-btn,.sidebar-bottom-btn *,.sidebar-item,.sidebar-item *{max-width:none!important}embed,iframe,img,object,video{height:auto;max-width:100%}body,html{background-color:var(--bg-primary);margin:0;max-width:100%;min-height:100%;overflow-x:hidden;padding:0;position:relative}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-content{display:flex;flex:1 1;flex-direction:column}#root{margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}@media (max-width:888px){.content-wrap{flex-direction:column;margin-left:0;margin-top:90px;padding:0}.content-wrap,.main-content{overflow-x:hidden;width:100%}.main-content{box-sizing:border-box;max-width:100%;padding:15px}}.navbar{background:var(--bg-primary);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex}.logo-image{display:block;height:36px;max-width:100%;position:relative;transition:all .3s ease;vertical-align:middle;width:auto;z-index:1}.logo:hover .logo-image{filter:brightness(1.2) saturate(1.1)}.logo{cursor:pointer;margin-left:8px;margin-right:60px;overflow:visible;padding:.5rem 0;transition:var(--transition-normal)}.logo,.logo-text{position:relative}.logo-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:28px;font-weight:580;letter-spacing:1px;transition:all .3s ease;z-index:1}.logo:after{display:none}.logo:before{background:var(--brand-gradient);border-radius:6px;filter:blur(8px);height:70%;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);transition:all .4s cubic-bezier(.4,0,.2,1);width:90%;z-index:0}.logo:after,.logo:before{content:"";opacity:0;position:absolute}.logo:after{background:linear-gradient(90deg,#0000,#ff8c424d,#ff3c6a4d,#0000);border-radius:4px;height:100%;left:-120%;pointer-events:none;top:0;transition:all .5s ease;width:100%;z-index:2}.logo:hover:before{opacity:.12;transform:translate(-50%,-50%) scale(.95)}.logo:hover:after{animation:logoShine .8s ease-out;left:120%;opacity:1}@keyframes logoShine{0%{left:-120%;opacity:0}50%{opacity:1}to{left:120%;opacity:0}}.logo:hover .logo-text{filter:brightness(1.2) saturate(1.1);transform:scale(1.05)}.nav-links{display:flex;list-style-type:none;margin:0;padding:0;white-space:nowrap}.nav-item{color:var(--text-primary);cursor:pointer;font-size:clamp(12px,1.5vw,16px);margin:0 clamp(8px,2vw,25px);position:relative}.nav-item:hover{color:var(--brand-primary)}.nav-item.active:after{background-color:var(--brand-primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}.navbar-right{align-items:center;display:flex}.subscribe-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;font-size:clamp(12px,1.5vw,16px);margin-right:10px;padding:6px 12px;transition:var(--transition-normal);white-space:nowrap}.subscribe-btn:hover{filter:brightness(1.1)}.login-btn{background-color:var(--bg-primary);border:1px solid var(--brand-primary);border-radius:var(--radius-sm);color:var(--brand-primary);cursor:pointer;font-size:clamp(12px,1.5vw,16px);padding:6px 12px;transition:var(--transition-normal);white-space:nowrap}.login-btn:hover{background-color:var(--brand-primary-lighter)}.content-wrap{background-color:var(--bg-primary);box-sizing:border-box;display:flex;margin-left:158px;min-height:100vh;overflow-x:hidden;padding-top:60px;position:relative;transition:margin-left 0s,width 0s;width:calc(100% - 160px)}.content-wrap.sidebar-collapsed{margin-left:58px;width:calc(100% - 60px)}.app{margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}.app,.sidebar{box-sizing:border-box}.sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;min-width:158px;overflow-x:visible;overflow-y:auto;padding:1rem 1.5rem;position:fixed;top:60px;width:158px;z-index:100}.sidebar.collapsed{box-sizing:border-box;min-width:58px;padding:1rem .5rem;width:58px}.sidebar.collapsed .sidebar-item{align-items:center;box-sizing:border-box;display:flex;height:3rem;justify-content:center;margin:.32rem 0;max-width:none;overflow:visible;padding:.85rem .5rem;position:relative;white-space:nowrap}.sidebar.collapsed .sidebar-item span{display:none}.sidebar.collapsed .sidebar-bottom-btn{box-sizing:border-box;height:2rem;justify-content:center;margin:auto 0 0;max-width:none;overflow:visible;padding:.5rem;white-space:nowrap}.sidebar.collapsed .sidebar-bottom-btn span{display:none}.sidebar.collapsed h3{align-items:center;border-bottom:1px solid var(--border-light);box-sizing:border-box;height:56px;justify-content:center;line-height:1.2;margin-bottom:1rem;padding-bottom:1.25rem;padding-left:0;padding-top:.5rem}.sidebar.collapsed h3 span{display:none}.sidebar.collapsed h3 .sidebar-back-btn,.sidebar.collapsed h3 .sidebar-edit-btn{align-items:center;display:flex;height:auto;justify-content:center;margin-left:0;position:static;right:0;width:auto}.sidebar-back-btn svg,.sidebar-edit-btn svg{display:block;font-size:.9rem;transform:translateY(1px);transition:none}.sidebar h3{align-items:center;border-bottom:1px solid var(--border-light);box-sizing:border-box;color:var(--text-primary);display:flex;font-size:.95rem;gap:.5rem;height:56px;line-height:1.2;margin:0 0 1rem;padding-bottom:1.25rem;padding-left:.5rem;padding-top:.5rem}.sidebar-section,.sidebar.collapsed .sidebar-section{box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:3rem;margin-top:0;padding:0}.sidebar-section h2{font-size:1.25rem;margin-bottom:1.2rem}.sidebar-item{align-items:center;border-radius:4px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:.92rem;gap:.75rem;height:3.28rem;justify-content:flex-start;margin:.32rem -1rem;padding:.85rem 1.5rem .85rem 1.25rem;transition:background-color .2s ease}.sidebar-item,.sidebar-item span{max-width:none;overflow:visible;white-space:nowrap}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active,.sidebar-item.active svg,.sidebar-item:hover{color:var(--brand-primary)}.sidebar-item svg{color:var(--text-secondary);flex-shrink:0;font-size:1.15rem;margin-right:.25rem;transition:none;width:1.15rem}.sidebar-item:hover svg{color:var(--brand-primary);transition:none}.sidebar-bottom-btn{align-items:center;background:#0000;border:none;border-radius:4px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.75rem;height:2rem;justify-content:flex-start;margin:auto -1rem 0;padding:.5rem 1.5rem .5rem 1.25rem;transition:background-color 0s ease}.sidebar-bottom-btn,.sidebar-bottom-btn span{max-width:none;overflow:visible;white-space:nowrap}.sidebar-bottom-btn:hover{background:var(--bg-hover);color:var(--brand-primary)}.sidebar-bottom-btn svg{color:var(--text-secondary);flex-shrink:0;font-size:1.15rem;margin-right:.25rem;transition:none;width:1.15rem}.sidebar-bottom-btn:hover svg{color:var(--brand-primary)}.main-content{background-color:var(--bg-primary);box-sizing:border-box;flex:1 1;max-width:100%;min-width:0;overflow:hidden;overflow-x:hidden;padding:20px;position:relative;scroll-behavior:unset;width:100%}.input-group{align-items:center;position:relative}.input-group input{border-radius:6px;flex:1 1;font-size:14px;height:40px;min-width:0;padding:8px 12px}.generate-btn{border-radius:var(--radius-sm);margin-top:20px;padding:8px 16px}.generate-btn:hover{filter:brightness(1.1)}.modal-overlay{background-color:var(--bg-mask);height:100%;width:100%}.modal-content{max-width:480px}.modal-header{background-color:var(--bg-primary);border-bottom:none;padding:20px 20px 0}.modal-header h2{font-weight:500;padding:0 20px 10px}.close-btn{background:var(--bg-hover);color:var(--text-secondary);height:32px;padding:0;position:absolute;right:20px;top:20px;transition:all .3s ease;width:32px}.close-btn:hover{background:var(--bg-active);color:var(--text-primary)}.close-btn:hover:after,.close-btn:hover:before{background:var(--text-primary)}.feature-list{flex:1 1;margin:5px 0 0;max-height:none;overflow-y:auto}.feature-list h4{color:var(--text-primary);font-size:.8rem;font-weight:400;margin-bottom:8px;margin-top:12px;padding-left:0;padding-right:8px;text-align:right}.feature-list>div{margin-bottom:16px}.feature-list>div:last-child{margin-bottom:0}.checkbox-label{border-radius:4px;flex-direction:row-reverse;font-size:.85rem;gap:12px;justify-content:space-between;margin:8px 0;padding:4px 8px;position:relative;transition:all .2s ease}.checkbox-label input[type=checkbox]{height:0;margin:0;opacity:0;padding:0;width:0}.checkbox-label .toggle-track{background-color:var(--bg-active);border-radius:10px;display:inline-block;transition:all .3s ease}.checkbox-label .toggle-track:before{background-color:var(--bg-primary);box-shadow:var(--shadow-sm);transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.toggle-track{background:var(--brand-gradient)}.checkbox-label input[type=checkbox]:checked+.toggle-track:before{background-color:var(--bg-primary)}.sidebar-edit-btn{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:inline-flex;justify-content:center;margin-left:auto;margin-right:0;padding:2px;position:relative;right:-.5rem;transition:none}.sidebar-edit-btn svg{font-size:.9rem;transform:translateY(1px);transition:none}.sidebar-edit-btn:hover{color:var(--brand-primary)}.sidebar-back-btn{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:inline-flex;justify-content:center;margin-left:auto;margin-right:0;padding:2px;position:relative;right:-.5rem;transition:none}.sidebar-back-btn svg{font-size:.9rem;transform:translateY(1px);transition:none}.sidebar-back-btn:hover{color:var(--brand-primary)}.user-menu{align-items:center;display:flex;gap:12px}.dropdown-container{position:relative}.dropdown-container:before{background:#0000;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}.user-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-direction:column;margin-top:2px;min-width:160px;overflow:visible;padding-top:4px;position:absolute;right:0;top:100%;width:200px;z-index:1000}.user-dropdown:before{background:#0000;content:"";height:7px;left:0;position:absolute;right:0;top:-7px}.logout-btn{background:none;border:1px solid var(--brand-primary);border-radius:var(--radius-sm);color:var(--brand-primary);cursor:pointer;font-size:clamp(12px,1.5vw,16px);padding:6px 12px;transition:var(--transition-normal);white-space:nowrap}.logout-btn:hover{background-color:var(--brand-primary-lighter)}.notification{animation:slideInRight .3s ease,fadeOut .3s ease 2.7s;border-radius:4px;color:var(--text-inverse);font-size:14px;padding:12px 24px;position:fixed;right:16px;top:16px;z-index:1000}.notification.success{background-color:var(--success-color)}.notification.error{background-color:var(--error-color)}.notification.warning{background-color:var(--warning-color)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.home-page{box-sizing:border-box;margin:0;max-width:100%;padding:0 24px;width:100%}.tips-section{margin:24px auto 32px;max-width:1800px;padding:0 var(--spacing-md);position:relative}.tips-section h2{color:var(--text-primary);font-size:clamp(1rem,1.6vw,1.2rem);font-weight:600;letter-spacing:.02em;margin-bottom:clamp(10px,1.5vw,14px)}.tips-container{-webkit-overflow-scrolling:touch;backface-visibility:hidden;margin:0 -4px;overflow-x:hidden;overflow-y:hidden;perspective:1000px;position:relative;scroll-behavior:smooth;width:100%;will-change:scroll-position}.tips-cards,.tips-container{padding:4px 0;transform:translateZ(0)}.tips-cards{display:flex;gap:clamp(16px,1.5vw,20px);transition:transform .3s ease;width:max-content;will-change:transform}.tips-container::-webkit-scrollbar,.tips-container::-webkit-scrollbar-track{display:none}.tips-container::-webkit-scrollbar-thumb,.tips-container::-webkit-scrollbar-thumb:hover{display:none}[data-theme=dark] .tips-container::-webkit-scrollbar-thumb,[data-theme=dark] .tips-container::-webkit-scrollbar-thumb:hover{display:none}.tip-card{-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-basis:calc(25% - 18px);flex-direction:column;flex-grow:0;flex-shrink:0;max-width:180px;min-width:160px;overflow:hidden;perspective:1000px;transform:translateZ(0);transition:transform .15s cubic-bezier(.2,0,.15,1),box-shadow .15s cubic-bezier(.2,0,.15,1);will-change:transform,box-shadow}.tip-card:hover{box-shadow:var(--shadow-md);transform:translate3d(0,-5px,0)}.tip-image{height:48px;overflow:hidden;width:100%}.tip-image img{display:block;height:100%;object-fit:cover;width:100%}.tip-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:calc(var(--spacing-md) + 8px) var(--spacing-md)}.tips-nav-button{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:60px;justify-content:center;position:absolute;top:calc(50% + 20px);touch-action:manipulation;transform:translateY(-50%);transition:transform .05s ease;-webkit-user-select:none;user-select:none;width:40px;z-index:10}.tips-nav-button.prev{left:0}.tips-nav-button.next{right:0}.tips-nav-button:before{border-bottom:2px solid var(--brand-primary);border-right:2px solid var(--brand-primary);content:"";display:block;height:12px;transition:all .05s ease;width:12px}.tips-nav-button.prev:before{transform:rotate(135deg)}.tips-nav-button.next:before{transform:rotate(-45deg)}.tips-nav-button:hover{transform:translateY(-50%) scale(1.05)}.tips-nav-button:hover:before{border-color:var(--brand-primary)}.tips-nav-button:disabled{cursor:not-allowed;opacity:0;pointer-events:none;transform:translateY(-50%) scale(1);transition:opacity 1s ease,transform .1s ease}.tips-nav-button:disabled:hover{background:var(--bg-primary);opacity:0;transform:translateY(-50%) scale(1)}[data-theme=dark] .tips-nav-button{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .tips-nav-button:hover{background:var(--bg-primary);transform:translateY(-50%) scale(1.05)}@media (max-width:888px){.tips-nav-button{display:none}.tips-container{overflow-x:auto}.tips-container::-webkit-scrollbar{display:block;height:7px;height:var(--scrollbar-width,7px)}.tips-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md);display:block}.tips-container::-webkit-scrollbar-thumb{background:var(--text-tertiary)!important;border-radius:var(--radius-md);display:block;-webkit-transition:var(--transition-normal);transition:var(--transition-normal)}.tips-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important;display:block}[data-theme=dark] .tips-container::-webkit-scrollbar-thumb{background:var(--text-tertiary)!important;display:block}[data-theme=dark] .tips-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important;display:block}}.features-section{margin:var(--spacing-lg) auto;max-width:1800px;padding:0 var(--spacing-md);width:100%}.feature-cards{grid-gap:clamp(16px,1.5vw,20px);display:grid;gap:clamp(16px,1.5vw,20px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;width:100%}.feature-card{background:#fff;box-shadow:0 4px 12px #0000001a}.feature-card img{margin:0;padding:0}.feature-content{padding:12px}.feature-content h3{font-size:var(--font-size-lg);margin-bottom:8px}.feature-content p{font-size:var(--font-size-sm)}.feature-image{aspect-ratio:1/1;overflow:hidden;position:relative;width:100%}.coming-soon-img{filter:brightness(.7);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.feature-card:hover .coming-soon-img{transform:scale(1.05)}.coming-soon-content{align-items:center;background:#0003;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:absolute;top:0;width:100%;z-index:1}.coming-soon-content h3{color:#fff;text-shadow:0 2px 4px #0003}@media (max-width:888px){.coming-soon-content h3{font-size:1.1rem}}.showcase-section{margin:32px auto;max-width:1800px;padding:0 24px;width:100%}.showcase-waterfall{display:flex;flex-wrap:wrap;gap:16px;margin:0 auto;padding:0;width:100%}.showcase-item{background:#fff;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;opacity:1;transition:transform .3s ease,box-shadow .3s ease;visibility:visible;width:calc(20% - 13px)}.showcase-item img{transition:transform .3s ease}@media (max-width:1800px){.showcase-item{width:calc(25% - 12px)}}@media (max-width:1400px){.showcase-item{width:calc(33.333% - 11px)}}@media (max-width:1024px){.showcase-item{width:calc(50% - 8px)}}@media (max-width:480px){.showcase-item{margin-bottom:16px;width:100%}}.showcase-item.hidden{border:none;display:none;height:0;margin:0;opacity:0;padding:0;visibility:hidden}.showcase-item:hover img{transform:scale3d(1.05,1.05,1)}.showcase-buttons{flex-direction:column;justify-content:space-between}.create-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border-radius:0;border-top:1px solid #fff3;bottom:0;color:#333;display:flex;font-size:14px;height:50px;justify-content:center;left:0;margin:0;padding:0;pointer-events:auto;position:absolute;right:0;transform:translate3d(0,100%,0);transition:transform .15s cubic-bezier(.2,0,.15,1),background-color .15s ease;width:100%;will-change:transform,background-color}.showcase-item:hover .create-btn{transform:translateZ(0)}.create-btn:hover{background:#fffc}.showcase-info{background:#fff;padding:16px}.showcase-info h3{color:var(--text-primary);font-size:clamp(1rem,1.8vw,1.2rem);margin:0 0 8px}.showcase-info p{color:var(--text-secondary);font-size:clamp(.85rem,1.2vw,.95rem);line-height:1.4;margin:0}@media (max-width:1800px){.showcase-waterfall{column-count:4}}@media (max-width:1400px){.showcase-waterfall{column-count:3}}@media (max-width:1024px){.showcase-waterfall{column-count:2}.promotion-content{padding:40px 24px}}@media (max-width:888px){.home-page{padding:0 16px}.promotion-banner{height:min(200px,35vh)}.promotion-content{padding:20px 16px}.promotion-content h1{font-size:clamp(1.1rem,4vw,1.4rem)}.features-section,.showcase-section,.tips-section{padding:0 16px}.showcase-waterfall{column-count:2;column-gap:16px}.showcase-item{margin-bottom:16px}.tips-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{max-width:100px;min-width:80px}.tip-image{height:32px}.tip-content{padding:10px}.tip-content h3{font-size:var(--font-size-md);margin-bottom:5px}.tip-content p{font-size:var(--font-size-sm)}.feature-cards{grid-template-columns:repeat(2,1fr)}.feature-card{min-width:0;min-width:auto}.feature-content{padding:12px}.feature-content h3{font-size:var(--font-size-md);margin-bottom:6px}.feature-content p{font-size:var(--font-size-sm);line-height:1.3}.tips-cards{gap:8px}.feature-cards{gap:12px}.sidebar-item{background:none;border-radius:0;flex-shrink:0;font-size:13px;margin:0;padding:6px 12px;position:relative}.sidebar-item:not(:last-child):after{background:#00000026;content:"";height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.sidebar-item svg{display:none!important}.sidebar-section{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:0;padding:8px 12px;white-space:nowrap}}@media (max-width:480px){.home-page{padding:0 12px}.promotion-banner{height:min(200px,30vh)}.promotion-content{padding:16px 12px}.features-section,.showcase-section,.tips-section{margin:24px auto;padding:0 12px}.feature-cards,.tips-cards{gap:8px}.showcase-waterfall{column-count:1}.showcase-item{margin-bottom:16px}}.features-section h2,.showcase-section h2,.tips-section h2{color:var(--text-primary);font-size:clamp(1rem,1.6vw,1.2rem);font-weight:600;letter-spacing:.02em;margin-bottom:clamp(10px,1.5vw,14px)}.feature-content h3,.showcase-info h3,.tip-card h3{font-size:clamp(.95rem,1.5vw,1.1rem);margin-bottom:6px}.feature-content p,.showcase-info p,.tip-card p{font-size:clamp(.8rem,1vw,.9rem);line-height:1.4}.load-more-container{display:flex;justify-content:center;margin-bottom:20px;margin-top:40px;opacity:1;transition:opacity .3s ease,visibility .3s ease;visibility:visible;width:100%}.load-more-container.hidden{height:0;margin:0;opacity:0;visibility:hidden}.load-more-btn{background:var(--brand-gradient);border:none;border-radius:30px;box-shadow:0 2px 8px #ff3c6a33;color:var(--text-inverse);cursor:pointer;font-family:var(--font-family);font-size:1rem;font-weight:520;margin:0 auto;padding:8px 32px;transition:all .3s ease}.load-more-btn:hover{box-shadow:0 4px 12px #ff3c6a4d}.load-more-message{animation:fadeIn .5s ease;background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);margin:40px 0;padding:12px;text-align:center}@media (max-width:888px){.load-more-container{margin-top:30px}.load-more-btn{font-size:.9rem;padding:6px 24px}.load-more-message{font-size:var(--font-size-xs);margin:24px 0;padding:10px}.features-section h2,.showcase-section h2,.tips-section h2{font-size:clamp(.95rem,1.4vw,1.1rem);margin-bottom:10px}}@media (max-width:480px){.features-section h2,.showcase-section h2,.tips-section h2{font-size:.95rem;margin-bottom:8px}}.tip-card.more-tips{background:var(--bg-primary);transition:all .3s ease}.tip-card.more-tips:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.tip-card.more-tips .tip-image{align-items:center;background:linear-gradient(45deg,rgba(var(--brand-primary-rgb),.7),rgba(var(--brand-primary-rgb),.85));color:var(--color-white);display:flex;justify-content:center;overflow:hidden;position:relative}.tip-card.more-tips .tip-content h3{color:var(--text-primary)}.tip-card.more-tips .tip-image svg{height:48px;opacity:.9;transition:transform .3s ease;width:48px}@media (max-width:888px){.navbar{height:50px;padding:0 12px;top:0;z-index:1000}.navbar,.sub-navbar{left:0;position:fixed;right:0}.sub-navbar{background:#fff;border-bottom:1px solid #eee;display:block;top:50px;z-index:999}.content-wrap{flex-direction:column;margin-left:0;margin-top:90px;overflow-x:hidden;padding:0;width:100%}.sidebar{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #eee;margin:0;min-width:100%;overflow-x:auto;overflow-y:hidden;padding:0;position:static;width:100%;z-index:100}.sidebar h3{display:none}.sidebar-section{-webkit-overflow-scrolling:touch;background:#fff;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0;white-space:nowrap;z-index:998}.sidebar-item,.sidebar-section{align-items:center;display:flex;height:36px;margin:0;position:relative}.sidebar-item{background:none;border-radius:0;flex-shrink:0;font-size:13px;line-height:36px;padding:0 12px}}@media (max-width:480px){.showcase-waterfall{column-count:1}.feature-cards{gap:8px;grid-template-columns:repeat(2,1fr)}.feature-content{padding:8px}.feature-content h3{font-size:.85rem;margin-bottom:4px}.feature-content p{font-size:.7rem}}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:8px}.mobile-menu-btn span{background-color:#333;display:block;height:2px;margin:4px 0;transition:all .3s ease;width:20px}@media (max-width:888px){.mobile-menu-btn{display:block}.nav-links.mobile-active{display:flex;padding:10px 0;white-space:nowrap}.nav-links.mobile-active .nav-item{font-size:clamp(10px,1.2vw,14px);margin:0 clamp(4px,1.5vw,8px)}}.sub-navbar{background-color:#fff;border-bottom:1px solid #ddd;display:none;padding:0}.sub-nav-links{display:flex;height:40px;list-style-type:none;margin:0;padding:0;width:100%}.sub-nav-item{align-items:center;display:flex;flex:1 1;font-size:15px;justify-content:center;padding:0 8px;position:relative;transition:color .2s ease;white-space:nowrap}.sub-nav-item.active,.sub-nav-item:hover{color:#ff3c6a}.sub-nav-item.active:after{background-color:#ff3c6a;bottom:0;content:"";height:2px;left:50%;max-width:80%;min-width:2em;position:absolute;transform:translateX(-50%);width:max-content}@media (max-width:888px){.navbar{height:50px;top:0;z-index:1000}.navbar,.sub-navbar{left:0;position:fixed;right:0}.sub-navbar{display:block;top:50px;z-index:999}.content-wrap{margin-top:75px}.mobile-menu-btn,.nav-links{display:none}.sub-nav-item{font-size:14px;padding:0 4px}}.mobile-tip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;bottom:0;box-shadow:0 -1px 6px #0000001a;box-sizing:border-box;color:#333;display:none;font-size:13px;left:0;line-height:1.4;min-height:44px;padding:12px 50px 12px 20px;position:fixed;right:0;text-align:center;width:100%;z-index:999}.mobile-tip,.mobile-tip .close-tip{align-items:center;justify-content:center}.mobile-tip .close-tip{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:32px;padding:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px}.mobile-tip .close-tip:hover{background:#0000000d;color:#333}.mobile-tip .close-tip:before{content:"×";line-height:1}@media (min-width:889px){.mobile-tip{display:none!important}}@media (max-width:888px){.mobile-tip{display:flex}}@media (max-width:320px){.mobile-tip{font-size:12px;min-height:40px;padding:10px 40px 10px 15px}.mobile-tip .close-tip{font-size:18px;height:28px;width:28px}}.sidebar-mobile-btn{background:#fff;border:none;color:#666;cursor:pointer;display:none;margin:0;padding:6px 12px;position:relative;z-index:1001}.sidebar-mobile-btn:after{background:#0000001a;content:"";height:16px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.sidebar-mobile-btn svg{font-size:.9rem;transform:translateY(1px)}.sidebar-mobile-btn:hover{color:#ff3c6a}@media (max-width:888px){.sidebar-mobile-btn{margin-left:5px}.sidebar-section{background:#fff;display:flex;flex-direction:row;margin:0;padding:8px 0;position:relative;white-space:nowrap;z-index:999}.edit-modal{left:42px;pointer-events:auto;position:fixed;top:95px;width:180px;z-index:1000}.sidebar-mobile-btn{align-items:center;background:#fff;display:flex;justify-content:center;z-index:1001}.edit-modal{left:42px;position:fixed;top:85px;width:180px;z-index:1000}.checkbox-label,.edit-modal h4{font-size:.75rem}.checkbox-label{margin:4px 0;padding:2px 6px}.checkbox-label input[type=checkbox]+span{height:16px;width:28px}.checkbox-label input[type=checkbox]+span:before{height:12px;width:12px}.checkbox-label input[type=checkbox]:checked+span:before{transform:translateX(12px)}.sidebar-mobile-btn{align-items:center;background:#fff;display:flex;justify-content:center;z-index:1001}.sidebar-section{-webkit-overflow-scrolling:touch;background:#fff;display:flex;flex-direction:row;margin:0;overflow-x:auto;padding:8px 0;position:relative;white-space:nowrap;z-index:999}.edit-modal{left:42px;pointer-events:auto;position:fixed;top:95px;width:180px;z-index:1000}}.sidebar::-webkit-scrollbar{display:none}.sidebar{-ms-overflow-style:none;scrollbar-width:none}.coming-soon-content h3{font-size:1.3rem;font-weight:600;line-height:1.2;margin:0;text-align:center}.coming-soon-content h3,.feature-card .coming-soon-content h3{color:#fff!important;text-shadow:0 2px 4px #0000004d}@media (max-width:888px){.content-wrap{margin-top:75px;margin-top:90px;padding:0 1rem}}.tip-content h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 12px;padding:0}.tip-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0;padding:0}.modal-content{max-width:100%}.showcase-item.video-item{position:relative}.video-overlay{align-items:center;background-color:initial;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transition:background-color .2s ease;width:100%;z-index:1}.video-overlay:hover{background-color:#00000080}.play-button{color:#fff;font-size:40px;pointer-events:none;text-shadow:0 2px 8px #00000080;transition:transform .2s ease,opacity .2s ease}.showcase-item.video-item:hover .play-button{opacity:0}.video-preview-content{align-items:center;display:flex;justify-content:center;max-height:85%;max-width:85%;position:relative}.preview-video{background-color:#000;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:80vh;max-width:100%}.showcase-item.video-item .showcase-buttons{opacity:0;pointer-events:none}.showcase-item.video-item:hover .showcase-buttons{opacity:1;pointer-events:auto}.showcase-item.video-item .preview-btn{opacity:0;pointer-events:auto}.showcase-item.video-item:hover .preview-btn{opacity:1}.showcase-video{border-radius:8px;display:block;height:auto;width:100%}.sidebar-collapse-btn svg{font-size:1rem}.sidebar-collapse-btn.visible,.sidebar-collapse-btn:hover{opacity:1;visibility:visible}.sidebar-collapse-btn:hover{color:var(--brand-primary)}.content-wrap.sidebar-collapsed .sidebar-collapse-btn:hover{color:var(--brand-primary);transform:translateY(0)}.sidebar-collapse-btn svg{font-size:1.1rem}.sidebar.collapsed .sidebar-section .sidebar-item:first-child{margin-top:.32rem}@media (max-width:888px){.content-wrap{flex-direction:column;margin-left:0;margin-top:90px;padding:0}.content-wrap,.main-content{overflow-x:hidden;width:100%}.main-content{max-width:100%;padding:15px}}.dropdown-item:hover{background-color:var(--bg-hover)}.sidebar-bottom-group{align-items:stretch;border-top:1px solid var(--border-light);display:flex;flex-direction:column;margin-top:auto;padding-top:10px;width:100%}.sound-toggle-sidebar{margin-bottom:.25rem!important}.sidebar.collapsed .sidebar-item .tooltip{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 6px 6px 0;box-shadow:0 1px 4px #00000014;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;height:3rem;left:57px;opacity:0;padding:0 16px;pointer-events:auto;position:fixed;transition:opacity .2s ease,visibility .2s ease,background-color .2s ease,color .2s ease;visibility:hidden;white-space:nowrap;z-index:9999}.sidebar.collapsed .sidebar-item:hover .tooltip{opacity:1;visibility:visible}.sidebar.collapsed .sidebar-item .tooltip:hover{background:linear-gradient(var(--bg-hover),var(--bg-hover)),var(--bg-primary);color:var(--brand-primary)}.sidebar-collapse-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-left:none;border-radius:0 6px 6px 0;box-shadow:2px 0 5px #0000000d;color:var(--text-secondary);cursor:pointer;display:flex;height:58px;justify-content:center;left:158px;opacity:0;pointer-events:auto;position:fixed;top:70px;transform:translateY(0);transition:opacity .3s ease,visibility .3s ease,left 0s;visibility:hidden;width:20px;z-index:999}.content-wrap.sidebar-collapsed .sidebar-collapse-btn{left:58px;top:70px;transform:translateY(0)}.content-wrap.sidebar-collapsed .edit-modal{left:62px}.app-container .content-wrap .main-content.admin-content{margin-left:0;transition:margin-left .3s ease}.admin-page .content-wrap{margin-left:0;margin-top:0}.admin-page .main-content{margin-left:0;padding:0;width:100%}.admin-content{height:100vh;overflow:auto;padding:0;width:100%}.app-container.admin-page .content-wrap .main-content.admin-content{margin-left:0;transition:margin-left .3s ease}.app-container.admin-page{display:block}@media (max-width:888px){.app-container.admin-page .content-wrap{margin-top:0}}.feature-card .feature-content h3,.feature-content h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 6px;padding:0}.feature-card .feature-content p,.feature-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0;padding:0}@media (max-width:888px){.feature-card .feature-content h3,.feature-content h3{font-size:var(--font-size-md);margin-bottom:4px}.feature-card .feature-content p,.feature-content p{font-size:var(--font-size-sm)}}.tip-card.more-tips .coming-soon-content h3{color:var(--text-inverse)!important}.tip-card.more-tips .coming-soon-content{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.tip-card.more-tips .coming-soon-content h3{color:#fff!important;font-size:1.1rem;font-weight:700;line-height:1.2;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.showcase-loading-container{align-items:center;display:flex;justify-content:center;min-height:300px;padding:60px 16px}.showcase-loading-content{gap:20px}.showcase-spinner{height:40px;width:40px}.showcase-loading-content span{font-size:var(--font-size-md)}.subscribe-container{margin:0 auto;max-width:1400px;padding:40px}.subscribe-header{margin-bottom:60px;text-align:center}.subscribe-header h1{-webkit-text-fill-color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;font-size:2.2rem;margin-bottom:16px}.subscribe-header p{color:var(--text-secondary);font-size:1.1rem}.try-free-link{color:#ff6b6b;font-size:inherit;text-decoration:none;transition:all .3s ease}.try-free-link:hover{color:#ff8e53;text-decoration:underline}.subscription-plans{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px;padding:0 20px}.plan-card{background:var(--bg-primary);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:280px;padding:30px 25px 40px;position:relative;transition:var(--transition-normal)}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.plan-card.recommended{background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,linear-gradient(45deg,#ff6b6b,#ff8e53) border-box;border:2px solid #0000}.recommended-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e53);border-radius:12px;box-shadow:0 4px 12px #ff6b6b33;color:#fff;font-size:.9rem;font-weight:500;padding:4px 16px;position:absolute;right:20px;top:-12px}.features li,.features li.sub-feature,.features li.sub-title,.plan-card h2,.plan-description,.price{line-height:1.28!important}.plan-card h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-top:0}.plan-card h2,.plan-description{margin-bottom:20px;text-align:center}.plan-description{color:var(--text-secondary);font-size:.9rem}.monthly-price{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;display:inline-block;font-size:2rem;font-weight:700;margin-bottom:8px;position:relative;text-align:center}.monthly-price-value{font-size:2.4rem}.monthly-price-value,.year-price-value{font-family:Roboto,Arial,sans-serif;font-weight:700}.year-price-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;font-size:1.2em}.monthly-price-unit{-webkit-text-fill-color:var(--text-secondary)!important;background:none!important;-webkit-background-clip:unset!important;color:var(--text-secondary)!important;font-size:.9rem;margin-left:2px;position:relative;top:-.5em;vertical-align:super}.price{color:var(--text-secondary);font-size:1rem;font-weight:700;margin-bottom:8px;text-align:center}.features{flex-grow:1;list-style:none;margin:0 0 30px;padding:0}.features li{align-items:baseline;display:flex;font-size:.9rem;padding:10px 0}.features li:not(.sub-feature){color:var(--text-primary);font-weight:600;padding-top:20px}.features li:not(.sub-feature):before{color:#ff6b6b;content:"✓";font-weight:700;margin-right:10px}.features li.sub-feature{color:var(--text-secondary);font-size:.85rem;font-weight:400;padding:4px 0 4px 24px}.features li.sub-feature:before{color:#888;content:"";margin-right:8px}.features li.sub-title{background:none;color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:2px;margin-top:10px;padding-left:0}.subscribe-button{background:var(--brand-gradient);border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b6b33;color:var(--text-inverse);cursor:pointer;font-size:1.1rem;font-weight:500;padding:15px;transition:all .3s ease;width:100%}.subscribe-button:hover{background:var(--brand-gradient);box-shadow:0 6px 15px #ff6b6b4d;filter:brightness(1.05);opacity:1;transform:translateY(-2px)}.subscribe-button.special-trial-btn{background:#0000;box-shadow:none;font-weight:500;transition:all .3s}.subscribe-button.special-trial-btn,.subscribe-button.special-trial-btn:hover{background-clip:padding-box,border-box;background-image:linear-gradient(var(--bg-primary),var(--bg-primary)),var(--brand-gradient);background-origin:border-box;border:1.5px solid #0000;color:var(--text-primary)}.subscribe-button.special-trial-btn:hover{filter:brightness(1.05)}.faq-section{margin-top:80px}.faq-section h2{color:var(--text-primary);font-size:1.7rem;font-weight:600;margin-bottom:40px;text-align:center}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.faq-item{background:var(--bg-primary);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item h3{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:12px}.faq-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width:1280px){.subscription-plans{gap:20px;padding:0}.plan-card{min-width:auto;padding:25px 20px}}@media (max-width:1024px){.subscribe-container{padding:40px 20px}.subscription-plans{gap:15px;grid-template-columns:repeat(3,1fr)}.plan-card{padding:20px 15px}.plan-card h2{font-size:1.5rem}.monthly-price{font-size:1.8rem}.features li,.price{font-size:.9rem}.features li.sub-feature{font-size:.85rem}}@media (max-width:768px){.subscription-plans{gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.plan-card{max-width:100%;padding:25px 20px}.plan-card h2{font-size:1.6rem}.monthly-price,.price{font-size:2rem}.features li{font-size:.95rem}.features li.sub-feature{font-size:.9rem}.subscribe-header h1{font-size:2rem}.subscribe-header p{font-size:1rem}}@media (max-width:480px){.subscription-plans{gap:20px;grid-template-columns:1fr}.plan-card{padding:30px 25px}.plan-card h2{font-size:1.8rem}.monthly-price,.price{font-size:2.2rem}.features li{font-size:1rem}.features li.sub-feature{font-size:.95rem}}.contact-section{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:60px;padding:20px}.contact-section .contact-support{background:#0000;box-shadow:none;padding:0}.contact-section .contact-methods{align-items:center;display:flex;gap:40px;justify-content:center}.contact-section .contact-method{align-items:center!important;display:flex;flex-direction:row!important;font-family:var(--font-family)!important;font-size:.9rem!important;font-weight:500!important;gap:16px;line-height:1.5!important}.contact-section .email-text,.contact-section .method-label,.contact-section .phone-text,.contact-section .wechat-text{display:inline-block!important;font-family:var(--font-family)!important;font-size:.9rem!important;font-weight:500!important;line-height:1.4!important;margin:0!important;padding:0!important;vertical-align:initial!important}.contact-section .wechat-box{align-items:center!important;display:flex!important;gap:8px!important;padding:0!important}.contact-section .email-box,.contact-section .phone-box{align-items:baseline!important;display:flex!important;gap:8px!important;padding:0!important}.contact-section .qr-container img{display:inline-block;vertical-align:middle}.contact-section .copy-id-btn svg{height:16px;width:16px}.contact-section .qr-container{height:36px;position:relative;width:36px}.contact-section .contact-method.qr img{border-radius:var(--radius-md);height:36px;padding:2px;width:36px}.contact-section .zoom-btn{bottom:-2px;height:16px;right:-2px;width:16px}.contact-section .zoom-btn svg{height:8px;width:8px}.contact-section .copy-btn{font-size:.8rem;padding:4px 8px}@media (max-width:768px){.contact-section{margin-top:40px;padding:16px}.contact-section .contact-methods{flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center}.contact-section .contact-method{flex:0 0 auto}.contact-section .email-box,.contact-section .phone-box{max-width:200px}.contact-section .email-text,.contact-section .phone-text{font-size:.85rem}}@media (max-width:480px){.contact-section .contact-methods{gap:16px}.contact-section .method-label{font-size:.85rem}.contact-section .email-box,.contact-section .phone-box{max-width:160px}}.banner-section{margin:40px 0;padding:0 20px}.banner-card{background:var(--bg-primary);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-normal)}.banner-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.banner-content{gap:40px;justify-content:space-between;padding:30px 40px}.banner-content,.banner-left{align-items:center;display:flex}.banner-left{flex:1 1;gap:20px}.banner-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.energy-pack-banner .banner-icon{background:var(--energy-gradient-yellow-light);box-shadow:0 4px 15px #e6c2004d}.banner-info h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin:0 0 8px}.banner-icon-text{color:#e6c200;display:inline-block;font-size:1.3rem;transform:translateY(-1px)}.banner-info p{color:var(--text-secondary);font-size:1rem;margin:0}.banner-right{align-items:center;display:flex;flex-shrink:0;gap:30px}.banner-pricing{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.banner-price{-webkit-text-fill-color:#0000;background:var(--energy-gradient-yellow-light);-webkit-background-clip:text;font-size:2rem;font-weight:700}.banner-ratio{color:var(--text-secondary);font-size:.9rem;font-weight:500}.banner-computing-power{align-items:center;display:flex;gap:4px;margin-top:4px}.banner-computing-power,.banner-computing-power span{color:var(--text-primary);font-size:1rem;font-weight:600}.promotions-section{margin:40px 0;padding:0 20px}.promotions-container{display:flex;gap:20px;margin:0 auto;max-width:1400px}.promotion-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex:1 1;gap:30px;justify-content:space-between;overflow:hidden;padding:25px 35px;transition:var(--transition-normal)}.promotion-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.promotion-left{align-items:center;display:flex;flex:1 1;gap:15px}.promo-icon{display:inline-block;flex-shrink:0;font-size:1.2rem;transform:translateY(-1px)}.renewal-icon{color:#4caf50}.referral-icon{color:#ff6b6b}.promotion-info{flex:1 1}.promotion-info h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin:0 0 6px}.promotion-info p{color:var(--text-secondary);font-size:.95rem;margin:0}.promotion-right{align-items:center;display:flex;flex-shrink:0;gap:25px}.promo-benefit{text-align:center}.benefit-label{color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:4px}.benefit-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;display:block;font-size:2rem;font-weight:700;margin-bottom:2px}.promo-button{background:var(--brand-gradient);border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b6b4d;color:var(--text-inverse);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.promo-button:hover{background:var(--brand-gradient);box-shadow:0 6px 15px #ff6b6b66;filter:brightness(1.05);transform:translateY(-2px)}@media (max-width:1024px){.promotion-card{gap:25px;padding:20px 30px}.promotion-right{gap:20px}.benefit-value{font-size:1.8rem}}@media (max-width:768px){.promotions-container{flex-direction:column;gap:15px}.promotion-card{gap:20px;padding:20px 25px}.promotion-left{gap:12px}.promo-icon{font-size:1.1rem}.promotion-info h3{font-size:1.2rem}.promotion-info p{font-size:.9rem}.promotion-right{gap:18px}.benefit-value{font-size:1.6rem}.benefit-label{font-size:.85rem}}@media (max-width:480px){.promotions-section{margin:30px 0;padding:0 15px}.promotion-card{flex-direction:column;gap:15px;padding:20px;text-align:center}.promotion-left{flex-direction:column;gap:10px}.promotion-right{flex-direction:column;gap:15px}.promotion-info h3{font-size:1.1rem}.benefit-value{font-size:1.8rem}.promo-button{font-size:.9rem;padding:10px 20px}}.banner-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.energy-pack-btn{background:var(--energy-gradient-yellow-light);box-shadow:0 4px 12px #e6c2004d;color:var(--text-inverse)}.energy-pack-btn:hover{box-shadow:0 6px 15px #e6c20066;transform:translateY(-2px)}@media (max-width:1024px){.banner-content{gap:30px;padding:25px 30px}.banner-icon{font-size:1.8rem;height:50px;width:50px}.banner-info h3{font-size:1.3rem}.banner-price{font-size:1.8rem}}@media (max-width:768px){.banner-section{margin:30px 0;padding:0 15px}.banner-content{flex-direction:column;gap:25px;padding:25px 20px;text-align:center}.banner-left{flex-direction:column;gap:15px}.banner-right{gap:20px}}@media (max-width:480px){.banner-content{padding:20px 15px}.banner-icon{font-size:1.5rem;height:45px;width:45px}.banner-info h3{font-size:1.2rem}.banner-info p{font-size:.9rem}.banner-price{font-size:1.6rem}.banner-button{font-size:.9rem;padding:10px 20px}}.plan-comparison{margin:80px auto;padding:0 20px}.plan-comparison h2{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:40px;text-align:center}.comparison-table-wrapper{background:var(--bg-primary);border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:100%;overflow-x:auto}.comparison-table{background:var(--bg-primary);border-collapse:collapse;border-radius:var(--radius-lg);min-width:800px;overflow:hidden;table-layout:fixed;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--border-lighter);font-size:1rem;line-height:1.5;padding:8px 16px!important;text-align:center;width:26%}.comparison-table th{background:var(--bg-secondary);color:var(--text-primary);font-size:1.05rem;font-weight:600;white-space:nowrap}.comparison-table th:first-child{border-top-left-radius:var(--radius-lg);max-width:200px;min-width:120px;text-align:left;white-space:normal;width:22%;word-break:break-all}.comparison-table th:last-child{border-top-right-radius:var(--radius-lg)}.comparison-table th.highlight{background:var(--brand-gradient);color:var(--text-inverse)}.comparison-table td:first-child{color:var(--text-primary);font-weight:500;max-width:200px;min-width:120px;text-align:left;white-space:normal;width:22%;word-break:break-all}.comparison-table tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.comparison-table tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.comparison-table tr.category td{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;padding:10px 20px}.comparison-table tr.category td:first-child{font-size:1rem}.comparison-table td{color:var(--text-secondary)}.comparison-table td:not(:first-child){font-weight:500}.comparison-table td:not(:first-child):not(:empty){font-size:1rem}.comparison-table td:not(:first-child){color:#ff6b6b}.comparison-table tr:hover:not(.category){background:var(--bg-hover)}.comparison-table tr td.sub-feature{font-size:.97rem;line-height:1.3;padding-left:28px!important}@media (max-width:888px){.plan-comparison{margin:60px auto}.plan-comparison h2{font-size:1.8rem;margin-bottom:30px}.comparison-table td,.comparison-table th{padding:10px 14px}}@media (max-width:480px){.plan-comparison{margin:40px auto;padding:0 10px}.plan-comparison h2{font-size:1.6rem;margin-bottom:20px}.comparison-table-wrapper{border-radius:var(--radius-lg)}}.contact-section .contact-support:hover,.contact-section .email-box:hover,.contact-section .phone-box:hover,.contact-section .wechat-box:hover{background:#0000!important;border:none!important;box-shadow:none!important}.highlight-price{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;background-clip:text;color:#ff6b6b;font-size:1.2em;font-weight:700;vertical-align:bottom}.legal-section{margin:30px 0;padding:0;text-align:center}.subscribe-legal-links{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;font-weight:600;gap:8px;justify-content:center}.legal-text,.subscribe-legal-links{color:var(--text-secondary)}.legal-link{color:#ff6b6b;font-weight:500;text-decoration:none;transition:all .3s ease}.legal-link:hover{color:#ff8e53;text-decoration:underline}.legal-separator{color:var(--text-secondary)}@media (max-width:768px){.legal-section{margin:20px 0}.subscribe-legal-links{font-size:15px;font-weight:600;gap:6px}}@media (max-width:480px){.subscribe-legal-links{flex-direction:column;gap:4px}}.contact-modal{max-width:420px!important;width:96vw}.contact-modal .modal-header{align-items:center;background:#0000!important;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;min-height:0;min-height:auto;padding:14px 24px 6px;position:relative}.contact-modal .modal-header h2{align-items:center;color:#fff;display:flex;font-size:1.08rem;font-weight:700;line-height:1.2;margin:0}.contact-modal .medium-close-button{align-items:center;background:#ffffff14;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:22px;justify-content:center;margin-left:0;padding:0;position:static;transition:background .2s;width:22px}.contact-modal .medium-close-button:hover{background:#ffffff2e}.form-group{display:flex;flex-direction:column;gap:6px;width:100%}.form-group input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);caret-color:var(--brand-primary);color:var(--text-primary);font-family:inherit;padding:12px;transition:border-color .2s ease}.form-group input::placeholder{animation:none;color:var(--text-tertiary);font-size:13px;transition:none}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 30px var(--bg-primary) inset!important;font-family:inherit!important;font-size:14px!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}[data-theme=dark] .form-group input:-webkit-autofill,[data-theme=dark] .form-group input:-webkit-autofill:active,[data-theme=dark] .form-group input:-webkit-autofill:focus,[data-theme=dark] .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 30px var(--bg-primary) inset!important}.form-group input[name=phone]{animation:none!important;font-family:inherit!important;font-size:14px!important;transform:none!important;transition:none!important}.form-group input[name=phone],.form-group input[name=phone]:focus,.form-group input[name=phone]:hover,[data-theme=dark] .form-group input[name=phone]{background-color:var(--bg-primary)!important;border-radius:var(--radius-sm)!important}.form-group input[name=phone]::placeholder{animation:none!important;animation-delay:0s!important;animation-direction:normal!important;animation-duration:0s!important;animation-fill-mode:none!important;animation-iteration-count:1!important;animation-name:none!important;animation-play-state:running!important;animation-timing-function:ease!important;font-size:13px;left:0!important;letter-spacing:normal!important;opacity:1;position:static!important;right:0!important;text-indent:0!important;transform:none!important;transition:none!important;word-spacing:normal!important}.form-group input:focus,.form-group input:hover{background-color:var(--bg-primary);border-color:var(--brand-primary)}.form-group input:focus{box-shadow:0 0 0 3px var(--brand-primary-lighter);outline:none}.form-group label{color:var(--text-secondary);font-size:14px;margin-left:4px}.error-message{color:var(--error)}.password-input{width:100%}.password-input input{font-family:inherit;font-size:14px;padding-right:40px}.toggle-password{opacity:.6;transition:opacity .2s}.toggle-password:hover{opacity:1}.submit-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;font-weight:600;margin-bottom:0;margin-top:12px;overflow:hidden;padding:12px;position:relative;transition:background-color .3s;width:100%}.submit-btn:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s;width:100%}.submit-btn:hover:after{left:100%}.submit-btn span{position:relative;z-index:1}.submit-btn:disabled{background:var(--bg-disabled);cursor:not-allowed}.submit-btn:disabled span{opacity:.7}.modal-overlay{animation:fadeIn .3s ease;background-color:#000000b3}.modal-content{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:420px;width:100%}.modal-header{align-items:center;justify-content:space-between;padding-top:20px}.modal-header h2{font-size:18px;font-weight:600;margin:0}.modal-header h2,[data-theme=dark] .modal-header h2{color:var(--text-primary)}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:background-color .2s;width:30px}.close-btn:hover{background-color:var(--bg-secondary)}.close-btn:hover:after,.close-btn:hover:before{background-color:var(--brand-primary)}.modal-body{padding:24px 24px 20px}.login-form{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.login-form .simple-error-message{color:var(--error-color);display:block;font-size:12px;line-height:1.5;margin:2px 0 0;text-align:left}.login-form .submit-error{margin-bottom:10px;margin-top:-10px}.login-form .form-group{margin-bottom:0!important}.form-footer{font-size:14px;justify-content:space-between}.form-footer,.remember-me{align-items:center;display:flex}.remember-me{color:var(--text-secondary);gap:8px}.remember-me input[type=checkbox]{appearance:none;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:2px;cursor:pointer;height:16px;margin:0;padding:0;position:relative;width:16px}.remember-me input[type=checkbox]:checked{background-color:var(--brand-primary);border-color:var(--brand-primary)}.remember-me input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.remember-me input[type=checkbox]:hover{border-color:var(--brand-primary)}.forgot-password{color:var(--text-secondary);cursor:pointer;text-decoration:none}.forgot-password:hover{color:var(--brand-primary)}.register-form{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.register-form .form-group input::placeholder{animation:none!important;opacity:1;transform:none!important;transition:none!important}.register-form .simple-error-message{color:var(--error-color);display:block;font-size:12px;line-height:1.5;margin:2px 0 0;text-align:left}.register-form .submit-error{margin-bottom:10px;margin-top:-10px}.register-form .form-footer{align-items:flex-start;display:flex;flex-direction:column;font-size:12px;margin-bottom:0}.register-form .input-group{margin-bottom:0}.register-form .form-group{margin-bottom:0!important}.register-form .remember-me{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.register-form .remember-me input[type=checkbox]{appearance:none;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:2px;cursor:pointer;height:16px;margin:0;padding:0;position:relative;width:16px}.register-form .remember-me input[type=checkbox]:checked{background-color:var(--brand-primary);border-color:var(--brand-primary)}.register-form .remember-me input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.register-form .remember-me input[type=checkbox]:hover{border-color:var(--brand-primary)}.register-form .remember-me a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}.register-form .remember-me a:hover{text-decoration:underline}.reset-form{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.reset-form .form-group{margin-bottom:0!important}.reset-form .submit-btn{margin-top:10px}.forgot-password-btn{background:none!important;border:none!important;color:var(--brand-primary)!important;cursor:pointer!important;font:inherit!important;font-size:12px!important;margin:0!important;padding:0!important;text-decoration:none!important}.forgot-password-btn:hover{text-decoration:underline!important}.reset-form .simple-error-message{color:var(--error-color);display:block;font-size:12px;line-height:1.5;margin:2px 0 0;text-align:left}.password-strength{background:var(--bg-secondary);border-radius:8px;margin-top:12px;padding:12px}.strength-bar{display:flex;gap:4px;margin-bottom:8px}.strength-level{background-color:var(--bg-tertiary);border-radius:2px;flex:1 1;height:4px;overflow:hidden;position:relative}.strength-level:after{content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.strength-bar.无 .strength-level:after{transform:scaleX(0)}.strength-bar.弱 .strength-level:nth-child(-n+1):after{background-color:var(--error-color);transform:scaleX(1)}.strength-bar.中 .strength-level:nth-child(-n+2):after{background-color:var(--warning-color);transform:scaleX(1)}.strength-bar.较强 .strength-level:nth-child(-n+3):after{background-color:var(--warning-light);transform:scaleX(1)}.strength-bar.强 .strength-level:nth-child(-n+4):after{background-color:var(--success-color);transform:scaleX(1)}.strength-bar.无+.strength-text:before{background-color:var(--bg-tertiary)}.strength-bar.弱+.strength-text:before{background-color:var(--error-color)}.strength-bar.中+.strength-text:before{background-color:var(--warning-color)}.strength-bar.较强+.strength-text:before{background-color:var(--warning-light)}.strength-bar.强+.strength-text:before{background-color:var(--success-color)}.strength-text{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:4px}.strength-tips{color:var(--text-secondary);font-size:12px;margin-top:8px}.strength-tips .tip:not(.met),.strength-tips .tip:not(.met):before{color:var(--error-color)}.strength-tips .tip.met,.strength-tips .tip.met:before{color:var(--success-color)}.captcha-btn{animation:none!important;background:var(--bg-primary);border:none;border-left:1px solid var(--border-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;bottom:1px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:0 6px;position:absolute;right:1px;top:1px;transform:none!important;transition:none!important;white-space:nowrap;width:85px}.captcha-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.captcha-btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.password-input{align-items:center;display:flex;position:relative}.password-input input{padding-right:40px!important;width:100%}.toggle-password{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px}.toggle-password:focus{outline:none}.toggle-password:focus-visible{outline:none}.toggle-password:focus{z-index:1}.toggle-password:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:20px;opacity:.6;transition:opacity .3s ease;width:20px}.toggle-password:not(.visible):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24M1 1l22 22'/%3E%3C/svg%3E")}.toggle-password.visible:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.toggle-password:hover:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3C6A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");opacity:1}.toggle-password.visible:hover:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3C6A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24M1 1l22 22'/%3E%3C/svg%3E")}.login-modal{animation:slideIn .3s ease;background-color:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);margin:auto;max-width:480px;min-width:400px;position:relative;width:fit-content}.login-modal .modal-header{align-items:flex-end;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin:0;padding:20px 20px 0;position:relative}.login-modal .modal-body{padding:24px 24px 20px}.reset-modal{animation:slideIn .3s ease;background-color:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);margin:auto;max-width:420px;min-width:400px;position:relative;width:fit-content}.reset-modal .modal-header{align-items:flex-end;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin:0;padding:20px 20px 0;position:relative}.reset-modal .modal-body{padding:24px 24px 20px}.captcha-modal{border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;width:400px}.captcha-modal,.captcha-modal .modal-header{background:var(--bg-primary);position:relative}.captcha-modal .modal-header{align-items:flex-end;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin:0;padding:20px 20px 0}.captcha-modal .modal-body{padding:24px}@media screen and (max-width:768px){.login-modal{max-width:90%;min-width:320px}}@media screen and (max-width:480px){.login-modal{min-width:280px;width:95%}.modal-body{padding:20px}}.login-modal .form-group,.register-modal .form-group,.reset-modal .form-group{margin-bottom:10px!important}.login-modal .form-group:last-child,.register-modal .form-group:last-child,.reset-modal .form-group:last-child{margin-bottom:0!important}.captcha-modal.dragging .modal-header,.login-modal.dragging .modal-header,.register-modal.dragging .modal-header,.reset-modal.dragging .modal-header{cursor:grabbing!important}.captcha-modal .tab-group,.login-modal .tab-group,.reset-modal .tab-group{display:flex;gap:0;height:36px;margin-bottom:-1px;margin-left:0!important;margin-top:0;width:100%}.tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);height:36px;justify-content:center;margin-right:1px;padding:0 24px;position:relative;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.tab-btn:first-child{margin-left:0!important}.tab-btn:last-child{margin-right:4px}.tab-btn:hover{background:#0000;color:var(--text-primary);position:relative}.tab-btn:not(.active):hover:before{background:var(--bg-hover);border-radius:var(--radius-md);content:"";height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2px)}.tab-btn.active{background:var(--bg-primary);border-color:var(--border-color);border-bottom-color:var(--bg-primary);color:var(--text-primary);font-weight:500}.tab-btn.active:after{background:var(--brand-primary);bottom:-1px;content:"";height:2px;left:0;margin:0 24px;position:absolute;right:0;transition:transform .2s ease;width:calc(100% - 48px)}.tab-btn:not(.active){border-bottom:1px solid var(--border-color)}@media (max-width:768px){.tab-group{margin-left:0;width:100%}.tab-btn{flex:1 1;font-size:13px;padding:0 6px}.tab-btn.active:after{margin:0 6px;width:calc(100% - 12px)}}.message-success{color:var(--success-color);display:block;font-size:12px!important;margin-top:4px!important}.message-error{color:var(--error-color)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.modal-overlay{background-color:#00000080}.modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:90vh;overflow-y:auto}.send-code-btn:disabled{background-color:#ccc;cursor:not-allowed}.large-close-button{align-items:center;background:var(--bg-hover);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:background-color .2s ease-out;width:32px;z-index:1}.large-close-button:hover{background:var(--bg-active)}.large-close-button svg{color:var(--text-secondary);height:var(--font-size-lg);width:var(--font-size-lg)}[data-theme=dark] .large-close-button{background:#ffffff1a;color:#ffffffa6}[data-theme=dark] .large-close-button:hover{background:#ffffff26;color:#ffffffd9}.medium-close-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px;z-index:10}.medium-close-button:hover{background:var(--bg-hover)}.medium-close-button svg{color:var(--text-secondary);height:16px;width:16px}.medium-close-button:hover svg{color:var(--text-primary)}[data-theme=dark] .medium-close-button{background:#ffffff14;color:#fff9}[data-theme=dark] .medium-close-button:hover{background:#ffffff1f;color:#fffc}.small-close-button{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:var(--transition-normal);width:24px;z-index:1}.small-close-button:hover{background-color:var(--bg-hover)}.small-close-button svg{color:var(--text-secondary);height:14px;width:14px}.small-close-button:hover svg{color:var(--text-primary)}.tiny-close-button{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;position:absolute;right:6px;top:6px;transition:var(--transition-normal);width:18px;z-index:1}.tiny-close-button:hover{background-color:var(--bg-hover)}.tiny-close-button svg{color:var(--text-secondary);height:10px;width:10px}.tiny-close-button:hover svg{color:var(--text-primary)}@media (max-width:768px){.large-close-button{height:32px;right:12px;top:12px;width:32px}.large-close-button svg{height:18px;width:18px}.medium-close-button{height:26px;right:10px;top:10px;width:26px}.medium-close-button svg{height:14px;width:14px}}.preview-close-button{align-items:center;background:#ffffffe6;border:none;border-radius:var(--radius-full);box-shadow:0 2px 8px #0003;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:-45px;transition:background-color .2s ease,transform .2s ease;width:36px;z-index:2}.preview-close-button:hover{background:#fff}.preview-close-button svg{color:#333;height:20px;width:20px}[data-theme=dark] .preview-close-button{background:#323232e6;color:#ffffffe6}[data-theme=dark] .preview-close-button:hover{background:#3c3c3c}[data-theme=dark] .preview-close-button svg{color:#ffffffe6}@media (max-width:768px){.preview-close-button{height:32px;right:0;top:-40px;width:32px}.preview-close-button svg{height:18px;width:18px}}.site-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);color:var(--text-tertiary);font-size:13px;margin-top:auto;padding:12px 0;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;margin-left:158px;padding:0 20px;transition:all .3s ease;width:calc(100% - 160px)}.sidebar-collapsed .footer-content{margin-left:58px;width:calc(100% - 60px)}@media (max-width:888px){.footer-content{margin-left:0;width:100%}}.copyright-row{margin-bottom:4px}.beian-row,.copyright-row{color:var(--text-tertiary);display:flex;justify-content:center;opacity:.8;width:100%}.beian-row{align-items:center;gap:8px}.beian-row a,.separator{color:var(--text-tertiary);opacity:.8}.beian-row a{cursor:pointer;text-decoration:none}.beian-row a:hover{color:var(--text-tertiary)}.legal-links{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:4px;width:100%}.legal-links,.legal-links a{color:var(--text-tertiary);opacity:.8}.legal-links a{cursor:pointer;text-decoration:none;transition:opacity .2s ease}.legal-links a:hover{opacity:1}.contact-support{background:linear-gradient(145deg,var(--bg-primary),var(--bg-tertiary));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;transition:var(--transition-normal)}[data-theme=dark] .contact-support{background:#0000}.contact-support:hover{box-shadow:var(--shadow-lg)}.contact-methods{align-items:center;display:flex;gap:32px;justify-content:center}.contact-method{align-items:center;display:flex;flex-direction:row;gap:16px}.method-label{color:var(--text-primary);font-size:.95rem;font-weight:600;letter-spacing:.3px;min-width:70px;white-space:nowrap}.email-box,.phone-box,.wechat-box{align-items:center;background:#0000;border-radius:0;box-shadow:none;display:flex;gap:10px;padding:0;white-space:nowrap}.email-text,.phone-text,.wechat-text{color:var(--text-primary);font-size:.95rem;font-weight:500;letter-spacing:.5px}.copy-btn{background:#0000;border:none;border-radius:4px;box-shadow:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:400;padding:2px 10px;transition:color .2s,background .2s}.copy-btn:hover{background:#0000000a;color:var(--text-primary)}[data-theme=dark] .copy-btn{background:#0000;color:var(--text-secondary)}[data-theme=dark] .copy-btn:hover{background:#ffffff0a;color:var(--brand-primary)}.contact-method.qr,.qr-container{position:relative}.qr-container{align-items:center;display:flex}.contact-method.qr img{border-radius:var(--radius-md);height:42px;padding:3px;transition:transform .3s ease;width:42px}.contact-method.qr img,.zoom-btn{background:var(--bg-primary);box-shadow:var(--shadow-sm);cursor:pointer}.zoom-btn{align-items:center;border:none;border-radius:var(--radius-sm);bottom:-4px;color:var(--text-secondary);display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:-4px;transition:var(--transition-normal);width:20px}.zoom-btn svg{height:10px;width:10px}.zoom-btn:hover{box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-1px)}.contact-method.email{align-items:center;flex-direction:row;gap:16px}[data-theme=dark] .email-box{background:#0000;box-shadow:none}.contact-method.phone{align-items:center;flex-direction:row;gap:16px}[data-theme=dark] .phone-box{background:#0000;box-shadow:none}.qr-modal{align-items:center;animation:fadeIn .2s ease;background:var(--bg-mask);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.qr-modal-content{animation:zoomIn .2s ease;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px;position:relative}[data-theme=dark] .qr-modal-content{background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.qr-modal-content img{display:block;height:240px;width:240px}.close-modal{align-items:center;background:var(--bg-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:-12px;top:-12px;transition:var(--transition-normal);width:28px}[data-theme=dark] .close-modal{background:var(--bg-secondary);box-shadow:var(--shadow-md);color:var(--text-secondary)}.close-modal:hover{color:var(--text-primary);transform:scale(1.1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.contact-support{border-radius:var(--radius-lg);padding:20px}.contact-methods{flex-direction:column;gap:24px}.contact-method{justify-content:flex-start;width:100%}.phone-box{flex:1 1;max-width:100%}.phone-text{word-break:break-all}.wechat-box{max-width:200px}.wechat-text{font-size:.85rem}}@media (max-width:480px){.wechat-box{max-width:160px}.wechat-text{font-size:.8rem}}.wechat-id{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.wechat-box{align-items:center;background:#0000;border-radius:0;box-shadow:none;display:flex;gap:10px;padding:0;white-space:nowrap}.wechat-text{color:var(--text-primary);font-size:.95rem;font-weight:500;letter-spacing:.5px}.contact-support,.contact-support .email-text,.contact-support .method-label,.contact-support .phone-text,.contact-support .wechat-text{font-family:var(--font-family)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content.contact-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-body{max-height:calc(80vh - 80px);padding:24px}@media (max-width:768px){.modal-content.contact-modal{margin:20px;width:95%}.modal-body{padding:20px}}.contact-modal{max-width:650px;padding:0 30px 30px;width:90%}.contact-modal .modal-header{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:0!important;padding:20px 0 14px!important}.contact-modal .modal-header h2{margin:0!important;padding:0!important}.contact-modal .medium-close-button{margin:0!important;position:static!important;right:auto!important;top:auto!important}.contact-modal .modal-body{margin-top:15px;padding:0}.contact-modal .contact-support{background:#0000!important;box-shadow:none;padding:0}.contact-modal .contact-support:hover{box-shadow:none}.contact-modal .copy-btn:hover,.contact-modal .zoom-btn:hover{box-shadow:var(--shadow-sm);transform:none}.contact-modal .contact-methods{align-items:flex-start;flex-direction:column;gap:24px}.contact-modal .contact-method{justify-content:flex-start;width:100%}.contact-modal .email-box{flex:1 1;max-width:100%}.contact-modal .email-text{word-break:break-all}.contact-intro{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px;text-align:center}.modal-contact-support{width:100%}.contact-modal .contact-method.qr{justify-content:flex-start;margin-bottom:8px}.contact-modal .contact-method.qr img{height:100px;margin-left:20px;width:100px}.contact-modal .method-label{font-size:16px;min-width:80px}@media (max-width:768px){.contact-modal{padding:20px;width:95%}.contact-modal .contact-method.qr img{height:80px;width:80px}.contact-modal .method-label{font-size:14px;min-width:70px}.legal-content-iframe{padding:0 20px}}@media (max-width:480px){.legal-content-iframe{padding:0 15px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.legal-page{background-color:#fff;min-height:100vh}.legal-container,.legal-page{margin:0;padding:0;width:100%}.legal-container{height:100vh}.legal-container h1{border:none;color:#333;font-size:24px;font-weight:700;margin-bottom:10px;padding:0;text-align:center}.legal-meta{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px;text-align:center}.legal-meta p{color:#666;font-size:14px;margin:0}.legal-content-iframe{box-sizing:border-box;overflow:hidden;padding:0 40px}.legal-content-iframe,.legal-iframe{border:none;height:100%;width:100%}.legal-content{color:#333;line-height:1.8;margin:0 auto;max-width:100%;padding:0 40px;width:100%}.legal-content section{margin-bottom:30px}.legal-content h2{color:#333;font-size:18px;font-weight:700;margin-bottom:15px;margin-top:0;padding:0}.legal-content p{color:#333;font-size:14px;line-height:1.8;margin-bottom:15px;text-align:justify}.legal-content ul{margin:15px 0;padding-left:20px}.legal-content li{color:#333;font-size:14px;line-height:1.6;margin-bottom:8px}.legal-footer{border-top:1px solid #eee;margin-top:40px;padding-top:20px;text-align:center}.legal-footer p{color:#666;font-size:14px;margin:0}@media (max-width:768px){.legal-content,.legal-content-iframe{padding:0 20px}}@media (max-width:480px){.legal-content,.legal-content-iframe{padding:0 15px}}.feature-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:20px}.feature-content h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 10px}.feature-content p{color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.5;margin:0}@media (max-width:768px){.model-page{padding:1rem}.model-header h1{font-size:2rem}.feature-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.feature-content{padding:12px}.feature-content h3{font-size:.9rem;margin-bottom:6px}.feature-content p{font-size:.75rem;line-height:1.3}.feature-tip{font-size:.8rem;margin-top:2rem;padding:.4rem 0}}@media (max-width:480px){.feature-grid{grid-template-columns:1fr}.feature-content{padding:8px}.feature-content h3{font-size:.85rem;margin-bottom:4px}.feature-content p{font-size:.7rem}}.feature-icon{aspect-ratio:1/1;overflow:hidden;width:100%}.feature-icon img{height:100%}.fashion-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.fashion-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.fashion-container{flex-direction:column}}.fashion-page .control-content .upload-area{margin-top:0!important;padding-top:0}body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{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{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}.ant-alert,.ant-badge,.ant-btn,.ant-card,.ant-card-head,.ant-card-head-title,.ant-checkbox,.ant-dropdown,.ant-dropdown-menu,.ant-dropdown-menu-item,.ant-form,.ant-form-item,.ant-form-item-label>label,.ant-input,.ant-menu,.ant-menu-item,.ant-message,.ant-message-custom-content,.ant-message-notice,.ant-modal,.ant-modal-body,.ant-modal-confirm-content,.ant-modal-confirm-title,.ant-modal-content,.ant-modal-footer,.ant-modal-header,.ant-modal-title,.ant-notification,.ant-notification-notice-description,.ant-notification-notice-message,.ant-progress-text,.ant-radio,.ant-select,.ant-table,.ant-table-tbody>tr>td,.ant-table-thead>tr>th,.ant-tabs,.ant-tabs-tab,.ant-tag,.ant-tooltip,.ant-tooltip-inner,.ant-typography,.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,.ant-typography h6,.ant-typography p,.ant-typography span{font-family:Microsoft YaHei,微软雅黑,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}body .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,body .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon{align-items:center!important;color:var(--brand-primary)!important;display:inline-flex!important;transform:translateY(-2px)!important}body .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,body .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{align-items:center!important;display:inline-flex!important;transform:translateY(-2px)!important}body .ant-pagination-jump-next:focus .ant-pagination-item-container .ant-pagination-item-link-icon,body .ant-pagination-jump-next:hover .ant-pagination-item-container .ant-pagination-item-link-icon,body .ant-pagination-jump-prev:focus .ant-pagination-item-container .ant-pagination-item-link-icon,body .ant-pagination-jump-prev:hover .ant-pagination-item-container .ant-pagination-item-link-icon{color:var(--brand-primary)!important}body .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon svg,body .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon svg{fill:var(--brand-primary)!important;stroke:var(--brand-primary)!important;vertical-align:middle!important}.panel-component{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:88px;margin-bottom:var(--spacing-xxs);overflow:hidden;position:relative;transition:var(--transition-normal)}.panel-component:hover{box-shadow:var(--shadow-md);transform:none}.component-header{align-items:stretch;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;padding:0;width:100%}.component-icon{background:var(--bg-tertiary);border-right:1px solid var(--border-light);height:88px;object-fit:cover;width:88px}.component-text{flex:1 1;min-width:0}.component-text h3{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;margin:12px 10px}.component-content{margin-top:var(--spacing-xxs)}.component-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-btn{align-items:center;background:none;border:none;border-left:1px solid var(--border-light);cursor:pointer;display:flex;height:88px;justify-content:center;padding:0;position:relative;transition:var(--transition-normal);width:48px}.expand-btn:hover{background-color:var(--bg-tertiary)}.expand-btn span{border-bottom:2px solid var(--text-secondary);border-right:2px solid var(--text-secondary);display:block;height:10px;transform:rotate(-45deg);transition:var(--transition-normal);width:10px}.expand-btn:hover span{border-color:var(--brand-primary);transform:rotate(-45deg)}.panel-component:has(.component-icon[src*=custom-active]) .expand-btn,.panel-component:has(.component-icon[src*=model-custom]) .expand-btn,.panel-component:has(.component-icon[src*=scene-custom]) .expand-btn,.panel-component:has(.selected-model-preview) .expand-btn,.panel-component:has(.selected-scene-preview) .expand-btn{background:#0000}.panel-component:has(.component-icon[src*=custom-active]) .expand-btn span,.panel-component:has(.component-icon[src*=model-custom]) .expand-btn span,.panel-component:has(.component-icon[src*=scene-custom]) .expand-btn span,.panel-component:has(.selected-model-preview) .expand-btn span,.panel-component:has(.selected-scene-preview) .expand-btn span{border-color:var(--brand-primary)}.panel-component:has(.component-icon[src*=custom-active]) .expand-btn:hover,.panel-component:has(.component-icon[src*=model-custom]) .expand-btn:hover,.panel-component:has(.component-icon[src*=scene-custom]) .expand-btn:hover,.panel-component:has(.selected-model-preview) .expand-btn:hover,.panel-component:has(.selected-scene-preview) .expand-btn:hover{background:#0000}.component-images,.selected-model-preview,.selected-scene-preview{background:var(--bg-secondary);border-radius:0;flex-shrink:0;height:88px;overflow:hidden;width:88px}.selected-model-thumbnail,.selected-scene-thumbnail{height:100%;object-fit:cover;object-position:top center;width:100%}.component-images{background:var(--border-light);border-radius:0;border-right:1px solid var(--border-light);display:flex;flex-shrink:0;gap:1px;height:88px;width:88px}.result-image{background-color:initial;border-radius:0;height:100%;overflow:hidden;position:relative;width:100%}.result-image img{height:100%;object-fit:cover;object-position:top center;transition:var(--transition-normal);width:100%}.upload-guide-modal{background-color:var(--bg-mask);height:100vh;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:1000}.upload-guide-modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:80vh;left:50%;max-height:990px;max-width:1200px;min-height:600px;overflow:hidden;pointer-events:auto;position:fixed;top:50%;transform:translate(-50%,-50%);transition:none!important;width:90%;will-change:auto}.upload-guide-modal-content .modal-header{cursor:grab}.upload-guide-modal-content.dragging .modal-header{cursor:grabbing!important}.modal-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.modal-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.modal-body{height:calc(100% - 52px);padding:0}.modal-body,.upload-section{transform:none!important;transition:none!important;will-change:auto}.upload-section{background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:0 32px 24px}.guide-upload-zone{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:block;min-height:100px;position:relative;transform:none!important;transition:border-color .2s ease,background-color .2s ease;width:100%;will-change:auto}.gallery-item,.gallery-item.upload-entry,.guide-upload-zone{border-radius:var(--radius-lg)!important;overflow:hidden}.gallery-item.upload-entry .support-tag,.guide-upload-zone .support-tag,.support-tag{background:var(--brand-primary-light);border-bottom-left-radius:var(--radius-sm)!important;border-bottom-right-radius:0!important;border-top-left-radius:0!important;border-top-right-radius:var(--radius-lg)!important;color:var(--brand-primary);font-size:12px;font-weight:500;overflow:hidden;padding:4px 8px;pointer-events:none;position:absolute;right:0;top:0;transition:var(--transition-normal);z-index:2}.gallery-item.upload-entry .support-tag{font-size:11px;padding:3px 6px}.guide-upload-zone:hover .support-tag{background:var(--brand-primary-lighter)}.guide-upload-zone.dragging,.guide-upload-zone:hover{background:var(--bg-primary);border-color:var(--brand-primary)}.guide-upload-zone.dragging{box-shadow:0 0 0 1px var(--brand-primary-light)}.upload-content{gap:16px;padding:20px;will-change:auto}.upload-content,.upload-main{transform:none!important;transition:none!important}.upload-main{align-items:center;display:flex;gap:12px;justify-content:center;width:100%}.upload-main .upload-text{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:16px!important;font-weight:400;line-height:40px;margin-top:5px}.upload-requirements{align-items:center;display:flex;gap:12px;justify-content:center}.requirement-item{color:var(--text-secondary);font-size:13px}.divider{color:var(--border-color);font-size:12px}.upload-button{align-items:center;background:var(--brand-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;height:40px;justify-content:center;padding:0 2rem;position:relative;transform:none!important;transition:none!important;will-change:opacity;z-index:1}.upload-button:hover{opacity:.9;transform:none!important}[data-theme=dark] .upload-button{background:var(--brand-gradient);color:var(--text-inverse)}.guide-section{background:var(--bg-primary);display:flex;flex-direction:column;gap:24px;padding:0 32px}.recommended-section{border-bottom:1px solid var(--border-light);padding-bottom:24px;padding-top:20px;width:100%}.error-section{padding-top:0;text-align:right;width:100%}h3{color:var(--text-primary);font-size:16px;margin:0 0 8px}.section-desc{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.example-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr)}.recommended-section .example-grid{justify-content:start}.error-section h3{color:var(--error-color);text-align:right}.error-section .section-desc{text-align:right}.error-section .example-grid{justify-content:end}.error-section .example-info h4{text-align:center}.example-item{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:none;overflow:hidden;width:100%}.example-item.recommended{backface-visibility:hidden;cursor:pointer;position:relative;will-change:box-shadow}.example-item.recommended:hover{box-shadow:var(--shadow-md)}.example-item img{aspect-ratio:2/3;display:block;object-fit:cover;width:100%}.example-info{padding:4px}.example-info h4{color:var(--text-primary);font-size:12px;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.example-info .suggestion,.example-info p{display:none}.example-hover{align-items:center;backface-visibility:hidden;background:var(--bg-mask);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease;will-change:opacity}.example-item.recommended:hover .example-hover{opacity:1}.hover-content{padding:8px;transform:translateZ(0)}.use-button{background:#ffffffe6;border:none;border-radius:var(--radius-sm);color:#333;cursor:pointer;font-size:12px;font-weight:500;height:24px;min-width:48px;padding:0 12px;transition:var(--transition-normal)}.use-button:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.example-item.error{border:1px solid var(--error-light)}@media (max-width:1200px){.example-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:768px){.example-grid{grid-template-columns:repeat(5,1fr)}.guide-section{padding:24px 16px}}@media (max-width:480px){.example-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.example-item img{aspect-ratio:1/1}.example-info h4{font-size:12px}}.history-section{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:300px;padding:40px 0}.empty-history{background:var(--bg-primary);color:var(--text-secondary);text-align:center}.empty-history p{font-size:14px;margin:0}.gallery-view{background:var(--bg-primary);display:flex;flex-direction:column;height:100%;overflow-y:auto}.gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-top:16px;padding:20px;width:100%}.gallery-item{aspect-ratio:1;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.gallery-item,.gallery-item.upload-entry{background:var(--bg-primary);cursor:pointer;position:relative}.gallery-item.upload-entry{align-items:center;border:1px dashed var(--border-color);display:flex;flex-direction:column;justify-content:center;transition:var(--transition-normal)}.gallery-item.upload-entry:hover .support-tag{background:var(--brand-primary-lighter)}.gallery-item.upload-entry.disabled{background:var(--bg-primary);cursor:not-allowed;opacity:.6}.gallery-item.upload-entry.disabled:hover{background:var(--bg-primary);border-color:var(--border-color)}.gallery-item.upload-entry.dragging,.gallery-item.upload-entry:hover{background:var(--brand-primary-light);border-color:var(--brand-primary)}.gallery-item .upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.gallery-item .upload-icon{align-items:center;color:var(--brand-primary);display:flex;font-size:24px;justify-content:center;margin-bottom:16px;opacity:.75;transition:var(--transition-normal)}.gallery-item.upload-entry:hover .upload-icon{opacity:.9}.gallery-item .upload-text{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:4px}.gallery-item .upload-text .or{color:var(--text-tertiary);font-size:12px}.gallery-item img{display:block;height:100%;object-fit:cover;width:100%}.gallery-item.uploading{align-items:center;background:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:20px;position:relative}.progress-number{color:var(--text-primary);font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.5px}.progress-number,.upload-status-text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.upload-status-text{color:var(--text-secondary);font-size:14px}.upload-progress{background:var(--border-color);border-radius:4px;bottom:15px;height:4px;left:5%;overflow:hidden;position:absolute;width:90%}.progress-bar{background:var(--brand-gradient);border-radius:4px;transition:width .1s linear}.item-overlay{align-items:flex-start;background:var(--bg-mask);bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:8px;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-item:hover .item-overlay{opacity:1}.remove-btn{align-items:center;background:#ffffffd9;border:1px solid #0000001f;border-radius:var(--radius-full);box-shadow:0 1px 3px #00000014;color:#555;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;line-height:1;padding:0;text-align:center;transition:var(--transition-normal);width:30px}.remove-btn:hover{background:#fff;border-color:#0003;box-shadow:0 2px 4px #0000001f;color:#333}@media (max-width:1200px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-footer{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:var(--shadow-sm);display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:absolute;right:0;z-index:10}.file-count{color:var(--text-secondary);font-size:10px;margin-right:auto}.gallery-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.confirm-button{background:var(--brand-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;height:32px;padding:0 var(--spacing-lg);transition:var(--transition-normal)}.confirm-button:hover{filter:brightness(1.1)}.confirm-button:disabled{border:none;box-shadow:none;cursor:not-allowed;filter:none}.confirm-button:disabled,[data-theme=dark] .confirm-button:disabled{background:var(--brand-gradient);opacity:.6}.gallery-item.upload-entry,.guide-upload-zone{border-radius:var(--radius-lg)!important;overflow:hidden!important;position:relative}.support-tag{border-top-right-radius:inherit!important}.history-view{background:var(--bg-primary);display:flex;flex-direction:column;height:100%;overflow-y:auto}.history-view .gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-top:16px;padding:20px;width:100%}.history-view .gallery-item{aspect-ratio:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:relative}.history-view .gallery-item img{display:block;height:100%;object-fit:cover;width:100%}.history-view .item-overlay{align-items:flex-start;background:var(--bg-mask);bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:8px;position:absolute;right:0;top:0;transition:opacity .3s ease}.history-view .gallery-item:hover .item-overlay{opacity:1}.history-view .use-button{align-items:center;background:#ffffffd9;border:1px solid #0000001f;border-radius:var(--radius-full);box-shadow:0 1px 3px #00000014;color:#555;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;line-height:1;padding:0;text-align:center;transition:var(--transition-normal);width:30px}.history-view .use-button.centered{font-size:14px;height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:10}.history-view .remove-btn{align-items:center;background:#ffffffd9;border:1px solid #0000001f;border-radius:var(--radius-full);box-shadow:0 1px 3px #00000014;color:#555;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;text-align:center;top:8px;transition:var(--transition-normal);width:30px;z-index:10}.history-view .remove-btn:hover,.history-view .use-button:hover{background:#fff;border-color:#0003;box-shadow:0 2px 4px #0000001f;color:#333}.history-view .no-history{color:var(--text-secondary);font-size:var(--font-size-md);font-style:italic;grid-column:1/-1;padding:40px;text-align:center}@media (max-width:1200px){.history-view .gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.history-view .gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.history-view .gallery-grid{grid-template-columns:repeat(2,1fr)}}.modal-tabs{display:flex;gap:20px;margin-bottom:20px}.tab-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-md);padding:8px 16px;position:relative}.tab-button,.tab-button:after{transition:var(--transition-normal)}.tab-button:after{background:var(--brand-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);width:100%}.tab-button.active,.tab-button:hover{color:var(--text-primary)}.tab-button.active{font-weight:500}.tab-button.active:after{transform:scaleX(1)}.text-button{color:var(--brand-primary);font-size:14px;margin-left:8px;padding:0 4px;text-decoration:underline}.text-button:hover{color:var(--brand-hover)}.history-view .gallery-item{cursor:pointer}.gallery-footer .file-count{align-items:center;display:flex}.history-view .selected-indicator{display:none!important}.history-view .gallery-item.selected{border-radius:var(--radius-lg);outline:3px solid var(--brand-primary);outline-offset:3px;position:relative}.gallery-item .time-badge{background-color:#0009;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);bottom:0;color:#fff;font-size:10px;left:0;padding:2px 5px;position:absolute;right:0;text-align:center;z-index:2}.empty-grid-item{visibility:hidden}.modal-backdrop{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.image-info-modal{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:16px;padding:16px;position:fixed;transform:translateX(16px);width:280px;z-index:1001}.image-info-modal.dragging{cursor:grabbing!important}[data-theme=dark] .image-info-modal{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.image-info{display:flex;flex-direction:column;gap:12px}.image-info h3{font-size:15px;font-weight:500;margin:0}.image-info h3,[data-theme=dark] .image-info h3{color:var(--text-primary)}.info-grid{grid-gap:8px;display:grid;font-size:13px;gap:8px;grid-template-columns:auto 1fr}.info-grid span:nth-child(odd){color:var(--text-secondary)}[data-theme=dark] .info-grid span:nth-child(odd){color:var(--text-tertiary)}.info-grid span:nth-child(2n){color:var(--text-primary);text-align:right}[data-theme=dark] .info-grid span:nth-child(2n){color:var(--text-primary)}.operations{display:flex;flex-direction:column;gap:8px}.operations button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px;transition:all .2s ease;width:100%}[data-theme=dark] .operations button{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-primary)}.operations button:hover{background:var(--bg-hover);border-color:var(--border-hover)}[data-theme=dark] .operations button:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.operations button.delete,[data-theme=dark] .operations button.delete{border-color:var(--brand-primary);color:var(--brand-primary)}.operations .delete-btn,[data-theme=dark] .operations .delete-btn{border-color:var(--brand-primary-light);color:var(--brand-primary)}.operations .delete-btn:hover{background-color:var(--brand-primary-lighter);border-color:var(--brand-primary)}.random-seed-selector{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:88px;margin-bottom:var(--spacing-sm);overflow:hidden}.random-seed-selector .selector-content{align-items:stretch;display:flex;flex:1 1;flex-direction:row;gap:var(--spacing-sm)}.random-seed-selector .selector-label{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;width:88px}.random-seed-selector .selector-label span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.random-seed-selector .selector-area{align-items:center;display:flex;flex:1 1;justify-content:flex-start;overflow:hidden;padding:0}.random-seed-selector .component-text{width:100%}.random-seed-selector h3 .toggle-switch{margin-left:12px}.random-seed-selector .component-content{min-height:28px}.random-seed-selector .component-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:20px;margin:4px 10px}.random-seed-selector .seed-input-container{align-items:center;display:flex;gap:8px;margin:4px 10px;width:calc(100% - 20px)}.random-seed-selector .seed-input-wrapper{display:inline-block;flex:1 1;max-width:280px;min-width:100px;position:relative}.random-seed-selector .seed-label{flex-shrink:0;margin-right:10px}.random-seed-selector .seed-input,.random-seed-selector .seed-label{color:var(--text-primary);font-size:var(--font-size-sm);white-space:nowrap}.random-seed-selector .seed-input{align-items:center;appearance:textfield;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;display:flex;flex:1 1;height:24px;justify-content:center;line-height:24px;max-width:280px;min-width:100px;overflow:hidden;padding:0 24px 0 8px;text-align:center;text-overflow:ellipsis;transition:var(--transition-normal);width:100%}.random-seed-selector .number-controls{display:flex;flex-direction:column;gap:0;height:24px;justify-content:center;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.random-seed-selector .number-control-btn{align-items:center;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;height:10px;justify-content:center;line-height:1;margin:0;padding:0;transition:var(--transition-fast);width:12px}.random-seed-selector .number-control-btn:hover{color:var(--brand-primary)}.random-seed-selector .number-control-btn svg{height:10px;width:10px}.random-seed-selector .seed-input::-webkit-inner-spin-button,.random-seed-selector .seed-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.random-seed-selector .seed-input:hover{border-color:var(--brand-primary)}.random-seed-selector .seed-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #ff3c6a1a;outline:none}[data-theme=dark] .random-seed-selector .seed-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light)}.random-seed-selector .copy-seed-btn{height:22px;margin-left:8px;min-width:22px;width:22px}.random-seed-selector .copy-seed-btn,.random-seed-selector .dice-seed-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:var(--transition-normal)}.random-seed-selector .dice-seed-btn{height:24px;margin-left:0;min-width:24px;width:24px}.random-seed-selector .copy-seed-btn svg{height:14px;width:14px}.random-seed-selector .dice-seed-btn svg{height:16px;width:16px}.random-seed-selector .copy-seed-btn:hover,.random-seed-selector .dice-seed-btn:hover{color:var(--brand-primary)}.random-seed-selector .copy-seed-btn:disabled,.random-seed-selector .dice-seed-btn:disabled,.random-seed-selector .seed-input:disabled{cursor:not-allowed;opacity:.5}.image-size-selector{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:auto;margin-bottom:var(--spacing-sm);min-height:88px;overflow:hidden}.image-size-selector .selector-content{align-items:stretch;display:flex;flex:1 1;flex-direction:row;gap:var(--spacing-sm);min-height:88px}.image-size-selector .selector-label{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;margin:0;min-width:88px;padding:0;width:88px}.image-size-selector .selector-label span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.image-size-selector .selector-area{align-items:center;display:flex;flex:1 1;justify-content:flex-start;min-height:88px;overflow:visible;padding:0}.image-size-selector .component-text{width:100%}.image-size-selector h3 .toggle-switch{margin-left:12px}.image-size-selector .component-content{height:auto;min-height:28px;width:100%}.image-size-selector .component-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:20px;margin:4px 10px}.image-size-selector .component-content .size-input-container{align-items:center;column-gap:8px;display:flex;flex-wrap:wrap;margin:4px 10px;max-width:none;padding-bottom:4px;row-gap:8px;width:calc(100% - 20px)}.image-size-selector .size-input-group{align-items:center;display:flex;flex:0 0 auto;width:110px}.image-size-selector .size-input-wrapper{display:inline-block;position:relative}.image-size-selector .size-label{margin-right:4px;text-align:left;width:20px}.image-size-selector .size-label,.image-size-selector .size-unit{color:var(--text-primary);flex-shrink:0;font-size:var(--font-size-sm);white-space:nowrap}.image-size-selector .size-unit{margin-left:4px;margin-right:2px}.image-size-selector .size-input{align-items:center;appearance:textfield;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);display:flex;flex:0 0 auto;font-size:var(--font-size-sm);height:24px;justify-content:center;line-height:24px;margin-left:-6px;min-width:50px;padding:0 24px 0 4px;text-align:center;transition:var(--transition-normal);width:72px}.image-size-selector .number-controls{display:flex;flex-direction:column;gap:0;height:24px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.image-size-selector .number-control-btn{align-items:center;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;height:10px;justify-content:center;line-height:1;margin:0;padding:0;transition:var(--transition-fast);width:12px}.image-size-selector .number-control-btn:hover{color:var(--brand-primary)}.image-size-selector .number-control-btn svg{height:10px;width:10px}.image-size-selector .size-input::-webkit-inner-spin-button,.image-size-selector .size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.image-size-selector .size-input:hover{border-color:var(--brand-primary)}.image-size-selector .size-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #ff3c6a1a;outline:none}[data-theme=dark] .image-size-selector .size-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light)}.image-size-selector .aspect-ratio-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin:0 6px 0 -4px;min-width:24px;padding:0;transition:var(--transition-normal);width:24px}.image-size-selector .aspect-ratio-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.image-size-selector .aspect-ratio-btn svg{height:14px;width:14px}.image-size-selector .aspect-ratio-btn:disabled,.image-size-selector .size-input:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.image-size-selector .size-input-container{align-items:flex-start;flex-direction:column}.image-size-selector .size-input-group{width:100%}.image-size-selector .aspect-ratio-btn{align-self:center;margin:8px 0}}.quantity-setting{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:88px;margin-bottom:var(--spacing-xxs);overflow:hidden}.quantity-content{align-items:stretch;display:flex;flex:1 1;flex-direction:row}.quantity-label{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;width:88px}.quantity-label span:first-child{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;margin-bottom:4px}.quantity-value{color:var(--brand-primary);font-size:var(--font-size-md);font-weight:500}.quantity-slider{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 33px;position:relative}.slider-marks{display:none;justify-content:space-between;margin-top:4px;padding:0 8px;width:100%}.slider-marks span{color:var(--text-tertiary);cursor:default;font-size:var(--font-size-sm);text-align:center;transform:translateX(-50%);transition:var(--transition-normal);-webkit-user-select:none;user-select:none;width:18px}.slider-marks span.active{color:var(--brand-primary);font-weight:500}.base-modal{align-items:center;animation:modalFadeIn .2s ease;background:var(--bg-mask);bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.base-modal,.modal-content{display:flex;pointer-events:auto}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;overflow:hidden;position:relative}.modal-content.modal-large{height:calc(100vh - 150px);margin-left:290px;max-width:1200px;min-height:600px;width:calc(100vw - 330px)}.modal-header{align-items:flex-end;border-bottom:1px solid var(--border-light);display:flex;justify-content:flex-start;margin:0;padding:var(--spacing-lg) 0 0;position:relative}.modal-body,.modal-header{background:var(--bg-primary)}.modal-body{flex:1 1;margin-top:var(--spacing-md);overflow-y:auto;padding:var(--spacing-lg);padding-bottom:80px}.modal-footer{border-top:1px solid var(--border-lighter);box-shadow:var(--shadow-sm)}.advanced-custom-modal .modal-footer,.model-select-modal .modal-footer,.scene-select-modal .modal-footer{border-top:1px solid var(--border-color);box-shadow:none}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.image-preview-modal{animation:previewFadeIn .3s ease;background-color:#000000e6;bottom:0;height:100vh;margin:0;padding:0;right:0;width:100vw;z-index:2000}.preview-content{align-items:center;animation:previewZoomIn .3s ease;background-color:var(--bg-primary);background-image:linear-gradient(45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(-45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,#0000 75%,var(--bg-secondary) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:flex;justify-content:center;margin:0 auto}.preview-content img{background:none!important;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d}@keyframes previewFadeIn{0%{opacity:0}to{opacity:1}}@keyframes previewZoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@media (max-width:768px){.preview-content{max-width:95%}.preview-content img{max-height:80vh}}.preview-modal-overlay{align-items:center;background-color:#000000e6;bottom:0;display:flex;height:100vh;justify-content:center;left:0;margin:0;opacity:0;padding:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw;z-index:2000}.preview-modal-overlay.show{opacity:1;visibility:visible}.preview-modal-content{align-items:center;display:flex;justify-content:center;max-height:90%;max-width:90%;position:relative}.preview-modal-content img{border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:100%;object-fit:contain}.preview-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:0;top:-40px;transition:background .2s ease;width:36px}.preview-modal-close:hover{background:#ffffff4d}.description-text-container{margin-top:8px;width:100%}.description-text-wrapper{display:flex;flex-direction:column;position:relative;width:100%}.description-text-area{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:default;font-size:var(--font-size-xs);max-height:180px;min-height:120px;outline:none;overflow-y:auto;padding:8px;resize:none;-webkit-user-select:text;user-select:text;width:100%}.description-text-area:focus{box-shadow:none;outline:none}.description-text-area:focus,.description-text-area:hover{border-color:var(--border-color)}.title-with-button{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-direction:row;justify-content:space-between;padding-bottom:0;width:100%}.title-with-button .group-title{border-bottom:none;margin-bottom:var(--spacing-xxs);margin-right:var(--spacing-xs);padding-top:var(--spacing-md)}.title-with-button .copy-id-btn{align-self:center;margin-bottom:var(--spacing-xxs);margin-top:0;position:relative;top:calc(var(--spacing-md)/5)}.info-group:has(.title-with-button){border-bottom:none}.image-details-modal .ant-modal-content{backface-visibility:hidden;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:calc(100vh - 200px);min-height:600px;overflow:hidden;padding:0;transform:translateZ(0);will-change:transform}.image-details-modal .ant-modal-body{height:100%;padding:0}.image-details-modal.virtual-page-modal .ant-modal-content{max-width:1800px}.image-container.transparent-bg{background-image:linear-gradient(45deg,#d1d1d1 25%,#0000 0),linear-gradient(-45deg,#d1d1d1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d1d1d1 0),linear-gradient(-45deg,#0000 75%,#d1d1d1 0)}.image-container.transparent-bg,[data-theme=dark] .image-container.transparent-bg{background-color:var(--bg-primary);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}[data-theme=dark] .image-container.transparent-bg{background-image:linear-gradient(45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(-45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,#0000 75%,var(--bg-secondary) 75%)}.image-compare.single-image{display:flex;flex-direction:column;height:100%}.image-compare.single-image .result-image.full-width{flex:1 1;height:100%;width:100%}.image-compare.single-image .image-container{align-items:center;display:flex;height:100%;justify-content:center}.ant-modal.image-details-modal{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}.image-details-modal-content{opacity:1;transform:none;transition:none;will-change:auto}.image-details-modal-content.show-content{opacity:1;transform:none}.ant-modal-mask{animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:none!important}.image-details-modal .ant-modal-close{align-items:center;background:var(--bg-hover);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;height:32px;justify-content:center;right:var(--spacing-md);top:var(--spacing-md);transition:background-color .2s ease-out;width:32px}.image-details-modal .ant-modal-close:hover{background:var(--bg-active)}.image-details-modal .ant-modal-close-x{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.image-details-modal .ant-modal-close-x svg{color:var(--text-secondary);height:var(--font-size-lg);width:var(--font-size-lg)}.image-details-modal .ant-modal-close:hover .ant-modal-close-x svg{color:var(--text-primary)}.image-details-modal-content{background:var(--bg-primary);display:flex;height:100%;overflow:hidden;position:relative;transform:translateZ(0);width:100%}.details-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;padding:var(--spacing-md);width:280px;will-change:scroll-position}.details-sidebar .info-group{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:0;padding:var(--spacing-xs) 0}.details-sidebar .info-group:nth-child(2){margin-top:var(--spacing-md)}.details-sidebar .info-group+.info-group{margin-top:var(--spacing-xs)}.details-sidebar .info-group:last-child{border-bottom:none}.details-sidebar .group-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;margin-bottom:var(--spacing-xxs);padding-left:0;padding-top:var(--spacing-md)}.details-sidebar .info-item:not(.with-thumbnail){align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:var(--spacing-xxs) 0}.details-sidebar .info-item .label{color:var(--text-secondary);font-size:var(--font-size-sm)}.details-sidebar .info-item.ellipsis-value .value{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-sidebar .info-item .tag{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-xs);margin-bottom:8px;margin-right:8px;padding:2px 8px}.details-main{background:var(--bg-secondary);contain:layout;flex:1 1;flex-direction:column;min-width:0;transform:translateZ(0)}.details-main,.image-compare{display:flex;height:100%;overflow:hidden;position:relative}.image-compare{flex:1 1}.original-image,.result-image{display:flex;flex-direction:column;height:100%;overflow:auto;transition:width .3s ease}.image-title{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-mask);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;top:var(--spacing-md);z-index:1}.image-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px;padding:var(--spacing-sm);position:relative}.image-container img{display:block;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;transform-origin:center center;transition:transform .2s ease-out,opacity .2s ease-out}.original-image .image-container,.original-image .image-container img{cursor:default;pointer-events:none}.image-container img,.original-image img,.reference-item img,.references-container img{transition:transform .2s ease-out,opacity .2s ease-out}.details-actions{background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;max-height:90vh;padding:12px;position:relative;width:100px}.details-actions .thumbnail-list{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:45px;max-height:50vh;overflow-y:auto;padding-top:12px}.details-actions .image-zoom-control{border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);margin:6px 0;padding:6px 0;width:100%}.details-actions .action-btn.download-btn{align-items:center;border-color:var(--brand-primary);bottom:84px;color:var(--brand-primary);display:flex;height:40px;justify-content:center;left:50%;padding:0;position:absolute;transform:translateX(-50%);width:76px}.image-details-modal[data-page-type=matting] .details-actions .action-btn.download-btn{bottom:136px}.details-actions .add-exclusive-model-btn{align-items:center;background:var(--brand-gradient);border:none;border-radius:var(--radius-md);bottom:18px;color:var(--text-inverse);cursor:pointer;display:flex;font-size:13px;height:54px;justify-content:center;left:50%;padding:0;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:76px}.details-actions .add-exclusive-model-btn:hover{filter:brightness(1.1)}.details-actions .add-exclusive-model-btn .btn-text-container{align-items:center;display:flex;flex-direction:column;line-height:1.2}.details-actions .edit-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;bottom:136px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;left:50%;padding:8px 0;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:76px}.image-details-modal.virtual-page-modal .details-actions .edit-btn{bottom:136px}.details-actions .edit-btn:disabled{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-disabled);cursor:not-allowed}.details-actions .edit-btn:not(:disabled):hover{border-color:var(--brand-primary);color:var(--brand-primary)}.details-actions .action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;padding:8px 0;transition:all .2s ease;width:100%}.details-actions .action-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.details-actions .action-btn .icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.details-actions .thumbnail-card{aspect-ratio:3/4;background:var(--bg-secondary);border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;position:relative;transition:var(--transition-normal);width:100%}.details-actions .thumbnail-card img{border-radius:0;height:100%;object-fit:cover;width:100%}.details-actions .thumbnail-card:after{display:none}.details-actions .thumbnail-card:hover{border-color:var(--border-color)}.details-actions .thumbnail-card.active{border-color:var(--brand-primary)}.details-actions .thumbnail-card.active:after{display:none}.navigator-container{border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:flex;justify-content:center;margin:0;padding:6px 0;width:100%}.details-sidebar .value-with-copy{align-items:center;display:flex;gap:var(--spacing-xxs);margin:0;padding:0}.details-sidebar .value-with-copy.ellipsis-value .value{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-sidebar .copy-id-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;margin:0;min-width:24px;padding:0;transition:none;width:24px}.details-sidebar .copy-id-btn:hover{color:var(--brand-primary)}.details-sidebar .info-item.with-thumbnail{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.details-sidebar .component-thumbnail-wrapper{flex-shrink:0;position:relative}.details-sidebar .component-thumbnail{background-color:var(--bg-primary);background-image:linear-gradient(45deg,#d1d1d1 25%,#0000 0),linear-gradient(-45deg,#d1d1d1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d1d1d1 0),linear-gradient(-45deg,#0000 75%,#d1d1d1 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid var(--border-light);border-radius:0;flex-shrink:0;height:48px;overflow:hidden;transition:var(--transition-normal);width:48px}.details-sidebar .component-thumbnail img{background:none!important;height:100%;object-fit:cover;width:100%}.details-sidebar .component-thumbnail-wrapper:hover .component-thumbnail{border-color:var(--border-light)}.details-sidebar .thumbnail-overlay{align-items:center;background:var(--bg-mask);border-radius:0;cursor:pointer;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:var(--transition-normal)}.details-sidebar .component-thumbnail-wrapper:hover .thumbnail-overlay{opacity:1}.details-sidebar .component-thumbnail-wrapper.custom-type{cursor:default}.details-sidebar .component-thumbnail-wrapper.custom-type:hover .thumbnail-overlay{opacity:0}.details-sidebar .thumbnail-overlay svg{color:#fff;height:var(--font-size-xl);width:var(--font-size-xl)}.text-button{font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs);transition:none}.details-sidebar .info-content{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-width:0}.details-sidebar .info-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);min-height:22px}.details-sidebar .info-row:last-child{margin-bottom:0}.details-sidebar .info-content .value-with-copy .value,.details-sidebar .info-row .label,.details-sidebar .info-row .value{display:inline-block;line-height:1.5}.details-sidebar .info-row .label{align-self:baseline}.details-sidebar .info-row .value{align-self:baseline;color:var(--text-primary);font-size:var(--font-size-xs);font-weight:500;text-align:right}.custom-modal-wrap{position:relative}.image-skeleton{align-items:center;background:var(--bg-secondary);border-radius:0;contain:strict;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;will-change:opacity;z-index:1}.spinner{border:3px solid #96969633;border-top:3px solid var(--primary);will-change:transform}.details-sidebar .info-item.creative-strength-item{display:flex;flex-direction:column;margin-left:0;padding:var(--spacing-xs) 0;padding-left:0;padding-right:0}.color-info{align-items:center;display:flex;gap:8px}.color-swatch{border:1px solid #0000001a;border-radius:4px;height:20px;width:20px}.color-swatch-large{background-color:#ccc;border:1px solid var(--border-light);border-radius:0;height:48px;width:48px}.creative-strength-item{padding:var(--spacing-xs) 0;padding-left:0;padding-right:0}.creative-slider.read-only{padding:8px 0;position:relative}.creative-slider.read-only .slider-track{background:var(--border-light);border-radius:var(--radius-sm);height:2px;margin:8px 0;position:relative;width:100%}.creative-slider.read-only .slider-fill{background:var(--brand-gradient);border-radius:var(--radius-sm);height:100%;position:absolute;transition:width .2s cubic-bezier(.4,0,.2,1)}.creative-slider.read-only .creative-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;position:absolute;right:0;top:-4px}.weight-slider{margin:8px 0;padding:8px 0;position:relative;width:100%}.weight-values{justify-content:space-between;margin-bottom:4px;width:100%}.weight-max-value,.weight-min-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.weight-labels{display:flex;justify-content:space-between;margin-top:4px;width:100%}.weight-max-label,.weight-min-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.weight-slider .slider-track{background:var(--border-light);border-radius:var(--radius-sm);height:2px;position:relative;width:100%}.weight-slider .slider-fill{background:var(--brand-gradient);border-radius:var(--radius-sm);height:100%;position:absolute;transition:width .2s cubic-bezier(.4,0,.2,1)}.references-container{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;width:100%}.reference-item{background:var(--bg-primary);border-radius:0;display:flex;flex:1 1;flex-direction:column;height:calc(50% - var(--spacing-md)/2);overflow:hidden;position:relative}.reference-item .image-container{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.reference-item .image-container img{height:100%;object-fit:cover;width:100%}.reference-item .image-title{left:var(--spacing-md);position:absolute;top:var(--spacing-md);z-index:2}.image-compare .resize-handle{height:100%;margin:0 12px;z-index:100}.image-compare .resize-handle:after{height:100%}.image-preview-modal .next-image-button,.image-preview-modal .prev-image-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;width:50px;z-index:1}.image-preview-modal .next-image-button:focus,.image-preview-modal .prev-image-button:focus,.image-zoom-control .zoom-button:focus{box-shadow:none;outline:none}.image-preview-modal .prev-image-button{left:-70px}.image-preview-modal .next-image-button{right:-70px}.image-preview-modal .next-image-button:hover,.image-preview-modal .prev-image-button:hover{color:#fffc}.image-preview-modal .next-image-button svg,.image-preview-modal .prev-image-button svg{filter:drop-shadow(0 0 3px rgba(0,0,0,.5));height:36px;width:36px}.image-preview-modal .image-index-indicator{background:#0000;border-radius:16px;bottom:-45px;color:#fff;font-size:14px;left:50%;padding:6px 12px;position:absolute;text-shadow:0 0 3px #000000b3;transform:translateX(-50%)}@media (max-width:768px){.image-preview-modal .next-image-button,.image-preview-modal .prev-image-button{height:40px;width:40px}.image-preview-modal .prev-image-button{left:-50px}.image-preview-modal .next-image-button{right:-50px}.image-preview-modal .next-image-button svg,.image-preview-modal .prev-image-button svg{height:30px;width:30px}.image-preview-modal .image-index-indicator{bottom:-35px;font-size:12px}}.modal-image-error{background-color:var(--bg-secondary);border:1px dashed var(--border-color);min-height:200px;opacity:.6}.modal-error-message{background-color:#000c;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;font-size:14px;left:50%;max-width:80%;padding:10px 16px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.ant-modal-mask,.ant-modal-wrap,.ant-modal.image-details-modal{z-index:1010!important}.details-sidebar .info-group:last-of-type{margin-top:var(--spacing-md)}.details-sidebar .weight-sliders{display:flex;flex-direction:column;gap:12px;margin-left:0;padding:4px 0;width:100%}.details-sidebar .weight-slider-row{align-items:center;display:flex;gap:4px;margin-left:0;padding-left:0;width:100%}.details-sidebar .weight-item-label{color:var(--text-secondary);font-size:12px;margin-left:0;margin-right:0;max-width:40px;min-width:40px;padding-left:0;text-align:left;white-space:nowrap}.details-sidebar .weight-value{color:var(--brand-primary);font-size:12px;font-weight:500;margin-left:0;margin-right:3px;text-align:right;width:32px}.details-sidebar .slider-container{align-items:center;display:flex;flex:1 1;margin:0;padding:0;position:relative}.details-sidebar .slider-track{background:var(--border-light);border-radius:2px;height:2px;margin:0;position:relative;width:100%}.details-sidebar .slider-fill{background:var(--brand-primary);border-radius:2px;height:100%;position:absolute;transition:width .1s ease-out}.details-sidebar .tag-display{display:flex;flex-wrap:wrap;gap:8px}.details-sidebar .tag-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-size:var(--font-size-xs);line-height:normal;margin-bottom:0;margin-top:0;padding:2px 8px;vertical-align:initial}.details-sidebar .info-content .info-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--spacing-xs);width:100%}.details-sidebar .info-content .value-with-copy{align-items:baseline;display:flex;max-width:180px}.details-sidebar .info-content .value-with-copy.ellipsis-value .value{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-sidebar .info-content .info-row,.details-sidebar .info-group:has(.tag-display) .info-row{align-items:baseline!important;display:flex!important;justify-content:space-between!important;margin-bottom:var(--spacing-xs)}.details-sidebar .info-row .label{color:var(--text-secondary);min-width:50px;text-transform:none}.details-sidebar .info-row .label,.details-sidebar .info-row .value,.details-sidebar .tag-display,.details-sidebar .value-with-copy{align-self:baseline!important;font-size:var(--font-size-xs);height:auto!important;padding:0;vertical-align:initial!important}.mask-expander-info{display:flex;flex-direction:column;gap:12px;margin-left:0;padding:4px 0;width:100%}.mask-expander-info .weight-slider-row{align-items:center;display:flex;gap:4px;margin-left:0;padding-left:0;position:relative;width:100%}.mask-expander-info .weight-item-label{color:var(--text-secondary);font-size:12px;margin-left:0;margin-right:0;max-width:40px;min-width:40px;padding-left:0;text-align:left;white-space:nowrap}.mask-expander-info .weight-value{color:var(--brand-primary);font-size:12px;font-weight:500;margin-left:0;margin-right:3px;text-align:right;width:32px}.mask-expander-info .slider-container{align-items:center;display:flex;flex:1 1;margin:0;padding:0;position:relative}.mask-expander-info .slider-track{background:var(--border-light);border-radius:2px;height:2px;margin:0;position:relative;width:100%}.mask-expander-info .slider-fill{background:var(--brand-primary);border-radius:2px;height:100%;position:absolute;transition:width .1s ease-out}.details-sidebar .info-item .value{color:var(--text-primary);font-size:var(--font-size-xs);font-weight:500}.details-sidebar .info-group .info-item .value{max-width:102px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-sidebar .value-with-copy .value{color:var(--text-primary);flex:1 1;font-size:var(--font-size-xs);font-weight:500}.details-sidebar .info-group .value-with-copy .value{max-width:102px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-sidebar .info-content .value-with-copy .value{flex:1 1;font-size:var(--font-size-xs);margin-right:var(--spacing-xs);word-break:normal}.details-sidebar .info-group .info-content .value-with-copy .value{max-width:102px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-sidebar .info-group:first-child .info-content .value-with-copy .value,.details-sidebar .info-group:first-child .info-item .value,.details-sidebar .info-group:first-child .value-with-copy .value{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.details-sidebar .info-group:not(:first-child) .info-content .value-with-copy .value,.details-sidebar .info-group:not(:first-child) .info-item .value,.details-sidebar .info-group:not(:first-child) .value-with-copy .value{max-width:102px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-container.dragging{cursor:grabbing!important}.result-image .image-container img:hover{cursor:grab}.result-image .image-container img:active{cursor:grabbing!important}.preview-image-container{background-color:var(--bg-primary);background-image:linear-gradient(45deg,#d1d1d1 25%,#0000 0),linear-gradient(-45deg,#d1d1d1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d1d1d1 0),linear-gradient(-45deg,#0000 75%,#d1d1d1 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}[data-theme=dark] .details-sidebar .component-thumbnail{background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}[data-theme=dark] .details-sidebar .component-thumbnail,[data-theme=dark] .preview-image-container{background-color:var(--bg-primary);background-image:linear-gradient(45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(-45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,#0000 75%,var(--bg-secondary) 75%)}[data-theme=dark] .preview-image-container{background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.details-sidebar .info-item.seed-item .value-with-copy .value{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-list{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto;padding-top:12px}.thumbnail-card{aspect-ratio:3/4;border-radius:6px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.thumbnail-card:after{border:2px solid #0000;border-radius:6px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .2s ease}.thumbnail-card:hover:after{border-color:#ff3c6a80}.thumbnail-card.active:after{border-color:#ff3c6a}.thumbnail-card img{display:block;height:100%;object-fit:cover;width:100%}.image-zoom-control{background:#0000;flex-direction:column;gap:6px;padding:8px}.image-zoom-control,.zoom-scale{align-items:center;display:flex;width:76px}.zoom-scale{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#666;color:var(--text-secondary,#666);font-size:13px;font-weight:500;height:34px;justify-content:center;margin-bottom:2px;text-align:center}.zoom-buttons{display:flex;flex-direction:column;gap:6px;width:76px}.zoom-buttons-row{display:flex;justify-content:space-between;width:76px}.zoom-button{align-items:center;background:#f5f5f5;background:var(--bg-primary,#f5f5f5);border:1px solid #e8e8e8;border:1px solid var(--border-light,#e8e8e8);border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;transition:all .2s ease}.zoom-button.zoom-in,.zoom-button.zoom-out{width:36px}.zoom-button.preview,.zoom-button.reset{margin-top:0;width:76px}.zoom-button:hover:not(:disabled){background:#eee;background:var(--bg-hover,#eee);border-color:#d0d0d0;border-color:var(--border-color,#d0d0d0);color:#333;color:var(--text-primary,#333)}.zoom-button:disabled{cursor:not-allowed;opacity:.5}.zoom-button svg{height:16px;width:16px}.image-navigator{background:#0000;flex-direction:column;gap:8px;padding:0}.image-navigator,.nav-button{align-items:center;display:flex;width:76px}.nav-button{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);border:1px solid #e8e8e8;border:1px solid var(--border-light,#e8e8e8);border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;height:30px;justify-content:center;padding:0 2px;transition:all .2s ease}.nav-button:hover:not(:disabled){background:#eee;background:var(--bg-hover,#eee);border-color:#d0d0d0;border-color:var(--border-hover,#d0d0d0);color:#333;color:var(--text-primary,#333)}.nav-button:disabled{cursor:not-allowed;opacity:.5}.nav-button svg{stroke:currentColor;fill:none;height:16px;width:16px}.text-popup{animation:popupFadeIn var(--transition-normal);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);opacity:0;padding:var(--spacing-md);pointer-events:none;position:fixed;transform:translateX(10px);width:280px;z-index:100000000}.text-popup.show{opacity:1;pointer-events:auto;transform:translateX(0)}@keyframes popupFadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.text-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.text-popup-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.text-popup-content{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.text-popup.with-tags .popup-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.text-popup.with-tags .popup-tag{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}.text-popup.with-tags .description-section{border-top:1px solid var(--border-light);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.text-popup.with-tags .section-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;margin:0 0 var(--spacing-sm) 0}.prompt-section{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.prompt-section:last-child{margin-bottom:0}.prompt-section strong{color:var(--text-primary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.prompt-section p{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.6;margin:0;word-break:break-all}.text-popup-footer{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-xxs);justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-xs)}.text-popup-footer.right-aligned{justify-content:flex-end}.text-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xxs);transition:var(--transition-normal)}.text-button:hover{color:var(--brand-primary);transform:none}.text-button svg{height:var(--font-size-md);width:var(--font-size-md)}.copy-text-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-sm);transition:none}.copy-text-btn:hover{color:var(--brand-primary)}.copy-text-btn svg{height:var(--font-size-md);width:var(--font-size-md)}.model-registration-wrapper{align-items:center;background-color:#00000073;display:flex;height:100%;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:2000}.model-registration-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;pointer-events:auto;position:relative;width:450px}[data-theme=dark] .model-registration-modal{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.model-registration-modal .modal-header{align-items:flex-end;background:var(--bg-primary);border-bottom:1px solid var(--border-light);cursor:grab;display:flex;justify-content:space-between;margin:0;padding:20px 20px 0;position:relative;-webkit-user-select:none;user-select:none}.model-registration-modal .modal-header:active,.model-registration-modal.dragging .modal-header{cursor:grabbing}.model-registration-modal .tab-group{display:flex;gap:0;height:36px;margin-bottom:-1px;margin-left:0;margin-top:0;width:100%}.model-registration-modal .tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);height:36px;justify-content:center;margin-right:1px;padding:0 24px;position:relative;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.model-registration-modal .tab-btn:first-child{margin-left:0}.model-registration-modal .tab-btn:last-child{margin-right:4px}.model-registration-modal .tab-btn:hover{background:#0000;color:var(--text-primary);position:relative}.model-registration-modal .tab-btn:not(.active):hover:before{background:var(--bg-hover);border-radius:var(--radius-md);content:"";height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2px)}.model-registration-modal .tab-btn.active{background:var(--bg-primary);border-color:var(--border-color);border-bottom-color:var(--bg-primary);color:var(--text-primary);font-weight:500}.model-registration-modal .tab-btn.active:after{background:var(--brand-primary);bottom:-1px;content:"";height:2px;left:0;margin:0 24px;position:absolute;right:0;transition:transform .2s ease;width:calc(100% - 48px)}.model-registration-modal .tab-btn:not(.active){border-bottom:1px solid var(--border-color)}.model-registration-modal .modal-body{flex:1 1;height:calc(90vh - 116px);max-height:800px;overflow-y:auto!important;padding:20px 24px 24px}.registration-content{background-color:var(--bg-primary)}.registration-content,.tab-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.tab-content{overflow-y:visible}.registration-content .modal-title{border-bottom:1px solid var(--border-lighter);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.basic-info-container{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.form-inputs{flex:1 1;max-width:calc(50% - var(--spacing-md))}.model-thumbnail-wrapper{flex-shrink:0;height:auto;position:relative;width:auto}.model-thumbnail{background-color:var(--background-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);height:100%;overflow:hidden;position:relative;width:100%}.model-thumbnail img{height:100%;object-fit:cover;object-position:top;width:100%}.form-item{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-item label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.form-item .model-id{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:inherit;font-weight:500;padding:var(--spacing-xs)}.form-item .model-id,.form-item input{color:var(--text-primary);font-size:var(--font-size-sm)}.form-item input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-normal)}.form-item input:focus,.form-item input:hover{border-color:var(--brand-primary)}.form-item input:focus{box-shadow:0 0 0 2px var(--brand-primary-light);outline:none}.tags-container{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-md)}.tags-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.tags-section{margin-bottom:var(--spacing-sm)}.tags-section label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xxs)}.tags-options{gap:var(--spacing-xs);margin-top:var(--spacing-xxs)}.tag-option{align-items:center;border:1px solid var(--border-light);display:flex;height:28px;justify-content:center;padding:var(--spacing-xxs) var(--spacing-sm)}.tag-option.active{font-weight:500}.model-registration-modal .modal-footer{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:none!important;display:flex;gap:var(--spacing-md);height:60px;justify-content:flex-end;padding:0 var(--spacing-lg);position:sticky;z-index:5}@media (max-width:576px){.model-registration-modal .modal-body{padding:20px}.model-registration-modal .tab-group{margin-left:0;width:100%}.model-registration-modal .tab-btn{flex:1 1;font-size:13px;padding:0 6px}.model-registration-modal .tab-btn.active:after{margin:0 6px;width:calc(100% - 12px)}.basic-info-container{align-items:center;flex-direction:column-reverse;gap:var(--spacing-sm)}.form-inputs{max-width:100%;width:100%}.model-thumbnail-wrapper{margin-bottom:var(--spacing-sm);width:105px!important}.model-thumbnail{height:180px!important}.form-item{margin-bottom:var(--spacing-sm)}.model-preview img{max-height:150px}.tag-option{font-size:var(--font-size-xs);height:24px;padding:var(--spacing-xxs) var(--spacing-xs)}}.message-error{color:#ff4d4f;display:block;font-size:12px!important;margin-top:4px!important}.input-error{border-color:#ff4d4f!important}.input-error:focus,.input-error:hover{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.modal-tabs,.tab-group{border-bottom:none;display:flex;gap:0;height:36px;margin-bottom:-1px;margin-left:16px;width:100%}.tab-btn,.tab-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:36px;justify-content:center;margin-right:1px;padding:0 24px;position:relative;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.tab-btn:first-child,.tab-button:first-child{margin-left:4px}.tab-btn:last-child,.tab-button:last-child{margin-right:4px}.tab-btn.active,.tab-button.active{background:var(--bg-primary);border-color:var(--border-color);border-bottom-color:var(--bg-primary);color:var(--text-primary);font-weight:500}.tab-btn.active:after,.tab-button.active:after{background:var(--brand-primary);bottom:-1px;content:"";height:2px;left:0;margin:0 24px;position:absolute;right:0;transition:transform .2s ease;width:calc(100% - 48px)}.tab-btn:not(.active),.tab-button:not(.active){background:#0000;border-color:#0000}.tab-btn:hover,.tab-button:hover{background:#0000;color:var(--text-primary);position:relative}.tab-btn.active:hover,.tab-button.active:hover{background:var(--bg-primary);color:var(--text-primary)}.tab-btn:not(.active):hover:before,.tab-button:not(.active):hover:before{background:var(--bg-hover);border-radius:var(--radius-md);content:"";height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2px)}.tab-btn.active:hover:before,.tab-button.active:hover:before{display:none}.advanced-custom-modal .modal-tabs,.model-select-modal .modal-tabs,.scene-select-modal .modal-tabs{margin-bottom:0;margin-left:0;margin-top:0;position:relative}.advanced-custom-modal .tab-button,.model-select-modal .tab-button,.scene-select-modal .tab-button{bottom:-1px}.advanced-custom-modal .tab-button:first-child,.model-select-modal .tab-button:first-child,.scene-select-modal .tab-button:first-child{margin-left:0}.advanced-custom-modal .tab-button.active,.model-select-modal .tab-button.active,.scene-select-modal .tab-button.active{z-index:1}.advanced-custom-modal .tab-button.active:after,.model-select-modal .tab-button.active:after,.scene-select-modal .tab-button.active:after{bottom:0;z-index:2}@media (max-width:768px){.modal-tabs,.tab-group{height:32px;margin-left:8px}.tab-btn,.tab-button{font-size:12px;height:32px;padding:0 16px}.tab-btn.active:after,.tab-button.active:after{margin:0 16px;width:calc(100% - 32px)}}.virtual-model-manager{color-scheme:light dark;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.virtual-model-manager .model-table-container{flex:1 1;overflow:auto;padding:16px}.virtual-model-manager .model-table{background-color:var(--bg-primary);border-collapse:collapse;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;table-layout:fixed;width:100%}.virtual-model-manager .model-table thead th{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;padding:12px 16px;text-align:center;white-space:nowrap}.virtual-model-manager .model-table tbody td{backface-visibility:hidden;border-bottom:1px solid var(--border-light)!important;color:var(--text-primary);font-size:var(--font-size-sm);min-height:160px;overflow:hidden;padding:20px 16px;text-align:center;text-overflow:ellipsis;transform:translateZ(0);transition:none;vertical-align:middle;white-space:nowrap;will-change:auto}.virtual-model-manager .model-table tbody tr{height:160px;transition:background-color .15s ease}.virtual-model-manager .model-table tbody tr:last-child td{border-bottom:none}.virtual-model-manager .model-table tbody tr:hover{background-color:var(--bg-hover)}.virtual-model-manager .model-table tbody tr.no-hover-effect:hover{background-color:initial}.virtual-model-manager .thumbnail-col{text-align:center;width:210px}.virtual-model-manager .id-col{text-align:center;width:80px}.virtual-model-manager .name-col{text-align:center;width:100px}.virtual-model-manager .age-col,.virtual-model-manager .body-type-col,.virtual-model-manager .gender-col,.virtual-model-manager .region-col{text-align:center;width:80px}.virtual-model-manager .date-col{text-align:center;width:130px}.virtual-model-manager .actions-col{text-align:center;width:100px}.virtual-model-manager .variant-thumbnail-wrapper{margin-bottom:8px;position:relative}.virtual-model-manager .variant-thumbnail-overlay{align-items:center;background:var(--bg-mask);border-radius:var(--radius-sm);cursor:pointer;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:var(--transition-normal)}.virtual-model-manager .variant-thumbnail-wrapper:hover .variant-thumbnail-overlay{opacity:1}.virtual-model-manager .variant-thumbnail-overlay svg{color:#fff;height:var(--font-size-xl);width:var(--font-size-xl)}.virtual-model-manager .model-thumbnail{border:1px solid var(--border-light);border-radius:var(--radius-sm);height:100px;object-fit:cover;transition:var(--transition-normal);width:100px}.virtual-model-manager .variant-images-grid{grid-gap:8px;display:grid;grid-template-columns:repeat(3,1fr);height:120px;margin:0 auto;width:180px}.virtual-model-manager .variant-thumbnail{border:1px solid var(--border-light);border-radius:var(--radius-sm);height:56px;object-fit:cover;transition:var(--transition-normal);width:100%}.virtual-model-manager .action-buttons{align-items:center;display:flex;gap:8px;justify-content:center}.virtual-model-manager .action-buttons .delete-button,.virtual-model-manager .action-buttons .download-button,.virtual-model-manager .action-buttons .edit-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;line-height:1;margin:0;min-width:32px;padding:0;transition:none;width:32px}.virtual-model-manager .action-buttons .delete-button:hover,.virtual-model-manager .action-buttons .download-button:hover,.virtual-model-manager .action-buttons .edit-button:hover{color:var(--brand-primary)}.virtual-model-manager .action-buttons .delete-button svg,.virtual-model-manager .action-buttons .download-button svg,.virtual-model-manager .action-buttons .edit-button svg{display:block;height:15px;line-height:1;width:15px}.virtual-model-manager .no-models-message{align-items:center;background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:200px;justify-content:center;padding:24px;text-align:center}.virtual-model-manager .no-models-message p{color:var(--text-secondary);margin:4px 0}.virtual-model-manager .no-models-message p.tip{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:8px}.virtual-model-manager .preview-image-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.virtual-model-manager .next-image-button,.virtual-model-manager .prev-image-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;width:50px;z-index:1}.virtual-model-manager .prev-image-button{left:-70px}.virtual-model-manager .next-image-button{right:-70px}.virtual-model-manager .next-image-button:hover,.virtual-model-manager .prev-image-button:hover{color:#fffc}.virtual-model-manager .next-image-button svg,.virtual-model-manager .prev-image-button svg{filter:drop-shadow(0 0 3px rgba(0,0,0,.5));height:36px;width:36px}.virtual-model-manager .image-index-indicator{background:#0000;border-radius:16px;bottom:-45px;color:#fff;font-size:14px;left:50%;padding:6px 12px;position:absolute;text-shadow:0 0 3px #000000b3;transform:translateX(-50%)}.virtual-model-manager .th-content{align-items:center;display:flex;gap:4px;justify-content:center}.virtual-model-manager .th-content span{margin:3px 6px;text-align:center}.virtual-model-manager .filter-button,.virtual-model-manager .sort-button{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:.9;padding:0;transition:var(--transition-normal);width:22px}.virtual-model-manager .filter-button:hover,.virtual-model-manager .sort-button:hover{color:var(--brand-primary);opacity:1}.virtual-model-manager .filter-button,.virtual-model-manager .sort-icon{font-size:16px}.virtual-model-manager .filter-button.active,.virtual-model-manager .sort-icon.active{color:var(--brand-primary);opacity:1}.virtual-model-manager .sort-icon.default{color:var(--text-tertiary)}.filter-dropdown{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xs);box-shadow:var(--shadow-xs);min-width:90px;padding:4px}.filter-menu-item{color:var(--text-primary);cursor:pointer;font-size:calc(var(--font-size-sm) - 1px);line-height:1.2;margin:1px 0;padding:6px;transition:all .1s}.filter-menu-item:hover{background:var(--bg-hover)}.filter-menu-item.active{color:var(--brand-primary);font-weight:500}.filter-dropdown .ant-input{background-color:var(--bg-primary);border-radius:var(--radius-xs);color:var(--text-primary);font-size:calc(var(--font-size-sm) - 2px);height:28px;margin:2px 0}.filter-dropdown .ant-input::placeholder{color:var(--text-tertiary);font-size:calc(var(--font-size-sm) - 2px)}.filter-dropdown .ant-input-focused,.filter-dropdown .ant-input:focus{border-color:var(--border-medium);box-shadow:0 0 0 1px var(--shadow-color)}.filter-dropdown .ant-input:hover{border-color:var(--border-medium)}.filter-dropdown .ant-input-clear-icon{color:var(--text-tertiary)}.filter-dropdown .ant-input-clear-icon:hover{color:var(--text-secondary)}.filter-actions{border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;margin-top:2px;padding-top:2px}.virtual-model-manager .no-models-message .ant-btn{background-color:var(--bg-primary);border-color:var(--border-light);color:var(--text-primary);height:36px!important;margin-bottom:36px;padding-left:16px;padding-right:16px}.virtual-model-manager .no-models-message .ant-btn:hover{background-color:var(--bg-hover);border-color:var(--border-medium);color:var(--text-dark)}.filter-search-input.ant-input-affix-wrapper{background-color:var(--bg-primary);border-color:var(--border-light);color:var(--text-primary)}.filter-search-input.ant-input-affix-wrapper-focused,.filter-search-input.ant-input-affix-wrapper:focus{border-color:var(--border-medium)!important;box-shadow:0 0 0 1px var(--shadow-color)!important}.filter-search-input.ant-input-affix-wrapper:hover{border-color:var(--border-medium)!important}.filter-search-input .ant-input{background-color:initial}.filter-search-input .ant-input:focus{box-shadow:none}.filter-search-input .ant-input-clear-icon{color:var(--text-tertiary)}.filter-search-input .ant-input-clear-icon:hover{color:var(--text-secondary)}.clear-all-filters-button.ant-btn{height:36px!important;line-height:34px!important}.virtual-model-manager .model-table *,.virtual-model-manager .model-table :after,.virtual-model-manager .model-table :before{border-color:var(--border-light)!important}.virtual-model-manager .filter-button .anticon-filter,.virtual-model-manager .sort-button .anticon-sort-ascending,.virtual-model-manager .sort-button .anticon-sort-descending,.virtual-model-manager .th-content .anticon{align-items:center!important;display:flex!important;font-size:16px!important;justify-content:center!important}.virtual-model-manager .action-buttons>button{align-items:center!important;background:none!important;border:none!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:var(--text-secondary)!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;line-height:1!important;margin:0!important;min-width:32px!important;opacity:1!important;padding:0!important;position:relative!important;right:0!important;top:0!important;width:32px!important}.virtual-model-manager .action-buttons>button:hover{background:none!important;color:var(--brand-primary)!important;opacity:1!important}.virtual-model-manager .action-buttons>button svg{display:block!important;height:15px!important;line-height:1!important;margin:0!important;padding:0!important;width:15px!important}.pagination-container{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-light);display:flex;height:auto;justify-content:space-between;margin-top:auto;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-xs)}.pagination-info{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-xs);white-space:nowrap}.pagination-group{align-items:center;display:inline-flex;gap:var(--spacing-xxs);padding:0 var(--spacing-xxs)}.pagination-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);height:28px;justify-content:center;min-width:28px;padding:0;transition:var(--transition-normal)}.pagination-button:focus-visible:not(:disabled),.pagination-button:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.pagination-button:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.8}.pagination-button.active{background:var(--bg-primary);color:var(--brand-primary);cursor:default}.pagination-button.active,.pagination-button.active:hover{border-color:var(--brand-primary)}.pagination-button svg{height:var(--font-size-md);width:var(--font-size-md)}.pagination-button:focus-visible:not(:disabled) svg,.pagination-button:hover:not(:disabled) svg{stroke:var(--brand-primary)!important;color:var(--brand-primary)!important}.pagination-button.active svg{stroke:var(--brand-primary)!important;color:var(--brand-primary)!important}.page-numbers{display:flex;gap:var(--spacing-xxs);margin:0 var(--spacing-xs)}.pagination-jumper{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs);margin-left:var(--spacing-xs);white-space:nowrap}.pagination-jumper,.pagination-jumper input{color:var(--text-secondary);font-size:var(--font-size-xs)}.pagination-jumper input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);height:28px;padding:0 var(--spacing-xs);text-align:center;width:40px}.pagination-jumper input:focus{background:var(--bg-primary);border-color:var(--brand-primary);outline:none}.pagination-jumper input:hover{background:var(--bg-primary);border-color:var(--border-color)}.pagination-jumper input::-webkit-inner-spin-button,.pagination-jumper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jump-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);height:28px;justify-content:center;padding:0 var(--spacing-xs);transition:var(--transition-normal)}.jump-button:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.virtual-model-manager .pagination-container{margin-top:16px}.resize-handle{align-items:center;cursor:col-resize;display:flex;justify-content:center;margin:0 -6px;position:relative;width:16px;z-index:10}.resize-handle:after{background:var(--border-light);content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:var(--transition-normal);width:3px}.resize-handle:hover:after{background:var(--brand-primary);width:3px}body.resizing{cursor:col-resize!important;overflow:hidden;user-select:none;-webkit-user-select:none}.control-panel{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;margin-right:12px;overflow:hidden;padding:0;width:28%}.control-header,.control-panel{display:flex;flex-shrink:0;position:relative}.control-header{align-items:flex-end;border-bottom:1px solid var(--border-color);justify-content:flex-start;margin-bottom:10px;padding:20px 0 0}.control-content{composes:custom-scrollbar;padding:0 20px 120px}.control-content>*{flex-shrink:0}.control-footer{background:var(--bg-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border-color);bottom:0;box-shadow:none;left:0;padding:0 20px 20px;position:absolute;right:0;z-index:10}@media (max-width:768px){.control-panel{margin-bottom:12px;margin-right:0;width:100%}}.generation-area{overflow:hidden;padding:0}.result-header{flex-shrink:0;justify-content:space-between;margin-bottom:10px;padding:20px 0 0}.result-header .header-actions{align-items:center;display:flex;gap:10px;margin-bottom:5px;margin-right:-18px}.result-header .edit-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);height:28px;padding:0 12px;transition:var(--transition-normal);white-space:nowrap}.result-header .edit-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.result-header .filter-btn.ant-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:none;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);height:28px;padding:0 12px;transition:var(--transition-normal);white-space:nowrap}.result-header .filter-btn.ant-btn:focus,.result-header .filter-btn.ant-btn:hover{background:var(--bg-primary);border-color:var(--brand-primary);box-shadow:none;color:var(--brand-primary)}.result-header .more-actions{align-items:center;display:flex;margin-left:-10px;position:relative}.result-header .more-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:var(--font-size-xs);height:28px;justify-content:center;transition:var(--transition-normal);width:28px}.result-header .more-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.result-header .more-btn span{background:var(--text-secondary);border-radius:50%;display:block;height:3px;position:relative;width:3px}.result-header .more-btn span:after,.result-header .more-btn span:before{background:var(--text-secondary);border-radius:50%;content:"";height:3px;position:absolute;transition:var(--transition-normal);width:3px}.result-header .more-btn:hover span,.result-header .more-btn:hover span:after,.result-header .more-btn:hover span:before{background:var(--brand-primary)}.result-header .more-btn span:before{left:-5px}.result-header .more-btn span:after{right:-5px}.result-header .dropdown-menu{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:8px;min-width:120px;padding:4px;position:absolute;right:0;top:100%;z-index:1000}.result-header .dropdown-item{background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:8px 12px;text-align:left;transition:var(--transition-normal);width:100%}.result-header .dropdown-item:hover{background:var(--bg-hover)}.result-header .dropdown-item.delete{color:var(--error-color)}.result-header .dropdown-item.delete:hover{background:var(--error-bg);color:var(--error-color)}.result-content{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:20px}.result-placeholder{color:var(--text-tertiary);flex:1 1;font-size:var(--font-size-md);padding:40px 20px}.demo-content,.result-placeholder{align-items:center;display:flex;justify-content:center}.demo-content{flex-direction:column;max-width:512px;text-align:center;width:100%}.demo-gif-container{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;margin-bottom:24px;overflow:hidden;padding:16px}.demo-gif{border-radius:var(--radius-md);display:block;height:auto;max-width:100%}.demo-text{display:flex;flex-direction:column;gap:8px}.demo-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.demo-description{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.5;margin:0}.demo-tip{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;margin:0}.task-list{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:0}.pagination-wrapper{background:var(--bg-primary);border-top:1px solid var(--border-color);flex-shrink:0;padding:0}.showcase-container{background:var(--bg-primary);padding:10px}@media (max-width:768px){.generation-area{margin-left:0;margin-top:20px;min-height:400px}.demo-content{max-width:100%;padding:0 16px}.demo-gif-container{margin-bottom:16px;padding:12px}.demo-title{font-size:var(--font-size-md)}.demo-description{font-size:var(--font-size-sm)}.demo-tip{font-size:var(--font-size-xs)}}.task-search-input{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:var(--text-primary)!important;font-size:var(--font-size-xs)!important;height:28px!important;padding-left:8px!important;transition:var(--transition-normal)!important;width:186px!important}.task-search-input:hover{border-color:var(--brand-primary)!important}.task-search-input.ant-input-affix-wrapper-focused,.task-search-input.ant-input-focused{border-color:var(--brand-primary)!important;box-shadow:none!important}.task-search-input .search-icon{color:var(--text-secondary)!important;font-size:var(--font-size-sm)!important}.task-search-input:hover .search-icon{color:var(--brand-primary)!important}.task-search-input .ant-input-clear-icon{color:var(--text-secondary)!important;font-size:var(--font-size-sm)!important}.task-search-input:hover .ant-input-clear-icon{color:var(--brand-primary)!important}.task-search-input .ant-input::placeholder,.task-search-input.ant-input::placeholder{color:var(--text-secondary)!important}.task-search-input .ant-input-prefix{margin-right:8px!important}html body .generation-area .header-actions .account-unique-range-picker.ant-picker.ant-picker-range{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:var(--text-primary)!important;font-size:var(--font-size-xs)!important;height:28px!important;min-width:220px!important;transition:var(--transition-normal)!important;width:auto!important}html body .generation-area .header-actions .account-unique-range-picker.ant-picker.ant-picker-range .ant-picker-active-bar{transition:var(--transition-normal)!important}html body .generation-area .header-actions .account-unique-range-picker.ant-picker-focused .ant-picker-active-bar,html body .generation-area .header-actions .account-unique-range-picker.ant-picker-focused:hover .ant-picker-active-bar,html body .generation-area .header-actions .account-unique-range-picker.ant-picker.ant-picker-range .ant-picker-active-bar{background:var(--brand-primary)!important;background-color:var(--brand-primary)!important;bottom:0!important;height:2px!important}html body .generation-area .header-actions .account-unique-range-picker:hover{border-color:var(--brand-primary)!important}html body .generation-area .header-actions .account-unique-range-picker.ant-picker-focused{border-color:var(--brand-primary)!important;box-shadow:none!important}.generation-area .header-actions .account-unique-range-picker .ant-picker-input>input{color:var(--text-primary)!important;font-size:var(--font-size-xs)!important}.generation-area .header-actions .account-unique-range-picker .ant-picker-input{padding:0 4px!important}.generation-area .header-actions .account-unique-range-picker .ant-picker-input>input::placeholder{color:var(--text-secondary)!important}.generation-area .header-actions .account-unique-range-picker .ant-picker-separator{color:var(--text-secondary)!important;margin:0 2px!important}.generation-area .header-actions .account-unique-range-picker .ant-picker-suffix{color:var(--text-secondary)!important}.generation-area .header-actions .account-unique-range-picker .ant-picker-clear{right:6px!important}.generation-area .header-actions .account-unique-range-picker:hover .ant-picker-suffix{color:var(--brand-primary)!important}.task-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xxs);overflow:hidden;transition:var(--transition-normal)}.task-card.new-task{animation:taskAppear .5s ease-out}@keyframes taskAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-card:hover{box-shadow:var(--shadow-sm);transform:translateY(0)}.task-header{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:12px 16px}.task-header,.task-info{align-items:center;display:flex}.task-info{gap:18px}.task-time{color:var(--text-secondary);font-size:var(--font-size-xs)}.task-id-container{align-items:center;display:flex;font-family:var(--font-family);gap:var(--spacing-xxs)}.task-id,.task-id-label{color:var(--text-secondary);font-size:var(--font-size-xs)}.task-id{font-family:var(--font-mono)}.copy-id-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:var(--spacing-xxs);transition:none;width:20px}.copy-id-btn:hover{color:var(--brand-primary)}.task-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.edit-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);height:28px;margin-right:var(--spacing-xs);padding:0 var(--spacing-sm);transition:var(--transition-normal)}.edit-btn:disabled{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-disabled);cursor:not-allowed}.edit-btn:not(:disabled):hover{border-color:var(--brand-primary);color:var(--brand-primary)}.more-actions{position:relative}.more-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;height:28px;justify-content:center;transition:var(--transition-normal);width:28px}.more-btn:disabled{background:var(--bg-secondary);border-color:var(--border-light);cursor:not-allowed}.more-btn:disabled span{opacity:.5}.more-btn:not(:disabled):hover{border-color:var(--brand-primary);color:var(--brand-primary)}.more-btn span{display:block;position:relative}.more-btn span,.more-btn span:after,.more-btn span:before{background:var(--text-secondary);border-radius:50%;height:3px;transition:var(--transition-normal);width:3px}.more-btn span:after,.more-btn span:before{content:"";position:absolute}.more-btn:not(:disabled):hover span,.more-btn:not(:disabled):hover span:after,.more-btn:not(:disabled):hover span:before{background:var(--brand-primary)}.more-btn span:before{left:-5px}.more-btn span:after{right:-5px}.dropdown-menu{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;margin-top:var(--spacing-xxs);min-width:120px;padding:var(--spacing-xxs);position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu.show{display:block}.dropdown-item{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:left;transition:var(--transition-normal);width:100%}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.delete{color:var(--error-color)}.dropdown-item.delete:hover{background:var(--error-bg)}.image-slot.transparent-bg{background-image:linear-gradient(45deg,#d1d1d1 25%,#0000 0),linear-gradient(-45deg,#d1d1d1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d1d1d1 0),linear-gradient(-45deg,#0000 75%,#d1d1d1 0)}.image-slot.transparent-bg,[data-theme=dark] .image-slot.transparent-bg{background-color:var(--bg-primary);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}[data-theme=dark] .image-slot.transparent-bg{background-image:linear-gradient(45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(-45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,#0000 75%,var(--bg-secondary) 75%)}.task-images{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);min-height:128px;padding:var(--spacing-md)}.image-slot{aspect-ratio:3/4;background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative}.image-slot img{display:block;height:100%;object-fit:cover;transition:var(--transition-transform);width:100%}.image-slot:hover img{transform:scale(1)}.image-slot:before{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:var(--bg-overlay);border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));-webkit-clip-path:inset(0 round var(--radius-lg));inset:0;z-index:1}.image-slot:after,.image-slot:before{content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}.image-slot:after{border-radius:calc(var(--radius-lg) + 1px);box-shadow:inset 0 0 0 1px var(--bg-primary);inset:-1px;z-index:0}[data-theme=dark] .image-slot:before{background:#000000e6;clip-path:inset(0 round var(--radius-lg));-webkit-clip-path:inset(0 round var(--radius-lg))}[data-theme=dark] .image-slot:after{background:var(--bg-primary);opacity:0}.image-slot:hover:before{opacity:1;pointer-events:auto}[data-theme=dark] .image-slot:hover:after{opacity:.5}.image-slot .image-actions{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:2}.image-slot:hover .image-actions{opacity:1;pointer-events:auto}.image-actions .view-details-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-inverse);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-btn);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:none}.image-actions .view-details-btn:hover{color:var(--brand-primary);transition:none}.image-actions .download-btn{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-inverse);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-btn);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:none;width:36px}.image-actions .download-btn:hover{background:var(--bg-inverse)}.image-actions .download-btn svg{color:var(--color-white);height:var(--icon-size-sm);transition:none;width:var(--icon-size-sm)}.image-actions .download-btn:hover svg{color:var(--brand-primary)}.image-actions .drag-upload-btn{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-inverse);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-btn);cursor:grab;display:flex;height:36px;justify-content:center;left:var(--spacing-sm);position:absolute;top:var(--spacing-sm);transition:none;width:36px}.image-actions .drag-upload-btn:active{cursor:grabbing}.image-actions .drag-upload-btn:hover{background:var(--bg-inverse)}.image-actions .drag-upload-btn svg{color:var(--color-white);height:var(--icon-size-sm);transition:none;width:var(--icon-size-sm)}.image-actions .drag-upload-btn:hover svg{color:var(--brand-primary)}.processing-indicator{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.processing-indicator .spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-light);border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--brand-primary);height:var(--icon-size-md);width:var(--icon-size-md)}.processing-indicator span{color:var(--text-secondary);font-size:var(--font-size-sm)}.empty-slot{align-items:center;display:flex;height:100%;justify-content:center}.empty-message,.empty-slot span{color:var(--text-secondary);font-size:var(--font-size-sm)}.empty-message{align-items:center;display:flex;grid-column:1/-1;height:100%;justify-content:center;padding:16px 0}.empty-message span{color:var(--text-secondary);font-size:var(--font-size-sm)}.load-error-message{color:var(--error-color);font-size:var(--font-size-md);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:1200px){.task-images{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.task-images{grid-template-columns:repeat(2,1fr)}.task-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.task-actions{justify-content:space-between;width:100%}.edit-btn{flex:1 1;margin-right:0}}@media (max-width:480px){.task-images{grid-template-columns:repeat(1,1fr)}.task-info{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}.exclusive-model-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;font-size:var(--font-size-sm);height:32px;margin-right:var(--spacing-xs);padding:0 var(--spacing-sm);transition:all .2s ease;white-space:nowrap}.exclusive-model-btn:hover{filter:brightness(1.1)}.exclusive-model-btn:disabled{cursor:not-allowed;opacity:.6}.api-url-input{background-color:#f0f4f8;border-radius:4px;margin-bottom:15px;padding:8px}.api-url-input .input-group{display:flex;gap:8px}.api-url-input input{border:1px solid #cbd5e0;border-radius:4px;flex:1 1;font-size:13px;padding:6px 10px}.api-url-input button{background-color:#4299e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.api-url-input button:hover{background-color:#3182ce}.api-url-help{color:#718096;font-size:11px;margin-top:5px}.forced-image-section{background-color:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;grid-column:1/-1;margin-top:20px;padding:15px}.forced-image-section h4{color:#2b6cb0;font-size:14px;margin:0 0 10px}.forced-images{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.forced-images{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.forced-images{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.forced-images{grid-template-columns:1fr}}.progress-text{color:#666;font-size:12px;position:absolute;right:0;top:-20px}.task-processing-area{align-items:center;background:#f7fafd;background:var(--bg-secondary,#f7fafd);border:1px solid #e6f0fa;border:1px solid var(--border-light,#e6f0fa);border-radius:10px;border-radius:var(--radius-lg,10px);box-shadow:0 2px 8px #1890ff0a;display:flex;flex-direction:column;justify-content:center;margin:24px 0 12px;min-height:128px;transition:background .3s}.processing-desc{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;letter-spacing:1px;margin:0 0 12px;text-align:center}.task-content-area{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:128px;padding:var(--spacing-md)}.progress-percent{color:var(--text-secondary);font-size:12px;pointer-events:none;position:absolute;top:24px;transform:translateX(-50%);transition:transform .3s ease;white-space:nowrap}.task-progress-wrapper{padding-left:28px;padding-right:28px;position:relative;width:100%}.showcase-container{background-color:var(--bg-primary);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;padding:16px}.showcase-loading{align-items:center;display:flex;justify-content:center;min-height:200px;padding:40px 16px}.showcase-loading-content{align-items:center;display:flex;flex-direction:column;gap:16px}.showcase-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--brand-primary);height:32px;width:32px}.showcase-loading-content span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.showcase-item{background-color:var(--bg-tertiary);border-radius:8px;box-shadow:var(--shadow-sm);flex-basis:calc(33.333% - 32px);flex-grow:1;flex-shrink:1;overflow:hidden;position:relative;transition:transform .2s ease}.showcase-item:hover{transform:translateY(-4px)}.showcase-item img{display:block;height:auto;width:100%}.showcase-item h3{color:var(--text-primary);font-size:16px;margin:8px 16px 4px}.showcase-item p{color:var(--text-secondary);font-size:14px;margin:0 16px 16px}.showcase-buttons{align-items:center;background:#0000;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;top:0;transition:opacity .15s cubic-bezier(.2,0,.15,1);width:100%;will-change:opacity,background-color;z-index:2}.showcase-item:hover .showcase-buttons{background:#00000080;opacity:1;pointer-events:auto}.showcase-btn{align-items:center;background:#ffffffe6;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:4px;padding:6px 12px}.preview-btn{background:#0000;color:#fff;font-size:16px;left:50%;pointer-events:auto;position:absolute;text-shadow:0 2px 3px #0006;top:50%;transform:translate(-50%,-50%)}.image-preview-content{align-items:center;display:flex;justify-content:center;max-height:85%;max-width:85%;position:relative}.preview-image{background-color:initial;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:80vh;max-width:100%}.account-unique-range-picker.ant-picker.ant-picker-range{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;height:28px!important;transition:var(--transition-normal)!important}.account-unique-range-picker.ant-picker.ant-picker-range .ant-picker-active-bar{transition:var(--transition-normal)!important}.account-unique-range-picker.ant-picker-focused .ant-picker-active-bar,.account-unique-range-picker.ant-picker-focused:hover .ant-picker-active-bar,.account-unique-range-picker.ant-picker.ant-picker-range .ant-picker-active-bar{background:var(--brand-primary)!important;background-color:var(--brand-primary)!important;bottom:0!important;height:2px!important}.account-unique-range-picker:hover{border-color:var(--brand-primary)!important}.account-unique-range-picker.ant-picker-focused{border-color:var(--brand-primary)!important;box-shadow:none!important}.account-unique-range-picker .ant-picker-input>input{color:var(--text-primary)!important;font-size:var(--font-size-sm)!important}.account-unique-range-picker .ant-picker-input>input::placeholder{color:var(--text-secondary)!important}.account-unique-range-picker .ant-picker-clear{background:var(--bg-primary)!important;color:var(--text-secondary)!important}.account-unique-range-picker .ant-picker-clear:hover{color:var(--text-primary)!important}.account-unique-range-picker .ant-picker-separator{align-items:center!important;color:var(--text-secondary)!important;display:inline-flex!important;font-size:16px!important;margin:0 16px 0 0!important}.account-unique-range-picker .ant-picker-suffix{color:var(--text-secondary)!important}.account-unique-range-picker:hover .ant-picker-suffix{color:var(--brand-primary)!important}.account-date-dropdown .ant-picker-header-next-btn,.account-date-dropdown .ant-picker-header-prev-btn,.account-date-dropdown .ant-picker-header-super-next-btn,.account-date-dropdown .ant-picker-header-super-prev-btn{color:var(--text-secondary)!important;transition:var(--transition-normal)!important}.account-date-dropdown .ant-picker-header-next-btn:hover,.account-date-dropdown .ant-picker-header-prev-btn:hover,.account-date-dropdown .ant-picker-header-super-next-btn:hover,.account-date-dropdown .ant-picker-header-super-prev-btn:hover{color:var(--brand-primary)!important}.account-date-dropdown .ant-picker-header-next-btn .anticon,.account-date-dropdown .ant-picker-header-prev-btn .anticon,.account-date-dropdown .ant-picker-header-super-next-btn .anticon,.account-date-dropdown .ant-picker-header-super-prev-btn .anticon{color:inherit!important}.account-unique-range-picker.ant-picker-range:not(.ant-picker-range-empty) .ant-picker-suffix{display:none!important}.account-unique-range-picker.ant-picker-range:not(.ant-picker-range-empty) .ant-picker-clear{display:inline-block!important;opacity:1!important;visibility:visible!important}.account-unique-range-picker.ant-picker-range.ant-picker-range-empty .ant-picker-clear{display:none!important}.account-unique-range-picker.ant-picker-range.ant-picker-range-empty .ant-picker-suffix{display:inline-block!important}.task-text-area{margin-bottom:var(--spacing-xxs);min-height:128px;padding:var(--spacing-md);position:relative}.task-text-area,.task-text-area .processing-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center}.task-text-area .processing-indicator{background:var(--bg-secondary);border-radius:var(--radius-lg);gap:var(--spacing-sm);height:80%;left:50%;padding:var(--spacing-xl);position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.task-text-area .processing-indicator .spinner{animation:spin 1.2s linear infinite;border-top:2px solid var(--border-light);border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--brand-primary);height:var(--icon-size-md);margin-bottom:var(--spacing-md);width:var(--icon-size-md)}.task-text-area .processing-indicator span{animation:pulse 2s infinite;background:linear-gradient(45deg,var(--text-secondary) 0,var(--text-primary) 100%);background-clip:text;-webkit-background-clip:text;color:var(--text-secondary);color:#0000;font-size:var(--font-size-md);font-weight:500;line-height:1.5;max-width:80%;text-align:center}.text-content{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:128px;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:var(--transition-normal)}.text-content p{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.6;margin:0;max-height:300px;overflow-wrap:break-word;overflow-y:auto;padding-right:var(--spacing-md);white-space:pre-wrap}.text-actions{background:var(--bg-primary);border-radius:var(--radius-sm);bottom:var(--spacing-md);box-shadow:var(--shadow-sm);opacity:0;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);transition:opacity .2s ease}.text-content:hover .text-actions{opacity:1}.task-text-area .empty-slot{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);height:80%;justify-content:center;left:50%;padding:var(--spacing-xl);position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.task-text-area .empty-slot span{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;line-height:1.5;text-align:center}@media (max-width:768px){.text-content{min-height:150px}.text-content p{font-size:var(--font-size-sm);max-height:200px}.text-actions{bottom:auto;display:flex;justify-content:flex-end;margin-top:var(--spacing-md);opacity:1;position:relative;right:auto}}@media (max-width:480px){.text-content{min-height:120px;padding:var(--spacing-md)}.text-content p{max-height:150px}}.task-progress{background-color:var(--bg-secondary);border-radius:2px;height:4px;margin:8px 0;overflow:hidden;position:relative;width:100%}.progress-bar{height:100%;transition:width .3s ease}.processing-row{align-items:baseline;display:flex;justify-content:center;margin-bottom:8px}.processing-desc,.processing-percent{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;line-height:1.6}.processing-percent{font-size:12px;margin-left:12px}.login-prompt{align-items:center;background:rgba(var(--bg-secondary-rgb),.5);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;justify-content:center;margin:80px auto;max-width:480px;padding:32px 24px;text-align:center}.login-prompt h2{color:var(--text-primary);font-size:22px;margin-bottom:16px}.login-prompt p{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.login-prompt .btn-group{display:flex;gap:16px;margin-top:8px}.login-prompt .login-btn{font-size:16px;padding:10px 20px}.prompt-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);line-height:1.5;min-height:100px;padding:12px;resize:vertical;transition:var(--transition-normal);width:100%}.prompt-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light);outline:none}.prompt-textarea::placeholder{color:var(--text-tertiary)}.input-base{line-height:normal;min-height:auto;resize:none}.input-base,.textarea-base{composes:prompt-textarea}.input-group{gap:8px;margin-bottom:16px}.input-label{color:var(--text-secondary);font-weight:500}.input,.input-label{font-size:var(--font-size-md)}.input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);height:32px;padding:0 var(--spacing-sm);transition:var(--transition-normal);width:100%}.input:focus,.input:hover{border-color:var(--brand-primary)}.input:focus{box-shadow:0 0 0 2px var(--brand-primary-light);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);line-height:1.5;min-height:80px;padding:var(--spacing-sm);resize:vertical;transition:var(--transition-normal);width:100%}.textarea:focus,.textarea:hover{border-color:var(--brand-primary)}.textarea:focus{box-shadow:0 0 0 2px var(--brand-primary-light);outline:none}.search-input{position:relative;width:100%}.search-input input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);height:32px;padding-left:32px;padding-right:var(--spacing-sm);transition:var(--transition-normal);width:100%}.search-input svg{color:var(--text-tertiary);height:16px;left:var(--spacing-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.number-input{position:relative;width:100%}.number-input input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);height:32px;padding:0 32px;text-align:center;transition:var(--transition-normal);width:100%}.number-input button{align-items:center;background:var(--bg-secondary);border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;top:1px;transition:var(--transition-normal);width:32px}.number-input button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.number-input button.decrease{border-radius:var(--radius-sm) 0 0 var(--radius-sm);left:1px}.number-input button.increase{border-radius:0 var(--radius-sm) var(--radius-sm) 0;right:1px}.select{appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8.825 1.175 4l1.063-1.062L6 6.7l3.763-3.763L10.825 4z'/%3E%3C/svg%3E");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-md);height:32px;padding:0 var(--spacing-sm);padding-right:28px;transition:var(--transition-normal);width:100%}.select:focus,.select:hover{border-color:var(--brand-primary)}.select:focus{box-shadow:0 0 0 2px var(--brand-primary-light);outline:none}.checkbox{align-items:center;cursor:pointer;display:inline-flex;-webkit-user-select:none;user-select:none}.checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-mark{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);height:16px;margin-right:var(--spacing-xs);position:relative;transition:var(--transition-normal);width:16px}.checkbox input:checked~.checkbox-mark{background:var(--brand-primary);border-color:var(--brand-primary)}.checkbox-mark:after{border:solid var(--text-inverse);border-width:0 2px 2px 0;content:"";display:none;height:7px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:3px}.checkbox input:checked~.checkbox-mark:after{display:block}.radio{align-items:center;cursor:pointer;display:inline-flex;-webkit-user-select:none;user-select:none}.radio input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.radio-mark{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);height:16px;margin-right:var(--spacing-xs);position:relative;transition:var(--transition-normal);width:16px}.radio input:checked~.radio-mark{border-color:var(--brand-primary)}.radio-mark:after{background:var(--brand-primary);border-radius:var(--radius-full);content:"";display:none;height:8px;left:3px;position:absolute;top:3px;width:8px}.radio input:checked~.radio-mark:after{display:block}.input.success,.number-input input.success,.search-input input.success,.select.success,.textarea.success{border-color:var(--success-color)}.input.success:focus,.number-input input.success:focus,.search-input input.success:focus,.select.success:focus,.textarea.success:focus{box-shadow:0 0 0 2px #52c41a33}.text-description-setting{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-sm);max-height:380px;min-height:150px;overflow:hidden;position:relative}.text-description-content{align-items:stretch;display:flex;flex:1 1;flex-direction:row;gap:var(--spacing-sm)}.text-description-label{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;padding:0;width:88px}.text-description-label span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.selected-description-preview{background:var(--bg-secondary);border-radius:0;border-right:1px solid var(--border-light);flex-shrink:0;height:100%;overflow:hidden;position:relative;width:88px}.selected-description-thumbnail{height:380px;left:0;object-fit:cover;object-position:top center;position:absolute;top:0;width:100%}.text-description-area{align-items:center;display:flex;flex:1 1;justify-content:flex-start;overflow:visible;padding:0}.text-description-setting .component-content{display:flex;flex:1 1;flex-direction:column;padding:0 16px 16px 10px;position:relative}.text-description-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;margin:0;max-height:300px;min-height:120px;padding:15px 12px;resize:none;transition:var(--transition-normal);width:100%}.text-description-input:focus,.text-description-input:hover{border-color:var(--brand-primary)}.text-description-input:focus{box-shadow:0 0 0 2px var(--brand-primary-light);outline:none}.text-description-input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .text-description-input{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .text-description-input:hover{border-color:var(--brand-primary)}[data-theme=dark] .text-description-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #ff3c6a26}.component-content .textarea-resize-handle{bottom:20px!important;cursor:se-resize!important;height:12px!important;opacity:.7;position:absolute!important;right:20px!important;transition:var(--transition-normal)!important;width:12px!important;z-index:100!important}.component-content .textarea-resize-handle:hover{opacity:1}.tip-popup{animation:tipPopupFadeIn var(--transition-normal);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);opacity:0;overflow:hidden;pointer-events:none;position:fixed;transform:translateY(10px);-webkit-user-select:none;user-select:none;width:280px;z-index:100000000}.tip-popup.show{opacity:1;pointer-events:auto;transform:translateY(0)}.tip-popup.dragging{box-shadow:var(--shadow-lg);transition:none}.tip-popup.dragging .tip-popup-header{cursor:grabbing!important}@keyframes tipPopupFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tip-popup-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);cursor:grab;display:flex;justify-content:space-between;padding:8px 8px 8px var(--spacing-md);position:relative}.tip-popup-header:active{cursor:grabbing}.tip-popup-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;margin:0}.tip-popup .tiny-close-button{margin-left:auto;margin-right:0;position:relative;right:auto;top:auto}.tip-popup-content{background:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md) var(--spacing-md)}.tip-popup-content,.tip-popup-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.tip-popup-content p{margin:0;padding-left:0}.tip-popup-content ul{list-style:none;margin:0;padding:0}.tip-popup-content li{margin-bottom:6px;padding-left:16px;position:relative;text-indent:0}.tip-popup-content li:last-child{margin-bottom:0}.tip-popup-content li:before{color:var(--text-secondary);content:"•";left:0;position:absolute}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tip-item-with-link{align-items:center;display:flex!important;gap:8px;justify-content:space-between}.tip-item-with-link span{flex:1 1}.tip-link-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--brand-primary);cursor:pointer;display:flex;flex-shrink:0;height:22px!important;justify-content:center;margin:0;min-width:22px!important;padding:0;transition:var(--transition-normal);width:22px!important}.tip-link-btn svg{height:14px!important;width:14px!important}.tip-link-btn:hover{color:var(--text-secondary)}.tip-link-btn:active{transform:scale(.95)}.weight-setting{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:auto;margin-bottom:var(--spacing-sm);min-height:128px;overflow:hidden;position:relative}.weight-ratio{color:var(--brand-primary);font-size:var(--font-size-md);font-weight:500}.weight-slider-container{padding:0 20px 0 0}.two-line-label{align-items:flex-end;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.2}.balance-mark,.two-line-label{display:flex;flex-direction:column}.balance-mark{align-items:center;cursor:pointer;left:50%;position:absolute;top:-10px;transform:translateX(-50%);z-index:2}.mark-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--brand-primary);height:0;margin:0 auto;width:0}.mark-label{color:var(--brand-primary);display:block;font-size:10px;margin-top:30px;opacity:.9;position:static;white-space:nowrap;width:100%}.mark-label,.value-label{font-weight:500;text-align:center}.value-label{color:var(--text-primary);font-size:var(--font-size-sm);width:40px}.reset-weights-btn{align-self:center;background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);margin-top:4px;padding:4px 12px;transition:all .3s}.reset-weights-btn:hover{background:var(--bg-secondary);border-color:var(--brand-primary-light);color:var(--brand-primary)}.balance-button{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.balance-icon-button{align-items:center;background:#0000;border:none;color:var(--brand-primary);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:.7;padding:0;width:22px}.balance-icon-button:hover{opacity:1}.slider-fill.disabled{background-color:#e0e0e0!important;opacity:.5}.slider-input.disabled{cursor:not-allowed}.fashion-page .weight-setting{min-height:88px}.fashion-page .weight-sliders{padding:0}.fashion-page .slider-container,.fashion-page .slider-track,.fashion-page .weight-slider-row{margin:0}.recommend-mark{align-items:center;display:flex;flex-direction:column;left:calc(75% - 5px);position:absolute;top:-28px;transform:translateX(-50%);z-index:1}.recommend-label{color:var(--brand-primary);font-size:10px;font-weight:500;margin-bottom:24px;opacity:.9;text-align:center;white-space:nowrap}.recommend-arrow{border-bottom:5px solid var(--brand-primary);border-left:4px solid #0000;border-right:4px solid #0000;height:0;margin-top:4px;width:0}.weight-panel-tip-button{align-items:center;background:#0000;border:none;border-radius:14px;box-shadow:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:4px;height:28px;justify-content:center;min-width:60px;padding:0 8px;position:absolute;right:12px;top:8px;transition:color .2s ease;z-index:1000}.weight-panel-tip-button:hover{background:#0000;border:none;color:var(--text-primary)}.weight-panel-tip-button .tip-text{font-size:12px;font-weight:500}.weight-panel-tip-button svg{flex-shrink:0;height:14px;width:14px}@media (max-width:768px){.weight-panel-tip-button{font-size:11px;height:24px;min-width:50px;right:8px;top:4px}.weight-panel-tip-button .tip-text{font-size:11px}.weight-panel-tip-button svg{height:12px;width:12px}}@media (max-width:480px){.weight-panel-tip-button{display:none}}.try-on-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.try-on-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.try-on-container{flex-direction:column}}.try-on-page .control-content .upload-area{margin-top:0!important;padding-top:0}.mask-draw-modal{align-items:center;display:flex;justify-content:center;z-index:1000}.mask-draw-modal,.mask-draw-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.mask-draw-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;z-index:1001}.mask-draw-content{animation:modalSlideIn .3s ease-out;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:calc(90vh - 80px);max-width:1200px;min-height:600px;overflow:hidden;position:relative;width:90%;z-index:1002}.mask-draw-main{display:flex;flex:1 1;overflow:hidden}.mask-tools-sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;width:160px}.tools-content{flex:1 1;overflow-y:auto;padding:12px}.tools-divider{background-color:var(--border-light);height:1px;margin:16px auto;width:80%}.mask-canvas-area{background-color:var(--bg-secondary);flex:1 1;flex-direction:column;padding:var(--spacing-lg)}.canvas-container,.mask-canvas-area{display:flex;height:100%;overflow:hidden;position:relative}.canvas-container{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:none!important;justify-content:center;min-width:0;padding:0;transform:translateZ(0);-webkit-user-select:none;user-select:none;width:100%;will-change:contents}.canvas-container.dragging{cursor:grabbing!important}.canvas-container.space-down,.canvas-container.space-down canvas{cursor:grab!important}.canvas-container canvas{background-color:#000;border-radius:0;cursor:none!important;max-height:100%;max-width:100%;object-fit:contain;transform-origin:center center;will-change:transform}.mask-actions-sidebar{background-color:var(--bg-primary);border-left:1px solid var(--border-light);display:flex;flex-direction:column;position:relative;width:100px}.actions-content{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:12px}.mask-actions-sidebar .image-zoom-control{border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);margin-top:55px;padding:12px 0;width:100%}.drawing-actions{display:flex;gap:12px;margin-top:16px}.actions-content .tool-btn{align-items:center;background-color:var(--bg-primary);border:none;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.actions-content .tool-btn:hover{background-color:var(--bg-hover);transform:translateY(-2px)}.actions-content .tool-btn.redo,.actions-content .tool-btn.undo{color:var(--text-secondary)}.actions-content .tool-btn.clear{color:var(--error-color)}.actions-content .tool-btn.save{color:var(--brand-primary)}.mask-confirm-btn{bottom:24px;height:38px;left:50%;padding:8px 0;position:absolute;transform:translateX(-50%);width:76px;z-index:2}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.mask-draw-content{max-height:95vh;width:95%}.mask-draw-main{flex-direction:column}.mask-actions-sidebar,.mask-tools-sidebar{border:none;max-height:200px;width:100%}.mask-tools-sidebar{border-bottom:1px solid var(--border-light)}.mask-actions-sidebar{border-top:1px solid var(--border-light)}}@media (max-width:992px){.mask-actions-sidebar{border:none;max-height:200px;position:relative;width:100%}.mask-confirm-btn{bottom:8px;position:absolute;z-index:10}}.loading-indicator{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.loading-indicator p{color:#fff;font-size:14px;margin-top:16px}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:40px;width:40px}.help-tip-button{align-items:center;background:#f5f5f5;background:var(--bg-primary,#f5f5f5);border:1px solid #e8e8e8;border:1px solid var(--border-light,#e8e8e8);border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:12px;gap:8px;height:34px;justify-content:center;margin-top:12px;padding:4px 8px;transition:all .2s ease}.help-tip-button:hover{background:#eee;background:var(--bg-hover,#eee);border-color:#d0d0d0;border-color:var(--border-color,#d0d0d0);color:#333;color:var(--text-primary,#333)}.help-tip-button svg{height:16px;width:16px}.brush-cursor{pointer-events:none;position:absolute;transform:translate(-50%,-50%);will-change:left,top,width,height,transform;z-index:9999}.brush-cursor:after{animation:dash-rotate 10s linear infinite;border:1.5px dashed #ff3c6a80;border-radius:50%;bottom:0;content:"";left:0;outline:1px dashed #fff;outline-offset:-3px;position:absolute;right:0;top:0}@keyframes dash-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preview-mask-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;bottom:76px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;left:50%;padding:8px 0;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:76px}.preview-mask-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.draw-tools{background:var(--bg-primary);border-radius:0;gap:24px;max-width:100%;padding:16px 8px}.draw-tools,.tools-group{display:flex;flex-direction:column}.tools-group{gap:12px}.group-title{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;padding-bottom:8px}.tool-buttons{display:flex;flex-direction:column;gap:12px;justify-content:center}.tool-btn{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 16px;width:auto}.draw-tool-btn,.draw-tool-btn.active,.draw-tool-btn:active,.draw-tool-btn:hover{box-shadow:none!important;left:auto!important;margin:0!important;position:static!important;top:auto!important;transform:none!important;transition:all .2s ease!important}.draw-tool-btn:hover,.tool-btn:hover{background-color:#eee!important;border-color:var(--border-light)!important;color:#333!important}.tool-btn.active{background-color:var(--bg-secondary);border-color:var(--border-light);color:var(--brand-primary)}.tool-btn.active:hover{background-color:var(--bg-secondary)!important;border-color:var(--border-light)!important;color:var(--brand-primary)!important}.tool-name{font-size:var(--font-size-sm);transition:none!important}.brush-size-control{display:flex;flex-direction:column;gap:20px;position:relative}.brush-size-display{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.brush-size-value{padding-right:8px;text-align:left}.brush-size-label,.brush-size-value{color:var(--text-secondary);font-size:var(--font-size-sm)}.brush-size-label{padding-left:8px;text-align:right}.brush-size-slider{appearance:none;background:var(--border-light);border-radius:var(--radius-sm);height:2px;outline:none;position:relative;width:100%}.brush-size-slider:before{background:var(--brand-gradient);border-radius:var(--radius-sm);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:calc((var(--value) - var(--min))/(var(--max) - var(--min))*100%);z-index:1}.brush-size-slider::-webkit-slider-thumb{appearance:none;background:var(--bg-primary);border:2px solid var(--brand-primary);border-radius:50%;box-shadow:0 2px 6px var(--brand-primary-light);cursor:pointer;height:15px;position:relative;-webkit-transition:var(--transition-normal);transition:var(--transition-normal);width:15px;z-index:2}.brush-size-slider::-moz-range-thumb{background:var(--bg-primary);border:2px solid var(--brand-primary);border-radius:50%;box-shadow:0 2px 6px var(--brand-primary-light);cursor:pointer;height:16px;position:relative;-moz-transition:var(--transition-normal);transition:var(--transition-normal);width:16px;z-index:2}.brush-size-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 10px var(--brand-primary-lighter);transform:scale(1.2)}.brush-size-slider::-moz-range-thumb:hover{box-shadow:0 2px 10px var(--brand-primary-lighter);transform:scale(1.2)}.history-tools{background:var(--bg-primary);border-radius:0;display:flex;flex-direction:column;gap:24px;max-width:100%;padding:16px 8px}.history-tools .tool-buttons,.history-tools .tools-group{display:flex;flex-direction:column;gap:12px}.history-tools .tool-buttons{justify-content:center}.history-tools .tool-btn{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 16px;width:auto}.history-tool-btn,.history-tool-btn:active,.history-tool-btn:hover{box-shadow:none!important;left:auto!important;margin:0!important;position:static!important;top:auto!important;transform:none!important;transition:all .2s ease!important}.history-tools .tool-btn:hover:not(:disabled){background-color:#eee!important;border-color:var(--border-light)!important;color:#333!important}.history-tools .tool-btn:disabled{cursor:not-allowed;opacity:.5}.history-tools .clear-btn{color:var(--error);margin-top:8px}.history-tools .clear-btn:hover{background-color:var(--error-bg-light)!important;border-color:var(--error-border)!important;color:var(--error)!important}.history-tools .tool-name{font-size:var(--font-size-sm);transition:color .2s ease!important}.upload-zone.dragging{background:var(--brand-primary-light);box-shadow:0 0 0 4px var(--brand-primary-lighter);transform:scale(1.01)}.upload-zone.dragging:after{animation:pulse 1.5s infinite;background:var(--brand-primary-lighter);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes pulse{0%{opacity:.4}50%{opacity:.6}to{opacity:.4}}.upload-zone.compact.dragging{background:var(--brand-primary-light);box-shadow:0 0 0 2px var(--brand-primary-lighter)}.upload-icon{margin:0 auto -4px}.mask-description-panel{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;margin-bottom:10px;min-height:88px;overflow:hidden;position:relative}.mask-content{align-items:stretch;display:flex;flex:1 1;flex-direction:row}.mask-label{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin:0;padding:0;width:88px}.mask-label span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.mask-area{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 66px 0 16px}.mask-description-content{display:flex;flex-direction:column;gap:8px;padding:12px 0;width:100%}.tags-options{display:flex;flex-wrap:wrap;gap:8px}.tag-option{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);outline:none;padding:4px 10px;transition:var(--transition-normal)}.tag-option:hover{background:var(--bg-hover)}.tag-option.active,.tag-option:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.tag-option.active{background:var(--brand-primary-light)}.mask-description-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);padding:6px 10px;transition:var(--transition-normal);width:100%}.mask-description-input:focus,.mask-description-input:hover{border-color:var(--brand-primary)}.mask-description-input:focus{box-shadow:0 0 0 2px var(--brand-primary-light);outline:none}.mask-description-input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .tag-option{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .tag-option:hover{background:var(--bg-hover);border-color:var(--brand-primary);color:var(--brand-primary)}[data-theme=dark] .tag-option.active{background:#ff3c6a26;border-color:var(--brand-primary);color:var(--brand-primary)}.tips-setting{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:88px;margin-bottom:var(--spacing-sm);overflow:hidden}.tips-content{align-items:stretch;display:flex;flex:1 1;flex-direction:row}.tips-label{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;width:88px}.tips-label span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.tips-area{align-items:center;display:flex;flex:1 1;justify-content:flex-start;overflow:hidden;padding:0 16px}.tips-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.7;max-height:80px;overflow-y:auto;padding:8px 0;width:100%}.mask-expander-setting{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:88px;margin-bottom:var(--spacing-sm);overflow:hidden;position:relative}.weight-content{align-items:stretch;display:flex;flex:1 1;flex-direction:row}.weight-label{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;width:88px}.weight-label span:first-child{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;margin-bottom:4px}.weight-values{align-items:center;display:flex;flex-direction:column;gap:4px}.colored-value,.weight-values span{color:var(--brand-primary)!important;font-size:var(--font-size-md);font-weight:500}.weight-slider-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 66px 0 0;position:relative}.weight-sliders{display:flex;flex-direction:column;gap:16px;padding:10px 0;width:100%}.weight-slider-row{align-items:center;display:flex;gap:0;width:100%}.weight-item-label{color:var(--text-secondary);font-size:var(--font-size-sm);margin-right:10px;text-align:right;white-space:nowrap;width:60px}.slider-container{align-items:center;display:flex;flex:1 1;gap:10px;margin:0;position:relative}.slider-track{margin:8px 0}.slider-input::-webkit-slider-thumb{height:16px;width:16px}.slider-input::-moz-range-thumb{height:16px;width:16px}.text-description-tip-button{align-items:center;background:#0000;border:none;border-radius:14px;box-shadow:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:4px;height:28px;justify-content:center;min-width:60px;padding:0 8px;position:absolute;right:12px;top:8px;transition:color .2s ease;z-index:1000}.text-description-tip-button:hover{background:#0000;border:none;color:var(--text-primary)}.text-description-tip-button .tip-text{font-size:12px;font-weight:500}.text-description-tip-button svg{flex-shrink:0;height:14px;width:14px}.optimize-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.optimize-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.optimize-container{flex-direction:column}}.optimize-page .control-content .upload-area{margin-top:0!important;padding-top:0}.inspiration-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.inspiration-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.inspiration-container{flex-direction:column}}.inspiration-page .control-content .upload-area{margin-top:0!important;padding-top:0}.cards-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);margin-top:var(--spacing-md)}.card-item,.cards-grid{padding:0;width:100%;will-change:transform}.card-item{border:1px solid var(--border-light);display:block;transform:translateZ(0)}.card-item.selected{border-color:var(--brand-primary)}.card-preview{display:block}.card-preview img{left:0;position:absolute;top:0}.card-caption{border-radius:0}.card-skeleton{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:0;width:100%}.card-skeleton-item{aspect-ratio:2/3;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;position:relative}.card-skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;height:calc(100% - 40px);width:100%}.card-skeleton-caption{align-items:center;background:var(--bg-primary);border-radius:0;border-top:1px solid var(--border-lighter);bottom:0;display:flex;height:40px;justify-content:space-between;left:0;padding:var(--spacing-xs);position:absolute;right:0}.card-skeleton-text{height:16px;width:70%}.card-skeleton-button,.card-skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.card-skeleton-button{height:24px;width:24px}.scenes-grid{composes:cards-grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.models-grid{composes:cards-grid;gap:var(--spacing-sm)}:root{--brand-primary:#ff3c6a;--primary-color:var(--brand-primary);--brand-primary-rgb:255,60,106;--brand-primary-hover:#ff2d5f;--brand-primary-light:#ff3c6a1a;--brand-primary-lighter:#ff3c6a0d;--brand-gradient:linear-gradient(45deg,#ff8c42,#ff3c6a);--success-color:#52c41a;--warning-color:#ff7a45;--warning-light:#ffd591;--error-color:#ff4d4f;--error-light:#ffccc7;--error-bg:#fff1f0;--info-color:#1890ff;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-disabled:#ccc;--text-inverse:#fff;--bg-primary:#fff;--bg-primary-rgb:255,255,255;--bg-secondary:#f5f5f5;--bg-tertiary:#f8f9fa;--bg-mask:#00000073;--bg-hover:#0000000a;--bg-active:#00000014;--bg-disabled:#f5f5f5;--bg-overlay:#000000a6;--bg-inverse:#ffffff26;--border-color:#e0e0e0;--border-light:#eee;--border-lighter:#f0f0f0;--border-hover:#d0d0d0;--border-focus:var(--brand-primary);--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003;--shadow-btn:0 2px 8px #0003;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--transition-normal:color 0.2s ease,border-color 0.2s ease;--transition-fast:color 0.15s ease,border-color 0.15s ease;--transition-slow:color 0.3s ease,border-color 0.3s ease;--transition-transform:transform 0.3s ease;--scrollbar-width:7px;--shadow-brand:0 0 0 1px var(--brand-primary);--blur-sm:blur(2px);--blur-md:blur(8px);--color-white:#fff;--color-black:#000;--dot-size:4px;--icon-size-sm:18px;--icon-size-md:24px;--energy-gradient-yellow-light:linear-gradient(45deg,#ffd600,#ff9800);--energy-gradient-yellow-dark:linear-gradient(45deg,#ff9d66,#ffc53d)}[data-theme=dark]{--brand-primary:#ff6b8f;--primary-color:var(--brand-primary);--brand-primary-rgb:255,107,143;--brand-primary-hover:#ff8ca8;--brand-primary-light:#ff6b8f33;--brand-primary-lighter:#ff6b8f1a;--brand-gradient:linear-gradient(45deg,#ff9d66,#ff6b8f);--success-color:#73d13d;--warning-color:#ff9c6e;--warning-light:#ffe58f;--error-color:#ff7875;--error-light:#ff9e9e;--error-bg:#ff4d4f26;--info-color:#40a9ff;--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#999;--text-disabled:#666;--text-inverse:#333;--bg-primary:#1f1f1f;--bg-primary-rgb:31,31,31;--bg-secondary:#454545;--bg-tertiary:#3f3f3f;--bg-mask:#000000a6;--bg-hover:#ffffff14;--bg-active:#ffffff1f;--bg-disabled:#2f2f2f;--bg-overlay:#000000bf;--bg-inverse:#0000004d;--border-color:#494949;--border-light:#585858;--border-lighter:#6a6a6a;--border-hover:#7a7a7a;--border-focus:var(--brand-primary);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-btn:0 2px 8px #0006;--card-bg:#2f2f2f;--modal-bg:#1f1f1f;--dropdown-bg:#2f2f2f;--tooltip-bg:#3f3f3f;--menu-bg:#2f2f2f;--energy-gradient-yellow-light:linear-gradient(45deg,#ff9d66,#ffc53d);--energy-gradient-yellow-dark:linear-gradient(45deg,#e6c200,#e69500)}body,html{transition:background-color .3s ease,color .3s ease}body{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary)}*{transition-duration:.15s;transition-property:color,background-color,border-color,box-shadow,opacity;transition-timing-function:ease}.animation,.loading,.no-transition,.progress-bar,.spinner,[class*=animate-],[class*=btn] svg,[class*=button] svg,[class*=copy-] svg,[class*=motion-],svg,svg *{transition:none!important}.app-container{background-color:#fff;background-color:var(--bg-primary);transition:background-color .3s ease}.alert,.avatar,.badge,.button,.card,.checkbox,.dialog,.divider,.dropdown,.icon,.input,.list-item,.main-content,.menu,.modal-content,.navbar,.notification,.panel,.progress,.radio,.select,.sidebar,.slider,.switch,.tab,.table,.tag,.text,.textarea,.tooltip{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.button,[class*=btn],[class*=icon],[role=button],a,button{transition-duration:.1s}.button svg,[class*=btn] svg,[class*=button] svg,[class*=icon] svg,a svg,button svg{transition:none!important}.clothing-attributes-modal{align-items:center;background-color:var(--bg-mask);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.clothing-attributes-modal .modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:calc(100vh - 150px);min-height:600px;overflow:hidden;pointer-events:auto;position:relative;width:1200px}.clothing-attributes-modal .modal-body{-webkit-overflow-scrolling:touch;background:var(--bg-primary);flex:1 1;margin-top:0;overflow-y:auto;padding:var(--spacing-lg);padding-bottom:80px;will-change:transform}.clothing-attributes-modal .modal-header{align-items:flex-end;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-start;margin:0;padding:20px 20px 0;position:relative}.clothing-attributes-modal .modal-footer{border-top:1px solid var(--border-color);box-shadow:none}.clothing-attributes-modal .filter-section{background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.clothing-attributes-modal .section-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;margin:0 0 var(--spacing-sm) 0}.clothing-attributes-modal .filter-group{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.clothing-attributes-modal .filter-group label{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:6px;min-width:60px}.clothing-attributes-modal .filter-options{display:flex;flex:1 1;flex-wrap:wrap;gap:var(--spacing-xs)}.clothing-attributes-modal .filter-option{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xxs) var(--spacing-sm);transition:var(--transition-normal)}.clothing-attributes-modal .filter-option.active,.clothing-attributes-modal .filter-option:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.clothing-attributes-modal .filter-option.active{background:var(--brand-primary-light)}.clothing-attributes-modal .prompt-input{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);position:relative}.clothing-attributes-modal .prompt-input label{color:var(--text-secondary);font-size:var(--font-size-sm)}.clothing-attributes-modal .prompt-textarea{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-sm);position:relative;resize:none;transition:var(--transition-normal);width:100%}.clothing-attributes-modal .prompt-textarea:focus{background:var(--bg-primary);border-color:var(--brand-primary);outline:none}.clothing-attributes-modal .prompt-textarea::placeholder{color:var(--text-tertiary)}.clothing-attributes-content{display:flex;flex-direction:column;width:100%}.empty-attributes{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-xl);text-align:center}.empty-attributes .coming-soon-icon{height:120px;margin-bottom:var(--spacing-xl);opacity:.8;width:120px}.empty-attributes h3{color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.empty-attributes p{color:var(--text-tertiary);font-size:var(--font-size-sm)}.attributes-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:var(--spacing-md);padding:0;width:100%}.attribute-item{border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;transition:var(--transition-normal);width:100%}.attribute-item.selected,.attribute-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-brand)}.attribute-caption{align-items:center;background:var(--bg-primary);border-radius:0;bottom:0;display:flex;justify-content:space-between;left:0;padding:var(--spacing-xs);position:relative;right:0}.attribute-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-xs)}.attribute-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.image-preview-modal{align-items:center;background:var(--bg-mask);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.preview-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90%;max-width:90%;overflow:hidden;position:relative}.preview-content img{display:block;max-height:90vh;max-width:100%;object-fit:contain}.clothing-attributes-modal .prompt-input .textarea-resize-handle{transition:right .2s ease}.clothing-attributes-modal .modal-header{cursor:grab}.clothing-attributes-modal .modal-content.dragging .modal-header{cursor:grabbing!important}.clothing-attributes-modal .modal-content.modal-large{margin-left:0!important;width:1200px}.recolor-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.recolor-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.recolor-container{flex-direction:column}}.recolor-page .control-content .upload-area{margin-top:0!important;padding-top:0}.color-preview-container{background:var(--bg-secondary);border-radius:0;border-right:1px solid var(--border-light);flex-shrink:0;height:88px;overflow:hidden;width:88px}.color-preview-box{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.selected-color-preview{background:var(--bg-secondary);border-radius:0;border-right:1px solid var(--border-light);height:88px;overflow:hidden;width:88px}.selected-color-thumbnail{height:100%;width:100%}.color-icon-container,.selected-color-thumbnail{align-items:center;display:flex;justify-content:center}.color-icon-container{background:var(--bg-tertiary);border-right:1px solid var(--border-light);height:88px;width:88px}.color-icon{height:88px;object-fit:contain;width:88px}.color-picker-icon{color:var(--brand-primary)}.color-picker-wrapper{height:100%;left:0;pointer-events:auto;position:fixed;top:10px;width:100%;z-index:1000}.color-picker-modal{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-md);max-height:90vh;max-width:90vw;position:fixed;width:500px}.color-picker-modal,.color-picker-modal.dragging{pointer-events:auto;-webkit-user-select:none;user-select:none}.color-picker-modal.dragging .modal-header{cursor:grabbing!important}.color-picker-modal .modal-header:hover,[data-theme=dark] .color-picker-modal .modal-header:hover{background:#0000}[data-theme=dark] .color-picker-modal{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.color-picker-modal :global(.modal-overlay){display:none}.color-picker-modal .modal-body{margin-top:0;padding-top:var(--spacing-md)}.color-picker-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-sx)}.color-preview{margin-bottom:var(--spacing-xs)}.color-preview-row{align-items:center;display:flex;gap:var(--spacing-sm);width:100%}.selected-color-preview{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-shrink:0;height:48px;width:48px}.color-mode-container{flex-shrink:0;position:relative;width:80px}.color-mode-selector{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:6px 10px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.color-mode-selector:hover{border-color:#ff3c6a}.color-mode-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;left:0;margin-top:4px;position:absolute;top:100%;width:100%;z-index:10}.color-mode-option{color:#333;cursor:pointer;font-size:14px;padding:8px 10px;transition:all .2s ease}.color-mode-option:hover{background-color:#f5f5f5;color:#ff3c6a}.color-mode-option.active{background-color:#fff1f3;color:#ff3c6a}.color-value-container{align-items:center;display:flex;flex-grow:1;gap:var(--spacing-xs)}.hex-input-wrapper{align-items:center;display:flex;gap:var(--spacing-sm);position:relative;width:100%}.hex-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:sans-serif;font-size:var(--font-size-sm);padding:var(--spacing-xxs) var(--spacing-xs);text-transform:uppercase;transition:var(--transition-normal);width:calc(100% - 46px)}.hex-input:focus,.hex-input:hover{border-color:var(--brand-primary)}.hex-input:focus{box-shadow:0 0 0 2px #ff3c6a1a;outline:none}[data-theme=dark] .hex-input{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .hex-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light)}.copy-color-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;min-width:24px;padding:0;transition:none;width:24px}.copy-color-btn:hover{color:var(--brand-primary)}.copy-color-btn svg{height:16px;width:16px}.color-inputs-container{align-items:center;display:flex;gap:var(--spacing-xxs);width:100%}.color-inputs-row{align-items:center;display:flex;gap:var(--spacing-xs);width:calc(100% - 30px)}.number-input-wrapper{align-items:center;display:flex;flex-grow:1;position:relative}.input-label{background:#0000!important;color:#000!important;display:block!important;font-size:14px!important;font-weight:400!important;left:8px!important;opacity:1!important;pointer-events:none!important;position:absolute!important;text-align:left!important;top:50%!important;transform:translateY(-45%)!important;visibility:visible!important;z-index:5!important}[data-theme=dark] .input-label{color:#fff!important}.color-picker-modal .color-picker-content .color-value-container .color-inputs-container .color-inputs-row .number-input-wrapper .input-label{background:#0000!important;color:#000!important;display:block!important;font-size:14px!important;font-weight:400!important;left:8px!important;opacity:1!important;pointer-events:none!important;position:absolute!important;text-align:left!important;top:50%!important;transform:translateY(-45%)!important;visibility:visible!important;width:auto!important;z-index:5!important}[data-theme=dark] .color-picker-modal .color-picker-content .color-value-container .color-inputs-container .color-inputs-row .number-input-wrapper .input-label{color:#fff!important}.number-input{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;font-family:sans-serif!important;font-size:var(--font-size-sm)!important;padding:var(--spacing-xxs) var(--spacing-xs) var(--spacing-xxs) var(--spacing-lg)!important;padding-left:32px!important;text-align:left!important;transition:var(--transition-normal)!important;width:calc(100% - 6px)!important}.number-input:focus,.number-input:hover{border-color:var(--brand-primary)!important}.number-input:focus{box-shadow:0 0 0 2px #ff3c6a1a!important;outline:none!important}[data-theme=dark] .number-input{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .number-input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 2px var(--brand-primary-light)!important}.color-input-container{width:100%}.custom-color-picker{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.react-colorful{border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:200px!important;width:100%!important}.react-colorful__saturation{border-radius:var(--radius-md) var(--radius-md) 0 0}.react-colorful__hue{border-radius:0 0 var(--radius-md) var(--radius-md);height:24px!important;margin-top:var(--spacing-xs)}.react-colorful__hue-pointer,.react-colorful__saturation-pointer{border-width:2px;height:20px;width:20px}.color-input-label{display:none}.preset-colors-container{margin-top:var(--spacing-sm)}.preset-colors-title{display:none}.preset-colors{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-start}.preset-color-btn{align-items:center;border:1px solid var(--border-lighter);border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin:2px;position:relative;transition:none;width:28px}.preset-color-btn:hover{border:2px solid #fff;box-shadow:0 0 0 2px var(--brand-primary)}.check-icon{color:#fff;font-size:18px;position:absolute}.preset-color-btn[style*="background-color: #FFF"] .check-icon,.preset-color-btn[style*="background-color: #FFFFFF"] .check-icon,.preset-color-btn[style*="background-color: rgb(255, 255, 255)"] .check-icon{color:#333}.eyedropper-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;min-width:24px;padding:0;transition:color .2s ease;width:24px}.eyedropper-btn:hover{color:var(--brand-primary)}.eyedropper-btn svg{height:20px;width:20px}@media (max-width:576px){.color-picker-content{gap:var(--spacing-sm);padding:var(--spacing-sm)}.color-preview-row{flex-wrap:wrap;gap:var(--spacing-xs)}.selected-color-preview{height:40px;width:40px}.color-mode-container{width:70px}.color-mode-selector{font-size:13px;padding:4px 8px}.color-inputs-row{flex-wrap:wrap}.number-input-wrapper{min-width:70px}.hex-input{font-size:var(--font-size-xs)}.react-colorful{height:160px!important}.preset-colors{gap:var(--spacing-xxs)}.preset-color-btn{height:30px;width:30px}}.modal-footer{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:none;display:flex;gap:var(--spacing-md);height:60px;justify-content:flex-end;left:0;padding:0 var(--spacing-lg);position:absolute;right:0}[data-theme=dark] .preset-color-btn:hover{border-color:var(--bg-primary)}.preset-color-btn.active{border:2px solid #fff;box-shadow:0 0 0 2px var(--brand-primary);transform:none}[data-theme=dark] .preset-color-btn.active{border-color:var(--bg-primary)}.favorite-color-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;min-width:24px;padding:0;transition:color .2s ease;width:24px}.favorite-color-btn:hover{color:var(--brand-primary)}.favorite-color-btn svg{height:20px;width:20px}.favorite-color-btn:has(svg[data-icon=MdStar]){color:var(--brand-primary)}.favorite-color-btn.active{color:var(--brand-primary)}.preset-title{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:500;height:28px;margin-right:4px;min-width:28px;padding-left:2px}.favorite-colors-container{margin-top:var(--spacing-sm)}.favorite-colors{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-start}.favorite-title{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:500;height:28px;margin-right:4px;min-width:28px;padding-left:2px}.no-favorites-message{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-xs) 0}@media (max-width:576px){.favorite-colors{gap:var(--spacing-xxs)}}.favorite-color-item{display:inline-block;position:relative}.delete-favorite-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:none;font-size:14px;height:16px;justify-content:center;padding:0;position:absolute;right:-6px;top:-6px;transition:all .2s ease;width:16px;z-index:10}.delete-favorite-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:scale(1.1)}.favorite-color-item:hover .delete-favorite-btn{display:flex}[data-theme=dark] .delete-favorite-btn{background:var(--bg-secondary);border-color:var(--border-light)}[data-theme=dark] .delete-favorite-btn:hover{border-color:var(--brand-primary)}.history-colors-container{margin-top:var(--spacing-sm)}.history-colors{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-start}.history-title{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:500;height:28px;margin-right:4px;min-width:28px;padding-left:2px}.no-history-message{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-xs) 0}@media (max-width:576px){.history-colors{gap:var(--spacing-xxs)}}.number-controls{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%)}.color-adjust-panel{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;margin-bottom:var(--spacing-xxs);min-height:320px;overflow:hidden;padding:20px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.panel-header h3{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;margin:0}.header-content{align-items:center;display:flex;gap:26px}.submit-tip{animation:fadeIn .3s ease-in-out;color:var(--brand-primary);font-size:var(--font-size-sm);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel-buttons{display:flex;gap:8px}.reset-button{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-normal);width:32px}.reset-button:hover{color:var(--brand-primary)}.reset-button svg{height:18px;width:18px}.color-adjust-save-button{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:var(--transition-normal);width:32px}.color-adjust-save-button:hover{background:#0000;color:var(--brand-primary);filter:none}.color-adjust-save-button svg{height:18px;width:18px}.adjusters-container{display:flex;flex-direction:column;gap:20px}.color-adjuster{display:flex;flex-direction:column;gap:8px}.adjuster-label{align-items:center;display:flex;justify-content:space-between}.adjuster-label span{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.adjuster-value-input{align-items:center;display:flex;position:relative}.adjuster-value-input input{-moz-appearance:textfield;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);height:30px;padding:0 8px;text-align:left;transition:var(--transition-normal);width:60px}.adjuster-value-input input::-webkit-inner-spin-button,.adjuster-value-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.adjuster-value-input input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-lighter);outline:none}.adjuster-slider{padding:8px 0;position:relative}.color-adjust-slider-track{background:var(--bg-secondary);border-radius:6px;height:12px;overflow:visible;position:relative;width:100%;z-index:0}.color-adjust-slider-zero-mark{background-color:#0000;height:18px;left:50%;pointer-events:none;position:absolute;top:-3px;transform:translateX(-50%);width:2px;z-index:0}.color-adjust-slider-fill{border-radius:5px;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .1s ease;width:100%;z-index:1}.color-adjust-slider-input{-webkit-appearance:none;background:#0000;cursor:pointer;height:20px;left:0;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2}.color-adjust-slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid var(--text-secondary);border-radius:8px;box-shadow:0 2px 6px var(--brand-primary-light);cursor:pointer;height:22px;pointer-events:auto;position:relative;-webkit-transition:var(--transition-normal);transition:var(--transition-normal);width:12px;z-index:3}.color-adjust-slider-input::-moz-range-thumb{background:#fff;border:2px solid var(--text-secondary);border-radius:8px;box-shadow:0 2px 6px var(--brand-primary-light);cursor:pointer;height:22px;pointer-events:auto;position:relative;-moz-transition:var(--transition-normal);transition:var(--transition-normal);width:12px;z-index:3}[data-theme=dark] .color-adjust-slider-input::-webkit-slider-thumb{background:var(--bg-primary);border-color:var(--text-secondary)}[data-theme=dark] .color-adjust-slider-input::-moz-range-thumb{background:var(--bg-primary);border-color:var(--text-secondary)}[data-theme=light] .color-adjust-slider-input::-webkit-slider-thumb{background:#fff;border-color:#d0d0d0;border-color:var(--text-tertiary,#d0d0d0)}[data-theme=light] .color-adjust-slider-input::-moz-range-thumb{background:#fff;border-color:#d0d0d0;border-color:var(--text-tertiary,#d0d0d0)}.color-adjust-slider-input::-webkit-slider-thumb:hover{box-shadow:0 2px 10px var(--brand-primary-lighter);transform:scale(1.1)}.color-adjust-slider-input::-moz-range-thumb:hover{box-shadow:0 2px 10px var(--brand-primary-lighter);transform:scale(1.1)}.color-adjuster[data-property=contrast] .color-adjust-slider-fill{background:linear-gradient(90deg,grey 50%,#fff);background-image:linear-gradient(90deg,grey 0,#fff),linear-gradient(90deg,grey 0,#000);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 50%}.adjuster-value-input .number-controls{position:absolute;right:2px;top:50%;transform:translateY(-50%)}.type-selector{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-xxs);min-height:88px;overflow:hidden;position:relative}.type-selector-content{align-items:stretch;display:flex;flex:1 1;flex-direction:row}.type-selector-label{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;width:88px}.type-selector-label span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.type-selector-main{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:12px 55px 12px 16px}.type-selector-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.7;margin-top:6px;white-space:normal}.type-selector-switches{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 24px;max-width:calc(100% - 20px)}.switch-item{align-items:center;display:flex;justify-content:space-between;min-width:120px;padding:2px 0}.switch-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:400;margin-right:8px}.fabric-button,.type-selector-buttons{display:none}.type-selector-tip-button{align-items:center;background:#0000;border:none;border-radius:14px;box-shadow:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:4px;height:28px;justify-content:center;min-width:60px;padding:0 8px;position:absolute;right:12px;top:8px;transition:color .2s ease;z-index:1000}.type-selector-tip-button:hover{background:#0000;border:none;color:var(--text-primary)}.type-selector-tip-button .tip-text{font-size:12px;font-weight:500}.type-selector-tip-button svg{flex-shrink:0;height:14px;width:14px}@media (max-width:768px){.type-selector-main{padding-right:16px}.type-selector-tip-button{font-size:11px;height:24px;min-width:50px;right:8px;top:4px}.type-selector-tip-button .tip-text{font-size:11px}.type-selector-tip-button svg{height:12px;width:12px}}@media (max-width:480px){.type-selector-tip-button{display:none}.type-selector-main{padding-right:16px}}.fabric-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.fabric-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.fabric-container{flex-direction:column}}.fabric-page .control-content .upload-area{margin-top:0!important;padding-top:0}.fabric-status{color:var(--brand-primary);display:inline-block;font-size:13px;margin-left:8px}.background-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.background-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.background-container{flex-direction:column}}.background-page .control-content .upload-area{margin-top:0!important;padding-top:0}.selected-model-preview.transparent-bg{background-image:linear-gradient(45deg,#d1d1d1 25%,#0000 0),linear-gradient(-45deg,#d1d1d1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d1d1d1 0),linear-gradient(-45deg,#0000 75%,#d1d1d1 0)}.selected-model-preview.transparent-bg,[data-theme=dark] .selected-model-preview.transparent-bg{background-color:var(--bg-primary);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}[data-theme=dark] .selected-model-preview.transparent-bg{background-image:linear-gradient(45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(-45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,#0000 75%,var(--bg-secondary) 75%)}.selected-scene-preview{background-image:linear-gradient(45deg,#d1d1d1 25%,#0000 0),linear-gradient(-45deg,#d1d1d1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d1d1d1 0),linear-gradient(-45deg,#0000 75%,#d1d1d1 0);position:relative}.selected-scene-preview,[data-theme=dark] .selected-scene-preview{background-color:var(--bg-primary);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}[data-theme=dark] .selected-scene-preview{background-image:linear-gradient(45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(-45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,#0000 75%,var(--bg-secondary) 75%)}.scenes-grid{grid-gap:12px;gap:12px;margin-top:16px;padding:0;width:100%;will-change:transform}.scene-skeleton{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:var(--spacing-md);width:100%}.scene-skeleton-item{aspect-ratio:2/3;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;position:relative}.scene-skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;height:calc(100% - 40px);width:100%}.scene-skeleton-caption{align-items:center;background:var(--bg-primary);border-radius:0;border-top:1px solid var(--border-lighter);bottom:0;display:flex;height:40px;justify-content:space-between;left:0;padding:var(--spacing-xs);position:absolute;right:0}.scene-skeleton-text{height:16px;width:70%}.scene-skeleton-button,.scene-skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.scene-skeleton-button{height:24px;width:24px}.scene-select-modal-wrapper{align-items:center;background-color:var(--bg-mask);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.scene-select-modal{composes:base-modal}.scene-select-modal .modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:calc(100vh - 150px);margin-left:0!important;min-height:600px;overflow:hidden;pointer-events:auto;position:relative;width:1200px}.scene-select-modal .modal-header,.scene-select-modal .modal-tabs{cursor:grab;-webkit-user-select:none;user-select:none}.scene-select-modal .modal-header:active,.scene-select-modal .modal-tabs:active,.scene-select-modal.dragging .modal-header,.scene-select-modal.dragging .modal-tabs{cursor:grabbing}.scene-select-modal .modal-body{-webkit-overflow-scrolling:touch;background:var(--bg-primary);flex:1 1;margin-top:0;overflow-y:auto;padding:var(--spacing-lg);padding-bottom:80px;will-change:transform}.scene-select-modal .modal-header{align-items:flex-end;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-start;margin:0;padding:20px 20px 0;position:relative}.scene-item{aspect-ratio:2/3;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;transition:var(--transition-normal);width:100%}.scene-item.selected,.scene-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-brand)}.scene-preview{position:relative}.scene-preview,.scene-preview img{display:block;height:100%;width:100%}.scene-preview img{left:0;object-fit:cover;position:absolute;top:0}.scene-caption{border-radius:0;border-top:1px solid var(--border-lighter);bottom:0;justify-content:space-between;left:0;padding:var(--spacing-xs);position:absolute;right:0}.scene-caption,.upload-entry{align-items:center;background:var(--bg-primary);display:flex}.upload-entry{aspect-ratio:2/3;border:1px dashed var(--border-color)!important;cursor:pointer;flex-direction:column;justify-content:center;position:relative;transition:var(--transition-normal)}.upload-entry:hover{background:var(--brand-primary-light);border-color:var(--brand-primary)!important}.upload-entry.uploaded{background:var(--bg-primary);border:1px solid var(--border-color)}.upload-entry.uploaded:hover{background:var(--bg-primary);border-color:var(--brand-primary)!important;box-shadow:var(--shadow-brand)}.card-item.upload-entry.uploaded.selected{background:var(--bg-primary);border:1px solid var(--brand-primary)!important;box-shadow:var(--shadow-brand)}.upload-entry .upload-area-content,.upload-entry .upload-label{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.upload-entry .upload-label{cursor:pointer}.upload-entry .upload-icon{align-items:center;color:var(--brand-primary);display:flex;font-size:24px;justify-content:center;margin-bottom:16px;opacity:.75;transition:var(--transition-normal)}.upload-entry:hover .upload-icon{opacity:.9}.upload-entry .upload-text{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:4px}.upload-entry .upload-text .upload-tip{color:var(--text-tertiary);font-size:12px;margin-top:4px}.scene-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-xs)}.scene-number{color:var(--text-secondary);opacity:.85}.scene-name,.scene-number{font-size:var(--font-size-sm);font-weight:500}.scene-name{color:var(--text-primary)}.custom-scene{padding:0 var(--spacing-lg)}.custom-scene .filter-section{background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.custom-scene .section-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;margin-bottom:var(--spacing-md)}.custom-scene .prompt-input{margin-bottom:var(--spacing-lg)}.custom-scene .prompt-input label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.custom-scene .prompt-textarea{composes:textarea-base}.scenes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:20px}.card-item{aspect-ratio:2/3;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:var(--transition-normal)}.card-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-brand)}.card-item.selected{border:1px solid var(--brand-primary);box-shadow:var(--shadow-brand)}.card-preview{height:100%;position:relative;width:100%}.card-preview img{display:block;height:100%;object-fit:cover;width:100%}.delete-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.8;position:absolute;right:8px;top:8px;transition:var(--transition-normal);width:24px;z-index:2}.delete-button:hover{background:var(--bg-secondary);box-shadow:0 1px 3px #0000001f;opacity:1}.card-caption{background:var(--bg-primary);border-top:1px solid var(--border-lighter);bottom:0;justify-content:space-between;left:0;padding:var(--spacing-xs);position:absolute;right:0}.card-caption,.card-info{align-items:center;display:flex}.card-info{flex:1 1;gap:var(--spacing-xs);overflow:hidden}.card-number{color:var(--text-secondary);opacity:.85}.card-name,.card-number{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.card-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.virtual-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.virtual-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.virtual-container{flex-direction:column}}.virtual-page .control-content .upload-area{margin-top:0!important;padding-top:0}.trending-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.trending-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.trending-container{flex-direction:column}}.trending-page .control-content .upload-area{margin-top:0!important;padding-top:0}.mask-status{display:inline-block;margin-left:10px}.mask-status,.mask-status.auto-mask,.mask-status.manual-mask,.printing-status{color:var(--brand-primary)}.printing-status{display:inline-block;font-size:13px;margin-left:8px}.panel-actions{align-items:center;display:flex;gap:6px}.toggle-switch{margin-left:10px}.selected-model-preview{border-radius:0;flex-shrink:0;height:88px;overflow:hidden;width:88px}.selected-model-thumbnail{height:100%;object-fit:cover;object-position:top center;width:100%}.component-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm)}.model-select-modal{composes:base-modal}.model-select-modal .modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:calc(100vh - 150px);margin-left:290px;min-height:600px;overflow:hidden;pointer-events:auto;position:relative;width:1200px}.model-select-modal .modal-body{-webkit-overflow-scrolling:touch;background:var(--bg-primary);flex:1 1;margin-top:0;overflow-y:auto;padding:var(--spacing-lg);padding-bottom:80px;will-change:transform}.model-select-modal .modal-header{align-items:flex-end;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-start;margin:0;padding:20px 20px 0;position:relative}.models-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:var(--spacing-md);padding:0;width:100%}.model-item{aspect-ratio:2/3;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;transition:var(--transition-normal);width:100%}.model-item.selected,.model-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-brand)}.model-preview{position:relative}.model-preview,.model-preview img{display:block;height:100%;width:100%}.model-preview img{left:0;object-fit:cover;position:absolute;top:0}.model-caption{background:var(--bg-primary);border-radius:0;border-top:1px solid var(--border-lighter);bottom:0;justify-content:space-between;left:0;padding:var(--spacing-xs);position:absolute;right:0}.model-caption,.model-info{align-items:center;display:flex}.model-info{flex:1 1;gap:var(--spacing-xs)}.model-number{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;opacity:.85}.model-info h4,.model-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.model-info h4{margin:0}.model-info p{margin:0}.model-info p,.use-model-btn{color:var(--text-secondary);font-size:var(--font-size-xs)}.use-model-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xxs) var(--spacing-xs);transition:var(--transition-normal)}.use-model-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.model-select-modal .filter-section{background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.model-select-modal .filter-group{align-items:center;display:flex;gap:var(--spacing-sm)}.model-select-modal .filter-group label{color:var(--text-secondary);font-size:var(--font-size-sm);min-width:60px}.model-select-modal .filter-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.model-select-modal .filter-option{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xxs) var(--spacing-sm);transition:var(--transition-normal)}.model-select-modal .filter-option.active,.model-select-modal .filter-option:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.model-select-modal .filter-option.active{background:var(--brand-primary-light)}.preview-button{align-items:center;background:var(--bg-hover);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:var(--transition-normal);width:24px}.preview-button:hover{background:var(--bg-active);color:var(--text-primary)}.preview-button svg{height:var(--font-size-md);width:var(--font-size-md)}.custom-model{padding:0 var(--spacing-lg)}.custom-model .section-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500;margin:0 0 16px}[data-theme=dark] .custom-model .section-title{color:var(--text-primary)}.custom-model .prompt-input{margin-bottom:var(--spacing-lg)}.custom-model .prompt-input label{color:var(--text-secondary);display:block;font-size:var(--font-size-md);margin-bottom:8px}[data-theme=dark] .custom-model .prompt-input label{color:var(--text-secondary)}.custom-model .prompt-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);padding:12px;resize:none;transition:var(--transition-normal);width:100%}[data-theme=dark] .custom-model .prompt-textarea{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-primary)}.custom-model .prompt-textarea:focus{outline:none}.custom-model .prompt-textarea:focus,[data-theme=dark] .custom-model .prompt-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light)}.custom-model .prompt-textarea::placeholder,[data-theme=dark] .custom-model .prompt-textarea::placeholder{color:var(--text-tertiary)}.custom-scene-actions,.modal-footer{composes:button-group from "../../styles/buttons.css"}.model-select-modal .panel-component{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;height:88px;margin-bottom:4px;overflow:hidden;position:relative;transition:all .2s ease}.model-select-modal .component-header{align-items:stretch;background:#fff;border:1px solid #eee;border-radius:12px;display:flex;padding:0;width:100%}.model-select-modal .component-info{align-items:center;display:flex;flex:1 1;gap:12px}.model-select-modal .component-text{flex:1 1;min-width:0}.model-select-modal .component-text h3{color:#333;font-size:14px;font-weight:500;margin:0}.model-select-modal .component-content{margin-top:4px}.model-select-modal .component-content p{color:#666;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-select-modal .expand-btn{align-items:center;background:none;border:none;border-left:1px solid #eee;cursor:pointer;display:flex;height:88px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:48px}.model-select-modal .expand-btn:hover{background-color:#f8f9fa}.model-select-modal .expand-btn span{border-bottom:2px solid #666;border-right:2px solid #666;display:block;height:10px;transform:rotate(-45deg);transition:all .2s ease;width:10px}.model-select-modal .expand-btn:hover span{border-color:#ff3c6a;transform:rotate(-45deg) scale(1.1)}.model-select-modal .selected-model-preview{background:#fff;border-radius:8px;flex-shrink:0;height:88px;overflow:hidden;width:88px}.model-select-modal .selected-model-thumbnail{height:100%;object-fit:cover;object-position:top center;width:100%}.model-select-modal .panel-component:has(.selected-model-preview) .expand-btn{background:#ff3c6a14;border-color:#ff3c6a1a}.model-select-modal .panel-component:has(.selected-model-preview) .expand-btn span{border-color:#ff3c6a}.model-select-modal .panel-component:has(.selected-model-preview) .expand-btn:hover{background:#ff3c6a1f}.model-select-modal .model-item{position:relative}.model-select-modal .model-item.selected:after{display:none}.model-select-modal .model-item.selected .model-caption{background:#fff}.model-skeleton{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:16px;padding:0;width:100%}.model-skeleton-item{aspect-ratio:2/3;background:#f5f5f5;border:1px solid #eee;border-radius:6px;overflow:hidden;position:relative}.model-skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background-size:200% 100%;height:calc(100% - 40px);width:100%}.model-skeleton-caption{align-items:center;background:#fff;border-top:1px solid #0000000d;bottom:0;display:flex;height:40px;justify-content:space-between;left:0;padding:8px;position:absolute;right:0}.model-skeleton-text{height:16px;width:70%}.model-skeleton-button,.model-skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.model-skeleton-button{height:24px;width:24px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-preview-modal .preview-content{overflow:visible!important;position:relative!important}.model-page{margin:0 auto;padding:2rem;width:100%}.model-header{margin-bottom:3rem;text-align:center}.model-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem}.model-header p{color:var(--text-secondary);font-size:1.1rem}.feature-grid{grid-gap:clamp(16px,1.5vw,20px);display:grid;gap:clamp(16px,1.5vw,20px);grid-template-columns:repeat(auto-fit,minmax(260px,320px));justify-content:center;margin:0 auto;width:100%}.feature-card{-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;perspective:1000px;transform:translateZ(0);transition:transform .15s cubic-bezier(.2,0,.15,1),box-shadow .15s cubic-bezier(.2,0,.15,1);will-change:transform,box-shadow}.feature-card:hover{box-shadow:0 8px 16px #0000001a;transform:translate3d(0,-5px,0)}.feature-card img,.feature-icon img{aspect-ratio:1/1;display:block;object-fit:cover;width:100%}.feature-card h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 10px;padding:20px 20px 0}.feature-card p{color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.5;margin:0;padding:0 20px 20px}.feature-tip{color:var(--text-tertiary);font-size:.9rem;font-weight:300;letter-spacing:.02em;margin-left:auto;margin-right:auto;margin-top:3rem;padding:.5rem 0;position:relative;text-align:center;width:fit-content}.feature-tip:after{background:linear-gradient(90deg,#0000,#ff3c6a33 25%,#ff3c6a33 75%,#0000);bottom:-.5rem;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:120%}.feature-tip:hover:after{background:linear-gradient(90deg,#0000,#ff3c6a4d 25%,#ff3c6a4d 75%,#0000);width:140%}@media (max-width:768px){.model-page{padding:1rem}.model-header h1{font-size:2rem}.feature-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.feature-card h3{font-size:.9rem;margin-bottom:6px;padding:12px 12px 0}.feature-card p{font-size:.75rem;line-height:1.3;padding:0 12px 12px}.feature-tip{font-size:.8rem;margin-top:2rem;padding:.4rem 0}}@media (max-width:480px){.feature-grid{grid-template-columns:1fr}.feature-card h3{font-size:.85rem;margin-bottom:4px;padding:8px 8px 0}.feature-card p{font-size:.7rem;padding:0 8px 8px}}.error-container{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-sm);margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.error-container h2{color:var(--error-color);margin-bottom:1rem}.error-container p{color:var(--text-secondary);margin-bottom:1.5rem}.error-container button{background:var(--brand-gradient);border:none;border-radius:6px;color:var(--text-inverse);cursor:pointer;padding:.5rem 2rem;transition:all .2s ease}.error-container button:hover{filter:brightness(1.1)}.imgtextvideo-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.imgtextvideo-container,.imgtextvideo-page{align-items:center;display:flex;justify-content:center}.imgtextvideo-container{flex:1 1;flex-direction:column;padding:20px}.imgtextvideo-container h1{color:var(--text-primary);margin-bottom:20px}.imgtextvideo-container p{color:var(--text-secondary);max-width:600px;text-align:center}.mulimgvideo-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.mulimgvideo-container,.mulimgvideo-page{align-items:center;display:flex;justify-content:center}.mulimgvideo-container{flex:1 1;flex-direction:column;padding:20px}.mulimgvideo-container h1{color:var(--text-primary);margin-bottom:20px}.mulimgvideo-container p{color:var(--text-secondary);max-width:600px;text-align:center}.extract-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.extract-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.extract-container{flex-direction:column}}.extract-page .control-content .upload-area{margin-top:0!important;padding-top:0}.selected-model-preview{background-image:linear-gradient(45deg,#d1d1d1 25%,#0000 0),linear-gradient(-45deg,#d1d1d1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d1d1d1 0),linear-gradient(-45deg,#0000 75%,#d1d1d1 0);position:relative}.selected-model-preview,[data-theme=dark] .selected-model-preview{background-color:var(--bg-primary);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}[data-theme=dark] .selected-model-preview{background-image:linear-gradient(45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(-45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,#0000 75%,var(--bg-secondary) 75%)}.selected-model-preview .processing-indicator{align-items:center;color:#666;display:flex;flex-direction:column;height:88px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:88px}.processing-indicator span{color:#666;font-size:13px}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#ff3c6a;height:24px;width:24px}.selected-model-preview .error-indicator{background:#fff2f0;flex-direction:column;gap:8px;height:100%;width:100%}.error-icon,.selected-model-preview .error-indicator{align-items:center;display:flex;justify-content:center}.error-icon{background:#ff4d4f;border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:24px;width:24px}.error-indicator span:last-child{color:#ff4d4f;font-size:13px}.expand-btn.active{background:#0000}.expand-btn.active span{border-color:#ff3c6a}.expand-btn.active:hover{background:#0000}.extraction-panel{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-xxs);min-height:88px;overflow:hidden}.extraction-content{align-items:stretch;display:flex;flex:1 1;flex-direction:row}.extraction-label{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin:0;padding:0;width:88px}.extraction-label span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.extraction-panel .component-text{flex:1 1;margin:0;padding:0}.extraction-panel .component-content{align-items:center;display:flex;height:100%;margin:0;padding:0}.extraction-panel .component-text h3{margin:12px 10px}h3 .toggle-switch{margin-left:12px}.extraction-options-container{display:flex;flex-direction:column;gap:6px;justify-content:center;padding:12px 16px;width:100%}.extraction-options-row{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:flex-start;width:100%}.extraction-option-item{align-items:center;display:flex;justify-content:space-between;padding:2px 0;width:auto}.extraction-option-item .option-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:400;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extraction-option-item .toggle-switch{flex-shrink:0}@media (max-width:768px){.extraction-options-row{flex-wrap:wrap}.extraction-option-item{margin-bottom:2px}}@media (max-width:480px){.extraction-option-item{margin-bottom:2px;width:100%}}.upscale-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.upscale-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.upscale-container{flex-direction:column}}.upscale-page .control-content .upload-area{margin-top:0!important;padding-top:0}.magnification-size-icon{display:none}.magnification-size-wrapper{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:1000}.magnification-size-modal{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-md);max-height:90vh;max-width:90vw;position:fixed;width:480px}.magnification-size-modal,.magnification-size-modal.dragging{pointer-events:auto;-webkit-user-select:none;user-select:none}.magnification-size-modal.dragging .modal-header{cursor:grabbing!important}.magnification-size-modal .modal-header:hover{background:#00000005}[data-theme=dark] .magnification-size-modal .modal-header:hover{background:#ffffff05}[data-theme=dark] .magnification-size-modal{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.magnification-size-modal .modal-header{align-items:flex-end;border-bottom:1px solid var(--border-light);display:flex;justify-content:flex-start;margin:0;padding:var(--spacing-lg) 0 0;position:relative}.magnification-size-modal .tab-group{border-bottom:none;display:flex;gap:0;height:36px;margin-bottom:-1px;margin-left:16px;width:100%}.magnification-size-modal .modal-body{margin-top:0;max-height:calc(80vh - 150px);overflow-y:auto;padding:var(--spacing-lg)}.magnification-size-content,.magnification-size-modal .tab-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-sx)}.magnification-size-modal .tab-content{margin-top:var(--spacing-xxs);min-height:150px}.magnification-size-modal .modal-footer{align-items:center;border-top:1px solid var(--border-lighter);display:flex;gap:var(--spacing-md);height:60px;justify-content:flex-end;padding:0 var(--spacing-lg);position:relative}.scale-buttons{margin:0 0 var(--spacing-md) 16px}.slider-input:disabled::-webkit-slider-thumb{background:var(--brand-primary);opacity:1}.slider-input:disabled::-moz-range-thumb{background:var(--brand-primary);opacity:1}.slider-fill{height:2px;left:0;top:0;z-index:0}.slider-input{height:2px;top:-6px;z-index:1}.slider-input::-webkit-slider-thumb{background:var(--brand-primary);border-radius:50%;box-shadow:0 2px 4px #0003;height:14px;margin-top:0;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px;z-index:2}.slider-input::-moz-range-thumb{background:var(--brand-primary);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;height:14px;position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:14px;z-index:2}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 3px 6px #0000004d;transform:scale(1.2)}.slider-input::-moz-range-thumb:hover{box-shadow:0 3px 6px #0000004d;transform:scale(1.2)}.scale-value{color:var(--brand-primary);margin-top:var(--spacing-xs);text-align:right}.custom-scale-label{line-height:1.5}.custom-scale-header .scale-value{color:var(--brand-primary);line-height:1.5;margin-top:0}.no-image-warning{background-color:var(--bg-warning-light);color:var(--text-warning);margin-left:16px;margin-top:var(--spacing-md);text-align:left;width:calc(100% - 32px)}.magnification-size-modal .tab-btn:not(.active){color:var(--text-secondary)}:root[data-theme=dark] .size-limit-notice.size-limit-exceeded{color:var(--brand-primary)}.size-input{border:1px solid var(--border-color)}.matting-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.matting-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;position:relative;-webkit-user-select:none;user-select:none;width:100%}@media (max-width:768px){.matting-container{flex-direction:column}}.matting-page .control-content .upload-area{margin-top:0!important;padding-top:0}.matting-page .control-content .panel-component{margin-bottom:0}.matting-page .control-content .upload-area+.panel-component{margin-top:8px}.generating-status{align-items:center;background:#0000;bottom:20px;display:flex;flex-direction:row;gap:10px;justify-content:center;pointer-events:none;position:absolute;right:20px;z-index:100}.generating-status p{color:var(--text-primary);font-size:var(--font-size-sm);margin:0}.upload-area{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;position:relative;width:100%}.file-input{display:none}.upload-zone{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:block;min-height:150px;overflow:hidden;position:relative;width:100%}.support-tag,.upload-zone{transition:var(--transition-normal)}.support-tag{background:var(--brand-primary-light);border-radius:0 0 0 var(--radius-sm);color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:500;padding:4px 8px;pointer-events:none;position:absolute;right:0;top:0}.upload-zone:hover .support-tag{background:var(--brand-primary-lighter)}.upload-zone.compact .support-tag{display:none}.upload-zone.dragging,.upload-zone:hover{background:var(--brand-primary-lighter);border-color:var(--brand-primary)}.upload-zone.dragging:after{content:none}.upload-zone.compact{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;min-height:88px;overflow:hidden;padding:0}.upload-zone.compact .upload-content{align-items:center;flex-direction:row;gap:0;height:100%;padding:0;width:100%}.upload-zone.compact .upload-icon{display:none}.upload-zone.compact .upload-text{align-items:center;display:flex;flex-direction:row;gap:0;height:100%;margin:0;width:100%}.upload-zone.compact .upload-text .primary-text{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-light);color:var(--brand-primary);display:flex;flex-shrink:0;font-size:var(--font-size-md);font-weight:400;height:100%;justify-content:center;line-height:2px;margin:0;transition:var(--transition-normal);width:88px}.upload-zone.compact .upload-text .secondary-text{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;font-size:var(--font-size-sm);gap:7px;height:100%;margin:0;padding:0 16px}.upload-zone.compact .upload-text .requirements-container{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:7px;padding:6px 12px;transition:var(--transition-normal)}.upload-zone.compact .upload-text .divider{align-self:center;background:var(--border-light);display:inline-block;height:16px;margin:0;width:1px}.upload-zone.compact:hover{background:var(--brand-primary-lighter);border-color:var(--brand-primary)}.upload-zone.compact:hover .upload-text .requirements-container{background:var(--bg-primary)}.upload-zone.compact.dragging{background:var(--brand-primary-lighter);border-color:var(--brand-primary)}.upload-zone.compact.dragging .upload-text .primary-text,.upload-zone.compact.dragging .upload-text .requirements-container,.upload-zone.compact:hover .upload-text .primary-text{background:var(--bg-primary)}.upload-content{align-items:center;flex-direction:column;gap:6px;height:100%;padding:16px;position:relative;z-index:1}.upload-content,.upload-icon{display:flex;justify-content:center}.upload-icon{color:var(--brand-primary);height:40px;margin:0 auto -10px;opacity:.8;transition:var(--transition-normal);width:40px}.upload-zone.dragging .upload-icon,.upload-zone:hover .upload-icon{opacity:1;transform:translateY(-2px)}.upload-text{display:flex;flex-direction:column;gap:2px;margin-top:-6px;text-align:center}.primary-text{color:var(--text-primary);font-size:var(--font-size-lg);margin:0}.highlight{color:var(--brand-primary);font-weight:500}.secondary-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.upload-text .primary-text{color:var(--text-primary);font-size:var(--font-size-md);font-weight:400;margin-bottom:8px}.upload-text .primary-text .highlight{color:var(--brand-primary);font-size:1.1em;font-weight:400}.upload-text .secondary-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:2}.upload-text .secondary-text:last-child{margin-bottom:0}.extend-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.extend-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.extend-container{flex-direction:column}}.extend-page .control-content .upload-area{margin-top:0!important;padding-top:0}.panel-component{margin-bottom:10px}.extend-size-icon-text{background:var(--bg-secondary);border-right:1px solid var(--border-light);box-sizing:border-box;color:var(--text-primary);flex-direction:column;flex-shrink:0;font-size:var(--font-size-md);font-weight:500;height:88px;margin:0;width:88px}.extend-size-icon-text,.info-btn{align-items:center;display:flex;justify-content:center;padding:0}.info-btn{background-color:initial;border:none;border-radius:50%;cursor:pointer;height:24px;transition:background-color .2s;width:24px}.info-btn:hover{background-color:#0000000d}.info-icon{color:#666;height:16px;opacity:.7;width:16px}.info-btn:hover .info-icon{color:#1890ff;opacity:1}.extend-size-icon{display:none}.extend-size-wrapper{align-items:center;height:100%;justify-content:center;left:0;top:0;width:100%;z-index:1000}.extend-size-modal,.extend-size-wrapper{display:flex;pointer-events:auto;position:fixed}.extend-size-modal{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-md);flex-direction:column;max-height:none;max-width:90vw;-webkit-user-select:none;user-select:none;width:780px}.extend-size-modal.dragging{pointer-events:auto;-webkit-user-select:none;user-select:none}.extend-size-modal.dragging .modal-header{cursor:grabbing!important}.extend-size-modal .modal-header:hover{background:#00000005}[data-theme=dark] .extend-size-modal .modal-header:hover{background:#ffffff05}body.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.extend-size-modal-content{display:flex;flex:1 1;flex-direction:row;height:auto;min-height:500px;overflow:visible}.extend-size-left{border-right:1px solid var(--border-light);overflow:visible;width:480px}.extend-size-preview{flex:1 1;flex-direction:column;padding:var(--spacing-lg)}.canvas-preview,.extend-size-preview{align-items:center;display:flex;justify-content:center;overflow:hidden}.canvas-preview{border:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:relative;transform:translateZ(0);will-change:contents}.center-guide{background-color:var(--brand-primary);pointer-events:none;position:absolute;z-index:10}.center-guide-vertical{height:100%;left:50%;top:0;transform:translateX(-50%);width:1px}.center-guide-horizontal{height:1px;left:0;top:50%;transform:translateY(-50%);width:100%}.canvas-image-container{backface-visibility:hidden;border-radius:2px;box-shadow:0 0 0 1px #0000001a;cursor:grab;perspective:1000;position:absolute;transform:translateZ(0);transition:transform .1s ease;-webkit-user-select:none;user-select:none;will-change:transform}.canvas-image-container.dragging{box-shadow:0 0 0 2px var(--brand-primary);cursor:grabbing;transition:none;z-index:2}.canvas-image-container:hover{box-shadow:0 0 0 2px var(--brand-primary-light)}.canvas-image{-webkit-user-drag:none;backface-visibility:hidden;height:100%;object-fit:contain;pointer-events:none;transform:translateZ(0);-webkit-user-select:none;user-select:none;width:100%}.canvas-hint{color:var(--brand-primary);display:block;font-size:12px;font-weight:500;margin-bottom:8px;text-align:center}.canvas-preview-bg{background-color:var(--bg-primary);background-image:linear-gradient(45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(-45deg,var(--bg-secondary) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,#0000 75%,var(--bg-secondary) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;height:100%;width:100%}.canvas-dimensions{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-md);text-align:center}[data-theme=dark] .extend-size-modal{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.extend-size-modal .modal-header{align-items:flex-end;border-bottom:1px solid var(--border-light);display:flex;justify-content:flex-start;margin:0;padding:var(--spacing-lg) 0 0;position:relative;width:100%}.extend-size-modal .tab-group{border-bottom:none;display:flex;gap:0;height:36px;margin-bottom:-1px;margin-left:16px;width:100%}.extend-size-modal .modal-body{margin-top:0;max-height:none;overflow-y:visible;padding:var(--spacing-lg)}.extend-size-content,.extend-size-modal .tab-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-sx)}.extend-size-modal .tab-content{margin-top:var(--spacing-xxs);min-height:150px}.extend-size-modal .modal-footer{align-items:center;border-top:1px solid var(--border-lighter);display:flex;gap:var(--spacing-md);height:60px;justify-content:flex-end;padding:0 var(--spacing-lg);position:relative;width:100%}.custom-tab,.scale-tab{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.size-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:0;position:relative}.original-size,.upscaled-size{display:flex;flex-direction:column;gap:2px;padding:6px 8px 6px 16px}.size-equality-sign{align-items:center;display:flex;height:20px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:1}.size-equality-sign span{color:var(--brand-primary);font-size:22px}.size-limit-notice.size-limit-exceeded,.size-limit-notice.warning{color:var(--brand-primary);font-weight:500}.size-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.size-value{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.scale-buttons{display:flex;gap:8px;justify-content:space-between;margin:0 0 12px 16px;width:calc(100% - 32px)}.scale-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);padding:10px 0;text-align:center;transition:var(--transition-normal)}.scale-btn.active,.scale-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.scale-btn.active{background:var(--brand-primary-light)}.scale-btn:disabled{background:var(--bg-primary);border-color:var(--border-light);color:var(--text-secondary);cursor:not-allowed;opacity:1}.scale-btn:disabled.active,.scale-btn:disabled:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.scale-btn:disabled.active{background:var(--brand-primary-light)}.size-input:disabled{background:var(--bg-primary);border-color:var(--border-light);color:var(--text-primary);opacity:1}.size-input:disabled:hover{border-color:var(--border-hover)}.slider-input:disabled{cursor:not-allowed;opacity:1}.slider-input:disabled::-webkit-slider-thumb{background:var(--bg-primary);border-color:var(--brand-primary);box-shadow:0 2px 6px var(--brand-primary-light);cursor:not-allowed;transform:scale(1)}.slider-input:disabled::-moz-range-thumb{background:var(--bg-primary);border-color:var(--brand-primary);box-shadow:0 2px 6px var(--brand-primary-light);cursor:not-allowed;transform:scale(1)}.scale-slider{margin:var(--spacing-md) 0 0 16px;padding:0;position:relative;width:calc(100% - 32px)}.slider-track{background:var(--border-light);border-radius:var(--radius-sm);height:2px;margin:16px 0;position:relative;width:100%}.slider-input:disabled~.slider-track{background:var(--border-light);opacity:1}.slider-input:disabled~.slider-track .slider-fill{background:var(--brand-gradient);opacity:1}.slider-fill{background:var(--brand-gradient);border-radius:var(--radius-sm);height:100%;position:absolute;transition:width 0s cubic-bezier(.4,0,.2,1)}.slider-input{-webkit-appearance:none;background:#0000;cursor:pointer;height:20px;left:0;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg-primary);border:3px solid var(--brand-primary);border-radius:var(--radius-full);box-shadow:0 2px 6px var(--brand-primary-light);cursor:pointer;height:18px;position:relative;-webkit-transition:var(--transition-normal);transition:var(--transition-normal);width:18px;z-index:1}.slider-input::-moz-range-thumb{background:var(--bg-primary);border:3px solid var(--brand-primary);border-radius:var(--radius-full);box-shadow:0 2px 6px var(--brand-primary-light);cursor:pointer;height:20px;-moz-transition:var(--transition-normal);transition:var(--transition-normal);width:20px}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 2px 10px var(--brand-primary-lighter);transform:scale(1.15)}.slider-input::-moz-range-thumb:hover{box-shadow:0 2px 10px var(--brand-primary-lighter);transform:scale(1.15)}.scale-value{color:var(--text-primary);display:inline-block;font-size:var(--font-size-md);font-weight:500;position:absolute;right:0}.custom-scale-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);margin-left:0;width:100%}.custom-scale-label{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:0}.custom-scale-header .scale-value{font-size:var(--font-size-md);font-weight:500;margin-right:var(--spacing-sm);position:static}.no-image-warning{align-items:center;background:var(--bg-warning-light);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:center;margin:var(--spacing-md) 0;min-height:60px;padding:var(--spacing-md);text-align:center}.size-input:disabled{background:var(--bg-lighter);color:var(--text-disabled);cursor:not-allowed}.extend-size-modal .tab-btn:not(.active){border-color:#0000;color:var(--text-secondary)}.size-limit-notice{color:#888;font-size:var(--font-size-sm);margin-left:16px;margin-top:28px;text-align:left;width:calc(100% - 32px)}:root[data-theme=dark] .size-limit-notice{color:#aaa}.custom-size-inputs{margin-bottom:8px;margin-top:-4px;padding:0;width:100%}.size-input-container{align-items:center;display:flex;gap:var(--spacing-md);justify-content:flex-start;margin:4px 0 4px 16px;width:calc(100% - 32px)}.size-input-group{align-items:center;display:flex;flex:0 0 auto;min-width:120px}.size-input-group .size-label{margin-right:4px;text-align:left;width:24px}.size-input-group .size-label,.size-unit{color:var(--text-primary);flex-shrink:0;font-size:var(--font-size-md);position:static;transform:none;white-space:nowrap}.size-unit{margin-left:8px;text-transform:lowercase}.size-input{appearance:textfield;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);flex:0 0 auto;font-size:var(--font-size-md);height:32px;min-width:65px;padding:0 4px;text-align:center;transition:var(--transition-normal);width:75px}.size-input::-webkit-inner-spin-button,.size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.size-input:focus,.size-input:hover{border-color:var(--brand-primary)}.size-input:focus{box-shadow:0 0 0 2px #ff3c6a1a;outline:none}[data-theme=dark] .size-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light)}.aspect-ratio-icon{align-items:center;border-radius:0;color:var(--text-secondary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.aspect-ratio-icon svg{height:16px;width:16px}.aspect-ratio-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin:0 8px;min-width:28px;padding:0;transition:var(--transition-normal);width:28px}.aspect-ratio-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.aspect-ratio-btn svg{height:16px;width:16px}.aspect-ratio-btn:disabled{cursor:not-allowed;opacity:.5}.scale-tab .size-limit-notice{margin-left:16px;margin-top:var(--spacing-md)30px;text-align:left;width:calc(100% - 32px)}.platform-tab{gap:16px}.platform-section,.platform-tab{display:flex;flex-direction:column}.platform-section{gap:8px}.platform-section h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;margin:0 0 4px 16px}.platform-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin:0 16px}.platform-text{flex:1 1;flex-direction:column;min-width:0;text-align:center}.platform-btn,.platform-text{align-items:center;display:flex}.platform-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;flex-direction:row;height:52px;justify-content:center;padding:6px 8px;position:relative;transition:var(--transition-normal)}.platform-btn.active,.platform-btn:hover{border-color:var(--brand-primary)}.platform-btn.active{background:var(--brand-primary-light)}.platform-btn:disabled{cursor:not-allowed;opacity:.5}.platform-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:6px;width:20px}.platform-icon img{height:100%;object-fit:contain;width:100%}.platform-name{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:4px}.platform-name,.platform-size{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.platform-size{color:var(--text-secondary);font-size:12px}.edge-distances-display{background-color:#0000000d;border-radius:4px;display:flex;flex-direction:column;font-size:12px;gap:4px;margin-top:8px;padding:8px}.distances-row{display:flex;justify-content:center;width:100%}.distance-item{align-items:center;display:flex;margin:0 12px}.distance-label{color:var(--text-secondary);margin-right:4px}.distance-label,.edge-distances-display .size-value{font-size:12px;font-weight:500}.distance-value,.real-distance-value{display:none}.edge-distances-display .negative-value{color:var(--brand-primary);font-weight:500}.inpaint-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.inpaint-container,.inpaint-page{align-items:center;display:flex;justify-content:center}.inpaint-container{flex:1 1;flex-direction:column;padding:20px}.inpaint-container h1{color:var(--text-primary);margin-bottom:20px}.inpaint-container p{max-width:600px}.empty-custom,.inpaint-container p{color:var(--text-secondary);text-align:center}.empty-custom{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-xl)}.empty-custom .coming-soon-icon{height:120px;margin-bottom:var(--spacing-xl);opacity:.8;width:120px}.empty-custom h3{color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.empty-custom p{color:var(--text-tertiary);font-size:var(--font-size-sm)}.profile-page{background:#f5f5f7;background:var(--bg-secondary,#f5f5f7);height:calc(100vh - 68px);overflow:auto;padding:0;width:100%}.profile-container{display:flex;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}.profile-content-area{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm,0 2px 8px #0000000d);display:flex;flex:1 1;flex-direction:column;height:100%;margin-left:0;overflow:hidden}.content-header{align-items:center;border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border-color,#e8e8e8);display:flex;justify-content:space-between;padding:20px}.content-header h2{color:#333;color:var(--text-primary,#333);font-size:18px;font-weight:500;margin:0}.content-body{flex:1 1;overflow-y:auto;padding:24px}.profile-form{max-width:600px}.form-group{margin-bottom:36px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group label{color:#333;color:var(--text-primary,#333)}.form-group input{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:6px;font-size:14px;padding:10px;width:100%}.form-group input.phone-input,.form-group input.username-input{width:300px}.form-group input:disabled{background-color:#f5f5f7;background-color:var(--bg-secondary,#f5f5f7);color:#666;color:var(--text-secondary,#666);cursor:not-allowed}.input-with-button{align-items:center;display:flex;gap:8px;width:fit-content}.input-with-button input{flex:0 0 auto}.input-with-button .edit-button{flex-shrink:0}.input-wrapper{flex:1 1;position:relative}.error-input{border-color:#ff4d4f!important}.error-message{bottom:-20px;font-size:12px;margin-top:4px;position:absolute}.username-rules{color:#666;font-size:12px;line-height:1.5;margin-top:8px}.disabled-input{opacity:.8}.form-actions{margin-top:24px}.edit-button{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;padding:6px 16px;transition:all .2s ease}.edit-button:hover{border-color:#4f5bd5;border-color:var(--brand-primary,#4f5bd5);color:#4f5bd5;color:var(--brand-primary,#4f5bd5)}.save-button{background:linear-gradient(45deg,#4f5bd5,#962fbf);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.save-button:hover{filter:brightness(1.1)}.logout-button{background:linear-gradient(45deg,#ff8c42,#ff3c6a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.logout-button:hover{filter:brightness(1.1)}.login-tip{color:#666;color:var(--text-secondary,#666);font-size:12px;line-height:1.5;margin-top:4px}.phone-text{color:#333;color:var(--text-primary,#333);font-size:14px;letter-spacing:2px;margin-bottom:8px;margin-top:4px}.form-group>.input-with-button,.form-group>.login-tip,.form-group>.phone-text,.form-group>.username-rules,.form-group>label{margin-left:0}.detail-migration-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.detail-migration-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.detail-migration-container{flex-direction:column}}.detail-migration-page .control-content .upload-area{margin-top:0!important;padding-top:0}.mask-status{background-color:#00c8001a!important;border-radius:4px!important;color:#42b983!important;font-size:12px!important;margin-left:8px!important;padding:2px 8px!important}.mask-status.warning{background-color:#ff99001a!important;color:#f90!important;font-weight:500!important}.account-page{background:var(--bg-secondary);min-height:calc(100vh - 68px);padding:12px;width:100%}.account-container{display:block;margin:0 auto;max-width:1800px}.stats-card{margin-bottom:12px!important}.transactions-card{margin-bottom:0!important}.account-page .ant-statistic-title{color:var(--text-secondary);font-size:14px}.account-page .ant-statistic-content{color:var(--text-primary);font-size:24px}.account-page .transactions-card .account-transactions-table{background:var(--bg-primary)!important}.account-page .transactions-card .account-transactions-table-inner{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.account-page .transactions-card .account-transactions-table-header,.account-page .transactions-card .account-transactions-table-header-row{background:var(--bg-primary)!important}.account-page .transactions-card .account-transactions-table-header-cell{background:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important;border-right:none!important;color:var(--text-primary)!important;font-weight:500!important;padding:16px!important;position:relative!important;text-align:left!important}.account-page .transactions-card .account-transactions-table-header-cell:not(:last-child):after{background-color:var(--border-color)!important;background:var(--border-color)!important;border:none!important;content:""!important;height:1.6em!important;opacity:.6!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:1px!important;z-index:999!important}.account-page .transactions-card .account-transactions-table-body,.account-page .transactions-card .account-transactions-table-body-row{background:var(--bg-primary)!important}.account-page .transactions-card .account-transactions-table-body-row:hover{background:var(--bg-hover)!important}.account-page .transactions-card .account-transactions-table-body-cell{background:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important;border-right:none!important;color:var(--text-primary)!important;padding:16px!important}.account-page .transactions-card .account-transactions-table-body-cell:last-child{border-right:none!important}.account-page .transactions-card .account-transactions-table .account-pagination{background:var(--bg-primary)!important;color:var(--text-primary)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item,.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-next .ant-pagination-item-link,.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-prev .ant-pagination-item-link{align-items:center!important;display:flex!important;font-size:var(--font-size-xs)!important;height:28px!important;justify-content:center!important;line-height:28px!important;min-width:28px!important;padding:0!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item{background:var(--bg-primary)!important;border-color:var(--border-color)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item a{color:var(--text-primary)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item-active{border-color:var(--brand-primary)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item-active a{color:var(--brand-primary)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-options-quick-jumper input{font-size:var(--font-size-xs)!important;height:28px!important;padding:0 var(--spacing-xs)!important;text-align:center!important;width:40px!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-options-size-changer .ant-select-selector{font-size:var(--font-size-xs)!important;height:28px!important;line-height:28px!important;padding:0 var(--spacing-xs)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-options-quick-jumper,.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-options-size-changer{font-size:var(--font-size-xs)!important;height:28px!important;line-height:28px!important}html body .account-page .transactions-card .account-transactions-table .ant-pagination-next .ant-pagination-item-link .anticon,html body .account-page .transactions-card .account-transactions-table .ant-pagination-prev .ant-pagination-item-link .anticon{color:var(--text-secondary)!important}html body .account-page .transactions-card .account-transactions-table .ant-pagination-next:hover .ant-pagination-item-link .anticon,html body .account-page .transactions-card .account-transactions-table .ant-pagination-prev:hover .ant-pagination-item-link .anticon{color:var(--text-primary)!important}html body .account-page .transactions-card .account-transactions-table .ant-pagination-next.ant-pagination-disabled .ant-pagination-item-link .anticon,html body .account-page .transactions-card .account-transactions-table .ant-pagination-prev.ant-pagination-disabled .ant-pagination-item-link .anticon{color:var(--text-tertiary)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-options-quick-jumper,.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-options-size-changer{color:var(--text-primary)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item-ellipsis{color:var(--text-secondary)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item-ellipsis:hover,.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item-ellipsis:hover .anticon{color:var(--text-primary)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item-ellipsis .anticon{color:var(--text-secondary)!important}.account-page .transactions-card .account-transactions-table .ant-empty{background:var(--bg-primary)!important;color:var(--text-secondary)!important}.account-page .transactions-card .account-transactions-table .ant-empty-image{opacity:.8}.account-page .transactions-card .account-transactions-table .ant-empty-description{color:var(--text-secondary)!important}.account-page .transactions-card .account-transactions-table .ant-spin{background:var(--bg-primary)!important}.account-page .transactions-card .account-transactions-table .ant-spin-dot-item{background-color:var(--brand-primary)!important}.account-page .transactions-card .account-transactions-table .ant-spin-text{color:var(--text-secondary)!important}.account-page .transactions-card .ant-tag{color:var(--text-primary)!important}.account-page .transactions-card .ant-tag-success{background:var(--success-bg)!important;border-color:var(--success-color)!important;color:var(--success-color)!important}.account-page .transactions-card .ant-tag-processing{background:var(--processing-bg)!important;border-color:var(--processing-color)!important;color:var(--processing-color)!important}.account-page .transactions-card .ant-tag-warning{background:var(--warning-bg)!important;border-color:var(--warning-color)!important;color:var(--warning-color)!important}.account-page .transactions-card .ant-tag-error{background:var(--bg-primary)!important;border-color:var(--brand-primary)!important;color:var(--brand-primary)!important}.account-page .transactions-card .ant-tag-default{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.account-page .ant-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)!important;box-shadow:none!important;margin:0 0 12px!important}.account-page .ant-card-head{border-bottom:1px solid var(--border-color)}.account-page .ant-card-head-title{color:var(--text-primary);font-size:16px;font-weight:500}.account-page .ant-picker,.account-page .ant-select .ant-select-selector{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.account-page .ant-select .ant-select-selection-item{color:var(--text-primary)}@media (max-width:768px){.account-page{padding:12px}.account-page .ant-card-extra{margin-top:12px;width:100%}.account-page .ant-space{display:flex;flex-direction:column;width:100%}.account-page .ant-space-item{margin-bottom:8px;width:100%}.account-page .ant-picker{width:100%}.account-page .ant-select{width:100%!important}}.account-page .transactions-card .ant-card-extra{color:var(--text-primary)}.account-page .transactions-card .ant-picker{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important}.account-page .transactions-card .ant-picker-input>input{color:var(--text-primary)!important}.account-page .transactions-card .ant-picker-suffix{color:var(--text-secondary)!important}.account-page .transactions-card .ant-picker-clear{background:var(--bg-primary)!important;color:var(--text-secondary)!important}.account-page .transactions-card .ant-picker-dropdown,.account-page .transactions-card .ant-picker-dropdown .ant-picker-panel{background:var(--bg-primary)!important}.account-page .transactions-card .ant-picker-dropdown .ant-picker-date-panel .ant-picker-header{color:var(--text-primary)!important}.account-page .transactions-card .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th{color:var(--text-secondary)!important}.account-page .transactions-card .ant-picker-dropdown .ant-picker-cell,.account-page .transactions-card .ant-picker-dropdown .ant-picker-cell-in-view{color:var(--text-primary)!important}.account-page .transactions-card .ant-picker-dropdown .ant-picker-cell:not(.ant-picker-cell-in-view){color:var(--text-tertiary)!important}.account-page .transactions-card .ant-picker-dropdown .ant-picker-cell:hover .ant-picker-cell-inner{background:var(--bg-hover)!important}.account-page .transactions-card .ant-select{background:var(--bg-primary)!important}.account-page .transactions-card .ant-select-selector{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important}.account-page .transactions-card .ant-select-selection-placeholder{color:var(--text-secondary)!important}.account-page .transactions-card .ant-select-selection-item{color:var(--text-primary)!important}.account-page .transactions-card .ant-select-arrow{color:var(--text-secondary)!important}.account-page .transactions-card .ant-select-clear{background:var(--bg-primary)!important;color:var(--text-secondary)!important}.account-page .transactions-card .ant-select-dropdown{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important}.account-page .transactions-card .ant-select-item{color:var(--text-primary)!important}.account-page .transactions-card .ant-select-item-option-selected{background:var(--bg-hover)!important;color:var(--text-primary)!important}.account-page .transactions-card .ant-select-item-option-active,.account-page .transactions-card .ant-table-tbody>tr.ant-table-row-hover>td,.account-page .transactions-card .ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.account-page .transactions-card .ant-picker-input>input::placeholder{color:var(--text-secondary)!important}.account-type-dropdown.ant-select-dropdown{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important}.account-type-dropdown.ant-select-dropdown .ant-select-item,.account-type-dropdown.ant-select-dropdown .ant-select-item-option{background:var(--bg-primary)!important}.account-type-dropdown.ant-select-dropdown .ant-select-item-option-content{color:var(--text-primary)!important}.account-type-dropdown.ant-select-dropdown .ant-select-item-option-selected{background:var(--bg-hover)!important}.account-type-dropdown.ant-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content{color:var(--text-primary)!important}.account-type-dropdown.ant-select-dropdown .ant-select-item-option-active{background:var(--bg-hover)!important}.account-page .account-refresh-btn.ant-btn{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:var(--text-primary)!important;cursor:pointer!important;font-size:var(--font-size-sm)!important;font-weight:500!important;outline:none!important;padding:6px 12px!important;transition:var(--transition-normal)!important;white-space:nowrap!important}.account-page .account-refresh-btn.ant-btn:active,.account-page .account-refresh-btn.ant-btn:focus,.account-page .account-refresh-btn.ant-btn:hover{background:var(--bg-hover)!important;border-color:var(--border-color)!important;box-shadow:none!important;color:var(--text-primary)!important;outline:none!important}.account-page .account-refresh-btn.ant-btn,.account-page .account-refresh-btn.ant-btn .anticon,.account-page .account-refresh-btn.ant-btn span{color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;font-weight:500!important}.account-page .account-refresh-btn.ant-btn:focus .anticon,.account-page .account-refresh-btn.ant-btn:focus span,.account-page .account-refresh-btn.ant-btn:hover .anticon,.account-page .account-refresh-btn.ant-btn:hover span{color:var(--text-primary)!important}.account-page .transactions-card .ant-picker,.account-page .transactions-card .ant-picker-input>input,.account-page .transactions-card .ant-picker-input>input::placeholder,.account-page .transactions-card .ant-select,.account-page .transactions-card .ant-select-selection-item,.account-page .transactions-card .ant-select-selection-placeholder,.account-page .transactions-card .ant-select-selector{font-size:var(--font-size-sm)!important}.account-page .account-balance-wallet-icon,.account-page .ant-statistic .md-outline-account-balance-wallet-icon{font-size:18px;margin-right:2px;vertical-align:middle}.account-page .account-balance-wallet-icon{display:inline-block}.account-date-dropdown .ant-picker-cell-in-view{color:var(--text-primary)!important}.account-date-dropdown .ant-picker-cell:not(.ant-picker-cell-in-view){color:var(--text-tertiary)!important}.account-date-dropdown .ant-picker-decade-btn,.account-date-dropdown .ant-picker-header,.account-date-dropdown .ant-picker-month-btn,.account-date-dropdown .ant-picker-year-btn{color:var(--text-primary)!important}.account-date-dropdown .ant-picker-content th{color:var(--text-secondary)!important}.account-date-dropdown .ant-picker-dropdown,.account-date-dropdown .ant-picker-panel{background:var(--bg-primary)!important}html body .account-page .account-unique-range-picker.ant-picker.ant-picker-range{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}html body .account-page .account-unique-range-picker.ant-picker-focused .ant-picker-active-bar,html body .account-page .account-unique-range-picker.ant-picker-range .ant-picker-active-bar,html body .account-page .account-unique-range-picker.ant-picker.ant-picker-range .ant-picker-active-bar{background:var(--brand-primary)!important;background-color:var(--brand-primary)!important}html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-end .ant-picker-cell-inner,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-start .ant-picker-cell-inner,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-start-single .ant-picker-cell-inner{background:var(--brand-primary-light)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important}html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-end .ant-picker-cell-inner:before,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-start .ant-picker-cell-inner:before,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-start-single .ant-picker-cell-inner:before{border:1px solid var(--brand-primary)!important;border-radius:var(--radius-sm)!important;bottom:0!important;content:""!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important}html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-in-range .ant-picker-cell-inner{background:var(--brand-primary-light)!important;color:var(--text-primary)!important}html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner{color:var(--brand-primary)!important}html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner:before{border:none!important}html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-in-range,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-end,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-hover,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-start{background:#0000!important;background-color:initial!important}html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-in-range:after,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-in-range:before,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-end:after,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-end:before,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-start:after,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-start:before{background:#0000!important;background-color:initial!important;display:none!important}html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-in-view:hover .ant-picker-cell-inner,html body .account-date-dropdown.ant-picker-dropdown .ant-picker-cell:not(.ant-picker-cell-in-view):hover .ant-picker-cell-inner{background:var(--brand-primary-lighter)!important;color:var(--text-primary)!important}html body #root .account-page .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-in-range,html body #root .account-page .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-end,html body #root .account-page .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-hover,html body #root .account-page .account-date-dropdown.ant-picker-dropdown .ant-picker-cell-range-start{background:#0000!important;background-color:initial!important}.account-page .transactions-card .ant-pagination-options-size-changer .ant-select-focused .ant-select-selector,.account-page .transactions-card .ant-picker-focused,.account-page .transactions-card .ant-select-focused .ant-select-selector{border-color:var(--border-color)!important}.account-page .transactions-card .ant-pagination-options-size-changer .ant-select-dropdown,.account-page .transactions-card .ant-pagination-options-size-changer .ant-select-focused .ant-select-selector,.account-page .transactions-card .ant-pagination-options-size-changer .ant-select-selector,.account-page .transactions-card .ant-picker,.account-page .transactions-card .ant-picker-dropdown,.account-page .transactions-card .ant-picker-focused,.account-page .transactions-card .ant-select-dropdown,.account-page .transactions-card .ant-select-focused .ant-select-selector,.account-page .transactions-card .ant-select-selector{box-shadow:none!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item-ellipsis,.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-next,.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-prev{align-items:center!important;display:flex!important;font-size:var(--font-size-xs)!important;height:28px!important;justify-content:center!important;line-height:28px!important;min-width:28px!important;padding:0!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-item-ellipsis .anticon{align-items:center!important;display:flex!important;font-size:var(--font-size-md)!important;height:var(--font-size-md)!important;justify-content:center!important;width:var(--font-size-md)!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-next .ant-pagination-item-link,.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-prev .ant-pagination-item-link{align-items:center!important;display:flex!important;height:28px!important;justify-content:center!important;line-height:28px!important;min-width:28px!important;padding:0!important}.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-next .ant-pagination-item-link .anticon,.account-page .transactions-card .account-transactions-table .account-pagination .ant-pagination-prev .ant-pagination-item-link .anticon{align-items:center!important;display:flex!important;font-size:var(--font-size-md)!important;height:var(--font-size-md)!important;justify-content:center!important;width:var(--font-size-md)!important}html body .account-page .transactions-card .account-transactions-table .account-negative-amount,html body .account-page .transactions-card .account-transactions-table .ant-table-cell .account-negative-amount{color:var(--brand-primary)!important}html body .account-page .transactions-card .account-transactions-table .account-tag-error{background:var(--brand-primary-light)!important;border-color:var(--brand-primary)!important;color:var(--brand-primary)!important}html body .account-page .stats-card .ant-statistic-content-value .account-negative-value,html body .account-page .transactions-card .account-transactions-table .account-amount-cell,html body .account-page .transactions-card .account-transactions-table .account-amount-cell.negative,html body .account-page .transactions-card .account-transactions-table .account-total-amount{color:var(--brand-primary)!important}.account-page .transactions-card .account-refresh-btn.ant-btn,.account-page .transactions-card .ant-picker,.account-page .transactions-card .ant-select{font-size:var(--font-size-sm)!important;height:32px!important;line-height:32px!important}.account-page .transactions-card .ant-picker-input{height:32px!important;line-height:32px!important}.account-page .transactions-card .ant-select-selector{height:32px!important;line-height:32px!important;padding:0 11px!important}.account-page .transactions-card .account-refresh-btn.ant-btn{align-items:center!important;display:inline-flex!important;justify-content:center!important;padding:0 12px!important}.balance-statistic-container{align-items:flex-start;display:flex;flex-direction:column}.balance-title{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:2px}.balance-bottom-row,.balance-value{align-items:flex-end;display:flex}.balance-value{color:var(--text-primary);font-size:24px;line-height:1}.recharge-btn,.recharge-btn.ant-btn,.recharge-btn.ant-btn-primary{background:var(--brand-gradient)!important;border:none!important;border-radius:var(--radius-sm)!important;color:var(--text-inverse)!important;font-size:13px;height:26px!important;line-height:28px!important;margin-left:28px;min-height:20px!important;padding:0 18px!important}.recharge-btn:hover{border:none;box-shadow:none;filter:brightness(1.1);transform:none}.recharge-btn.ant-btn-primary:hover,.recharge-btn:hover{background:var(--brand-gradient)!important;border:none!important;box-shadow:none!important;color:var(--text-inverse)!important;filter:brightness(1.1)!important;transform:none!important}@media (max-width:768px){.balance-bottom-row{align-items:flex-start;flex-direction:column;gap:8px}.recharge-btn{align-self:flex-start;margin-left:0;margin-top:8px}}.balance-value-row .ant-btn,.balance-value-row .recharge-btn{border-radius:4px;font-size:12px;height:24px;margin-left:28px;padding:0 8px;position:relative;top:-3px}.subscription-statistic-container{align-items:flex-start;display:flex;flex-direction:column}.subscription-crown-icon{color:var(--warning-color);font-size:18px;margin-right:4px}.subscription-expiry{align-items:flex-start;color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;gap:2px;margin-top:4px;width:100%}.subscription-expiry>div:first-child{margin-bottom:2px}.subscription-expiry .ant-tag{border-radius:2px;font-size:10px;height:16px;line-height:14px;margin:0;padding:0 4px}@media (max-width:768px){.subscription-statistic-container{align-items:center}.subscription-expiry{align-items:center;text-align:center}}.subscription-status-row{align-items:center;display:flex;font-size:12px;font-weight:400;letter-spacing:.2px;margin-left:0;margin-top:0;padding-left:0}.subscription-status-dot{border-radius:50%;box-shadow:0 0 2px #00000014;display:inline-block;height:8px;margin-left:6px;margin-right:6px;width:8px}.subscription-status-dot.active{background:linear-gradient(135deg,#2ecc71 60%,#27ae60)}.subscription-status-dot.expired{background:linear-gradient(135deg,#e74c3c 60%,#c0392b)}.subscription-status-dot.pending{background:linear-gradient(135deg,#f39c12 60%,#e67e22)}.subscription-status-dot.canceled{background:linear-gradient(135deg,#b2bec3 60%,#636e72)}.subscription-status-text{color:var(--text-primary);font-size:12px;font-weight:400;letter-spacing:.2px}.subscription-expiry-row{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:12px;margin-bottom:2px;width:100%}.subscription-expiry-date{color:var(--text-secondary);font-size:12px;font-weight:400;letter-spacing:.2px}.hand-fix-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.hand-fix-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.hand-fix-container{flex-direction:column}}.hand-fix-page .control-content .upload-area{margin-top:0!important;padding-top:0}.change-model-page{background:var(--bg-secondary);height:calc(100vh - 68px);overflow:auto;width:100%}.change-model-container{display:flex;gap:0;height:100%;overflow:auto;padding:12px;-webkit-user-select:none;user-select:none}.generation-area{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;height:100%;margin-left:12px;overflow:auto;padding:20px 0}.result-header{align-items:flex-end;border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-start;margin:0 -20px 8px;padding:0 20px;position:relative}.result-header h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500;margin:0}.result-actions{display:flex;gap:12px}.action-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-md);padding:6px 16px;transition:var(--transition-normal)}.action-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.empty-result{color:var(--text-tertiary);font-size:var(--font-size-md);text-align:center}.showcase-container{flex:1 1;overflow-y:auto;padding:16px 20px}@media (max-width:768px){.change-model-container{flex-direction:column}}.coming-soon{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.coming-soon-icon{height:120px;margin-bottom:24px;opacity:.8;width:120px}.coming-soon h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500;margin:0 0 12px}.coming-soon p{color:var(--text-tertiary);font-size:var(--font-size-md);line-height:1.5;margin:0}.mt-4{margin-top:16px}.generate-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:var(--font-size-md);overflow:hidden;padding:12px 0;position:relative;transition:var(--transition-normal);width:100%}.generate-btn:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s;width:100%}.generate-btn:hover:not(:disabled):after{left:100%}.generate-btn:hover:not(:disabled){background:var(--brand-gradient)}.generate-btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.7}.generate-btn:disabled:after{display:none}.control-content{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:20px 20px 120px}.change-model-page .control-content .upload-area{margin-top:0!important;padding-top:0}.sound-control{bottom:20px;position:fixed;right:20px;z-index:1000}.sound-toggle-btn{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sound-toggle-btn:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.sound-toggle-btn.muted{opacity:.7}.sound-icon{font-size:18px}.sound-toggle-sidebar{margin-bottom:0!important;margin-top:.25rem!important}.sound-toggle-sidebar svg{color:var(--text-secondary);flex-shrink:0;font-size:1.15rem!important;margin-right:.25rem;transition:none;width:1.15rem!important}.sound-toggle-sidebar:hover svg{color:var(--brand-primary)}.sidebar.collapsed .sound-toggle-sidebar span:not(svg){display:none}.sidebar.collapsed .sound-toggle-sidebar{justify-content:center;padding:.85rem 0}.theme-toggle{margin-bottom:.25rem!important}.theme-toggle-btn{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.theme-toggle-btn:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.theme-toggle-btn svg{color:var(--text-secondary);font-size:1.15rem}.admin-layout{min-height:100vh;width:100%}.admin-logo{background:#fff3;color:#fff;font-size:16px;font-weight:700;height:32px;justify-content:center;margin:16px;overflow:hidden}.admin-header,.admin-logo{align-items:center;display:flex}.admin-header{box-shadow:0 1px 4px #0000001a;justify-content:space-between;padding:0 16px}.header-left,.header-right{align-items:center;display:flex}.header-right{gap:16px}.user-dropdown{align-items:center;cursor:pointer;display:flex;gap:8px}.content-wrapper{margin:0 16px}.content-container{border-radius:4px;box-shadow:0 1px 2px #0000000d;min-height:360px;padding:24px}.admin-footer{color:#00000073;text-align:center}@media (max-width:768px){.header-right{gap:8px}.user-dropdown span{display:none}.content-container{padding:16px}}.admin-header .logo{font-size:20px;font-weight:700}.admin-header .user-info{align-items:center;display:flex}.admin-header .user-info span{margin-right:15px}.admin-content,.admin-sider{background:#fff}.admin-content{margin:0;min-height:280px;padding:24px}.admin-page{width:100%}.admin-header-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-header-actions h1{margin:0}body.admin-body .navbar,body.admin-body .sidebar,body.admin-body .sidebar-collapse-btn,body.admin-body .sub-navbar{display:none!important}body.admin-body .content-wrap{margin-left:0!important;padding-top:0!important}body.admin-body .app{padding-top:0!important}.admin-layout{background:#f0f2f5;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.ant-form-inline .ant-form-item{margin-bottom:16px}.subscription-management{padding:24px}.stats-card,.stats-row{margin-bottom:24px}.stats-row{display:flex;flex-wrap:wrap}.stat-item{flex:1 1;margin-bottom:16px;min-width:200px}.plan-tag{margin-right:8px}.plan-tag-design{background:#e6f7ff;border-color:#91d5ff;color:#108ee9}.plan-tag-model{background:#f9f0ff;border-color:#d3adf7;color:#722ed1}.plan-tag-full{background:#fff1f0;border-color:#ffa39e;color:#f5222d}.plan-tag-enterprise{background:#fff7e6;border-color:#ffd591;color:#fa8c16}.plan-tag-free,.status-tag-active{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.status-tag-pending{background:#fffbe6;border-color:#ffe58f;color:#faad14}.status-tag-expired{background:#fff1f0;border-color:#ffa39e;color:#ff4d4f}.status-tag-canceled{background:#f5f5f5;border-color:#d9d9d9;color:#8c8c8c}@media (max-width:768px){.subscription-management{padding:12px}.stat-item{min-width:100%}}.instance-management{padding:24px}.stats-section{margin-bottom:24px}.stats-section .ant-card{border-radius:8px}.instance-table-card{border-radius:8px;display:flex;flex-direction:column;height:600px}.table-header{flex-shrink:0}.table-header h2{margin:0}.status-tag{min-width:80px;text-align:center}.ant-progress-line{margin-bottom:0}@media (max-width:768px){.instance-management{padding:12px}.stats-section .ant-col{margin-bottom:12px}}.instance-detail-drawer .ant-descriptions-item-label{font-weight:500;width:120px}.instance-detail-drawer .ant-descriptions-item-content{word-break:break-all}.port-config-item{background:#f5f5f5;border-radius:4px;margin-bottom:8px;padding:8px}.port-config-item:last-child{margin-bottom:0}.balance-card{background:linear-gradient(135deg,#722ed1,#1890ff)}.balance-card .ant-statistic-title{color:#ffffffd9;font-size:14px;margin-bottom:8px}.balance-card .ant-statistic-content{color:#fff;font-size:20px}.balance-card .ant-statistic-content-value-decimal{font-size:14px}.balance-card .ant-btn-link{color:#fff;opacity:.85}.balance-card .ant-btn-link:hover{color:#fff;opacity:1}@media (max-width:1400px){.balance-card .ant-statistic-title{font-size:12px}.balance-card .ant-statistic-content{font-size:16px}.balance-card .ant-statistic-content-value-decimal{font-size:12px}}@media (max-width:992px){.stats-section .ant-col{margin-bottom:16px}.balance-card .ant-row{flex-direction:column}.balance-card .ant-col{margin-bottom:8px}}.stats-section .ant-col{margin-bottom:0}@media (max-width:1200px){.stats-section .ant-col{margin-bottom:16px}}.instance-table-fixed .ant-table-wrapper{flex:1 1 auto;min-height:0}.instance-table-fixed .ant-table-body{max-height:440px;min-height:0}.stats-section .ant-row{display:flex;flex-wrap:nowrap!important;gap:16px;overflow-x:auto}.stats-section .ant-col{flex:0 0 auto;min-width:220px}.announcement-management{padding:24px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ant-upload-list-picture-card .ant-upload-list-item{float:left;height:104px;margin:0 8px 8px 0;width:104px}.ant-upload.ant-upload-select-picture-card{height:104px;margin:0 8px 8px 0;width:104px}.announcement-preview{background:#fff;border-radius:4px;padding:24px}.announcement-preview-title{font-size:20px;font-weight:700;margin-bottom:16px}.announcement-preview-content{margin-bottom:16px;white-space:pre-wrap}.announcement-preview-images{display:flex;flex-wrap:wrap;gap:8px}.announcement-preview-image{border-radius:4px;height:200px;object-fit:cover;width:200px}@media (max-width:768px){.announcement-management{padding:12px}.announcement-preview-image{height:auto;width:100%}}.promotion-banner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-lg);color:#fff;display:flex;height:min(228px,24vh);justify-content:center;overflow:hidden;position:relative;text-align:center;transition:background-image .3s ease-in-out;width:100%}.promotion-banner:before{background:#00000047;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}[data-theme=dark] .promotion-banner:before{background:#ffffff2e}.promotion-banner.no-mask:before{display:none}.promotion-content{display:flex;flex-direction:column;height:100%;justify-content:center;max-width:800px;padding:0 20px;position:relative;z-index:2}.promotion-content h1{font-size:clamp(1.25rem,2.3vw,2rem);font-weight:600;line-height:1.2;margin-bottom:16px}.promotion-content h1,.promotion-subtitle{color:var(--text-inverse);text-shadow:0 2px 8px #3c3c3c52!important}.promotion-subtitle{font-size:clamp(.875rem,1.2vw,1.1rem);font-weight:528;line-height:1.8;margin-bottom:0;opacity:.9}.promotion-content .cta-button{align-self:center;max-width:280px;min-width:180px;width:auto}.cta-button{background:var(--text-inverse);border:none;border-radius:30px;box-shadow:0 2px 8px #0003;color:#0000;cursor:pointer;font-size:1rem;font-weight:580;margin-bottom:0;margin-top:12px;padding:12px 32px;transition:all .3s ease}.cta-button span{background:linear-gradient(45deg,#4158d0,#c850c0,#ffcc70);-webkit-background-clip:text;background-clip:text;color:#0000}.cta-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.dynamic-background{animation:gradient 15s ease infinite;background:linear-gradient(45deg,#4158d0,#c850c0,#ffcc70);background-size:200% 200%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.promotion-banner.logged-in .dynamic-background,.promotion-banner.logged-out .dynamic-background{background:linear-gradient(45deg,#4158d0,#c850c0,#ffcc70)}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:888px){.promotion-banner{height:min(200px,22vh)}.promotion-content{padding:min(20px,2vw)}.promotion-content h1{font-size:clamp(1rem,2.8vw,1.2rem)}.promotion-subtitle{font-size:clamp(.8rem,1.1vw,1rem);margin-bottom:10px}.cta-button{font-size:.9rem;padding:10px 24px}}@media (max-width:480px){.promotion-banner{height:min(180px,20vh)}.promotion-content{padding:min(16px,1.8vw)}.promotion-content h1{font-size:clamp(.9rem,1.1vw,1rem);margin-bottom:min(10px,1.2vw)}.promotion-subtitle{font-size:clamp(.75rem,1vw,.9rem);margin-bottom:8px}}[data-theme=dark] .promotion-content .promotion-subtitle,[data-theme=dark] .promotion-content h1{text-shadow:0 2px 8px #ffffff2e!important}.error-message{align-items:flex-start;background-color:#fff2f0;border:1px solid #ffccc7;border-radius:6px;color:#333;display:flex;font-size:14px;line-height:1.5;margin:8px 0;padding:12px 16px;transition:all .3s}.simple-error-message{color:var(--error-color);display:block;font-size:12px;line-height:1.5;margin:4px 0;text-align:left}.simple-error-message .lockout-time,.simple-error-message .remaining-attempts{font-size:12px;margin-left:4px}.error-message.network{background-color:#f0f5ff;border-color:#d6e4ff}.error-message.validation{background-color:#fffbe6;border-color:#ffe58f}.error-message.server{background-color:#fff2f0;border-color:#ffccc7}.error-message.auth{background-color:#f9f0ff;border-color:#efdbff}.error-message.timeout{background-color:#fcf4e6;border-color:#ffd591}.error-message.locked{background-color:#fff1f0;border-color:#ffa39e}.error-icon{font-size:18px;line-height:1;margin-right:12px}.error-content{flex:1 1}.error-text{font-weight:500;margin:0 0 4px}.error-suggestion{color:#666;font-size:12px;margin:0}.error-retry{background-color:initial;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:12px;margin-top:8px;padding:4px 12px;transition:all .3s}.error-retry:hover{border-color:#1890ff;color:#1890ff}@media (max-width:768px){.error-message{font-size:13px;padding:10px 12px}.error-icon{font-size:16px}.error-suggestion{font-size:11px}}.captcha-container{margin:0 auto;max-width:360px;padding:0;width:100%}.captcha-box{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}[data-theme=dark] .captcha-box{background:#1f1f1f;background:var(--bg-primary,#1f1f1f);box-shadow:0 4px 20px #0003}.captcha-title{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:500;margin:0 0 20px;text-align:center}[data-theme=dark] .captcha-title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.captcha-display{flex-direction:column;margin-bottom:20px}.captcha-display,.captcha-svg-container{align-items:center;display:flex;position:relative}.captcha-svg-container{background:#f7f7f7;background:var(--bg-secondary,#f7f7f7);border:1px solid #eaeaea;border:1px solid var(--border-color,#eaeaea);border-radius:8px;height:80px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100%}[data-theme=dark] .captcha-svg-container{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#3a3a3a;border-color:var(--border-color,#3a3a3a)}.captcha-svg{align-items:center;display:flex;justify-content:center}.captcha-svg,.captcha-svg svg{height:100%;width:100%}.refresh-button{align-items:center;background:#fffc;border:none;border-radius:50%;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px;z-index:2}[data-theme=dark] .refresh-button{background:#282828cc;box-shadow:0 2px 6px #0003}.refresh-button:hover{background:#fff;transform:rotate(30deg)}[data-theme=dark] .refresh-button:hover{background:#3c3c3c}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.refresh-button:before{color:#666;color:var(--text-secondary,#666);content:"↻";font-size:18px}[data-theme=dark] .refresh-button:before{color:#aaa;color:var(--text-secondary,#aaa)}.input-group{display:flex;flex-direction:column;gap:16px;width:100%}.input-container{position:relative;width:100%}.input-group input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;color:#333;color:var(--text-primary,#333);font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}[data-theme=dark] .input-group input{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#3a3a3a;border-color:var(--border-color,#3a3a3a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.input-group input:focus{border-color:#4a90e2;border-color:var(--brand-primary,#4a90e2);box-shadow:0 0 0 3px #4a90e21a;outline:none}[data-theme=dark] .input-group input:focus{box-shadow:0 0 0 3px #4a90e233}.verify-button{background:linear-gradient(135deg,#ff3c6a,#ff9b5f);background:var(--brand-gradient,linear-gradient(135deg,#ff3c6a 0,#ff9b5f 100%));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;overflow:hidden;padding:12px 0;position:relative;transition:all .3s ease;width:100%}.verify-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.verify-button:active:not(:disabled){transform:translateY(1px)}.verify-button:disabled{background:#ccc;background:var(--bg-disabled,#ccc);color:#888;color:var(--text-disabled,#888);cursor:not-allowed}.loading{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:14px;height:100%;justify-content:center;width:100%}[data-theme=dark] .loading{color:#aaa;color:var(--text-secondary,#aaa)}.loading:after{animation:spin 1s linear infinite;border:2px solid #ddd;border-top-color:#4a90e2;border:2px solid var(--border-color,#ddd);border-radius:50%;border-top-color:var(--brand-primary,#4a90e2);content:"";height:20px;margin-left:10px;width:20px}.error{font-size:14px;padding:10px}.error,.error-message{color:#ff4d4f;color:var(--error-color,#ff4d4f);text-align:center}.error-message{font-size:13px;margin-top:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.edit-modal{animation:slideIn .2s ease;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;left:162px;max-height:calc(100vh - 100px);padding:16px;pointer-events:auto;position:fixed;top:64px;width:180px;z-index:1000}.edit-modal.sidebar-collapsed{left:62px}.edit-modal h3{color:var(--text-primary);font-size:.8rem;margin:0 0 8px}.edit-modal h4{color:var(--text-secondary);font-size:.75rem;margin:8px 0 4px}.edit-modal .feature-list{flex:1 1;margin:5px 0 0;max-height:calc(100vh - 200px);overflow-y:auto}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.75rem;gap:8px;padding:4px 0}.checkbox-label input[type=checkbox]{display:none}.checkbox-label .toggle-track{background-color:var(--bg-secondary);border-radius:9px;height:18px;position:relative;transition:background-color .2s ease;width:32px}.checkbox-label .toggle-track:before{background-color:var(--text-inverse);border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:14px}.checkbox-label input[type=checkbox]:checked+.toggle-track{background-color:var(--brand-primary)}.checkbox-label input[type=checkbox]:checked+.toggle-track:before{transform:translateX(14px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:888px){.edit-modal{left:42px;position:fixed;top:85px;width:180px}.checkbox-label,.edit-modal h4{font-size:.75rem}.checkbox-label{margin:4px 0;padding:2px 6px}.checkbox-label input[type=checkbox]+.toggle-track{height:16px;width:28px}.checkbox-label input[type=checkbox]+.toggle-track:before{height:12px;width:12px}.checkbox-label input[type=checkbox]:checked+.toggle-track:before{transform:translateX(12px)}}