@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
.m_d46a4834{border:calc(.0625rem*var(--mantine-scale))dashed;color:var(--mantine-color-text);padding:var(--mantine-spacing-md);border-radius:var(--dropzone-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .1s,border-color .1s;position:relative}.m_d46a4834:where([data-loading]),.m_d46a4834:where(:not([data-activate-on-click])){cursor:default}:where([data-mantine-color-scheme=light]) .m_d46a4834{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_d46a4834{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])){background-color:var(--mantine-color-dark-5)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])){background-color:var(--mantine-color-dark-5)}}.m_d46a4834:where([data-accept]){background-color:var(--dropzone-accept-bg);border-color:var(--dropzone-accept-bg);color:var(--dropzone-accept-color)}.m_d46a4834:where([data-reject]){background-color:var(--dropzone-reject-bg);border-color:var(--dropzone-reject-bg);color:var(--dropzone-reject-color)}.m_b85f7144{pointer-events:none;-webkit-user-select:none;user-select:none}.m_b85f7144:where([data-enable-pointer-events]){pointer-events:all}.m_96f6e9ad{background-color:var(--mantine-color-body);padding:var(--mantine-spacing-xs);flex-direction:column;transition:opacity .1s;display:flex;position:fixed;inset:0}.m_96f6e9ad .m_7946116d{flex:1}
.m_b37d9ac7{width:calc(100% - var(--mantine-spacing-md)*2);z-index:var(--notifications-z-index);max-width:var(--notifications-container-width);position:fixed}.m_b37d9ac7:where([data-position=top-center]){top:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=top-left]){top:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=top-right]){top:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-center]){bottom:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=bottom-left]){bottom:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-right]){bottom:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_5ed0edd0+.m_5ed0edd0{margin-top:var(--mantine-spacing-md)}
:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--paper-bg:#fffc;--input-bg:#ffffffe6;--border-color:#94a3b84d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--brand-color:#2dbce6;--glow-color:#2dbce626;--header-gradient:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);--feature-card-bg:#ffffffb3;--feature-card-violet-bg:#8b5cf614;--modal-bg:#fff;--violet-box-bg:#8b5cf60d;--modal-input-bg:#fffc;--section-gradient:linear-gradient(180deg,transparent 0%,#f1f5f999 50%,transparent 100%);--code-editor-bg:#fff;--code-output-bg:#fff;--console-bg:#f1f5f9cc;--console-code-bg:#fffc;--code-tabs-bg:linear-gradient(135deg,#ffffffe6 0%,#f8fafcf2 100%);--code-tabs-shadow:0 25px 50px -12px #00000026;--code-tabs-header-bg:#f1f5f999;--dropzone-bg:#f8fafccc;--textarea-color:#1e293b;--options-panel-bg:linear-gradient(135deg,#ffffffe6 0%,#f8fafcf2 100%);--options-panel-shadow:0 25px 50px -12px #00000026;--options-header-bg:#f1f5f9cc;--options-header-shadow:0 4px 20px #0000000d;--options-tab-bg:#f8fafccc;--options-tab-shadow:0 4px 12px #0000000d;--options-section-bg:#f8fafccc;--options-card-bg:#fffc;--options-card-shadow:0 4px 12px #0000000d;--options-field-bg:#f1f5f999;--options-sticky-bg:#ffffffe6;--options-sticky-shadow:0 8px 32px #0000001f;--options-input-bg:#f8fafccc;--options-container-bg:linear-gradient(135deg,#ffffffe6 0%,#f8fafcf2 100%);--options-container-shadow:0 25px 50px -12px #00000026;--options-accordion-bg:#fff9;--options-accordion-hover:#2dbce608;--options-select-bg:#fffc;--footer-bg:#f8fafccc}[data-mantine-color-scheme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--paper-bg:#1e293bcc;--input-bg:#0f172ae6;--border-color:#94a3b826;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--glow-color:#2dbce633;--header-gradient:linear-gradient(180deg,#0a0f1a 0%,#0f172a 100%);--feature-card-bg:#1e293b80;--feature-card-violet-bg:#8b5cf626;--modal-bg:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);--violet-box-bg:#8b5cf61a;--modal-input-bg:#0f172a80;--section-gradient:linear-gradient(180deg,transparent 0%,#0f172a99 50%,transparent 100%);--code-editor-bg:#0f172a;--code-output-bg:#0f172a;--console-bg:#0f172a99;--console-code-bg:#0000004d;--code-tabs-bg:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%);--code-tabs-shadow:0 25px 50px -12px #00000080;--code-tabs-header-bg:#0f172a66;--dropzone-bg:#0f172a66;--textarea-color:#e2e8f0;--options-panel-bg:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%);--options-panel-shadow:0 25px 50px -12px #00000080;--options-header-bg:#0f172a99;--options-header-shadow:0 4px 20px #0000004d;--options-tab-bg:#1e293b99;--options-tab-shadow:0 4px 12px #0000004d;--options-section-bg:#1e293b99;--options-card-bg:#0f172a99;--options-card-shadow:0 4px 12px #0000004d;--options-field-bg:#0f172a66;--options-sticky-bg:#0f172ae6;--options-sticky-shadow:0 8px 32px #0006;--options-input-bg:#1e293b99;--options-container-bg:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%);--options-container-shadow:0 25px 50px -12px #00000080;--options-accordion-bg:#1e293b66;--options-accordion-hover:#2dbce60d;--options-select-bg:#0f172a99;--footer-bg:#0f172a99}html,body{background:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s,color .2s}body:before{content:"";background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--glow-color),transparent);pointer-events:none;z-index:-1;height:100vh;position:fixed;top:0;left:0;right:0}::selection{color:inherit;background:#2dbce64d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.cm-editor{border-radius:12px;overflow:hidden}.cm-editor .cm-scroller{font-family:JetBrains Mono,SF Mono,Fira Code,monospace}.cm-editor .cm-gutters{padding-left:8px}.cm-editor .cm-activeLineGutter{background:0 0}.cm-editor .cm-foldGutter{padding-right:4px}.mantine-Dropzone-root{border:2px dashed var(--border-color);background:var(--paper-bg);min-height:200px;transition:all .3s}.mantine-Dropzone-root:hover{border-color:var(--brand-color);background:var(--bg-secondary)}.mantine-Dropzone-root[data-accept]{border-color:var(--brand-color);background:#2dbce61a}.glass-card{background:var(--paper-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px}.glass-panel{background:var(--paper-bg);border:1px solid var(--border-color);border-radius:20px;position:relative;box-shadow:0 25px 50px -12px #0000001f,0 8px 24px -8px #00000014,inset 0 1px #ffffff40,inset 0 -1px #0000000d}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5%,#fff6 20%,#ffffff80 50%,#fff6 80%,#0000 95%);border-radius:20px 20px 0 0;height:1px;position:absolute;top:0;left:0;right:0}.glass-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ffffff26 30% 70%,#0000);width:1px;position:absolute;top:20px;bottom:20px;left:0}[data-mantine-color-scheme=dark] .glass-panel{box-shadow:0 25px 50px -12px #0006,0 8px 24px -8px #0000004d,inset 0 1px #ffffff14,inset 0 -1px #0003}[data-mantine-color-scheme=dark] .glass-panel:before{background:linear-gradient(90deg,#0000 5%,#ffffff1a 20%,#ffffff26 50%,#ffffff1a 80%,#0000 95%)}[data-mantine-color-scheme=dark] .glass-panel:after{background:linear-gradient(#0000,#ffffff0d 30% 70%,#0000)}.glow{box-shadow:0 0 40px var(--glow-color)}.mantine-Paper-root,.mantine-Button-root,.mantine-Switch-root,.mantine-Tabs-tab{transition:all .2s}.mantine-Button-root:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.mantine-Button-root:not(:disabled):active{transform:translateY(0)}.mantine-Tabs-tab[data-active]{background:var(--paper-bg);font-weight:600}.mantine-Switch-track{border:1px solid var(--border-color);background-color:var(--bg-tertiary)!important}[data-mantine-color-scheme=dark] .mantine-Switch-track{background-color:#475569!important}.mantine-Switch-input:checked+.mantine-Switch-track{border-color:var(--brand-color);background-color:var(--brand-color)!important}.mantine-focus-auto:focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}.theme-toggle-btn .theme-icon-dark,[data-mantine-color-scheme=dark] .theme-toggle-btn .theme-icon-light{display:none}[data-mantine-color-scheme=dark] .theme-toggle-btn .theme-icon-dark{display:block}.mantine-Slider-markLabel{color:var(--text-muted);font-size:10px}.mantine-TextInput-wrapper[data-disabled],.mantine-NumberInput-wrapper[data-disabled],.mantine-Select-wrapper[data-disabled],.mantine-MultiSelect-wrapper[data-disabled],.mantine-TagsInput-wrapper[data-disabled],.mantine-Textarea-wrapper[data-disabled],.mantine-Switch-root[data-disabled]{opacity:.3!important;cursor:not-allowed!important}.markdown-content{color:var(--text-primary);font-size:.95rem;line-height:1.7}.markdown-content p{margin-bottom:1rem}.markdown-content h2{margin-top:1.5rem;margin-bottom:.75rem}.markdown-content h3{margin-top:1.25rem;margin-bottom:.5rem}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content img{border-radius:8px;max-width:100%;height:auto}.hljs{background:0 0!important}[data-mantine-color-scheme=dark] .hljs-keyword,[data-mantine-color-scheme=dark] .hljs-selector-tag,[data-mantine-color-scheme=dark] .hljs-literal,[data-mantine-color-scheme=dark] .hljs-section,[data-mantine-color-scheme=dark] .hljs-link{color:#c792ea}[data-mantine-color-scheme=dark] .hljs-string,[data-mantine-color-scheme=dark] .hljs-title,[data-mantine-color-scheme=dark] .hljs-name,[data-mantine-color-scheme=dark] .hljs-type,[data-mantine-color-scheme=dark] .hljs-attribute,[data-mantine-color-scheme=dark] .hljs-symbol,[data-mantine-color-scheme=dark] .hljs-bullet,[data-mantine-color-scheme=dark] .hljs-addition,[data-mantine-color-scheme=dark] .hljs-variable,[data-mantine-color-scheme=dark] .hljs-template-tag,[data-mantine-color-scheme=dark] .hljs-template-variable{color:#c3e88d}[data-mantine-color-scheme=dark] .hljs-comment,[data-mantine-color-scheme=dark] .hljs-quote,[data-mantine-color-scheme=dark] .hljs-deletion,[data-mantine-color-scheme=dark] .hljs-meta{color:#676e95}[data-mantine-color-scheme=dark] .hljs-number,[data-mantine-color-scheme=dark] .hljs-regexp,[data-mantine-color-scheme=dark] .hljs-built_in,[data-mantine-color-scheme=dark] .hljs-params{color:#f78c6c}[data-mantine-color-scheme=dark] .hljs-function .hljs-title,[data-mantine-color-scheme=dark] .hljs-title.function_{color:#82aaff}[data-mantine-color-scheme=dark] .hljs-class .hljs-title,[data-mantine-color-scheme=dark] .hljs-title.class_,[data-mantine-color-scheme=dark] .hljs-attr{color:#ffcb6b}[data-mantine-color-scheme=dark] .hljs-property{color:#89ddff}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:#8959a8}.hljs-string,.hljs-title,.hljs-name,.hljs-type,.hljs-attribute,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#718c00}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#8e908c}.hljs-number,.hljs-regexp,.hljs-built_in,.hljs-params{color:#f5871f}.hljs-function .hljs-title,.hljs-title.function_{color:#4271ae}.hljs-class .hljs-title,.hljs-title.class_{color:#c82829}.hljs-attr{color:#eab700}.hljs-property{color:#c82829}pre::-webkit-scrollbar{height:6px}pre::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}pre::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}pre::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.mantine-Badge-root{transition:all .2s}.mantine-Badge-root:hover{transform:translateY(-1px)}.mantine-Divider-root{border-color:var(--border-color)}.mantine-Alert-root{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float-animation{animation:3s ease-in-out infinite float}.hero-text-glow{text-shadow:0 0 40px #2dbce64d}.card-lift{transition:transform .3s,box-shadow .3s}.card-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}.feature-card{transition:all .3s;position:relative;overflow:hidden}.feature-card:after{content:"";background:radial-gradient(circle,var(--glow-color),transparent 70%);opacity:0;pointer-events:none;width:0;height:0;transition:width .5s,height .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-card:hover:after{opacity:.3;width:300%;height:300%}.btn-gradient{z-index:0;color:var(--text-primary);border:3px solid #0000;transition:all .3s;position:relative;background:linear-gradient(var(--bg-primary),var(--bg-primary))padding-box,linear-gradient(135deg,#2dbce6 0%,#a855f7 100%)border-box!important}.btn-gradient:hover:not(:disabled){box-shadow:0 0 24px #2dbce640;background:linear-gradient(var(--bg-primary),var(--bg-primary))padding-box,linear-gradient(135deg,#a855f7 0%,#ec4899 100%)border-box!important}.btn-gradient:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)!important;border:3px solid var(--border-color)!important}.btn-gradient-filled{z-index:1;transition:all .3s;position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#2dbce6 0%,#a855f7 100%)!important;border:none!important}.btn-gradient-filled:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);transition:opacity .3s;position:absolute;inset:0}.btn-gradient-filled:hover:before{opacity:1}.btn-gradient-filled:hover{box-shadow:0 0 24px #a855f766}.cookie-consent-banner{z-index:1000;pointer-events:none;padding:1rem;animation:.4s ease-out slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent-card{pointer-events:auto;background:var(--modal-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);max-width:480px;margin-left:auto;box-shadow:0 25px 50px -12px #00000040,0 8px 24px -8px #00000026}[data-mantine-color-scheme=dark] .cookie-consent-card{box-shadow:0 25px 50px -12px #00000080,0 8px 24px -8px #0006}@media (max-width:520px){.cookie-consent-banner{padding:.75rem}.cookie-consent-card{max-width:100%}}.responsive-p{padding:var(--mantine-spacing-md)}@media (min-width:36em){.responsive-p{padding:var(--mantine-spacing-xl)}}.responsive-pl-nested{padding-left:var(--mantine-spacing-md)}@media (min-width:36em){.responsive-pl-nested{padding-left:3rem}}.responsive-py-hero{padding-block:var(--mantine-spacing-xl)}@media (min-width:36em){.responsive-py-hero{padding-block:4rem}}.responsive-py-section{padding-block:var(--mantine-spacing-xl)}@media (min-width:36em){.responsive-py-section{padding-block:3rem}}.responsive-py-sm{padding-block:var(--mantine-spacing-xl)}@media (min-width:36em){.responsive-py-sm{padding-block:2rem}}.responsive-py-pricing{padding-block:2rem}@media (min-width:36em){.responsive-py-pricing{padding-block:3rem}}.responsive-py-lg{padding-block:3rem}@media (min-width:36em){.responsive-py-lg{padding-block:4rem}}.responsive-hero-title{font-size:2.5rem}@media (min-width:36em){.responsive-hero-title{font-size:3.5rem}}@media (min-width:48em){.responsive-hero-title{font-size:4rem}}.responsive-section-title{font-size:1.75rem}@media (min-width:36em){.responsive-section-title{font-size:2.25rem}}.responsive-gap{gap:var(--mantine-spacing-md)}@media (min-width:36em){.responsive-gap{gap:var(--mantine-spacing-lg)}}