:root{height:100%;--editor-h1: 1.5rem;--editor-h2: 1.4rem;--editor-h2: 1.2rem}body{margin:0;background:#eee;font-family:system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}button{white-space:nowrap}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:sans-serif;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{margin:20px auto;color:#000;position:relative;line-height:20px;font-weight:400;text-align:left;display:flex;flex-direction:row;justify-content:center;gap:2rem}@media screen and (max-width: 1320px){.editor-container{align-items:center;justify-content:start;flex-direction:column}}.front-matter-header{font-size:16px;font-weight:700}.box-shadow{box-shadow:0 3px 4px #0000001a}.flex{display:flex}.editor-inner{position:relative;background:#fff;width:800px;max-width:100%}.editor-frontmatter{width:480px;max-width:100%}.editor-input{min-height:150px;resize:none;font-size:15px;caret-color:#050505;position:relative;-moz-tab-size:1;tab-size:1;outline:0;padding:15px 10px;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;top:15px;left:10px;font-size:15px;-webkit-user-select:none;user-select:none;display:inline-block;pointer-events:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.sticky-bar{position:sticky;top:0;z-index:1}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px 1rem;vertical-align:middle;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle;align-items:center}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}i.text-format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;width:200px;vertical-align:middle;font-size:14px;color:#777;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}.u-yscroll{overflow-y:auto}.u-max-height{max-height:100%}img:not(.image-selected){border:3px solid transparent}@keyframes border-pulsating{0%{border-color:#6464ff}50%{border-color:#6464ff80}to{border-color:#6464ff}}.image-selected{border:3px solid rgba(100,100,255,1);animation:border-pulsating 1s linear infinite}:root{font-family:system-ui;font-size:14px;line-height:1.5;background:var(--background-color)}:root{--background-color: #f8f8f8;--gray-50: #ffffff;--gray-100: #d0d0d0;--gray-200: #afafaf;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--purple-100: #d5c9fa;--purple-200: #b8a3f6;--purple-300: #997cf2;--purple-400: #7a54ef;--purple-500: #582ddc;--purple-600: #3c1e95;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}@media (prefers-color-scheme: dark){:root{--background-color: #1d1d1d;--gray-50: #101010;--gray-100: #393939;--gray-200: #4f4f4f;--gray-300: #686868;--gray-400: #848484;--gray-500: #a7a7a7;--gray-600: #cfcfcf;--purple-100: #3c1e95;--purple-200: #522acd;--purple-300: #6f46ed;--purple-400: #8e6ef1;--purple-500: #b099f5;--purple-600: #d5c8fa;--red-100: #721200;--red-200: #9c1900;--red-300: #cc2000;--red-400: #e95034;--red-500: #f08c79;--red-600: #f7c3ba;--highlight-hover: rgb(255 255 255 / .1);--highlight-pressed: rgb(255 255 255 / .2)}}:root{--focus-ring-color: var(--purple-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--purple-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--purple-600);--border-color: var(--gray-100);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #6f46ed;--highlight-background-pressed: #522acd;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #6f46ed r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button.system-button{border:0;padding:6px 4px}.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none;display:flex;align-items:center;gap:4px}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.bigbutton{font-size:1.5em;padding:1.5rem 1rem;cursor:pointer;display:flex;align-items:center;gap:1rem;border:2px solid dimgrey;border-radius:.5rem;box-shadow:0 0 .5rem .2rem #0000001a}.bigbutton[data-hovered]{background:#fff}.bigbutton--green{background:#98fb98}.bigbutton--blue{background:#afeeee}.bigbutton svg{fill:#fff;transition:fill .4s .4s}.bigbutton--green[data-hovered] svg{fill:#98fb98}.bigbutton--blue[data-hovered] svg{fill:#afeeee}