.code-preview {
            background: #1e1e2f;
            color: #9cdcfe;
            font-family: 'Fira Code', 'Courier New', monospace;
            font-size: 0.85rem;
            padding: 1.5rem;
            border-radius: 8px;
            border: 1px solid #2d2d44;
            white-space: pre-wrap;
            word-break: break-word;
            max-height: 300px;
            overflow-y: auto;
        }
        .config-section {
            background-color: #f8faff;
            border-radius: 8px;
            padding: 1.2rem;
            margin: 1.5rem 0;
            border: 1px solid #e0e4f0;
        }
        .section-badge {
            background-color: var(--primary-color);
            color: white;
            padding: 0.2rem 1rem;
            border-radius: 20px;
            font-size: 0.8rem;
            display: inline-block;
            margin-bottom: 1rem;
            font-weight: 500;
        }
        .example-chip {
            background: rgba(70, 130, 180, 0.1);
            border: 1px solid rgba(70, 130, 180, 0.2);
            border-radius: 30px;
            padding: 0.3rem 1rem;
            font-size: 0.8rem;
            color: var(--primary-color);
            cursor: pointer;
            transition: 0.2s;
            margin-right: 0.5rem;
            margin-bottom: 0.5rem;
            display: inline-block;
        }
        .example-chip:hover {
            background: rgba(70, 130, 180, 0.2);
            transform: translateY(-1px);
        }
        .copy-btn {
            position: absolute;
            top: 1rem;
            right: 1.5rem;
            background: rgba(255,255,255,0.1);
            border: 1px solid #3a3a5a;
            color: #eee;
        }
        .copy-btn:hover {
            background: rgba(255,255,255,0.2);
            color: white;
        }
        .download-btn {
            background-color: #28a745;
            color: white;
            border: none;
        }
        .download-btn:hover {
            background-color: #218838;
        }
        .small-note {
            font-size: 0.85rem;
            color: #6c757d;
        }