.typewriter-preview {
            background: #1e1e2f;
            color: #f0f0f0;
            font-family: 'Courier New', 'SF Mono', 'Fira Code', monospace;
            font-size: 1.4rem;
            padding: 1.8rem;
            border-radius: 16px;
            min-height: 180px;
            border-left: 6px solid var(--primary-color, #0d6efd);
            white-space: pre-wrap;
            word-break: break-word;
            margin: 1rem 0;
            box-shadow: 0 8px 20px rgba(0,0,0,0.05);
            transition: all 0.2s;
        }
        .typewriter-preview:after {
            content: '|';
            animation: blink 1s step-end infinite;
            font-weight: 300;
            margin-left: 2px;
            color: #ffb86b;
        }
        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }
        .speed-slider {
            width: 100%;
            margin: 0.5rem 0;
        }
        .code-block {
            background-color: #2d2a2e;
            color: #f8f8f2;
            padding: 1rem;
            border-radius: 12px;
            font-family: 'Courier New', monospace;
            font-size: 0.9rem;
            white-space: pre-wrap;
            word-break: break-all;
            max-height: 280px;
            overflow: auto;
        }
        .example-badge {
            background-color: rgba(13, 110, 253, 0.1);
            border: 1px solid rgba(13,110,253,0.3);
            border-radius: 40px;
            padding: 6px 14px;
            font-size: 0.85rem;
            cursor: pointer;
            transition: all 0.2s;
        }
        .example-badge:hover {
            background-color: rgba(13, 110, 253, 0.2);
            transform: translateY(-2px);
        }
        .char-counter {
            font-size: 0.8rem;
            color: #6c757d;
        }
        .control-group {
            background: #f8fafc;
            border-radius: 20px;
            padding: 1rem;
            margin-bottom: 1rem;
        }
        .footer-attribution {
            font-size: 0.8rem;
        }
        .accordion-button:focus {
            box-shadow: none;
        }