.composer{--studio-line:#decdbf;--studio-ink:#3c2927;color:var(--studio-ink)}.composer-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.composer-top h1{margin:8px 0}.composer-draft{font-size:12px;border:1px solid #c9a797;padding:8px 12px;border-radius:30px;color:#78364a;white-space:nowrap}.composer-steps{display:flex;gap:22px;flex-wrap:wrap;list-style:none;padding:18px 0;margin:0 0 22px;border-bottom:1px solid var(--studio-line);font-size:13px}.composer-steps b{display:inline-grid;place-items:center;background:#78364a;color:#fff;width:24px;height:24px;border-radius:50%;margin-right:7px}.composer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);gap:24px;align-items:start}.composer-fields,.composer-preview{min-width:0}.composer .card{margin:0 0 20px}.section-title{display:flex;gap:14px;margin-bottom:18px}.section-title>span{display:grid;place-items:center;align-self:start;min-width:35px;height:35px;border:1px solid #c5a99a;border-radius:9px;color:#78364a;font-size:13px}.section-title h2{margin:0 0 5px;font-size:19px}.section-title p{margin:0;color:#806b5d;font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 24px}.composer .template-card{display:block;text-align:left;background:#f8f0e7;color:#47332c;border:1px solid #ddcaba;white-space:normal;padding:14px;border-radius:9px;line-height:1.5}.template-card>span{font-size:11px;color:#8d604d;display:block;margin-bottom:10px}.template-card strong{display:block;font-size:14px}.template-card small{display:block;font-size:12px;font-weight:400;margin:5px 0 0;color:#806b5d}.composer .template-card.selected{background:#eedce1;border:2px solid #78364a;padding:13px}.composer label{display:block;margin:17px 0;font-size:13px;font-weight:600}.composer label>small{font-size:11px;display:block;font-weight:400;color:#806b5d}.composer input:not([type=checkbox]),.composer select,.composer textarea{width:100%;box-sizing:border-box;background:#fffdfa;border:1px solid #d7c0ae;border-radius:8px;padding:11px;font:14px/1.5 system-ui;color:#3c2927;margin-top:7px}.composer textarea{min-height:220px!important;resize:vertical}.composer-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.composer-tokens{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:20px;font-size:12px;color:#806b5d}.composer-tokens button{padding:6px 10px;font-size:11px}.composer-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#806b5d}.composer-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.composer label.composer-channel{display:flex;align-items:flex-start;gap:9px;border:1px solid #d9c6b6;border-radius:9px;padding:13px;margin:8px 0}.composer-channel input{width:auto!important;flex:none;margin:4px 0}.composer-channel strong{display:block}.composer-channel small{display:block;font-size:11px;line-height:1.6;font-weight:400;margin-top:6px;color:#806b5d}.composer-note{background:#f0e6d9;padding:13px;border-radius:8px;color:#735645;font-size:12px;line-height:1.7}.composer-preview{position:sticky;top:20px;padding:0!important;background:none!important;line-height:normal}.preview-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;font-size:13px}.preview-heading button{font-size:11px;padding:7px 10px}.preview-heading button[aria-pressed=true]{background:#78364a;color:white}.mail-shell{background:#fffdfa;border:1px solid #d9c5b4;border-radius:12px;overflow:hidden;padding:24px;box-shadow:0 12px 35px #55352c0c}.mail-sender{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e5d7c9;padding-bottom:18px;font-size:13px}.sender-monogram{display:grid;place-items:center;background:#78364a;color:white;border-radius:50%;width:36px;height:36px;flex:none}.mail-sender small{display:block;margin-top:4px;font-size:11px;color:#806b5d}#live-subject{font-size:19px;margin:23px 0;overflow-wrap:anywhere}#live-body{white-space:pre-wrap;font-size:14px;line-height:1.85;overflow-wrap:anywhere;min-height:140px}#live-catalog{padding:14px;border:1px solid #c5a794;background:#f5eadd;color:#713348;font-size:13px;border-radius:8px;margin-top:22px}.mail-footer{margin-top:28px;border-top:1px solid #e7d8c9;padding-top:16px;font-size:10px;line-height:1.8;color:#8c7567}.whatsapp-preview{background:#eee2d6;border-radius:20px}.whatsapp-preview #live-body{background:#fffaf4;padding:16px;border-radius:0 12px 12px 12px;margin-top:20px}.composer-checklist{border:1px solid #d9c5b4;border-radius:10px;background:#eee4d7;padding:20px;margin-top:18px}.composer-checklist h3{font-size:14px;margin:0 0 15px}.composer-checklist p{font-size:12px;margin:10px 0;color:#714d43}.composer-submit{width:100%;white-space:normal}.composer [hidden]{display:none!important}.composer .warning{color:#8d2944}.campaign-entry{padding:18px 22px;background:#eee2d6;border:1px solid #dbc7b5;border-radius:12px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.campaign-entry>div{flex:1;min-width:180px}.campaign-entry p{font-size:13px;color:#806b5d;margin:7px 0 0}.campaign-entry .actions{display:flex;gap:8px;flex-wrap:wrap}.stat:not(.accent) strong{color:#3c2927!important}.stat.accent strong{color:#fff!important}
@media(max-width:1100px){.composer-grid{grid-template-columns:minmax(0,1fr)}.composer-preview{position:static;max-width:650px;width:100%}}@media(max-width:550px){.composer-top{flex-wrap:wrap}.composer-steps{gap:12px;font-size:11px}.composer-pair,.composer-channel-grid{grid-template-columns:1fr}.template-grid{gap:8px}.composer .template-card{padding:11px}.mail-shell{padding:18px}.composer-draft{white-space:normal}.composer-steps li{display:flex;align-items:center}.composer-steps b{flex:none}.composer-grid{gap:5px}}