/* All surfaces share the selected Zed theme, including popovers and scrollbars. */
:root{--t-code-selection:color-mix(in srgb,var(--t-accent) 20%,var(--t-bg))}
/* Native selections cover text; use a readable foreground in previews and inputs. */
::selection{background:var(--t-selected);color:var(--t-text)}
:root[data-editor-theme][data-theme]{--bg:var(--t-bg);--panel:var(--t-panel);--line:var(--t-border);--text:var(--t-text);--muted:var(--t-muted);--accent:var(--t-accent);--scroll-thumb:var(--t-scroll);--scroll-hover:var(--t-icon)}
html[data-editor-theme] body{background:var(--t-bg);color:var(--t-text)}
html[data-editor-theme] :is(header,footer){background:var(--t-chrome);border-color:var(--t-border);color:var(--t-muted)}
html[data-editor-theme] :is(aside,.rail,#tabs,.tab){background:var(--t-panel);border-color:var(--t-border)}
html[data-editor-theme] :is(#viewport,#file-toolbar,.tab.active,.line-number,.project-search,#history-panel,#review-panel){background:var(--t-bg);color:var(--t-code);border-color:var(--t-divider)}
html[data-editor-theme] :is(.project-button,.tree-row,.tab.active,.file-result,.command-result,.search-hit,#welcome h1,.welcome-actions button,.result-title){color:var(--t-text)}
html[data-editor-theme] :is(.quick,.header-mode,#revision-label,#theme-toggle,.rail button,.tab,#file-toolbar,#file-toolbar button,.muted,.intro,.welcome-note,.welcome-actions button small,.file-result small,.command-result kbd,.palette-foot,.search-summary,.result-title small,.symbol small){color:var(--t-muted)}
html[data-editor-theme] :is(.tree-row>.zi,.tree-row>.zi:first-child,.tab .tab-name .zi,.file-result .zi,.welcome-actions .zi){color:var(--t-icon)}
html[data-editor-theme] :is(.tree-row.active,.file-result.chosen,.command-result.chosen,.rail button.selected,.theme-choice.chosen,.branch-choice:focus-visible,.project-choice.current,.commit-row.chosen,.change-file.chosen){background:var(--t-selected);color:var(--t-text);outline-color:var(--t-focus)}
html[data-editor-theme] :is(button:hover,.tree-row:hover,.welcome-actions button:hover,.symbol:hover){background:var(--t-hover);border-color:var(--t-border);color:var(--t-text)}
html[data-editor-theme] .tree-row.active:hover{background:var(--t-selected)}
html[data-editor-theme] :is(.code-row.target,.code-row.target .line-number){background:var(--t-active)}
html[data-editor-theme] .line-number{color:var(--t-number)}
html[data-editor-theme] .code-row.target .line-number{color:var(--t-number-active)}
html[data-editor-theme] .code-text :is(.k,.kt){color:var(--t-keyword)}
html[data-editor-theme] .code-text .s{color:var(--t-string)}
html[data-editor-theme] .code-text .nf{color:var(--t-function)}
html[data-editor-theme] .code-text .nc{color:var(--t-type)}
html[data-editor-theme] .code-text :is(.nb,.nv){color:var(--t-variable)}
html[data-editor-theme] .code-text .m{color:var(--t-number-syntax)}
html[data-editor-theme] .code-text :is(.o,.p){color:var(--t-operator)}
html[data-editor-theme] .code-text .c{color:var(--t-comment)}
html[data-editor-theme] :is(dialog,#palette,#command-palette,.result-title){background:var(--t-popup);border-color:var(--t-border);color:var(--t-text)}
html[data-editor-theme] :is(dialog input,#path-filters input,.search-field){background:var(--t-bg);border-color:var(--t-border);color:var(--t-text)}
html[data-editor-theme] :is(.palette-top input,.command-input input,#search-input){background:transparent;color:var(--t-text)}
html[data-editor-theme] :is(.palette-top,.palette-foot,.command-input,.search-summary,#workspace-name,.tree-children){border-color:var(--t-divider)}
html[data-editor-theme] #workspace-name{color:var(--t-text)}
html[data-editor-theme] :is(.command-result mark,.file-result mark){color:var(--t-accent)}
html[data-editor-theme] .search-hit mark{background:var(--t-match);color:var(--t-text)}
html[data-editor-theme] :is(.search-hit:hover,.selected-match){background:var(--t-hover)!important}
html[data-editor-theme] .search-toggle{color:var(--t-icon)}
html[data-editor-theme] .search-toggle:has(input:checked){background:var(--t-selected);color:var(--t-accent)}
html[data-editor-theme] input:focus{border-color:var(--t-focus)}
html[data-editor-theme] .primary{background:var(--t-selected);border-color:var(--t-focus);color:var(--t-text)}
html[data-editor-theme] .tree-row{padding:3px 10px;gap:6px}
html[data-editor-theme] .tree-row[aria-expanded]>.zi:first-child{width:16px}
html[data-editor-theme] .tree-row .zi svg{width:16px;height:16px}
.tree-children{margin-left:16px}
#branch-button{border:0;display:flex;align-items:center;gap:5px;padding:2px 5px;min-width:0;max-width:23%}
#revision-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#branch-button .zi{width:12px;height:12px}#branch-button svg{width:12px;height:12px}
.anchored-popover{position:fixed;inset:34px auto auto 8px;margin:0;padding:5px;width:360px;max-width:calc(100vw - 16px);border-radius:6px}
.anchored-popover::backdrop,#theme-picker::backdrop{background:transparent}
#branches-popover{left:180px;width:320px;max-width:calc(100vw - 190px)}
#project-list,#branch-list,#theme-list{max-height:45vh;overflow:auto}
.project-choice{display:flex;align-items:center;border-radius:3px}
.project-choice>button:first-child{flex:1;min-width:0}
.project-choice>button{border:0;display:flex;align-items:center;gap:7px;padding:6px}
.project-choice span:not(.zi){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-choice small{color:var(--t-muted);margin-left:auto;max-width:100px;overflow:hidden;text-overflow:ellipsis}
#project-open-local,#project-open-remote{width:100%;display:flex;align-items:center;gap:7px;border:0;padding:7px}
.popover-actions{border-top:1px solid var(--t-border);margin-top:4px;padding-top:4px}
.branch-choice,.theme-choice{border:0;width:100%;display:flex;gap:8px;align-items:center;padding:6px 8px;text-align:left;min-height:30px}
.branch-choice>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis}
#branch-query,#theme-query{margin:0 0 4px;border:0;border-bottom:1px solid var(--t-border);border-radius:0;background:transparent;padding:8px}
#branch-note{margin:4px;padding:6px;font-size:11px;color:var(--t-muted)}
#theme-picker{padding:5px;width:480px;margin-top:9vh}
.theme-choice small{margin-left:auto;color:var(--t-muted)}.theme-swatch{font:11px var(--mono);width:25px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:3px}
#vim-toggle{white-space:nowrap;font-size:10px;padding:0 4px;color:var(--t-muted)}#vim-toggle[aria-pressed="true"]{color:var(--t-accent)}
#vim-caret{position:absolute;width:8.5px;height:23px;background:var(--t-accent);opacity:.5;pointer-events:none;z-index:2;mix-blend-mode:normal}
html[data-editor-theme] .code-row.vim-selected{background:var(--t-selected)}
#history-panel,#review-panel{display:flex;flex:1;min-height:0;flex-direction:column}
.view-toolbar{height:38px;flex-shrink:0;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--t-divider);padding:0 12px}
.view-toolbar strong{font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.view-toolbar>span{color:var(--t-muted);font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.view-toolbar>button{border:0;padding:4px 6px;font-size:11px;white-space:nowrap}.view-toolbar>button:first-of-type{margin-left:auto}
.history-layout{display:grid;grid-template-columns:minmax(230px,38%) minmax(0,1fr);flex:1;min-height:0}
#commit-list{overflow:auto;border-right:1px solid var(--t-border);padding:5px}
.commit-row{width:100%;display:flex;align-items:center;gap:10px;border:0;text-align:left;padding:9px 6px;border-radius:3px}
.commit-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.commit-row strong{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commit-row small,.commit-row>code{font-size:10px;color:var(--t-muted)}
.commit-node{width:7px;height:7px;flex-shrink:0;border:1px solid var(--t-accent);border-radius:50%;position:relative}.commit-node:after{content:'';position:absolute;width:1px;height:41px;background:var(--t-divider);top:8px;left:2px}
#commit-detail{overflow:auto;min-width:0}.commit-heading{padding:16px;border-bottom:1px solid var(--t-divider);display:flex;flex-direction:column;gap:8px}.commit-heading small{color:var(--t-muted)}.commit-heading p{white-space:pre-wrap;font-size:12px;margin:0;overflow-wrap:anywhere}
.commit-files{padding:6px;border-bottom:1px solid var(--t-divider);max-height:180px;overflow:auto}
.change-file{display:flex;align-items:center;gap:6px;width:100%;border:0;padding:5px 7px;text-align:left;min-height:28px;font-size:12px}.change-file>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.change-file .zi{color:var(--t-icon)}.change-status{color:var(--t-number-syntax);font:11px var(--mono)}.change-status.added{color:var(--t-string)}.change-status.removed{color:#d46b72}
.review-layout{display:grid;grid-template-columns:220px minmax(0,1fr);flex:1;min-height:0}
#review-files{border-right:1px solid var(--t-border);overflow:auto;padding:6px}
#review-diff{overflow:auto;min-width:0}
.diff-file-heading{height:36px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid var(--t-divider);background:var(--t-panel);font:12px var(--mono);position:sticky;top:0;z-index:2}.diff-file-heading>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-file-heading small{white-space:nowrap;color:var(--t-muted)}.diff-file-heading label{margin-left:auto;display:flex;align-items:center;font:11px var(--font);white-space:nowrap}.diff-file-heading input{accent-color:var(--t-accent)}
.diff-lines{font:12px/21px var(--mono);min-width:max-content}.diff-row{display:flex;white-space:pre;min-height:21px}.diff-number{display:inline-block;width:42px;flex-shrink:0;text-align:right;padding-right:10px;color:var(--t-number);user-select:none}.diff-lines code{font:inherit;white-space:pre;padding-right:15px}.diff-hunk{padding:6px 12px;background:var(--t-panel);color:var(--t-muted);font-size:11px}.diff-lines.split{min-width:100%}.diff-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diff-pair>div{display:flex;min-width:0;overflow:auto;scrollbar-width:none}.diff-pair>div+div{border-left:1px solid var(--t-border)}.add{background:color-mix(in srgb,var(--t-string) 13%,transparent)}.del{background:color-mix(in srgb,#d46b72 13%,transparent)}.diff-empty{background:var(--t-active)}.view-message{padding:14px;font-size:12px;line-height:1.6;color:var(--t-muted);overflow-wrap:anywhere}.load-more{display:block;margin:12px auto;font-size:11px}
.resize-handle:focus-visible{outline:1px solid var(--t-focus);background:var(--t-selected)}
@media(max-width:850px){.history-layout{grid-template-columns:minmax(180px,36%) minmax(0,1fr)}.review-layout{grid-template-columns:155px minmax(0,1fr)}.commit-row>code{display:none}.view-toolbar>span{display:none}}
@media(max-width:600px){.history-layout{grid-template-columns:1fr;grid-template-rows:35% minmax(0,1fr)}#commit-list{border-right:0;border-bottom:1px solid var(--t-border)}.review-layout{grid-template-columns:1fr;grid-template-rows:25% minmax(0,1fr)}#review-files{border-right:0;border-bottom:1px solid var(--t-border)}.quick{font-size:0;gap:0}.quick:after{content:'⌘ ⇧ P';font-size:10px}#branches-popover{left:8px;max-width:calc(100vw - 16px)}footer{gap:8px}#engine-status{display:none}}
html[data-editor-theme] .tree-row:not([aria-expanded]),html[data-editor-theme] .tree-children .tree-row:not([aria-expanded]){padding-left:10px}
.tree-children{margin-left:15px}
.popover-heading{padding:6px 8px;font-size:11px;font-weight:600;color:var(--t-muted)}
.diff-lines.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.diff-side{min-width:0;overflow-x:auto;display:grid;grid-template-columns:minmax(max-content,1fr);align-content:start}
.diff-side+.diff-side{border-left:1px solid var(--t-border)}
.diff-side>div:not(.diff-hunk){display:flex;min-width:max-content;min-height:21px;height:21px}
.diff-side .diff-hunk{height:33px;white-space:nowrap;min-width:max-content}
/* Fixed icon boxes avoid font-baseline drift in project and branch controls. */
header .project-button,header #branch-button{height:24px;align-items:center;gap:6px;line-height:16px}
header .project-button>span:not(.zi):not(.control-chevron){display:block;line-height:16px}
header .control-chevron{width:12px;height:16px;display:flex;align-items:center;justify-content:center;flex:0 0 12px;color:var(--t-icon);margin:0}
header .control-chevron .zi,header .control-chevron svg{display:block;width:12px;height:12px}
header #revision-label{display:block;font:11px/16px var(--mono)}
header .project-button>.zi{width:16px;height:16px}
header #theme-toggle{display:inline-flex;width:auto;height:24px;flex:none;align-items:center;justify-content:center;padding:0 8px;border:0;font:11px/16px var(--font);white-space:nowrap}
header #quick{display:inline-flex;align-items:center;justify-content:center;flex:none;width:auto;height:24px;max-width:none;margin-left:auto;padding:0 8px;gap:10px;border:0;font:11px/16px var(--font);white-space:nowrap}
header #quick kbd{display:inline-flex;align-items:center;height:16px;margin:0;font:10px/16px var(--font);letter-spacing:1px;opacity:.65}
header #quick:after{content:none}
footer #engine-status,footer #document-status:empty{display:none}
@media(max-width:600px){header{gap:4px}header #quick{padding:0 6px;gap:0}header #quick kbd{display:none}header #theme-toggle{padding:0 6px}}
.welcome-actions button>.zi{flex:0 0 16px;width:16px;height:16px;margin:0}
.welcome-actions button>span:not(.zi){flex:1}
#search-nav button,.dialog-heading [data-close]{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}
#search-nav .zi,#search-nav svg{width:14px;height:14px}
.dialog-heading [data-close] .zi,.dialog-heading [data-close] svg{width:16px;height:16px}
#history-button{gap:4px;min-height:20px}#history-button .zi,#history-button svg{width:13px;height:13px}
.tab>button:last-child{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;line-height:1;flex-shrink:0}
/* Editor chrome behaves as controls; document content remains selectable. */
body{user-select:none;-webkit-user-select:none}
#viewport,.code-text,.markdown-body,.diff-lines,.commit-heading,.view-message,.error,input,textarea,[contenteditable="true"]{user-select:text;-webkit-user-select:text}
button,.zi,.line-number,.diff-number,.result-line-number{user-select:none;-webkit-user-select:none}
html[data-editor-theme] .tree-row.active{outline:none}
button:focus:not(:focus-visible),a:focus:not(:focus-visible),dialog:focus{outline:none}
html[data-editor-theme] button:focus-visible,html[data-editor-theme] a:focus-visible,html[data-editor-theme] .tree-row.active:focus-visible{outline:1px solid var(--t-focus);outline-offset:-2px}
#editor-area{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;background:var(--t-bg)}
#editor-area>#viewport{min-width:0}
#editor-area[data-mode="split"]>#viewport,#editor-area[data-mode="split"]>#markdown-preview{flex:1 1 50%;width:50%}
#markdown-preview{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--t-bg);color:var(--t-text)}
#editor-area[data-mode="split"]>#markdown-preview{border-left:1px solid var(--t-border)}
.file-actions,#markdown-controls{display:flex;align-items:center;gap:3px;flex-shrink:0}
#markdown-controls{border-right:1px solid var(--t-divider);padding-right:5px;margin-right:3px}
#file-toolbar #markdown-controls>button{display:flex;align-items:center;justify-content:center;width:26px;height:25px;padding:0}
#markdown-controls button[aria-pressed="true"]{color:var(--t-accent);background:var(--t-selected)}
.markdown-toolbar{height:29px;min-height:29px;display:flex;align-items:center;gap:5px;padding:0 8px;border-bottom:1px solid var(--t-divider);font:11px var(--font);color:var(--t-muted);user-select:none}
.markdown-toolbar>span{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.markdown-toolbar>button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0}
.markdown-toolbar .zi,.markdown-toolbar svg{width:14px;height:14px}
.markdown-body{flex:1;min-height:0;overflow:auto;padding:28px max(28px,calc((100% - 760px)/2)) 70px;font:14px/1.75 var(--font);color:var(--t-text);outline:none;overflow-wrap:anywhere;scroll-behavior:auto}
.markdown-body:focus-visible{box-shadow:inset 2px 0 var(--t-focus)}
.markdown-body>:first-child{margin-top:0}
.markdown-body :is(h1,h2,h3,h4,h5,h6){font-family:var(--font);font-weight:600;line-height:1.35;letter-spacing:0;color:var(--t-text);margin:1.5em 0 .6em;scroll-margin-top:24px}
.markdown-body h1{font-size:28px;margin-bottom:20px}.markdown-body h2{font-size:21px;padding-bottom:7px;border-bottom:1px solid var(--t-divider)}.markdown-body h3{font-size:17px}.markdown-body h4{font-size:15px}.markdown-body :is(h5,h6){font-size:14px}
.markdown-body :is(p,ul,ol,blockquote,pre,table){margin:0 0 16px}
.markdown-body :is(ul,ol){padding-left:25px}.markdown-body li+li{margin-top:3px}.markdown-body li>:is(ul,ol){margin:4px 0}
.markdown-body strong{font-weight:600}.markdown-body em{font-style:italic}.markdown-body a{color:var(--t-accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}
.markdown-body blockquote{margin-left:0;padding:4px 0 4px 16px;border-left:3px solid var(--t-border);color:var(--t-muted)}.markdown-body blockquote p:last-child{margin:0}
.markdown-body code{font:12px/1.65 var(--mono);background:var(--t-panel);border-radius:3px;padding:2px 4px}
.markdown-body pre{background:var(--t-panel);border:1px solid var(--t-divider);border-radius:4px;padding:13px 16px;overflow:auto;white-space:pre;tab-size:2}
.markdown-body pre code{background:transparent;border:0;border-radius:0;padding:0;white-space:pre;display:block;font:12px/1.7 var(--mono)}
.markdown-body table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;font-size:13px}.markdown-body :is(th,td){padding:7px 12px;text-align:left;border:1px solid var(--t-border)}.markdown-body th{background:var(--t-panel);font-weight:600}.markdown-body tr:nth-child(even){background:var(--t-active)}
.markdown-body hr{border:0;border-top:1px solid var(--t-border);margin:24px 0}
.markdown-body input[type="checkbox"]{padding:0;width:13px;height:13px;margin:0 6px 0 0;vertical-align:middle;accent-color:var(--t-accent)}
.markdown-body .markdown-image{display:inline-block;color:var(--t-muted);border-bottom:1px dashed var(--t-border);font-size:12px}
@media(max-width:700px){#editor-area[data-mode="split"]{flex-direction:column}#editor-area[data-mode="split"]>#viewport,#editor-area[data-mode="split"]>#markdown-preview{width:100%;height:50%;flex-basis:50%}#editor-area[data-mode="split"]>#markdown-preview{border-left:0;border-top:1px solid var(--t-border)}.markdown-body{padding:20px 18px 45px}.markdown-body h1{font-size:23px}}
#local-dialog{padding:18px;width:400px}
#local-drop-zone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 15px;margin-bottom:12px;background:var(--t-bg);border:1px dashed var(--t-border);border-radius:5px}
#local-drop-zone>.zi,#local-drop-zone>.zi svg{width:28px;height:28px;color:var(--t-icon)}
#local-drop-zone strong{font-size:13px;font-weight:400}
.local-picker{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid var(--t-border);background:var(--t-selected);border-radius:4px;cursor:pointer;overflow:hidden}
.local-picker:focus-within{outline:1px solid var(--t-focus);outline-offset:2px}
#folder-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:pointer}
.folder-dragging #local-drop-zone{border-color:var(--t-accent);background:var(--t-selected)}
.folder-dragging .app:after{content:'Drop to open folder';position:absolute;inset:5px;z-index:20;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--t-bg) 92%,transparent);border:1px dashed var(--t-accent);color:var(--t-text);pointer-events:none;font-size:16px}
#local-import-status{margin:12px 0 0;min-height:34px}
/* Zed-style panel controls share the status bar. */
footer>.rail,.sidebar-hidden footer>.rail{position:static;display:flex;flex-direction:row;align-items:center;width:auto!important;height:23px;flex-shrink:0;gap:2px;padding:0;margin:0 3px 0 0;border:0;background:transparent}
footer>.rail button{display:flex;align-items:center;justify-content:center;width:24px;height:21px;padding:0;border:0;border-radius:3px;color:var(--t-icon)}
html[data-editor-theme] footer>.rail{background:transparent;border:0}
aside{padding-bottom:0}
#media-viewer{flex:1;min-width:0;min-height:0}

#review-diff button.diff-number{border:0;border-radius:0;background:transparent;padding:0 8px;color:var(--t-muted);font:inherit;min-width:36px}#review-diff button.diff-number:hover{color:var(--t-accent);background:var(--t-selected)}header #github-account{height:24px;padding:0 8px;border:0;border-radius:3px;white-space:nowrap;font:11px var(--font);max-width:130px;overflow:hidden;text-overflow:ellipsis}
#repo-error:empty,.error:empty{display:none;margin:0;padding:0}

/* Keep dock controls flush with the window edge. */
footer{padding-left:0}

#terminal-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:21px;padding:0;border:0;border-radius:3px;color:var(--t-icon)}
#terminal-button .zi,#terminal-button svg{width:16px;height:16px;flex:none}
#terminal-button[aria-pressed="true"]{background:var(--t-selected);color:var(--t-text)}

html[data-editor-theme] .welcome-actions button .zi svg{color:var(--t-icon)}

/* Tab scrollbars stay out of the tab labels' line box. */
#tabs{scrollbar-width:thin;scrollbar-gutter:auto;overflow-y:hidden}
@supports selector(::-webkit-scrollbar){
 #tabs{scrollbar-width:auto}
 #tabs::-webkit-scrollbar{height:3px;width:3px}
 #tabs::-webkit-scrollbar-track{background:transparent}
 #tabs::-webkit-scrollbar-thumb{background:transparent;border:0;border-radius:2px}
 #tabs:hover::-webkit-scrollbar-thumb{background:var(--t-scroll)}
}

/* No native scrollbar should take height away from the editor tabs. */
#tabs{scrollbar-width:none}
#tabs::-webkit-scrollbar{display:none;height:0}

/* README illustrations use the available preview width without extra chrome. */
.markdown-body .markdown-image:has(img){border:0;max-width:100%;font-size:inherit;vertical-align:middle}
.markdown-body .markdown-image img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:3px}

#viewport.word-wrap{overflow-x:hidden}
#viewport.word-wrap #sizer,#viewport.word-wrap #rows{width:100%!important;min-width:0}
#viewport.word-wrap .code-row{height:auto;min-height:23px;align-items:flex-start}
#viewport.word-wrap .line-number{align-self:stretch;flex-shrink:0}
#viewport.word-wrap .code-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;flex:1;min-width:0;padding-right:18px;line-height:23px}