.email-dialog:has(.email-studio){width:calc(100vw - 32px);max-width:1600px}.email-dialog:has(.email-studio) .email-dialog-head{background:#102f3d;color:#fff}.email-dialog:has(.email-studio) .email-dialog-head button{color:#fff}.email-studio{--es-ink:#183744;--es-teal:#087f83;font-family:Anuphan,sans-serif;color:var(--es-ink);background:#f4f7fa;border:1px solid #dfe8ed;border-radius:16px;overflow:hidden}.es-metadata{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;margin-bottom:18px}.es-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;background:white;border-bottom:1px solid #dfe8ed}.es-toolbar strong{font-size:22px}.es-toolbar small{display:block;color:#617680}.es-tools{display:flex;gap:6px;flex-wrap:wrap}.email-studio button{min-height:38px;border:1px solid #dfe8ed;border-radius:9px;padding:8px 12px;background:#fff;color:var(--es-ink);cursor:pointer}.email-studio button:hover{background:#eaf7f4}.email-studio button[aria-pressed=true]{background:#102f3d;color:#fff;border-color:#102f3d}.email-studio button:disabled{opacity:.45;cursor:not-allowed}.es-workspace{display:grid;grid-template-columns:200px minmax(0,1fr) 248px;align-items:start}.es-palette,.es-properties{padding:20px;background:white;min-width:0}.es-palette h3,.es-properties h3{margin:0 0 8px;font-size:17px}.es-palette p,.es-properties small,.es-palette small{font-size:12px;color:#617680}.es-block-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.es-block-tools button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 5px;min-height:75px}.es-block-tools b{font-size:22px;color:#087f83}.es-block-tools span{font-size:12px}.email-studio label{display:flex;flex-direction:column;gap:6px;margin:15px 0;font-size:12px}.email-studio input,.email-studio textarea,.email-studio select{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #c7d7df;border-radius:8px;color:#183744;background:#fff;font:inherit;font-size:14px}.email-studio input[type=color]{height:40px;padding:5px}.email-studio :focus-visible{outline:2px solid #087f83;outline-offset:3px}.es-canvas{padding:22px;min-width:0;min-height:640px}.es-device-label{text-align:center;letter-spacing:2px;font-size:10px;color:#617680;margin-bottom:16px}.es-email{max-width:600px;width:100%;margin:auto;background:white;border-radius:12px;overflow:hidden;box-shadow:0 12px 36px #102f3d14}.es-email[data-device=mobile],.es-preview[data-device=mobile]{max-width:375px}.es-block{position:relative;cursor:pointer;padding:24px 30px;border:2px solid transparent;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;color:#183744}.es-block[data-tone=dark]{background:#102f3d;color:white}.es-block[data-selected=true]{border-color:#087f83;box-shadow:inset 0 0 0 1px #b7f5df}.es-block h2{font-size:30px!important;line-height:1.35;font-weight:600!important;margin:0!important;color:inherit!important}.es-block p{font-size:16px;line-height:1.75;margin:0}.es-block ul{padding-left:22px;list-style:disc;margin:0;line-height:1.7}.es-email-cta{display:inline-block;padding:13px 23px;border-radius:7px;color:white;font-size:15px}.es-block img{width:100%;height:auto;display:block}.es-image-empty{padding:34px 14px;border:1px dashed #b8cbd4;border-radius:10px;font-size:13px;color:#617680;text-align:center}.es-block hr{border:0;border-top:1px solid}.es-spacer{height:24px}.es-block-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.es-block-actions button{font-size:12px}.es-block-actions .es-delete{color:#b42318}.es-preview{display:block;border:0;width:100%;max-width:600px;margin:auto;height:680px;background:#fff}.es-note{margin:0!important;border-top:1px solid #dfe8ed;padding:13px 22px;background:white;font-size:12px;color:#617680}.es-empty{padding:40px 20px;text-align:center}.es-legacy{border:1px solid #dfe8ed;border-radius:12px;padding:16px;margin-bottom:16px}
@media(max-width:1100px){.es-workspace{grid-template-columns:160px minmax(0,1fr)}.es-properties{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.es-properties h3,.es-properties>small,.es-block-actions{grid-column:1/-1}.es-palette,.es-properties{padding:14px}.es-metadata{grid-template-columns:1fr}.es-canvas{padding:14px}}
@media(max-width:600px){.email-dialog:has(.email-studio){width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.email-dialog:has(.email-studio) .email-dialog-body{padding:10px}.es-workspace{display:flex;flex-direction:column}.es-palette,.es-properties,.es-canvas{width:100%;box-sizing:border-box}.es-block-tools{display:flex;overflow:auto;margin:12px 0}.es-block-tools button{min-width:72px;flex-shrink:0}.es-palette>label{display:inline-flex;width:45%;margin:5px 2%}.es-palette>small{display:block}.es-properties{display:block}.es-canvas{min-height:0;padding:10px}.es-block{padding:20px}.es-block h2{font-size:25px!important}.es-toolbar{padding:14px}.es-tools{gap:5px}.es-tools button{font-size:12px;padding:7px 9px}.es-note{padding:12px}.es-preview{height:600px}}

.email-workspace,.email-dialog{--email-accent:#087f83}.email-dialog:has(.email-studio) .email-dialog-head h2{color:#fff}.email-dialog:has(.email-studio) .email-dialog-head button{background:transparent;border-color:#ffffff40;color:#fff}.email-dialog:has(.email-studio) .email-dialog-footer{flex-wrap:wrap}.email-dialog:has(.email-studio) .email-steps [aria-current=step]{color:#087f83}.email-dialog .email-studio :focus-visible{outline-color:#087f83}