/* whi.net /base64-encoder/ — additions on top of shared/styles/base.css + site.css
   (.tabs/.tab, .field/.field-row/.field-group, .btn--sm, .faq-item, .dropzone live in site.css/base.css) */

.b64-options {
  margin-bottom: var(--space-4);
}

.b64-check {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 0.9rem;
}

.b64-textarea {
  min-height: 130px;
  resize: vertical;
  font-family: var(--font-mono);
  font-size: 0.92rem;
  line-height: 1.5;
  padding-right: var(--space-8);
}

.b64-output-wrap {
  position: relative;
}

.b64-copy-btn {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
}

.b64-status {
  margin: var(--space-4) 0;
  font-size: 0.9rem;
}

.b64-status:empty {
  margin: 0;
}

.b64-status-ok {
  color: var(--color-success);
}

.b64-status-error {
  color: var(--color-danger);
}

.b64-file-output-group {
  margin-top: var(--space-4);
}