.updates-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 24px; }
.updates-kicker { font:550 10px/1.5 var(--sans); letter-spacing:1.4px; color:var(--c-ink-3); margin:0 0 12px; }
.updates-heading h2 { font-size:28px; line-height:1.15; letter-spacing:-.04em; font-weight:650; margin:0 0 10px; }
.updates-heading p:last-child { color:var(--c-ink-3); font-size:13px; line-height:1.6; margin:0; }
.updates-heading > button { flex:none; }
.updates-draftbar { display:flex; align-items:end; gap:10px; margin-bottom:24px; }
.updates-draftbar label { flex:1; min-width:0; color:var(--c-ink-3); font-size:11px; margin:0; }
.updates-draftbar select { display:block; width:100%; margin-top:7px; min-height:40px; }
.updates-draftbar button { min-height:40px!important; }
.updates-stepbar { display:flex; gap:24px; border-bottom:1px solid var(--ui-sep); margin-bottom:24px; }
.updates-stepbar button { display:flex; gap:8px; background:none; color:var(--c-ink-3); border:0; border-bottom:2px solid transparent; border-radius:0; padding:12px 0; box-shadow:none; font:500 11px/1.5 var(--sans); }
.updates-stepbar button span { font-size:13px; }
.updates-stepbar button[aria-selected=true] { color:var(--c-ink); border-bottom-color:#f1bc04; }
#updates-fields { border:0; padding:0; margin:0; min-width:0; }
.updates-paper { margin-bottom:20px; }
.updates-section-title { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-bottom:24px; font-size:10px; letter-spacing:1px; font-weight:550; }
.updates-muted { font-weight:400; letter-spacing:0; color:var(--c-ink-3); font-size:12px; }
.updates-paper label { display:block; font-size:13px; line-height:1.5; color:var(--c-ink-2); margin:20px 0 8px; }
.updates-paper label > span { color:var(--c-ink-3); font-size:11px; }
.updates-paper :is(input:not([type=checkbox]),textarea,select) { display:block; width:100%; padding:11px 12px; margin-top:8px; }
.updates-paper textarea { resize:vertical; line-height:1.7; min-height:90px; }
.updates-paper input { min-height:42px; }
#updates-title { font-size:21px; font-weight:550; letter-spacing:-.025em; }
.updates-pair { display:grid; grid-template-columns:1fr 1.5fr; gap:16px; }
.updates-section { border-top:1px solid var(--ui-sep); padding-top:22px; margin-top:28px; }
.updates-section-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; }
.updates-section-toolbar > div { display:flex; gap:14px; }
.updates-section-toolbar button { font-size:11px; }
#updates-add-section { margin-top:16px; }
.updates-art-example { display:grid; grid-template-columns:180px 1fr; gap:20px; align-items:center; }
.updates-art-example img { display:block; width:100%; border-radius:8px; }
.updates-art-example h3 { margin:0 0 7px; font-size:14px; }
.updates-art-example p { margin:0 0 10px; font-size:12px; line-height:1.6; color:var(--c-ink-3); }
.updates-image-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:18px; }
.updates-file-button { position:relative; display:inline-flex!important; padding:9px 12px; margin:0!important; border-radius:8px; color:var(--c-ink)!important; background:var(--ui-fill-2); font-size:12px!important; cursor:pointer; }
.updates-file-button input { position:absolute; inset:0; opacity:0; cursor:pointer; min-height:0!important; margin:0!important; }
.updates-file-button:focus-within { outline:2px solid var(--c-ink-3); outline-offset:2px; }
.updates-codex { margin-bottom:20px; }
.updates-codex summary { cursor:pointer; font-weight:550; font-size:14px; }
.updates-codex summary span { display:block; margin:8px 0 0 16px; font-size:12px; font-weight:400; color:var(--c-ink-3); }
.updates-codex > p { font-size:13px; line-height:1.7; color:var(--c-ink-2); }
.updates-actions { position:sticky; bottom:-28px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; padding:16px 0; border-top:1px solid var(--ui-sep); background:var(--c-paper); z-index:2; }
.updates-actions > span { font-size:12px; color:var(--c-ink-3); }
.updates-actions > div { display:flex; flex-wrap:wrap; gap:10px; }
.updates-crm-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:24px; }
.updates-crm-counts strong { font-size:24px; font-weight:550; letter-spacing:-.03em; }
.updates-crm-counts span { display:block; margin-top:6px; font-size:11px; color:var(--c-ink-3); }
.updates-audience-actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin:18px 0; font-size:12px; }
.updates-audience-actions > span { flex:1; }
.updates-recipient-list .updates-recipient { display:flex; align-items:center; gap:12px; padding:16px 0; margin:0; border-top:1px solid var(--ui-sep); }
.updates-recipient input { width:16px; height:16px; min-height:0; accent-color:var(--c-ink); flex:none; }
.updates-recipient > span { flex:1; min-width:0; }
.updates-recipient strong,.updates-recipient span span { display:block; overflow-wrap:anywhere; font-size:12px; }
.updates-recipient strong { font-weight:550; color:var(--c-ink); }
.updates-recipient small { max-width:180px; text-align:right; color:var(--c-ink-3); font-size:10px; line-height:1.6; }
.updates-preview-canvas { padding:16px; background:var(--ui-fill-2); border-radius:10px; overflow:hidden; }
#updates-preview { width:100%; height:1100px; display:block; margin:auto; border:0; background:#fbfaf8; }
#updates-preview.is-mobile { width:min(360px,100%); }
.updates-test-row { display:flex; gap:14px; align-items:end; margin-top:20px; }
.updates-test-row > label { flex:1; min-width:0; margin:0; }
.updates-test-row > button { min-height:42px!important; flex:none; }
.updates-empty { padding:44px!important; }
.updates-empty h3 { font-size:25px; letter-spacing:-.04em; }
.updates-empty p:not(.updates-kicker) { max-width:50ch; font-size:14px; line-height:1.8; color:var(--c-ink-3); }
#updates-send-recipients { max-height:180px; overflow:auto; border-block:1px solid var(--ui-sep); padding:10px 0; }
#updates-send-recipients p { font-size:12px; margin:6px 0; overflow-wrap:anywhere; }
@container (max-width:600px) {
 .updates-heading { align-items:flex-start; flex-direction:column; }
 .updates-heading h2 { font-size:25px; }
 .updates-pair { grid-template-columns:1fr; gap:0; }
 .updates-art-example { grid-template-columns:1fr; }
 .updates-art-example img { max-width:300px; }
 .updates-recipient-list .updates-recipient { flex-wrap:wrap; }
 .updates-recipient small { max-width:none; width:100%; text-align:left; padding-left:28px; }
}
@media (max-width:760px) {
 .updates-heading { align-items:flex-start; flex-direction:column; }
 .updates-pair,.updates-art-example { grid-template-columns:1fr; }
 .updates-draftbar { flex-wrap:wrap; }
 .updates-draftbar label { flex-basis:100%; }
 .updates-stepbar { gap:16px; }
 .updates-stepbar button span { font-size:12px; }
 .updates-preview-canvas { padding:0; }
 .updates-crm-counts { grid-template-columns:repeat(2,1fr); }
 .updates-recipient-list .updates-recipient { flex-wrap:wrap; }
 .updates-recipient small { max-width:none; width:100%; text-align:left; padding-left:28px; }
 .updates-test-row { align-items:stretch; flex-direction:column; }
 .updates-actions { bottom:0; }
 .updates-empty { padding:24px!important; }
}