@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gradient-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root{--max-opacity: 1;--panels-bg-full: rgba(15, 15, 35, 1);--panels-bg-mid: rgba(15, 15, 35, .8);--panels-bg-low: rgba(15, 15, 35, .5);--panels-border: rgb(100, 120, 220);--backdrop-color: rgba(15, 15, 35, .5);--nav-icon-color: rgba(255, 255, 255, .4);--nav-text-color: white;--uncompleted-step-text-color: rgba(255, 255, 255, .7);--completed-step-text-color: rgba(255, 255, 255, 1);--current-step-text-color: rgba(255, 255, 255, 1);--step-pill-color: var(--nav-icon-color);--option-product-bg: rgb(255, 255, 255);--option-product-border: none;--option-product-text: rgb(0, 0, 0);--option-product-price: rgba(0, 0, 0, .5);--option-product-price-bg: none;--option-product-examples-button: rgba(0, 0, 0, .5);--edit-button-bg: rgb(149, 226, 240);--edit-button-text: white;--edit-button-shadow: 0px 0px 10px rgba(0, 0, 0, .5);--logout-text-color: rgba(0, 0, 0, .5);--logout-text-hover-color: rgba(0, 0, 0, .7);--main-gradient-1: #3b82f6;--main-gradient-2: #8b5cf6;--xs-margin: 16px;--sm-margin: 20px;--md-margin: 40px;--lg-margin: 60px;--xl-margin: 100px;--xs-module-width: calc(100% - 32px) ;--sm-module-width: 420px;--md-module-width: 550px;--lg-module-width: 700px;--xl-module-width: 800px;--xs-modules-gap: 24px;--sm-modules-gap: 32px;--md-modules-gap: 40px;--lg-modules-gap: 48px;--xl-modules-gap: 60px;--xs-content-gap: 12px;--sm-content-gap: 16px;--md-content-gap: 20px;--lg-content-gap: 24px;--xl-content-gap: 32px;--text-main: #1f2937;--text-muted: #6b7280;--text-light: #f9fafb;--light-color: #ffffff;--dark-color: #111827;--soft-color: #9ca3af;--warning-color: #ef4444;--success-color: #10b981;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}:root.darkMode{--flow-panel-bg: var(--panels-bg-mid);--drag-and-drop-idle-bg: rgba(255, 255, 255, .05);--drag-and-drop-idle-border: rgba( 255, 255, 255, .2 );--drag-and-drop-hover-bg: rgba(59, 130, 246, .1);--drag-and-drop-hover-border: #6b8aff;--drag-and-drop-icon-color: rgba(255, 255, 255, .45);--drag-and-drop-icon-hover-color: #6b8aff;--drag-and-drop-title-color: rgba(255, 255, 255, .55);--drag-and-drop-preview-border: rgba(255, 255, 255, .25);--drag-and-drop-action-btn-bg: rgba(255, 255, 255, .08);--drag-and-drop-action-btn-border: rgba( 107, 138, 255, .5 );--drag-and-drop-action-btn-color: #a5b8ff;--drag-and-drop-action-btn-hover-bg: rgba( 107, 138, 255, .15 );--resizable-input-bg: rgba( 255, 255, 255, .07 );--resizable-input-border: rgba(255, 255, 255, .12);--resizable-input-shadow: 0 4px 24px rgba(0, 0, 0, .25);--resizable-input-hover-border: rgba(107, 138, 255, .3);--resizable-input-focus-bg: rgba(255, 255, 255, .1);--resizable-input-focus-border: rgba( 107, 138, 255, .6 );--resizable-input-text-color: rgba(255, 255, 255, .9);--resizable-input-placeholder: rgba( 255, 255, 255, .3 );--resizable-input-separator: rgba(255, 255, 255, .1);--resizable-input-bottom-bg: rgba( 255, 255, 255, .04 );--pill-btn-group-bg: rgba( 107, 138, 255, .12 );--pill-btn-group-border: rgba( 107, 138, 255, .2 );--pill-btn-group-shadow: 0 2px 8px rgba(0, 0, 0, .15);--pill-btn-group-icon-color: rgba(165, 184, 255, .7);--pill-btn-group-mic-color: rgba( 107, 138, 255, .9 );--pill-btn-group-divider: rgba( 255, 255, 255, .12 );--pill-btn-group-action-color: rgba(165, 184, 255, .8);--pill-btn-group-action-hover: #a5b8ff;--pill-btn-group-active-color: #34d399;--write-or-gen-card-bg: rgba(255, 255, 255, .06);--write-or-gen-card-border: rgba( 255, 255, 255, .1 );--write-or-gen-card-hover-border: rgba( 107, 138, 255, .35 );--write-or-gen-generate-bg: linear-gradient( 160deg, rgba(59, 130, 246, .2) 0%, rgba(107, 114, 241, .12) 100% );--write-or-gen-generate-color: #a5b8ff;--write-or-gen-write-bg: linear-gradient( 160deg, rgba(168, 85, 247, .2) 0%, rgba(139, 92, 246, .1) 100% );--write-or-gen-write-color: #c4b5fd;--flow-panel-prev-btn-bg: rgba(255, 255, 255, .08);--flow-panel-prev-btn-color: rgba( 255, 255, 255, .55 );--flow-panel-prev-btn-border: rgba(255, 255, 255, .15);--checkbox-idle-bg: rgba(255, 255, 255, .1);--checkbox-idle-border: rgba(255, 255, 255, .3);--caricature-item-bottom-gradient: rgba(15, 15, 35, .85);--caricature-describe-border: rgba(255, 255, 255, .15)}:root.lightMode{--flow-panel-bg: white;--drag-and-drop-idle-bg: #f8fafc;--drag-and-drop-idle-border: rgba(0, 0, 0, .2);--drag-and-drop-hover-bg: #ffffff;--drag-and-drop-hover-border: #3b82f6;--drag-and-drop-icon-color: #94a3b8;--drag-and-drop-icon-hover-color: #3b82f6;--drag-and-drop-title-color: #64748b;--drag-and-drop-preview-border: #ffffff;--drag-and-drop-action-btn-bg: #ffffff;--drag-and-drop-action-btn-border: #92b7eb;--drag-and-drop-action-btn-color: #3b82f6;--drag-and-drop-action-btn-hover-bg: #eff6ff;--resizable-input-bg: linear-gradient(135deg, #f8fafc, #f1f5f9);--resizable-input-border: none;--resizable-input-shadow: 0 5px 3px rgba(0, 0, 0, .3);--resizable-input-hover-border: #cbd5e1;--resizable-input-focus-bg: #ffffff;--resizable-input-focus-border: transparent;--resizable-input-text-color: #334155;--resizable-input-placeholder: rgba(0, 0, 0, .3);--resizable-input-separator: #b9bdc06c;--resizable-input-bottom-bg: rgba(255, 255, 255, .5);--pill-btn-group-bg: linear-gradient(135deg, #d0e4ff, #e4e7fa);--pill-btn-group-border: rgba(59, 130, 246, .1);--pill-btn-group-shadow: 0 1px 2px rgba(0, 0, 0, .02);--pill-btn-group-icon-color: #6272b2;--pill-btn-group-mic-color: hsla(220, 100%, 50%, .8);--pill-btn-group-divider: rgba(71, 85, 105, .15);--pill-btn-group-action-color: #6272b2;--pill-btn-group-action-hover: #3b82f6;--pill-btn-group-active-color: #059669;--write-or-gen-card-bg: #ffffff;--write-or-gen-card-border: rgba(0, 0, 0, .1);--write-or-gen-card-hover-border: transparent;--write-or-gen-generate-bg: linear-gradient(180deg, #e3e9ff, #fff);--write-or-gen-generate-color: #5f63af;--write-or-gen-write-bg: linear-gradient(180deg, #f9eaff, #fff);--write-or-gen-write-color: #948e98;--flow-panel-prev-btn-bg: #ffffff;--flow-panel-prev-btn-color: var(--soft-color);--flow-panel-prev-btn-border: none;--flow-panel-prev-btn-shadow: 0 0px 5px rgba(0, 0, 0, .2);--checkbox-idle-bg: #ffffff;--checkbox-idle-border: #cccccc;--caricature-item-bottom-gradient: #ffffff;--caricature-describe-border: #000000}@media(min-width:0){:root{--global-module-width: var(--xs-module-width);--global-module-margin: var(--xs-margin);--modules-gap: var(--xs-modules-gap);--content-gap: var(--xs-content-gap)}}@media(min-width:480px){:root{--global-module-width: var(--sm-module-width);--global-module-margin: var(--sm-margin);--modules-gap: var(--sm-modules-gap);--content-gap: var(--sm-content-gap)}}@media(min-width:720px){:root{--global-module-width: var(--md-module-width);--global-module-margin: var(--md-margin);--modules-gap: var(--md-modules-gap);--content-gap: var(--md-content-gap)}}@media(min-width:960px){:root{--global-module-width: var(--lg-module-width);--global-module-margin: var(--lg-margin);--modules-gap: var(--lg-modules-gap);--content-gap: var(--lg-content-gap)}}@media(min-width:1200px){:root{--global-module-width: var(--xl-module-width);--global-module-margin: var(--xl-margin);--modules-gap: var(--xl-modules-gap);--content-gap: var(--xl-content-gap)}}.modulesWidth{width:calc(100vw - var(--global-module-margin) * 2)!important;max-width:1000px}.headerWidth{width:calc(100vw - var(--global-module-margin) * 2);max-width:1000px}.modulesShadow{box-shadow:0 0 10px #000c}.globalModule{display:flex;position:relative;padding-block:30px;background-color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;align-items:center;justify-content:center}.globalModuleContent{position:relative;gap:var(--content-gap);row-gap:var(--content-gap);column-gap:var(--content-gap)}.globalSubmodule{gap:var(--content-gap);row-gap:var(--content-gap);column-gap:var(--content-gap)}.togglePanels{position:fixed;z-index:35}.headerZIndex{z-index:15}.expandingElements{position:relative;z-index:100;cursor:pointer}.clickableElements{position:relative;z-index:5;cursor:pointer}.bgCirclesZIndex{z-index:-10}html{position:relative}html body{width:100vw;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}html *{margin:0;padding:0;word-break:break-word;font-family:Montserrat SemiBold;font-size:16px;text-decoration:none;box-sizing:border-box}html a{color:#000}html .main{width:100%;height:100%;margin-top:100px;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--modules-gap)}html .smallerText,html .inputText{font-size:14px}html button{cursor:pointer;border:none;background:none;border-radius:50px;padding:5px 20px;box-shadow:none}.fade-in{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}.fade-in *{pointer-events:none!important}.fade-out{transition:opacity .3s,visibility .3s;opacity:var(--max-opacity);visibility:visible;pointer-events:auto}.navStyling{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:52px;max-width:380px;padding:8px 12px;border-radius:40px;background:var(--panels-bg-mid);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff0d;z-index:10}.navStyling .navItem{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 12px;background:none;border:none;color:var(--nav-text-color);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:30px;white-space:nowrap}.navStyling .navItem:hover{background:#ffffff14}.navStyling .navItem:active{transform:scale(.96)}.navStyling .navItem .navIcon{color:var(--nav-icon-color);font-size:22px}.navStyling .navItem .navIconCircle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--nav-icon-color);flex-shrink:0}.navStyling .navItem .navIconCircle .navIcon{font-size:18px}.navStyling .navSeparator{width:1px;height:28px;background:#ffffff26;flex-shrink:0}@font-face{font-family:Montserrat Regular;font-style:normal;font-weight:400;src:local("Montserrat Regular"),url(/assets/Montserrat-Regular-CUGWgpzI.woff) format("woff")}@font-face{font-family:Montserrat Italic;font-style:normal;font-weight:400;src:local("Montserrat Italic"),url(/assets/Montserrat-Italic-BoY6PWuD.woff) format("woff")}@font-face{font-family:Montserrat Thin;font-style:normal;font-weight:400;src:local("Montserrat Thin"),url(/assets/Montserrat-Thin-BGMz9nzk.woff) format("woff")}@font-face{font-family:Montserrat Thin Italic;font-style:normal;font-weight:400;src:local("Montserrat Thin Italic"),url(/assets/Montserrat-ThinItalic-DcJRF-Eg.woff) format("woff")}@font-face{font-family:Montserrat ExtraLight;font-style:normal;font-weight:400;src:local("Montserrat ExtraLight"),url(/assets/Montserrat-ExtraLight-LZDSKUC_.woff) format("woff")}@font-face{font-family:Montserrat ExtraLight Italic;font-style:normal;font-weight:400;src:local("Montserrat ExtraLight Italic"),url(/assets/Montserrat-ExtraLightItalic-D_gp4WL5.woff) format("woff")}@font-face{font-family:Montserrat Light;font-style:normal;font-weight:400;src:local("Montserrat Light"),url(/assets/Montserrat-Light-DhTzvpf9.woff) format("woff")}@font-face{font-family:Montserrat Light Italic;font-style:normal;font-weight:400;src:local("Montserrat Light Italic"),url(/assets/Montserrat-LightItalic-CDZPMsWm.woff) format("woff")}@font-face{font-family:Montserrat Medium;font-style:normal;font-weight:400;src:local("Montserrat Medium"),url(/assets/Montserrat-Medium-CIf5Lz1G.woff) format("woff")}@font-face{font-family:Montserrat Medium Italic;font-style:normal;font-weight:400;src:local("Montserrat Medium Italic"),url(/assets/Montserrat-MediumItalic-vl14Nnwy.woff) format("woff")}@font-face{font-family:Montserrat SemiBold;font-style:normal;font-weight:400;src:local("Montserrat SemiBold"),url(/assets/Montserrat-SemiBold-BAGxhiUF.woff) format("woff")}@font-face{font-family:Montserrat SemiBold Italic;font-style:normal;font-weight:400;src:local("Montserrat SemiBold Italic"),url(/assets/Montserrat-SemiBoldItalic-C_1fA5jE.woff) format("woff")}@font-face{font-family:Montserrat Bold;font-style:normal;font-weight:400;src:local("Montserrat Bold"),url(/assets/Montserrat-Bold-C50J6CPM.woff) format("woff")}@font-face{font-family:Montserrat Bold Italic;font-style:normal;font-weight:400;src:local("Montserrat Bold Italic"),url(/assets/Montserrat-BoldItalic-DBq9mgJe.woff) format("woff")}@font-face{font-family:Montserrat ExtraBold;font-style:normal;font-weight:400;src:local("Montserrat ExtraBold"),url(/assets/Montserrat-ExtraBold-CKoBhbHf.woff) format("woff")}@font-face{font-family:Montserrat ExtraBold Italic;font-style:normal;font-weight:400;src:local("Montserrat ExtraBold Italic"),url(/assets/Montserrat-ExtraBoldItalic-9pGj3too.woff) format("woff")}@font-face{font-family:Montserrat Black;font-style:normal;font-weight:400;src:local("Montserrat Black"),url(/assets/Montserrat-Black-BAEeCghT.woff) format("woff")}@font-face{font-family:Montserrat Black Italic;font-style:normal;font-weight:400;src:local("Montserrat Black Italic"),url(/assets/Montserrat-BlackItalic-B_cz5lQu.woff) format("woff")}