.composer{gap:24px;max-width:920px}.composer,.composer__header{display:flex;flex-direction:column}.composer__header{gap:16px}.composer__header h1{margin:0;font-size:24px;font-weight:600}.warmup-banner{background:var(--color-warn-soft);color:var(--color-warn);font-size:14px}.mailbox-tracking-note,.warmup-banner{margin:0;border-radius:6px;padding:10px 14px;line-height:1.5}.mailbox-tracking-note{background:var(--color-info-soft);color:var(--color-info);font-size:13px}.mailbox-tracking-note a{color:inherit;text-decoration:underline}.warmup-banner code{font-family:var(--font-mono,monospace);font-size:.92em}.broadcast-detail__failure-note{margin:0;background:var(--color-danger-soft);border-radius:6px;padding:10px 14px;color:var(--color-danger);font-size:14px;line-height:1.5}.broadcast-detail__failure-reason{display:block;margin-top:4px;max-width:34ch;color:var(--color-danger);font-size:12px;line-height:1.35;word-break:break-word}.pool-banner{margin:0;background:var(--color-warn-soft);border-radius:6px;padding:10px 14px;color:var(--color-warn);font-size:14px;line-height:1.5}.pool-banner--over{background:var(--color-danger-soft);color:var(--color-danger)}.composer__panel{display:flex;flex-direction:column;gap:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.composer__panel h2{margin:0;font-size:18px;font-weight:600}.composer__panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.composer__list-item-title{font-weight:500;font-size:14px;overflow-wrap:anywhere}.composer__list-item-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:2px}.composer__meta{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px}.composer__meta>div{display:grid;grid-template-columns:80px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:baseline}.composer__meta dt{font-weight:500;color:var(--color-text-muted)}.composer__meta dd{margin:0;word-break:break-word}.composer__viewport-toggle{display:inline-flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:2px}.composer__viewport-btn{padding:6px 12px;background:transparent;border:0;border-radius:calc(var(--radius) - 2px);font-size:12px;font-weight:500;font-family:inherit;color:var(--color-text-muted);cursor:pointer}.composer__viewport-btn--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px rgba(0,0,0,.06)}.composer__preview-frame{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:#fff;transition:max-width .18s ease}.composer__preview-frame--desktop{max-width:100%}.composer__preview-frame--mobile{max-width:414px;margin:0 auto}.composer__preview-iframe{width:100%;height:480px;border:0;display:block;color-scheme:light;background:#ffffff}.composer__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:4px}.template-preview{display:flex;flex-direction:column;gap:24px}.template-preview__header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.template-preview__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.template-preview__heading-title{display:flex;flex-direction:column;gap:4px}.template-preview__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.template-preview__heading h1{margin:0;font-size:22px;color:var(--color-text)}.template-preview__heading-actions{display:flex;gap:8px;flex-wrap:wrap}.template-preview__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,max-content));grid-gap:16px 32px;gap:16px 32px;margin:0;padding:12px 16px;background:var(--color-bg);border-radius:6px}.template-preview__meta>div{display:flex;flex-direction:column;gap:2px}.template-preview__meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:600}.template-preview__meta dd{margin:0;font-size:14px;color:var(--color-text)}.template-preview__toggle{display:inline-flex;align-self:flex-start;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;background:var(--color-bg)}.template-preview__toggle-btn{padding:8px 14px;font-size:13px;color:var(--color-text-muted);text-decoration:none;border-right:1px solid var(--color-border);transition:background .15s ease,color .15s ease}.template-preview__toggle-btn:last-child{border-right:none}.template-preview__toggle-btn:hover{background:var(--color-surface);color:var(--color-text)}.template-preview__toggle-btn--active{background:var(--color-surface);color:var(--color-info);font-weight:600}.template-preview__caveat{margin:0;font-size:12px;color:var(--color-text-muted);font-style:italic}.template-preview__caveat code{font-style:normal;background:var(--color-bg);padding:1px 4px;border-radius:3px;font-size:11px}.template-preview__viewport{display:flex;justify-content:center;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px rgba(20,30,50,.06)}.template-preview__iframe{border:none;display:block;min-height:600px;color-scheme:light;background:#ffffff}.composer__form{gap:18px}.composer__recipient{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);min-width:0}.composer__recipient-name{font-size:14px;overflow-wrap:anywhere}.composer__picker-close,.composer__recipient-change{background:none;border:none;padding:4px 6px;color:var(--color-link);font:inherit;font-size:13px;cursor:pointer;flex-shrink:0}.composer__results{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto}.composer__result{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.composer__result:focus-visible,.composer__result:hover{background:var(--color-bg)}.composer__designed{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.composer__designed p{margin:0;font-size:14px}.composer__designed-actions,.composer__save-actions,.composer__toolbar{display:flex;flex-wrap:wrap;gap:8px}.composer__save-actions:has(.guarded-button__pair){align-items:flex-start}.composer__toolbar>.marketing-cta{max-width:100%}.composer__toolbar>.marketing-cta:has(.composer__save-changes-label){display:inline-flex}.composer__save-changes-label{display:inline-block;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.composer__picker,.composer__save{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius)}.composer__picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer__picker-header h2{margin:0;font-size:16px}