/* _content/BPack.LiveMarkdown/BpLiveMarkdown.razor.rz.scp.css */
/* BpLiveMarkdown — 색은 var(--bp-*) 토큰만. ProseMirror 가 그리는 DOM 은 ::deep 로 닿는다. */
.bp-live-markdown[b-sxur0t7h2t] { position: relative; color: var(--bp-text-primary); }

.bp-lm-toolbar[b-sxur0t7h2t] { position: sticky; top: var(--bp-lm-toolbar-top, 0); /* 스크롤 컨테이너에 윗 여백이 있으면 호스트가 음수로 맞춘다 */ z-index: 2; display: flex; align-items: center; flex-wrap: wrap; gap: var(--bp-space-1);
    margin-bottom: var(--bp-space-3); padding: var(--bp-space-1); background: var(--bp-bg-surface);
    border: 1px solid var(--bp-border-default); border-radius: var(--bp-radius-md); }
.bp-lm-group[b-sxur0t7h2t] { display: inline-flex; gap: 2px; padding-right: var(--bp-space-1); border-right: 1px solid var(--bp-border-light); }
.bp-lm-group:last-of-type[b-sxur0t7h2t] { border-right: none; }
.bp-lm-spacer[b-sxur0t7h2t] { flex: 1; }
.bp-lm-hint[b-sxur0t7h2t] { font-size: 12px; color: var(--bp-text-tertiary); padding: 0 var(--bp-space-2); }
.bp-lm-empty[b-sxur0t7h2t] { color: var(--bp-text-tertiary); margin: 0; }
.bp-lm-source[b-sxur0t7h2t] { min-height: 320px; }
.bp-lm-source[b-sxur0t7h2t]  textarea { font-family: var(--bp-font-mono); font-size: 13px; line-height: 1.6; }

.bp-lm-surface[b-sxur0t7h2t]  .ProseMirror { outline: none; line-height: 1.7; font-size: 15px; min-height: 2em; }
.is-editable .bp-lm-surface[b-sxur0t7h2t]  .ProseMirror { caret-color: var(--bp-text-brand); }
.bp-lm-surface[b-sxur0t7h2t]  h1 { font-size: 1.7em; margin: 0 0 .6em; }
.bp-lm-surface[b-sxur0t7h2t]  h2 { font-size: 1.35em; margin: 1.4em 0 .5em; padding-bottom: .25em; border-bottom: 1px solid var(--bp-border-light); }
.bp-lm-surface[b-sxur0t7h2t]  h3 { font-size: 1.12em; margin: 1.2em 0 .4em; }
.bp-lm-surface[b-sxur0t7h2t]  p { margin: .5em 0; }
.bp-lm-surface[b-sxur0t7h2t]  ul { list-style: disc; padding-left: 1.6em; margin: .4em 0; }
.bp-lm-surface[b-sxur0t7h2t]  ol { list-style: decimal; padding-left: 1.6em; margin: .4em 0; }
.bp-lm-surface[b-sxur0t7h2t]  li { display: list-item; list-style: inherit; }
.bp-lm-surface[b-sxur0t7h2t]  li p { margin: .15em 0; }
.bp-lm-surface[b-sxur0t7h2t]  img { max-width: 100%; border: 1px solid var(--bp-border-light); border-radius: var(--bp-radius-md); vertical-align: middle; }
.is-read .bp-lm-surface[b-sxur0t7h2t]  img { cursor: zoom-in; }
.bp-lm-surface[b-sxur0t7h2t]  img[data-blocked] { display: none; }
.bp-lm-surface[b-sxur0t7h2t]  table { border-collapse: collapse; margin: .8em 0; width: 100%; }
.bp-lm-surface[b-sxur0t7h2t]  th, .bp-lm-surface[b-sxur0t7h2t]  td { border: 1px solid var(--bp-border-default); padding: 6px 10px; vertical-align: top; }
.bp-lm-surface[b-sxur0t7h2t]  th { background: var(--bp-bg-muted); text-align: left; }
.bp-lm-surface[b-sxur0t7h2t]  th p, .bp-lm-surface[b-sxur0t7h2t]  td p { margin: 0; }
.bp-lm-surface[b-sxur0t7h2t]  .selectedCell { background: var(--bp-accent-op-01); }
.bp-lm-surface[b-sxur0t7h2t]  code { font-family: var(--bp-font-mono); font-size: .9em; background: var(--bp-bg-muted); padding: 1px 4px; border-radius: var(--bp-radius-xs); }
.bp-lm-surface[b-sxur0t7h2t]  pre { background: var(--bp-bg-muted); padding: var(--bp-space-3); border-radius: var(--bp-radius-md); overflow-x: auto; margin: .6em 0; }
.bp-lm-surface[b-sxur0t7h2t]  pre code { background: none; padding: 0; font-size: 13px; }
.bp-lm-surface[b-sxur0t7h2t]  blockquote { margin: .6em 0; padding: .2em 1em; border-left: 3px solid var(--bp-border-brand); color: var(--bp-text-secondary); }
.bp-lm-surface[b-sxur0t7h2t]  hr { border: none; border-top: 1px solid var(--bp-border-default); margin: 1.2em 0; }
.bp-lm-surface[b-sxur0t7h2t]  a { color: var(--bp-text-brand); text-decoration: underline; cursor: pointer; }
.bp-lm-surface[b-sxur0t7h2t]  p.is-editor-empty:first-child::before { content: attr(data-placeholder); color: var(--bp-text-tertiary); float: left; height: 0; pointer-events: none; }

