/* Дополнительные стили для тем */
.theme-switcher {
    transition: all 0.3s ease;
}

.theme-option {
    transition: all 0.2s ease;
    border-radius: 4px;
}

.theme-option:hover {
    transform: translateX(5px);
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .theme-preview {
        width: 16px;
        height: 16px;
    }
}

/* editor styles */
@media (max-width: 768px) {
    .writer-editor-container .ql-container {
        font-size: 16px !important; /* Предотвращает масштабирование в iOS */
    }
    
    .writer-editor-container .ql-toolbar {
        padding: 8px !important;
    }
    
    .writer-editor-container .ql-toolbar .ql-formats {
        margin-right: 8px !important;
    }
}

/* Стили для полноэкранного режима */
.ql-toolbar.ql-snow {
    transition: all 0.3s ease;
}

.writer-editor-container.fullscreen {
    transition: all 0.3s ease;
}