/* Markdown editor (edit-control A5). Theme-token aware; degrades to a plain
   textarea if this file (or editor.js) fails to load. */
.pp-md { position: relative; }
.pp-md-head { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-bottom: .35rem; }
.pp-md-tabs { display: inline-flex; border: 1px solid var(--cf-border, #d3dbe9); border-radius: 8px; overflow: hidden; }
.pp-md-tab { border: 0; background: transparent; padding: .28rem .7rem; font-size: .82rem; font-weight: 600; cursor: pointer; color: var(--cf-muted, #6b7280); }
.pp-md-tab.on { background: var(--cf-primary, #5b54ec); color: #fff; }
.pp-md-bar { display: inline-flex; flex-wrap: wrap; gap: .2rem; }
.pp-md-btn { border: 1px solid var(--cf-border, #d3dbe9); background: var(--cf-surface, #fff); color: var(--cf-text, #1f2937); border-radius: 6px; min-width: 30px; height: 30px; padding: 0 .4rem; font-size: .82rem; font-weight: 700; cursor: pointer; line-height: 1; }
.pp-md-btn:hover { border-color: var(--cf-primary, #5b54ec); color: var(--cf-primary, #5b54ec); }
.pp-md-src { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9rem; line-height: 1.55; }
.pp-md-preview { border: 1px solid var(--cf-border, #d3dbe9); border-radius: 8px; padding: .7rem .9rem; min-height: 6rem; background: var(--cf-surface, #fff); }
.pp-md-preview > :first-child { margin-top: 0; }
.pp-md-preview > :last-child { margin-bottom: 0; }
.pp-md-preview pre { background: var(--cf-code-bg, #0f172a); color: #e5e7eb; padding: .7rem .9rem; border-radius: 8px; overflow: auto; }
.pp-md-preview code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .88em; }
.pp-md-preview :not(pre) > code { background: var(--cf-code-inline, rgba(99,102,241,.12)); padding: .1em .35em; border-radius: 4px; }
.pp-md-preview blockquote { border-left: 3px solid var(--cf-primary, #5b54ec); margin: .6rem 0; padding: .1rem .9rem; color: var(--cf-muted, #6b7280); }
.pp-md-preview a { color: var(--cf-primary, #5b54ec); }
.pp-md-preview img { max-width: 100%; height: auto; border-radius: 6px; }
.pp-md-empty { color: var(--cf-muted, #9ca3af); font-style: italic; }
.pp-md-hint { margin-top: .3rem; font-size: .72rem; color: var(--cf-muted, #9ca3af); }
