/* Optional audience step, shared frame and compact responsive controls. */
.steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.email-choice{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid #e8e9ef;border-radius:14px;background:#f7f8ff;cursor:pointer;font:500 16px/1.5 'Space Grotesk',sans-serif}
.email-choice input{width:20px;height:20px;flex:none;accent-color:#2749ed;margin:3px 0 0}.email-choice small{display:block;font:400 13px/1.7 'DM Sans',sans-serif;color:#6b6f7c;margin-top:5px}
.email-content{margin-top:24px}.email-content[hidden],.email-empty[hidden]{display:none}.email-notice{background:#f4f5fb;border-radius:12px;padding:16px 18px;font-size:13px;line-height:1.7;color:#5c6274}.email-notice button{display:block;margin-top:10px}
.email-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.email-picker-grid label,.email-count-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.email-picker-grid select{appearance:none;width:100%;min-height:48px;border:1px solid #e8e9ef;border-radius:10px;padding:12px 42px 12px 14px;font:400 15px 'DM Sans',sans-serif;color:#171a25;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b6f7c' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;outline:none}.email-picker-grid select:focus{border-color:#aebbf9}.email-picker-grid select:disabled{opacity:.6}
.email-targets{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.email-target{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:#eef1ff;border-radius:10px;color:#2749ed;font-size:13px}.email-target button{display:grid;place-items:center;background:transparent;border:0;color:inherit;font-size:20px;min-width:28px;min-height:28px;cursor:pointer}
.email-reach{padding:20px;background:#f8f9fc;border-radius:14px;margin:22px 0}.email-reach-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.email-reach input[type=number]{width:130px;min-height:48px;border:1px solid #e8e9ef;border-radius:10px;padding:10px 13px;font:600 20px 'Space Grotesk',sans-serif;box-sizing:border-box}.email-reach input[type=range]{display:block;width:100%;accent-color:#2749ed;margin:22px 0 12px;cursor:pointer}.email-reach-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px;color:#6b6f7c}.email-price-row{display:flex;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px solid #e8e9ef;font-size:15px}.email-price-row strong{font-family:'Space Grotesk',sans-serif;font-size:22px;color:#2749ed}
.email-allocation{margin:18px 0;font-size:13px}.email-allocation summary{cursor:pointer;font-weight:600}.email-allocation table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}.email-allocation th,.email-allocation td{padding:10px 4px;text-align:left;border-bottom:1px solid #e8e9ef}.email-allocation th:last-child,.email-allocation td:last-child{text-align:right}
.email-banner-upload{margin:24px 0}.email-banner-upload label{font-weight:600;font-size:14px}.email-banner-upload .upload-tile{margin-top:10px}.email-banner-upload .upload-thumbnail{width:120px;height:60px}.email-preview{border:1px solid #e8e9ef;border-radius:14px;overflow:hidden;margin:22px 0;background:#f5f6fa}.email-preview>summary{padding:16px 18px;font-size:14px;font-weight:600;cursor:pointer}.email-preview-window{padding:16px}.email-preview-meta{font-size:12px;line-height:1.8;color:#6b6f7c;margin:0 0 14px}.email-preview-paper{max-width:600px;margin:auto;background:#fff;border-radius:8px;overflow:hidden}.email-preview-brand{padding:20px 24px;font:600 22px 'Space Grotesk',sans-serif}.email-preview-banner{width:100%;aspect-ratio:2/1;background:#eef1ff;display:flex;align-items:center;justify-content:center;color:#6b6f7c;font-size:13px;overflow:hidden}.email-preview-banner img{width:100%;height:100%;object-fit:cover;display:block}.email-preview-copy{padding:18px 24px}.email-preview-copy h4{font:600 19px/1.4 'Space Grotesk',sans-serif;margin:0 0 10px}.email-preview-copy p{font-size:14px;line-height:1.7;color:#6b6f7c}.email-preview-footer{padding:0 24px 24px;color:#6b6f7c;font-size:11px;line-height:1.7}.email-error{color:#9e3948;background:#fff1f2;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.6}.email-error:empty{display:none}.email-review-row{padding:24px;border:1px solid #e8e9ef;border-radius:16px}.email-review-row h3{font:600 20px 'Space Grotesk',sans-serif;margin:0 0 12px}.email-review-row p{font-size:14px;line-height:1.7;color:#6b6f7c}.email-package-line{font-size:13px;color:#6b6f7c;line-height:1.7;margin-top:15px}
@media(max-width:600px){.email-picker-grid{grid-template-columns:1fr}.email-choice{padding:16px}.email-choice small{font-size:12px}.email-reach{padding:16px}.email-reach-head{align-items:flex-start}.email-reach input[type=number]{width:112px}.email-reach-summary{align-items:flex-start;flex-direction:column;gap:8px}.email-preview-window{padding:10px}.email-review-row{padding:18px}.steps button{padding-left:3px;padding-right:3px}.step-copy strong{font-size:11px}.email-banner-upload .upload-thumbnail{width:100px;height:50px}}
/* Original audience interaction: one state, visible city checkboxes, one reach control. */
.audience-locations{margin-top:24px}.audience-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.audience-section-head h3{display:flex;align-items:center;gap:10px;font:600 20px/1.4 'Space Grotesk',sans-serif;margin:0}.audience-step-number,.audience-section-head h3>span{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;border-radius:8px;background:#eef1ff;color:#5266a0;font:600 12px/1 'DM Sans',sans-serif;flex:none}.audience-section-head h3>span{margin-right:0}.audience-section-head .text-action{flex:none;font-size:13px;min-height:44px;padding:8px 0}.audience-locations>.note{font-size:13px;line-height:1.7}.email-picker-grid{margin:20px 0 14px}.email-picker-grid input[type=search]{width:100%;min-height:48px;border:1px solid #e8e9ef;border-radius:10px;padding:12px 14px;font:400 15px 'DM Sans',sans-serif;outline:none;background:#fff}.email-picker-grid input[type=search]:focus{border-color:#aebbf9}.email-city-list{border:1px solid #e8e9ef;border-radius:12px;background:#fff;max-height:290px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.email-city-option{display:flex;align-items:center;gap:12px;padding:13px 16px;min-height:52px;cursor:pointer;font-size:14px;line-height:1.5}.email-city-option+.email-city-option{border-top:1px solid #edf0f5}.email-city-option input{appearance:auto;width:19px;height:19px;flex:none;margin:0;accent-color:#2749ed;padding:0}.email-city-option>span{flex:1;min-width:0;overflow-wrap:anywhere}.email-city-option>small{font-size:12px;color:#6b6f7c;flex:none}.email-city-option:has(input:checked){background:#f6f8ff}.email-city-all{position:sticky;top:0;z-index:1;font-weight:600;background:#f8f9fc}.email-city-option:hover{background:#f5f7fc}.email-city-empty{font-size:13px;color:#6b6f7c;padding:20px 16px}.email-selected{margin-top:16px}.email-selected[hidden]{display:none}.email-selected>p{font-size:12px;color:#6b6f7c;font-weight:500}.email-targets{max-height:132px;overflow:auto;margin:9px 0 0}.email-target{padding:5px 7px 5px 12px;font-size:12px}.email-target button{min-height:28px;min-width:28px}.email-reach{margin-top:28px}.email-count-label{font:600 20px/1.4 'Space Grotesk',sans-serif;margin-bottom:10px;display:flex;align-items:center;gap:3px}.email-count-label .audience-step-number{margin-right:7px}.email-banner-upload>label{display:flex;align-items:center;font:600 20px/1.4 'Space Grotesk',sans-serif}.email-allocation{margin:16px 0 26px}.email-notice{padding:12px 15px;font-size:12px}.email-notice button{margin-top:6px}#emaillocalstatus:empty{display:none}#emaillocalstatus{margin-top:10px}.email-reach .note{font-size:12px}.email-content .studiofield{margin-bottom:0}
@media(max-width:600px){.audience-section-head h3,.email-count-label,.email-banner-upload>label{font-size:18px}.audience-section-head{gap:10px}.audience-section-head .text-action{font-size:12px}.email-picker-grid{gap:13px}.email-city-option{padding:12px;gap:10px;font-size:14px}.email-city-option>small{font-size:12px}.email-city-list{max-height:270px}.email-count-label{display:flex;align-items:flex-start}.email-count-label .audience-step-number{margin-top:1px}.email-reach-head{gap:10px}.email-reach input[type=number]{width:100px}.email-reach-summary{flex-direction:row;align-items:center;gap:12px}.email-reach-summary>span{font-size:12px}.email-reach-summary button{font-size:12px;white-space:nowrap}.email-notice{font-size:12px}.email-targets{max-height:125px}}