.wavebot-container {
                max-width: 1200px;
                margin: 20px auto;
                padding: 20px;
            }
            
            .wavebot-header {
                background: #fff;
                padding: 20px;
                border-radius: 10px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                margin-bottom: 20px;
            }
            
            .wavebot-card {
                background: #fff;
                padding: 25px;
                border-radius: 10px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                margin-bottom: 20px;
            }
            
            .wavebot-setup-guide {
                display: flex;
                margin-bottom: 30px;
                gap: 20px;
            }
            
            .wavebot-step {
                flex: 1;
                background: #f8f9fa;
                padding: 20px;
                border-radius: 8px;
                position: relative;
            }
            
            .wavebot-step-number {
                background: #4CAF50;
                color: white;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: -15px;
                left: -15px;
            }
            
            .wavebot-create-button {
                display: inline-block;
                background: #4CAF50;
                color: white;
                padding: 12px 24px;
                text-decoration: none;
                border-radius: 5px;
                margin-top: 10px;
                transition: background 0.3s;
            }
            
            .wavebot-create-button:hover {
                background: #45a049;
                color: white;
            }
            
            .wavebot-embed-container {
                background: #f8f9fa;
                padding: 20px;
                border-radius: 8px;
                margin-top: 20px;
            }
            
            .wavebot-display-options {
                display: flex;
                gap: 20px;
                margin-top: 20px;
            }
            
            .wavebot-radio-card {
                flex: 1;
                padding: 20px;
                border: 2px solid #e0e0e0;
                border-radius: 8px;
                cursor: pointer;
                transition: all 0.3s;
            }
            
            .wavebot-radio-card:hover {
                border-color: #4CAF50;
            }
            
            .wavebot-radio-card.selected {
                border-color: #4CAF50;
                background: #f1f8e9;
            }
            
            .wavebot-pages-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
                gap: 10px;
                margin-top: 20px;
            }
            
            .wavebot-page-item {
                padding: 10px;
                background: #f8f9fa;
                border-radius: 5px;
                display: flex;
                align-items: center;
                gap: 10px;
            }