.toolroll-app.toolroll-email-address-masker { width: 100%; box-sizing: border-box; }
.toolroll-app.toolroll-email-address-masker * { box-sizing: border-box; }
.toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__field { margin-bottom: 1rem; }
.toolroll-app.toolroll-email-address-masker label,
.toolroll-app.toolroll-email-address-masker legend { font-weight: 700; }
.toolroll-app.toolroll-email-address-masker textarea { width: 100%; min-height: 7rem; margin-top: .4rem; padding: .75rem; border: 1px solid #767676; border-radius: .35rem; font: inherit; resize: vertical; }
.toolroll-app.toolroll-email-address-masker textarea[readonly] { background: #f7f7f7; }
.toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__settings { display: grid; grid-template-columns: minmax(8rem, .7fr) minmax(14rem, 1.3fr); gap: 1rem; margin: 0 0 1rem; padding: 1rem; border: 1px solid #b5b5b5; border-radius: .35rem; }
.toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__settings legend { padding: 0 .25rem; }
.toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__setting input,
.toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__setting select { display: block; width: 100%; min-height: 2.75rem; margin-top: .4rem; padding: .55rem .65rem; border: 1px solid #767676; border-radius: .35rem; background: #fff; font: inherit; }
.toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__setting p { margin: .35rem 0 0; font-size: .875rem; }
.toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__actions,
.toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__copy { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__result-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.toolroll-app.toolroll-email-address-masker [data-role="summary"] { font-weight: 700; white-space: nowrap; }
.toolroll-app.toolroll-email-address-masker button { min-height: 2.75rem; padding: .65rem 1.1rem; border: 1px solid #225ea8; border-radius: .35rem; background: #fff; color: #174a84; font: inherit; font-weight: 700; cursor: pointer; }
.toolroll-app.toolroll-email-address-masker [data-action="process"] { background: #225ea8; color: #fff; }
.toolroll-app.toolroll-email-address-masker button:disabled { cursor: not-allowed; opacity: .55; }
.toolroll-app.toolroll-email-address-masker button:focus-visible,
.toolroll-app.toolroll-email-address-masker input:focus-visible,
.toolroll-app.toolroll-email-address-masker select:focus-visible,
.toolroll-app.toolroll-email-address-masker textarea:focus-visible { outline: 3px solid #ffbf47; outline-offset: 2px; }
.toolroll-app.toolroll-email-address-masker [data-role="status"] { min-height: 1.5em; padding: .7rem; border-left: 4px solid #767676; background: #f5f5f5; }
.toolroll-app.toolroll-email-address-masker [data-role="status"][data-state="success"] { border-color: #2e7d32; }
.toolroll-app.toolroll-email-address-masker [data-role="status"][data-state="error"] { border-color: #c62828; }
@media (max-width: 600px) {
  .toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__settings { grid-template-columns: 1fr; }
  .toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__actions button,
  .toolroll-app.toolroll-email-address-masker .toolroll-email-address-masker__copy button { width: 100%; }
}