*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.bg-coral{--tw-bg-opacity:1;background-color:rgb(255 122 92/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))}.bg-teal{--tw-bg-opacity:1;background-color:rgb(52 212 197/var(--tw-bg-opacity,1))}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg:#08070e;--s1:#110f1e;--s2:#18152b;--pink:#ff3cac;--cyan:#00e5ff;--lime:#c6f135;--orange:#ff7043;--purple:#784ba0;--blue:#2b86c5;--text:#f2eeff;--muted:#7a6fa0;--border:#ffffff12;--border2:#ffffff24;--font:"Plus Jakarta Sans", -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 10% 10%,#ff3cac24 0%,#0000 60%),radial-gradient(48% 42% at 90% 5%,#2b86c51f 0%,#0000 55%),radial-gradient(52% 48% at 50% 100%,#00e5ff17 0%,#0000 60%),radial-gradient(38% 38% at 80% 55%,#784ba01a 0%,#0000 55%),radial-gradient(32% 32% at 5% 75%,#c6f1350f 0%,#0000 50%);position:fixed;inset:0}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#08070ec7;padding:.7rem 2rem;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.header-logo{align-items:center;display:flex}.logo-icon{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 10px #ff3cac73)drop-shadow(0 0 20px #2b86c54d);width:auto;height:48px}.header-right{align-items:center;gap:1.5rem;display:flex}.header-steps{align-items:center;gap:.75rem;display:flex}.header-auth{align-items:center;gap:.5rem;display:flex}.step{opacity:.4;align-items:center;gap:.4rem;transition:opacity .3s;display:flex}.step.active,.step.current{opacity:1}.step-number{width:26px;height:26px;color:var(--muted);background:#ff3cac1f;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex}.step.current .step-number{background:var(--pink);color:#fff}.step.active .step-number{color:var(--pink);background:#ff3cac40}.step-name{color:var(--muted);font-size:.78rem;font-weight:500}.step.active .step-name,.step.current .step-name{color:var(--text)}.step-connector{background:var(--border2);width:20px;height:1px}.auth-nav-btn{border:1px solid var(--border2);color:var(--text);font-family:var(--font);cursor:pointer;background:0 0;border-radius:8px;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s}.auth-nav-btn:hover{background:#ffffff14}.auth-nav-btn-primary{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:#0000;box-shadow:0 4px 16px #ff3cac4d}.auth-nav-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ff3cac73}.user-chip{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--pink);background:#ff3cac1a;border:1px solid #ff3cac40;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:700;overflow:hidden}.landing-page{flex:1;padding:2rem 2.5rem 4rem}.landing-container{max-width:1380px;margin:0 auto}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:calc(100vh - 80px);padding:2rem 0 4rem;display:grid}.hero-copy{max-width:640px}.hero-badge{color:var(--pink);background:#ff3cac1a;border:1px solid #ff3cac66;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1.5rem;padding:.3rem .95rem;font-size:.74rem;font-weight:600;display:inline-flex}.badge-icon{width:14px;height:14px}.hero-logo{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 32px #ff3cac8c)drop-shadow(0 0 64px #2b86c559)drop-shadow(0 0 96px #00e5ff33);width:min(420px,100%);height:auto;margin-bottom:1.75rem;display:block}.hero-title{letter-spacing:-.025em;background:linear-gradient(135deg, var(--pink) 0%, #ff8ac4 40%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.05}.hero-subtitle{color:var(--muted);max-width:540px;margin-bottom:2rem;font-size:1rem;line-height:1.75}.hero-cta-group{gap:1rem;margin-bottom:2rem;display:flex}.hero-features{flex-wrap:wrap;gap:1.75rem;display:flex}.hero-feature{align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;display:flex}.feature-icon{width:16px;height:16px}.product-showcase{min-width:0;position:relative}.browser-shell{border:1px solid var(--border2);background:#ffffff0a;border-radius:12px;overflow:hidden;box-shadow:0 0 60px #ff3cac1a,0 0 60px #00e5ff12,0 28px 60px #0000008c}.browser-bar{border-bottom:1px solid var(--border);color:var(--muted);background:#ffffff0a;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.browser-bar span{background:#ffffff26;border-radius:50%;width:9px;height:9px}.browser-bar span:first-child{background:#ff5f57}.browser-bar span:nth-child(2){background:#febc2e}.browser-bar span:nth-child(3){background:#28c840;margin-right:.5rem}.showcase-site{background:#08070ee6;padding:1.1rem}.showcase-nav{color:var(--muted);align-items:center;gap:1rem;margin-bottom:.9rem;font-size:.7rem;display:flex}.showcase-brand{color:var(--text);margin-right:auto;font-size:.9rem;font-weight:800}.showcase-hero{border:1px solid var(--border);background:#ffffff08;border-radius:8px;grid-template-columns:1fr 140px;align-items:stretch;gap:1rem;margin-bottom:.75rem;padding:1.25rem;display:grid}.showcase-tag{color:var(--pink);background:#ff3cac26;border-radius:999px;margin-bottom:.65rem;padding:.22rem .6rem;font-size:.66rem;font-weight:700;display:inline-flex}.showcase-hero h2{color:var(--text);max-width:280px;margin-bottom:.6rem;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.15}.showcase-hero p{color:var(--muted);font-size:.8rem;line-height:1.55}.showcase-visual{background:#ff3cac14;border:1px solid #ff3cac2e;border-radius:8px;justify-content:center;align-items:center;min-height:140px;display:flex}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.showcase-grid div{min-height:90px;color:var(--text);border:1px solid var(--border);border-radius:8px;gap:.3rem;padding:.8rem;display:grid}.showcase-grid svg{width:18px;height:18px}.showcase-grid strong{font-size:.8rem}.showcase-grid span{color:var(--muted);font-size:.7rem}.floating-panel{background:var(--s1);border:1px solid var(--border2);border-radius:10px;gap:.3rem;width:165px;padding:.9rem;display:grid;position:absolute;bottom:-1.25rem;right:-1rem;box-shadow:0 16px 40px #0006}.floating-panel span{color:var(--muted);font-size:.72rem;font-weight:700}.floating-panel strong{font-size:1rem}.mini-swatches{gap:.4rem;margin-top:.2rem;display:flex}.mini-swatches i{border-radius:999px;width:26px;height:14px;display:block}.landing-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1rem;padding:3rem 0;display:grid}.landing-stat-num{margin-bottom:.3rem;font-size:2.4rem;font-weight:700;line-height:1}.landing-stat-label{color:var(--muted);font-size:.8rem}.landing-section{border-top:1px solid var(--border);padding:4rem 0}.section-heading{max-width:720px;margin-bottom:2.5rem}.section-heading span{text-transform:uppercase;letter-spacing:.1em;margin-bottom:.65rem;font-size:.72rem;font-weight:700;display:inline-flex}.section-heading h2{letter-spacing:-.02em;color:var(--text);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700;line-height:1.15}.feature-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.feature-card{border:1px solid;border-radius:14px;padding:1.5rem;transition:transform .25s}.feature-card:hover{transform:translateY(-4px)}.feature-card-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;display:flex}.feature-card-icon{width:22px;height:22px}.feature-card h3{margin-bottom:.5rem;font-size:.95rem;font-weight:700}.feature-card p{color:var(--muted);font-size:.82rem;line-height:1.65}.workflow-list{gap:.75rem;display:grid}.workflow-item{border:1px solid;border-radius:10px;grid-template-columns:60px 1fr 28px;align-items:center;min-height:70px;padding:0 1.25rem;transition:transform .22s;display:grid}.workflow-item:hover{transform:translate(6px)}.workflow-item strong{font-size:1.1rem;font-weight:800}.workflow-item span{color:var(--text);font-size:1rem;font-weight:600}.workflow-item svg{width:20px;height:20px}.categories-section{padding-bottom:5rem}.category-pills{flex-wrap:wrap;gap:.55rem;margin-bottom:2.5rem;display:flex}.category-pill{cursor:pointer;border:1px solid;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s}.category-pill:hover{filter:brightness(1.2);transform:translateY(-1px)}.landing-final-cta{margin-top:0}.btn{font-family:var(--font);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.85rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .22s;display:inline-flex}.btn-icon{width:18px;height:18px}.btn-large{padding:1rem 2.25rem;font-size:1rem}.btn-sm{padding:.45rem .9rem;font-size:.8rem}.btn-hero-primary{background:linear-gradient(135deg, var(--pink), var(--purple), var(--blue));color:#fff;background-size:200% 200%;animation:4s infinite gradShift;box-shadow:0 4px 24px #ff3cac59}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff3cac80}@keyframes gradShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-primary{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;box-shadow:0 4px 18px #ff3cac4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 26px #ff3cac73}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text);border:1px solid var(--border2);background:#ffffff14}.btn-secondary:hover{background:#ffffff24}.generator-workspace{flex:1;display:flex}.workspace-layout{grid-template-columns:420px 1fr;width:100%;height:calc(100vh - 68px);display:grid}.workspace-left{border-right:1px solid var(--border);background:#ffffff05;padding:2rem;overflow-y:auto}.workspace-right{background:#0003;justify-content:center;align-items:center;padding:2rem;display:flex}.preview-placeholder{aspect-ratio:1;border:2px dashed var(--border2);background:#ffffff08;border-radius:20px;justify-content:center;align-items:center;width:min(360px,100%);display:flex}.preview-loading{border-style:solid;border-color:#ff3cac4d}.loading-content{text-align:center;padding:2rem}.loading-spinner{border:3px solid #ff3cac26;border-top-color:var(--pink);border-radius:50%;width:52px;height:52px;margin:0 auto 1.25rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-content h3{margin-bottom:.4rem;font-size:1.1rem}.loading-content p{color:var(--muted);font-size:.85rem}.placeholder-content{text-align:center;padding:2rem}.placeholder-icon{margin-bottom:.75rem;font-size:2.5rem}.placeholder-content h3{margin-bottom:.4rem;font-size:1rem;line-height:1.4}.placeholder-content p{color:var(--muted);font-size:.82rem}.form-container{max-width:100%}.form-header{margin-bottom:1.75rem}.form-header h2{color:var(--text);margin-bottom:.4rem;font-size:1.5rem;font-weight:700}.form-header p{color:var(--muted);font-size:.85rem}.sample-buttons{flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem;display:flex}.sample-btn{color:var(--pink);cursor:pointer;font-size:.75rem;font-family:var(--font);background:#ff3cac1a;border:1px solid #ff3cac40;border-radius:7px;padding:.4rem .85rem;transition:all .2s}.sample-btn:hover{background:#ff3cac33}.website-form{flex-direction:column;gap:1.25rem;display:flex}.form-section{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:1.25rem}.form-section h3{color:var(--text);margin-bottom:.9rem;font-size:.95rem;font-weight:600}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--muted);font-size:.78rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border2);color:var(--text);font-family:var(--font);background:#ffffff0d;border-radius:8px;padding:.65rem .85rem;font-size:.85rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--pink);outline:none}.form-group input::-moz-placeholder{color:var(--muted)}.form-group textarea::-moz-placeholder{color:var(--muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.form-group select option{color:var(--text);background:#1a1030}.input-error{border-color:#f44!important}.error-text{color:#ff6b6b;font-size:.72rem}.workspace-preview{grid-template-columns:340px 1fr;height:calc(100vh - 68px);display:grid;overflow:hidden}.preview-sidebar{border-right:1px solid var(--border);background:#ffffff05;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar-header h3{color:var(--text);font-size:1rem;font-weight:700}.design-options{flex-direction:column;gap:.85rem;display:flex}.design-option-card{border:2px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:12px;padding:.9rem;transition:all .25s}.design-option-card:hover{border-color:#ff3cac59;transform:translateY(-2px)}.design-option-card.selected{border-color:var(--pink);background:#ff3cac14}.card-thumbnail{margin-bottom:.75rem}.thumbnail-preview{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:.4rem;height:100px;padding:.65rem;display:flex}.thumbnail-header{background:#ff3cac40;border-radius:3px;height:12px}.thumbnail-body{background:#ffffff0f;border-radius:3px;flex:1}.thumbnail-label{text-align:center;color:var(--muted);margin-top:.4rem;font-size:.68rem}.card-info h3{color:var(--text);margin-bottom:.2rem;font-size:.88rem;font-weight:600}.card-info p{color:var(--muted);margin-bottom:.4rem;font-size:.72rem;line-height:1.4}.theme-badge{color:var(--pink);background:#ff3cac1f;border:1px solid #ff3cac40;border-radius:4px;padding:.18rem .5rem;font-size:.62rem;display:inline-block}.sidebar-theme h4{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem;font-size:.78rem;font-weight:700}.theme-options{flex-direction:column;gap:.45rem;display:flex}.theme-option{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:.65rem;padding:.65rem;transition:all .2s;display:flex}.theme-option:hover{background:#ffffff12}.theme-option.active{border-color:var(--pink);background:#ff3cac14}.theme-preview{gap:.22rem;display:flex}.theme-color{border-radius:4px;width:18px;height:18px}.theme-name{color:var(--text);font-size:.75rem;font-weight:500}.sidebar-action{margin-top:auto;padding-top:1rem}.preview-main{flex-direction:column;height:100%;display:flex;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--border);background:#ffffff05;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.toolbar-group{gap:.45rem;display:flex}.toolbar-btn{border:1px solid var(--border2);color:var(--muted);cursor:pointer;font-family:var(--font);background:#ffffff0d;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;transition:all .2s;display:flex}.toolbar-btn:hover{color:var(--text);background:#ffffff1a}.toolbar-btn.active{background:var(--pink);border-color:var(--pink);color:#fff}.toolbar-btn-regenerate{color:var(--cyan);border-color:#00e5ff40}.spinning{animation:1s linear infinite spin}.preview-container{background:#0006;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:1.5rem;display:flex;overflow:auto}.preview-wrapper{background:#fff;border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #ff3cac14}.preview-iframe{border:none;flex:1;width:100%;min-height:600px;display:block}.preview-container .preview-placeholder{aspect-ratio:1;width:300px;height:300px}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.auth-modal{background:var(--s1);border:1px solid var(--border2);border-radius:20px;width:100%;max-width:440px;padding:2.5rem;position:relative;box-shadow:0 0 80px #ff3cac1f,0 40px 80px #00000080}.modal-close{cursor:pointer;width:30px;height:30px;color:var(--muted);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--text);background:#ffffff26}.auth-header{margin-bottom:1.75rem}.auth-header h2{color:var(--text);margin-bottom:.4rem;font-size:1.4rem;font-weight:700}.auth-header p{color:var(--muted);font-size:.85rem}.auth-form{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.auth-error{color:#ff8585;background:#ff3c3c1f;border:1px solid #ff3c3c4d;border-radius:8px;padding:.65rem .85rem;font-size:.82rem}.auth-switch{text-align:center;color:var(--muted);font-size:.82rem}.auth-switch button{color:var(--pink);cursor:pointer;font-weight:600;font-family:var(--font);background:0 0;border:none;margin-left:.35rem;font-size:.82rem}.auth-switch button:hover{text-decoration:underline}.modal-content{background:var(--s1);border:1px solid var(--border2);border-radius:20px;width:100%;max-width:620px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 0 80px #ff3cac1a,0 40px 80px #00000080}.checkout-header{text-align:center;margin-bottom:1.75rem}.checkout-icon{width:48px;height:48px;color:var(--pink);background:#ff3cac26;border-radius:12px;justify-content:center;align-items:center;margin:0 auto .9rem;display:flex}.checkout-header h2{color:var(--text);margin-bottom:.3rem;font-size:1.3rem;font-weight:700}.checkout-header p{color:var(--muted);font-size:.85rem}.package-selector{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.package-card{border:2px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;gap:.35rem;padding:1rem;transition:all .2s;display:flex}.package-card:hover{border-color:#ff3cac59}.package-card.selected{border-color:var(--pink);background:#ff3cac14}.package-card input[type=radio]{display:none}.package-card-header{justify-content:space-between;align-items:center;display:flex}.package-card-header strong{color:var(--text);font-size:.92rem}.package-card-header span{color:var(--pink);font-size:.95rem;font-weight:700}.package-description{color:var(--muted);font-size:.78rem}.package-good-for{color:var(--cyan);font-size:.72rem;font-style:italic}.package-card ul{flex-direction:column;gap:.2rem;list-style:none;display:flex}.package-card li{color:var(--muted);padding-left:1rem;font-size:.75rem;position:relative}.package-card li:before{content:"✓";color:var(--lime);position:absolute;left:0}.addon-selector{margin-bottom:1.25rem}.addon-selector h3{color:var(--text);margin-bottom:.65rem;font-size:.9rem;font-weight:700}.addon-card{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:flex-start;gap:.65rem;margin-bottom:.5rem;padding:.85rem;transition:all .2s;display:flex}.addon-card:hover{border-color:#00e5ff4d}.addon-card input[type=checkbox]{accent-color:var(--cyan);margin-top:.1rem}.addon-card span{flex-direction:column;gap:.2rem;display:flex}.addon-card strong{color:var(--text);font-size:.82rem}.addon-card small{color:var(--muted);font-size:.72rem}.checkout-summary{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;margin-bottom:1.25rem;padding:1rem}.summary-item{color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;padding:.4rem 0;font-size:.82rem;display:flex}.summary-item:last-child{border-bottom:none}.summary-item strong{color:var(--text)}.summary-total{font-weight:700}.total-price{color:var(--pink);font-size:1rem;font-weight:800}.checkout-form{flex-direction:column;gap:.85rem;margin-bottom:1.25rem;display:flex}.checkout-form .form-group label{color:var(--muted);font-size:.78rem;font-weight:600}.checkout-form .form-group input{border:1px solid var(--border2);color:var(--text);font-family:var(--font);background:#ffffff0d;border-radius:8px;padding:.65rem .85rem}.checkout-form .form-group input::placeholder{color:var(--muted)}.security-notice{color:var(--cyan);background:#00e5ff14;border:1px solid #00e5ff33;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.65rem;font-size:.78rem;display:flex}.security-icon{width:14px;height:14px}.checkout-features{flex-direction:column;gap:.35rem;margin-top:1rem;display:flex}.feature-item{color:var(--muted);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.feature-item span:first-child{color:var(--lime);font-weight:700}.workspace-success{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.payment-success{width:100%;max-width:500px}.success-content{background:var(--s1);border:1px solid var(--border2);text-align:center;border-radius:20px;padding:3rem;box-shadow:0 0 60px #c6f13514}.success-icon{width:60px;height:60px;color:var(--lime);background:#c6f1351f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.success-content h2{color:var(--text);margin-bottom:.4rem;font-size:1.6rem;font-weight:700}.success-content>p{color:var(--muted);margin-bottom:2rem}.success-summary{margin-bottom:2rem}.summary-card{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;padding:1.25rem}.summary-card h3{color:var(--text);margin-bottom:.35rem;font-weight:700}.summary-card p{color:var(--muted);margin-bottom:.25rem;font-size:.85rem}.success-note{color:var(--muted);margin-top:1rem;font-size:.78rem}@media (width<=1100px){.landing-hero{grid-template-columns:1fr;gap:3rem;min-height:auto;padding-top:4rem}.product-showcase{display:none}.hero-logo{width:min(340px,85vw)}.feature-grid,.landing-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.workspace-layout{grid-template-columns:1fr;height:auto}.workspace-right{display:none}.workspace-preview{grid-template-columns:1fr;height:auto}.preview-sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:280px}.preview-main{height:600px}.header-steps{display:none}}@media (width<=640px){.landing-page{padding:1.5rem}.feature-grid{grid-template-columns:1fr}.landing-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.modal-content,.auth-modal{padding:1.5rem}.hero-logo{width:min(280px,80vw)}}.preview-container{position:relative}.polish-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#08070ebf;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.polish-overlay .loading-spinner{border-top-color:var(--cyan)}.polish-overlay h3{color:var(--cyan);font-size:1rem;font-weight:600}.is-polishing .preview-wrapper{opacity:.35}.card-actions{gap:.5rem;margin-top:.65rem;display:flex}.card-actions .btn{flex:1;justify-content:center}