body > .tool-page.tool-page--markdown-preview { width: 100%; max-width: none; margin: 0; padding: 0; }
.markdown-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; height: 100%; min-height: 0; text-align: left; }
.markdown-panel { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.markdown-preview { border-left: 2px solid var(--eyy-border, #101010); }
.markdown-heading { display: flex; align-items: center; justify-content: space-between; flex: none; min-width: 0; min-height: 48px; gap: 8px; padding: 6px 10px; border-bottom: 2px solid var(--eyy-border, #101010); }
.markdown-heading h1, .markdown-heading h2 { margin: 0; font-size: .8rem; font-weight: 600; }
.markdown-actions { display: flex; align-items: center; flex: none; gap: 6px; }
.tool-page--markdown-preview .markdown-heading button:not(.default), .tool-page--markdown-preview .markdown-switch button:not(.default) { min-height: 30px; padding: 4px 9px; font-size: .8rem; }
.tool-page--markdown-preview .markdown-heading button:disabled { opacity: .46; cursor: default; }
.tool-page--markdown-preview #markdown-input { flex: 1 1 0; width: 100%; min-width: 0; min-height: 0; margin: 0; padding: 14px; border: 0; border-radius: 0; outline: 0; box-shadow: none; background: #000; color: #eee; font: 500 .8rem/1.65 ui-monospace, SFMono-Regular, Consolas, monospace; resize: none; }
.markdown-content { flex: 1 1 0; min-width: 0; min-height: 0; padding: 16px 20px; overflow: auto; overflow-wrap: anywhere; color: #e7e7ed; line-height: 1.65; }
.markdown-content, .tool-page--markdown-preview #markdown-input { scrollbar-width: thin; scrollbar-color: #45454f transparent; }
.markdown-content > :first-child { margin-top: 0; }
.markdown-content > :last-child { margin-bottom: 0; }
.markdown-content .markdown-empty { display: grid; height: 100%; margin: 0; place-items: center; color: #9999a7; }
.markdown-content :is(h1, h2, h3, h4, h5, h6) { margin: 1.4em 0 .55em; color: #fff; line-height: 1.3; font-weight: 600; }
.markdown-content h1 { font-size: 1.7rem; } .markdown-content h2 { font-size: 1.35rem; } .markdown-content h3 { font-size: 1.1rem; }
.markdown-content :is(h4, h5, h6) { font-size: .95rem; }
.markdown-content p, .markdown-content ul, .markdown-content ol, .markdown-content blockquote, .markdown-content pre, .markdown-content table { margin: 0 0 1em; }
.markdown-content :is(ul, ol) { padding-left: 1.7em; }
.markdown-content li + li { margin-top: .25em; }
.markdown-content li > :is(ul, ol) { margin: .25em 0 0; }
.markdown-content a { color: #a99aff; text-decoration: underline; text-underline-offset: 2px; }
.markdown-content img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; }
.markdown-content blockquote { padding: .1em 0 .1em 1em; border-left: 2px solid #7563c5; color: #bcbac8; }
.markdown-content blockquote > :last-child { margin-bottom: 0; }
.markdown-content :is(code, pre) { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .8rem; }
.markdown-content :not(pre) > code { padding: .1em .3em; border: 1px solid #292931; border-radius: 3px; color: #d3c8ff; }
.markdown-content pre { padding: 10px 12px; border: 2px solid #1e1e1e; border-radius: 4px; white-space: pre-wrap; overflow-wrap: anywhere; }
.markdown-content table { width: 100%; table-layout: fixed; border-collapse: collapse; text-align: left; }
.markdown-content :is(th, td) { padding: 6px 8px; border: 2px solid #1e1e1e; vertical-align: top; }
.markdown-content th { color: #fff; font-weight: 600; }
.markdown-content hr { height: 0; margin: 1.3em 0; border: 0; border-top: 2px solid #1e1e1e; }
.markdown-content .markdown-task { list-style: none; }
.markdown-content .markdown-task input { margin: 0 .35em 0 -1.4em; accent-color: #a48bff; vertical-align: middle; }
.markdown-switch { display: none; }
@media (max-width: 700px) {
    .markdown-workspace { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
    .markdown-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 7px 10px; border-bottom: 2px solid var(--eyy-border, #101010); }
    .tool-page--markdown-preview .markdown-switch button[aria-pressed="true"] { border-color: #a48bff; color: #fff; }
    .markdown-workspace[data-view="edit"] .markdown-preview, .markdown-workspace[data-view="preview"] .markdown-editor { display: none; }
    .markdown-preview { border-left: 0; }
    .markdown-content { padding: 14px; }
}