.circular-step4-download-row{justify-content:center}[data-panel=circular]{--circular-control-height: 40px;--circular-control-radius: var(--radius-sm);--circular-control-padding-x: 12px;--circular-field-gap: 12px}[data-panel=circular] .circular-delivery-form{display:grid;gap:var(--circular-field-gap)}[data-panel=circular] .circular-form-row{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:var(--circular-field-gap)}[data-panel=circular] .circular-form-label{white-space:nowrap}[data-panel=circular] .circular-form-controls{min-width:0}[data-panel=circular] .circular-recipient-controls{display:flex;align-items:center;gap:var(--space-1-25)}[data-panel=circular] .circular-recipient-input-shell{display:inline-flex;align-items:center;gap:var(--space-1);width:min(100%,420px);max-width:420px;min-height:var(--circular-control-height);border:1px solid var(--border);border-radius:var(--circular-control-radius);background:var(--surface);padding:0 var(--circular-control-padding-x)}[data-panel=circular] .circular-email-inline-summary{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap;margin-top:0}[data-panel=circular] .circular-inline-pill{display:inline-flex;align-items:center;gap:var(--space-0);padding:0 10px;border-radius:var(--radius-pill);font-size:var(--font-size-helper);font-weight:500;line-height:1.35;min-height:0}[data-panel=circular] .circular-inline-pill strong{font-weight:800}[data-panel=circular] .circular-inline-pill-valid{color:var(--success);background:var(--success-soft)}[data-panel=circular] .circular-inline-pill-invalid{color:var(--danger);background:var(--danger-soft)}[data-panel=circular] .circular-provider-row{align-items:center}[data-panel=circular] .circular-provider-controls{display:flex;align-items:center;gap:var(--space-1);flex-wrap:nowrap}[data-panel=circular] .circular-provider-controls #circular-delivery-provider{flex:1 1 auto;min-width:200px}[data-panel=circular] .circular-provider-controls #circular-delivery-provider,[data-panel=circular] .circular-provider-controls #circular-connect-mailbox,[data-panel=circular] .circular-provider-controls #circular-disconnect-mailbox{height:var(--circular-control-height);min-height:var(--circular-control-height);border-radius:var(--circular-control-radius);padding:0 var(--circular-control-padding-x)}[data-panel=circular] .circular-provider-controls #circular-connect-mailbox,[data-panel=circular] .circular-provider-controls #circular-disconnect-mailbox{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}[data-panel=circular] .circular-delivery-inline-row{align-items:flex-start;gap:12px}[data-panel=circular] .circular-delivery-inline-group{flex:1 1 0;min-width:0;display:grid;gap:var(--space-0-5)}[data-panel=circular] .circular-delivery-inline-group .split-range-input,[data-panel=circular] .circular-delivery-inline-group .circular-token-editor{width:100%}[data-panel=circular] #circular-email-field,[data-panel=circular] #circular-email-subject-wrap{width:min(100%,420px);max-width:420px;min-height:var(--circular-control-height);border:1px solid var(--border);border-radius:var(--circular-control-radius);background:var(--surface)}[data-panel=circular] #circular-email-field{flex:1 1 auto;min-width:140px;min-height:calc(var(--circular-control-height) - 2px);border:0;background:transparent;padding:0}[data-panel=circular] .circular-subject-controls{display:flex;align-items:center;gap:var(--space-1-25)}[data-panel=circular] #circular-email-subject-wrap{flex:0 1 420px;min-width:0;padding:0;align-items:center;gap:var(--space-1)}[data-panel=circular] #circular-email-subject-wrap .circular-token-input{min-height:calc(var(--circular-control-height) - 2px);padding-top:0;padding-bottom:0;display:block;line-height:1.4;align-content:center}[data-panel=circular] .circular-recipient-controls .circular-attach-btn{width:var(--circular-control-height);height:var(--circular-control-height);min-width:var(--circular-control-height);min-height:var(--circular-control-height);border-radius:var(--circular-control-radius)}[data-panel=circular] .circular-body-controls{align-items:flex-start}[data-panel=circular] #circular-email-body-wrap{width:min(100%,420px);max-width:420px;min-height:128px;padding:10px var(--circular-control-padding-x);align-items:flex-start}[data-panel=circular] #circular-email-body-wrap .circular-token-input-body{width:100%;min-height:104px;padding:0;line-height:1.45;white-space:pre-wrap}.circular-token-editor{position:relative;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md)}.circular-token-editor .circular-token-input{width:100%;min-height:var(--size-control-sm);outline:none;white-space:pre-wrap;word-break:break-word}.circular-token-input-body{min-height:0}[data-panel=circular] .circular-delivery-body-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--circular-field-gap);align-items:start}[data-panel=circular] .circular-attachment-row{align-items:center}[data-panel=circular] .circular-attach-btn{min-height:var(--size-control-sm);min-width:30px;width:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill)}[data-panel=circular] #circular-attachments-meta{margin-top:4px;padding-left:0;display:flex;flex-wrap:wrap;gap:var(--space-0-5)}[data-panel=circular] .circular-attachment-chip{display:inline-flex;align-items:center;gap:var(--space-0-5);max-width:100%;padding:2px 8px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius-pill);background:var(--surface);color:var(--text)}[data-panel=circular] .circular-attachment-name{max-width:min(300px,60vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-panel=circular] .circular-attachment-remove{border:0;background:transparent;color:var(--text-muted);padding:0;width:14px;height:14px;line-height:1;font-size:12px;cursor:pointer}[data-panel=circular] .circular-attachment-remove:hover{color:var(--danger)}[data-panel=circular] .circular-preview-shell{margin-top:10px;display:grid;gap:12px}[data-panel=circular] .circular-preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}[data-panel=circular] .circular-preview-counts{display:inline-flex;align-items:center;gap:var(--space-1-25);flex-wrap:wrap}[data-panel=circular] .circular-preview-count{display:inline-flex;align-items:center;gap:var(--space-0-5);min-height:var(--size-control-sm);padding:6px 8px;border:1px solid var(--border);border-radius:var(--space-1);background:var(--surface);color:var(--text);font-size:var(--font-size-label);font-weight:600}[data-panel=circular] .circular-preview-count strong{font-weight:800}[data-panel=circular] .circular-preview-count-valid strong{color:var(--accent)}[data-panel=circular] .circular-preview-mode-group{margin-left:auto}[data-panel=circular] .circular-preview-mode-group .circular-preview-count{cursor:pointer}[data-panel=circular] .circular-preview-mode-group .circular-preview-count.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}[data-panel=circular] .circular-preview-list{display:grid;gap:12px}[data-panel=circular] .circular-preview-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:var(--space-1) var(--space-2);position:relative}[data-panel=circular] .circular-preview-card.is-valid{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent),0 0 0 1px var(--success-ring)}[data-panel=circular] .circular-preview-card.is-valid:before,[data-panel=circular] .circular-preview-card.is-invalid:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:6px;border-radius:0 4px 4px 0}[data-panel=circular] .circular-preview-card.is-valid:before{background:var(--accent)}[data-panel=circular] .circular-preview-card.is-invalid:before{background:var(--danger)}[data-panel=circular] .circular-preview-avatar{width:40px;height:40px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:color-mix(in srgb,var(--accent) 72%,var(--text));font-size:var(--font-size-section);font-weight:700}[data-panel=circular] .circular-preview-content{min-width:0;display:grid;gap:3px}[data-panel=circular] .circular-preview-email{font-size:var(--font-size-label);font-weight:600;color:color-mix(in srgb,var(--accent) 70%,var(--text))}[data-panel=circular] .circular-preview-email a{text-decoration:none}[data-panel=circular] .circular-preview-name{color:var(--text);font-size:var(--font-size-base);font-weight:600;line-height:1.12}[data-panel=circular] .circular-preview-body{color:color-mix(in srgb,var(--text) 90%,transparent);font-size:var(--font-size-base);line-height:1.2;overflow:hidden;text-overflow:ellipsis}[data-panel=circular] .circular-preview-status{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);min-height:var(--size-control-sm);padding:0 var(--space-1);font-size:var(--font-size-label);font-weight:600;text-transform:lowercase}[data-panel=circular] .circular-preview-status.is-valid{color:color-mix(in srgb,var(--accent) 80%,var(--text));background:color-mix(in srgb,var(--accent) 18%,var(--surface))}[data-panel=circular] .circular-preview-status.is-invalid{color:var(--danger);background:var(--danger-soft)}[data-panel=circular] .circular-preview-warning{margin-top:0;color:var(--danger)}.circular-token-input[aria-label]:empty:before{content:attr(aria-label);color:var(--text-muted);pointer-events:none}.circular-var-chip{user-select:none;vertical-align:middle}.circular-var-menu{display:grid;gap:var(--space-0);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:6px;max-height:180px;overflow:auto}.circular-var-menu[hidden]{display:none!important;visibility:hidden!important}.circular-var-option{border:0;background:transparent;text-align:left;color:var(--text);border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer}.circular-var-option:hover,.circular-var-option.is-active{background:color-mix(in srgb,var(--accent) 14%,var(--surface))}[data-panel=circular] #circular-result,[data-panel=circular] #circular-review{margin-top:var(--space-3)}[data-panel=circular] .circular-field-row{margin-top:var(--space-1);padding:0;align-items:stretch}[data-panel=circular] .circular-field-label{display:block;width:100%;margin-bottom:var(--space-1);color:var(--text);font-size:var(--font-size-label)}[data-panel=circular] .circular-field-input{flex:1 1 100%;width:100%;min-width:0;max-width:50%;min-height:var(--size-control-xl);border-radius:var(--radius-lg);padding:0 var(--space-3);font-size:var(--font-size-label);background:var(--surface)}:is(html[data-mode=dark],html[data-theme=dark],html[data-theme$=-dark]) [data-panel=circular] .circular-field-label{color:var(--text)}:is(html[data-mode=dark],html[data-theme=dark],html[data-theme$=-dark]) [data-panel=circular] .circular-field-input{border-color:color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--text)}[data-panel=circular] .fill-viewer-wrap{min-height:unset;max-height:unset;padding:0}@media(max-width:900px){[data-panel=circular] .circular-form-row{grid-template-columns:1fr;gap:var(--space-0-5)}[data-panel=circular] .circular-recipient-controls{flex-wrap:wrap}[data-panel=circular] .circular-recipient-input-shell,[data-panel=circular] #circular-email-body-wrap{width:100%;max-width:100%}[data-panel=circular] .circular-delivery-inline-group{flex:1 1 100%}[data-panel=circular] .circular-provider-controls #circular-delivery-provider{min-width:0}[data-panel=circular] .circular-preview-status{grid-column:1 / -1;justify-self:start;font-size:var(--font-size-base)}[data-panel=circular] .circular-preview-name{font-size:var(--font-size-section)}[data-panel=circular] .circular-preview-body{font-size:var(--font-size-label)}[data-panel=circular] .circular-field-input{max-width:100%}[data-panel=circular] .circular-delivery-body-row{grid-template-columns:1fr}[data-panel=circular] #circular-email-field{width:100%;max-width:100%}[data-panel=circular] #circular-email-subject-wrap{width:100%;max-width:100%;min-width:0}}