/* ── Pixel button ─────────────────────────────────────────── */
.pixel-btn {
  font-family: var(--font-pixel);
  font-size: 7px;
  background: var(--s2);
  color: var(--accent);
  border: 2px solid;
  border-color: var(--border-hi) var(--border-lo) var(--border-lo) var(--border-hi);
  padding: 7px 11px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  line-height: 1;
  user-select: none;
}

.pixel-btn:hover  { background: var(--s3); color: var(--text); }
.pixel-btn:active { border-color: var(--border-lo) var(--border-hi) var(--border-hi) var(--border-lo); }

/* ── Pixel text inputs ────────────────────────────────────── */
.meta-input {
  font-family: var(--font-vt);
  font-size: 17px;
  background: var(--bg);
  color: var(--text);
  border: 2px solid var(--divider);
  padding: 4px 6px;
  width: 100%;
  resize: none;
  outline: none;
  line-height: 1.3;
}

.meta-input:focus          { border-color: var(--accent-dim); }
.meta-input::placeholder   { color: var(--placeholder); }

textarea.meta-input {
  min-height: 72px;
  resize: vertical;
}

/* custom scrollbar for meta panel */
.photo-meta::-webkit-scrollbar        { width: 6px; }
.photo-meta::-webkit-scrollbar-track  { background: var(--bg); }
.photo-meta::-webkit-scrollbar-thumb  { background: var(--s2); }
.photo-meta::-webkit-scrollbar-thumb:hover { background: var(--accent-dim); }