/* Mermaid — 읽기 모드는 도식만, 편집 모드는 원문 + 도식 */
.bp-lm-surface[b-sxur0t7h2t]  .bp-lm-code.is-mermaid pre { margin-bottom: 0; }
.is-read .bp-lm-surface[b-sxur0t7h2t]  .bp-lm-code.is-mermaid pre { display: none; }
.bp-lm-surface[b-sxur0t7h2t]  .bp-lm-mermaid { display: flex; justify-content: center; padding: var(--bp-space-3); border: 1px dashed var(--bp-border-light); border-radius: var(--bp-radius-md); margin: .4em 0 .6em; overflow-x: auto; }
.is-read .bp-lm-surface[b-sxur0t7h2t]  .bp-lm-mermaid { border: none; }
.bp-lm-surface[b-sxur0t7h2t]  .bp-lm-mermaid.is-error { color: var(--bp-error); font-size: 13px; }

/* 코드 하이라이트(lowlight · hljs 클래스) */
.bp-lm-surface[b-sxur0t7h2t]  .hljs-comment, .bp-lm-surface[b-sxur0t7h2t]  .hljs-quote { color: var(--bp-text-tertiary); font-style: italic; }
.bp-lm-surface[b-sxur0t7h2t]  .hljs-keyword, .bp-lm-surface[b-sxur0t7h2t]  .hljs-selector-tag, .bp-lm-surface[b-sxur0t7h2t]  .hljs-built_in { color: var(--bp-accent-600); }
.bp-lm-surface[b-sxur0t7h2t]  .hljs-string, .bp-lm-surface[b-sxur0t7h2t]  .hljs-attr, .bp-lm-surface[b-sxur0t7h2t]  .hljs-template-variable { color: var(--bp-success-600); }
.bp-lm-surface[b-sxur0t7h2t]  .hljs-number, .bp-lm-surface[b-sxur0t7h2t]  .hljs-literal { color: var(--bp-warning-600); }
.bp-lm-surface[b-sxur0t7h2t]  .hljs-title, .bp-lm-surface[b-sxur0t7h2t]  .hljs-section, .bp-lm-surface[b-sxur0t7h2t]  .hljs-function { color: var(--bp-info-600); }
.bp-lm-surface[b-sxur0t7h2t]  .hljs-variable, .bp-lm-surface[b-sxur0t7h2t]  .hljs-params { color: var(--bp-text-primary); }

/* 엔진이 모르는 HTML 블록 — 글자만 보인다. 편집 모드에서 누르면 원문 모드 */
.bp-lm-surface[b-sxur0t7h2t]  .bp-lm-raw { margin: .5em 0; padding: var(--bp-space-2) var(--bp-space-3); border: 1px dashed var(--bp-border-default);
    border-radius: var(--bp-radius-md); color: var(--bp-text-secondary); font-size: 13px; }
.is-editable .bp-lm-surface[b-sxur0t7h2t]  .bp-lm-raw { cursor: pointer; }
.is-read .bp-lm-surface[b-sxur0t7h2t]  .bp-lm-raw.is-comment { display: none; }

/* 공동 편집 — 다른 사용자 커서·이름표(DES-F02-COLLAB §화면). 색은 사용자 색(인라인) — 나머지는 토큰. */
.bp-lm-surface[b-sxur0t7h2t]  .collaboration-carets__caret { position: relative; margin-left: -1px; margin-right: -1px; border-left: 2px solid; border-right: 0; word-break: normal; pointer-events: none; }
.bp-lm-surface[b-sxur0t7h2t]  .collaboration-carets__label { position: absolute; top: -1.4em; left: -2px; padding: 1px 6px; border-radius: var(--bp-radius-sm) var(--bp-radius-sm) var(--bp-radius-sm) 0; color: #fff; font-size: 11px; font-weight: 600; line-height: 1.4; white-space: nowrap; user-select: none; }

/* _content/BPack.LiveMarkdown/BpLiveMarkdownLinkDialog.razor.rz.scp.css */
.bp-lm-link-dialog[b-fu14r74vw6] { display: flex; flex-direction: column; gap: var(--bp-space-3); min-width: 360px; }
.bp-lm-link-error[b-fu14r74vw6] { margin: 0; color: var(--bp-error); font-size: 13px; }