.image-modal-overlay{z-index:999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{background:var(--bg-card);width:90%;max-width:550px;box-shadow:var(--shadow-heavy);border:1px solid var(--border-color);border-radius:20px;padding:35px;animation:.4s ease-out modalSlideIn;position:relative;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.image-modal-content:before{content:"";background:var(--gradient-accent);height:4px;position:absolute;top:0;left:0;right:0}.image-modal-content h4{text-align:center;color:var(--text-primary);margin:0 0 20px;font-size:1.4rem;font-weight:600}.image-modal-content p{text-align:center;color:var(--text-secondary);margin:15px 0;font-size:1rem}.image-modal-content textarea{border:2px solid var(--border-color);background:var(--bg-card-hover);width:100%;height:120px;color:var(--text-primary);resize:vertical;border-radius:12px;outline:none;margin-top:15px;padding:15px;font-family:inherit;font-size:1rem;transition:all .3s}.image-modal-content textarea:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #3498db1a}.image-modal-content textarea::placeholder{color:var(--text-secondary)}.image-modal-content img{box-shadow:var(--shadow-light);border-radius:12px;transition:all .3s}.image-modal-content img:hover{box-shadow:var(--shadow-medium);transform:scale(1.02)}.image-modal-actions{justify-content:flex-end;gap:15px;margin-top:25px;display:flex}.image-modal-actions button{cursor:pointer;border:none;border-radius:10px;min-width:100px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .3s}.image-modal-actions button:first-child{background:var(--bg-card-hover);color:var(--text-secondary);border:2px solid var(--border-color)}.image-modal-actions button:first-child:hover{background:var(--bg-card);color:var(--text-primary);transform:translateY(-2px)}.image-modal-actions button:last-child{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-light)}.image-modal-actions button:last-child:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.hidden{opacity:0;visibility:hidden;display:none!important}#upload-preview-container{margin-bottom:15px}.image-preview-block{background:var(--bg-card-hover);border:1px solid var(--border-color);box-shadow:var(--shadow-light);border-radius:12px;align-items:center;gap:15px;padding:15px;transition:all .3s;display:flex}.image-preview-block:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.image-preview-block img{object-fit:cover;width:50px;height:50px;box-shadow:var(--shadow-light);border-radius:8px}.image-preview-block p{color:var(--text-primary);flex:1;margin:0;font-size:.9rem;font-weight:500}.image-preview-block button{background:var(--text-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .3s;display:flex}.image-preview-block button:hover{background:#e74c3c;transform:scale(1.1)}.chat-preview-image-block{text-align:center;background:var(--bg-card-hover);border:1px solid var(--border-color);box-shadow:var(--shadow-light);border-radius:12px;margin-top:15px;padding:15px}.chat-preview-image-block img{object-fit:cover;width:180px;max-height:180px;box-shadow:var(--shadow-light);border-radius:10px;margin:0 auto;transition:all .3s;display:block}.chat-preview-image-block img:hover{box-shadow:var(--shadow-medium);transform:scale(1.02)}.chat-preview-image-block .image-desc{color:var(--text-secondary);margin-top:10px;font-size:.9rem;font-style:italic;font-weight:500}