
            @import url("/assets/5126f6adadbe-css2.css");
            :root { --color-primary: #818cf8; --color-primary-dark: #6366f1; --color-background: #0f172a; --color-surface: #1e293b; --color-text: #e2e8f0; --color-text-muted: #94a3b8; --color-border: #334155; --font-sans: 'Inter', sans-serif; --font-mono: 'Fira Code', monospace; --color-del-bg: rgba(248, 113, 113, 0.1); --color-del-text: #f87171; --color-add-bg: rgba(52, 211, 153, 0.1); --color-add-text: #34d399; }
            body.ai-de-full-page-active { background-color: var(--color-background) !important; }
            .ai-diff-explainer-page { width: 100vw; position: relative; left: 50%; transform: translateX(-50%); min-height: 100vh; color: var(--color-text); font-family: var(--font-sans); padding: 40px 0; }
            .ai-diff-explainer-page * { box-sizing: border-box; }
            .ai-diff-explainer-page .container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 40px; }
            .ai-diff-explainer-page h1, .ai-diff-explainer-page h2 { text-align: center; font-weight: 700; }
            .ai-diff-explainer-page h1 { font-size: 2.5rem; color: #fff; margin-bottom: 10px; }
            .ai-diff-explainer-page h2 { font-size: 1.75rem; color: var(--color-primary); margin-top: 3rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--color-border); padding-bottom: 1rem; }
            .ai-diff-explainer-page .intro-text { text-align: center; color: var(--color-text-muted); font-size: 1.1rem; max-width: 800px; margin: 0 auto 3rem; }
            .ai-diff-explainer-page .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 2rem; }
            .ai-diff-explainer-page .step { background: var(--color-surface); padding: 20px; border-radius: 8px; border: 1px solid var(--color-border); }
            .ai-diff-explainer-page .step strong { display: block; color: var(--color-primary); margin-bottom: 8px; }
            .ai-diff-explainer-page .code-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
            .ai-diff-explainer-page label { display: block; margin-bottom: 8px; font-weight: 500; color: var(--color-text-muted); }
            .ai-diff-explainer-page textarea { width: 100%; min-height: 40vh; background-color: #020617; color: var(--color-text); border: 1px solid var(--color-border); border-radius: 8px; padding: 15px; font-family: var(--font-mono); font-size: 0.9rem; resize: vertical; transition: border-color 0.2s, box-shadow 0.2s; }
            .ai-diff-explainer-page textarea:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.25); }
            .ai-diff-explainer-page .controls { margin-top: 20px; display: flex; justify-content: flex-end; align-items: center; gap: 15px; }
            .ai-diff-explainer-page .submit-btn { background-color: var(--color-primary); color: #fff; border: none; padding: 12px 24px; font-weight: 700; border-radius: 8px; cursor: pointer; transition: background-color 0.2s; display: inline-flex; align-items: center; gap: 8px; }
            #ai-de-output-panel { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 8px; padding: 30px; min-height: 150px; }
            #ai-de-error { text-align: center; padding: 15px; background-color: rgba(248, 113, 113, 0.1); color: var(--color-del-text); border: 1px solid var(--color-del-text); border-radius: 8px; margin-bottom: 20px; font-weight: 500; }

            /* **NEW**: Styles for the visual diff container */
            .visual-diff-container { font-family: var(--font-mono); background: #020617; border: 1px solid var(--color-border); border-radius: 8px; padding: 1em; white-space: pre-wrap; word-wrap: break-word; font-size: 0.9em; line-height: 1.6; }
            .visual-diff-container ins { background-color: var(--color-add-bg); color: var(--color-add-text); text-decoration: none; }
            .visual-diff-container del { background-color: var(--color-del-bg); color: var(--color-del-text); text-decoration: none; }

            @media (max-width: 900px) { .ai-diff-explainer-page .code-grid { grid-template-columns: 1fr; } .ai-diff-explainer-page .container { padding: 0 20px; } }
        


                    .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content .error , .fluentform_wrapper_3.ffs_custom_wrap .error-text{ text-align: left; } .fluentform_wrapper_3.ffs_custom_wrap .ff-message-success{ text-align: left; } .fluentform_wrapper_3.ffs_custom_wrap .ff-errors-in-stack { text-align: left; } .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--label label{ color: rgba(255, 255, 255, 1); } .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content input, .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content .ff-el-form-control.ff_stripe_card_element, .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content textarea, .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content select, .fluentform_wrapper_3.ffs_custom_wrap .choices__list--single, .fluentform_wrapper_3.ffs_custom_wrap .choices[data-type*='select-multiple'] { color: rgba(255, 255, 255, 1);background-color: rgba(255, 0, 0, 0); } .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content input::placeholder, .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content textarea::placeholder{ color: rgba(255, 255, 255, 1); } .fluentform_wrapper_3.ffs_custom_wrap .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style) { color: rgba(255, 254, 254, 1);border-style: solid;border-color: rgba(242, 99, 38, 1);border-width: 1px; }.fluentform_wrapper_3.ffs_custom_wrap .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style):hover { color: rgba(242, 99, 38, 1);border-style: solid;border-color: rgba(242, 99, 38, 1);border-width: 1px; }                

form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit { background-color:rgba(26, 126, 251, 0);border-color:rgba(241, 98, 42, 1);color:#ffffff; }form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit:hover { background-color:#ffffff;border-color:#1a7efb;color:#1a7efb; } 

.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container,.elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container{overflow:hidden}.elementor-widget .elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap;margin-inline:-8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{border-width:0;border-inline-start-width:1px;border-style:solid;height:100%;inset-inline-end:-8px;inset-inline-start:auto;position:relative;width:auto}.elementor-widget .elementor-icon-list-items{list-style-type:none;margin:0;padding:0}.elementor-widget .elementor-icon-list-item{margin:0;padding:0;position:relative}.elementor-widget .elementor-icon-list-item:after{inset-block-end:0;position:absolute;width:100%}.elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{align-self:center;padding-inline-start:5px}.elementor-widget .elementor-icon-list-icon{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative}.elementor-widget .elementor-icon-list-icon svg{height:var(--e-icon-list-icon-size,1em);width:var(--e-icon-list-icon-size,1em)}.elementor-widget .elementor-icon-list-icon i{font-size:var(--e-icon-list-icon-size);width:1.25em}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{text-align:var(--e-icon-list-icon-align)}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg{margin:var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)}.elementor-widget.elementor-list-item-link-full_width a{width:100%}.elementor-widget.elementor-align-center .elementor-icon-list-item,.elementor-widget.elementor-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-align-start .elementor-icon-list-item,.elementor-widget.elementor-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-align-end .elementor-icon-list-item,.elementor-widget.elementor-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-align-start) .elementor-icon-list-item:after{inset-inline-end:0}@media (min-width:-1){.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-widescreen-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-widescreen-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-widescreen-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-widescreen-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:1366px){.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-laptop-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-laptop-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-laptop-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-laptop-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:1024px){.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:767px){.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}#left-area ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items{padding:0}