/* rotate.css - 旋转图片页面专用样式 */
/* 适配低饱和深蓝商务设计系统 */

.rotation-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}

.rotation-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    background: rgba(59, 130, 246, 0.15);
    color: var(--color-accent, #3b82f6);
}

.preview-card .target-dimensions {
    font-size: 12px;
    color: var(--color-accent, #3b82f6);
    font-weight: 500;
    margin-top: 4px;
}

@media (max-width: 768px) {
    .rotation-options {
        gap: 8px;
    }
}