:root{--brand:#f05a28;--brand-dark:#c94a1f;--accent:#0e1e3a;--bg:#fafaf7;--surface:#fff;--border:#e5e3df;--text:#0e1e3a;--muted:#6b6b6b;--radius:10px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--body:"Inter", system-ui, -apple-system, sans-serif;--heading:"Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);color:var(--text);background:var(--bg);font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--heading);margin:0;font-weight:600}button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);cursor:pointer;color:var(--text);padding:8px 14px;font-family:inherit;font-size:14px}button:hover{border-color:var(--text)}button.primary{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);color:var(--text);width:100%;padding:10px 12px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}textarea{resize:vertical;min-height:80px}label{color:var(--muted);margin-top:8px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}a{color:var(--brand)}.login{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;padding:32px}.login-card h1{margin-bottom:6px;font-size:28px}.login-card p{color:var(--muted);margin-top:0;margin-bottom:20px}.login-card input{margin-bottom:12px}.err{color:#c02626;margin-top:6px;font-size:13px}.shell{grid-template:"topbar topbar topbar"52px"tab-bar tab-bar tab-bar""sidebar content content"1fr/260px 1fr 1fr;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--border);background:var(--surface);grid-area:topbar;align-items:center;gap:16px;padding:0 20px;display:flex}.topbar .brand{font-family:var(--heading);white-space:nowrap;font-size:16px;font-weight:600}.topbar .brand .mark{color:var(--brand)}.assessment-context{flex-direction:column;flex:1;min-width:0;display:flex}.assessment-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.assessment-meta{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.topbar .actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.tab-bar{border-bottom:1px solid var(--border);background:var(--surface);grid-area:tab-bar;gap:0;padding:0 20px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:10px 20px;font-size:13px;font-weight:500;transition:color .15s}.tab:hover{color:var(--text);border-color:#0000}.tab.active{color:var(--text);border-bottom-color:var(--brand);font-weight:600}.sidebar{border-right:1px solid var(--border);background:var(--surface);grid-area:sidebar;padding:12px;overflow-y:auto}.sidebar .new{width:100%;margin-bottom:12px}.sidebar h3{font-family:var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:12px 6px 6px;font-size:11px;font-weight:600}.list-item{cursor:default;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;width:100%;margin-bottom:2px;padding:0;display:flex}.list-item:hover{background:var(--bg);border-color:#0000}.list-item.active{background:var(--bg);border-color:var(--border)}.list-item-body{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;min-width:0;padding:10px 12px;display:block}.list-item-body:hover{border-color:#0000}.list-item .t{font-size:13px;font-weight:600;display:block}.list-item .s{color:var(--muted);font-size:11px;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.archive-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:0;font-size:12px;transition:opacity .15s,background .15s;display:flex}.list-item:hover .archive-btn{opacity:1}.archive-btn:hover{color:#b00;background:#fde7e7;border-color:#0000}.status-dot{vertical-align:middle;background:#aaa;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.status-dot.published{background:#22a06b}.status-dot.draft{background:#e8a33a}.status-dot.archived{background:#b0b0b0}.builder-main{border-right:1px solid var(--border);flex-direction:column;grid-column:2/3;display:flex;overflow:hidden}.builder-empty{color:var(--muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.builder-scroll{background:var(--bg);flex:1;overflow-y:auto}.chat-input{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:6px;padding:12px 16px;display:flex}.chat-input .row{gap:8px;display:flex}.chat-input textarea{flex:1;min-height:50px}.chat-messages-mini{flex-direction:column;gap:4px;max-height:120px;margin-bottom:4px;display:flex;overflow-y:auto}.msg-mini{border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.4}.msg-mini.system{color:#6a3b0f;background:#fff3e8;border:1px solid #f0c9a6}.msg-mini.error{color:#9b1c1c;background:#fde7e7;border:1px solid #f5a8a8}.msg-mini.user{background:var(--accent);color:#fff;align-self:flex-end}.msg-mini.ai{background:var(--surface);border:1px solid var(--border)}.type-picker{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.type-picker select{border:1px solid var(--border);background:#fff;border-radius:6px;width:auto;padding:4px 8px;font-size:12px}.preview{background:var(--surface);flex-direction:column;grid-column:3/-1;display:flex;overflow:hidden}.preview-tabs{border-bottom:1px solid var(--border);background:var(--surface);gap:0;display:flex}.preview-tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:10px 16px;font-size:13px}.preview-tabs button.active{color:var(--text);border-bottom-color:var(--brand);font-weight:600}.preview-body{background:var(--bg);flex:1;overflow:auto}.preview-body iframe{background:#fff;border:none;width:100%;height:100%}.preview-body pre{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:#e8e6f0;background:#0e1e3a;min-height:100%;margin:0;padding:16px;font-size:12px;line-height:1.55}.empty{color:var(--muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.builder-detail{max-width:860px;padding:24px 28px}.bd-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.bd-header h2{font-size:22px}.bd-header-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.bd-live-link{white-space:nowrap;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none}.bd-live-link:hover{border-color:var(--text)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.badge.published{color:#166534;background:#dcfce7}.badge.draft{color:#92400e;background:#fef3c7}.badge.archived{color:#6b7280;background:#f3f4f6}.bd-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:18px 20px}.bd-card-title{font-family:var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:700}.bd-headline{font-family:var(--heading);margin-bottom:4px;font-size:18px;font-weight:600}.bd-subhead{color:var(--muted);font-size:14px;line-height:1.5}.bd-meta-pill{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-top:8px;margin-right:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.bd-cta-pill{color:var(--brand);background:#fff7ed;border-color:#fed7aa;font-weight:600}.bd-meta-row{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.bd-brand-row{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.bd-color-chip{border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:20px;height:20px}.bd-section{border:1px solid var(--border);border-radius:8px;margin-bottom:8px;overflow:hidden}.bd-section-header{background:var(--bg);cursor:pointer;text-align:left;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.bd-section-header:hover{background:#f0efe9;border-color:#0000}.bd-section-num{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.bd-section-label{flex:1;font-size:14px;font-weight:600}.bd-section-count{color:var(--muted);font-size:12px}.bd-chevron{color:var(--muted);font-size:10px}.bd-questions{padding:12px 16px}.bd-question{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}.bd-question:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.bd-q-text{margin-bottom:8px;font-size:14px;font-weight:500}.bd-q-num{color:var(--brand);font-size:11px;font-weight:700;font-family:var(--mono);margin-right:8px;display:inline-block}.bd-options{flex-wrap:wrap;gap:6px;display:flex}.bd-option{background:var(--bg);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.bd-option-value{font-family:var(--mono);color:var(--brand);text-align:center;min-width:14px;font-size:11px;font-weight:700}.bd-scoring-grid{flex-wrap:wrap;gap:10px;display:flex}.bd-scoring-tier{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:1;min-width:120px;padding:10px 16px}.bd-scoring-key{font-family:var(--mono);color:var(--brand);font-size:11px;font-weight:700}.bd-scoring-label{font-size:14px;font-weight:600}.bd-scoring-range{color:var(--muted);font-size:12px;font-family:var(--mono)}.bd-result-detail{padding:14px 16px}.bd-result-field{border-bottom:1px solid var(--border);gap:8px;padding:6px 0;font-size:13px;display:flex}.bd-result-field:last-child{border-bottom:none}.bd-result-field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);flex-shrink:0;min-width:100px;font-size:11px;font-weight:600}.bd-blocks{flex-direction:column;gap:8px;margin-top:10px;display:flex}.bd-block-callout{border:1px solid;border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.5}.bd-block-callout strong{margin-bottom:2px;font-size:13px;display:block}.bd-block-stats{flex-wrap:wrap;gap:10px;display:flex}.bd-block-stat{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:8px;flex:1;min-width:100px;padding:10px 16px}.bd-block-stat-value{font-family:var(--heading);color:var(--brand);font-size:22px;font-weight:700}.bd-block-stat-label{color:var(--muted);font-size:11px}.bd-block-quote{border-left:3px solid var(--brand);background:var(--bg);border-radius:0 8px 8px 0;margin:0;padding:10px 16px;font-size:14px;font-style:italic}.bd-block-quote cite{color:var(--muted);margin-top:4px;font-size:12px;font-style:normal;display:block}.bd-block-diagram{margin-top:4px}.bd-block-diagram svg{max-width:100%;height:auto}.bd-block-unknown{color:var(--muted);font-size:12px;font-family:var(--mono)}.bd-ctas{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.bd-cta-preview{border-radius:6px;padding:6px 12px;font-size:12px}.bd-cta-preview.primary{background:var(--brand);color:#fff;font-weight:600}.bd-cta-preview.secondary{background:var(--bg);border:1px solid var(--border)}.bd-cta-url{font-family:var(--mono);opacity:.7;font-size:11px}.settings-view{background:var(--bg);grid-column:2/-1;overflow-y:auto}.settings-content{max-width:800px;margin:0 auto;padding:32px 40px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.settings-header h2{font-size:24px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:24px}.settings-section h3{font-family:var(--body);text-transform:none;letter-spacing:0;color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.settings-desc{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.settings-desc code{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:12px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-grid select{width:100%;padding:10px 12px}.cta-tier{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.cta-tier:first-of-type{border-top:none;margin-top:0;padding-top:0}.cta-tier-label{font-family:var(--mono);color:var(--brand);text-transform:capitalize;margin-bottom:4px;font-size:12px;font-weight:700}.var-grid{grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;display:grid}.var-grid code{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:12px}.var-grid span{color:var(--muted);font-size:13px}.emails-outer{flex-direction:column;grid-column:2/-1;display:flex;overflow:hidden}.emails-sub-tabs{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:0;padding:0 20px;display:flex}.sub-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:10px 20px;font-size:13px;font-weight:500}.sub-tab:hover{color:var(--text);border-color:#0000}.sub-tab.active{color:var(--text);border-bottom-color:var(--brand);font-weight:600}.sequence-layout{flex:1;grid-template-columns:250px 1fr 1fr;display:grid;overflow:hidden}.sequence-layout.editor-collapsed{grid-template-columns:250px 1fr}.seq-sidebar{border-right:1px solid var(--border);background:var(--surface);overflow-y:auto}.seq-item{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;border-radius:0;width:100%;padding:10px 14px;display:block}.seq-item:hover{background:var(--bg);border-color:var(--border)}.seq-item.active{background:var(--bg);border-left:3px solid var(--brand)}.seq-item-title{margin-bottom:2px;font-size:13px;font-weight:600;display:block}.seq-item-subject{color:var(--muted);font-size:11px;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.email-editor{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.email-editor-toolbar{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.email-editor-body{flex:1;padding:16px;overflow-y:auto}.email-editor-body label{margin-top:10px}.email-editor-body label:first-of-type{margin-top:0}.email-editor-body input,.email-editor-body textarea{margin-bottom:2px}.email-preview{background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.email-preview-bar{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.email-preview-subject{border-bottom:1px solid var(--border);color:var(--muted);padding:6px 16px;font-size:12px}.email-preview-iframe{background:#e5e7eb;flex:1;justify-content:center;display:flex;overflow:auto}.preview-fullpage{z-index:1000;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.preview-fullpage-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.preview-fullpage-subject{border-bottom:1px solid var(--border);color:var(--muted);background:var(--surface);padding:8px 24px;font-size:13px}.preview-fullpage-body{background:#e5e7eb;flex:1;justify-content:center;padding:24px;display:flex;overflow:auto}.queue-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.queue-stats{flex-wrap:wrap;flex-shrink:0;gap:12px;padding:20px 24px;display:flex}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-width:120px;padding:14px 20px}.stat-value{font-family:var(--heading);font-size:24px;font-weight:700;line-height:1.1}.stat-label{color:var(--muted);margin-top:2px;font-size:12px}.queue-table-wrap{flex:1;padding:0 24px 20px;overflow:auto}.queue-table{border-collapse:collapse;width:100%;font-size:13px}.queue-table thead{z-index:1;position:sticky;top:0}.queue-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:2px solid var(--border);background:var(--bg);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}.queue-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.queue-table tbody tr:hover{background:#fafafa}.queue-status{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.queue-email{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.queue-step{font-size:12px;font-weight:600;display:block}.queue-template{font-family:var(--mono);color:var(--muted);font-size:11px;display:block}.queue-subject{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.queue-date{white-space:nowrap;font-size:12px}.queue-time{color:var(--muted);font-size:11px}.engagement-pill{text-align:center;border-radius:10px;min-width:26px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.engagement-pill.open{color:#1d4ed8;background:#dbeafe}.engagement-pill.click{color:#166534;background:#dcfce7}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.spinner{border:2px solid var(--border);border-top-color:var(--brand);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.submissions-view{background:var(--bg);grid-column:2/-1;overflow-y:auto}.submissions-content{max-width:1100px;margin:0 auto;padding:32px 40px}.subs-charts{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=800px){.subs-charts{grid-template-columns:1fr}}.subs-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.subs-chart-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:11px;font-weight:600}.subs-bar-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.subs-bar-row:last-child{margin-bottom:0}.subs-bar-label{text-align:right;width:100px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:11px;overflow:hidden}.subs-bar-track{background:var(--bg);border-radius:4px;flex:1;height:18px;overflow:hidden}.subs-bar-fill{border-radius:4px;min-width:2px;height:100%;transition:width .4s}.subs-bar-value{text-align:right;width:36px;font-size:11px;font-weight:600;font-family:var(--mono,monospace)}.subs-sparkline{align-items:flex-end;gap:2px;height:80px;display:flex}.subs-spark-col{flex:1;align-items:flex-end;height:100%;display:flex}.subs-spark-bar{border-radius:2px 2px 0 0;width:100%;min-height:2px;transition:height .3s}.subs-table-wrap{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow-x:auto}.subs-table{border-collapse:collapse;width:100%;font-size:13px}.subs-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:2px solid var(--border);background:var(--bg);white-space:nowrap;padding:10px 12px;font-size:10px;font-weight:600}.subs-table th:hover{color:var(--text)}.subs-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.subs-table tbody tr:hover{background:#f8f9fb}.subs-table tbody tr.expanded{background:#f0f4ff}.subs-email-cell{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.sort-arrow{opacity:.6;margin-left:3px;font-size:9px}.subs-detail-row td{background:var(--bg);padding:16px 20px}.subs-detail{flex-direction:column;gap:6px;max-width:600px;display:flex}.subs-detail-section{align-items:center;gap:10px;font-size:12px;display:flex}.tier-badge{background:var(--bg);border:1px solid var(--border);text-transform:capitalize;white-space:nowrap;border-radius:10px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}.subs-pagination{color:var(--muted);align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}