/* 🚀 CSS AI Generator Pro
 * 生成的CSS代码将在这里显示
 * 请在左侧输入您的需求描述并点击"生成CSS"
 * 
 * 💡 提示：
 * - 描述越详细，生成的代码越精确
 * - 支持多种CSS预处理器
 * - 支持实时预览和代码编辑
 */

.demo-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    color: white;
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    text-align: center;
    opacity: 0.7;
}