.image-dropzone-wrapper{flex-direction:column;gap:8px;display:flex}.image-dropzone-label{color:#374151;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;display:block}.image-dropzone-required{color:var(--red-primary);margin-left:4px}.image-dropzone-container{text-align:center;cursor:pointer;background-color:#fafafa;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;min-height:200px;padding:32px;transition:all .2s;display:flex;position:relative}.image-dropzone-container:hover{border-color:var(--primary,#3b82f6);background-color:#f0f9ff}.image-dropzone-container.dragging{border-color:var(--primary,#3b82f6);background-color:#dbeafe;transform:scale(1.02)}.image-dropzone-container.error{background-color:#fef2f2;border-color:#ef4444}.image-dropzone-container.has-preview{background-color:#fff;border-style:solid;padding:16px}.image-dropzone-input{display:none}.image-dropzone-content{flex-direction:column;align-items:center;gap:12px;display:flex}.image-dropzone-icon{color:#9ca3af;flex-shrink:0;width:48px;height:48px}.image-dropzone-text{flex-direction:column;gap:4px;display:flex}.image-dropzone-primary-text{color:#374151;font-family:Kanit,sans-serif;font-size:16px;font-weight:500}.image-dropzone-secondary-text{color:#6b7280;font-family:Kanit,sans-serif;font-size:14px}.image-dropzone-format-text{color:#9ca3af;font-family:Kanit,sans-serif;font-size:12px}.image-dropzone-error-message{color:#ef4444;font-family:Kanit,sans-serif;font-size:12px}.image-preview-container{flex-direction:column;gap:12px;width:100%;display:flex;position:relative}.image-preview{object-fit:contain;border-radius:8px;width:100%;max-height:300px}.image-remove-button{color:#fff;cursor:pointer;z-index:10;background-color:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.image-remove-button svg{flex-shrink:0;width:1em;height:1em}.image-remove-button:hover{background-color:#ef4444;transform:scale(1.1)}.image-remove-button:active{transform:scale(.95)}.image-file-info{background-color:#f9fafb;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:Kanit,sans-serif;display:flex}.image-file-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px;font-size:14px;font-weight:500;overflow:hidden}.image-file-size{color:#6b7280;white-space:nowrap;font-size:12px}@media (max-width:768px){.image-dropzone-container{min-height:180px;padding:24px 16px}.image-dropzone-icon{width:40px;height:40px}.image-dropzone-primary-text{font-size:14px}.image-dropzone-secondary-text{font-size:12px}}