.marlaine-tools-workspace-v128 {
  --mt-border: #dce5ec;
  --mt-border-soft: #e8edf2;
  --mt-surface: #ffffff;
  --mt-surface-alt: #f6f9fb;
  --mt-surface-cyan: #f1fbfd;
  --mt-text: #101828;
  --mt-muted: #667085;
  width: 100%;
  padding-inline: clamp(0.75rem, 1.4vw, 1.5rem);
}

.marlaine-tools-page-header-v128 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  min-height: 6.75rem;
  padding: 0.25rem 0.25rem 0.5rem;
}

.marlaine-tools-page-header-v128 h1 {
  color: var(--mt-text);
  font-size: clamp(1.75rem, 2vw, 2.125rem);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.marlaine-tools-page-header-v128 p {
  max-width: 60rem;
  color: var(--mt-muted);
  line-height: 1.55;
}

.marlaine-tools-workspace-v128 .smtp-tabs-v67,
.marlaine-tools-tabs-v128 {
  gap: 0.5rem;
  margin: 0 0 1.5rem;
  padding: 0.45rem;
  border: 1px solid var(--mt-border);
  border-radius: 1rem;
  background: #eef3f7;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.marlaine-tools-workspace-v128 .smtp-tabs-v67 button,
.marlaine-tools-tabs-v128 button {
  min-height: 2.7rem;
  border-radius: 0.75rem;
  color: #526176;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0;
}

.marlaine-tools-workspace-v128 .smtp-tabs-v67 button.is-active,
.marlaine-tools-tabs-v128 button.is-active {
  background: #fff;
  color: #101828;
  box-shadow: 0 5px 16px rgba(15,23,42,.09);
}

.marlaine-tools-card-v128 {
  overflow: hidden;
  border: 1px solid var(--mt-border-soft) !important;
  border-radius: 1.65rem !important;
  background: var(--mt-surface);
  box-shadow: 0 10px 30px rgba(15,23,42,.055) !important;
}

.marlaine-tools-card-v128 > div:first-child {
  background: var(--mt-surface-alt);
  border-bottom-color: var(--mt-border-soft) !important;
}

.marlaine-tools-card-v128 > div:first-child h2 {
  color: var(--mt-text);
  font-size: 0.95rem;
  font-weight: 850;
}

.marlaine-tools-card-v128 > div:first-child p {
  color: var(--mt-muted);
  line-height: 1.5;
}

.marlaine-tools-workspace-v128 > .grid > .marlaine-tools-card-v128:nth-child(even),
.marlaine-tools-workspace-v128 > .marlaine-tools-card-v128:nth-of-type(even) {
  background: var(--mt-surface-cyan);
}

.marlaine-tools-workspace-v128 .input {
  min-height: 2.75rem;
  border-color: #d8e1e8;
  border-radius: 0.8rem;
  background: #fff;
  font-size: 0.8125rem;
}

.marlaine-tools-workspace-v128 textarea.input {
  line-height: 1.55;
}

.marlaine-tools-workspace-v128 button {
  transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.marlaine-tools-workspace-v128 button:not(:disabled):active {
  transform: translateY(1px);
}

.dark .marlaine-tools-workspace-v128 {
  --mt-border: rgba(255,255,255,.11);
  --mt-border-soft: rgba(255,255,255,.09);
  --mt-surface: #111418;
  --mt-surface-alt: #151a20;
  --mt-surface-cyan: #101a1e;
  --mt-text: #f8fafc;
  --mt-muted: #98a2b3;
}

.dark .marlaine-tools-workspace-v128 .smtp-tabs-v67,
.dark .marlaine-tools-tabs-v128 {
  background: #0f151e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.dark .marlaine-tools-workspace-v128 .smtp-tabs-v67 button.is-active,
.dark .marlaine-tools-tabs-v128 button.is-active {
  background: #1a222c;
  color: #fff;
}

.dark .marlaine-tools-workspace-v128 .input {
  border-color: rgba(255,255,255,.11);
  background: #0d1014;
}

@media (max-width: 760px) {
  .marlaine-tools-workspace-v128 {
    padding-inline: 0.5rem;
  }

  .marlaine-tools-page-header-v128 {
    align-items: flex-start;
    min-height: 0;
    padding-top: 0.5rem;
  }

  .marlaine-tools-workspace-v128 .smtp-tabs-v67,
  .marlaine-tools-tabs-v128 {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .marlaine-tools-workspace-v128 .smtp-tabs-v67 button,
  .marlaine-tools-tabs-v128 button {
    flex: 0 0 auto;
  }
}