/* Base64 Studio — workspace-specific styles (flagship Wave 1).
   Shared tokens and components come from the site stylesheet; only
   the mode toggle, monospaced text areas and file-stats panel that
   are unique to this workspace live here. Colours use the
   var(--color-…) tokens: navy #142B4A, blue #2563EB (hover #1D4ED8),
   teal #14B8A6 fills only, teal text #0F766E, background #F8FAFC,
   surface #FFFFFF, text #334155, muted #64748B, border #E2E8F0,
   success #15803D, warning #B45309, error #B91C1C. */

#b64-workspace .btn.is-active {
  background: var(--color-navy, #142B4A);
  border-color: var(--color-navy, #142B4A);
  color: var(--color-surface, #FFFFFF);
}

#b64-workspace textarea,
#b64-workspace input[type="text"] {
  min-height: 46px;
  border-radius: 10px;
}

#b64-text-input,
#b64-text-output,
#b64-file-output,
#b64-decode-input {
  font-family: var(--font-mono, "JetBrains Mono", ui-monospace, monospace);
  word-break: break-all;
}

#b64-file-stats {
  background: var(--color-bg, #F8FAFC);
  border: 1px solid var(--color-border, #E2E8F0);
  border-radius: 12px;
  color: var(--color-text, #334155);
  padding: 16px;
}

#b64-file-stats:empty { display: none; }

#b64-panel-file h3 { color: var(--color-navy, #142B4A); }

#b64-workspace input[type="checkbox"] {
  accent-color: var(--color-blue, #2563EB);
  width: 18px; height: 18px;
}

#b64-workspace input[type="checkbox"]:hover {
  accent-color: var(--color-blue-hover, #1D4ED8);
}

#b64-workspace .status-line.is-ok { color: var(--color-success, #15803D); }
#b64-workspace .status-line.is-error { color: var(--color-error, #B91C1C); }