.canvas-root{display:flex;flex-direction:column;flex-grow:1;height:100%}.image-action-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;min-height:0}.image-action-wrapper>.image-hover-menu{position:relative;width:100%;height:100%;display:block}.image-action-wrapper .hover-overlay{position:absolute;top:8px;left:8px;right:8px;bottom:8px;z-index:2;opacity:0;pointer-events:none;transition:opacity .2s ease}.image-action-wrapper .hover-overlay .mantine-ActionIcon-root{pointer-events:auto}.image-action-wrapper .image-hover-menu:hover .hover-overlay,.image-action-wrapper:hover .hover-overlay{opacity:1!important}.image-float-container{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.image-float-container .img:not(.image-with-mask-overlay),.image-float-container .mantine-Image-root,.image-float-container>img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important}.image-float-container .mask-overlay-container{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.image-with-mask-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:fadeInMask .15s ease-in-out}@keyframes fadeInMask{0%{opacity:0}to{opacity:1}}.image-with-mask-overlay .image-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-with-mask-overlay .base-image{width:auto;height:auto;max-width:100%;max-height:100%;display:block}.image-with-mask-overlay .mask-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;mix-blend-mode:multiply;opacity:.6;pointer-events:none;object-fit:contain}.generator-page-container{width:calc(100% - var(--mantine-spacing-9xl));height:calc(100vh - 80px);display:flex;flex-direction:column;padding:0 var(--mantine-spacing-md);margin-left:var(--mantine-spacing-9xl);margin-top:var(--mantine-spacing-md);overflow:hidden}.generator-page-grid{flex:1 1 auto;min-height:0;display:flex;flex-wrap:wrap;margin:0;height:calc(100% - 60px)}.image-col{padding:var(--mantine-spacing-sm) var(--mantine-spacing-sm) 0 0}.image-col,.image-details-col{height:100%;display:flex;flex-direction:column;flex:1;min-height:0}.image-details-col{padding:0 var(--mantine-spacing-sm) 0 0}.chat-col{height:100%;display:flex;flex-direction:column;padding:var(--mantine-spacing-sm) 0 0 var(--mantine-spacing-sm);min-height:0}.image-container{flex:1 1 auto;background:var(--mantine-color-dark-7);border-radius:var(--mantine-radius-m);border:1px solid var(--mantine-color-temp-5);width:100%;height:100%;min-height:0}.image-container,.image-wrapper{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.image-wrapper{box-sizing:border-box;flex-grow:1}.image-wrapper>*{max-width:100%;max-height:100%}.image-wrapper.generating{background-color:rgba(0,0,0,.02);border-radius:8px}.image-wrapper.generating .mantine-Skeleton-root{transform:scale(1);transition:transform .3s ease}.image-wrapper.generating .mantine-Skeleton-root:hover{transform:scale(1.02)}.image-content{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;position:relative;width:100%;height:100%;min-height:0}.image-content .image-header-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 0;min-height:36px;border-radius:8px}.image-content .image-header-icons{display:flex;align-items:center;border-radius:8.33px;border:.83px solid #343434;background:var(--mantine-color-dark-6);height:36px;width:fit-content;justify-content:center}.image-content .image-header-inner{padding:8.33px 16.67px;gap:18px}.image-content .segment-div{display:flex;align-items:center;border-radius:8.33px;border:.83px solid #343434;background:var(--mantine-color-dark-6);padding:5px;width:309px;height:36px;justify-content:center}.image-content .m_cf365364[data-with-items-borders] :where(.m_69686b9b):before{display:none;background:none;background-color:rgba(0,0,0,0)}.image-content .segmented-control-custom .mantine-SegmentedControl-root{display:flex;position:relative;flex:content;background:var(--mantine-color-dark-6)!important;border-radius:8px;min-width:350px;flex:0;gap:8px;padding:0}.image-content .segmented-control-custom .mantine-SegmentedControl-control{min-width:61.57px;height:21px;background:none;display:flex;flex:content;align-items:center;justify-content:center;transition:background .2s;padding:0;cursor:pointer}.image-content .segmented-control-custom .mantine-SegmentedControl-label{display:flex;align-items:center;gap:10px;color:var(--mantine-color-background-2)}.image-content .segmented-control-custom .mantine-SegmentedControl-label[data-active=true]{background:var(--mantine-color-dark-6);color:var(--mantine-color-background-0)}.download-icon-chat{size:var(--mantine-spacing-md);background:none;color:var(--mantine-color-background-2)}.download-icon-chat:hover{background:none;color:var(--mantine-color-background-y);transform:scale(1.1)}.image-preview{display:flex;justify-content:stretch;align-items:stretch;width:100%;height:100%;flex:1;min-height:0}.image-preview .image-preview-inner{display:flex;justify-content:center;align-items:center;max-width:100%;max-height:100%;width:100%;height:100%;overflow:hidden}.image-preview .img,.image-preview img{object-fit:contain!important;display:block!important;flex-shrink:1!important;flex-grow:1!important}.image-preview .img,.image-preview .mantine-Image-root,.image-preview .mantine-Image-root img,.image-preview img{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important}.image-preview .mantine-Image-root img{object-fit:contain!important}.image-preview .mantine-SimpleGrid-root{max-width:100%!important;width:100%!important;height:100%!important;min-height:0!important;gap:8px!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important;grid-auto-rows:1fr!important}.image-preview .mantine-SimpleGrid-root>div{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:8px!important;height:100%!important;min-height:0!important}.image-preview .mantine-SimpleGrid-root>div .img,.image-preview .mantine-SimpleGrid-root>div .mantine-Image-root,.image-preview .mantine-SimpleGrid-root>div>img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;aspect-ratio:1/1!important}.image-preview .reference-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:0;width:auto;height:100%;aspect-ratio:1/1;max-width:100%;max-height:100%;min-height:0;padding:var(--mantine-spacing-md);box-sizing:border-box;margin:0 auto;border-radius:8px;overflow:hidden}.image-preview .reference-cell{position:relative;width:100%;height:100%;overflow:hidden;background:var(--mantine-color-dark-7)}.image-preview .reference-cell .img,.image-preview .reference-cell .mantine-Image-root,.image-preview .reference-cell>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important}.image-preview .sketch-canvas-container,.image-preview .sketch-component,.image-preview .sketch-layout{max-width:100%!important;max-height:100%!important}.image-preview .sketch-component{width:100%!important;height:100%!important;flex:1!important;min-height:0!important}.image-preview .sketch-component .sketch-layout{height:100%!important;max-height:100%!important}.image-preview .sketch-component .sketch-layout .sketch-canvas-container{flex:1!important;min-height:300px!important;height:auto!important}.image-preview .sketch-component .sketch-layout .mantine-Paper-root{flex-shrink:0!important;max-width:100%!important}.image-preview .sketch-component .sketch-layout .mantine-Paper-root .mantine-Group-root{flex-wrap:wrap!important;max-width:100%!important}.image-navigation{position:absolute;width:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.nav-arrow{pointer-events:auto;opacity:.7;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.nav-arrow:hover{opacity:1}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-arrow.arrow-active{opacity:1;transform:scale(1.2);background-color:var(--mantine-color-blue-7)}.left-arrow{margin-left:var(--mantine-spacing-md)}.right-arrow{margin-right:var(--mantine-spacing-md)}.image-counter{position:absolute;bottom:var(--mantine-spacing-xs);right:0;background-color:rgba(0,0,0,.6);padding:2px 8px;border-radius:var(--mantine-radius-sm);z-index:5}.image-top-right-button{position:absolute;top:0;right:0;z-index:1;background-color:var(--mantine-color-background-4);transition:background-color .3s ease}.image-top-right-button:hover{background-color:var(--mantine-color-background-3)}.placeholder-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mantine-color-gray-5);width:100%;height:100%}.placeholder-icon{margin-bottom:var(--mantine-spacing-sm)}.chat-box-wrapper{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}@media(max-width:992px){.generator-page-grid{flex-direction:column;height:auto}.chat-col,.image-col{width:100%;padding:0;height:auto}.image-col{margin-bottom:var(--mantine-spacing-md);max-height:50vh;min-height:300px}.chat-col{min-height:400px}}.image-dropzone{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:2px dashed rgba(0,0,0,.1);border-radius:8px;padding:20px;transition:all .3s ease;background-color:rgba(0,0,0,.02);cursor:pointer}.image-dropzone:not([data-disabled=true]):hover{border-color:var(--mantine-primary-color-filled);background-color:rgba(0,0,0,.04)}.image-dropzone[data-disabled=true],.image-dropzone[data-loading=true]{cursor:default}.image-dropzone .placeholder-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image-details{margin-top:20px}.image-details .created-by,.image-details .generator{font-size:var(--mantine-font-size-sm);color:var(--mantine-color-background-2)}.image-details .created-by-value,.image-details .generator-value{color:var(--mantine-color-background-0)}.video-container{margin:auto 20px;padding-bottom:50px}