.imageWrapper{display:inline-block;position:relative;vertical-align:middle;margin-left:5px;margin-bottom:8px}.userImageInput{display:none}.userImageLabel{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;height:40px;padding:8px;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;cursor:pointer;text-align:center;transition:opacity var(--transition-speed) ease;z-index:1}.userImageLabel:hover{background-color:#ccc}.userImageLabel .fa-image{font-size:20px}.threeIconsContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:#fffffff2;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0003;font-size:18px;z-index:2;padding:8px;pointer-events:none;opacity:0;transition:transform .2s ease,opacity .2s ease}.threeIconsContainer i{cursor:pointer;font-size:1.2em;color:#555}.threeIconsContainer i:hover{color:#000}.imageWrapper:hover .threeIconsContainer{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.imageWrapper:hover .userImageLabel{opacity:0;pointer-events:none}.threeIconsContainer>*{cursor:pointer;transition:color .2s ease}.threeIconsContainer>*:hover{color:#3b82f6}.show-icons .userImageLabel{opacity:0;pointer-events:none}.show-icons .threeIconsContainer{opacity:1;pointer-events:auto}.userImageFilename{position:relative;font-size:18px;color:#555;margin-top:4px;margin-bottom:8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.userImageFilename img{max-height:35px;max-width:120px;object-fit:contain;border-radius:3px;border:1px solid #ddd}.userImageFilename .deleteIcon{color:#c00;cursor:pointer}.deleteIcon{color:#555;cursor:pointer;font-size:18px;transition:color .2s ease}.deleteIcon:hover{color:#ef4444}.image-search-modal,#imageEditorModal,.image-editor-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009}.image-search-modal-content{background-color:#fefefe;margin:5% auto;padding:25px;border:none;border-radius:8px;width:90%;height:90vh;max-width:95vw;text-align:center;position:relative;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;box-sizing:border-box}.image-search-modal .close{color:#aaa;position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;cursor:pointer}.image-search-modal .close:hover{color:#000}.image-search-modal .search-bar{display:flex;gap:10px;margin-bottom:20px}.image-search-modal .search-bar input{flex-grow:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px 0 0 4px}#imageSearchInput{font-size:16px}.image-search-results{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;overflow-y:auto;padding:5px;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;flex-grow:1;min-height:0}.imageResultThumb{flex:1 1 120px;max-width:200px;aspect-ratio:1 / 1;overflow:hidden;border:2px solid transparent;border-radius:4px;transition:border-color .2s ease;display:flex;align-items:center;justify-content:center}.imageResultThumb img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.imageResultThumb img:hover{transform:scale(1.05)}.flux-ai-modal-content{background-color:#f9f9f9;padding:25px}.flux-ai-modal-content h2{margin-top:0;margin-bottom:20px}.flux-ai-controls{display:flex;flex-direction:column;gap:15px}.flux-ai-controls label{font-weight:700;margin-bottom:-10px}.flux-ai-controls select,.flux-ai-controls textarea{width:100%;padding:10px;border-radius:4px;border:1px solid #ccc;font-size:1rem}#tuiImageEditorContainer{width:100%;height:65vh;display:flex;align-items:center;justify-content:center}#tuiImageEditorContainer>div{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}#tuiImageEditorContainer canvas{object-fit:contain!important}.image-editor-modal-content{position:relative;margin:3% auto;width:80%;max-width:1000px;background:var(--dark-background);padding:15px;box-sizing:border-box;border-radius:8px;box-shadow:0 6px 12px #0003}#closeImageEditorModal{position:absolute;top:18px;right:18px;font-size:50px;cursor:pointer;color:#d71c1c;transition:transform .2s ease;z-index:10}#closeImageEditorModal:hover{transform:scale(1.1);color:#ff5252}#customEditorToolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:15px;margin-bottom:10px}#undoRedoSaveBtns{display:flex;align-items:center;width:100%}#undoRedoGroup{display:flex;justify-content:center;flex-grow:1;margin-left:60px}#undoBtn,#redoBtn{background-color:#008b8b;color:#fff;border-radius:4px;border:none;font-size:16px;cursor:pointer;padding:8px;margin-right:10px}#rotateLeftBtn,#rotateRightBtn{background-color:#ddd;border:none;cursor:pointer;padding:8px;color:var(--dark-text);border-radius:6px;transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;box-shadow:0 4px 6px var(--shadow-color);margin-right:10px;font-size:20px}#startCropBtn{padding:8px;background-color:#f07940;color:var(--dark-text);border-radius:6px;transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;box-shadow:0 4px 6px var(--shadow-color);margin-right:10px;font-size:20px}#saveImageEditsBtn{background-color:#4caf50;color:#fff;border-radius:4px;border:none;font-size:16px;cursor:pointer;margin-left:auto;padding:8px;margin-right:10px}#saveImageEditsBtn:hover{background-color:#449d48}#applyCropBtn,#cancelCropBtn{display:none}#applyCropBtn{color:green}#cancelCropBtn{color:red}#applyCropBtn:hover,#cancelCropBtn:hover{background-color:#aeaeae}.ai-options-modal,.ai-result-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.ai-options-modal-content,.flux-result-modal-content{background-color:var(--highlight2);margin:5% auto;padding:20px;border:1px solid #888;width:90%;max-width:600px;position:relative;border-radius:8px;box-shadow:0 4px 8px #0003;overflow-y:auto;overflow-x:hidden}.ai-options-modal-close{color:#aaa;font-size:28px;font-weight:700;position:absolute;right:16px;top:10px;cursor:pointer;transition:color .3s ease}.ai-options-modal-close:hover,.ai-options-modal-close:focus{color:#000;text-decoration:none}@media screen and (max-width: 600px){#aiOptionsModal .ai-options-modal-content{margin:20% auto;width:95%}.ai-options-modal-close{font-size:24px;top:8px}.image-editor-modal-content{width:95%!important;margin:5% auto;padding:10px!important}}.close-image-search-modal{color:#aaa;position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;cursor:pointer;z-index:10}.close-image-search-modal:hover{color:#000}.search-bar{margin-bottom:15px}.image-search-modal-content .button{margin-top:15px;flex-shrink:0}@media screen and (min-width: 939px){.image-search-modal-content{width:60%;max-width:700px;padding:20px;border:1px solid #888}}#toast-container{position:fixed;top:20px;right:20px;z-index:4000;display:flex;flex-direction:column;gap:10px}.toast{background-color:#333;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:15px;opacity:0;transform:translate(100%);transition:opacity .3s ease,transform .3s ease;min-width:300px}.toast.show{opacity:1;transform:translate(0)}.toast-loader{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.toast-buttons{margin-left:auto;display:flex;gap:8px}.toast-buttons button{padding:6px 10px;font-size:14px;border:1px solid #555;background-color:#444;color:#fff}.toast-buttons button:hover{background-color:#555}.imageWrapper.generating{opacity:.5;pointer-events:none;position:relative}.imageWrapper.generating:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin-left:-12px;margin-top:-12px;border:3px solid rgba(0,0,0,.2);border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite}.secondary-button{background-color:#6c757d}.secondary-button:hover{background-color:#5a6268}.danger-button{background-color:#dc3545}.danger-button:hover{background-color:#c82333}
