Code & IDE Snippet

	.cm-editor .cm-line { 
			white-space: pre 
					!important; overflow-x: auto; 
			}
			
	.stnd-source .view-header, .stnd-source .workspace-tab-header.is-active { 
		background-color: var(--background-secondary) !important;
}

The magic line that hide the gutter in edit mode but not in source mode

.stnd-editing:not(.stnd-source) .cm-gutter {display:none !important;}

This code right here is responsable for….

.stnd-source .markdown-source-view .cm-editor { 
		--file-line-width: 100%;
		background-color: var(--background-secondary) !important;
		max-width: 100% !important; 
}
.stnd-source .markdown-source-view .cm-line, .stnd-source .markdown-source-view .cm-hmd-frontmatter { 
		background-color: transparent !important;
		max-width: 100% !important; 
}

.markdown-preview-view pre,
pre code[class*="language-"] {
    line-height: var(--line-height-normal);
    font-size: var(--font-smaller);
}

.markdown-source-view code[class*="language-"],
.markdown-source-view pre[class*="language-"] {
    white-space: pre;
}

/* code elements */
.folder-note-underline .has-folder-note .nav-folder-title-content {
    text-decoration-line: underline;
    text-decoration-color: var(--text-faint);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

/*.markdown-source-view, .markdown-reading-view {
	letter-spacing: var(--font-letter-spacing);
  }*/

.cm-gutterElement {
    font-family: var(--font-monospace);
    font-feature-settings: "dlig", "salt", "case", "kern", "tnum" !important;
}

    .markdown-preview-view:not(.code-copy-button-on)
    button.copy-code-button {
    display: none;
}