@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-SemiBold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}*{box-sizing:border-box}*:before,*:after{box-sizing:inherit}html,body,#root{margin:0;width:100%;height:100%}body{min-height:100%;font-family:Nunito,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font:inherit;color:inherit}.app-shell .editor-input,.app-shell .preview-content,.app-shell .error-panel{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.app-shell .editor-input::-webkit-scrollbar,.app-shell .preview-content::-webkit-scrollbar,.app-shell .error-panel::-webkit-scrollbar{width:10px;height:10px}.app-shell .editor-input::-webkit-scrollbar-track,.app-shell .preview-content::-webkit-scrollbar-track,.app-shell .error-panel::-webkit-scrollbar-track{background:var(--scrollbar-track)}.app-shell .editor-input::-webkit-scrollbar-thumb,.app-shell .preview-content::-webkit-scrollbar-thumb,.app-shell .error-panel::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--scrollbar-track)}.app-shell .editor-input::-webkit-scrollbar-thumb:hover,.app-shell .preview-content::-webkit-scrollbar-thumb:hover,.app-shell .error-panel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.editor-surface{flex:1;height:100%;min-height:220px;overflow:hidden;background:var(--editor-background)}.editor-input{width:100%;height:100%;border:0;outline:0;resize:none;background:transparent;color:var(--md-sys-color-on-surface);padding:18px 18px 20px;font-family:var(--font-mono);font-size:15px;line-height:1.66;caret-color:var(--editor-caret);overflow:auto;box-shadow:none}.editor-input::placeholder{color:var(--md-sys-color-on-surface-variant)}.editor-input::selection{background:var(--editor-selection)}.editor-input:focus-visible{outline:none}.editor-input::-webkit-scrollbar{width:10px;height:10px}.editor-input::-webkit-scrollbar-track{background:var(--scrollbar-track)}.editor-input::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--scrollbar-track)}.editor-input::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.preview-surface{flex:1;width:100%;height:100%;min-height:220px;overflow:hidden}.preview-content{width:100%;height:100%;overflow:auto;padding:18px 18px 18px 36px;background:var(--preview-background);box-shadow:inset 0 1px color-mix(in oklab,var(--md-sys-color-on-surface) 8%,transparent)}.preview-content .jw-root{max-width:760px;margin:0;min-height:100%;font-family:var(--font-preview);--jw-bg-color: transparent;background:transparent!important}.preview-content::-webkit-scrollbar{width:10px;height:10px}.preview-content::-webkit-scrollbar-track{background:var(--scrollbar-track)}.preview-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--scrollbar-track)}.preview-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.preview-content.is-empty .jw-root{max-width:none;width:100%}.preview-content.is-empty>*{max-width:none;width:100%;min-height:100%}.preview-content.is-empty{display:block;padding:0}.preview-empty-fill{display:block;width:100%;height:100%;min-height:100%}.preview-content .jw-block{position:relative}.preview-content .jw-block.is-drop-before:before,.preview-content .jw-block.is-drop-after:after{content:"";position:absolute;left:-24px;right:0;height:2px;background:var(--md-sys-color-primary);border-radius:999px}.preview-content .jw-block.is-drop-before:before{top:-6px}.preview-content .jw-block.is-drop-after:after{bottom:-6px}.preview-content .jw-block:hover .block-handle{opacity:1;pointer-events:auto}.block-handle:hover,.block-handle:focus-visible{opacity:1;pointer-events:auto}.block-handle{position:absolute;left:-22px;top:.1rem;width:26px;height:26px;padding:0;border:1px solid var(--md-sys-color-outline-variant);border-radius:50%;appearance:none;display:inline-flex;align-items:center;justify-content:center;font-family:Material Symbols Outlined;font-size:20px;line-height:1;font-weight:400;font-style:normal;text-transform:none;letter-spacing:normal;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);cursor:grab;opacity:0;pointer-events:none;transition:opacity .14s ease,border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease}.block-handle:hover{color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary-container);background:var(--md-sys-color-primary-container)}.block-handle:focus-visible{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--md-sys-color-primary) 40%,transparent)}.block-handle:active{cursor:grabbing}.preview-content .jw-block.is-dragging{opacity:.42}.preview-content .jw-block.is-readonly .block-handle{opacity:.5;cursor:not-allowed}@media(max-width:860px){.preview-content{padding-left:28px}.preview-content .jw-block.is-drop-before:before,.preview-content .jw-block.is-drop-after:after{left:-18px}.block-handle{left:-18px}}.error-panel{border-radius:0;padding:10px 16px;max-height:180px;overflow:auto;border:0;border-top:1px solid var(--md-sys-color-error-container);background:color-mix(in oklab,var(--md-sys-color-error-container) 38%,var(--md-sys-color-surface) 62%)}.error-panel h2{margin:0 0 6px;font-size:12px;letter-spacing:.04em;color:var(--md-sys-color-on-error-container)}.diagnostics-list{background:transparent}.diagnostics-item{--md-list-item-label-text-color: var(--md-sys-color-on-error-container);--md-list-item-supporting-text-color: var(--md-sys-color-on-error-container);--md-list-item-container-color: transparent;font-size:12px;line-height:1.55}.diagnostics-item+.diagnostics-item{border-top:1px solid color-mix(in oklab,var(--md-sys-color-on-error-container) 18%,transparent)}.theme-toggle{--md-icon-button-icon-color: var(--md-sys-color-on-surface-variant);--md-icon-button-state-layer-color: var(--md-sys-color-on-surface-variant);--md-icon-button-hover-state-layer-opacity: .08;--md-icon-button-focus-state-layer-opacity: .12;--md-icon-button-pressed-state-layer-opacity: .12}.theme-toggle-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sync-toggle{--md-icon-button-icon-color: var(--md-sys-color-on-surface-variant);--md-icon-button-state-layer-color: var(--md-sys-color-on-surface-variant);--md-icon-button-hover-state-layer-opacity: .08;--md-icon-button-focus-state-layer-opacity: .12;--md-icon-button-pressed-state-layer-opacity: .12}.app-shell{--font-sans: "Avenir Next", "Avenir", "SF Pro Text", "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, Monaco, "Courier New", monospace;--font-preview: "Noto Sans", "Noto Sans SC", "PingFang SC", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif}.app-shell[data-theme=light]{--md-sys-color-primary: #0b766e;--md-sys-color-on-primary: #f3fffd;--md-sys-color-primary-container: #b4eee6;--md-sys-color-on-primary-container: #003632;--md-sys-color-secondary: #355f7c;--md-sys-color-on-secondary: #f4fbff;--md-sys-color-secondary-container: #d7ebf8;--md-sys-color-on-secondary-container: #0f3145;--md-sys-color-error: #b4233c;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffd9df;--md-sys-color-on-error-container: #450915;--md-sys-color-background: #eff6f6;--md-sys-color-on-background: #0f2025;--md-sys-color-surface: #f7fbfb;--md-sys-color-surface-container: #eaf3f2;--md-sys-color-surface-container-high: #dfedeb;--md-sys-color-surface-container-highest: #d2e3e0;--md-sys-color-on-surface: #12252c;--md-sys-color-on-surface-variant: #42555f;--md-sys-color-outline: #6f8790;--md-sys-color-outline-variant: #bfd1d3;--app-shell-background: radial-gradient(circle at 10% -10%, rgba(11, 118, 110, .18), transparent 32%), radial-gradient(circle at 85% 120%, rgba(53, 95, 124, .16), transparent 38%), linear-gradient(160deg, #eff6f6 0%, #e6f0f0 48%, #edf5f6 100%);--app-panel-shadow: 0 10px 24px rgba(12, 42, 58, .08);--app-panel-gloss: rgba(255, 255, 255, .42);--editor-background: linear-gradient(180deg, #f9fdfd 0%, #edf5f4 100%);--preview-background: linear-gradient(180deg, #f4f9f8 0%, #eaf2f1 100%);--editor-caret: #0b766e;--editor-selection: color-mix(in oklab, #0b766e 26%, transparent);--preview-link-color: #0b766e;--preview-quote-bg: #e2efec;--preview-quote-border: #5a8086;--preview-muted: #3f555f;--preview-strong: #12252c;--preview-code-bg: #ddebe9;--preview-highlight: #ffe8a6;--preview-task-done-bg: #0b766e;--preview-task-done-text: #f3fffd;--preview-task-progress: #0b766e;--scrollbar-track: #dce8e7;--scrollbar-thumb: #97b2b0;--scrollbar-thumb-hover: #6e8b8a}.app-shell[data-theme=dark]{--md-sys-color-primary: #4ddfd0;--md-sys-color-on-primary: #003733;--md-sys-color-primary-container: #0e4e49;--md-sys-color-on-primary-container: #c8fff8;--md-sys-color-secondary: #8cb8d0;--md-sys-color-on-secondary: #123247;--md-sys-color-secondary-container: #1e445a;--md-sys-color-on-secondary-container: #d2ecfa;--md-sys-color-error: #ffb2bf;--md-sys-color-on-error: #5f1223;--md-sys-color-error-container: #85253a;--md-sys-color-on-error-container: #ffdde3;--md-sys-color-background: #071219;--md-sys-color-on-background: #dae8ef;--md-sys-color-surface: #091720;--md-sys-color-surface-container: #0f232e;--md-sys-color-surface-container-high: #152d3a;--md-sys-color-surface-container-highest: #1c3948;--md-sys-color-on-surface: #dae8ef;--md-sys-color-on-surface-variant: #9fb5c1;--md-sys-color-outline: #63808f;--md-sys-color-outline-variant: #284454;--app-shell-background: radial-gradient(circle at 14% -12%, rgba(77, 223, 208, .22), transparent 30%), radial-gradient(circle at 86% 118%, rgba(140, 184, 208, .18), transparent 34%), linear-gradient(165deg, #071219 0%, #0a1b25 54%, #0a1821 100%);--app-panel-shadow: 0 14px 28px rgba(2, 9, 14, .55);--app-panel-gloss: rgba(255, 255, 255, .06);--editor-background: linear-gradient(180deg, #10232f 0%, #0d1c26 100%);--preview-background: linear-gradient(180deg, #0b1b25 0%, #0d1f2a 100%);--editor-caret: #4ddfd0;--editor-selection: color-mix(in oklab, #4ddfd0 24%, transparent);--preview-link-color: #79e9dc;--preview-quote-bg: #142e3d;--preview-quote-border: #70a2b3;--preview-muted: #97b1be;--preview-strong: #eef8fc;--preview-code-bg: #16303f;--preview-highlight: #35512f;--preview-task-done-bg: #4ddfd0;--preview-task-done-text: #003733;--preview-task-progress: #4ddfd0;--scrollbar-track: #122936;--scrollbar-thumb: #3f6272;--scrollbar-thumb-hover: #5d8798}.app-shell md-icon-button{--md-icon-button-icon-color: var(--md-sys-color-on-surface-variant);--md-icon-button-state-layer-color: var(--md-sys-color-on-surface-variant);--md-icon-button-hover-state-layer-opacity: .14;--md-icon-button-pressed-state-layer-opacity: .2}.app-shell md-list{--md-list-container-color: transparent}.app-shell md-list-item{--md-list-item-label-text-font: var(--font-sans)}.app-shell{position:relative;min-height:100vh;min-height:100dvh;height:100dvh;padding:0;display:flex;flex-direction:column;gap:0;font-family:var(--font-sans);color:var(--md-sys-color-on-surface);background:var(--app-shell-background, var(--md-sys-color-background));overflow:hidden}.app-surface{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border:1px solid color-mix(in oklab,var(--md-sys-color-outline-variant) 76%,transparent);box-shadow:var(--app-panel-shadow, none)}.app-surface-primary{background:linear-gradient(180deg,color-mix(in oklab,var(--md-sys-color-surface-container-high) 92%,var(--app-panel-gloss, transparent)) 0%,var(--md-sys-color-surface-container-high) 100%)}.app-header{min-height:66px;padding:10px 16px;display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid color-mix(in oklab,var(--md-sys-color-outline-variant) 84%,transparent)}.brand h1{margin:0;font-size:37px;font-size:clamp(18px,2.2vw,37px);font-weight:650;letter-spacing:.015em;color:color-mix(in oklab,var(--md-sys-color-on-surface) 84%,var(--md-sys-color-primary) 16%)}.brand-title-row{display:flex;align-items:baseline;gap:10px}.parser-version{font-size:12px;color:color-mix(in oklab,var(--md-sys-color-on-surface-variant) 88%,var(--md-sys-color-primary) 12%);white-space:nowrap}.header-actions{display:flex;align-items:center;gap:2px;justify-self:end}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.workspace{flex:1;width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.editor-layout{flex:1;width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:0}.pane{min-width:0;min-height:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.pane-editor{border-right:1px solid var(--md-sys-color-outline-variant)}.pane-preview{min-width:0}@media(max-width:980px){.app-header{grid-template-columns:1fr;gap:8px}.header-actions{justify-self:start}.brand-title-row{flex-wrap:wrap;row-gap:2px}}@media(max-width:860px){.editor-layout{grid-template-columns:1fr;gap:0}.pane-editor{border-right:0;border-bottom:1px solid var(--md-sys-color-outline-variant)}}