/* ── Shared styles ─────────────────────────────────────────── */
body { background: #f8f9fa; }

/* Upload zone */
#UploadZone {
  border: 2px dashed #dee2e6;
  border-radius: .5rem;
  padding: 3rem 1.5rem;
  text-align: center;
  cursor: pointer;
  transition: border-color .2s, background .2s;
}
#UploadZone:hover, #UploadZone.dragover {
  border-color: #0d6efd;
  background: #f0f6ff;
}
#UploadZone input[type="file"] { display: none; }

/* Result panes */
.ResultPre {
  max-height: 460px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: .78rem;
  background: #f8f9fa;
}

/* github-markdown-css handles table/code/blockquote — only constrain height */
.PreviewPane {
  max-height: 460px;
  overflow: auto;
  font-size: .85rem;
}

/* Server file browser */
.FileBrowser {
  height: 560px;
  overflow-y: auto;
  font-size: .82rem;
}
.FileEntry {
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: .25rem .5rem;
  border-radius: .3rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}
.FileEntry:hover { background: #e9ecef; }
.FileEntry.selected { background: #cfe2ff; color: #084298; font-weight: 500; }
.FileEntry.dir { color: #495057; }
.FileEntry.file { color: #212529; }
.indent-1 { padding-left: 1.4rem; }
.indent-2 { padding-left: 2.6rem; }
.indent-3 { padding-left: 3.8rem; }
.indent-4 { padding-left: 5rem; }

.path-badge { font-size: .72rem; font-family: monospace; word-break: break-all; }