:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f1f0eb;--muted:#a3a7af;--paper:#101112;--surface:#1b1d20;--surface-hover:#272a2e;--line:#363a40;--line-hover:#676d77;--accent:#d7b574;--accent-hover:#e6c78c;--accent-soft:#2a251c;--on-accent:#19160f;--success:#8dc7a6;--error:#f19b89;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,input,select{border-radius:6px}input,select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:43px;color:var(--ink);padding:11px 12px;font-size:13px;transition:border-color .15s}input:hover,select:hover{border-color:var(--line-hover)}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--muted)}button{min-height:44px}h1,h2,p{margin:0}.topbar{border-bottom:1px solid var(--line);background:#0c0d0e;align-items:center;gap:30px;height:80px;padding:0 5vw;display:flex}.brand{letter-spacing:-1.6px;font-size:28px;font-weight:750;text-decoration:none}.brand-dot{color:var(--accent)}.topbar-label,.eyebrow,.preview-caption,.version{letter-spacing:1.6px;font-size:10px;font-weight:600}.topbar-label{border-left:1px solid var(--line);color:var(--muted);padding-left:30px}.version{letter-spacing:.25px;color:var(--muted);margin-left:auto;font-size:12px;font-weight:400}main{max-width:1280px;margin:auto;padding:46px 46px 0}.eyebrow{color:var(--accent);letter-spacing:1.7px;margin-bottom:15px;font-size:9px}h1{letter-spacing:-2.3px;font-size:50px;font-weight:580;line-height:1.08}h1 span{color:var(--muted);font-weight:400}.intro>p:last-child{color:var(--muted);margin-top:17px;font-size:14px;line-height:1.65}.workspace{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:52px;display:grid}.editor{border-top:1px solid var(--line-hover);padding-top:20px}.section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:23px;display:flex}h2{letter-spacing:-.2px;font-size:15px;font-weight:600}.save-state{color:var(--muted);font-size:9px}form{gap:15px;display:grid}label{flex-direction:column;gap:7px;font-size:11px;font-weight:550;line-height:1.4;display:flex}.optional{color:var(--muted);font-size:9px;font-weight:400;display:contents}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choices{padding-top:3px}.image-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:5px}summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;font-size:12px;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.image-settings summary span{color:var(--muted);font-size:20px;font-weight:300}.details-body{gap:16px;padding:8px 0 20px;display:grid}.check{flex-direction:row;align-items:center;gap:9px}.check input{width:15px;height:15px;min-height:15px;accent-color:var(--accent);margin:0}.hint{color:var(--muted);font-size:10px;font-weight:400;line-height:1.6}.validation{color:var(--error);font-size:11px;line-height:1.6}.privacy{color:var(--muted);max-width:325px;margin-top:16px;font-size:10px;line-height:1.7}.preview-panel{min-width:0;position:sticky;top:24px}.preview-heading{justify-content:space-between;align-items:center;gap:10px;margin:0 0 21px;display:flex}.preview-caption{color:var(--muted);letter-spacing:1.2px;font-size:8px}.variant-tabs{gap:4px;margin-bottom:20px;display:flex}.variant-tabs button{color:var(--muted);background:0 0;border:1px solid #0000;min-height:35px;padding:0 15px;font-size:11px}.variant-tabs button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:#706044}.variant-tabs button:not([aria-pressed=true]):hover{color:var(--ink);background:var(--surface)}.mail-window{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#22252b;border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 18px 45px -20px #0009}.mail-chrome{color:#888c93;background:#fcfcfa;border-bottom:1px solid #e9e9e6;align-items:center;gap:13px;height:43px;padding:0 20px;font-size:10px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#deded9;border-radius:50%;width:7px;height:7px}.mail-label{letter-spacing:1px;color:#b0b2b7;margin-left:auto;font-size:8px}.mail-meta{color:#676c73;border-bottom:1px solid #f0f0ee;gap:8px;padding:12px 27px 14px;font-size:11px;display:grid}.mail-meta p{gap:16px;display:flex}.mail-meta p span{color:#a3a6ac;width:32px}.mail-body{color:#575c64;padding:27px 27px 35px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.7}.mail-body>p{margin-bottom:12px}#signature-preview{overflow-wrap:anywhere;margin-top:30px}#signature-preview a{pointer-events:none}.preview-note{align-items:center;gap:9px;margin:18px 0 25px;display:flex}.note-line{background:var(--accent);flex-shrink:0;width:20px;height:1px}.preview-note p{color:var(--muted);font-size:10px;line-height:1.5}.export-actions{gap:10px;display:flex}.export-actions button{min-height:46px;padding:0 20px;font-size:12px}.primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);flex:1;justify-content:space-between;align-items:center;gap:45px;font-weight:600;display:flex}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.primary span{font-size:20px;font-weight:300}.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.secondary:hover{background:var(--surface-hover)}.utility-actions{color:var(--line-hover);align-items:center;gap:12px;margin-top:5px;display:flex}.utility-actions button{color:var(--muted);background:0 0;border:0;min-height:35px;padding:0;font-size:10px}.utility-actions button:hover{text-decoration:underline}.export-status{color:var(--accent);min-height:18px;font-size:11px;line-height:1.6}.install{border-top:1px solid var(--line);margin-top:8px}.install summary{color:var(--ink);font-size:11px}.install summary:after{content:"+";font-size:18px}.install .details-body{color:var(--muted);font-size:11px;line-height:1.8}.install strong{color:var(--ink);font-weight:550}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;margin-top:55px;padding:22px 0 26px;font-size:10px;line-height:1.6;display:flex}footer a{text-decoration:none}.footer-divider{color:var(--line-hover);padding:0 10px}@media (min-width:1350px){main{padding-top:56px}.intro{margin-bottom:44px}.workspace{grid-template-columns:385px minmax(0,1fr);gap:70px}.mail-body{padding:32px 36px 40px}.mail-meta{padding-left:36px}}@media (max-width:1000px){main{padding:34px 28px 0}.workspace{grid-template-columns:300px minmax(0,1fr);gap:30px}.preview-caption{display:none}.mail-body{padding:23px 20px 28px}.mail-meta{padding-left:20px}.preview-heading h2{font-size:14px}.primary{gap:15px}.export-actions button{padding:0 14px}}@media (max-width:760px){.topbar{gap:18px;height:64px;padding:0 22px}.topbar-label{padding-left:18px;font-size:8px}.version{display:none}main{padding:32px 22px 0}.intro{margin-bottom:30px}h1{letter-spacing:-1.8px;font-size:43px}.eyebrow{letter-spacing:1.15px;font-size:8px}.intro>p:last-child{max-width:310px;font-size:13px}.workspace{grid-template-columns:1fr;gap:34px}.preview-panel{grid-row:1;position:static}.editor{grid-row:2}.mail-body{padding:22px 18px 28px}.mail-chrome{padding:0 16px}.mail-meta{padding-left:18px}.preview-heading,.variant-tabs{margin-bottom:14px}.preview-note{margin:15px 0 20px}.preview-caption{font-size:7px;display:block}.preview-heading h2{font-size:13px}.install{margin-top:7px}.editor .section-heading{margin-bottom:19px}.privacy{max-width:100%}footer{flex-direction:column;gap:8px;margin-top:32px}.export-actions button{font-size:11px}.mail-body td{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.intro{margin-bottom:28px}.intro h1{font-size:42px}.intro h1 br{display:none}.intro h1 span:before{content:" "}.intro>p:last-child{margin-top:12px}.intro .eyebrow{margin-bottom:10px}.profile-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:18px;margin-bottom:30px;padding:18px 0 24px;display:flex}.profile-choice{letter-spacing:1.2px;min-width:220px;max-width:360px;color:var(--muted);flex:1;font-size:9px}.profile-choice select{letter-spacing:0;color:var(--ink);font-size:12px}.profile-actions,.backup-actions{align-items:center;gap:6px;display:flex}.backup-actions{margin-left:auto}.profile-toolbar button,.file-button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:0 0;border-radius:6px;padding:0 10px;font-size:11px}.profile-toolbar button:hover,.file-button:hover{background:var(--surface-hover)}.file-button{cursor:pointer;letter-spacing:0;justify-content:center;align-items:center;display:flex}.file-button input{opacity:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:3px}.undo-actions{gap:14px;margin-top:-12px;margin-bottom:15px;display:flex}.undo-actions button,.text-button{color:var(--muted);background:0 0;border:0;min-height:28px;padding:0;font-size:10px}.undo-actions button:not(:disabled):hover,.text-button:hover{text-decoration:underline}fieldset{border:0;gap:15px;min-width:0;margin:0;padding:0;display:grid}fieldset:disabled{opacity:.6}input[aria-invalid=true]{border-color:var(--error)}.mail-body{padding-bottom:0}.mail-body>p:last-child{margin-bottom:6px}#frame-container{background:#fff;width:100%;max-width:100%;margin:0 auto;transition:width .18s}#frame-container.narrow{width:320px}#signature-preview{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;width:100%;height:260px;margin:0;display:block}.view-options{gap:18px;margin:0 0 16px;display:flex}.view-options .check{color:var(--muted);font-size:10px}.readiness{justify-content:space-between;align-items:center;gap:14px;margin:0 0 10px;display:flex}.readiness>span{color:var(--accent);font-size:11px;line-height:1.6}.readiness>span.ready{color:var(--success)}.readiness button{color:var(--muted);white-space:nowrap;background:0 0;border:0;min-height:28px;padding:0;font-size:9px}.asset-status{color:var(--muted);margin:0 0 16px;padding:0;font-size:10px;line-height:1.65;list-style:none}.asset-status:empty{display:none}.export-size{color:var(--muted);margin-top:9px;font-size:9px;line-height:1.6}.system-banner{background:var(--accent-soft);color:var(--accent-hover);border:1px solid #706044;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:14px 18px;font-size:12px;line-height:1.7;display:flex}.system-banner[hidden]{display:none}.system-banner button{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-hover);flex-shrink:0;padding:0 13px;font-size:11px}.validation{gap:5px;display:grid}.validation:empty{display:none}.preview-note{margin-bottom:15px}.export-status{overflow-wrap:anywhere}.save-state{text-align:right;max-width:165px;line-height:1.5}dialog{border:1px solid var(--line);width:min(620px,100vw - 32px);max-height:85vh;color:var(--ink);background:var(--surface);border-radius:12px;padding:25px;box-shadow:0 24px 80px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050607b3}.dialog-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}dialog p,dialog li{color:var(--muted);font-size:12px;line-height:1.7}dialog button{border:1px solid var(--line);background:var(--surface-hover);color:var(--ink);padding:0 14px;font-size:12px}.dialog-heading button{min-height:35px}dialog textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:240px;color:var(--ink);background:var(--paper);border-radius:6px;margin:18px 0;padding:12px;font:11px/1.6 ui-monospace,monospace;display:block}dialog .primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent);justify-content:center;margin-top:18px}dialog .primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.archive-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;font-size:12px;display:flex}.archive-row span{overflow-wrap:anywhere}@media (min-width:1001px){.workspace{grid-template-columns:360px minmax(0,1fr);gap:55px}.mail-body{padding-left:20px;padding-right:20px}}@media (max-width:1100px){.backup-actions{margin-left:0}.profile-toolbar{gap:10px}.profile-choice{max-width:none}.profile-toolbar button,.file-button{padding:0 8px;font-size:10px}.preview-caption{display:none}}@media (max-width:760px){.intro h1{font-size:36px;line-height:1.14}.intro h1 br{display:block}.intro h1 span:before{content:none}.profile-toolbar{gap:10px;margin-bottom:27px;padding-top:0}.profile-choice{flex-basis:100%;max-width:none}.profile-actions,.backup-actions{flex:1;justify-content:space-between}.profile-toolbar button,.file-button{min-height:38px;padding:0 8px;font-size:10px}.profile-actions,.backup-actions{flex-basis:100%}.view-options{gap:14px}.readiness{flex-direction:column;align-items:flex-start;gap:0}.system-banner{padding:12px;font-size:11px;display:block}.system-banner button{margin-top:10px}.mail-body{padding:20px 20px 0}.workspace{gap:27px}.section-heading{gap:15px}.save-state{font-size:9px}}.brand{letter-spacing:-.8px;font-size:24px}@media (max-width:760px){.topbar{gap:12px;padding:0 18px}.brand{letter-spacing:-.5px;white-space:nowrap;font-size:18px}.topbar-label{letter-spacing:1px;padding-left:12px;font-size:7px}}