.monaco-controls {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.monaco-content-wrapper:hover .monaco-controls {
    opacity: 1;
}

.monaco-controls .btn-outline-secondary {
    border-color: var(--monaco-border-color);
    color: var(--monaco-text-color);
    background-color: transparent;
    transition: all 0.3s ease;
}

.monaco-controls .btn-outline-secondary:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

[data-theme="dark"] .monaco-controls .btn-outline-secondary {
    border-color: rgba(255, 255, 255, 0.2);
    color: #e0e0e0;
}

[data-theme="dark"] .monaco-controls .btn-outline-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
}