/* Admin email studio */
.mello-demo .email-studio{border:1px solid #C8B69F;border-radius:22px;background:#FFFCF6;padding:26px}.email-studio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.email-studio-heading h2{font-family:Lora,Georgia,serif;font-size:28px;letter-spacing:-.7px}.email-studio-heading p{margin:9px 0 0;color:#647057}.email-save-state{font-size:12px;color:#526B33;padding:8px 12px;background:#EEF2E5;border-radius:999px;white-space:nowrap}.email-state-unsaved{background:#FFF5CE;color:#635014}.email-template-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0;padding-bottom:22px;border-bottom:1px solid #E8DFD2}.mello-demo .email-template-tabs button{border:1px solid #C8B69F;background:#FFFCF6;color:#132607;padding:11px 17px;border-radius:999px;font-weight:600;transition:transform .18s,box-shadow .18s}.mello-demo .email-template-tabs button.active{background:#E65757;color:#fff;border-color:#E65757}.mello-demo .email-template-tabs button:hover{transform:translateY(-2px);box-shadow:2px 3px 0 #C8B69F}.email-studio-grid{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:30px;align-items:start}.email-controls{min-width:0}.email-editor-section h3,.email-color-settings legend{font-size:17px;font-weight:800;margin:0 0 8px}.email-editor-section>.field-hint{margin:0 0 22px}.email-field{margin-bottom:18px}.mello-demo .email-field label{display:block;font-size:14px;font-weight:600;margin:0 0 8px}.mello-demo .email-field :is(input,textarea){margin:0;width:100%;font-size:14px;padding:10px 12px;background:#FFFEFB;border:1px solid #C8B69F;border-radius:12px;line-height:1.65;resize:vertical}.mello-demo .email-field :is(input,textarea):focus{outline:none;border:2px solid #E65757;padding:9px 11px;box-shadow:none}.email-color-settings{border:0;padding:7px 0 0;margin:20px 0}.email-swatch-group{display:flex;gap:8px;flex-wrap:wrap}.email-color-choice{position:relative;cursor:pointer}.email-color-choice input{position:absolute;opacity:0;width:1px;height:1px}.email-color-choice span{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #C8B69F;border-radius:12px;font-size:12px;background:#FFFCF6}.email-color-choice i{width:16px;height:16px;display:inline-block;border:1px solid #C8B69F;border-radius:50%}.email-color-choice input:checked+span{border:2px solid #E65757;padding:8px 9px;font-weight:700}.email-color-choice input:focus-visible+span{outline:2px solid #132607;outline-offset:3px}.email-color-label{display:block;font-size:13px;margin:17px 0 9px;font-weight:600}.email-safety-note{background:#EEF2E5;padding:13px 14px;border-radius:12px;font-size:12px;line-height:1.65;color:#526145}.email-editor-actions{display:flex;gap:8px}.mello-demo .email-editor-actions button{font-size:13px;min-height:43px;padding:10px 14px}.email-editor-feedback{min-height:22px;font-size:13px;line-height:1.65}.email-preview-panel{border:1px solid #D9CCB9;border-radius:18px;overflow:hidden;background:#fff}.email-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px;background:#EEF2E5}.email-preview-tools strong{display:block;font-size:14px}.email-preview-tools span{display:block;margin-top:4px;font-size:11px;color:#6B755F}.email-device-switch{display:flex;gap:4px}.mello-demo .email-device-switch button{border:1px solid transparent;background:none;border-radius:999px;padding:7px 10px;font-size:11px;color:#132607}.mello-demo .email-device-switch button[aria-pressed=true]{background:#FFFCF6;border-color:#C8B69F;font-weight:700}.email-inbox-sample{padding:20px 22px 16px}.email-inbox-sample>div{display:flex;align-items:baseline;gap:10px;margin-bottom:9px;font-size:12px}.email-inbox-sample span{width:43px;flex-shrink:0;color:#7A806E}.email-inbox-sample strong{font-size:12px;font-weight:600}.email-inbox-sample small{font-size:10px;color:#7A806E}.email-preview-preheader{margin:6px 0 0;padding-left:53px;font-size:11px;color:#7A806E;line-height:1.6}.email-preview-version{display:flex;align-items:center;gap:7px;padding:0 20px 16px}.mello-demo .email-preview-version button{border:0;border-radius:999px;background:transparent;font-size:11px;padding:7px 10px}.mello-demo .email-preview-version button[aria-pressed=true]{background:#FFF5CE;font-weight:700}.mello-demo .email-preview-version [data-email-test]{margin-left:auto;border:1px solid #C8B69F}.email-preview-canvas{background:#F3F1EB;border-top:1px solid #E7E1D7;padding:0 8px}.email-preview-stage{max-width:600px;width:100%;margin:auto;transition:max-width .2s}.email-preview-stage.is-mobile{max-width:360px}.email-preview-stage iframe{display:block;width:100%;height:900px;border:0;background:transparent}.email-preview-caption{font-size:11px;text-align:center;color:#717965;line-height:1.65;margin:0;padding:15px 18px;border-top:1px solid #E7E1D7}.mello-demo button:disabled{cursor:not-allowed}.email-controls .link-button{font-size:12px}.email-studio code{font-size:11px}.email-field .field-hint{font-size:12px}.mello-demo .email-studio .field-error{color:#AE2929}
@media(max-width:1000px){.email-studio-grid{grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:20px}.email-inbox-sample small{display:none}.mello-demo .email-studio{padding:20px}.email-studio-heading{align-items:flex-start}.email-studio-heading h2{font-size:25px}}
@media(max-width:820px){.email-studio-grid{grid-template-columns:1fr}.email-preview-panel{min-width:0}.email-studio-heading{display:block}.email-save-state{display:inline-block;margin-top:14px}.email-template-tabs{gap:7px}.mello-demo .email-template-tabs button{font-size:12px;padding:10px 12px}.email-editor-actions button{flex:1}.email-preview-tools{padding:16px}.email-controls{max-width:100%}.email-preview-version{padding-left:14px;padding-right:14px}.email-inbox-sample{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.email-template-tabs button,.email-preview-stage{transition:none!important}.mello-demo .email-template-tabs button:hover{transform:none}}