.gradient-preview{min-height:200px;border-radius:8px;transition:background .3s ease}.color-item .form-control-color{width:60px;height:38px;cursor:pointer}.nav-tabs .nav-link{color:#000;border-color:#dee2e6}.nav-tabs .nav-link.active{color:var(--bs-primary)!important;border-color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),.05)}.nav-tabs .nav-link:hover:not(.active){color:#000;border-color:#dee2e6}[data-bs-theme=dark] .nav-tabs .nav-link{color:#f8f9fa;border-color:#495057}[data-bs-theme=dark] .nav-tabs .nav-link.active{color:var(--bs-primary)!important;border-color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),.15)}[data-bs-theme=dark] .nav-tabs .nav-link:hover:not(.active){color:#f8f9fa;border-color:#6c757d}[data-bs-theme=dark] #cssOutput{background-color:#2d2d2d;color:#f8f9fa;border-color:#495057}