.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)}.editor-container{display:flex;gap:2rem;margin:1rem 0}.preview-container{flex:1;position:relative;background:#f8f9fa;border-radius:4px;padding:1rem;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.preview-image{max-width:100%;max-height:400px;transition:transform .3s ease}.controls{width:300px;background:#fff;padding:1.5rem;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.rotation-controls{margin:1.5rem 0}.angle-slider{width:100%;margin:1rem 0}.angle-display{text-align:center;font-size:1.5rem;font-weight:700;margin:.5rem 0}.quick-rotate{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1rem 0}.quick-rotate button{padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.flip-controls{margin-top:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.flip-controls button{padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.processing-overlay{position:absolute;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-rotator-content.css.map */