.email-hub{max-width:100%;min-width:0}.eh-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.eh-heading h1{margin:0;font-size:40px}.eh-tabs{display:flex;gap:4px;border-bottom:1px solid #ded8eb;margin:24px 0}.eh-tabs button,.eh-modes button{font:inherit;font-size:14px;color:#392388;padding:12px 16px;border:0;background:transparent;cursor:pointer}.eh-tabs button[aria-pressed=true]{border-bottom:3px solid #392388;font-weight:600}.eh-tabs small{background:#ebe9f3;border-radius:16px;padding:2px 7px;margin-left:6px}.eh-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.eh-controls label,.eh-export-dialog label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.eh-controls select,.eh-controls input,.eh-export-dialog input{font:inherit;font-size:14px;padding:12px 14px;border:1px solid #c4bddb;border-radius:8px;background:white;color:#392388;min-width:220px}.eh-modes{display:flex;background:#f5f4f9;border-radius:8px;padding:4px}.eh-modes button[aria-pressed=true]{background:#392388;color:white;border-radius:6px}.eh-description{margin:20px 0 4px;font-size:15px}.eh-sample-note{font-size:12px;color:#636b80;margin:0 0 20px}.eh-canvas{padding:32px;background:#ebe9f3;border-radius:16px;overflow:auto;text-align:center}.eh-canvas iframe{display:block;margin:auto;max-width:100%;border:0;background:white;box-shadow:0 12px 32px #39238814;min-height:120px}.eh-library{margin-top:24px}.eh-module{border-bottom:1px solid #ded8eb}.eh-module>summary{display:flex;gap:16px;align-items:center;padding:20px 0;cursor:pointer;list-style:none;font-weight:600}.eh-module>summary::after{content:'+';margin-left:8px}.eh-module[open]>summary::after{content:'−'}.eh-module-number{font-size:12px;color:#636b80;width:24px;font-weight:400}.eh-module>summary small{margin-left:auto;font-weight:400;color:#636b80}.eh-module-inner{padding-bottom:24px}.eh-module-guidance{font-size:13px;max-width:720px;margin-bottom:20px}.eh-module-guidance p{margin:8px 0}.eh-guidance{max-width:760px}.eh-guidance h2{margin-top:32px}.eh-guidance h3{margin-top:28px}.eh-guidance p{font-size:16px;line-height:1.7}.eh-export-dialog{width:min(680px,95vw);max-height:85vh;overflow:auto;border:0;border-radius:16px;padding:32px;color:#392388}.eh-export-dialog::backdrop{background:#1b0e4470}.eh-export-dialog label{margin:16px 0}.eh-export-dialog input{width:100%}.eh-export-dialog h2{font-size:24px}.eh-export-status{font-size:14px}.email-hub [hidden]{display:none!important}.email-hub button:focus-visible,.email-hub select:focus-visible,.email-hub input:focus-visible,.email-hub summary:focus-visible{outline:3px solid #ff7000;outline-offset:3px}@media(max-width:820px){.eh-heading{align-items:start}.eh-heading h1{font-size:32px}.eh-controls{align-items:stretch;flex-direction:column}.eh-modes{flex-wrap:wrap}.eh-canvas{padding:16px 0}.eh-module>summary{gap:8px}.eh-module>summary small{display:none}.eh-tabs{overflow:auto}.eh-tabs button{white-space:nowrap}.eh-export-dialog{padding:20px}}

.eh-controls select {
  appearance: none;
  padding: 12px 44px 12px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23392388' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
}

.email-reference-grid h3 { margin: 0 0 24px; }
.email-reference-grid img { height: auto; align-self: start; }

.eh-prompt-example { margin: 20px 0; padding: 24px; background: #f5f4f9; border: 0; border-radius: 16px; color: #393645; font-size: 16px; line-height: 1.7; }
.eh-guidance > .btn { border-radius: 999px; }