/* pages — editor chrome (toolbar, split, status). Colours come from base.css tokens. */
.md-toolbar { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; padding: .4rem .5rem;
  border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.md-tb-group { display: flex; gap: .15rem; padding-right: .4rem; border-right: 1px solid var(--border); }
.md-tb-group:last-of-type { border-right: 0; }
.md-tb { font: inherit; font-size: .8rem; line-height: 1; min-width: 2em; padding: .45rem .5rem; cursor: pointer;
  border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--ink); }
.md-tb:hover { background: var(--accent-soft); border-color: var(--border); }
.md-tb-right { margin-left: auto; display: flex; gap: .25rem; align-items: center; }
.md-tb-right .md-tb { border-color: var(--border); }
.md-file { font-size: .72rem; color: var(--muted); margin-right: .4rem; max-width: 14em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-status { font-size: .7rem; color: var(--muted); margin-top: .3rem; }
.ed-split { display: grid; grid-template-columns: 1fr 6px 1fr; gap: 0 .5rem; align-items: stretch; }
.ed-handle { cursor: col-resize; border-radius: 3px; background: var(--border); align-self: stretch; }
.ed-handle:hover { background: var(--accent); }
.ed-body { min-height: 26rem; resize: vertical; line-height: 1.5; tab-size: 4; }
.ed-preview { min-height: 26rem; }
@media (max-width: 46rem) {
  .ed-split { grid-template-columns: 1fr !important; }
  .ed-handle { display: none; }
  .md-tb-right { margin-left: 0; width: 100%; flex-wrap: wrap; }
  .ed-body, .ed-preview { min-height: 16rem; }
}
.ed-anon-bar { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; justify-content: space-between;
  padding: .6rem .9rem; margin-bottom: .8rem; border: 1px solid var(--border); border-radius: 10px; background: var(--accent-soft); font-size: .9rem; }
.ed-anon-bar p { margin: 0; }
@media print {
  header.appbar, .nav-menu, .md-toolbar, .ed-body, .ed-handle, .md-status, .ed-anon-bar, .ed-share, .ed-theme,
  .ed-comments, .ed-title-row, .row-between, .theme-pick, .comments, .no-print { display: none !important; }
  .ed-split { display: block !important; }
  .ed-preview { border: 0 !important; background: #fff !important; color: #000 !important; max-height: none !important; overflow: visible !important; padding: 0 !important; }
  main.container { max-width: none !important; padding: 0 !important; }
  body { background: #fff !important; color: #000 !important; }
}