.cutout-canvas{background:#f5f5f5;width:100%;height:100%;display:flex;position:relative}.cutout-canvas__main{flex:1;position:relative}.cutout-canvas__canvas{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.cutout-canvas__sidebar{background:#fff;border-left:1px solid #f0f0f0;flex-direction:column;gap:12px;width:260px;height:100%;padding:12px;display:flex;position:relative;box-shadow:-4px 0 12px #0000000a}.cutout-canvas__section{padding:8px 0;display:block}.cutout-canvas__section-title{color:#333;margin-bottom:8px;font-size:14px;font-weight:500}.cutout-canvas__footer{margin-top:auto}.cutout-canvas__footer .btn{width:100%;margin-bottom:6px}.cutout-canvas__preview{border:1px solid #f0f0f0;border-radius:4px;margin-top:8px;overflow:hidden}.cutout-canvas__preview-img{width:100%;display:block}.cutout-canvas-toolbar{z-index:10;background:#fff;border:1px solid #f0f0f0;border-radius:18px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000014}.cutout-canvas-toolbar__btn{padding:0 10px}.cutout-canvas-actions{z-index:10;background:#fff;border:1px solid #f0f0f0;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;max-width:260px;padding:6px 10px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #00000014}@media (max-width:1440px){.cutout-canvas-actions{flex-direction:column;gap:6px}.cutout-canvas-actions button{width:100%}}.fabra-toolbar{background-color:#fff;border-bottom:1px solid #e8e8e8;height:46px;padding:0 16px;overflow-x:auto}.fabra-crop-wrapper .cropper-line{opacity:1;background-color:#f22}.fabra-crop-wrapper .cropper-line.line-n{height:2px;top:-2px}.fabra-crop-wrapper .cropper-line.line-e{width:2px;right:-2px}.fabra-crop-wrapper .cropper-line.line-s{height:2px;bottom:-2px}.fabra-crop-wrapper .cropper-line.line-w{width:2px;left:-2px}.fabra-crop-wrapper .cropper-point{opacity:1;background-color:#fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 2px 2px #ddd}.fabra-crop-wrapper .cropper-point.point-ne{top:-5px;right:-5px}.fabra-crop-wrapper .cropper-point.point-nw{top:-5px;left:-5px}.fabra-crop-wrapper .cropper-point.point-sw{bottom:-5px;left:-5px}.fabra-crop-wrapper .cropper-point.point-se{bottom:-5px;right:-5px}.fabra-crop-wrapper .cropper-point.point-n{border-radius:10px;width:20px;height:6px;top:-3px}.fabra-crop-wrapper .cropper-point.point-w{border-radius:10px;width:6px;height:20px;left:-3px}.fabra-crop-wrapper .cropper-point.point-s{border-radius:10px;width:20px;height:6px;bottom:-3px}.fabra-crop-wrapper .cropper-point.point-e{border-radius:10px;width:6px;height:20px;right:-3px}.rcs-preset-colors{gap:5px!important}.fabra-editor-header-share{flex-direction:column;gap:16px;display:flex}.fabra-editor-header-share-row{align-items:center;gap:12px;display:flex}.fabra-editor-header-share-row-content{flex:1;align-items:center;gap:12px;display:flex}.fabra-editor-header-share-actions{flex-direction:column;gap:12px;display:flex}.fabra-editor-header-share-btn{align-items:center;gap:8px;display:flex}.user-avatar{cursor:pointer;transition:all .3s}.unlogin-popover-content{width:280px;padding:16px 8px}.unlogin-popover-content .header{text-align:center;margin-bottom:14px}.unlogin-popover-content .header .title{color:#1a1a1a;letter-spacing:-.02em;margin-bottom:8px;font-size:20px;font-weight:700}.unlogin-popover-content .header .subtitle{color:#666;font-size:14px}.unlogin-popover-content .benefits{margin-bottom:28px}.unlogin-popover-content .benefits .benefits-card{background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 100%);border:1px solid #e8f0ff;border-radius:12px;padding:16px}.unlogin-popover-content .benefits .benefits-card .benefit-item{color:#555;align-items:center;margin-bottom:10px;font-size:12px;line-height:1.4;display:flex}.unlogin-popover-content .benefits .benefits-card .benefit-item:last-child{margin-bottom:0}.unlogin-popover-content .benefits .benefits-card .benefit-item .icon{margin-right:8px;font-size:14px}.unlogin-popover-content .login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:24px;outline:none;width:100%;height:48px;margin-bottom:12px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 6px 20px #667eea40}.unlogin-popover-content .login-button:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-1px);box-shadow:0 8px 25px #667eea59}.unlogin-popover-content .login-button:active{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(0);box-shadow:0 4px 15px #667eea40}.unlogin-popover-content .login-button:focus{box-shadow:0 6px 20px #667eea40,0 0 0 2px #667eea33}.unlogin-popover-content .footer-tip{text-align:center;color:#999;font-size:12px;line-height:1.3}.login-popover-content{width:280px;padding:16px 8px 0}.login-popover-content .user-info{align-items:center;margin-bottom:16px;display:flex}.login-popover-content .user-info .user-avatar{margin-right:12px}.login-popover-content .user-info .user-avatar .avatar-img{object-fit:cover;border-radius:50%;width:40px;height:40px}.login-popover-content .user-info .user-avatar .avatar-placeholder{color:#fff;background-color:#faa665;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.login-popover-content .user-info .user-details{flex:1}.login-popover-content .user-info .user-details .username{color:#1a1a1a;margin-bottom:2px;font-size:16px;font-weight:600;line-height:1.2}.login-popover-content .user-info .user-details .user-status{margin-top:4px;font-size:12px;position:relative}.login-popover-content .user-info .user-details .user-status .vip-status{color:#8b4513;background:linear-gradient(135deg,gold 0%,#ffb347 100%);border:1px solid #ffd70080;border-radius:12px;padding:6px 8px;font-weight:600;box-shadow:0 2px 8px #ffd7004d}.login-popover-content .user-info .user-details .user-status .vip-status .vip-icon{color:#b8860b;margin-right:4px;font-size:14px}.login-popover-content .user-info .user-details .user-status .vip-status .vip-text{font-size:12px}.login-popover-content .user-info .user-details .user-status .vip-status .vip-expires{margin:2px;font-size:12px}.login-popover-content .user-info .user-details .user-status .vip-status .vip-renew{cursor:pointer;font-size:14px;position:absolute;top:16px;right:16px}.login-popover-content .user-info .user-details .user-status .normal-status{color:#666;background:#f5f5f5;border-radius:12px;padding:4px 8px;font-size:12px;display:inline-block}.login-popover-content .user-info .setting-button{cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.login-popover-content .user-info .setting-button:hover{background:#f5f5f5}.login-popover-content .user-info .setting-button .setting-icon{color:#666;font-size:16px}.login-popover-content .vip-promotion{background:linear-gradient(135deg,#fff4e6 0%,#ffecd1 100%);border-radius:8px;padding:16px 12px}.login-popover-content .vip-promotion .vip-header{margin-bottom:12px}.login-popover-content .vip-promotion .vip-header .vip-title{color:#1a1a1a;margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.3}.login-popover-content .vip-promotion .vip-header .vip-subtitle{color:#666;font-size:12px}.login-popover-content .vip-promotion .upgrade-button{color:#fff;cursor:pointer;background:#2c2c2c;border:none;border-radius:18px;justify-content:center;align-items:center;width:100%;height:36px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.login-popover-content .vip-promotion .upgrade-button .crown-icon{color:gold;margin-right:6px}.login-popover-content .vip-promotion .upgrade-button:hover{background:#1a1a1a;transform:translateY(-1px)}.login-popover-content .points-section{padding:0}.login-popover-content .points-section .points-item{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.login-popover-content .points-section .points-item .points-icon{margin-right:8px;font-size:16px}.login-popover-content .points-section .points-item .points-label{color:#333;flex:1;font-size:14px;font-weight:600}.login-popover-content .points-section .points-item .points-value{color:#1a1a1a;font-size:14px;font-weight:600}.login-popover-content .logout-container .logout{cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:background-color .2s;display:flex}.login-popover-content .logout-container .logout:hover{background:#f5f5f5}.login-popover-content .logout-container .logout .footer-icon{color:#666;font-size:16px}.login-popover-content .logout-container .logout span{color:#333;font-size:14px}.login-error{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:6px;margin-top:16px;margin-bottom:16px;padding:12px 16px}.login-error .error-text{color:#ff4d4f;font-size:14px;line-height:1.4}body.no-scroll{width:100%;position:fixed;top:0;left:0;overflow:hidden}.login-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.login-overlay .login-container{background:#fff;border-radius:12px;width:800px;height:520px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 30px #0000001a}.login-overlay .login-left{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);flex-direction:column;flex:1;justify-content:center;padding:40px 28px;display:flex;position:relative;overflow:hidden}.login-overlay .login-left:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"/></svg>");width:200%;height:200%;animation:20s linear infinite float;position:absolute;top:-50%;right:-50%}@keyframes float{0%{transform:translate(0)translateY(0)}to{transform:translate(-50px)translateY(-50px)}}.login-overlay .login-brand{text-align:center;z-index:1;margin-bottom:28px;position:relative}.login-overlay .brand-logo{margin-bottom:4px}.login-overlay .logo-image{width:50px;height:50px}.login-overlay .brand-title{text-shadow:0 2px 4px #0000001a;margin:0 0 8px;font-size:28px;font-weight:700}.login-overlay .brand-subtitle{opacity:.9;margin:0;font-size:14px}.login-overlay .login-features{z-index:1;position:relative}.login-overlay .feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;align-items:center;margin-bottom:24px;padding:16px;transition:transform .3s;display:flex}.login-overlay .feature-item:hover{transform:translate(10px)}.login-overlay .feature-icon{text-align:center;width:36px;margin-right:14px;font-size:20px}.login-overlay .feature-text h3{margin:0 0 4px;font-size:15px;font-weight:600}.login-overlay .feature-text p{opacity:.8;margin:0;font-size:13px}.login-overlay .login-right{background:#fafafa;flex-direction:column;flex:1;justify-content:center;padding:50px 35px;display:flex;position:relative}.login-overlay .close-button{cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.login-overlay .close-button:hover{background:#e5e5e5;transform:rotate(90deg)}.login-overlay .login-form-container{width:100%;max-width:300px;margin:0 auto}.login-overlay .form-header{text-align:center;margin-bottom:32px}.login-overlay .form-header h2{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.login-overlay .form-header p{color:#6b7280;margin:0;font-size:14px}.login-overlay .login-type-switcher{background:#f3f4f6;border-radius:8px;margin-bottom:24px;padding:4px;display:flex}.login-overlay .type-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.login-overlay .type-button.active{color:#f59e0b;background:#fff;box-shadow:0 1px 3px #0000001a}.login-overlay .login-form .ant-form-item{margin-bottom:20px}.login-overlay .form-input{border:1px solid #e5e7eb;border-radius:8px;height:48px;font-size:14px}.login-overlay .form-input:focus,.login-overlay .form-input:hover{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.login-overlay .input-icon{color:#9ca3af}.login-overlay .sms-input{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.login-overlay .sms-button{background:#f59e0b;border-color:#f59e0b;border-top-left-radius:0;border-bottom-left-radius:0;min-width:100px;height:48px;font-size:12px}.login-overlay .sms-button:hover{background:#f97316!important;border-color:#f97316!important}.login-overlay .login-button{background:#f59e0b;border-color:#f59e0b;border-radius:8px;height:48px;margin-top:8px;font-size:16px;font-weight:600}.login-overlay .login-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d;background:#f97316!important;border-color:#f97316!important}.login-overlay .forgot-password{text-align:center;margin-top:16px}.login-overlay .forgot-link{color:#f59e0b;font-size:14px;text-decoration:none}.login-overlay .forgot-link:hover{color:#f97316;text-decoration:underline}.login-overlay .form-footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.login-overlay .form-footer p{color:#6b7280;margin:0;font-size:14px}.login-overlay .register-link{color:#f59e0b;font-weight:500;text-decoration:none}.login-overlay .register-link:hover{color:#f97316;text-decoration:underline}.login-overlay .terms-checkbox{margin-bottom:12px}.login-overlay .terms-checkbox-input{color:#6b7280;font-size:12px}.login-overlay .terms-checkbox-input .ant-checkbox{margin-right:8px}.login-overlay .terms-warning{text-align:center;margin-top:8px}.login-overlay .warning-text{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:4px 8px;font-size:12px}.login-overlay .login-button.disabled{cursor:not-allowed;background:#d1d5db!important;border-color:#d1d5db!important}.login-overlay .type-button:disabled{opacity:.5;cursor:not-allowed}.login-overlay .login-form.ant-form-disabled .form-input{cursor:not-allowed;background-color:#f9fafb}@media (max-width:768px){.login-overlay .login-container{flex-direction:column;width:95vw;height:90vh}.login-overlay .login-left{flex:0 0 200px;padding:30px 20px}.login-overlay .login-right{flex:1;padding:30px 20px}.login-overlay .brand-title{font-size:24px}.login-overlay .feature-item{margin-bottom:15px;padding:15px}}.text-category-container{margin-bottom:16px}.text-category-container .category-title{color:#666;margin-bottom:16px;font-size:16px;font-weight:400}.text-category-container .category-buttons{gap:10px;display:flex}.text-category-container .category-buttons .category-button{height:50px;box-shadow:none;color:#333;background-color:#0000;border:1px dashed #ddd;border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex}.text-category-container .category-buttons .category-button:hover{color:#000000d9;background:#f9f9f9;border-color:#ccc}.text-category-container .category-buttons .category-button:focus{border-color:#e8e8e8}.text-category-container .category-buttons .title-button{font-size:20px;font-weight:800}.text-category-container .category-buttons .subtitle-button{font-weight:600}.text-category-container .category-buttons .body-button{font-weight:400}.text-style-section{margin-bottom:24px}.text-style-section .section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.text-style-section .section-header h5{margin:0}.text-style-section .style-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.text-style-section .text-style-card{width:100%;height:100%;min-height:72px;box-shadow:none;border:1px solid #e8e8e8;justify-content:center;align-items:center;padding:2px 4px;transition:all .3s;display:flex}.text-style-section .text-style-card:hover{border-color:#1890ff;transform:translateY(-2px)}.text-style-section .text-style-label{text-align:center;width:100%;display:inline-block}.text-styles-container{height:100%;overflow-y:auto}.text-all-container{flex-direction:column;height:100%;display:flex}.text-all-header{border-bottom:1px solid #f0f0f0;align-items:center;margin-bottom:14px;padding:16px 0;display:flex}.text-all-header .back-button{margin-right:4px;padding:4px 8px}.text-all-header .back-button:hover{background-color:#f5f5f5}.text-all-header .ant-typography{flex:1;margin:0}.text-all-loading{justify-content:center;align-items:center;height:200px;display:flex}.text-all-content{flex:1;padding-top:2px;overflow-y:auto}.text-all-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 4px;display:grid}.text-all-card{width:100%;height:100%;min-height:72px;box-shadow:none;cursor:pointer;border:1px solid #e8e8e8;border-radius:8px;justify-content:center;align-items:center;padding:2px 4px;transition:all .3s;display:flex}.text-all-card:hover{border-color:#1890ff;transform:translateY(-2px)}.text-all-label{text-align:center;width:100%;display:inline-block}.text-panel-container{height:100%;padding:16px 12px;overflow-y:auto}.panel-divider{margin:16px 0}.collapsible-panel{margin-bottom:12px}.collapsible-panel .panel-header{cursor:pointer;background-color:#f8f9fc;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:background-color .2s;display:flex}.collapsible-panel .panel-header:hover{background-color:#f0f2f5}.collapsible-panel .panel-header .header-title{color:#333;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.collapsible-panel .panel-header .header-title .header-icon{justify-content:center;align-items:center;font-size:18px;display:flex}.collapsible-panel .panel-header .expand-icon{justify-content:center;align-items:center;display:flex}.collapsible-panel .panel-header .expand-icon.left{margin-right:8px}.collapsible-panel .panel-header .expand-icon.right{margin-left:8px}.collapsible-panel .panel-content{background-color:#fff;border:1px solid #f0f0f0;border-top:none;border-radius:0 0 12px 12px;margin-top:-4px;padding:16px 0}.color-bar-container{cursor:pointer;width:100%;height:32px;position:relative}.color-bar-container .color-bar{border-radius:8px;height:16px;position:absolute;top:8px;left:0;right:0;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.color-bar-container .color-bar-handle{z-index:10;cursor:grab;background-color:#fff;border:2px solid #fff;border-radius:50%;width:28px;height:28px;margin-left:-14px;position:absolute;top:2px;box-shadow:0 0 6px #00000040}.color-bar-container .color-bar-handle:active{cursor:grabbing}.color-bar-container .color-bar-handle .handle-inner{background-color:#e6f7ff;border:1px solid #1890ff33;border-radius:50%;width:16px;height:16px;position:absolute;top:4px;left:4px}.fabra-color-picker{width:100%}.enhanced-color-picker .ant-color-picker-trigger{border-radius:4px;height:32px;transition:all .2s;overflow:hidden;box-shadow:0 1px 4px #0000001a}.enhanced-color-picker .ant-color-picker-trigger:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.ant-color-picker-dropdown .ant-color-picker-panel .ant-color-picker-palette{border-radius:4px;overflow:hidden}.ant-color-picker-dropdown .ant-color-picker-color-block{border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.custom-pen-modal .ant-color-picker,.custom-pen-modal .ant-color-picker .ant-color-picker-trigger{width:100%}.custom-pen-modal .endpoint-container{align-items:center;display:flex}.custom-pen-modal .endpoint-container .swap-icon{justify-content:center;align-items:center;margin:0 8px;display:flex}.custom-pen-modal .custom-pen-preview .preview-title{margin-bottom:12px;font-size:14px;font-weight:500}.custom-pen-item{position:relative}.custom-pen-item .edit-icon{color:#1677ff;opacity:0;font-size:12px;transition:opacity .2s;position:absolute;top:4px;right:4px}.custom-pen-item:hover .edit-icon{opacity:1}.custom-pen-modal .section-title{color:#333;border-left:3px solid #1677ff;margin-bottom:16px;padding-left:8px;font-size:15px;font-weight:500}.custom-pen-modal .setting-item{margin-bottom:16px}.custom-pen-modal .setting-label{color:#595959;width:80px;font-size:14px}.custom-pen-modal .ant-color-picker,.custom-pen-modal .ant-color-picker .ant-color-picker-trigger{width:100%}.custom-pen-modal .slider-container .ant-slider{flex:1;margin-right:12px}.custom-pen-modal .slider-container .ant-input-number{width:70px}.custom-pen-modal .custom-pen-preview{background-color:#fafafa;border:1px solid #d9d9d9;border-radius:4px;margin-top:24px;padding:16px}.custom-pen-modal .custom-pen-preview .preview-title{color:#333;margin-bottom:12px;font-size:14px;font-weight:500}.custom-pen-modal .custom-pen-preview .preview-container{background-color:#fff;border:1px dashed #d9d9d9;border-radius:4px;justify-content:center;align-items:center;height:60px;display:flex}.custom-pen-modal .shadow-settings{background-color:#f5f5f5;border-radius:4px;margin-top:8px;margin-bottom:20px;padding:12px}.pen-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px;margin-top:16px;display:grid}.pen-grid .pen-item{cursor:pointer;border:1px solid #d9d9d9;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:75px;padding:8px 4px;transition:all .2s;display:flex}.pen-grid .pen-item:hover{border-color:#1677ff;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.pen-grid .pen-item.active{background-color:#e6f7ff;border-color:#1677ff}.pen-grid .pen-item .pen-icon{justify-content:center;align-items:center;width:100%;height:30px;display:flex}.pen-grid .pen-item .pen-icon img{width:30%}.pen-grid .pen-item .pen-name{text-align:center;color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;font-size:12px;overflow:hidden}.pen-grid .add-pen-item{cursor:pointer;color:#595959;background-color:#1890ff0a;border:1px dashed #d9d9d9;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:75px;transition:all .3s;display:flex}.pen-grid .add-pen-item:hover{color:#1677ff;background-color:#1890ff14;border-color:#1677ff;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.pen-grid .add-pen-item .anticon{margin-bottom:6px;font-size:22px;transition:transform .3s}.pen-grid .add-pen-item:hover .anticon{transform:rotate(90deg)}.pen-grid .add-pen-item .add-pen-text{font-size:13px;font-weight:500}.paint-panel .panel-tabs{background-color:#f5f5f5;border-radius:8px;margin-bottom:16px;display:flex;overflow-x:auto}.paint-panel .panel-tabs .tab-item{cursor:pointer;text-align:center;flex-shrink:0;padding:8px 12px}.paint-panel .panel-tabs .tab-item.active{color:#1677ff;background-color:#e6f4ff;border-radius:8px}.paint-panel .panel-tabs .tab-item:hover:not(.active){background-color:#f0f0f0;border-radius:8px}.paint-panel .panel-content .pen-section{margin-bottom:20px}.paint-panel .panel-content .pen-section .pen-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.paint-panel .panel-content .pen-section .pen-section-header h3{margin:0;font-size:14px;font-weight:500}.paint-panel .panel-content .pen-section .pen-section-header a{color:#1677ff;font-size:12px}.paint-panel .pen-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px;margin-top:16px;display:grid}.paint-panel .pen-item{cursor:pointer;border:1px solid #d9d9d9;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:75px;padding:8px 4px;transition:all .2s;display:flex;position:relative}.paint-panel .pen-item:hover{border-color:#1677ff;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.paint-panel .pen-item.active{background-color:#e6f7ff;border-color:#1677ff}.paint-panel .pen-item .pen-icon{justify-content:center;align-items:center;width:100%;height:30px;display:flex}.paint-panel .pen-item .pen-icon img{width:50%}.paint-panel .pen-item .pen-name{text-align:center;color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;font-size:12px;overflow:hidden}.paint-panel .pen-item .premium-tag{color:#fff;background-color:#ff9800;border-radius:2px;padding:1px 4px;font-size:10px;position:absolute;top:-2px;right:-2px}.paint-panel .pen-item .item-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.paint-panel .pen-item:hover .item-actions{opacity:1}.paint-panel .pen-item .delete-btn{color:#999;font-size:16px}.paint-panel .pen-item .delete-btn:hover{color:#ff4d4f}.paint-panel .pen-item .edit-btn{color:#999;font-size:16px}.paint-panel .pen-item .edit-btn:hover{color:#1677ff}.elements-search-bar{margin:0 0 16px;position:relative}.elements-search-bar input{background-color:#f5f5f5;border:none;border-radius:6px;width:100%;height:36px;padding:0 36px;font-size:14px;transition:all .3s}.elements-search-bar input::placeholder{color:#999}.elements-search-bar input:hover,.elements-search-bar input:focus{background-color:#f0f0f0}.elements-search-bar input:focus{outline:none}.elements-search-bar .search-icon{color:#999;cursor:pointer;font-size:14px;transition:all .3s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.elements-search-bar .clear-icon{color:#999;cursor:pointer;font-size:14px;transition:all .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.elements-view-all-panel{background:#fff;flex-direction:column;height:100%;padding:0;display:flex}.elements-view-all-panel .view-all-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.elements-view-all-panel .view-all-header .back-button{cursor:pointer;color:#000000a6;background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:all .3s;display:flex}.elements-view-all-panel .view-all-header .back-button:hover{color:#1677ff;background:#f0f7ff;border-color:#1677ff}.elements-view-all-panel .view-all-header h4.ant-typography{color:#000000d9;margin:0;font-size:14px;font-weight:500}.elements-view-all-panel .view-all-content{flex:1;padding:0 4px;overflow-y:auto}.elements-view-all-panel .view-all-content::-webkit-scrollbar{width:6px}.elements-view-all-panel .view-all-content::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:3px}.elements-view-all-panel .view-all-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.material-container .search-result-container{padding-bottom:12px}.material-container .search-result-container .search-result-header{color:#000000d9;margin-bottom:12px;font-size:14px;font-weight:500}.material-container .search-result-container .empty-search-result{color:#000000d9;flex-direction:column;align-items:center;padding:40px 0;font-size:14px;display:flex}.elements-color-palette{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:4px;margin:12px 0;display:grid}.elements-color-palette .color-item{aspect-ratio:1;cursor:pointer;border:2px solid #fff;border-radius:8px;width:100%;transition:all .3s;box-shadow:0 2px 8px #00000014}.elements-color-palette .color-item:hover{transform:scale(1.08);box-shadow:0 4px 12px #0000001f}.elements-color-palette .color-item.selected{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff33}.elements-color-palette .transparent-color{background-color:#fff;background-image:linear-gradient(45deg,#f0f0f0 25%,#0000 25%),linear-gradient(-45deg,#f0f0f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f0f0 75%),linear-gradient(-45deg,#0000 75%,#f0f0f0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.elements-color-palette .color-picker{background:#fafafa;border:1px dashed #d9d9d9;justify-content:center;align-items:center;display:flex}.elements-color-palette .color-picker .picker-icon{color:#1677ff;font-size:18px;transition:all .3s}.elements-color-palette .color-picker:hover{background:#f0f0f0;border-color:#1677ff}.elements-color-palette .color-picker:hover .picker-icon{transform:scale(1.1)}.background-container .search-result-container{padding-bottom:12px}.background-container .search-result-container .search-result-header{color:#000000d9;margin-bottom:12px;font-size:14px;font-weight:500}.background-container .search-result-container .empty-search-result{color:#000000d9;flex-direction:column;align-items:center;padding:40px 0;font-size:14px;display:flex}.element-panel{background:#fff;flex-direction:column;width:100%;height:100%;display:flex}.element-panel .element-panel-tabs .ant-tabs-nav{border-bottom:1px solid #f0f0f0;margin:0;padding:0}.element-panel .element-panel-tabs .ant-tabs-nav .ant-tabs-tab{margin:0;padding:12px 20px;font-size:14px;transition:all .3s}.element-panel .element-panel-tabs .ant-tabs-nav .ant-tabs-tab:hover{color:#1677ff}.element-panel .element-panel-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{font-weight:500}.element-panel .element-panel-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1677ff}.element-panel .element-panel-tabs .ant-tabs-nav .ant-tabs-ink-bar{background:#1677ff;height:2px}.element-panel .element-panel-tabs .ant-tabs-content-holder{padding:16px 8px;overflow-y:auto}.element-panel .category-nav{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.element-panel .category-nav .category-item{cursor:pointer;color:#000000d9;background:0 0;border-radius:4px;padding:4px 12px;font-size:14px;transition:all .3s}.element-panel .category-nav .category-item:hover{background-color:#f5f5f5}.element-panel .category-nav .category-item.active{color:#1677ff;background-color:#e6f4ff}.element-panel .section-header{justify-content:space-between;align-items:center;margin:0 0 12px;display:flex}.element-panel .section-header .section-title{color:#000000d9;font-size:14px;font-weight:400}.element-panel .section-header .view-all{color:#00000073;cursor:pointer;font-size:14px;transition:all .3s}.element-panel .section-header .view-all:hover{color:#000000d9}.element-panel .element-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 16px;display:grid}.element-panel .element-grid .element-card{cursor:pointer;aspect-ratio:1;background:#fff;border:1px solid #f0f0f0;border-radius:4px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.element-panel .element-grid .element-card:hover{border-color:#d9d9d9}.element-panel .element-grid .element-card .element-preview{justify-content:center;align-items:center;width:100%;height:100%;padding:4px;display:flex}.element-panel .element-grid .element-card .element-preview img{object-fit:contain;max-width:100%;max-height:100%}.element-panel .element-grid .element-card .vip-badge{color:#ff5722;background:#fbe9e7;border-radius:2px;padding:0 4px;font-size:12px;line-height:1.5;position:absolute;top:4px;right:4px}.element-panel .element-section{margin-bottom:28px}.element-panel .element-section:last-child{margin-bottom:16px}.element-panel .tab-content{flex:1;padding:0;overflow-y:auto}.element-panel .tab-content::-webkit-scrollbar{width:6px}.element-panel .tab-content::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:3px}.element-panel .tab-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.element-panel .empty-state{text-align:center;color:#00000073;padding:32px 16px;font-size:14px}.element-panel .masonry-grid{width:auto;margin-left:-8px;display:flex}.element-panel .masonry-grid_column{background-clip:padding-box;padding-left:8px}.element-panel .masonry-grid_column>div,.adjust-panel-container{margin-bottom:8px}.adjust-panel-container .adjust-panel-item{margin-bottom:16px;margin-left:4px;margin-right:4px}.adjust-panel-container .adjust-panel-item .panel-header{border-radius:12px;padding:18px 24px}.adjust-panel-container .adjust-panel-item .panel-header:hover .header-title{color:#fca119}.adjust-panel-container .adjust-panel-item .panel-header .expand-icon.right{margin-right:4px}.adjust-panel-container .adjust-panel{padding:0}.adjust-panel{flex-direction:column;height:100%;padding:0;display:flex}.adjust-panel .ant-tabs-nav{margin-bottom:8px}.adjust-panel .free-resize{background-color:#f0f7ff;border-radius:4px;margin-bottom:16px;padding:12px}.adjust-panel .free-resize h3{color:#1677ff;margin-bottom:12px;font-size:16px;font-weight:400}.adjust-panel .preset-sizes{max-height:300px;margin-bottom:12px;overflow-y:auto}.adjust-panel .preset-sizes .preset-size{cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:8px 0;display:flex}.adjust-panel .preset-sizes .preset-size:last-child{border-bottom:none}.adjust-panel .preset-sizes .preset-size:hover{background-color:#f5f5f5}.adjust-panel .size-inputs{justify-content:space-between;margin-bottom:12px;display:flex}.adjust-panel .size-inputs .ant-input-number{width:48%}.adjust-panel .dimensions-display{justify-content:center;align-items:center;margin:16px 0;display:flex}.adjust-panel .dimensions-display .dimension-value{padding:0 12px;font-size:18px;font-weight:700}.adjust-panel .dimensions-display .lock-icon{cursor:pointer;padding:0 8px;font-size:large}.adjust-panel .lossless-resize{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.adjust-panel .lossless-resize .lossless-label{align-items:center;display:flex}.adjust-panel .lossless-resize .lossless-label span{margin-right:4px}.adjust-panel .adjust-panel-footer{margin-top:auto;padding:16px 0}.adjust-panel .adjust-panel-footer .action-buttons{margin-bottom:16px}.adjust-panel .adjust-panel-footer .action-icons{justify-content:space-around;font-size:20px;display:flex}.adjust-panel .adjust-panel-footer .action-icons .action-icon{cursor:pointer;justify-content:center;display:flex}.adjust-panel .size-adjust .size-control{margin-bottom:16px}.adjust-panel .size-adjust .size-control .size-label{margin-bottom:8px}.adjust-panel .shape-adjust{flex-direction:column;height:100%;display:flex}.adjust-panel .shape-adjust .shape-item{transition:all .3s}.adjust-panel .shape-adjust .shape-item.selected{border-color:#1677ff!important}.adjust-panel .shape-adjust .shape-item .shape-preview{justify-content:center;align-items:center;height:100%;display:flex}.adjust-panel .scale-adjust{flex-direction:column;height:100%;display:flex}.adjust-panel .scale-adjust .action-row{justify-content:space-around;margin-top:16px;display:flex}.adjust-panel .scale-adjust .action-row .action-button{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.adjust-panel .scale-adjust .action-row .action-button:hover{background-color:#f5f5f5}.size-adjust .current-size{margin-bottom:16px}.size-adjust .all-presets-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:4px;height:300px;margin-bottom:16px;overflow-y:auto}.size-adjust .all-presets-container .presets-title{color:#333;margin-bottom:12px;font-size:16px;font-weight:500}.size-adjust .preset-list .preset-item{cursor:pointer;border-bottom:1px solid #f0f0f0;border-radius:4px;padding:8px 12px;transition:all .3s}.size-adjust .preset-list .preset-item:last-child{border-bottom:none}.size-adjust .preset-list .preset-item:hover{background-color:#f5f5f5}.size-adjust .preset-list .preset-item.selected{background-color:#e6f7ff}.size-adjust .preset-list .preset-item .preset-info{align-items:center;width:100%;display:flex}.size-adjust .preset-list .preset-item .preset-info .preset-name{color:#333;margin-right:auto;font-size:14px;font-weight:500}.size-adjust .preset-list .preset-item .preset-info .preset-dimensions{color:#999;margin-right:4px;font-size:12px}.size-adjust .preset-list .preset-item .preset-info .delete-icon{color:#ff4d4f;opacity:0;padding:4px;font-size:14px;transition:opacity .3s}.size-adjust .preset-list .preset-item:hover .delete-icon{opacity:1}.size-adjust .custom-size-section{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:16px}.action-item{cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.action-item:hover{background-color:#f5f5f5}.action-item.disabled{opacity:.5;cursor:not-allowed}.action-item.disabled:hover{background-color:#0000}.action-item .action-icon{justify-content:center;align-items:center;margin-bottom:4px;font-size:20px;display:flex}.action-item .action-title{color:#666;font-size:12px}.action-group{margin-bottom:16px;padding:8px 0}.action-group.bordered{background-color:#fafafa;border:1px solid #f0f0f0;border-radius:4px;padding:8px}.image-transformer{margin-bottom:16px}.image-transformer .ant-tabs-nav{margin-bottom:8px}.image-transformer .tab-content{padding:8px 0}.image-transformer .transformer-footer{margin-top:16px}.image-transformer .transformer-footer .action-buttons{margin-bottom:12px}.size-adjust .current-size{background-color:#f9fcff;border:1px solid #e6f4ff;border-radius:6px;margin-bottom:16px;padding:12px 16px}.size-adjust .current-size .size-indicator{align-items:center;gap:8px;display:flex}.size-adjust .current-size .size-indicator .ant-badge-status-dot{width:8px;height:8px}.size-adjust .preset-categories .preset-category{margin-bottom:24px}.size-adjust .preset-categories .preset-category h5.ant-typography{color:#666;margin-bottom:12px;font-size:15px;font-weight:500}.size-adjust .preset-categories .preset-category h5.ant-typography:after{content:"";background-color:#1890ff;width:24px;height:2px;margin-top:4px;display:block}.size-adjust .preset-categories .preset-category .preset-grid .preset-card{border-radius:6px;transition:all .2s}.size-adjust .preset-categories .preset-category .preset-grid .preset-card.selected{background-color:#e6f7ff;border-color:#1890ff}.size-adjust .preset-categories .preset-category .preset-grid .preset-card .preset-content .preset-name{color:#333;margin-bottom:4px;font-size:14px;font-weight:500}.size-adjust .preset-categories .preset-category .preset-grid .preset-card .preset-content .preset-dimensions{color:#888;font-size:12px}.size-adjust .custom-size-section{margin-top:8px}.size-adjust .custom-size-section .ant-btn{color:#1890ff;background-color:#f0f5ff;border-color:#d6e4ff;border-radius:6px;height:40px;font-size:14px;font-weight:500}.size-adjust .custom-size-section .ant-btn:hover{background-color:#e6f0ff;border-color:#1890ff}.size-control{margin-bottom:16px}.image-eraser{padding:8px 0}.image-eraser .eraser-section{margin-bottom:20px}.image-eraser .eraser-section h5.ant-typography{color:#666;margin-bottom:12px;font-size:14px;font-weight:500}.image-eraser .eraser-section h5.ant-typography:after{content:"";background-color:#1890ff;width:24px;height:2px;margin-top:4px;display:block}.image-eraser .eraser-section .control-label{justify-content:space-between;margin-bottom:8px;display:flex}.image-eraser .eraser-section .control-label .value-display{color:#666;font-weight:500}.image-eraser .operation-buttons{background-color:#f9f9f9;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.image-eraser .operation-buttons .ant-btn{background-color:#fff;border-color:#d9d9d9}.image-eraser .operation-buttons .ant-btn:hover{color:#1890ff;border-color:#1890ff}.image-eraser .operation-buttons .tip-text{color:#999;font-size:13px}.image-eraser .footer-buttons{margin-top:24px;padding:0 12px}.color-panel{width:100%;margin-bottom:16px}.color-panel .preset-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.color-panel .section-header{cursor:pointer;background-color:#f8f9fc;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.color-panel .section-header:hover{background-color:#f0f2f5}.color-panel .section-header .header-title{align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.color-panel .section-header .header-title .icon{font-size:18px}.color-panel .filter-section .section-content{padding:16px 0}.color-panel .filter-section .filter-category-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 8px;display:flex}.color-panel .filter-section .filter-category-header h3{margin:0;font-size:16px;font-weight:500}.color-panel .filter-section .filter-category-header .view-more-link{color:#999;cursor:pointer;align-items:center;gap:4px;font-size:14px;display:flex}.color-panel .filter-section .filter-category-header .view-more-link:hover{color:#666}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-header h2{color:#333;margin:0;font-size:16px;font-weight:500}.panel-header .refresh-button{color:#333;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-top:4px;margin-right:16px;transition:all .2s;display:flex}.panel-header .refresh-button:hover{color:#333;background-color:#0000000d}.panel-header .refresh-button:active{background-color:#0000001a}.preset-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.preset-item{cursor:pointer;flex-direction:column;transition:transform .2s;display:flex}.preset-item:hover{transform:translateY(-2px)}.preset-item:active{transform:translateY(0)}.preset-item .preset-image{border-radius:8px;width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden}.preset-item .preset-image img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.preset-item .preset-label{text-align:center;color:#333;height:20px;margin-top:8px;font-size:14px;line-height:20px}.basic-color-section .basic-color-content{padding:8px 4px}.basic-color-section .basic-color-content .slider-item{margin-bottom:8px}.basic-color-section .basic-color-content .slider-item .slider-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.basic-color-section .basic-color-content .slider-item .slider-header .slider-title{color:#333;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.basic-color-section .basic-color-content .slider-item .slider-header .slider-value{color:#333;text-align:right;min-width:24px;font-size:14px;font-weight:700}.basic-color-section .basic-color-content .slider-item .slider-control{position:relative}.basic-color-section .basic-color-content .smart-light-gradient{background:linear-gradient(90deg,#2c3745,#4483fd)}.basic-color-section .basic-color-content .brightness-gradient{background:linear-gradient(90deg,#2c2c2c,#b9b9b9)}.basic-color-section .basic-color-content .contrast-gradient{background:linear-gradient(90deg,#888,#ccc,#333)}.basic-color-section .basic-color-content .saturation-gradient{background:linear-gradient(90deg,#c6c6c6,#47b1ff 33%,#fadb14 66%,#f5222d)}.basic-color-section .basic-color-content .clarity-gradient{background:linear-gradient(90deg,#999,#ddd)}.basic-color-section .basic-color-content .sharpen-gradient{background:linear-gradient(90deg,#444c5d,#4483fd)}.basic-color-section .basic-color-content .reset-button{margin-top:24px;padding:0 4px}.basic-color-section .basic-color-content .reset-button .ant-btn{border-radius:6px;justify-content:center;align-items:center;gap:8px;height:40px;font-size:15px;display:flex}.basic-color-section.collapsible-panel .panel-content{padding:16px 12px}.filter-section{margin-bottom:12px}.filter-section .filter-content{padding:16px 0}.filter-section .filter-category-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 8px;display:flex}.filter-section .filter-category-header h3{margin:0;font-size:16px;font-weight:500}.filter-section .filter-category-header .view-more-link{color:#999;cursor:pointer;align-items:center;gap:4px;font-size:14px;display:flex}.filter-section .filter-category-header .view-more-link:hover{color:#666}.filter-section .filter-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.filter-section .filter-item{cursor:pointer;flex-direction:column;transition:transform .2s;display:flex;position:relative}.filter-section .filter-item:hover{transform:translateY(-2px)}.filter-section .filter-item .filter-preview{border-radius:6px;width:100%;height:60px;margin-bottom:8px}.filter-section .filter-item .filter-label{text-align:center;color:#333;height:20px;font-size:14px;line-height:20px}.filter-section .vip-tag{color:#873800;background-color:#ffd591;border-radius:4px;padding:1px 4px;font-size:12px;font-weight:500;line-height:1.2;position:absolute;top:6px;right:6px}.my-panel{background:#fff;flex-direction:column;width:100%;height:100%;padding:16px 12px;display:flex}.my-panel .auth-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.my-panel .panel-header{margin-bottom:16px}.my-panel .panel-header .header-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.my-panel .masonry-container{flex:1;padding-right:4px;position:relative;overflow-y:auto}.my-panel .masonry-container::-webkit-scrollbar{width:4px}.my-panel .masonry-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.my-panel .masonry-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.my-panel .masonry-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.my-panel .masonry-container .loading-container,.my-panel .masonry-container .empty-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.my-panel .masonry-container .my-masonry-grid{width:auto;margin-left:-6px;display:flex}.my-panel .masonry-container .my-masonry-grid_column{background-clip:padding-box;padding-left:6px}.my-panel .masonry-container .my-masonry-grid_column>div{margin-bottom:6px}.my-panel .masonry-container .load-more{justify-content:center;margin:16px 0;display:flex}.my-panel .masonry-card{cursor:pointer;border-radius:8px;margin-bottom:6px;transition:all .3s;overflow:hidden;box-shadow:0 2px 6px #00000014}.my-panel .masonry-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.my-panel .masonry-card img{width:100%;height:auto;display:block}.ai-panel{width:100%;height:100%;padding:16px 8px}.ai-panel-list{flex-direction:column;gap:12px;display:flex}.ai-panel-item{cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;padding:12px 16px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 4px #00000014}.ai-panel-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001f}.ai-panel-item-disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5}.ai-panel-item-disabled:hover{transform:none;box-shadow:0 2px 4px #00000014}.ai-panel-item-disabled .ai-panel-title{color:#999}.ai-panel-item-disabled .ai-panel-description{color:#ccc}.ai-panel-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex}.ai-panel-icon .anticon{color:#fff;font-size:24px}.ai-panel-content{flex:1;min-width:0}.ai-panel-title{color:#1a1a1a;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.ai-panel-description{color:#666;word-wrap:break-word;font-size:12px;line-height:1.2}.ai-panel-coming-soon{color:#fff;background:linear-gradient(135deg,#ff9a56 0%,#ff6b35 100%);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;line-height:1.2;position:absolute;top:8px;right:8px}.ai-panel-container{flex-direction:column;width:100%;height:100%;display:flex}.ai-panel-header{align-items:center;padding:12px 0;display:flex}.ai-panel-back-btn{align-items:center;font-weight:bolder;display:flex}.ai-panel-module-title{color:#1a1a1a;font-size:16px;font-weight:600}.ai-panel-module-content{flex:1;overflow-y:auto}.fabric-editor-cutout-auto-recognition{border-bottom:1px solid #e8e8e8;width:100%;padding-bottom:16px}.fabric-editor-cutout-auto-recognition-title{margin-bottom:12px;font-size:14px;font-weight:500}.fabric-editor-cutout-auto-recognition-content{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 6px;display:grid}.fabric-editor-cutout-auto-recognition-btn{cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.fabric-editor-cutout-auto-recognition-btn--active{background-color:#e8e8e8;border-color:#faad14}.fabric-editor-cutout-auto-recognition-btn-icon{margin-right:8px}.fabric-editor-cutout-background-selector{width:100%;padding:16px 0}.fabric-editor-cutout-background-selector-title{margin-bottom:12px;font-size:14px;font-weight:500}.fabric-editor-cutout-background-selector-content{grid-template-columns:repeat(auto-fill,36px);gap:4px;display:grid}.fabric-editor-cutout-background-selector-btn{cursor:pointer;border:1px solid #d9d9d9;border-radius:4px;width:32px;height:32px;transition:all .3s}.fabric-editor-cutout-background-selector-btn--active{border-color:#faad14}.fabric-editor-cutout-background-selector-color-picker-btn{cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fabric-editor-cutout-panel{flex-direction:column;height:100%;display:flex}.fabric-editor-cutout-panel-content{flex:1;overflow-y:auto}.fabric-editor-cutout-panel-footer{border-top:1px solid #e8e8e8;padding:16px}.fabric-editor-cutout-panel-tuning{margin-bottom:12px}.fabric-editor-cutout-panel-tuning-item{margin-bottom:10px}.fabric-editor-cutout-panel-tuning-label{color:#666;margin-bottom:6px;font-size:12px}.fabric-editor-cutout-panel-tuning-value{text-align:right;color:#999;font-size:12px}.fabric-editor-cutout-panel-debug-preview{border-top:1px dashed #e8e8e8;padding:12px}.fabric-editor-cutout-panel-debug-preview img{border:1px solid #eee;max-width:100%;display:block}.enhance-quality{width:100%;padding:20px}.enhance-quality-quality-options{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.enhance-quality-quality-options .enhance-quality-quality-option{cursor:pointer;border:1px solid #e8e8e8;border-radius:12px;align-items:center;padding:16px;transition:all .3s;display:flex;position:relative}.enhance-quality-quality-options .enhance-quality-quality-option.selected{background-color:#f0f8ff;border-color:#faad14}.enhance-quality-quality-options .enhance-quality-quality-option:hover{border-color:#faad14}.enhance-quality-quality-icon{color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:24px;margin-right:12px;font-size:12px;font-weight:700;display:flex}.enhance-quality-quality-icon.ultra,.enhance-quality-quality-icon.ai{background-color:#000}.enhance-quality-quality-content{flex-direction:column;flex:1;display:flex}.enhance-quality-quality-text{font-size:16px;font-weight:500;line-height:24px}.enhance-quality-quality-description{color:#666;margin-top:4px;font-size:12px;line-height:16px}.enhance-quality-points-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;right:6px}.enhance-quality-action{justify-content:center;display:flex}.enhance-quality-action .ant-btn{align-items:center;gap:4px;display:flex}.translation-panel{flex-direction:column;height:100%;padding:0 16px;display:flex}.translation-panel .section-title{margin-bottom:12px;padding:0;font-size:14px;font-weight:700}.translation-panel .source-language-section .language-tabs{flex-wrap:wrap;gap:8px;display:flex}.translation-panel .source-language-section .language-tabs .language-tab{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.translation-panel .target-language-section{flex-direction:column;flex:1;display:flex}.translation-panel .target-language-section .language-list{flex:1;max-height:calc(100vh - 520px);overflow-y:auto}.translation-panel .target-language-section .language-list .language-item{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 12px;transition:background .2s;display:flex}.translation-panel .target-language-section .language-list .language-item:hover,.translation-panel .target-language-section .language-list .language-item.selected{background-color:#f6f6f6}.translation-panel .target-language-section .language-list .language-item.selected .check-icon{font-size:16px}.translation-panel .target-language-section .language-list .language-item .language-name{font-size:14px}.translation-panel .bottom-section .protection-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.translation-panel .bottom-section .protection-row .protection-label{font-size:14px;font-weight:700}.translation-panel .bottom-section .protection-desc{margin-bottom:16px;font-size:12px;line-height:1.4}.ai-expand{padding:6px 20px}.ai-expand-points-reminder{border-radius:6px;padding:8px 12px;font-size:12px}.ai-expand-points-reminder.normal{color:#666;background-color:#f5f5f5;border:none}.ai-expand-points-reminder.error{color:#ff4d4f;background-color:#fff2f0;border:1px solid #ffccc7}.ai-expand-canvas-container{background:#f5f5f5;width:100%;height:100%;position:relative;overflow:hidden}.ai-expand-canvas-container-canvas{z-index:1;width:100%;height:100%;position:relative}.ai-expand-canvas-container-download{z-index:2;position:absolute;top:10px;right:10px}.image-upload,.image-upload .ant-upload{width:100%}.image-upload .ant-upload-list-picture-card-container{width:100px!important;height:100px!important;padding:0!important}.image-upload .upload-list-item{width:100%;height:100%;position:relative}.image-upload .upload-list-item:hover .upload-list-item-actions{opacity:1}.image-upload .upload-list-item img{object-fit:contain;border-radius:8px;width:100%;height:100%}.image-upload .upload-list-item .uploading-text{text-align:center;background-color:#0000001a;width:100%;height:100%;line-height:100px;display:inline-block}.image-upload .upload-list-item .upload-list-item-actions{opacity:0;background:#0006;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.image-upload .upload-list-item .upload-list-item-actions .action-icon{cursor:pointer;color:#e6e6e6;margin:0 4px;font-size:18px}.image-upload .upload-button{cursor:pointer;background:0 0;border:0}.image-upload .upload-button div{margin-top:8px}.single-upload-zone{width:100%;padding-right:12px}.single-upload-zone-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.single-upload-zone-card .ant-card-body{padding:24px}.single-upload-zone-header{text-align:center;margin-bottom:16px}.single-upload-zone-title{color:#000000d9;margin-bottom:8px!important}.single-upload-zone-description{color:#00000073;font-size:14px}.single-upload-zone-upload-area{justify-content:center;align-items:center;min-height:120px;display:flex}.double-upload-zone{width:100%;padding-right:12px}.double-upload-zone-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.double-upload-zone-card .ant-card-body{padding:24px}.double-upload-zone-header{text-align:center;margin-bottom:24px}.double-upload-zone-title{color:#000000d9;margin-bottom:8px!important}.double-upload-zone-description{color:#00000073;font-size:14px}.double-upload-zone-upload-areas{justify-content:space-between;gap:24px;display:flex}.double-upload-zone-upload-item{flex-direction:column;flex:1;align-items:center;display:flex}.double-upload-zone-upload-label{text-align:center;margin-bottom:12px}.outfit-anyone-clothing-options,.outfit-anyone-model-selection-options{margin-bottom:12px}.outfit-anyone-clothing-options .custom-tab-bar,.outfit-anyone-model-selection-options .custom-tab-bar{background:#f3f4f7;border-radius:16px;gap:0;padding:6px;display:flex}.outfit-anyone-clothing-options .custom-tab,.outfit-anyone-model-selection-options .custom-tab{text-align:center;height:36px;box-shadow:none;color:#8c92a0;cursor:pointer;background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;margin:0;font-size:14px;font-weight:800;transition:all .2s;display:flex}.outfit-anyone-clothing-options .custom-tab.active,.outfit-anyone-model-selection-options .custom-tab.active{color:#3c64f5;background:#fff;box-shadow:0 6px 12px #3c64f526}.outfit-anyone-model-selection-options .loading-models{flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:30px;display:flex}.outfit-anyone-model-selection-options .outfit-anyone-model-selection-custom{padding:18px 12px}.outfit-anyone-model-list{grid-template-columns:repeat(3,1fr);gap:12px;max-height:90vh;margin-top:16px;display:grid;overflow:scroll}.outfit-anyone-model-list .outfit-anyone-model-item{text-align:center;cursor:pointer;border:1px solid #d9d9d9;border-radius:8px;justify-content:center;align-items:center;height:120px;padding:2px 0;display:flex}.outfit-anyone-model-list .outfit-anyone-model-item.selected{border:2px solid #1890ff}.outfit-anyone-model-list .outfit-anyone-model-item img{object-fit:contain;border-radius:4px;width:100%;height:100%}.outfit-anyone-model-list .outfit-anyone-model-item.more{color:#1890ff;justify-content:center;align-items:center;font-size:16px;display:flex}.outfit-anyone{flex-direction:column;height:100%;display:flex;overflow:hidden}.outfit-anyone-content{flex:1;padding:12px 24px 12px 12px;overflow-y:auto}.outfit-anyone-footer{width:360px;padding:12px 24px 12px 12px;position:fixed;bottom:0}.outfit-anyone-restore-face{margin:12px}.outfit-anyone-restore-face-text{margin-left:4px}.custom-tab{background:#fff;border-radius:12px;width:100%;padding:6px 0;overflow:hidden}.custom-tab .custom-tab-header{border-radius:12px 12px 0 0;gap:2px;padding:4px;display:flex;position:relative}.custom-tab .custom-tab-header .custom-tab-item{text-align:center;cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;z-index:1;background:0 0;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.custom-tab .custom-tab-header .custom-tab-item:hover{color:#475569;background:#ffffff80;transform:translateY(-1px)}.custom-tab .custom-tab-header .custom-tab-item.active{color:#faad14;background:#fff;font-weight:600;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f626,0 1px 3px #0000001a}.custom-tab .custom-tab-header .custom-tab-item.active:before{content:"";background:linear-gradient(90deg,#f6cd4f,#f4c16f);border-radius:2px 2px 0 0;width:65%;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.custom-tab .custom-tab-content{background:#fff;border-radius:0 0 12px 12px;min-height:400px;position:relative}.custom-tab .custom-tab-content:before{content:"";background:linear-gradient(90deg,#0000 0%,#e2e8f0cc 20% 80%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.recommend-generator{flex-direction:column;height:100%;padding:16px 0;display:flex;position:relative}.recommend-generator__alert{margin-bottom:0}.recommend-generator__content{flex:1;padding-bottom:16px;overflow-y:auto}.recommend-generator__category-title{justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:12px;display:flex}.recommend-generator__category-title .title{color:#262626;margin:0;font-size:14px;font-weight:500}.recommend-generator__category-title .more-btn{color:#1890ff;height:auto;padding:4px 8px;font-size:12px}.recommend-generator__category-title .more-btn:hover{color:#40a9ff;background-color:#f0f8ff}.recommend-generator__image-selector{position:relative}.recommend-generator__image-selector .image-item{cursor:pointer;border:2px solid #0000;border-radius:8px;transition:all .3s;position:relative;overflow:hidden}.recommend-generator__image-selector .image-item:hover{border-color:#1890ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff26}.recommend-generator__image-selector .image-item--selected{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.recommend-generator__image-selector .image-item--disabled{cursor:not-allowed;opacity:.5}.recommend-generator__image-selector .image-item--disabled:hover{box-shadow:none;border-color:#0000;transform:none}.recommend-generator__image-selector .image-item .image{object-fit:cover;width:100%;display:block}.recommend-generator__image-selector .image-item .overlay{color:#fff;text-align:center;background:linear-gradient(#0000,#000000b3);padding:8px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.recommend-generator__image-selector .image-item .selected-icon{background:#1890ff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:8px;right:8px}.recommend-generator__image-selector .image-item .selected-icon .icon{color:#fff;font-size:12px}.recommend-generator__image-selector .show-more-container{text-align:center;margin-top:12px;padding:8px 0}.recommend-generator__image-selector .show-more-btn{color:#1890ff;padding:4px 8px;font-size:14px}.recommend-generator__image-selector .show-more-btn:hover{color:#40a9ff}.recommend-generator__loading{text-align:center;margin-top:24px;padding:40px 0}.recommend-generator__loading .loading-text{margin-top:16px}.recommend-generator__loading .loading-subtitle{color:#666;margin-top:8px;font-size:12px}.recommend-generator__generate-button{z-index:10;background-color:#fff;border-radius:10px;width:240px;position:fixed;bottom:12px;box-shadow:0 4px 12px #00000026}.view-all-images .view-all-images__header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.view-all-images .view-all-images__header .title{color:#262626;margin:0;font-size:16px;font-weight:600}.view-all-images .view-all-images__header .back-btn{color:#1890ff;height:auto;padding:4px 8px;font-size:12px}.view-all-images .view-all-images__header .back-btn:hover{color:#40a9ff;background-color:#f0f8ff}.view-all-images .view-all-images__content{position:relative}.view-all-images .view-all-images__content .image-item{cursor:pointer;border:2px solid #0000;border-radius:6px;transition:all .2s;position:relative;overflow:hidden}.view-all-images .view-all-images__content .image-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.view-all-images .view-all-images__content .image-item--selected{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.view-all-images .view-all-images__content .image-item--disabled{opacity:.5;cursor:not-allowed}.view-all-images .view-all-images__content .image-item .image{object-fit:cover;width:100%;height:80px}.view-all-images .view-all-images__content .image-item .overlay{color:#fff;text-align:center;background:linear-gradient(#0000,#000000b3);padding:8px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.view-all-images .view-all-images__content .image-item .selected-icon{background:#1890ff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;right:6px}.view-all-images .view-all-images__content .image-item .selected-icon .icon{color:#fff;font-size:12px}.record-detail-modal .record-detail-content .result-image-list{gap:"8px";flex-wrap:wrap;display:flex}.record-detail-modal .record-detail-content .result-image-list .result-image-container{position:relative}.record-detail-modal .record-detail-content .result-image-list .result-image-container .download-btn{position:absolute;bottom:8px;right:8px}.generate-records{background:#fff;border-radius:8px;padding:16px}.generate-records__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.generate-records__list .record-item{border-bottom:1px solid #f0f0f0;padding:12px 0}.generate-records__list .record-item:last-child{border-bottom:none}.generate-records__item .record-content{align-items:center;gap:12px;width:100%;display:flex}.generate-records__item .record-preview{flex-shrink:0}.generate-records__item .record-info{flex:1;min-width:0}.generate-records__item .record-info .record-status{margin-bottom:4px}.generate-records__item .record-info .record-prompt{align-items:center;gap:6px;display:flex}.generate-records__item .record-actions{flex-shrink:0}.generate-records-error{text-align:center;padding:40px 20px}@media (max-width:480px){.generate-records__item .record-content{flex-direction:column;align-items:flex-start;gap:8px}.generate-records__item .record-actions{width:100%}}.template-preview-modal-content{padding:16px}.template-preview-modal-title{color:#262626;margin-bottom:16px;font-size:18px;font-weight:500}.template-preview-modal-preview{aspect-ratio:16/9;background-color:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;display:flex;overflow:hidden}.template-preview-modal-image{object-fit:contain;max-width:100%;max-height:100%}.template-preview-modal-no-preview{color:#8c8c8c;font-size:14px}.template-preview-modal-description{color:#595959;margin:0;font-size:14px;line-height:1.5}.template-panel{flex-direction:column;height:100%;padding:16px;display:flex}.template-panel-header{color:#000000d9;border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:12px;font-size:16px;font-weight:500}.template-panel-header-link{cursor:pointer;color:#1890ff;text-decoration:none}.template-panel-header-link:hover{color:#40a9ff}.template-panel-select{width:100%;margin-bottom:16px}.template-panel-content{flex:1;overflow:hidden}.template-panel-content .template-panel-masonry-container{height:100%}.template-panel-content .template-panel-masonry-container .template-panel-masonry-grid{width:auto;margin-left:-8px;display:flex}.template-panel-content .template-panel-masonry-container .template-panel-masonry-grid .template-panel-masonry-grid_column{background-clip:padding-box;padding-left:8px}.template-panel-content .template-panel-masonry-container .template-panel-masonry-grid .template-panel-masonry-grid_column .template-panel-template-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:8px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.template-panel-content .template-panel-masonry-container .template-panel-masonry-grid .template-panel-masonry-grid_column .template-panel-template-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.template-panel-content .template-panel-masonry-container .template-panel-masonry-grid .template-panel-masonry-grid_column .template-panel-template-card .template-panel-template-image{background:#f5f5f5;justify-content:center;align-items:center;width:100%;display:flex}.template-panel-content .template-panel-masonry-container .template-panel-masonry-grid .template-panel-masonry-grid_column .template-panel-template-card .template-panel-template-image img{object-fit:contain;max-width:100%;max-height:100%}.template-panel-content .template-panel-masonry-container .template-panel-masonry-grid .template-panel-masonry-grid_column .template-panel-template-card .template-panel-template-image .template-panel-no-preview{color:#999;font-size:12px}.template-panel-error-state{flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.template-panel-error-state .template-panel-error-message{color:#999;margin-bottom:16px;font-size:14px}.template-panel-loading-more{text-align:center;color:#666;padding:16px;font-size:14px}.fabra-image-adjust-settings{padding:2px 2px 0}.fabra-image-adjust-settings-item{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:10px 10px 8px}.fabra-image-adjust-settings-item+.fabra-image-adjust-settings-item{margin-top:10px}.fabra-image-adjust-settings-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.fabra-image-adjust-settings-icon{color:#000000bf;background:#0000000a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.fabra-image-adjust-settings-icon--warm{color:#ff9f0af2;background:#ff9f0a24}.fabra-image-adjust-settings-icon--cool{color:#0a84fff2;background:#0a84ff24}.fabra-image-adjust-settings-icon--color{color:#af52def2;background:#af52de24}.fabra-image-adjust-settings-icon--neutral{color:#000000ad;background:#0000000d}.fabra-image-adjust-settings-label{color:#000000c7;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:18px}.fabra-image-adjust-settings-value{color:#00000073;font-variant-numeric:tabular-nums;text-align:right;flex:none;width:34px;font-size:12px}.fabra-image-adjust-settings-footer{margin-top:12px;padding:10px 2px 0}.fabra-image-filter-settings{padding:2px 2px 12px}.fabra-image-filter-settings-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.fabra-image-filter-settings-card{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s;position:relative}.fabra-image-filter-settings-preview{aspect-ratio:1;box-sizing:border-box;background-position:50%;background-size:cover;border:1px solid #eee;border-radius:12px;width:100%;transition:box-shadow .2s,transform .2s,border-color .2s}.fabra-image-filter-settings-name{color:#0000008c;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;line-height:16px;overflow:hidden}.fabra-image-filter-settings-controls{margin-top:8px;padding:0 6px}.fabra-image-filter-settings-vip{color:#000000d9;z-index:1;background:#ffd700eb;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px;box-shadow:0 6px 14px #0000001a}.fabra-image-filter-settings-card:hover .fabra-image-filter-settings-preview{transform:translateY(-1px);box-shadow:0 10px 22px #0000001f}.fabra-image-filter-settings-card:hover .fabra-image-filter-settings-name{color:#000000c7}.fabra-image-filter-settings-card--active .fabra-image-filter-settings-preview{border-color:#1890ffe6;box-shadow:0 0 0 3px #1890ff2e}.fabra-image-filter-settings-card--active .fabra-image-filter-settings-name{color:#1890ffeb;font-weight:600}.fabra-image-setter{width:100%;height:100%;padding:12px;overflow-y:auto}.fabra-image-setter-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.fabra-image-setter-title{color:#1f1f1f;font-size:16px;font-weight:600;line-height:24px}.fabra-image-setter-content{padding-top:2px}.fabra-image-setter-entry{cursor:pointer;background:#fff;border:1px solid #ededed;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex}.fabra-image-setter-entry:hover{border-color:#e0e0e0;transform:translateY(-1px);box-shadow:0 6px 18px #0000000f}.fabra-image-setter-entryIcon{color:#000000bf;background:linear-gradient(135deg,#0000000f,#00000005);border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.fabra-image-setter-entryMain{flex:1;min-width:0}.fabra-image-setter-entryLabel{color:#1f1f1f;font-size:14px;font-weight:600;line-height:20px}.fabra-image-setter-entryDesc{color:#00000073;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;line-height:18px;overflow:hidden}.fabra-image-setter-entryArrow{color:#00000059;flex:none;font-size:12px}.fabra-image-setter-section{margin-top:14px}.fabra-image-setter-sectionHeader{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;display:flex}.fabra-image-setter-sectionTitle{color:#1f1f1f;font-size:14px;font-weight:600;line-height:20px}.fabra-image-setter-sectionAction{color:#00000073;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:12px;display:inline-flex}.fabra-image-setter-sectionAction:hover{color:#000000b8}.fabra-image-setter-filterStrip{scrollbar-width:none;gap:10px;margin:0 -2px;padding:0 2px 6px;display:flex;overflow-x:auto}.fabra-image-setter-filterStrip::-webkit-scrollbar{display:none}.fabra-image-setter-filterCard{cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 80px}.fabra-image-setter-filterThumb{background-position:50%;background-size:cover;border:1px solid #eee;border-radius:12px;width:80px;height:80px;transition:transform .2s,box-shadow .2s}.fabra-image-setter-filterName{color:#0000008c;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;line-height:16px;display:block;overflow:hidden}.fabra-image-setter-filterCard:hover .fabra-image-setter-filterThumb{transform:scale(1.02);box-shadow:0 8px 18px #0000001a}.fabra-image-setter-filterCard:hover .fabra-image-setter-filterName{color:#000000c7}.layer-list__list{overflow:auto}.layer-list__list-item{cursor:pointer;background-color:#efefef;border-radius:4px;margin:4px 0;transition:background-color .2s,border-color .2s}.layer-list__list-item--active{background-color:#fde1441a;border-left:3px solid #fde144}.layer-list__drag-handle{cursor:move;color:#999}.layer-list__list-item--active .layer-list__drag-handle{color:#666}.layer-list__thumb{border-radius:2px}.layer-list__delete-btn{color:#ff4d4f}.position-setter{color:#000000e0;background:#fff;width:100%;padding:12px 0;font-size:12px}.position-setter__header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:40px;padding:0 10px 0 12px;display:flex}.position-setter__title{font-size:13px;font-weight:600;line-height:18px}.position-setter__close{cursor:pointer;color:#0000008c;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;transition:background-color .15s,color .15s;display:inline-flex}.position-setter__close:hover{color:#000000e0;background:#0000000f}.position-setter__content{padding:10px 12px 12px}.position-setter__tabs{margin-bottom:12px}.position-setter__tab-label{color:#000000e0;text-align:center;width:100px;font-weight:500;display:inline-block}.position-setter__group{gap:8px;margin-bottom:8px;display:flex}.position-setter__btn{cursor:pointer;color:#000000e0;background:#ffffffe6;border:1px solid #0000001f;border-radius:10px;flex:1;height:32px;padding:0 10px;font-weight:500;transition:background-color .15s,border-color .15s,transform 50ms}.position-setter__btn:hover{background:#00000008;border-color:#0003}.position-setter__btn:active{background:#0000000f;transform:translateY(1px)}.position-setter__list-item{cursor:pointer}.position-setter__drag-handle{cursor:move}.position-setter--dragging{-webkit-user-select:none;user-select:none}.setter-solid-section{flex-direction:column;gap:10px;display:flex}.setter-solid-section__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.setter-solid-section__title{color:#000000e0;font-size:13px;font-weight:600}.setter-solid-section__actions{flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.setter-solid-section__picker-btn{cursor:pointer;color:#000000b3;background:#fff;border:1px solid #0000001f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.setter-solid-section__picker-btn:hover{background:#0000000a}.setter-solid-section__more-btn{cursor:pointer;color:#1677fff2;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex-shrink:0;height:30px;padding:0 6px;font-weight:500}.setter-solid-section__more-btn:hover{background:#1677ff14}.setter-solid-section__grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.setter-solid-section__swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001f;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:0;transition:box-shadow .15s,border-color .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden}.setter-solid-section__swatch:hover{border-color:#00000038;box-shadow:0 2px 8px #0000001f}.setter-solid-section__swatch--active{border-color:#1677ffd9;box-shadow:0 0 0 2px #1677ff2e}.setter-gradient-section{flex-direction:column;gap:10px;display:flex}.setter-gradient-section__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.setter-gradient-section__title{color:#000000e0;font-size:13px;font-weight:600}.setter-gradient-section__actions{flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.setter-gradient-section__picker-btn{cursor:pointer;color:#000000b3;background:#fff;border:1px solid #0000001f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.setter-gradient-section__picker-btn:hover{background:#0000000a}.setter-gradient-section__more-btn{cursor:pointer;color:#1677fff2;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex-shrink:0;height:30px;padding:0 6px;font-weight:500}.setter-gradient-section__more-btn:hover{background:#1677ff14}.setter-gradient-section__grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.setter-gradient-section__swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001f;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:0;transition:box-shadow .15s,border-color .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden}.setter-gradient-section__swatch:hover{border-color:#00000038;box-shadow:0 2px 8px #0000001f}.setter-gradient-section__swatch--active{border-color:#1677ffd9;box-shadow:0 0 0 2px #1677ff2e}.setter-gradient-section__swatch-inner{border-radius:inherit;width:100%;height:100%;display:block}.fill-setter{color:#000000e0;background:#fff;width:100%;padding:12px 0;font-size:12px}.fill-setter__header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:40px;padding:0 10px 0 12px;display:flex}.fill-setter__title{font-size:13px;font-weight:600;line-height:18px}.fill-setter__close{cursor:pointer;color:#0000008c;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;transition:background-color .15s,color .15s;display:inline-flex}.fill-setter__close:hover{color:#000000e0;background:#0000000f}.fill-setter__content{flex-direction:column;gap:16px;padding:12px;display:flex}.fill-setter__group{flex-direction:column;gap:12px;display:flex}.fill-setter__group-title{color:#000000a6;font-size:12px;font-weight:600;line-height:16px}.fill-setter__section{flex-direction:column;gap:10px;display:flex}.fill-setter__section-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.fill-setter__section-title{color:#000000e0;font-size:13px;font-weight:600}.fill-setter__section-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.fill-setter__picker-btn{cursor:pointer;color:#000000b3;background:#fff;border:1px solid #0000001f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.fill-setter__picker-btn:hover{background:#0000000a}.fill-setter__more-btn{cursor:pointer;color:#1677fff2;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex-shrink:0;height:30px;padding:0 6px;font-weight:500}.fill-setter__more-btn:hover{background:#1677ff14}.fill-setter__grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.fill-setter__swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001f;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:0;transition:box-shadow .15s,border-color .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden}.fill-setter__swatch:hover{border-color:#00000038;box-shadow:0 2px 8px #0000001f}.fill-setter__swatch--active{border-color:#1677ffd9;box-shadow:0 0 0 2px #1677ff2e}.fill-setter__swatch-inner{border-radius:inherit;width:100%;height:100%;display:block}.fill-setter__hint{color:#0000008c;background:#0000000a;border-radius:10px;padding:8px 10px;line-height:1.5}.fill-setter__back{cursor:pointer;color:#000000e0;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 6px;font-weight:500;display:inline-flex}.fill-setter__back:hover{background:#0000000a}.fill-setter__back-text{line-height:1}.stroke-color-setter{color:#000000e0;background:#fff;width:100%;padding:12px 0;font-size:12px}.stroke-color-setter__header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:40px;padding:0 10px 0 12px;display:flex}.stroke-color-setter__title{font-size:13px;font-weight:600;line-height:18px}.stroke-color-setter__back{cursor:pointer;color:#000000e0;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.stroke-color-setter__back-text{font-size:13px;font-weight:600}.stroke-color-setter__close{cursor:pointer;color:#0000008c;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;transition:background-color .15s,color .15s;display:inline-flex}.stroke-color-setter__close:hover{color:#000000e0;background:#0000000f}.stroke-color-setter__content{flex-direction:column;gap:16px;padding:12px;display:flex}.stroke-color-setter__group{flex-direction:column;gap:12px;display:flex}.font-family-setter{flex-direction:column;height:100%;padding:16px;display:flex}.font-family-setter__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.font-family-setter__title{font-size:14px;font-weight:600}.font-family-setter__close{cursor:pointer;color:#000000a6;background:0 0;border:none;padding:4px;line-height:1}.font-family-setter__section{margin-bottom:16px}.font-family-setter__section-title{color:#000000a6;margin-bottom:8px;font-size:12px;font-weight:600}.font-family-setter__list{flex-direction:column;gap:6px;display:flex}.font-family-setter__item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.font-family-setter__item:hover{background:#00000005}.font-family-setter__item--active{background:#0000000f}.font-family-setter__item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.font-family-setter__item-check{color:#000000d9;align-items:center;margin-left:12px;display:inline-flex}.font-family-setter__item-loading{color:#000000a6;align-items:center;margin-left:12px;display:inline-flex}.font-family-setter__empty{color:#00000059}.text-color-setter{color:#000000e0;background:#fff;width:100%;padding:12px 0;font-size:12px}.text-color-setter__header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:40px;padding:0 12px;display:flex}.text-color-setter__title{font-size:14px;font-weight:600;line-height:18px}.text-color-setter__close{cursor:pointer;color:#0000008c;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;transition:background-color .15s,color .15s;display:inline-flex}.text-color-setter__close:hover{color:#000000e0;background:#0000000f}.text-color-setter__content{flex-direction:column;gap:16px;padding:12px;display:flex}.text-color-setter__group{flex-direction:column;gap:12px;display:flex}.text-color-setter__group-title{color:#000000a6;font-size:12px;font-weight:600;line-height:16px}.text-color-setter__section{flex-direction:column;gap:10px;display:flex}.text-color-setter__section-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.text-color-setter__section-title{color:#000000e0;font-size:13px;font-weight:600}.text-color-setter__section-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.text-color-setter__picker-btn{cursor:pointer;color:#000000b3;background:#fff;border:1px solid #0000001f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.text-color-setter__picker-btn:hover{background:#0000000a}.text-color-setter__more-btn{cursor:pointer;color:#1677fff2;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex-shrink:0;height:30px;padding:0 6px;font-weight:500}.text-color-setter__more-btn:hover{background:#1677ff14}.text-color-setter__grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.text-color-setter__swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001f;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:0;transition:box-shadow .15s,border-color .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden}.text-color-setter__swatch:hover{border-color:#00000038;box-shadow:0 2px 8px #0000001f}.text-color-setter__swatch--active{border-color:#1677ffd9;box-shadow:0 0 0 2px #1677ff2e}.text-color-setter__swatch-inner{border-radius:inherit;width:100%;height:100%;display:block}.text-color-setter__hint{color:#0000008c;background:#0000000a;border-radius:10px;padding:8px 10px;line-height:1.5}.text-color-setter__back{cursor:pointer;color:#000000e0;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 6px;font-weight:500;display:inline-flex}.text-color-setter__back:hover{background:#0000000a}.text-color-setter__back-text{line-height:1}.highlightEffect{width:280px;padding:16px}.highlightEffect-options{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:0;display:grid}.highlightEffect-options.hasSettings{margin-bottom:20px}.highlightEffect-option{cursor:pointer;background-color:#f5f5f5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;transition:all .2s;display:flex}.highlightEffect-option:hover{background-color:#e8e8e8}.highlightEffect-option.selected{background-color:#e6f7ff;border:2px solid #ffe58f}.highlightEffect-option.selected:hover{background-color:#e6f7ff;border-color:#ffe58f}.highlightEffect-preview{justify-content:center;align-items:center;width:70px;margin-bottom:8px;display:flex}.highlightEffect-preview img{width:100%;height:100%}.highlightEffect-label{color:#666;text-align:center;font-size:12px}.highlightEffect-settings{border-top:1px solid #e0e0e0;padding-top:16px}.highlightEffect-colorSection{margin-bottom:16px}.highlightEffect-colorSection .title{color:#666;margin-bottom:8px;font-size:12px;font-weight:500}.highlightEffect-colorSection .colorPicker{width:100%}.highlightEffect-sizeSection .header,.highlightEffect-intensitySection .header{color:#666;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.transformEffect{width:280px;padding:16px}.transformEffect-options{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:0;display:grid}.transformEffect-options.hasSettings{margin-bottom:20px}.transformEffect-option{cursor:pointer;background-color:#f5f5f5;border-radius:6px;flex-direction:column;align-items:center;padding:12px 8px;transition:all .2s;display:flex}.transformEffect-option:hover{background-color:#e8e8e8}.transformEffect-option.selected{background-color:#e6f7ff;border:2px solid #ffe58f}.transformEffect-option.selected:hover{background-color:#e6f7ff;border-color:#ffe58f}.transformEffect-icon{justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.transformEffect-label{color:#666;text-align:center;font-size:12px}.transformEffect-settings{border-top:1px solid #e0e0e0;padding-top:16px}.transformEffect-colorSection{margin-bottom:16px}.transformEffect-colorSection .title{color:#666;margin-bottom:8px;font-size:12px;font-weight:500}.transformEffect-colorSection .colorPicker{width:100%}.transformEffect-sizeSection .header,.transformEffect-intensitySection .header{color:#666;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.specialEffect{width:320px;padding:16px 4px}.specialEffect .specialEffect-container{gap:14px;min-height:200px;display:flex}.specialEffect .specialEffect-categories{flex-direction:column;gap:8px;min-width:60px;display:flex}.specialEffect .specialEffect-categories .specialEffect-category{cursor:pointer;text-align:center;color:#333;border-radius:6px;padding:8px;font-size:14px;transition:all .2s}.specialEffect .specialEffect-categories .specialEffect-category:hover{background:#eee}.specialEffect .specialEffect-categories .specialEffect-category.active{color:#000;background:#eee;font-weight:700}.specialEffect .specialEffect-content{flex:1}.specialEffect .specialEffect-content .specialEffect-options{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;display:grid;overflow-y:auto}.specialEffect .specialEffect-content .specialEffect-options .specialEffect-option{aspect-ratio:1;cursor:pointer;background:#f5f5f5;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.specialEffect .specialEffect-content .specialEffect-options .specialEffect-option:hover{background:#eee}.specialEffect .specialEffect-content .specialEffect-options .specialEffect-option.selected{background:#eee;border:2px solid #f68936}.specialEffect .specialEffect-content .specialEffect-options .specialEffect-option .specialEffect-icon .preview-text{font-size:18px;font-weight:700}.text-effect-setter{color:#000000e0;background:#fff;width:100%;padding:12px 0;font-size:12px}.text-effect-setter__header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:40px;padding:0 10px 0 12px;display:flex}.text-effect-setter__title{font-size:13px;font-weight:600;line-height:18px}.text-effect-setter__close{cursor:pointer;color:#0000008c;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;transition:background-color .15s,color .15s;display:inline-flex}.text-effect-setter__close:hover{color:#000000e0;background:#0000000f}.text-effect-setter__content{padding:10px 12px 12px}.text-effect-setter__actions{justify-content:center;gap:12px;padding:0;display:flex}.text-effect-setter__action{cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;align-items:center;max-width:90px;padding:8px;transition:background-color .2s;display:flex}.text-effect-setter__action:hover{background-color:#0000000a}.text-effect-setter__action-icon{border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;font-size:14px;display:flex}.text-effect-setter__action-label{color:#0000008c;text-align:center;font-size:11px;line-height:16px}.text-effect-setter__action--highlight .text-effect-setter__action-icon{color:#fff;background-color:#ff69b4;font-family:Arial,sans-serif;font-weight:700}.text-effect-setter__action--transform .text-effect-setter__action-icon{color:#000000e0;font-size:16px}.text-effect-setter__action--effect .text-effect-setter__action-icon{color:#fff;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);border-radius:50%}.text-effect-setter__effect-a{opacity:.85;text-shadow:0 1px 2px #0000004d;font-size:24px;font-weight:700}.text-effect-setter__placeholder{color:#0000008c;background:#00000008;border-radius:10px;padding:10px 12px;line-height:18px}.labled-line-setter{color:#000000e0;background:#fff;width:100%;padding:12px 0;font-size:12px}.labled-line-setter__header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:40px;padding:0 10px 0 12px;display:flex}.labled-line-setter__title{font-size:13px;font-weight:600;line-height:18px}.labled-line-setter__close{cursor:pointer;color:#0000008c;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;transition:background-color .15s,color .15s;display:inline-flex}.labled-line-setter__close:hover{color:#000000e0;background:#0000000f}.labled-line-setter__content{padding:10px 12px 12px}.canvas-color-setter{color:#000000e0;background:#fff;flex-direction:column;width:100%;height:100%;font-size:12px;display:flex}.canvas-color-setter-header{border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 10px 0 12px;display:flex}.canvas-color-setter-header-back{cursor:pointer;color:#0000008c;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;transition:background-color .15s,color .15s;display:inline-flex}.canvas-color-setter-header-back:hover{color:#000000e0;background:#0000000f}.canvas-color-setter-header-title{text-align:center;flex:1;font-size:14px;font-weight:600;line-height:18px}.canvas-color-setter-header-close{cursor:pointer;color:#0000008c;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;transition:background-color .15s,color .15s;display:inline-flex}.canvas-color-setter-header-close:hover{color:#000000e0;background:#0000000f}.canvas-color-setter-content{flex-direction:column;flex:1;gap:16px;padding:16px 12px;display:flex;overflow-y:auto}.fabra-panel-wrapper{margin-left:-24px;padding:16px}.fabra-panel-shape-item{cursor:pointer}.fabra-list-item{cursor:pointer;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:14px 20px;transition:border-color .25s,box-shadow .25s,transform .15s}.fabra-list-item:hover{border-color:#f3a261;transform:translateY(-1px);box-shadow:0 2px 4px #f3a26133}.fabra-sider{position:relative}.fabra-sider .fabra-panel-tabs .ant-tabs-tabpane{padding-left:12px!important}.fabra-sider .ant-layout-sider-children{flex-direction:column;display:flex}.fabra-sider .fabra-setter-panel{z-index:99;background-color:#fff;position:absolute;top:0;bottom:0;left:64px;right:0;overflow:auto}.fabra-initial-blank-design{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:320px;height:220px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:flex}.fabra-initial-blank-design:hover{background-color:#fa7d0905;border-color:#fa7d09;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.fabra-initial-blank-design:hover .icon{transform:scale(1.1)}.fabra-initial-blank-design .icon{color:#fa7d09;margin-bottom:16px;transition:transform .3s}.fabra-initial-blank-design .text{color:#1f1f1f;margin-bottom:8px;font-size:18px;font-weight:500}.fabra-initial-blank-design .hint{color:#8c8c8c;font-size:14px}.sketch-modal-container{height:600px;display:flex}.sketch-modal-container .category-sidebar{border-right:1px solid #f0f0f0;flex-direction:column;width:160px;display:flex}.sketch-modal-container .category-sidebar .sidebar-header{border-bottom:1px solid #f0f0f0;padding:20px 16px 12px}.sketch-modal-container .category-sidebar .sidebar-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.sketch-modal-container .category-sidebar .category-list{flex:1;padding:8px 0;overflow-y:auto}.sketch-modal-container .category-sidebar .category-item{cursor:pointer;border-radius:0;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.sketch-modal-container .category-sidebar .category-item:hover{background:#f0f0f0}.sketch-modal-container .category-sidebar .category-item.active{color:#fa7d09;background:#e6f7ff;border-right:3px solid #fa7d09}.sketch-modal-container .category-sidebar .category-item.active .category-icon{color:#fa7d09}.sketch-modal-container .category-sidebar .category-item .category-icon{color:#666;text-align:center;width:16px;margin-right:12px;font-size:16px}.sketch-modal-container .category-sidebar .category-item .category-name{color:#333;font-size:14px;font-weight:500}.sketch-modal-container .content-area{flex-direction:column;flex:1;display:flex}.sketch-modal-container .content-area .scroll-content{flex:1;padding:0 24px;overflow-y:auto}.sketch-modal-container .content-area .scroll-content .custom-size-section{border-bottom:1px solid #f0f0f0;margin-bottom:32px}.sketch-modal-container .content-area .scroll-content .custom-size-section .section-title{color:#1f2937;margin-bottom:16px;font-size:16px;font-weight:600}.sketch-modal-container .content-area .scroll-content .custom-size-section .custom-size-input .size-inputs{align-items:center;gap:8px;display:flex}.sketch-modal-container .content-area .scroll-content .custom-size-section .custom-size-input .size-inputs .size-separator{color:#6b7280;margin:0 4px;font-size:16px}.sketch-modal-container .content-area .scroll-content .category-section{margin-bottom:32px}.sketch-modal-container .content-area .scroll-content .category-section:first-child{margin-top:20px}.sketch-modal-container .content-area .scroll-content .category-section .section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sketch-modal-container .content-area .scroll-content .category-section .section-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.sketch-modal-container .content-area .scroll-content .category-section .section-header .view-more{color:#fa7d09;cursor:pointer;font-size:14px}.sketch-modal-container .content-area .scroll-content .category-section .section-header .view-more:hover{color:#e65c00}.sketch-modal-container .content-area .scroll-content .category-section .sizes-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.sketch-modal-container .content-area .scroll-content .category-section .sizes-grid.recent-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.sketch-modal-container .content-area .scroll-content .category-section .size-card{cursor:pointer;background:#fff;border:2px solid #f3f4f6;border-radius:12px;align-items:center;padding:8px;transition:all .3s;display:flex}.sketch-modal-container .content-area .scroll-content .category-section .size-card:hover{background:#f8faff;border-color:#fa7d09;transform:translateY(-2px);box-shadow:0 4px 12px #fa7d0926}.sketch-modal-container .content-area .scroll-content .category-section .size-card.selected{background:#f8faff;border-color:#fa7d09;box-shadow:0 0 0 1px #fa7d09}.sketch-modal-container .content-area .scroll-content .category-section .size-card .size-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:2px;font-size:18px;display:flex}.sketch-modal-container .content-area .scroll-content .category-section .size-card .size-info{flex:1;min-width:0}.sketch-modal-container .content-area .scroll-content .category-section .size-card .size-info .size-name{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:600}.sketch-modal-container .content-area .scroll-content .category-section .size-card .size-info .size-name .size-ratio{color:#6b7280;margin:0 2px}.sketch-modal-container .content-area .scroll-content .category-section .size-card .size-info .size-dimensions{color:#9ca3af;font-size:12px}.sketch-modal-container .content-area .modal-footer{border-top:1px solid #f0f0f0;justify-content:flex-end;padding:20px 24px;display:flex}.sketch-modal-container .content-area .modal-footer .ant-btn{border-radius:8px;height:40px;font-weight:500}.sketch-modal-container .content-area .modal-footer .ant-btn.ant-btn-primary{background:#fa7d09;border-color:#fa7d09}.sketch-modal-container .content-area .modal-footer .ant-btn.ant-btn-primary:hover{background:#e65c00;border-color:#e65c00}@media (max-width:768px){.sketch-modal .ant-modal{max-width:none;width:95%!important}.sketch-modal-container{flex-direction:column;height:auto;max-height:80vh}.sketch-modal-container .category-sidebar{width:100%;height:auto}.sketch-modal-container .category-sidebar .category-list{padding:8px 16px;display:flex;overflow-x:auto}.sketch-modal-container .category-sidebar .category-list .category-item{border-radius:20px;flex-shrink:0;margin-right:8px;padding:8px 16px}.sketch-modal-container .category-sidebar .category-list .category-item.active{border-right:none;border-radius:20px}.sketch-modal-container .content-area .scroll-content .category-section .sizes-grid{grid-template-columns:1fr}.sketch-modal-container .content-area .scroll-content .category-section .sizes-grid.recent-grid{grid-template-columns:repeat(2,1fr)}}.fabra-initial-upload-design{display:block;width:auto!important}.fabra-initial-upload-design .ant-upload-drag{background:#fafafa;border:1px dashed #d9d9d9;border-radius:12px;transition:all .3s cubic-bezier(.645,.045,.355,1);width:320px!important;height:220px!important}.fabra-initial-upload-design .ant-upload-drag:hover{background-color:#fa7d0905;border-color:#fa7d09;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.fabra-initial-upload-design .ant-upload-drag:hover .icon{transform:scale(1.1)}.fabra-initial-upload-design .ant-upload-drag .ant-upload-drag-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.fabra-initial-upload-design .ant-upload-drag .icon{color:#fa7d09;margin-bottom:16px;transition:transform .3s}.fabra-initial-upload-design .ant-upload-drag .ant-upload-text{color:#1f1f1f;font-size:18px;font-weight:500;margin-top:0!important;margin-bottom:8px!important}.fabra-initial-upload-design .ant-upload-drag .ant-upload-hint{color:#8c8c8c;font-size:14px;margin:0!important}.fabra-initial-view{background-color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;height:100%;padding:24px;display:flex}.canvas-zoom-toolbar{background-color:#fff;border-radius:8px;align-items:center;padding:4px;display:flex;box-shadow:0 2px 8px #0000001a}.canvas-zoom-toolbar .zoom-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;display:flex}.canvas-zoom-toolbar .zoom-button:hover{background-color:#f5f5f5}.canvas-zoom-toolbar .zoom-display{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;min-width:70px;padding:4px 8px}.canvas-zoom-toolbar .zoom-display:hover{background-color:#f5f5f5}.canvas-zoom-toolbar .zoom-input{text-align:center;width:70px}.fabra-editor-multi-page-toolbar{z-index:100;pointer-events:auto;width:100%;position:absolute;bottom:0;left:0;right:0}.fabra-editor-multi-page-toolbar-inner{justify-content:center;align-items:center;gap:6px;padding:6px 0;display:flex}.fabra-editor-multi-page-toolbar-list{-webkit-overflow-scrolling:touch;align-items:center;gap:6px;display:flex;overflow-x:auto}.fabra-editor-multi-page-toolbar-item{-webkit-user-select:none;user-select:none;cursor:pointer;will-change:transform,box-shadow,border-color;background:0 0;border:2px solid #d9d9d9;border-radius:6px;justify-content:center;align-items:center;width:72px;min-width:72px;height:48px;transition:border-color .2s,box-shadow .2s,background-color .2s,transform .15s;display:flex;position:relative}.fabra-editor-multi-page-toolbar-item:hover{background:#fff;border-color:#faad14;transform:translateY(-1px);box-shadow:0 2px 8px #00000014,0 0 0 2px #faad1424}.fabra-editor-multi-page-toolbar-item:active{transform:translateY(0)}.fabra-editor-multi-page-toolbar-item:focus-visible{outline-offset:2px;outline:2px solid #faad14}.fabra-editor-multi-page-toolbar-item-active{background:#fff;border-color:#faad14;box-shadow:0 2px 8px #0000001a,0 0 0 2px #faad1447}.fabra-editor-multi-page-toolbar-item-active:hover{transform:translateY(-1px);box-shadow:0 2px 10px #0000001a,0 0 0 2px #faad1466}.fabra-editor-multi-page-toolbar-thumb{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:6px;width:100%;height:100%}.fabra-editor-multi-page-toolbar-placeholder{color:#999;font-size:12px}.fabra-editor-multi-page-toolbar-delete{color:#ff4d4f;cursor:pointer;opacity:0;background:#fff;border:1px solid #d9d9d9;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;transition:opacity .2s,transform .15s,box-shadow .2s,border-color .2s;display:inline-flex;position:absolute;top:0;right:0;transform:scale(.98);box-shadow:0 2px 6px #00000014}.fabra-editor-multi-page-toolbar-item:hover .fabra-editor-multi-page-toolbar-delete{opacity:1;transform:scale(1)}.fabra-editor-multi-page-toolbar-delete:hover{border-color:#faad14;box-shadow:0 2px 8px #0000001a}.fabra-editor-multi-page-toolbar-delete:active{transform:scale(.95)}.fabra-editor-multi-page-toolbar-add{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px dashed #d9d9d9;border-radius:6px;justify-content:center;align-items:center;width:72px;min-width:72px;height:48px;font-size:18px;line-height:1;transition:border-color .2s,background-color .2s;display:inline-flex}.fabra-editor-multi-page-toolbar-add:hover{background:#f7f7f7;border-color:#bfbfbf}.fabra-editor-multi-page-toolbar-add:active{background:#f0f0f0;border-color:#b1b1b1}.fabra-editor-multi-page-toolbar-add:focus-visible{outline-offset:2px;outline:2px solid #91caff}.toolbar-group__button{font-weight:700;font-size:14px!important}.fabric-toolbar{z-index:1000;background:#fff;border:1px solid #00000014;border-radius:100px;align-items:center;gap:6px;padding:3px 8px;display:flex;position:absolute;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.fabric-toolbar__button{cursor:pointer;color:#444;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;padding:2px;font-size:18px;transition:all .2s;display:flex}.fabric-toolbar__button:hover{color:#000;background:#0000000f;transform:translateY(-1px)}.fabric-toolbar__button:active{background:#0000001a;transform:translateY(0)}.fabric-toolbar__button-text{font-size:14px;font-weight:600}.fabric-toolbar__button--active,.fabric-toolbar__button--active:hover,.fabric-toolbar__button--active:active{color:#faad14;background:#faad1429;transform:translateY(0);box-shadow:inset 0 0 0 1px #faad1461}.fabric-toolbar__button--disabled,.fabric-toolbar__button--disabled:hover,.fabric-toolbar__button--disabled:active,.fabric-toolbar__button[disabled],.fabric-toolbar__button[disabled]:hover,.fabric-toolbar__button[disabled]:active{cursor:not-allowed;color:#00000040;box-shadow:none;background:0 0;transform:translateY(0)}.top-toolbar-action-item{cursor:pointer;color:#333;border-radius:6px;flex-direction:row;align-items:center;gap:4px;max-width:200px;padding:4px 8px;transition:all .2s;display:flex}.top-toolbar-action-item--disabled{cursor:not-allowed;color:#00000040}.top-toolbar-action-item--disabled:hover{background-color:#0000}.top-toolbar-action-item:hover{background-color:#0000000a}.top-toolbar-action-item--active{background-color:#0000000f;box-shadow:inset 0 0 0 1px #00000014}.top-toolbar-action-item--icon{white-space:nowrap;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.top-toolbar-action-item--label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.fabra-top-toolbar-ai__menu{min-width:80px;padding:4px 0}.fabra-top-toolbar-ai__menu-item{cursor:pointer;align-items:center;padding:6px;transition:background-color .2s;display:flex}.fabra-top-toolbar-ai__menu-item:hover{background-color:#f5f5f5}.fabra-top-toolbar-ai__menu-item:active{background-color:#e6f7ff}.fabra-top-toolbar-ai__menu-icon{margin-right:6px;font-size:12px}.fabra-top-toolbar-ai__menu-label{color:#333;font-size:12px;font-weight:400}.fabra-top-toolbar-ai__popover .ant-popover-inner{border-radius:8px;padding:6px 8px;box-shadow:0 4px 12px #00000026;min-width:80px!important}.fabra-top-toolbar-ai__popover .ant-popover-arrow{display:none}.cropper-container{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;top:0;bottom:0;left:0;right:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.top-toolbar-font-family{border:1px solid #00000026;padding:6px 8px}.top-toolbar-font-size{background:#fff;border:1px solid #00000026;border-radius:10px;align-items:center;height:32px;display:inline-flex;position:relative;overflow:visible}.top-toolbar-font-size--open{box-shadow:inset 0 0 0 1px #00000014}.top-toolbar-font-size__btn{cursor:pointer;color:#000000d9;-webkit-user-select:none;user-select:none;background:0 0;border:none;width:36px;height:32px;padding:0;font-size:18px;line-height:32px}.top-toolbar-font-size__btn:hover{background:#0000000a}.top-toolbar-font-size__btn:active{background:#0000000f}.top-toolbar-font-size__center{border-left:1px solid #00000014;border-right:1px solid #00000014;justify-content:center;align-items:center;width:56px;height:32px;display:flex;position:relative}.top-toolbar-font-size__input{text-align:center;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px;font-weight:600}.top-toolbar-font-size__dropdown{z-index:200;background:#fff;border:1px solid #00000014;border-radius:12px;width:120px;max-height:280px;padding:8px 0;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.top-toolbar-font-size__dropdown-list{max-height:264px;overflow:auto}.top-toolbar-font-size__dropdown-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;height:32px;padding:0 16px;font-size:18px;display:flex}.top-toolbar-font-size__dropdown-item:hover{background:#0000000a}.top-toolbar-font-size__dropdown-item--active{background:#1677ff1f}.top-toolbar-text-color{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #00000026;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative}.top-toolbar-text-color:hover{background:#0000000a}.top-toolbar-text-color--active{background-color:#0000000f;box-shadow:inset 0 0 0 1px #00000014}.top-toolbar-text-color__a{color:#000000d9;font-size:16px;font-weight:700;line-height:1}.top-toolbar-text-color__underline{border-radius:4px;width:16px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.top-toolbar-text-color--mixed .top-toolbar-text-color__underline{background:repeating-linear-gradient(90deg,#00000059 0 6px,#00000026 6px 12px)!important}.top-toolbar-text-advanced__panel{width:320px;padding:8px 8px 2px}.top-toolbar-text-advanced__row{margin-bottom:10px}.top-toolbar-text-advanced__title{color:#000000e0;margin-bottom:6px;font-size:14px;font-weight:500}.top-toolbar-fill__dot{border:1px solid #0000001f;border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #fff6}.top-toolbar-border-type__icon{color:#000000a6;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.top-toolbar-border-type__panel{width:240px;padding:8px}.top-toolbar-border-type__title{color:#000000e0;margin-bottom:8px;font-weight:500}.top-toolbar-border-type__group{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;display:grid}.top-toolbar-border-type__btn{justify-content:center;align-items:center;width:100%;padding:0;display:inline-flex}.top-toolbar-border-type__svg{justify-content:center;align-items:center;margin-top:6px;display:inline-flex}.top-toolbar-stroke-color__icon{background:0 0;border:2px solid;border-radius:4px;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff59}.top-toolbar-stroke-width__icon{background:#000000a6;border-radius:999px;width:18px;display:inline-block}.top-toolbar-stroke-width__panel{width:300px;padding:0 8px}.top-toolbar-stroke-width__title{margin-bottom:8px;font-weight:500}.top-toolbar-border-radius__icon{box-sizing:border-box;background:0 0;border:2px solid #0000008c;border-radius:6px;width:18px;height:18px;display:inline-block}.top-toolbar-border-radius__panel{width:300px;padding:0 8px}.top-toolbar-border-radius__title{margin-bottom:8px;font-weight:500}.top-toolbar-shape-actions-bar,.top-toolbar-group-actions-bar{display:contents}.fabric-top-toolbar{z-index:100;pointer-events:auto;background:#fff;border:1px solid #00000014;border-radius:12px;align-items:center;gap:6px;margin-left:8px;padding:6px 12px 6px 8px;display:flex;position:absolute;top:26px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.fabric-top-toolbar__divider{background:#0000001a;width:2px;height:18px;margin:0 2px}.top-toolbar-canvas-color__dot{border:1px solid #0000001f;border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #fff6}.top-toolbar-canvas-size.top-toolbar-action-item--disabled{cursor:default;color:#333}.position-panel{z-index:99;background:#fff;border:1px solid #e5e5e5;border-radius:8px;width:260px;font-size:12px;position:fixed;top:90px;right:120px;box-shadow:0 4px 12px #00000014}.position-panel__header{cursor:move;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.position-panel__title{font-weight:600}.position-panel__close{cursor:pointer;color:#666;background:0 0;border:none;padding:2px;font-size:14px}.position-panel__close:hover{color:#1890ff}.position-panel__content{padding:10px}.position-panel__group{gap:8px;margin-bottom:8px;display:flex}.position-panel__btn{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;flex:1;padding:6px 8px;transition:all .2s}.position-panel__btn:hover{background:#f5f5f5;border-color:#40a9ff}.position-panel__btn:active{background:#e6f7ff}.position-panel__list{max-height:240px;overflow:auto}.position-panel__list-item{cursor:pointer}.position-panel__drag-handle{cursor:move}.position-panel--dragging{-webkit-user-select:none;user-select:none}.eraser-canvas{background:#f5f5f5;width:100%;height:100%;position:relative}.eraser-canvas__canvas{display:block;position:absolute;top:0;bottom:0;left:0;right:260px}.eraser-canvas__header{z-index:2;position:absolute;top:8px;left:8px}.eraser-canvas__sidebar{background:#fff;border-left:1px solid #f0f0f0;flex-direction:column;gap:12px;width:260px;height:100%;padding:12px;display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 12px #0000000a}.eraser-canvas__section{padding:8px 0;display:block}.eraser-canvas__section-title{color:#333;margin-bottom:8px;font-size:14px;font-weight:500}.eraser-canvas__footer{margin-top:auto}.eraser-canvas__footer .btn{width:100%;margin-bottom:6px}.outfit-anyone-editor-content{justify-content:center;align-items:center;width:100%;height:100%;padding:24px 0;display:flex;position:relative}.outfit-anyone-editor-content .outfit-anyone-editor-image{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.outfit-anyone-editor-content .outfit-anyone-editor-actions{gap:12px;display:flex;position:absolute;top:10px;right:10px}.outfit-anyone-editor-content .outfit-anyone-editor-placeholder{text-align:center;color:#999}.outfit-anyone-editor-content .outfit-anyone-editor-placeholder .placeholder-logo{width:600px;margin-bottom:20px}.outfit-anyone-editor-content .outfit-anyone-editor-placeholder .steps-container{width:100%}.outfit-anyone-editor-content .outfit-anyone-editor-placeholder .steps{justify-content:center;gap:16px;display:flex}.outfit-anyone-editor-content .outfit-anyone-editor-placeholder .step{flex-direction:column;align-items:center;gap:12px;display:flex}.outfit-anyone-editor-content .outfit-anyone-editor-placeholder .step-number{border:1px solid #999;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ai-picture-canvas-container{width:100%;height:100%;display:flex}.ai-picture-canvas-container-canvas-container{background:#f5f5f5;flex:1;height:100%;position:relative;overflow:hidden}.ai-picture-canvas-container-canvas{z-index:1;width:100%;height:100%;position:relative}.ai-picture-canvas-container-panel{z-index:2;background-color:#fff;border-left:1px solid #e8e8e8;width:280px;height:100%}.ai-picture-canvas-container-download{z-index:2;position:absolute;top:10px;right:10px}.generate-result-display{margin-top:16px}.generate-result-display__pending{text-align:center;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:24px 16px}.generate-result-display__pending-content{flex-direction:column;align-items:center;gap:16px;display:flex}.generate-result-display__pending-text{flex-direction:column;gap:4px;display:flex}.generate-result-display__success{background:#fff;border:1px solid #d9d9d9;border-radius:8px;padding:16px}.generate-result-display__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.generate-result-display__header-left{align-items:center;gap:8px;display:flex}.generate-result-display__header-right{flex-direction:column;display:flex}.generate-result-display__success-icon{color:#52c41a;font-size:16px}.generate-result-display__title{color:#262626;margin:0;font-size:14px;font-weight:500}.generate-result-display__subtitle{color:#8c8c8c;text-align:center;margin:8px 0 0;font-size:12px}.generate-result-display__content{flex-direction:column;align-items:center;display:flex}.generate-result-display__result-image{border:1px solid #f0f0f0;border-radius:6px;width:100%;max-width:200px}.generate-result-display__apply-btn{height:28px;padding:0 12px;font-size:12px}.generate-result-display__failed{margin-top:16px}.generate-result-display__error-alert{border-radius:6px}.generate-result-display__error-alert .ant-alert-message{font-size:14px;font-weight:500}.generate-result-display__error-alert .ant-alert-description{font-size:12px}.generate-result-display__pending .ant-spin .ant-spin-dot i{background-color:#1890ff}@media (max-width:768px){.generate-result-display__header{flex-direction:column;align-items:flex-start;gap:8px}.generate-result-display__apply-btn{width:100%}}.picture-panel{padding:12px}.picture-panel-upload-image{border:1px solid #efefef;border-radius:12px;margin:12px 0}.picture-panel-upload-image-upload{justify-content:center;align-items:center;padding:12px 24px;display:flex}.fabric-editor-canvas-ruler{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.fabric-editor-canvas-ruler-h{pointer-events:auto;cursor:ns-resize;width:calc(100% - 22px);position:absolute;top:0;left:22px}.fabric-editor-canvas-ruler-v{pointer-events:auto;cursor:ew-resize;height:calc(100% - 22px);position:absolute;top:22px;left:0}.fabric-editor-canvas-ruler-corner{background:#f5f5f5;border-bottom:1px solid #aaa;border-right:1px solid #aaa;position:absolute;top:0;left:0}.fabric-editor-ruler-line{pointer-events:none;z-index:11;width:100%;height:100%;position:absolute;top:0;left:0}.fabric-editor-ruler-line-h{pointer-events:auto;cursor:ns-resize;border-top:1px solid #f49c38;width:calc(100% - 22px);height:0;padding:4px 0;position:absolute;left:22px}.fabric-editor-ruler-line-v{pointer-events:auto;cursor:ew-resize;border-left:1px solid #f49c38;width:0;height:calc(100% - 22px);padding:0 4px;position:absolute;top:22px}.fabric-editor-ruler-line-label{color:#f49c38;background:#fffc;border-radius:2px;padding:0 2px;font-size:10px;position:absolute;top:-10px;left:4px}.fabric-editor-ruler-wrapper{pointer-events:none;z-index:9;width:100%;height:100%;position:absolute;top:0;left:0}.fabric-editor-ruler-wrapper-actions{pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute;top:28px;right:16px}.fabric-editor-ruler-wrapper-btn{color:#333;-webkit-user-select:none;user-select:none;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:6px;justify-content:center;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:500;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px #00000005}.fabric-editor-ruler-wrapper-btn:hover{background:#f7f7f7;border-color:#bfbfbf}.fabric-editor-ruler-wrapper-btn:active{box-shadow:none;background:#f0f0f0;border-color:#b1b1b1}.fabric-editor-ruler-wrapper-btn:focus-visible{outline-offset:2px;outline:2px solid #91caff}.fabric-editor-ruler{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@font-face{font-family:AlibabaPuHuiTi-3-45-Light;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaPuHuiTi-3-45-Light.woff2);font-display:swap}@font-face{font-family:AlibabaPuHuiTi;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaPuHuiTi-3-55-RegularL3.woff2);font-display:swap}@font-face{font-family:AlibabaPuHuiTi-3-65-Medium;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaPuHuiTi-3-65-Medium.woff2);font-display:swap}@font-face{font-family:AlibabaPuHuiTi-3-85-Bold;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaPuHuiTi-3-85-Bold.woff2);font-display:swap}@font-face{font-family:AlibabaPuHuiTi-3-115-Black;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaPuHuiTi-3-115-Black.woff2);font-display:swap}@font-face{font-family:SourceHanSans;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/SourceHanSansCN-Regular.otf)format("opentype");font-display:swap}@font-face{font-family:霞鹜新晰黑;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/LXGWNeoXiHei.ttf);font-display:swap}@font-face{font-family:霞鹜尚智黑;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/LXGWFasmartGothic.ttf);font-display:swap}@font-face{font-family:霞鹜文楷;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/LXGWWenKai-Regular.ttf);font-display:swap}@font-face{font-family:小赖字体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/XiaolaiSC-Regular.ttf);font-display:swap}@font-face{font-family:SourceHanSerif;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/SourceHanSerifCN-Regular.ttf);font-display:swap}@font-face{font-family:方正楷体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/方正楷体简体.ttf);font-display:swap}@font-face{font-family:悠哉字体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/Yozai-Regular.ttf);font-display:swap}@font-face{font-family:包图小白体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/包图小白体.ttf);font-display:swap}@font-face{font-family:手写杂字体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/手写杂字体.ttf);font-display:swap}@font-face{font-family:站酷快乐体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/站酷快乐体.ttf);font-display:swap}@font-face{font-family:站酷文艺体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/站酷文艺体.ttf);font-display:swap}@font-face{font-family:站酷小薇LOGO体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/站酷小薇LOGO体.otf)format("opentype");font-display:swap}@font-face{font-family:SmileySans;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/SmileySans-Oblique.ttf);font-display:swap}@font-face{font-family:文心喜乐体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/文心喜乐体.ttf);font-display:swap}@font-face{font-family:抖音美好体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/DouyinSansBold.ttf);font-display:swap}@font-face{font-family:阿里妈妈数黑体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlimamaShuHeiTi-Bold.ttf);font-display:swap}@font-face{font-family:点点像素体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/DottedSongtiSquareRegular.otf);font-display:swap}@font-face{font-family:寒蝉德黑体;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/ChillDINGothic_Std.woff2);font-display:swap}@font-face{font-family:纳米空型黑;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/NanoKongHinhHei-Regular.ttf);font-display:swap}@font-face{font-family:香萃零度黑;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/香萃零度黑2.0.ttf);font-display:swap}@font-face{font-family:CangErFeiBaiW01;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErFeiBaiW01-2.ttf);font-display:swap}@font-face{font-family:CangErFeiBaiW02;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErFeiBaiW02-2.ttf);font-display:swap}@font-face{font-family:CangErFeiBaiW03;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErFeiBaiW03-2.ttf);font-display:swap}@font-face{font-family:CangErFeiBaiW04;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErFeiBaiW04-2.ttf);font-display:swap}@font-face{font-family:CangErFeiBaiW05;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErFeiBaiW05-2.ttf);font-display:swap}@font-face{font-family:CangErShuYuanW01;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErShuYuanTiW01-2.ttf);font-display:swap}@font-face{font-family:CangErShuYuanW02;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErShuYuanTiW02-2.ttf);font-display:swap}@font-face{font-family:CangErShuYuanW03;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErShuYuanTiW03-2.ttf);font-display:swap}@font-face{font-family:CangErShuYuanW04;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErShuYuanTiW04-2.ttf);font-display:swap}@font-face{font-family:CangErShuYuanW05;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErShuYuanTiW05-2.ttf);font-display:swap}@font-face{font-family:CangErYuMoW01;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuMoW01-2.ttf);font-display:swap}@font-face{font-family:CangErYuMoW02;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuMoW02-2.ttf);font-display:swap}@font-face{font-family:CangErYuMoW03;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuMoW03-2.ttf);font-display:swap}@font-face{font-family:CangErYuMoW04;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuMoW04-2.ttf);font-display:swap}@font-face{font-family:CangErYuMoW05;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuMoW05-2.ttf);font-display:swap}@font-face{font-family:CangErYuYangTiW01;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuYangTiW01-2.ttf);font-display:swap}@font-face{font-family:CangErYuYangTiW02;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuYangTiW02-2.ttf);font-display:swap}@font-face{font-family:CangErYuYangTiW03;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuYangTiW03-2.ttf);font-display:swap}@font-face{font-family:CangErYuYangTiW04;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuYangTiW04-2.ttf);font-display:swap}@font-face{font-family:CangErYuYangTiW05;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErYuYangTiW05-2.ttf);font-display:swap}@font-face{font-family:CangErXiaoWanZi;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErXiaoWanZi-2.ttf);font-display:swap}@font-face{font-family:CangErZhouZhengDaBangShu;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/CangErZhouZhengDaBangShu-2.ttf);font-display:swap}@font-face{font-family:AaJianHaoTi;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AaJianHaoTi-2.ttf);font-display:swap}@font-face{font-family:AaHouDiHeiTi;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AaHouDiHei-2.ttf);font-display:swap}@font-face{font-family:ChuangKeTieJinGangTi-2;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/ChuangKeTieJinGangTi-2.otf);font-display:swap}@font-face{font-family:SanJiXingKaiJianTi-Cu-2;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/SanJiXingKaiJianTi-Cu-2.ttf);font-display:swap}@font-face{font-family:SanJiSuXianJianTi-2;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/SanJiSuXianJianTi-2.ttf);font-display:swap}@font-face{font-family:SanJiPoMoTi-2;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/SanJiPoMoTi-2.ttf);font-display:swap}@font-face{font-family:SanJiLiLiangTiJian-Cu-2;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/SanJiLiLiangTiJian-Cu-2.ttf);font-display:swap}@font-face{font-family:AlibabaSans-Black;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaSans-Black.woff2);font-display:swap}@font-face{font-family:AlibabaSans-Bold;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaSans-Bold.woff2);font-display:swap}@font-face{font-family:AlibabaSans-Heavy;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaSans-Heavy.woff2);font-display:swap}@font-face{font-family:AlibabaSans-Light;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaSans-Light.woff2);font-display:swap}@font-face{font-family:AlibabaSans-Medium;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaSans-Medium.woff2);font-display:swap}@font-face{font-family:AlibabaSans-Regular;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/AlibabaSans-Regular.woff2);font-display:swap}@font-face{font-family:Roboto;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/Roboto-Regular.woff2);font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/Roboto-Italic.woff2);font-style:italic;font-display:swap}@font-face{font-family:DancingScript-Regular;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/DancingScript-Regular.woff2);font-display:swap}@font-face{font-family:Inter;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/Inter-Regular.woff2);font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(https://stkj-public-assets.oss-cn-guangzhou.aliyuncs.com/assets/fonts/Inter-Italic.woff2);font-style:italic;font-display:swap}.ant-float-btn-group{bottom:48px}html,body,#root{height:100%;margin:0}.fabra-layout .ant-tabs-nav-wrap{width:64px}.fabra-layout .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab{margin:12px 0 0;padding:8px 0;font-size:13px;line-height:1.5}.fabra-layout .ant-tabs-tab-btn{width:100%}.ant-tabs-content-holder{overflow:auto!important}.fabra-layout h5.ant-typography{margin:0}.fabra-color-setter .rcs .rc-input-number-affix-wrapper{height:20px}.fabra-color-setter .rcs-preset-colors{gap:5px}.fabra-workspace{position:relative}.fabra-toolbar-item{cursor:pointer;border-radius:6px;align-items:center;padding:4px;line-height:0;display:inline-flex}.fabra-toolbar-item:hover{background-color:#40576d12}.vip-features-container .vip-title{text-align:center;margin-bottom:24px}.vip-features-container .vip-title .title{margin-right:8px;font-size:24px;font-weight:700}.vip-features-container .vip-title .vip-badge{color:#333;background:linear-gradient(45deg,gold,#ffed4e);border-radius:12px;padding:4px 12px;font-size:14px;font-weight:600}.vip-features-container .vip-features{background:#ffffff1a;border-radius:12px;padding:20px 12px}.vip-features-container .vip-features .feature-section{margin-bottom:16px}.vip-features-container .vip-features .feature-section:last-child{margin-bottom:0}.vip-features-container .vip-features .feature-section h4{color:#fff;margin-bottom:8px;font-size:14px;font-weight:600}.vip-features-container .vip-features .feature-section ul{margin:0;padding:0;list-style:none}.vip-features-container .vip-features .feature-section ul li{opacity:.9;margin-bottom:4px;font-size:12px;line-height:1.5}.vip-features-container .vip-features .feature-section ul li:last-child{margin-bottom:0}.plan-selection .plan-selection-title{text-align:center;margin-bottom:20px}.plan-selection .plan-selection-title h3{color:#fff;margin:0;font-size:18px;font-weight:600}.plan-selection .plan-tabs{background-color:#0000000d;border-radius:20px;justify-content:center;margin-bottom:20px;padding:4px;display:flex}.plan-selection .plan-tabs .plan-tab{cursor:pointer;color:#fffc;text-align:center;border-radius:18px;flex:1;padding:8px 10px;font-size:15px;font-weight:500;transition:all .3s}.plan-selection .plan-tabs .plan-tab.active{color:#111;background-color:gold;font-weight:600;box-shadow:0 2px 4px #0003}.plan-selection .plan-tabs .plan-tab:hover:not(.active){background-color:#ffffff1a}.plan-selection .plan-options{flex-flow:row;gap:12px;margin-bottom:20px;display:flex}.plan-selection .plan-options .plan-option{text-align:center;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:2px solid #0000;border-radius:12px;flex:1;min-width:0;padding:16px 12px;transition:all .3s;position:relative}.plan-selection .plan-options .plan-option:hover:not(.disabled){background:#ffffff26}.plan-selection .plan-options .plan-option.selected{background:#ffd7001a;border-color:gold}.plan-selection .plan-options .plan-option.disabled{opacity:.6;cursor:not-allowed}.plan-selection .plan-options .plan-option.recommended{border-color:#ff6b35}.plan-selection .plan-options .plan-option.recommended:before{content:"推荐";color:#fff;background:#ff6b35;border-radius:8px;padding:2px 8px;font-size:10px;position:absolute;top:-8px;right:8px}.plan-selection .plan-options .plan-option .discount-badge{color:#fff;background:#ff4757;border-radius:8px;padding:2px 8px;font-size:10px;position:absolute;top:-8px;left:8px}.plan-selection .plan-options .plan-option .plan-title{text-overflow:ellipsis;margin-bottom:8px;font-size:14px;font-weight:600;overflow:hidden}.plan-selection .plan-options .plan-option .plan-price{margin-bottom:8px}.plan-selection .plan-options .plan-option .plan-price .current-price{color:gold;font-size:24px;font-weight:700}.plan-selection .plan-options .plan-option .plan-price .original-price{opacity:.6;margin-left:8px;font-size:12px;text-decoration:line-through}.plan-selection .plan-options .plan-option .plan-duration{opacity:.8;text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.plan-selection .trial-info{background:#ffffff0d;border-radius:8px;padding:12px}.plan-selection .trial-info p{opacity:.8;margin:0 0 4px;font-size:11px;line-height:1.4}.plan-selection .trial-info p:last-child{margin-bottom:0}.pay-modal .ant-modal-content{background:linear-gradient(135deg,#faad14 0%,#a66e6d 100%);border-radius:16px;overflow:hidden}.pay-modal .ant-modal-body{padding:0}.pay-modal .pay-modal-content{color:#fff;min-height:500px}.pay-modal .pay-modal-content .pay-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.pay-modal .pay-modal-content .pay-modal-header .user-info{align-items:center;gap:12px;display:flex}.pay-modal .pay-modal-content .pay-modal-header .user-info .user-details .username{margin-bottom:4px;font-size:16px;font-weight:600}.pay-modal .pay-modal-content .pay-modal-header .user-info .user-details .user-status{align-items:center;gap:8px;display:flex}.pay-modal .pay-modal-content .pay-modal-header .user-info .user-details .user-status .status-text{opacity:.8;font-size:12px}.pay-modal .pay-modal-content .pay-modal-header .user-info .user-details .user-status .vip-badge{color:#8b4513;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.pay-modal .pay-modal-content .pay-modal-body{align-items:flex-start;gap:32px;padding:24px 12px;display:flex}.pay-modal .pay-modal-content .left-section{flex:0 0 240px;min-width:0}.pay-modal .pay-modal-content .right-section{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.pay-modal .pay-modal-content .payment-section{border-top:1px solid #ffffff1a;align-items:flex-start;gap:32px;padding-top:24px;display:flex}.pay-modal .pay-modal-content .payment-section .qr-code-section{justify-content:center;display:flex}.pay-modal .pay-modal-content .payment-section .qr-code-section .qr-iframe{background:#fff;border-radius:8px}.pay-modal .pay-modal-content .payment-section .qr-code-section .qr-loading{background:#ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:140px;height:140px;display:flex}.pay-modal .pay-modal-content .payment-section .qr-code-section .qr-loading p{opacity:.8;margin:0;font-size:14px}.pay-modal .pay-modal-content .payment-section .qr-code-section .qr-error{background:#ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:140px;height:140px;display:flex}.pay-modal .pay-modal-content .payment-section .qr-code-section .qr-error p{opacity:.8;margin:0;font-size:14px}.pay-modal .pay-modal-content .payment-section .payment-info{flex-direction:column;flex:1;gap:0;display:flex}.pay-modal .pay-modal-content .payment-section .payment-info .payment-title{margin-bottom:8px;font-size:18px;font-weight:700}.pay-modal .pay-modal-content .payment-section .payment-info .payment-method{opacity:.9;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.pay-modal .pay-modal-content .payment-section .payment-info .payment-method .method-icon{border:1px solid;border-radius:2px;padding:2px;font-size:14px}.pay-modal .pay-modal-content .payment-section .payment-info .payment-notice{margin-top:auto;padding-top:16px}.pay-modal .pay-modal-content .payment-section .payment-info .payment-notice p{opacity:.7;text-align:left;margin:0;font-size:12px}.pay-modal .pay-modal-content .payment-section .payment-info .payment-notice p a{color:#ffffffe6;text-decoration:underline}.pay-modal .pay-modal-content .payment-section .payment-info .payment-notice p a:hover{color:#fff}.pay-modal .pay-modal-content .payment-section .payment-info .payment-actions{text-align:left;margin-top:12px}.pay-modal .pay-modal-content .payment-section .payment-info .payment-actions .ant-btn-link{color:#fffc;padding:0}.pay-modal .pay-modal-content .payment-section .payment-info .payment-actions .ant-btn-link:hover{color:#fff!important}@media (max-width:768px){.pay-modal .pay-modal-content .pay-modal-body{flex-direction:column;gap:20px}.pay-modal .pay-modal-content .left-section{flex:none;width:100%}.pay-modal .pay-modal-content .right-section{width:100%}.pay-modal .pay-modal-content .payment-section{flex-direction:column;gap:20px}.pay-modal .pay-modal-content .payment-section .payment-info{text-align:center}.pay-modal .ant-modal{max-width:100vw;margin:0;top:0}.pay-modal .pay-modal-content .top-section{flex-direction:column;gap:20px}.pay-modal .pay-modal-content .top-section .left-section,.pay-modal .pay-modal-content .top-section .right-section{flex:none;width:100%}.pay-modal .pay-modal-content .payment-section{text-align:center;flex-direction:column;gap:20px}.pay-modal .pay-modal-content .payment-section .payment-info{flex:none}.pay-modal .pay-modal-content .payment-section .qr-code-section{flex:none;align-self:center}.pay-modal .pay-modal-content .payment-section .payment-bottom{flex:none;align-items:center}.pay-modal .pay-modal-content .payment-section .payment-bottom .payment-notice p{text-align:center}}.publish-tpl__grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fabra-locales-switch{background-color:#fff;border:none;width:40px;height:40px;font-size:16px;font-weight:700;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}