.compose-main{min-width:0;padding-bottom:92px;container:compose-main/inline-size}.eyebrow{color:var(--teal);font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);letter-spacing:.11em;text-transform:uppercase}.bridge-status{border-left:4px solid var(--green);background:var(--theme-success,#edf8f2);font-size:var(--font-size-body);margin:14px 0;padding:11px 13px}.bridge-status.warning{background:var(--theme-warning,#fff8dc);border-left-color:#c18a00}.bridge-status.error{border-left-color:var(--red);background:var(--theme-error,#fff0f1)}#mailForm{gap:14px;min-width:0;display:grid}.editor-card{box-sizing:border-box;border:1px solid var(--border);background:var(--theme-panel,#fff);border-radius:8px;min-width:0;max-width:100%;padding:17px}.editor-card.essentials{background:var(--theme-subtle,#f8f9fb)}.section-heading,.section-heading>div,.content-actions,.subject-row,.links-heading,.item-heading,.item-actions{align-items:center;display:flex}.section-heading{justify-content:space-between;gap:14px;margin-bottom:14px}.section-heading>div{gap:9px}.section-heading h3{font-size:var(--font-size-section);margin:0}.step-number{background:var(--navy);width:25px;height:25px;color:var(--on-navy);font-size:11px;font-weight:var(--font-weight-semibold);border-radius:50%;place-items:center;display:inline-grid}.draft-mode,.optional-label{background:var(--theme-subtle,#eef0f7);color:var(--navy);font-size:10px;font-weight:var(--font-weight-semibold);border-radius:999px;padding:4px 8px}.optional-label{color:var(--muted)}.essentials-grid{grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:14px;display:grid}label>span,.field-label,fieldset legend{color:var(--navy);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);margin-bottom:6px;display:block}input,select{width:100%;min-width:0;min-height:var(--touch-target);border:1px solid var(--theme-border,#c9ced7);border-radius:var(--radius-control);background:var(--theme-panel,white);color:var(--theme-text,#2c2e33);font-size:var(--font-size-body);padding:9px 10px}fieldset{border:0;min-width:0;margin:0;padding:0}.domain-options{flex-wrap:wrap;gap:7px;display:flex}.domain-options label{min-height:var(--touch-target);border-radius:var(--radius-control);color:var(--navy);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid #0000;align-items:center;gap:7px;padding:8px 11px;display:flex}.domain-options input{width:auto;min-height:auto;margin:0}.domain-options .podium{background:linear-gradient(110deg,#d498c4 0 48%,#7ac5d3 52% 100%)}.domain-options .music{background:#d498c4}.domain-options .word{background:#7ac5d3}.domain-options .image{background:#a8d3c4}.domain-options label:has(input:checked){border-color:var(--navy);box-shadow:var(--shadow-focus)}.subject-field{grid-column:1/-1}.subject-row{gap:8px}.subject-row input{flex:auto;min-width:0}.subject-field small{color:var(--muted);font-size:var(--font-size-meta);margin-top:5px;display:block}.compact{min-height:var(--control-height);padding:7px 11px;font-size:13px}.content-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px}.library-picker select{min-width:210px;min-height:38px;padding-block:6px}.item-list{counter-reset:item;gap:12px;display:grid}.item-card{counter-increment:item;border:1px solid var(--border);border-left:4px solid var(--teal);background:var(--theme-subtle,#fafbfc);border-radius:7px;padding:14px}.item-heading{justify-content:space-between;gap:10px;margin-bottom:10px}.drag-label:after{content:" " counter(item)}.drag-label{color:var(--navy);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em}.item-actions{gap:5px}.icon-small{min-width:36px;min-height:34px;padding:4px 8px}.danger-link{min-height:var(--control-height);background:var(--theme-error,#f7d7db);color:var(--theme-error-text,#7c1f29);padding:4px 8px;font-size:13px}.title-field{margin-bottom:10px;display:block}.links-heading{color:var(--navy);font-size:var(--font-size-meta);justify-content:space-between;gap:10px;margin-top:12px}.link-list{gap:7px;margin-top:7px;display:grid}.link-row{align-items:start;gap:var(--space-2);padding:var(--space-2);background:var(--theme-subtle,#eef1f5);border-radius:6px;grid-template-columns:135px minmax(150px,.7fr) minmax(220px,1fr) auto;display:grid}.link-row.is-mail{grid-template-columns:135px minmax(150px,.7fr) minmax(0,1.6fr) auto}.link-row label{align-content:start;gap:var(--space-2);display:grid}.link-mail-fields{align-items:start;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.link-row>*,.link-mail-fields>*{min-width:0}.link-row label>span{font-size:var(--font-size-meta)}.link-row input,.link-row select{min-height:38px;padding-block:6px}.link-row>button{align-self:start}.save-library{width:fit-content;color:var(--navy);font-size:var(--font-size-body);align-items:center;gap:7px;margin-top:12px;font-weight:600;display:flex}.save-library input{width:auto;min-height:auto;margin:0}.save-library span{font-size:inherit;margin:0}.compact-copy{font-size:var(--font-size-meta);margin:-7px 0 12px}.fixed-block-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.fixed-block-option{border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:flex-start;gap:9px;padding:11px;display:flex}.fixed-block-option input{width:auto;min-height:auto;margin-top:3px}.fixed-block-option span{margin:0}.fixed-block-option strong,.fixed-block-option small{display:block}.fixed-block-option strong{color:var(--navy);font-size:12px}.fixed-block-option small{color:var(--muted);font-size:var(--font-size-meta);margin-top:2px}@media (width<=900px){.link-row,.link-row.is-mail{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.link-url-field,.link-mail-fields{grid-area:2/1/auto/-1}.link-mail-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.link-row>button{grid-area:1/3;justify-self:end}}.empty-inline{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-card);background:var(--theme-subtle,#f6f7f9);color:var(--muted);font-size:var(--font-size-body);text-align:center}.send-button{color:#fff;background:#9d2f3f}.send-button:hover:not(:disabled),.send-button:focus-visible:not(:disabled){background:#7f2030}.preview-dialog{border:0;border-radius:10px;width:min(980px,100% - 22px);height:min(900px,100vh - 24px);padding:0}.preview-dialog::backdrop{background:#181b2d94}.preview-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.dialog-heading{justify-content:space-between;align-items:start;gap:14px;padding:18px 18px 12px;display:flex}.dialog-heading h2{overflow-wrap:anywhere;margin:0;font-size:18px}.icon-button{min-width:44px;padding:5px;font-size:24px}.preview-dialog iframe{border:0;border-block:1px solid var(--border);background:var(--theme-subtle,#eef2f7);width:100%;height:100%}.preview-dialog footer{justify-content:flex-end;padding:12px 18px;display:flex}.delivery-dialog{border:0;border-radius:10px;width:min(720px,100% - 22px);max-height:calc(100vh - 24px);padding:0}.delivery-dialog::backdrop{background:#181b2d94}.delivery-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.delivery-dialog-body{padding:0 18px 18px;overflow-y:auto}.compact-status{margin:0 0 14px}.delivery-summary{border:1px solid var(--border);border-radius:7px;margin:0;display:grid;overflow:hidden}.delivery-summary>div{border-bottom:1px solid var(--border);grid-template-columns:130px minmax(0,1fr);gap:12px;padding:10px 12px;display:grid}.delivery-summary>div:last-child{border-bottom:0}.delivery-summary dt{color:var(--navy);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold)}.delivery-summary dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px}.delivery-summary dd span{display:block}#testTargetField{margin-top:14px;display:block}#testTargetField[hidden]{display:none}.test-target-row{align-items:center;gap:8px;display:flex}.test-target-row input{flex:auto;min-width:0}#testTargetField small{color:var(--muted);font-size:var(--font-size-meta);margin-top:5px;display:block}.delivery-warning{background:var(--theme-warning,#fff8dc);color:var(--theme-warning-text,#5e4b0a);font-size:var(--font-size-body);border-left:4px solid #c18a00;margin-top:14px;padding:11px 12px}.delivery-confirmation{border:1px solid var(--border);border-radius:var(--radius-control);color:var(--navy);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);align-items:flex-start;gap:9px;margin-top:14px;padding:12px;display:flex}.delivery-confirmation input{width:auto;min-height:auto;margin-top:2px}.delivery-confirmation span{font-size:inherit;margin:0}.delivery-dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container compose-main (width<=780px){.essentials-grid{grid-template-columns:1fr}.subject-field{grid-column:auto}.content-heading{flex-direction:column;align-items:flex-start}.content-actions{justify-content:flex-start;width:100%}.library-picker{flex:100%}.library-picker select{width:100%;min-width:0}.link-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.fixed-block-list{grid-template-columns:1fr}.compose-main{padding-bottom:142px}.preview-dialog{width:calc(100% - 12px);height:calc(100vh - 12px)}.delivery-dialog{width:calc(100% - 12px);max-height:calc(100vh - 12px)}.delivery-summary>div{grid-template-columns:1fr;gap:3px}.test-target-row{flex-direction:column;align-items:stretch}.delivery-dialog-footer>*{flex:50%}}@container compose-main (width<=480px){.section-heading{flex-wrap:wrap;align-items:flex-start}.subject-row{flex-direction:column;align-items:stretch}.domain-options label{flex:calc(50% - 7px)}.link-row{grid-template-columns:minmax(0,1fr) auto}.link-row>label:nth-child(2){grid-area:2/1/auto/-1}.link-url-field,.link-mail-fields{grid-area:3/1/auto/-1}.link-mail-fields{grid-template-columns:minmax(0,1fr)}.link-row>button{grid-area:1/2;justify-self:end;width:44px}.item-heading{flex-direction:column;align-items:flex-start}.item-actions{width:100%}.danger-link{margin-left:auto}.editor-insert-dialog{width:calc(100% - 12px)}.editor-insert-actions>*{flex:1}}