@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes image-style-card-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.StudioLayout{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:10vh;background:radial-gradient(circle,#6a6c6e 0,#3a3a3a 100%)}.StudioLayout .StudioHeader{width:100%;height:64px;background-color:#fff;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100}.StudioLayout .StudioHeader,.StudioLayout .StudioHeader .StudioHeaderLeft{display:flex;align-items:center}.StudioLayout .StudioHeader .StudioHeaderLeft .logo{margin-left:8px}.StudioLayout .StudioHeader .StudioHeaderRight{display:flex;align-items:center;margin-right:16px}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightItem{display:flex;align-items:center;padding:0 12px}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightItem .svg-warp{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightItem .svg-warp:hover{background-color:#f4f7fa}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightItem svg{margin:10px;height:24px}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightMsg{padding:0 12px;display:flex;align-items:center;border-left:1px solid #e7edf3;height:40px}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightMsg svg{cursor:pointer;margin:8px;height:24px}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightMsg svg :hover{background-color:#f4f7fa}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightMsg .svg-warp{display:flex;flex-direction:row;align-items:center;border-radius:10px;border:1px solid var(---,#e7edf3);padding:10px;cursor:pointer}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightMsg .svg-warp span{color:var(---,#1b1b1b);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:14px;text-transform:capitalize;margin-left:4px}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightMsg .svg-warp svg{padding:0;margin:0}.StudioLayout .StudioHeader .StudioHeaderRight .StudioHeaderRightMsg .svg-warp:hover{background-color:#f4f7fa}.StudioLayout #contentId{margin-top:64px}.StudioLayout #contentId .StudioContentLeft{display:flex;flex-direction:column;background-color:#fff;z-index:999;top:48px;position:fixed;left:0;margin:12px;height:calc(100vh - 72px);max-height:calc(100vh - 72px);border-radius:12px;border:.5px solid #e7edf3;width:280px;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.StudioLayout #contentId .StudioContentLeft.collapsed{transform:translateX(-296px)}.StudioLayout #contentId .params-toggle-button-hidden{width:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:800;color:#8c949c;transition:all .3s ease}.StudioLayout #contentId .params-toggle-button-hidden:hover{color:#333}.StudioLayout #contentId .params-toggle-button-hidden:active{transform:translateY(-50%) scale(.95)}.StudioLayout #contentId .params-toggle-button-show{position:fixed;top:100px;left:12px;width:44px;height:44px;background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:800;color:#8c949c;transition:all .3s ease;z-index:999;box-shadow:-2px 0 8px rgba(0,0,0,.1)}.StudioLayout #contentId .params-toggle-button-show:hover{background:#f7f7f7;color:#333;box-shadow:-4px 0 12px rgba(0,0,0,.15)}.StudioLayout #contentId .panel-title{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.StudioLayout #contentId .panel-title span{color:#1b1b1b;font-weight:700}.StudioLayout #contentId .panel-content{display:flex;flex-direction:column;justify-self:center;align-items:center;width:100%;flex:1;min-height:0;overflow:hidden;padding:0 8px;box-sizing:border-box}.StudioLayout #contentId .panel-content .panel-content-Segmented-wrap{flex-shrink:0;width:100%;display:flex;justify-content:center;align-items:center;height:40px;margin:10px;gap:12px;cursor:pointer;border-bottom:1px solid #e7edf3}.StudioLayout #contentId .panel-content .panel-content-Segmented-wrap .panel-content-Segmented{width:100%}.StudioLayout #contentId .panel-content .ant-segmented .ant-segmented-item-label{display:flex;align-items:center;justify-content:center;color:#1b1b1b;font-weight:600;font-size:14px;padding:2px 24px}.StudioLayout #contentId .panel-content .panel-content-generate{flex:1;min-height:0;display:flex;scrollbar-width:none;-ms-overflow-style:none}.StudioLayout #contentId .panel-content .panel-content-generate::-webkit-scrollbar{display:none}.StudioLayout #contentId .panel-content .panel-content-generate .ant-segmented .ant-segmented-item:not(.ant-segmented-item-selected) .ant-segmented-item-label{color:#8d8d8d}.StudioLayout #contentId .panel-content .panel-content-generate{flex-direction:column;width:100%;padding:4px;overflow-y:auto}.StudioLayout #contentId .panel-content .panel-content-generate.panel-content-generate-image{overflow-y:hidden}.StudioLayout #contentId .panel-content .panel-content-generate.panel-content-generate-image .panel-content-generate-config{flex:1 1 0;width:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}.StudioLayout #contentId .panel-content .panel-content-generate .img-title{color:#7f8389;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin-top:16px;margin-bottom:16px}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img{display:flex;position:relative;height:186px;padding:16px 60px;align-self:stretch;aspect-ratio:4/3;align-items:center;justify-content:center;border-radius:12px;background:var(---_Opacity,rgba(244,247,250,.5))}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .img-title{position:absolute;top:16px;left:16px;color:#1b1b1b}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .add-wrap{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8389;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;gap:4px;width:100%;height:100%;cursor:pointer;border:1px solid #cecece;border-radius:8px;transition:all .2s ease;overflow:hidden;background-color:#fff}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .add-wrap:hover{border-color:#1b1b1b}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .add-wrap:hover .overlay{opacity:1}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .add-wrap .uploaded-image-preview{width:100%;height:100%;position:relative;border:1px solid #cecece}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .add-wrap .uploaded-image-preview img{width:100%;height:100%;object-fit:contain;border-radius:10px}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .add-wrap .uploaded-image-preview .overlay{position:absolute;bottom:4px;right:4px;background:rgba(27,27,27,.5);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;opacity:1;transition:opacity .2s ease;border-radius:10px;transition:transform .3s ease}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .add-wrap .uploaded-image-preview .overlay:hover{transform:scale(1.1);transition:transform .3s ease}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .add-wrap .uploaded-image-preview .overlay svg{padding:4px;width:32px;height:32px;opacity:1;color:#fff}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-img .add-wrap .uploaded-image-preview .overlay span{color:#fff;font-size:12px;font-weight:500}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container{position:relative;width:100%;height:192px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;display:flex;flex-direction:column;margin-bottom:16px;transition:height .2s ease}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container.prompt-container-image{box-sizing:border-box;flex:0 0 250px;height:250px!important;min-height:250px;overflow:hidden}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-textarea-custom{width:100%;height:200px;min-height:200px;scrollbar-width:none;-ms-overflow-style:none}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-textarea-custom::-webkit-scrollbar{display:none}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-textarea-custom{max-height:300px;padding:12px 12px 44px;border:none;outline:none;resize:none;font-family:inherit;font-size:14px;line-height:1.5;background:rgba(0,0,0,0);overflow-y:auto}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-textarea-custom::placeholder{color:#bfbfbf}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-textarea-custom:focus{outline:none}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container.prompt-container-image .prompt-textarea-custom{box-sizing:border-box;flex:0 0 144px;height:144px!important;min-height:144px;max-height:144px;padding-bottom:12px}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .reference-images-preview-inline{position:static;flex:0 0 64px;width:100%;height:64px;display:flex;gap:3px;align-items:center;padding:10px 12px;background:#fff;z-index:1}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .reference-images-preview-inline .preview-image-item-inline{position:relative;width:44px;height:44px;border-radius:8px;overflow:hidden;cursor:pointer;flex-shrink:0}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .reference-images-preview-inline .preview-image-item-inline img{width:100%;height:100%;object-fit:cover}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .reference-images-preview-inline .preview-image-item-inline .delete-icon-inline{position:absolute;top:0;right:0;background:rgba(27,27,27,.7);border-radius:0 0 0 8px;padding:4px;opacity:0;transition:opacity .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .reference-images-preview-inline .preview-image-item-inline .delete-icon-inline svg{width:12px;height:12px;color:#fff}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .reference-images-preview-inline .preview-image-item-inline .delete-icon-inline:hover{background:rgba(27,27,27,.9)}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .reference-images-preview-inline .preview-image-item-inline:hover .delete-icon-inline{opacity:1}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .reference-images-preview-inline .preview-image-item-inline.style-preview-inline .style-preview-label{position:absolute;bottom:3px;left:3px;right:3px;padding:2px;background:linear-gradient(180deg,#f5f3f0,#e8e6e3);border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.08);font-size:9px;font-weight:600;color:#1b1b1b;line-height:1.1;text-align:center;box-sizing:border-box}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-footer{position:static;flex:0 0 40px;width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;z-index:2;align-self:stretch;border-radius:0 0 5px 5px;border-right:1px solid #e7edf3;border-bottom:.5px solid #e7edf3}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-footer .add-image-button-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f5;border-radius:6px;color:#595959;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-footer .add-image-button-inline svg{width:16px;height:16px}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-footer .add-image-button-inline:hover:not(.disabled){background:rgba(180,187,194,.3);color:#1777fc}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-footer .add-image-button-inline.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-footer .add-style-button-inline{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#f5f5f5;border-radius:6px;color:#595959;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;user-select:none}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-footer .add-style-button-inline.active,.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-footer .add-style-button-inline:hover{background:rgba(180,187,194,.3);color:#595959}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container .prompt-footer .char-count{color:#8c8c8c;font-size:12px;line-height:1}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-container:focus-within{border-color:#1b1b1b}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-textarea-wrapper{position:relative}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-textarea-wrapper .prompt-textarea{padding-bottom:24px}.StudioLayout #contentId .panel-content .panel-content-generate .prompt-textarea-wrapper .prompt-textarea-count{position:absolute;right:12px;bottom:8px;color:#8c8c8c;font-size:12px;line-height:1;pointer-events:none}.StudioLayout #contentId .panel-content .panel-content-generate .image-error-message{color:#ff4759;text-align:left;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;margin-top:8px}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-cards{display:flex;flex-direction:column;gap:8px;margin-top:12px;margin-bottom:16px}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:12px;border:1px solid #f0f0f0;background:#fafafa;cursor:pointer;transition:all .2s ease;text-align:left;font:inherit;margin:0;box-sizing:border-box;appearance:none;-webkit-appearance:none}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card.hover{background:#f0f0f0;border-color:#e0e0e0}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card.selected{border-color:#1b1b1b;background:#fff}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card:focus{outline:none}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card .image-style-card-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;border:1px solid #eee;overflow:hidden}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card .image-style-card-icon .image-style-card-cover{width:100%;height:100%;object-fit:cover}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card .image-style-card-icon svg{width:28px;height:28px;color:#3c3f44}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card.image-style-card-loading .image-style-card-icon{background:#eee}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card .image-style-card-skeleton{display:block;background:linear-gradient(90deg,#eee 25%,#e8e8e8 50%,#eee 75%);background-size:200% 100%;animation:image-style-card-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:4px}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card .image-style-card-skeleton-title{width:60%;height:14px}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card .image-style-card-skeleton-desc{width:85%;height:12px;margin-top:6px}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card .image-style-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card .image-style-card-title{font-size:14px;font-weight:600;color:#1b1b1b}.StudioLayout #contentId .panel-content .panel-content-generate .image-style-card .image-style-card-desc{font-size:12px;color:#7f8389;line-height:1.35}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-generate-config{margin-top:12px}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-generate-config .scale-selector-container{display:flex;gap:2px;margin-bottom:16px;padding:8px;background-color:#f4f7fa;border-radius:12px}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-generate-config .scale-option{flex:1;padding:12px;text-align:center;background-color:rgba(0,0,0,0);border-radius:8px;cursor:pointer;font-size:14px;color:#8c949c;transition:all .2s ease}.StudioLayout #contentId .panel-content .panel-content-generate .panel-content-generate-config .scale-option.active{background-color:#fff;color:#1b1b1b;box-shadow:0 2px 4px rgba(0,0,0,.08)}.StudioLayout #contentId .panel-content .panel-content-assets{padding-bottom:45px;display:flex;flex-direction:column;height:calc(100vh - 64px - 66px);width:100%}.StudioLayout #contentId .panel-content .panel-content-assets .assets-scroll-container{height:calc(100% - 20px);overflow-y:auto;position:relative;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.StudioLayout #contentId .panel-content .panel-content-assets .assets-scroll-container::-webkit-scrollbar{width:0;height:0}.StudioLayout #contentId .panel-content .panel-content-assets .assets-tabs{display:flex;gap:8px;margin-bottom:20px}.StudioLayout #contentId .panel-content .panel-content-assets .assets-tabs .assets-tab{padding:7px 8px;background:rgba(0,0,0,0);border:1px solid #e1e5e9;border-radius:8px;color:#7f8389;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.StudioLayout #contentId .panel-content .panel-content-assets .assets-tabs .assets-tab.active,.StudioLayout #contentId .panel-content .panel-content-assets .assets-tabs .assets-tab:hover{border-color:#1b1b1b;color:#1b1b1b}.StudioLayout #contentId .panel-content .panel-content-assets .refresh-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .2s ease}.StudioLayout #contentId .panel-content .panel-content-assets .refresh-icon-wrapper:hover{background-color:#f4f7fa}.StudioLayout #contentId .panel-content .panel-content-assets .refresh-icon-wrapper:active{transform:scale(.95)}.StudioLayout #contentId .panel-content .panel-content-assets .refresh-icon-wrapper svg{width:20px;height:20px;transition:transform .3s ease}.StudioLayout #contentId .panel-content .panel-content-assets .refresh-icon-wrapper.refreshing{pointer-events:none}.StudioLayout #contentId .panel-content .panel-content-assets .refresh-icon-wrapper.refreshing svg{animation:spin .5s linear infinite}.StudioLayout #contentId .panel-content .panel-content-assets .assets-no-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;font-size:14px;font-weight:400}.StudioLayout #contentId .panel-content .panel-content-assets .assets-no-more .assets-no-more-line{flex:1;max-width:80px;height:0;border-top:1px solid #d3d3d3}.StudioLayout #contentId .panel-content .panel-content-assets .assets-no-more .assets-no-more-text{color:#a0a0a0;flex-shrink:0}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;min-height:0;overflow-x:hidden}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .refresh-icon{position:absolute;bottom:10px;right:10px;cursor:pointer;border-radius:6px;background:rgba(27,27,27,.5);opacity:0;transition:opacity .2s ease;z-index:9}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .refresh-icon:hover{background:rgba(27,27,27,.7)}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card{aspect-ratio:1;position:relative}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .refreshing-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:500;z-index:10;pointer-events:none}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card.asset-card-disabled{opacity:.9}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card.asset-card-disabled .asset-card-inner .asset-preview{cursor:not-allowed!important}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card.asset-card-disabled .asset-card-inner .asset-preview:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner{width:100%;height:100%}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview{position:relative;width:100%;height:100%;padding:6px;box-sizing:border-box;background:linear-gradient(180deg,#040406,#35383d);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .asset-card-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:rgba(0,0,0,.4);color:#fff;font-size:10px;font-weight:500;line-height:1.3;text-align:center;border-radius:8px;opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:none;-webkit-text-stroke:0 rgba(0,0,0,0);text-shadow:none}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .asset-card-title .asset-card-title-text{display:block;min-width:0;width:100%;padding:0 2px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .delete-icon{position:absolute;bottom:10px;right:10px;cursor:pointer;border-radius:6px;background:rgba(27,27,27,.5);opacity:0;transition:opacity .2s ease;z-index:3}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .delete-icon:hover{background:rgba(27,27,27,.7)}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .status-span{position:absolute;top:10px;left:10px;font-size:12px;cursor:pointer;border-radius:4px;padding:2px 8px;opacity:1;transition:opacity .2s ease;z-index:1}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .status-span span{color:#fff;font-size:12px;font-weight:600;line-height:1}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .status-span.status-review{background:rgba(242,146,50,.9)}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .status-span.status-draft{background:rgba(101,106,112,.9)}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .status-span.status-rejected{background:#bb4855}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .status-span.status-published{background:#009b28}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .generating-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;border-radius:8px;display:flex;flex-direction:column;align-items:center;z-index:2}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .generating-overlay span{color:#fff;font-size:14px;font-weight:500;font-family:Inter,sans-serif}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview:hover .asset-card-title,.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview:hover .delete-icon{opacity:1}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview.empty{background:#9b9ea1}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview.placeholder{background:#9b9ea1;position:relative}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview.placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:placeholderShimmer 1.5s infinite}.StudioLayout #contentId .panel-content .panel-content-assets .assets-grid .asset-card .asset-card-inner .asset-preview .model-text{color:#fff;font-size:14px;font-weight:500;text-align:center}.StudioLayout #contentId .panel-button{flex-shrink:0;width:100%;min-height:52px;padding:0 0 12px;background-color:#fff;border-top:1px solid #e7edf3}.StudioLayout #contentId .panel-button .apply-button{display:flex;justify-content:center;align-items:center;width:calc(100% - 32px);margin:10px 16px;padding:12px 16px;background-color:#1b1b1b;border:none;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.StudioLayout #contentId .panel-button .apply-button:hover:not(:disabled){background-color:rgba(27,27,27,.75);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.StudioLayout #contentId .panel-button .apply-button:disabled{background-color:#9ca3af;color:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.StudioLayout #contentId .panel-button .apply-button:disabled:hover{background-color:#9ca3af;transform:none;box-shadow:none}.StudioLayout #contentId .panel-button .apply-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.StudioLayout #contentId .panel-button .apply-button span{margin-left:4px}.StudioLayout #contentId .params-toggle-button-left.collapsed{left:9px}.StudioLayout .mg-12{margin:12px}.StudioLayout .err-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.StudioLayout .err-wrap .err-text{color:#fff;font-size:12px;font-weight:500}.StudioLayout .err-wrap .err-btn{cursor:pointer;display:inline-flex;padding:6px 16px;justify-content:center;align-items:center;gap:10px;color:#1b1b1b;font-size:14px;font-weight:500;border-radius:20px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(2px);height:32px}.StudioLayout .err-wrap .err-btn:hover{background:hsla(0,0%,100%,.95)}.StudioLayout .assets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.StudioLayout .assets-empty .empty-text{color:var(--Light-,#7f8389);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.StudioLayout .asset-image{width:80px;height:80px;object-fit:contain}@keyframes placeholderShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.choose-style-modal .choose-style-modal-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.choose-style-modal .choose-style-modal-tab{padding:6px 12px;border:none;border-radius:8px;background:rgba(0,0,0,0);color:#8c8c8c;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.choose-style-modal .choose-style-modal-tab:hover{color:#3c3f44}.choose-style-modal .choose-style-modal-tab.active{background:#f0f0f0;color:#1b1b1b}.choose-style-modal .choose-style-modal-body{max-height:min(60vh,420px);overflow-y:auto;margin:0 -1px}.choose-style-modal .choose-style-modal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;min-height:80px}.choose-style-modal .choose-style-modal-item{display:flex;flex-direction:column;align-items:stretch;padding:0;border:none;border-radius:0;background:rgba(0,0,0,0);box-shadow:none;cursor:pointer;transition:all .2s ease;overflow:hidden;text-align:center;position:relative}.choose-style-modal .choose-style-modal-item.hover .choose-style-modal-item-gray,.choose-style-modal .choose-style-modal-item:hover .choose-style-modal-item-gray{background:#ebebeb}.choose-style-modal .choose-style-modal-item.selected .choose-style-modal-item-gray{background:#d8d8d8}.choose-style-modal .choose-style-modal-item .choose-style-modal-item-gray{border-radius:10px;background:#f5f5f5;padding:8px;display:flex;flex-direction:column;align-items:center;gap:0;transition:background .2s ease,box-shadow .2s ease}.choose-style-modal .choose-style-modal-item .choose-style-modal-item-white{position:relative;width:100%;border-radius:8px;background:#fff;padding:4px;overflow:hidden}.choose-style-modal .choose-style-modal-item .choose-style-modal-item-img-wrap{width:100%;aspect-ratio:1;height:0;padding-bottom:100%;position:relative;overflow:hidden;border-radius:6px;background:#eee}.choose-style-modal .choose-style-modal-item .choose-style-modal-item-img-wrap img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.choose-style-modal .choose-style-modal-item .choose-style-modal-item-favorite{position:absolute;top:0;right:0;z-index:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:0 8px 0 6px;box-shadow:0 1px 2px rgba(0,0,0,.08);cursor:pointer;color:#8c8c8c}.choose-style-modal .choose-style-modal-item .choose-style-modal-item-favorite.loading{pointer-events:none;opacity:.7}.choose-style-modal .choose-style-modal-item .choose-style-modal-item-favorite svg{width:16px;height:16px}.choose-style-modal .choose-style-modal-item .choose-style-modal-item-favorite.is-favorited{color:#1777fc}.choose-style-modal .choose-style-modal-item .choose-style-modal-item-label{padding:8px 4px 4px;font-size:12px;font-weight:500;color:#3c3f44}.choose-style-modal .choose-style-modal-empty{grid-column:1/-1;padding:24px;text-align:center;color:#8c949c;font-size:14px}.choose-style-modal-btn{padding:6px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.choose-style-modal-btn.choose-style-modal-btn-close{border:1px solid #d9d9d9;background:#fff;color:#3c3f44}.choose-style-modal-btn.choose-style-modal-btn-close:hover{border-color:#1b1b1b;color:#1b1b1b}.choose-style-modal-btn.choose-style-modal-btn-confirm{border:none;background:#1777fc;color:#fff}.choose-style-modal-btn.choose-style-modal-btn-confirm:hover{background:#0d6ef5}.choose-style-modal-btn.choose-style-modal-btn-confirm.disabled,.choose-style-modal-btn.choose-style-modal-btn-confirm:disabled{background:#a0c4f5;color:hsla(0,0%,100%,.65);cursor:not-allowed}.choose-style-modal-btn.choose-style-modal-btn-confirm.disabled:hover,.choose-style-modal-btn.choose-style-modal-btn-confirm:disabled:hover{background:#a0c4f5}.item-refreshing{background:#000;opacity:.55;transition:opacity .2s ease}.item-selected-border{background:linear-gradient(180deg,#040406,#35383d)!important;border:3px solid rgba(0,0,0,0)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;background-image:linear-gradient(#040406,#35383d),linear-gradient(135deg,rgb(23,119,253),rgb(243,21,191))!important}.scale-dropdown-panel{display:flex;flex-direction:column;padding:8px 0;background:#fff;border-radius:12px;border:.5px solid #e7edf3;box-shadow:0 6px 20px rgba(0,0,0,.1);white-space:nowrap}.scale-dropdown-panel .scale-dropdown-title{padding:8px 12px;font-size:12px;font-weight:600;color:#1b1b1b}.scale-dropdown-panel .scale-dropdown-options{display:flex;gap:2px;padding:6px;border-radius:10px}.scale-dropdown-panel .scale-dropdown-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;text-align:center;background-color:rgba(0,0,0,0);border-radius:8px;font-size:12px;color:#8c949c;cursor:pointer;transition:all .2s ease}.scale-dropdown-panel .scale-dropdown-item svg{display:block;color:#8c949c;transition:color .2s ease}.scale-dropdown-panel .scale-dropdown-item:hover{background-color:#e1e1e1}.scale-dropdown-panel .scale-dropdown-item:hover svg{color:#1b1b1b}.scale-dropdown-panel .scale-dropdown-item.active{background-color:#f0f0f0;color:#1b1b1b}.scale-dropdown-panel .scale-dropdown-item.active svg{color:#1b1b1b}.image-tips-message{width:90%;font-size:10px;color:#8d8d8d;margin-top:4px;text-align:center}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:rgba(0,0,0,.2);--rc-drag-bar-size:6px;--rc-border-color:rgba(255,255,255,.7);--rc-focus-color:#0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;cursor:ne-resize}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{top:50%;cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{left:50%;cursor:s-resize}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;transform:translate(-50%,50%)}.ReactCrop .ord-sw{left:0;cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.edit-2d-image-modal .ant-modal-body{padding:24px}.edit-2d-image-modal .edit-2d-image-container{position:relative;display:flex;gap:16px;justify-content:flex-start}.edit-2d-image-modal .edit-2d-image-container .edit-2d-side-tabs{position:absolute;top:16px;left:8px;z-index:2;padding:4px;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.08);height:fit-content}.edit-2d-image-modal .edit-2d-image-container .edit-2d-side-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:40px;padding:8px 4px;border:none;border-radius:8px;background:rgba(0,0,0,0);color:#374151;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.edit-2d-image-modal .edit-2d-image-container .edit-2d-side-tab span{font-size:12px;line-height:1.2}.edit-2d-image-modal .edit-2d-image-container .edit-2d-side-tab:hover:not(:disabled){background:#fff}.edit-2d-image-modal .edit-2d-image-container .edit-2d-side-tab--active{background:#f0f0f0}.edit-2d-image-modal .edit-2d-image-container .edit-2d-side-tab:disabled{opacity:.45;cursor:not-allowed}.edit-2d-image-modal .edit-2d-image-container .edit-2d-main{flex:0 0 752px;width:752px;min-width:0;display:flex;flex-direction:column}.edit-2d-image-modal .edit-2d-image-container .upload-section{display:none;flex-direction:column}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-title{font-size:16px;font-weight:500;color:#1f2937;margin-top:16px}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area{width:400px;height:300px}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area .upload-dragger{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;border-radius:8px;background:#f9fafb;transition:all .3s ease}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area .upload-dragger:hover{border-color:#1777fc;background:#f0f9ff}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area .upload-dragger .ant-upload-drag-icon{font-size:48px;color:#9ca3af;margin-bottom:16px}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area .upload-dragger .ant-upload-text{font-size:16px;font-weight:500;color:#374151;margin-bottom:8px}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area .upload-dragger .ant-upload-hint{font-size:14px;color:#6b7280;margin:0}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area .uploaded-image{position:relative;width:100%;height:100%;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9fafb}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area .uploaded-image img{max-width:100%;max-height:100%;object-fit:contain}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area .uploaded-image .reupload-btn{position:absolute;top:12px;right:12px;z-index:10;background:hsla(0,0%,100%,.9);border:1px solid #e5e7eb;backdrop-filter:blur(4px)}.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area .uploaded-image .reupload-btn:hover{background:#fff;border-color:#1777fc;color:#1777fc}.edit-2d-image-modal .edit-2d-image-container .crop-section{display:flex;flex-direction:column}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-title{font-size:16px;font-weight:500;color:#1f2937;margin-top:16px}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-bg{width:400px;height:300px;background-image:url(/images/crop-bg.png);background-size:auto;background-position:50%}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-bg.crop-bg-empty{display:flex;align-items:center;justify-content:center;padding:16px}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-bg.crop-bg-empty .crop-bg-empty-hint{margin:0;text-align:center;color:#6b7280;font-size:14px;line-height:1.5}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area{display:flex;flex-direction:column}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls{display:flex;flex-direction:row;align-items:center;gap:0;padding:4px 8px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.08)}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-type-toggle{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 4px}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-type-toggle__btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0;margin:0;border:none;border-radius:8px;cursor:pointer;background:rgba(0,0,0,0);color:#111827;transition:background .2s ease,color .2s ease}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-type-toggle__btn:focus-visible{outline:2px solid #1777fc;outline-offset:2px}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-type-toggle__btn--active{background:#1777fc;color:#fff}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-controls__divider{align-self:stretch;width:1px;min-height:32px;margin:0 12px;background:#e5e7eb;flex-shrink:0}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-apply-btn{flex-shrink:0;padding:10px 28px;border:none;border-radius:10px;font-size:15px;font-weight:600;line-height:1.2;cursor:not-allowed;background:#f3f4f6;color:#9ca3af;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-apply-btn:focus-visible{outline:2px solid #1777fc;outline-offset:2px}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-apply-btn--active:not(:disabled){cursor:pointer;background:#1777fc;color:#fff;box-shadow:0 2px 8px rgba(23,119,252,.35)}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-apply-btn--active:not(:disabled):hover{background:#146fe8}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-controls .edit-2d-crop-apply-btn:disabled{cursor:not-allowed;background:#f3f4f6;color:#9ca3af;box-shadow:none}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container{width:752px;height:460px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;padding:16px;background-image:url(/images/crop-bg.png);background-size:auto;background-position:50%}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame{flex-shrink:0;width:624px;height:364px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-stage{flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:0}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop{--rc-arm:22px;--rc-out:1.5px;--rc-h-nudge:3px;--rc-drag-handle-size:28px;overflow:visible;display:block;width:100%;height:100%;max-width:none;max-height:none}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__child-wrapper{width:100%;height:100%}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__child-wrapper>img,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__image{display:block;width:100%;height:100%;object-fit:contain}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__crop-selection{border:2px solid #1777fc;background:rgba(23,119,252,.1)}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-e,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-n,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-s,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-w{background:#1777fc;border:1px solid #fff;width:12px;height:12px;border-radius:2px}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-e:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-n:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-s:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-w:after{display:none}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw{background:rgba(0,0,0,0)!important;border:none!important;box-shadow:none;overflow:visible;width:28px;height:28px}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne:before,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw:before,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se:before,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw:before{display:block;content:"";position:absolute;background:#fff;box-shadow:none!important;filter:none}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne:before,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw:before,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se:before,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw:before{z-index:1}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw:after{z-index:2}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne:focus,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw:focus,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se:focus,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw:focus{background:rgba(0,0,0,0)!important;outline:none}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne:focus:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne:focus:before,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw:focus:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw:focus:before,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se:focus:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se:focus:before,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw:focus:after,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw:focus:before{background:#fff}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw:before{left:calc(50% + 2px - var(--rc-h-nudge));top:calc(50% - 1px);width:var(--rc-arm);height:4px;border-radius:0 4px 4px 0;transform:translate(calc(-1 * var(--rc-out)),calc(-1 * var(--rc-out)))}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-nw:after{left:calc(50% - 1px);top:50%;width:4px;height:var(--rc-arm);border-radius:0 0 4px 4px;transform:translate(calc(-1 * var(--rc-out)),calc(-1 * var(--rc-out)))}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne:before{left:calc(-1px - var(--rc-h-nudge));top:calc(50% - 1px);width:calc(50% + 6px);height:4px;border-radius:4px 0 0 4px;transform:translate(var(--rc-out),calc(-1 * var(--rc-out)))}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-ne:after{left:calc(50% + 1px - 3px);top:50%;width:4px;height:var(--rc-arm);border-radius:0 0 4px 4px;transform:translate(var(--rc-out),calc(-1 * var(--rc-out)))}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se:before{left:calc(-1px - var(--rc-h-nudge));top:auto;bottom:calc(50% - 1px);width:calc(50% + 6px);height:4px;border-radius:4px 0 0 4px;transform:translate(var(--rc-out),var(--rc-out))}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-se:after{left:calc(50% + 1px - 3px);top:auto;bottom:50%;width:4px;height:var(--rc-arm);border-radius:4px 4px 0 0;transform:translate(var(--rc-out),var(--rc-out))}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw:before{left:calc(50% + 2px - var(--rc-h-nudge));top:auto;bottom:calc(50% - 1px);width:var(--rc-arm);height:4px;border-radius:0 4px 4px 0;transform:translate(calc(-1 * var(--rc-out)),var(--rc-out))}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-handle.ord-sw:after{left:calc(50% - 1px);top:auto;bottom:50%;width:4px;height:var(--rc-arm);border-radius:4px 4px 0 0;transform:translate(calc(-1 * var(--rc-out)),var(--rc-out))}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-bar{background:rgba(0,0,0,0)}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-bar.ord-n,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-bar.ord-s{height:2px;background:#1777fc}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-bar.ord-e,.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop .ReactCrop__drag-bar.ord-w{width:2px;background:#1777fc}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-area .crop-container .edit-2d-crop-frame .edit-2d-crop-stage .ReactCrop.edit-2d-crop--ellipse .ReactCrop__crop-selection{border-radius:50%;border:2px solid #1777fc}@media(max-width:960px){.edit-2d-image-modal .edit-2d-image-container{flex-direction:column;gap:16px;align-items:center}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-bg,.edit-2d-image-modal .edit-2d-image-container .crop-section .upload-area,.edit-2d-image-modal .edit-2d-image-container .upload-section .crop-bg,.edit-2d-image-modal .edit-2d-image-container .upload-section .upload-area{width:350px;height:250px}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-container,.edit-2d-image-modal .edit-2d-image-container .upload-section .crop-container{width:350px;height:auto;min-height:296px}.edit-2d-image-modal .edit-2d-image-container .crop-section .crop-container .edit-2d-crop-frame,.edit-2d-image-modal .edit-2d-image-container .upload-section .crop-container .edit-2d-crop-frame{width:318px;height:218px}}.edit-2d-image-modal .ant-modal-header{border-bottom:1px solid #e5e7eb;padding:16px 24px}.edit-2d-image-modal .ant-modal-header .ant-modal-title{font-size:18px;font-weight:600;color:#1f2937}.edit-2d-image-modal .ant-modal-footer{border-top:1px solid #e5e7eb;padding:16px 24px}.edit-2d-image-modal .ant-modal-footer .ant-btn{height:32px;border-radius:6px;font-weight:500}.edit-2d-image-modal .ant-modal-footer .ant-btn.ant-btn-default{border-color:#d1d5db;color:#6b7280}.edit-2d-image-modal .ant-modal-footer .ant-btn.ant-btn-default:hover{border-color:#9ca3af;color:#374151}.edit-2d-image-modal .ant-modal-footer .ant-btn.ant-btn-primary{background:#1777fc;border-color:#1777fc}.edit-2d-image-modal .ant-modal-footer .ant-btn.ant-btn-primary:hover{background:#0056d3;border-color:#0056d3}.edit-2d-image-modal .ant-modal-footer .ant-btn.ant-btn-primary:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.upload-dragger.ant-upload-drag-hover{border-color:#1777fc!important;background:#f0f9ff!important}.edit-2d-image-modal.ant-modal .ant-modal-content{max-height:90vh;overflow:hidden}.edit-2d-image-modal.ant-modal .ant-modal-content .ant-modal-body{max-height:calc(90vh - 110px);overflow-y:auto}.bezel-editor{display:flex;flex-direction:column;width:100%}.bezel-editor__canvas-wrap{position:relative;width:752px;height:460px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 16px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;background-image:url(/images/crop-bg.png);background-size:auto;background-position:50%}.bezel-editor__stage-wrap{position:relative;flex-shrink:0}.bezel-editor__stage{position:relative;border-radius:4px;overflow:hidden}.bezel-editor__zoom{position:absolute;right:-56px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 4px;background:hsla(0,0%,100%,.95);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.08)}.bezel-editor__zoom .ant-btn{width:24px;height:24px;min-width:24px;padding:0;color:#111827;cursor:pointer}.bezel-editor__zoom .ant-btn:hover{color:#1777fc}.bezel-editor__zoom .ant-btn:disabled{color:#d1d5db;cursor:not-allowed}.bezel-editor__zoom-track{position:relative;width:4px;height:90px;background:#e5e7eb;border-radius:2px;overflow:visible;touch-action:none;user-select:none;cursor:ns-resize}.bezel-editor__zoom-track--disabled{cursor:not-allowed;pointer-events:none;opacity:.55}.bezel-editor__zoom-thumb{position:absolute;left:50%;transform:translate(-50%,50%);width:12px;height:12px;border-radius:50%;background:#1777fc;box-shadow:0 1px 4px rgba(23,119,252,.4);pointer-events:none;cursor:inherit}.bezel-editor__list{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;padding:0 8px;height:48px;min-width:188px;max-width:100%;overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(15,23,42,.08)}.bezel-editor__list::-webkit-scrollbar{height:6px}.bezel-editor__list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.bezel-editor__item{flex:0 0 auto;width:40px;height:40px;padding:4px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#111827;border-radius:8px;background:#f0f0f0;box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.bezel-editor__item img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.bezel-editor__item:hover{background:#eff6ff}.bezel-editor__item--active{background:#1777fc;color:#fff}.bezel-editor__item--none{padding:0;background:#f0f0f0;color:#8d8d8d}.bezel-editor__item--none:hover{background:#e6e6e6}.bezel-editor__item--none.bezel-editor__item--active{background:#1777fc;color:#fff}.bezel-editor__item--placeholder{cursor:default;background:#9b9ea1;position:relative;overflow:hidden}.bezel-editor__item--placeholder:hover{background:#9b9ea1}.bezel-editor__item--placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:bezelItemShimmer 1.5s infinite}@keyframes bezelItemShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}