.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;transition:border .3s ease;cursor:pointer;margin-bottom:1rem}.drop-zone:hover{border-color:var(--primary-color)}.preview-container{margin:1rem 0;text-align:center}.preview-image{max-width:100%;max-height:300px;border-radius:4px}.base64-output{background:#f8f9fa;border-radius:4px;padding:1rem;margin:1rem 0;position:relative}.base64-text{width:100%;min-height:100px;resize:vertical;font-family:monospace;font-size:.9rem;padding:.5rem;margin-bottom:.5rem}.copy-button{position:absolute;top:1rem;right:1rem;z-index:1}.format-options{margin:1rem 0;display:flex;gap:1rem;justify-content:center}.processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:none;align-items:center;justify-content:center;z-index:1000}.processing-overlay.active{display:flex}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/*# sourceMappingURL=image-to-base64-content.css.map */