.bg-teal-custom {
        background-color: #26a69a;
    }

    .editor-wrapper {
        background: white;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    }

    .editor-header {
        background: #34495e;
        color: white;
        padding: 12px 16px;
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px solid #2c3e50;
    }

    .diff-added {
        background: #dcfce7;
        color: #166534;
        border-left: 4px solid #22c55e;
    }

    .diff-removed {
        background: #fee2e2;
        color: #991b1b;
        border-left: 4px solid #ef4444;
    }

    .diff-normal {
        background: transparent;
        color: #374151;
    }

    .diff-line {
        padding: 6px 10px;
        white-space: pre-wrap;
        font-size: 13px;
        font-family: monospace;
    }

    .status-success {
        background: #dcfce7;
        color: #166534;
    }

    .status-error {
        background: #fee2e2;
        color: #991b1b;
    }

    .status-neutral {
        background: #e5e7eb;
        color: #374151;
    }

    /* LEFT DIFFERENCE */
    .ace_marker-layer .diff-red {
        position: absolute;
        background: rgba(239, 68, 68, 0.18);
        border-left: 4px solid #ef4444;
    }

    /* RIGHT DIFFERENCE */
    .ace_marker-layer .diff-green {
        position: absolute;
        background: rgba(34, 197, 94, 0.18);
        border-left: 4px solid #22c55e;
    }