:root{--background:#f8fafd;--surface:#fff;--surface-muted:#f1f3f4;--foreground:#202124;--muted:#5f6368;--border:#dadce0;--input-border:#80868b;--primary:#0b57d0;--primary-hover:#0842a0;--on-primary:#fff;--tint:#e8f0fe;--success:#137333;--success-tint:#e6f4ea;--success-border:#a8dab5;--brand:#188038;--danger:#b3261e;--shadow:0 1px 2px #20212408;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:24px;scroll-padding-bottom:150px}body{background:var(--background);color:var(--foreground);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a,input,select,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{letter-spacing:-.4px;font-size:19px;font-weight:650;line-height:1.4}h3{font-size:15px;font-weight:650;line-height:1.5}p{overflow-wrap:anywhere}a{color:var(--primary)}main{max-width:1216px;margin:auto;padding:0 32px}.page-header{border-bottom:1px solid var(--border);background:var(--surface)}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:auto;padding:19px 32px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:11px;font-size:19px;display:flex}.brand strong{color:var(--muted);font-weight:450}.brand-icon{background:var(--brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.header-actions{align-items:center;gap:24px;display:flex}.privacy-badge{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.help-menu,.draft-menu{position:relative}.help-menu>summary,.draft-menu>summary{align-items:center;gap:8px;min-height:44px;font-size:13px;list-style:none;display:flex}.help-menu>summary::-webkit-details-marker{display:none}.draft-menu>summary::-webkit-details-marker{display:none}.help-popover,.draft-popover{border:1px solid var(--border);background:var(--surface);z-index:30;border-radius:12px;flex-direction:column;gap:12px;width:340px;padding:22px;font-size:13px;display:flex;position:absolute;top:50px;right:0;box-shadow:0 8px 24px #20212426}.draft-popover{width:270px;padding:12px}.draft-popover button{text-align:left;color:var(--foreground);background:0 0;border:0;border-radius:6px;min-height:44px;padding:11px 12px;font-size:14px}.draft-popover button:hover{background:var(--tint)}.draft-popover p{border-top:1px solid var(--border);padding:10px 12px}.workspace-top{justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px;display:flex}.eyebrow{letter-spacing:1.5px;color:var(--muted);font-size:10px;font-weight:700}.workspace-subtitle{color:var(--muted);margin-top:4px;font-size:13px}.draft-tools{align-items:center;gap:18px;display:flex}.save-state{color:var(--muted);font-size:12px}.stepper{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:7px}.stepper ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.stepper li{min-width:0}.stepper button{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.stepper button[aria-current=step]{background:var(--tint);color:var(--primary)}.stepper button:hover:not(:disabled){background:var(--tint)}.stepper strong{font-size:13px;font-weight:650;display:block}.stepper small{color:var(--muted);margin-top:1px;font-size:10px;display:block}.step-number{border:1px solid var(--border);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.step-number.completed{background:var(--success-tint);color:var(--success);border-color:var(--success-border)}.stepper button[aria-current=step] .step-number{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.stage-heading{padding:32px 0 26px}.stage-heading h1{letter-spacing:-1.3px;margin:8px 0 9px;scroll-margin-top:24px;font-size:clamp(27px,3.3vw,36px);font-weight:650;line-height:1.25}.stage-heading h1:focus{outline:none}.stage-heading p{color:var(--muted);max-width:760px;font-size:14px}.stage-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:30px;display:grid}.column{flex-direction:column;gap:16px;min-width:0;display:flex}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;flex-direction:column;gap:20px;min-width:0;padding:26px;display:flex}.section-heading{align-items:center;gap:12px;display:flex}.section-heading>svg{color:var(--muted);margin-left:auto}.section-heading p{margin-top:7px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.7}.button{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.primary:hover:not(:disabled){background:var(--primary-hover)}.secondary{background:var(--surface);color:var(--foreground)}.secondary:hover:not(:disabled){background:var(--tint)}.text-button{color:var(--primary);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 4px;font-size:12px;font-weight:600;display:inline-flex}.danger{color:var(--danger)!important}.upload-area{text-align:center;border:1.5px dashed var(--input-border);background:var(--background);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:38px 20px;display:flex}.upload-area>svg{color:var(--primary);margin-bottom:4px}.upload-area strong{font-size:16px;font-weight:600}.upload-area>span{overflow-wrap:anywhere;max-width:100%;font-size:12px}.upload-area .button{min-width:175px;margin-top:5px}.upload-complete{min-height:200px;padding:24px 16px}.drag-active{background:var(--tint);border-color:var(--primary)}.sample-choice{justify-content:center;align-items:center;gap:12px;margin-top:-5px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{font-size:13px;font-weight:600}.required-label{color:var(--muted);margin-left:6px;font-size:10px;font-weight:400}.optional-label{color:var(--muted);letter-spacing:.15px;margin-left:8px;font-size:10px;font-weight:400}input:not([type=checkbox]),select,textarea{background:var(--surface);border:1px solid var(--input-border);width:100%;min-width:0;color:var(--foreground);border-radius:7px;padding:11px 12px;font-size:14px;line-height:1.5}select{min-height:46px}textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notice{background:var(--tint);border:1px solid var(--border);border-radius:9px;margin:0 0 18px;padding:14px 17px;font-size:13px}.notice-dismissible{justify-content:space-between;align-items:center;gap:16px;display:flex}.card .notice{margin:0}.notice.error{color:#b3261e;background:#fce8e6;border-color:#f4b4ae}.notice ul{padding-left:20px}.inline-error{color:var(--danger);font-size:13px}.demo-banner{color:#7a4f01;background:#fef7e0;border:1px solid #fdd663;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:9px 16px;font-size:12px;display:flex}.demo-banner .text-button{color:inherit}.audience-summary{align-items:center;gap:12px;padding:2px 7px;display:flex}.audience-summary strong{font-size:13px;font-weight:600;display:block}.audience-summary small{color:var(--muted);font-size:12px;display:block}.check-circle{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:17px;height:17px;display:inline-block}.check-circle.filled{background:var(--success-tint);color:var(--success);border-color:var(--success-border);justify-content:center;align-items:center;width:23px;height:23px;display:flex}.filter-card{padding:20px 24px;display:block}.filter-card[open]>:not(summary){margin-top:17px}.filter-card>summary{font-size:14px}.filter-row{background:var(--background);border-radius:8px;grid-template-columns:1fr 1.1fr;gap:8px;padding:12px;display:grid}.filter-row .text-button{justify-self:end}.getting-ready{flex-direction:column;gap:16px;padding:22px 8px 20px 12px;display:flex}.aside-icon{background:var(--tint);width:44px;height:44px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.getting-ready>p{color:var(--muted);max-width:380px;font-size:13px}.example-table{border:1px solid var(--border);background:var(--surface);border-radius:9px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}td,th{border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:350px;padding:12px;overflow:hidden}th{font-weight:600}thead th{background:var(--surface-muted);color:var(--foreground)}tbody tr:last-child>*{border-bottom:0}.example-table td{color:var(--muted);padding:11px 10px;font-size:11px}.example-table th{padding:10px;font-size:11px}.download-link{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:600;display:inline-flex}.gentle-tip{background:var(--surface-muted);color:var(--foreground);border-radius:10px;padding:18px}.gentle-tip strong{font-size:13px}.gentle-tip p{margin-top:7px;font-size:12px;line-height:1.75}.plain-details{font-size:12px}.plain-details[open]>:not(summary){margin-top:12px}summary{cursor:pointer;min-height:32px;font-weight:600}.plain-details summary{color:var(--muted)}.writing-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.personalize-box{border:1px solid var(--border);background:var(--background);border-radius:8px;padding:16px}.personalize-box strong{font-size:12px}.personalize-box>p{margin-top:7px}.personalize-box svg{color:var(--primary)}.chips{flex-wrap:wrap;gap:7px;max-height:150px;margin-top:12px;padding:3px;display:flex;overflow:auto}.chip{border:1px solid var(--border);background:var(--surface);color:var(--primary);overflow-wrap:anywhere;border-radius:6px;max-width:100%;min-height:40px;padding:8px 11px;font-size:12px;font-weight:500}.chip:hover{background:var(--tint);border-color:var(--primary)}.attachment-section{border-top:1px solid var(--border);padding-top:6px}.attachment-section .field{margin-top:12px}.preview-aside{flex-direction:column;gap:12px;min-width:0;padding-top:4px;display:flex;position:sticky;top:24px}.preview-label{align-items:center;gap:8px;font-size:13px;display:flex}.preview-label>svg{color:var(--muted)}.preview-label .badge{margin-left:auto}.badge{background:var(--tint);color:var(--primary);white-space:nowrap;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:500}.mail-window{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);overflow-wrap:anywhere;border-radius:12px;min-width:0;overflow:hidden}.mail-window-top{border-bottom:1px solid var(--border);color:var(--muted);background:var(--surface-muted);align-items:center;gap:8px;padding:14px 18px;font-size:11px;display:flex}.mail-window dl{padding:0 20px}.mail-window .email-body{min-height:200px;margin:0 20px 24px}.mail-window .attachment-note{padding:0 20px 16px}.preview-placeholder{text-align:center;flex-direction:column;align-items:center;gap:14px;min-height:300px;padding:38px 22px;display:flex}.empty-icon{background:var(--tint);width:58px;height:58px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.preview-placeholder p{max-width:270px}.guidance-box{background:var(--tint);border:1px solid var(--border);border-radius:10px;padding:18px}.guidance-box h2,.guidance-box h3{margin-bottom:9px;font-size:14px}.checklist{color:var(--muted);flex-direction:column;gap:12px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.checklist li{align-items:flex-start;gap:10px;display:flex}.checklist svg{color:var(--primary);flex-shrink:0;margin-top:2px}.checklist .check-circle{margin-top:2px}.review-stage{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.review-checklist{background:var(--tint);border:1px solid var(--border);border-radius:12px;padding:24px;position:sticky;top:24px}.review-checklist h2{font-size:16px}.review-checklist .button{margin:22px 0 12px}.stats{background:var(--background);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;padding:17px;display:grid}.stats>div{flex-direction:column;display:flex}.stats strong{letter-spacing:-1px;font-size:25px;font-weight:600}.stats span{color:var(--muted);font-size:11px}.email-preview{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:10px;padding:20px}.preview-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-top .eyebrow{font-size:9px}dl{grid-template-columns:48px minmax(0,1fr);gap:8px;margin:18px 0;font-size:12px;display:grid}dt{color:var(--muted)}dd{margin:0;font-weight:550}.email-body{white-space:pre-wrap;border-top:1px solid var(--border);overflow-wrap:anywhere;max-height:420px;padding-top:18px;font-size:13px;line-height:1.85;overflow:auto}.attachment-list{color:var(--muted);margin-top:16px}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.data-card{padding:20px 24px;display:block}.data-card[open]>:not(summary){margin-top:18px}.data-card>summary{font-size:14px}.data-card .badge{margin-left:8px}.table-scroll{border:1px solid var(--border);border-radius:8px;max-height:440px;overflow:auto}.table-scroll thead th{z-index:1;position:sticky;top:0}.table-scroll tbody th{color:var(--muted);font-weight:400}.setup-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.setup-step{border-top:1px solid var(--border);grid-template-columns:30px minmax(0,1fr);gap:14px;padding-top:22px;display:grid}.setup-number{background:var(--tint);border:1px solid var(--border);width:28px;height:28px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.setup-step>div{flex-direction:column;align-items:flex-start;gap:13px;min-width:0;display:flex}.setup-step .field,.setup-step .script-ready{width:100%}.setup-step h3{font-size:16px}.setup-step>div>p{font-size:13px}.checkbox{align-items:flex-start;gap:10px;margin:4px 0;font-size:13px;display:flex}.checkbox input{accent-color:var(--primary);flex-shrink:0;width:17px;height:17px;margin:3px 0 0}.script-ready{background:var(--success-tint);border:1px solid var(--success-border);border-radius:9px;flex-direction:column;gap:12px;padding:18px;display:flex}.script-ready>strong{color:var(--success);font-size:14px}.script,.code-block{white-space:pre;border-radius:8px;max-height:380px;padding:16px;overflow:auto;color:#e8eaed!important;background:#202124!important;font-family:ui-monospace,monospace!important;font-size:11px!important}.script{height:300px;margin-top:12px}.instructions{color:var(--muted);margin:0;padding-left:20px;font-size:13px}.instructions li{margin:0 0 12px;padding-left:3px}.instructions strong{color:var(--foreground)}code{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.95em}.callout{background:var(--tint);border-radius:6px;padding:12px}.up-next{background:var(--background);border-radius:8px;padding:18px;font-size:13px}.up-next p{margin-top:6px}.sending-aside{flex-direction:column;gap:20px;display:flex}.sending-aside .checklist{padding-left:18px;list-style:outside}.sending-aside .checklist li{display:list-item}.demo-finish{text-align:center;align-items:center;max-width:650px;margin:auto;padding:45px}.demo-finish p{max-width:470px;color:var(--muted)}.success-mark{background:var(--success-tint);width:56px;height:56px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex}.journey-actions{background:var(--background);border-top:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:20px 0;display:flex;position:sticky;bottom:0}.journey-actions>div:first-child>span{align-items:center;gap:6px;display:flex}.next-action{justify-content:flex-end;align-items:center;gap:18px;display:flex}.next-action>p{text-align:right;max-width:260px;font-size:11px}.next-action>.button{white-space:nowrap}footer{text-align:center;color:var(--muted);justify-content:center;align-items:center;gap:7px;padding:24px 0 30px;font-size:11px;display:flex}.skip-link{clip-path:inset(100%);background:var(--primary);color:var(--on-primary);z-index:100;padding:12px;position:fixed;top:12px;left:16px}.skip-link:focus{clip-path:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1050px){.stage-grid,.writing-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.card{padding:22px}.save-state{display:none}.stepper button{gap:9px;padding:12px 8px}.review-stage,.setup-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.example-table th,.example-table td{padding:9px 6px;font-size:10px}.journey-actions>div:first-child>span{max-width:200px}.next-action{gap:12px}.next-action>p{max-width:220px}}@media (max-width:760px){main{padding:0 18px}.header-inner{padding:14px 18px}.brand{gap:8px;font-size:17px}.brand-icon{width:35px;height:35px}.privacy-badge{display:none}.header-actions{gap:0}.help-menu>summary{font-size:12px}.help-popover{width:min(330px,100vw - 36px)}.workspace-top{align-items:flex-start;gap:12px;padding:22px 0 18px}.workspace-subtitle{display:none}.draft-tools{gap:10px}.draft-tools .button{padding:8px 10px;font-size:12px}.draft-tools .button svg{display:none}.draft-menu>summary{font-size:12px}.stepper{padding:5px}.stepper ol{gap:2px}.stepper button{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px 2px}.stepper strong{font-size:10px}.stepper small{display:none}.step-number{width:28px;height:28px;font-size:11px}.stage-heading{padding:26px 0 22px}.stage-heading h1{letter-spacing:-.8px;font-size:28px}.stage-heading p{font-size:13px}.stage-grid,.writing-grid,.review-stage,.setup-layout{grid-template-columns:1fr;gap:22px}.getting-ready{padding:12px 4px}.getting-ready .example-table th,.getting-ready .example-table td{padding:10px;font-size:11px}.card{padding:20px}.preview-aside,.review-checklist{position:static}.preview-aside{padding-top:0}.mail-window .email-body{min-height:140px}.upload-area{min-height:235px;padding:27px 14px}.upload-complete{min-height:170px;padding:20px}.upload-area strong{font-size:15px}.upload-area>span{font-size:11px}input:not([type=checkbox]),select,textarea{font-size:16px}.filter-row{grid-template-columns:1fr}.filter-row .text-button{justify-self:start}.label-row{flex-wrap:wrap;align-items:flex-start}.stats{padding:14px}.stats span{font-size:10px}.setup-step{grid-template-columns:25px minmax(0,1fr);gap:10px}.setup-number{width:25px;height:25px}.setup-step h3{font-size:15px}.setup-step .button{max-width:100%}.journey-actions{align-items:flex-end;gap:10px;margin-top:22px;padding:14px 0}.journey-actions>div:first-child>span{display:none}.journey-actions>div:first-child:has(>span){display:none}.next-action{flex-direction:column;flex:1;align-items:stretch;gap:8px}.next-action>p{text-align:left;max-width:none;font-size:11px}.next-action>.button{white-space:normal}.journey-actions>.next-action:only-child{width:100%}.journey-actions>div:first-child .button{padding:12px}.demo-banner{flex-direction:column;align-items:flex-start;gap:0}.notice-dismissible{align-items:flex-start}.demo-finish{padding:28px 20px}.pagination .button{padding:10px;font-size:12px}.draft-popover{right:0}.sending-aside{gap:14px}.preview-placeholder{min-height:240px}.email-preview{padding:16px}footer{padding:16px 0 24px;font-size:10px}}@media (prefers-color-scheme:dark){:root{--background:#202124;--surface:#292a2d;--surface-muted:#35363a;--foreground:#e8eaed;--muted:#bdc1c6;--border:#5f6368;--input-border:#9aa0a6;--primary:#a8c7fa;--primary-hover:#d3e3fd;--on-primary:#062e6f;--tint:#2d3b55;--success:#81c995;--success-tint:#233c2e;--success-border:#4f785d;--danger:#f2b8b5;--shadow:0 1px 2px #00000026;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.notice.error{color:var(--danger);background:#4a2727;border-color:#a86460}.demo-banner{color:#fdd663;background:#41371c;border-color:#8c7537}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
