.email-preview-page{background:#080706;color:#f7f2e9}
.email-preview-page .secondary-wordmark-asset{display:block;width:144px;height:48px;object-fit:contain}
.email-preview-page main{max-width:1440px;margin:auto;padding:clamp(28px,4vw,64px) clamp(18px,4vw,64px)}
.email-preview-page h1{font:400 clamp(46px,6vw,82px)/1.02 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:0}
.email-preview-page h1 em,.email-preview-next h2 em{color:#e9ce85;font-style:italic}
.email-preview-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:clamp(24px,5vw,80px);align-items:end;padding-bottom:40px}
.email-preview-intro p,.email-preview-next p{max-width:52ch;font:400 16px/1.65 'Instrument Sans',sans-serif;color:#d2c8b7;margin:18px 0 0;text-wrap:pretty}
.email-preview-context h2{font:500 17px/1.4 'Instrument Sans',sans-serif;margin:0}
.email-preview-page a:not(.secondary-brand):not(.secondary-primary){text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.email-preview-context a{margin-top:10px;color:#e9ce85}
.email-preview-workspace{padding:26px 0 36px;border-block:1px solid #494035}
.email-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.email-preview-toolbar h2{font:400 clamp(30px,3.2vw,44px)/1.1 'Instrument Serif',Georgia,serif;margin:0}
.email-preview-widths{display:flex;gap:8px}
.email-preview-widths[hidden]{display:none}
.email-preview-widths button{font:500 14px 'Instrument Sans',sans-serif;min-height:44px;padding:10px 18px;background:transparent;border:1px solid #786b59;color:#f7f2e9;border-radius:5px;cursor:pointer}
.email-preview-widths button[aria-pressed=true]{background:#e9ce85;color:#15110a;border-color:#e9ce85}
.email-preview-widths button:hover{border-color:#e9ce85}
.email-preview-page :focus-visible{outline:3px solid #efd28e;outline-offset:4px}
.email-preview-notice,.email-preview-status,.email-preview-recovery{font:400 13px/1.6 'Instrument Sans',sans-serif;color:#d2c8b7;margin:14px 0}
.email-preview-stage{display:flex;justify-content:center;padding:24px clamp(8px,2vw,28px);background:#141310;margin:20px 0 0}
.email-preview-stage[hidden]{display:none}
.email-preview-stage img{display:block;width:min(100%,600px);height:auto;min-width:0}
.email-preview-stage img[data-email-proof=phone],.email-preview-stage img[hidden]{display:none}
.email-preview-stage[data-email-layout=phone] img[data-email-proof=phone]{display:block;width:min(100%,390px)}
.email-preview-next{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;padding:46px 0 10px}
.email-preview-next h2{font:400 clamp(34px,4vw,54px)/1.1 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:0;max-width:24ch}
.email-preview-next .secondary-primary{margin:20px 16px 0 0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;background:#e9ce85;color:#15110a;border-radius:5px;font:500 14px 'Instrument Sans',sans-serif}
.email-preview-page ::selection{background:#e9ce85;color:#15110a}
@media(max-width:700px){.email-preview-intro,.email-preview-next{grid-template-columns:1fr;gap:26px}.email-preview-toolbar{align-items:start;flex-direction:column;gap:16px}.email-preview-intro{padding-bottom:28px}.email-preview-stage{padding:14px 0}.email-preview-next{padding-top:32px;gap:10px}.email-preview-page .secondary-header{flex-wrap:wrap;gap:10px 18px}.email-preview-page .secondary-header nav{display:flex;gap:16px;order:3;width:100%;font-size:13px}.email-preview-page .secondary-header .secondary-primary{min-height:44px;display:inline-flex;align-items:center}.email-preview-page .secondary-header .secondary-brand{flex:1}.email-preview-page main{padding-top:28px}}
@media(forced-colors:active){.email-preview-widths button[aria-pressed=true]{border:2px solid Highlight}.email-preview-stage{border:1px solid CanvasText}}
@media(max-width:700px){.email-preview-stage[data-email-layout=auto] img[data-email-proof=desktop]{display:none}.email-preview-stage[data-email-layout=auto] img[data-email-proof=phone]{display:block}}

/* The public composition uses the existing Email Kit model and review export. */
.email-eyebrow{font:500 12px/1.4 'Instrument Sans',sans-serif!important;text-transform:uppercase;letter-spacing:.16em;color:#e9ce85!important;margin:0 0 14px!important}
.email-preview-intro{padding-bottom:32px}
.email-preview-page h1{font-size:clamp(44px,5.2vw,72px)}
.email-local-note{font-size:13px!important;color:#e9ce85!important}
.email-preview-studio{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:22px}
.email-preview-studio:has(.email-editor[hidden]){grid-template-columns:1fr}
.email-editor{min-width:0;font:400 14px/1.5 'Instrument Sans',Arial,sans-serif}
.email-editor[hidden],.email-canvas[hidden],.email-static-proof[hidden],.email-inbox-line[hidden]{display:none!important}
.email-editor label{display:block;margin:14px 0 6px;color:#eee5d5;font-size:13px}
.email-editor input:not([type=checkbox]),.email-editor textarea,.email-editor select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #605447;border-radius:4px;padding:11px 12px;background:#171510;color:#f7f2e9;font:400 15px/1.5 'Instrument Sans',Arial,sans-serif;resize:vertical}
.email-editor input:read-only{color:#b6aa93;background:#100f0c}
.email-editor input[type=color]{padding:5px;height:47px;cursor:pointer}
.email-editor input[type=file]{font-size:13px;padding:9px 8px;max-width:100%}
.email-editor input[type=file]::file-selector-button{background:#3c3326;border:0;color:#f7f2e9;border-radius:3px;padding:7px 10px;margin-right:8px;cursor:pointer}
.email-editor input[aria-invalid=true]{border-color:#ffb3a5}
.email-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.email-template-choice{padding:18px 20px;background:#19160f;border:1px solid #65533b;border-radius:5px}
.email-template-choice label{margin-top:0;font-weight:500}
.email-template-choice p,.email-field-help{font:400 12px/1.6 'Instrument Sans',Arial,sans-serif;color:#bbaf9b;margin:10px 0 0;text-wrap:pretty}
.email-field-section{padding:24px 0;border-bottom:1px solid #443b2e}
.email-field-section h3,.email-export h3{font:500 12px/1.4 'Instrument Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#e9ce85;margin:0 0 10px}
.email-editor details{margin:16px 0 0;padding:0;border:0}
.email-editor summary{min-height:44px;display:list-item;padding-top:12px;box-sizing:border-box;cursor:pointer;color:#e9ce85;font-size:13px}
.email-editor button{min-height:44px;padding:10px 14px;border:1px solid #827157;border-radius:4px;background:transparent;color:#f7f2e9;font:500 13px/1.5 'Instrument Sans',Arial,sans-serif;cursor:pointer}
.email-editor button:hover:not(:disabled){border-color:#e9ce85;background:#262013}
.email-editor button:disabled{cursor:default;opacity:.5}
.email-editor .email-text-button{padding:8px 0;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:#e9ce85}
.email-text-button[hidden]{display:none}
.email-local-actions{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0}
.email-local-actions span{width:100%;font-size:12px;color:#bbaf9b}
.email-export{border:1px solid #67583e;padding:20px;border-radius:5px;background:#15130e}
.email-editor .email-ack{display:flex;gap:10px;align-items:flex-start;line-height:1.6;margin:16px 0 18px;font-size:12px}
.email-ack input{width:18px;height:18px;margin:2px 0;flex:0 0 18px;accent-color:#e9ce85}
.email-editor #email-export{width:100%;background:#e9ce85;color:#15110a;border-color:#e9ce85;padding:13px}
.email-error,#email-export-status{font:400 13px/1.6 'Instrument Sans',Arial,sans-serif;color:#ffbcad;overflow-wrap:anywhere}
.email-error[hidden]{display:none}
#email-export-status[data-success=true]{color:#e9ce85}
.email-inbox-line{border:1px solid #494035;padding:16px 22px;background:#11100d;border-radius:5px 5px 0 0}
.email-inbox-line span{font:500 10px/1.5 'Instrument Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#bba57d}
.email-inbox-line p{font:400 14px/1.5 'Instrument Sans',Arial,sans-serif;margin:4px 0 10px;color:#f7f2e9;overflow-wrap:anywhere}
.email-inbox-line p:last-child{margin-bottom:0;color:#bcb3a3;font-size:12px}
.email-preview-column{min-width:0}
.email-preview-stage{margin-top:0;padding:22px;background:#242018;border:1px solid #494035;border-top:0;min-width:0}
.email-canvas{width:100%;max-width:600px;min-width:0;container:email / inline-size}
.email-preview-stage[data-email-layout=phone] .email-canvas{max-width:390px}
.email-static-proof{width:100%;max-width:600px}
.email-preview-stage[data-email-layout=phone] .email-static-proof{max-width:390px}
.email-preview-recovery{display:flex;gap:18px;flex-wrap:wrap}
.email-preview-recovery a{color:#e9ce85}
.email-preview-status{min-height:21px}
.email-workspace-links{display:flex;gap:22px;margin-top:14px;font:500 13px/1.5 'Instrument Sans',Arial,sans-serif}
.email-workspace-links[hidden]{display:none}
.email-workspace-links a{color:#e9ce85}
#email-form,#email-live-preview{scroll-margin-top:20px}
@media(max-width:1000px){.email-preview-studio{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:24px}.email-field-pair{grid-template-columns:1fr}.email-preview-stage{padding:12px}}
@media(max-width:760px){.email-preview-studio{grid-template-columns:1fr;gap:28px}.email-preview-column{order:-1}.email-preview-page .email-preview-intro{grid-template-columns:1fr;gap:18px;padding:0 0 28px}.email-preview-context p{margin-top:10px}.email-preview-context .email-local-note{margin-top:8px}.email-editor input:not([type=checkbox]),.email-editor select,.email-editor textarea{font-size:16px}.email-field-pair{grid-template-columns:1fr 1fr}.email-preview-stage{padding:14px 0}.email-preview-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.email-preview-workspace{scroll-margin-top:12px}.email-preview-next{padding-top:30px}}
@media(max-width:360px){.email-field-pair{grid-template-columns:1fr}.email-local-actions button{width:100%}.email-inbox-line{padding:14px}.email-preview-page h1{font-size:42px}}
.email-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding-bottom:14px}
.email-editor .email-palette-grid label{font-size:12px}
.email-editor .email-palette-grid input[type=color]{width:100%;min-height:44px}
#email-apply-brief{margin:0 0 18px}
#email-apply-brief[hidden]{display:none}
#email-export-purpose{margin-bottom:12px}