.rotate-image-container{display:flex;flex-direction:column;align-items:center;gap:2rem;}.image-preview-area{display:grid;grid-template-columns:2fr 1fr;gap:2rem;width:100%;max-width:1200px;background-color:var(--card-bg);padding:2rem;border-radius:var(--radius-md);position:relative;}.canvas-container{display:flex;justify-content:center;align-items:center;background-color:var(--body-bg);border-radius:var(--radius-sm);overflow:hidden;height:500px;}#image-canvas{max-width:100%;max-height:100%;object-fit:contain;}.options-panel{display:flex;flex-direction:column;gap:1.5rem;}.options-title{margin-bottom:0;font-size:1.25rem;border-bottom:1px solid var(--border-color);padding-bottom:0.75rem;}.option-group{display:flex;flex-direction:column;gap:0.75rem;}.option-group label{font-weight:500;color:var(--text-color-light);}.rotation-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;}.rotation-buttons .btn{width:100%;display:flex;justify-content:center;align-items:center;gap:0.5rem;font-size:1.25rem;}.custom-select{width:100%;}.action-buttons{display:flex;gap:1rem;margin-top:auto;}.action-buttons .btn{flex-grow:1;}.btn-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-color-light);font-size:1.5rem;cursor:pointer;transition:color var(--transition-speed);}.btn-close:hover{color:var(--primary-color);}@media (max-width:992px){.image-preview-area{grid-template-columns:1fr;}.canvas-container{height:400px;}}@media (max-width:576px){.upload-box{padding:2rem;}.canvas-container{height:300px;}.rotation-buttons{grid-template-columns:repeat(2,1fr);}}