.smart-generator-page{position:relative;min-height:calc(100vh - 78px);height:calc(100vh - 78px);overflow:hidden;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:24px;padding:24px;background:linear-gradient(115deg,rgba(236,72,153,.1),transparent 34%),linear-gradient(245deg,rgba(168,85,247,.12),transparent 38%),radial-gradient(circle at 12% 16%,rgba(5,129,238,.18),transparent 28%),radial-gradient(circle at 92% 8%,rgba(7,194,247,.14),transparent 26%),linear-gradient(135deg,#f6f8fb,#eef6ff 48%,#f8fbff);background-size:150% 150%,145% 145%,120% 120%,120% 120%,100% 100%;color:#101828;box-sizing:border-box;animation:smartCreateBackgroundShift 18s ease-in-out infinite alternate}.smart-generator-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(5,129,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(5,129,238,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 72%);opacity:0;animation:smartCreateGridEnter .9s ease-out .15s both}.smart-create-faqs{padding:var(--spacing-3xl) var(--spacing-md);background:var(--white)}.smart-create-faqs .faqs-section{max-width:var(--container-width);margin:0 auto}.smart-create-faqs h2{margin-bottom:var(--spacing-3xs)}.smart-create-faqs .subheader-text{width:min(100%,760px);margin:0 auto var(--spacing-lg) auto!important;color:color-mix(in srgb,var(--black) 70%,transparent);font-size:var(--fs-18);line-height:1.6}.smart-create-faqs .faqs-grid{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:var(--container-width);margin:0 auto}.smart-generator-hero,.smart-generator-shell{position:relative;z-index:1}.smart-generator-hero{min-height:0;border:1px solid rgba(5,129,238,.14);border-radius:18px;padding:34px;display:flex;align-items:center;background:linear-gradient(145deg,#ffffffd1,#ffffff9e),radial-gradient(circle at 16% 18%,rgba(5,129,238,.16),transparent 32%);box-shadow:0 22px 54px #1018281a;overflow:hidden;opacity:0;animation:smartCreatePanelEnter .72s cubic-bezier(.2,.8,.2,1) .05s both}.smart-generator-hero:after{content:"";position:absolute;right:-84px;bottom:-84px;width:238px;height:238px;border:0;border-radius:50%;--smart-ring-primary: rgba(5, 129, 238, .42);--smart-ring-secondary: rgba(7, 194, 247, .34);--smart-ring-accent: rgba(168, 85, 247, .26);--smart-ring-pink: rgba(236, 72, 153, .2);--smart-ring-glow: rgba(5, 129, 238, .2);background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.74) 0 1.1%,transparent 1.8% 100%),radial-gradient(circle,transparent 0 28.5%,var(--smart-ring-primary) 29% 30.4%,transparent 30.9% 42.4%,var(--smart-ring-secondary) 42.9% 44.8%,transparent 45.3% 57%,var(--smart-ring-accent) 57.5% 59.4%,transparent 59.9% 69.4%,var(--smart-ring-pink) 69.9% 71.2%,transparent 71.7% 100%);background-position:48% 48%,50% 50%;background-size:120% 120%,100% 100%;filter:drop-shadow(0 18px 30px var(--smart-ring-glow)) saturate(1.06);opacity:0;transform:rotate(-18deg) scale(.95);transform-origin:center;will-change:transform,opacity,background-position,filter;animation:smartCreateOrbEnter .72s cubic-bezier(.2,.8,.2,1) .42s both,smartCreateRingOrbit 14s cubic-bezier(.45,0,.2,1) .72s infinite,smartCreateRingPrism 7.5s ease-in-out .72s infinite,smartCreateRingDepth 5.8s ease-in-out .72s infinite}@supports (mask-image: radial-gradient(circle,#000 0 10%,transparent 11%)) or (-webkit-mask-image: radial-gradient(circle,#000 0 10%,transparent 11%)){.smart-generator-hero:after{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.74) 0 1.1%,transparent 1.8% 100%),conic-gradient(from 18deg,var(--smart-ring-primary) 0deg,var(--smart-ring-secondary) 72deg,var(--smart-ring-accent) 154deg,var(--smart-ring-pink) 232deg,var(--smart-ring-secondary) 304deg,var(--smart-ring-primary) 360deg);background-position:48% 48%,50% 50%;background-size:120% 120%,100% 100%;-webkit-mask-image:radial-gradient(circle,transparent 0 28.5%,#000 29% 30.6%,transparent 31.1% 42.4%,#000 42.9% 44.9%,transparent 45.4% 57%,#000 57.5% 59.5%,transparent 60% 69.4%,#000 69.9% 71.3%,transparent 71.8% 100%);mask-image:radial-gradient(circle,transparent 0 28.5%,#000 29% 30.6%,transparent 31.1% 42.4%,#000 42.9% 44.9%,transparent 45.4% 57%,#000 57.5% 59.5%,transparent 60% 69.4%,#000 69.9% 71.3%,transparent 71.8% 100%)}}.smart-generator-hero>div{width:min(520px,100%)}.smart-generator-hero h1{margin:0;font-size:clamp(32px,6vw,65px);line-height:.95;letter-spacing:0;--_space: ;background-image:linear-gradient(45deg var(--_space),#0251e9,#0581ee 50%,#07c2f7 91%);background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(18px);animation:smartCreateTextEnter .62s cubic-bezier(.2,.8,.2,1) .2s both}@supports (background-image: linear-gradient(in oklch,#000,#fff)){.banner-section h1 span{--_space: in oklch}}.smart-generator-subtitle{max-width:520px;margin:0!important;color:#344054;font-size:20px;line-height:1.5;opacity:0;transform:translateY(14px);animation:smartCreateTextEnter .58s cubic-bezier(.2,.8,.2,1) both}.smart-generator-subtitle:nth-of-type(1){animation-delay:.34s}.smart-generator-subtitle:nth-of-type(2){animation-delay:.44s}.smart-generator-hero-progress{display:grid;gap:10px;opacity:0;transform:translateY(12px);animation:smartCreateTextEnter .54s cubic-bezier(.2,.8,.2,1) .58s both}.smart-generator-hero-progress__bars{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.smart-generator-hero-progress__bars span{height:4px;border-radius:999px;background:#0581ee29;overflow:hidden;max-width:60px;display:flex;width:100%}.smart-generator-hero-progress__bars span.is-active{background:linear-gradient(90deg,#0581ee,#a855f7,#ec4899);box-shadow:0 8px 18px #a855f72e;background-size:160% 100%;animation:smartCreateActiveBar 1.35s ease-out .72s both}.smart-generator-hero-progress p{margin:0;color:#056fc8;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.smart-generator-shell{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(16,24,40,.1);border-radius:18px;background:#ffffffdb;box-shadow:0 22px 54px #1018281f;overflow:hidden;backdrop-filter:blur(18px);opacity:0;animation:smartCreatePanelEnter .72s cubic-bezier(.2,.8,.2,1) .16s both}.smart-generator-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border-radius:18px 18px 0 0;border-bottom:1px solid rgba(16,24,40,.08);background:linear-gradient(180deg,#f8fbfff5,#ffffffdb)}.smart-generator-stepper button{min-width:0;min-height:54px;border:1px solid #d0d5dd;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:9px;background:#fff;color:#475467;font:inherit;font-size:14px;font-weight:800;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;opacity:0;transform:translateY(10px);animation:smartCreateTextEnter .46s cubic-bezier(.2,.8,.2,1) both}.smart-generator-stepper button:nth-child(1){animation-delay:.36s}.smart-generator-stepper button:nth-child(2){animation-delay:.44s}.smart-generator-stepper button:nth-child(3){animation-delay:.52s}.smart-generator-stepper__number{width:26px;min-width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef6ff;color:#056fc8;font-size:13px}.smart-generator-stepper__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-generator-stepper button:hover,.smart-generator-stepper button:focus-visible{border-color:#0581ee;box-shadow:0 0 0 3px #0581ee24;outline:none}.smart-generator-stepper button.is-active{border-color:#0581ee;background:linear-gradient(135deg,#0581ee1f,#07c2f71a),#fff;color:#101828}.smart-generator-stepper button.is-active .smart-generator-stepper__number{background:#0581ee;color:#fff}.smart-generator-stepper button:disabled{cursor:not-allowed;opacity:.48!important;box-shadow:none}.smart-generator-step-content{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scroll-margin-top:140px;padding:18px;display:grid;align-content:start;gap:16px;scrollbar-gutter:stable}.smart-generator-step-content>*{animation:smartStepContentEnter .24s ease-out both;will-change:opacity,transform}.smart-generator-panel{background:#fffffff0;border:1px solid rgba(16,24,40,.08);border-radius:12px;padding:20px;box-shadow:0 14px 30px #1018280f}.smart-generator-panel__header{display:flex;flex-direction:column;gap:4px}.smart-generator-panel__header h2{font-size:22px;line-height:1.25}.smart-generator-panel__subtext{color:#667085;font-size:14px;line-height:1.5}.smart-generator-step{color:#056fc8;font-size:13px;font-weight:800;text-transform:uppercase}.email-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.email-type-card{min-height:88px;padding:16px;border:1px solid #d0d5dd;border-radius:var(--radius-md);background:#fff;color:#101828;font:inherit;font-weight:700;text-align:left;cursor:pointer;display:grid;align-content:space-between;gap:12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;opacity:0;translate:0 12px;scale:.98;animation:smartCreateCardEnter .48s cubic-bezier(.2,.8,.2,1) both}.email-type-card:nth-child(1){animation-delay:.44s}.email-type-card:nth-child(2){animation-delay:.49s}.email-type-card:nth-child(3){animation-delay:.54s}.email-type-card:nth-child(4){animation-delay:.59s}.email-type-card:nth-child(5){animation-delay:.64s}.email-type-card:nth-child(6){animation-delay:.69s}.email-type-card:nth-child(7){animation-delay:.74s}.email-type-card:nth-child(8){animation-delay:.79s}.email-type-card:nth-child(9){animation-delay:.84s}.email-type-card:hover,.email-type-card:focus-visible{border-color:#0581ee;box-shadow:0 10px 24px #0581ee24;outline:none;transform:translateY(-2px)}.email-type-card.is-selected{border-color:#0581ee;background:#eff8ff;box-shadow:inset 0 0 0 1px #0581ee}.email-type-card__icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#0581ee14;font-size:22px;line-height:1;transform-origin:center;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}.email-type-card:hover .email-type-card__icon,.email-type-card:focus-visible .email-type-card__icon,.email-type-card.is-selected .email-type-card__icon{background:#0581ee24;box-shadow:0 10px 22px #0581ee24;transform:translateY(-2px) scale(1.08)}.email-type-card__label{display:block}.content-input-panel{display:grid;gap:18px;padding:28px}.content-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;align-items:stretch}.review-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.style-controls-grid{display:flex;flex-direction:column;gap:16px}.smart-field{display:grid;gap:8px}.smart-field span{color:#344054;font-size:14px;font-weight:700}.smart-field small{color:#667085;font-size:13px;line-height:1.45}.smart-field input,.smart-field textarea,.smart-field select{width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:11px 12px;color:#101828;font:inherit;background:#fff;box-sizing:border-box}.smart-field input:focus,.smart-field textarea:focus,.smart-field select:focus{border-color:#0581ee;box-shadow:0 0 0 3px #0581ee29;outline:none}.smart-field textarea{min-height:132px;resize:vertical;line-height:1.5}.smart-field--textarea textarea{min-height:200px}.smart-field--wide{grid-column:1/-1}.content-method-card{display:grid;align-content:start;gap:12px;min-height:330px;padding:22px;border:1px solid #d8dee8;border-radius:12px;background:#fff}.document-upload-card{gap:12px}.image-upload-dropzone{display:grid;align-content:start;gap:12px;padding:18px;border:1px dashed #98a2b3;border-radius:10px;background:#f8fafc}.content-method-card>label:not(.smart-field),.document-upload-card>div>label,.image-upload-dropzone label{color:#101828;font-weight:800;font-size:var(--fs-16);line-height:1.25}.content-method-card p,.image-upload-dropzone p{margin:0;color:#667085;font-size:var(--fs-14);line-height:1.5}.document-upload-card input[type=file],.image-upload-card input[type=file],.image-upload-dropzone input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.document-upload-dropzone{min-height:184px;padding:24px;border:1px dashed #98b8ef;border-radius:12px;background:linear-gradient(180deg,#fffffff5,#f8fbfff0),#fff;display:grid;justify-items:center;align-content:center;gap:8px;text-align:center;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.document-upload-dropzone:hover,.document-upload-dropzone:focus-within{border-color:#0581ee;box-shadow:0 0 0 3px #0581ee1a}.document-upload-icon{width:80px;height:80px;margin-bottom:6px;display:block}.document-upload-dropzone strong{color:#101828;font-size:17px;line-height:1.35}.document-upload-button{min-width:208px;margin-top:8px;background:linear-gradient(180deg,#2676ff,#0355e9);border-color:#0355e9;box-shadow:0 12px 24px #0355e92e}.document-upload-types{text-align:center}.paste-content-card{grid-template-rows:auto minmax(0,1fr) auto}.paste-content-card .smart-field{min-height:0}.paste-content-card textarea{min-height:226px;height:100%;border-radius:10px;padding:18px;font-size:16px}.content-input-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid #b8d2ff;border-radius:12px;background:linear-gradient(180deg,#fafdfffa,#f5f9fff5),#f8fbff;color:#123c7a}.content-input-note span{width:28px;height:28px;border:3px solid #1769e8;border-radius:50%;color:#1769e8;display:inline-flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;line-height:1}.content-input-note p{margin:0;color:#123c7a;font-size:var(--fs-14);line-height:1.55}.image-assets-panel{display:grid;gap:18px;padding:28px}.image-assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:stretch}.image-upload-card,.image-url-card{min-height:304px;gap:16px}.image-upload-dropzone{min-height:206px;padding:24px;border:1px dashed #b9c8dd;border-radius:12px;background:linear-gradient(180deg,#fffffff5,#f8fbfff0),#fff;justify-items:center;align-content:center;gap:8px;text-align:center;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.image-upload-dropzone:hover,.image-upload-dropzone:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.image-upload-icon{width:80px;height:80px;margin-bottom:2px;display:block}.image-upload-dropzone strong{color:#101828;font-size:17px;line-height:1.35}.image-upload-button{min-width:208px;margin-top:8px;background:linear-gradient(180deg,#2676ff,#0355e9);border-color:#0355e9;box-shadow:0 12px 24px #0355e92e}.image-upload-types{text-align:center}.image-url-card{grid-template-rows:auto minmax(0,1fr) auto}.image-url-card textarea{width:100%;min-height:190px;height:100%;border:1px solid #d0d5dd;border-radius:10px;padding:18px;background:#fff;color:#101828;font:inherit;font-size:16px;line-height:1.45;resize:vertical;box-sizing:border-box}.image-url-card textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24;outline:none}.image-url-button{width:100%;min-height:54px;background:linear-gradient(180deg,#2676ff,#0355e9);border-color:#0355e9;box-shadow:0 12px 24px #0355e929}.image-assets-note{margin:0}.content-source-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 0;padding:12px;border:1px solid #e4e7ec;border-radius:8px}.content-input-panel .content-source-selector{margin:0}.content-source-selector legend,.image-url-field label{color:#344054;font-size:14px;font-weight:800}.content-source-selector label{display:flex;align-items:center;gap:8px;min-width:0;color:#344054;font-size:14px;font-weight:600}.image-url-field{display:grid;gap:8px;width:100%}.image-url-field textarea{width:100%;min-height:92px;border:1px solid #d0d5dd;border-radius:8px;padding:11px 12px;background:#fff;color:#101828;font:inherit;line-height:1.45;resize:vertical;box-sizing:border-box}.image-url-field textarea:focus{border-color:#0581ee;box-shadow:0 0 0 3px #0581ee29;outline:none}.smart-button{min-height:44px;border:1px solid transparent;border-radius:var(--radius-md);font-size:16px!important;padding:10px 18px;font:inherit;font-weight:500!important;letter-spacing:.3px!important;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.smart-button:focus-visible{outline:3px solid rgba(5,129,238,.3);outline-offset:2px}.smart-button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.smart-button--primary{background:#0581ee;color:#fff}.smart-generate-button{position:relative;width:100%;min-height:54px;isolation:isolate;overflow:hidden;border-color:#ffffff47;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.32),transparent 24%),linear-gradient(120deg,#0251e9,#0581ee 38%,#07c2f7 70%,#a855f7);background-size:160% 160%,220% 100%;box-shadow:0 18px 36px #0581ee47,0 0 0 1px #ffffff29 inset;letter-spacing:0;animation:smartGenerateButtonGlow 4.2s ease-in-out infinite}.smart-generate-button:before{content:"";position:absolute;inset:-1px;z-index:-1;background:linear-gradient(110deg,transparent 0%,transparent 34%,rgba(255,255,255,.56) 48%,transparent 62%,transparent 100%);transform:translate(-130%);animation:smartGenerateButtonSweep 2.8s ease-in-out infinite}.smart-generate-button:after{content:"";position:absolute;inset:4px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 24% 28%,rgba(255,255,255,.46) 0 2px,transparent 3px),radial-gradient(circle at 78% 32%,rgba(255,255,255,.36) 0 1px,transparent 3px),radial-gradient(circle at 62% 72%,rgba(255,255,255,.28) 0 1px,transparent 3px);opacity:.74;animation:smartGenerateButtonSparkle 3.4s ease-in-out infinite}.smart-generate-button:hover:not(:disabled),.smart-generate-button:focus-visible:not(:disabled){box-shadow:0 22px 42px #0581ee57,0 0 0 1px #ffffff3d inset;transform:translateY(-1px)}.smart-generate-button:disabled{background:linear-gradient(120deg,#0581ee9e,#07c2f77a),#0581ee}.smart-generate-button:disabled:before,.smart-generate-button:disabled:after{animation:none;opacity:.32}.smart-button--secondary{background:#fff;border-color:#d0d5dd;color:#101828}.smart-button--dark{background:#101828;color:#fff}.smart-step-footer{display:flex;justify-content:flex-end;gap:10px}.image-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.image-review-card,.image-role-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;position:relative;padding:12px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.image-review-card__preview,.image-role-row img{width:96px;height:72px;object-fit:contain;border-radius:6px;background:#f2f4f7}.image-review-card__body{min-width:0;padding-right:36px}.image-review-card strong,.image-review-card span,.image-role-row strong,.image-role-row span{display:block}.image-review-card__name,.image-role-row strong{overflow-wrap:anywhere}.image-review-card__name{display:-webkit-box;max-width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.image-review-card__delete{position:absolute;top:10px;right:10px;display:inline-grid;width:30px;height:30px;padding:5px;place-items:center;border:1px solid var(--border-color-error);border-radius:8px;background:#fff;color:#344054;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-review-card__delete:hover,.image-review-card__delete:focus-visible{border-color:#f04438;box-shadow:0 8px 18px #f0443829;transform:translateY(-1px)}.image-review-card__delete:focus-visible{outline:2px solid rgba(240,68,56,.28);outline-offset:2px}.image-review-card__delete img{width:100%;height:100%;object-fit:contain;filter:var(--error-filter)}.image-review-card span,.image-role-row span{margin:4px 0 10px;color:#667085;font-size:13px}.image-review-card label,.image-role-row label{display:grid;gap:6px}.image-review-card select,.image-role-row select{border:1px solid #d0d5dd;border-radius:8px;padding:8px}.image-role-list{display:grid;gap:10px}.image-role-row{grid-template-columns:70px minmax(0,1fr) minmax(160px,220px);align-items:center}.image-role-row img{width:70px;height:52px}.image-role-row small{display:block;margin-top:4px;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase}.smart-link-button{margin-top:8px;padding:0;border:0;background:transparent;color:#c62828;font:inherit;font-weight:700;cursor:pointer}.style-choice-group{margin:16px 0 0;padding:0;border:0}.style-choice-group legend{margin-bottom:8px;color:#344054;font-size:14px;font-weight:700}.style-choice-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.style-choice{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px;border:1px solid #d0d5dd;border-radius:8px;cursor:pointer}.smart-muted,.smart-help,.smart-warning,.smart-error{margin:12px 0 0;font-size:14px;line-height:1.5}.smart-muted{color:#667085}.smart-help{padding:10px 12px;border-radius:8px;background:#fff7ed;color:#9a3412}.smart-warning{color:#9a3412}.smart-error{color:#c62828}.smart-create-faqs .faqs-section h2{margin-bottom:var(--spacing-3xs)}[data-theme=dark] .smart-generator-page{background:linear-gradient(115deg,rgba(244,114,182,.12),transparent 34%),linear-gradient(245deg,rgba(192,132,252,.13),transparent 38%),radial-gradient(circle at 12% 16%,rgba(56,189,248,.18),transparent 28%),radial-gradient(circle at 92% 8%,rgba(34,211,238,.12),transparent 26%),linear-gradient(135deg,#070b12,#0d1624 52%,#08111d);background-size:150% 150%,145% 145%,120% 120%,120% 120%,100% 100%;color:#f8fafc}[data-theme=dark] .smart-generator-page:before{background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px)}[data-theme=dark] .smart-create-faqs{background:#070b12}[data-theme=dark] .smart-create-faqs .subheader-text{color:#cbd5e1}[data-theme=dark] .smart-generator-hero,[data-theme=dark] .smart-generator-shell,[data-theme=dark] .smart-generator-panel{border-color:#94a3b82e;background:linear-gradient(145deg,#0f172ae6,#0f172abd),radial-gradient(circle at 14% 18%,rgba(56,189,248,.12),transparent 32%);box-shadow:0 22px 54px #00000047}[data-theme=dark] .smart-generator-hero:after{--smart-ring-primary: rgba(56, 189, 248, .56);--smart-ring-secondary: rgba(192, 132, 252, .38);--smart-ring-accent: rgba(244, 114, 182, .3);--smart-ring-pink: rgba(251, 113, 133, .24);--smart-ring-glow: rgba(56, 189, 248, .22)}[data-theme=dark] .smart-generator-stepper{border-bottom-color:#94a3b82e;background:#0f172aeb}[data-theme=dark] .smart-generator-stepper button,[data-theme=dark] .email-type-card,[data-theme=dark] .content-method-card,[data-theme=dark] .document-upload-card,[data-theme=dark] .document-upload-dropzone,[data-theme=dark] .image-upload-dropzone,[data-theme=dark] .content-source-selector,[data-theme=dark] .image-review-card,[data-theme=dark] .image-role-row,[data-theme=dark] .style-choice,[data-theme=dark] .smart-field input,[data-theme=dark] .smart-field textarea,[data-theme=dark] .image-url-field textarea,[data-theme=dark] .image-url-card textarea,[data-theme=dark] .smart-field select,[data-theme=dark] .smart-button--secondary{border-color:#94a3b83d;background:#0f172ad6;color:#f8fafc}[data-theme=dark] .document-upload-dropzone,[data-theme=dark] .image-upload-dropzone,[data-theme=dark] .content-input-note{background:linear-gradient(180deg,#0f172ae6,#0f172ad1),#0f172a}[data-theme=dark] .content-input-note{border-color:#38bdf857;color:#bfdbfe}[data-theme=dark] .content-input-note span{border-color:#38bdf8;color:#7dd3fc}[data-theme=dark] .smart-generator-stepper button.is-active,[data-theme=dark] .email-type-card.is-selected{border-color:#38bdf8;background:#0e74903d;color:#f8fafc;box-shadow:inset 0 0 0 1px #38bdf89e}[data-theme=dark] .email-type-card__icon{background:#38bdf81f}[data-theme=dark] .email-type-card:hover .email-type-card__icon,[data-theme=dark] .email-type-card:focus-visible .email-type-card__icon,[data-theme=dark] .email-type-card.is-selected .email-type-card__icon{background:#c084fc2e;box-shadow:0 10px 22px #c084fc33}[data-theme=dark] .smart-generator-stepper__number{background:#38bdf824;color:#7dd3fc}[data-theme=dark] .smart-generator-stepper button.is-active .smart-generator-stepper__number{background:#38bdf8;color:#07111f}[data-theme=dark] .smart-generator-subtitle,[data-theme=dark] .smart-generator-panel__subtext,[data-theme=dark] .smart-muted,[data-theme=dark] .smart-field small,[data-theme=dark] .image-role-row small,[data-theme=dark] .content-method-card p,[data-theme=dark] .document-upload-card p,[data-theme=dark] .image-upload-dropzone p,[data-theme=dark] .image-review-card span,[data-theme=dark] .image-role-row span{color:#cbd5e1}[data-theme=dark] .image-review-card__delete{border-color:#94a3b847;background:#0f172af0}[data-theme=dark] .image-review-card__delete img{filter:invert(1)}[data-theme=dark] .content-input-note p{color:#bfdbfe}[data-theme=dark] .smart-generator-step{color:#7dd3fc}[data-theme=dark] .smart-generator-hero-progress__bars span{background:#7dd3fc29}[data-theme=dark] .smart-generator-hero-progress__bars span.is-active{background:linear-gradient(90deg,#38bdf8,#c084fc,#f472b6);box-shadow:0 8px 18px #c084fc38}[data-theme=dark] .smart-generator-hero-progress p{color:#7dd3fc}[data-theme=dark] .smart-field span,[data-theme=dark] .content-method-card>label:not(.smart-field),[data-theme=dark] .document-upload-card>div>label,[data-theme=dark] .document-upload-dropzone strong,[data-theme=dark] .image-upload-dropzone strong,[data-theme=dark] .document-upload-card label,[data-theme=dark] .image-upload-dropzone label,[data-theme=dark] .content-source-selector legend,[data-theme=dark] .content-source-selector label,[data-theme=dark] .image-url-field label,[data-theme=dark] .style-choice-group legend{color:#e2e8f0}[data-theme=dark] .smart-help,[data-theme=dark] .smart-warning{background:#fb923c1f;color:#fdba74}@media(max-width:1080px){.smart-generator-page{height:auto;min-height:calc(100vh - 78px);overflow:visible;grid-template-columns:1fr}.smart-generator-hero{min-height:320px}.smart-generator-shell{height:auto;min-height:0;max-height:none;overflow:visible}.smart-generator-step-content{flex:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}}@keyframes smartCreateBackgroundShift{0%{background-position:0% 20%,100% 8%,0% 0%,100% 0%,0% 0%}to{background-position:18% 38%,82% 28%,8% 10%,92% 12%,0% 0%}}@keyframes smartCreateGridEnter{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes smartCreatePanelEnter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes smartCreateTextEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes smartCreateCardEnter{0%{opacity:0;translate:0 12px;scale:.98}to{opacity:1;translate:0 0;scale:1}}@keyframes smartCreateOrbEnter{0%{opacity:0}to{opacity:.94}}@keyframes smartCreateRingOrbit{0%,to{transform:rotate(-18deg) scale(.95)}28%{transform:rotate(46deg) scale(1.025)}58%{transform:rotate(18deg) scale(1.065)}78%{transform:rotate(72deg) scale(.985)}}@keyframes smartCreateRingPrism{0%,to{background-position:48% 48%,50% 50%;background-size:120% 120%,100% 100%}50%{background-position:58% 40%,50% 50%;background-size:132% 132%,100% 100%}}@keyframes smartCreateRingDepth{0%,to{filter:drop-shadow(0 16px 28px var(--smart-ring-glow)) saturate(1.04) hue-rotate(0deg)}45%{filter:drop-shadow(0 23px 42px var(--smart-ring-glow)) saturate(1.28) hue-rotate(12deg)}70%{filter:drop-shadow(0 19px 34px var(--smart-ring-glow)) saturate(1.16) hue-rotate(-8deg)}}@keyframes smartCreateActiveBar{0%{background-position:100% 0;transform:scaleX(.52);transform-origin:left}to{background-position:0 0;transform:scaleX(1);transform-origin:left}}@keyframes smartGenerateButtonGlow{0%,to{background-position:0% 20%,0% 50%}50%{background-position:80% 30%,100% 50%}}@keyframes smartGenerateButtonSweep{0%{transform:translate(-130%)}48%,to{transform:translate(130%)}}@keyframes smartGenerateButtonSparkle{0%,to{opacity:.46;transform:scale(.98)}50%{opacity:.86;transform:scale(1.01)}}@keyframes smartStepContentEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.smart-generator-page,.smart-generator-page:before,.smart-generator-hero,.smart-generator-hero:after,.smart-generator-hero h1,.smart-generator-subtitle,.smart-generator-hero-progress,.smart-generator-hero-progress__bars span.is-active,.smart-generate-button,.smart-generate-button:before,.smart-generate-button:after,.smart-generator-shell,.smart-generator-stepper button,.smart-generator-step-content>*,.email-type-card{animation:none}.smart-generator-page:before,.smart-generator-hero,.smart-generator-hero:after,.smart-generator-hero h1,.smart-generator-subtitle,.smart-generator-hero-progress,.smart-generator-shell,.smart-generator-stepper button,.email-type-card{opacity:1;transform:none;translate:0 0;scale:1}}@media(max-width:900px){.content-input-grid,.image-assets-grid,.review-fields-grid,.image-review-grid{grid-template-columns:1fr}.style-choice-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.email-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-generator-page{padding:12px;gap:12px}.smart-generator-hero{min-height:0;padding:26px 20px}.smart-generator-shell{height:auto;min-height:0;max-height:none}.smart-generator-stepper{display:flex;position:relative;gap:10px;overflow:hidden;padding:10px;background:linear-gradient(135deg,#eef6fffa,#ffffffeb),#fff}.smart-generator-stepper:before{content:"";position:absolute;left:30px;right:30px;top:50%;z-index:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#0581ee47,#07c2f7b8,#a855f74d);transform:translateY(-50%)}[data-theme=dark] .smart-generator-stepper{background:linear-gradient(135deg,#0f172af5,#1e293be0),#0f172a}[data-theme=dark] .smart-generator-stepper:before{background:linear-gradient(90deg,#38bdf852,#7dd3fcb8,#c084fc5c)}.smart-generator-stepper button{position:relative;z-index:1;flex:0 0 42px;width:42px;min-width:42px;min-height:46px;justify-content:center;gap:0;overflow:hidden;padding:9px 7px;white-space:nowrap;transition:flex-basis .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),padding .28s cubic-bezier(.2,.8,.2,1),gap .28s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.smart-generator-stepper button.is-active{flex:1 1 0;width:auto;min-width:0;justify-content:flex-start;gap:9px;padding:10px 12px}.smart-generator-stepper__label{max-width:0;opacity:0;transform:translate(-5px);transition:max-width .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease,transform .24s ease}.smart-generator-stepper button.is-active .smart-generator-stepper__label{max-width:140px;opacity:1;transform:translate(0)}.smart-generator-step-content,.smart-generator-panel{padding:14px}.content-input-panel{gap:12px}.image-assets-panel{gap:16px}.content-method-card{min-height:0;padding:16px}.document-upload-dropzone,.image-upload-dropzone{min-height:176px;padding:20px 14px}.document-upload-button,.image-upload-button{width:100%;min-width:0}.paste-content-card textarea,.image-url-card textarea{min-height:220px}.content-source-selector{grid-template-columns:1fr}.content-input-note{grid-template-columns:1fr;gap:12px;align-items:start;padding:16px}.smart-generator-panel__header,.smart-step-footer{align-items:stretch;flex-direction:column}.image-review-card,.image-role-row{grid-template-columns:1fr}.image-review-card__preview,.image-role-row img{width:100%;height:160px}.style-choice-group>div{grid-template-columns:1fr}.smart-generator-hero-progress{margin-top:24px}}@media(max-width:640px)and (prefers-reduced-motion:reduce){.smart-generator-stepper button,.smart-generator-stepper__label{transition:none}}@media(max-width:576px){.smart-generator-subtitle{font-size:16px}.smart-generator-panel__header h2{font-size:18px}.document-upload-dropzone strong,.image-upload-dropzone strong{font-size:14px}}