.markdown-files { display:flex; align-items:end; flex-wrap:wrap; gap:16px; margin:24px 0; }
.markdown-files>div:first-child { flex:2; min-width:200px; }
.markdown-files>div:nth-child(2) { flex:1; min-width:160px; }
.markdown-actions,.markdown-toolbar { display:flex; flex-wrap:wrap; gap:8px; }
.markdown-toolbar { border:1px solid var(--line); padding:12px; border-radius:10px; background:#fff; }
.markdown-toolbar button { border:1px solid var(--line); background:white; color:var(--ink); border-radius:5px; padding:6px 10px; font-size:.85rem; }
.markdown-toolbar button:disabled { opacity:.4; }
.markdown-display { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:16px 0; font-size:.85rem; }
.markdown-display select { width:auto; }
#markdown-count { margin-left:auto; color:var(--muted); }
.markdown-workspace { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border:1px solid var(--line); background:#fff; border-radius:10px; overflow:hidden; }
.markdown-source-panel,.markdown-preview-panel { min-width:0; }
.markdown-source-panel>label,.markdown-preview-panel>h2 { display:block; margin:0; padding:12px 16px; border-bottom:1px solid var(--line); font-size:.9rem; font-weight:600; background:#f1f4f8; }
#markdown-source { display:block; width:100%; height:65vh; min-height:350px; border:0; padding:18px; resize:vertical; font:14px/1.65 ui-monospace,monospace; tab-size:2; background:#fff; color:var(--ink); }
.markdown-preview-panel { border-left:1px solid var(--line); }
#markdown-preview { min-height:350px; max-height:75vh; padding:24px; overflow:auto; }
.markdown-workspace[data-view=write] { grid-template-columns:1fr; }.markdown-workspace[data-view=write] .markdown-preview-panel { display:none; }
.markdown-workspace[data-view=preview] { grid-template-columns:1fr; }.markdown-workspace[data-view=preview] .markdown-source-panel { display:none; }
#markdown-status[data-error=true] { color:#b02a37; }
@media(max-width:750px) { .markdown-workspace { grid-template-columns:1fr; }.markdown-preview-panel { border-left:0; border-top:1px solid var(--line); }#markdown-source { height:40vh; min-height:260px; }#markdown-count { margin-left:0; } }
@media print {
  body { background:#fff!important; }
  body>header,body>footer,.skip-link,.markdown-back,.markdown-editor>:not(.markdown-workspace),.markdown-source-panel,.markdown-preview-panel>h2 { display:none!important; }
  .site-main { max-width:none!important; width:100%!important; padding:0!important; margin:0!important; }
  .markdown-workspace,.markdown-workspace[data-view=write] .markdown-preview-panel { display:block!important; border:0; border-radius:0; overflow:visible; }
  .markdown-preview-panel { border:0; }
  #markdown-preview { max-height:none; min-height:0; padding:0; overflow:visible; }
}