:root{--global--font-size-xxxl:clamp(2rem,1.545rem + 1.818vw,3rem);--global--font-size-xxl:clamp(1.75rem,1.125rem + 1.667vw,2.625rem);--global--font-size-xl:clamp(1.5rem,1.159rem + 1.364vw,2.25rem);--global--font-size-lg:clamp(1.25rem,1.08rem + .682vw,1.625rem);--global--font-size-base:clamp(1rem,.943rem + .227vw,1.125rem);--global--font-size-sm:clamp(.875rem,.818rem + .227vw,1rem);--global--font-size-xs:clamp(.75rem,.693rem + .227vw,.875rem);--global--font-size-page-title:var(--global--font-size-xxxl);--global--font-size-post-title:var(--global--font-size-xl);--global--letter-spacing:normal;--heading--font-family:var(--global--font-primary);--heading--font-size-h6:var(--global--font-size-xs);--heading--font-size-h5:var(--global--font-size-xs);--heading--font-size-h4:var(--global--font-size-base);--heading--font-size-h3:var(--global--font-size-lg);--heading--font-size-h2:var(--global--font-size-xl);--heading--font-size-h1:var(--global--font-size-page-title);--heading--letter-spacing-h6:.05em;--heading--letter-spacing-h5:.05em;--heading--letter-spacing-h4:var(--global--letter-spacing);--heading--letter-spacing-h3:var(--global--letter-spacing);--heading--letter-spacing-h2:var(--global--letter-spacing);--heading--letter-spacing-h1:var(--global--letter-spacing);--heading--line-height-h6:var(--global--line-height-heading);--heading--line-height-h5:var(--global--line-height-heading);--heading--line-height-h4:var(--global--line-height-heading);--heading--line-height-h3:var(--global--line-height-heading);--heading--line-height-h2:var(--global--line-height-heading);--heading--line-height-h1:var(--global--line-height-page-title);--heading--font-weight:600;--heading--font-weight-page-title:600;--heading--font-weight-strong:600;--global--color-black:#373a41;--global--color-dark-gray:#0e2045;--global--color-dark-blue:#101e3b;--global--color-gray:#959da3;--global--color-light-gray:#e6e9ed;--global--color-light-dark:#dfe2e6;--global--color-green:#d1e4dd;--global--color-blue:#3c71d9;--global--color-red:#e94137;--global--color-white:#fff;--global--color-shadow:#dadee4;--global--color-yellow:#eeeadd;--global--color-orange:#e4dad1;--global--color-purple:#d1d1e4;--global--color-primary:var(--global--color-dark-gray);--global--color-background-gray:#f0f2f5;--global--btn-default-color:#00a199;--global--grey-text-color:#7d8790;--global--grey-border-color:#b4b9c4;--global--grey-color:#f8f9fa;--global-ai-icon-color:var(--global--color-black);--global-ai-icon-disabled-color:#b8b8bd;--global-ai-icon-hover-color:#374151;--global--color-secondary:var(--global--color-black);--global--color-primary-hover:var(--global--color-primary);--global--color-background:var(--global--color-green);--global--color-border:var(--global--color-background-gray);--global-ai-theme-bg-color:var(--global--btn-default-color);--upload-footer-height:60px;--app-btn-height:40px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--global--color-dark-gray);font-family:Helvetica Neue,Arial,sans-serif;line-height:1.5}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{clear:both;font-family:var(--heading--font-family);font-weight:var(--heading--font-weight)}.h1 strong,.h2 strong,.h3 strong,.h4 strong,.h5 strong,.h6 strong,h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:var(--heading--font-weight-strong)}.h1,h1{font-size:var(--heading--font-size-h1);line-height:var(--heading--line-height-h1)}.h2,h2{font-size:var(--heading--font-size-h2);line-height:var(--heading--line-height-h2)}.h3,h3{font-size:var(--heading--font-size-h3);line-height:var(--heading--line-height-h3)}.h4,h4{font-size:var(--heading--font-size-h4);line-height:var(--heading--line-height-h4)}.h4,.h5,h4,h5{font-weight:var(--heading--font-weight-strong)}.h5,h5{font-size:var(--heading--font-size-h5);line-height:var(--heading--line-height-h5)}.h6,h6{font-size:var(--heading--font-size-h6);font-weight:var(--heading--font-weight-strong);line-height:var(--heading--line-height-h6)}p{font-size:var(--global--font-size-base)}button{cursor:pointer}.w{margin:0 auto;max-width:1400px}.block-title{margin-bottom:15px}.grey-text{color:var(--global--grey-border-color)}.ai-component-block{margin:20px 0}.output-container .ai-component-block:last-child{margin:0}.ai-component-block:first-child{margin-top:0}.components-container{border:1px dashed var(--global--color-purple);border-radius:10px;padding:10px}.input-image-block{align-items:center;aspect-ratio:16/8;cursor:pointer;display:flex;height:auto;justify-content:center;max-height:400px;min-height:176px;text-align:center;transition:border-color .3s}.input-image-block.is-dragover{border-color:var(--global--btn-default-color)}.output-image-block,.output-video-block{background:var(--global--grey-color);border-radius:8px;height:100%;max-width:800px;min-height:176px;overflow:hidden;position:relative;width:100%}.components-output-container{height:100%}.app-block{border:1px solid var(--global--grey-color);border-radius:8px}.app-block,.image-no-data,.video-no-data{background:var(--global--grey-color);max-width:800px;position:relative;width:100%}.image-no-data,.video-no-data{align-items:center;border-radius:8px;display:flex;height:100%;justify-content:center;min-height:176px}.image-no-data svg,.video-no-data svg{height:20px;width:20px}.progress-bar-small{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.progress-bar-fill-small{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.toolbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:15px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a,inset 0 1px #fff9;display:flex;flex-direction:column;font-size:12px;gap:15px;left:-18px;padding:12px 0;position:absolute;transition:all .2s ease;z-index:9999}.toolbar:hover{box-shadow:0 6px 20px #0000001a,0 2px 6px #0000000f,inset 0 1px #ffffffb3}.main-tools{gap:10px}.content,.main-tools{align-items:center;display:flex;flex-direction:column}.content{height:100%;width:100%}.content,.top-title{justify-content:center}.top-title{align-items:center;background-color:#fff;border:1px solid #e4e4e7;border-radius:6px 0;border-right:none;border-top:none;box-shadow:0 1px 2px #0000000d;cursor:text;display:flex;flex-direction:row;gap:5px;left:0;padding:5px;position:absolute;top:0;z-index:999}.top-title span{font-size:var(--global--font-size-xs);line-height:1}.top-title svg{color:var(--global-ai-icon-color);height:17px;width:17px}.top-actions{background-color:#fff;border:1px solid #e4e4e7;border-radius:0 6px;border-right:none;border-top:none;box-shadow:0 1px 2px #0000000d;flex-direction:row;gap:8px;justify-content:center;padding:5px;position:absolute;right:0;top:0;z-index:999}.action-btn,.top-actions{align-items:center;display:flex}.action-btn{background:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s;width:17px}.action-btn svg{color:var(--global-ai-icon-color);height:100%;width:100%}.action-btn .action-btn-disabled{color:var(--global-ai-icon-disabled-color)}.upload-input{display:none}.upload-content{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.upload-icon{color:var(--global-ai-icon-color);width:30px}.upload-text{color:#606266;font-size:14px}.upload-text p{font-size:var(--global--font-size-sm);margin:4px 0}.control-btn,.upload-text .upload-link{cursor:pointer}.control-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:none;border-radius:8px;display:flex;justify-content:center;transition:all .2s ease;width:35px}.control-btn:hover{background:#fffc;color:var(--global-ai-icon-hover-color)}.control-btn.active{background:#ffffffe6}.control-btn.active svg{color:var(--global--btn-default-color);transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn svg{color:var(--global-ai-icon-color);height:20px;transition:transform .2s ease;width:20px}.photo-btn{display:none}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.progress-bar-container{width:200px}.progress-bar{background-color:#0000001a;border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-bar-fill{animation:progress-animation 2s ease-in-out infinite;background:linear-gradient(90deg,var(--global--btn-default-color),#4facfe);border-radius:2px;height:100%}@keyframes progress-animation{0%{transform:translate(-100%);width:0}50%{transform:translate(0);width:100%}to{transform:translate(100%);width:100%}}.loading-text{color:#666;font-size:14px;font-weight:500}.queue-info{border-radius:6px;margin-top:8px}.queue-text{color:var(--global--btn-default-color);font-size:14px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media screen and (max-width:1400px){.main-content{padding:0 20px}}@media screen and (max-width:860px){.m-width100{width:100%!important}.image-no-data,.input-image-block,.output-image-block{aspect-ratio:unset}.main-content{padding:0 15px!important}.photo-btn{display:flex!important}.output-container{height:auto!important}.unified-toolbar{transform:translateY(-41%)!important}.image-no-data,.input-image-block,.output-image-block,.output-video-block,.video-no-data{min-height:240px}.app-container{gap:0!important}.ai-component-block{margin:10px 0!important}.app-header{margin-bottom:20px!important}.app-btn{margin-bottom:20px}}.notification-container[data-v-2d4438f4]{pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.notification-item[data-v-2d4438f4]{align-items:flex-start;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;display:flex;gap:12px;margin-bottom:12px;max-width:400px;min-width:320px;padding:16px;pointer-events:auto;transition:all .3s ease}.notification-success[data-v-2d4438f4]{border-left-color:#10b981}.notification-error[data-v-2d4438f4]{border-left-color:#ef4444}.notification-warning[data-v-2d4438f4]{border-left-color:#f59e0b}.notification-info[data-v-2d4438f4]{border-left-color:#3b82f6}.notification-icon[data-v-2d4438f4]{flex-shrink:0;margin-top:2px}.notification-success .notification-icon[data-v-2d4438f4]{color:#10b981}.notification-error .notification-icon[data-v-2d4438f4]{color:#ef4444}.notification-warning .notification-icon[data-v-2d4438f4]{color:#f59e0b}.notification-info .notification-icon[data-v-2d4438f4]{color:#3b82f6}.notification-content[data-v-2d4438f4]{flex:1;min-width:0}.notification-title[data-v-2d4438f4]{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.notification-message[data-v-2d4438f4]{color:#6b7280;font-size:14px;line-height:1.4;word-wrap:break-word}.notification-close[data-v-2d4438f4]{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;margin-top:-2px;padding:4px;transition:all .2s ease}.notification-close[data-v-2d4438f4]:hover{background:#f3f4f6;color:#6b7280}.notification-enter-active[data-v-2d4438f4],.notification-leave-active[data-v-2d4438f4]{transition:all .3s ease}.notification-enter-from[data-v-2d4438f4],.notification-leave-to[data-v-2d4438f4]{opacity:0;transform:translate(100%)}.notification-move[data-v-2d4438f4]{transition:transform .3s ease}@media (max-width:480px){.notification-container[data-v-2d4438f4]{left:10px;right:10px;top:10px}.notification-item[data-v-2d4438f4]{max-width:none;min-width:auto}}