.si-saas-builder {
    background-color: #111827;
    border-radius: 16px;
    font-family: 'Inter', sans-serif;
    color: #e5e7eb;
    border: 1px solid #1f2937;
    margin: 20px auto;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.si-saas-header {
    background: rgba(17, 24, 39, 0.9);
    padding: 25px 35px;
    border-bottom: 1px solid #374151;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.si-logo-area { display: flex; align-items: center; gap: 15px; }
.si-logo-area img { max-width: 130px; height: auto; border-radius: 8px; }
.si-logo-area h2 { color: white; margin: 0; font-size: 22px; font-weight: 800; }

.si-badge { background: #3b82f6; color: white; font-size: 10px; padding: 2px 8px; border-radius: 12px; margin-left: 8px; }

.si-saas-main { display: grid; grid-template-columns: 1.6fr 1fr; gap: 30px; padding: 35px; }

#si-input-text {
    width: 100%; height: 420px; background: #0b0f19; border: 1px solid #374151;
    border-radius: 12px; padding: 20px; color: #a78bfa; font-family: monospace; resize: none;
}

.si-card { background: #1f2937; border-radius: 12px; padding: 25px; border: 1px solid #374151; }
.si-card h3 { color: white; margin-top: 0; display: flex; align-items: center; gap: 10px; }

.si-btn-primary {
    width: 100%; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white; border: none; padding: 16px; border-radius: 8px; cursor: pointer;
    font-weight: 700; text-transform: uppercase; margin-top: 15px; transition: 0.3s;
}

.si-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.5); }

/* Switches */
.si-switch-group {
    display: flex; align-items: center; gap: 12px; margin-bottom: 18px;
    background: #111827; padding: 12px; border-radius: 8px; border: 1px solid #374151;
}
.si-switch { position: relative; display: inline-block; width: 40px; height: 22px; }
.si-switch input { opacity: 0; width: 0; height: 0; }
.si-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #4b5563; transition: .4s; border-radius: 34px; }
.si-switch input:checked + .si-slider { background-color: #3b82f6; }
.si-slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; }
.si-switch input:checked + .si-slider:before { transform: translateX(18px); }