:root{color-scheme:light dark;--topbar-height: 76px;--toolbar-height: 48px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f7f4;color:#1b1d1f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:1px solid #1f6feb;border-radius:6px;background:#1f6feb;color:#fff;cursor:pointer;font:inherit;font-weight:650;min-height:36px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.55}.toolbar{align-items:center;background:color-mix(in srgb,Canvas 96%,transparent);border-bottom:1px solid color-mix(in srgb,CanvasText 10%,transparent);display:flex;gap:6px;min-height:var(--toolbar-height);overflow-x:auto;padding:7px clamp(12px,4vw,36px)}.tool-button{align-items:center;appearance:none;background:transparent;border:1px solid transparent;border-radius:6px;color:#414852;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:700;justify-content:center;min-height:30px;padding:0;width:32px}.tool-button:hover,.tool-button:focus-visible,.tool-button[data-active=true]{background:color-mix(in srgb,#1f6feb 9%,transparent);border-color:color-mix(in srgb,#1f6feb 22%,transparent);color:#1f6feb;outline:none}.tool-button:disabled{color:#a0a7b2;opacity:1}.tool-button .ui-icon{height:16px;width:16px}.toolbar-separator{background:color-mix(in srgb,CanvasText 14%,transparent);flex:0 0 auto;height:22px;margin:0 2px;width:1px}.topbar{align-items:center;background:color-mix(in srgb,Canvas 92%,transparent);border-bottom:1px solid color-mix(in srgb,CanvasText 14%,transparent);display:flex;gap:16px;justify-content:space-between;min-height:var(--topbar-height);padding:12px 18px}.topbar>div:first-child{min-width:0}.eyebrow{color:#68717d;font-size:12px;font-weight:650;letter-spacing:0;margin-bottom:2px;text-transform:uppercase}h1{font-size:22px;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:10px;justify-content:flex-end}.status-icon{align-items:center;border:1px solid transparent;border-radius:7px;color:#68717d;display:inline-flex;height:30px;justify-content:center;width:30px}.muted{color:#68717d}.status-icon[data-state=connected],.status-icon[data-state=saved]{color:#1f883d}.status-icon[data-state=needs-attention],.status-icon[data-state=error]{color:#b54708}.status-icon[data-state=syncing],.status-icon[data-state=connecting],.status-icon[data-state=saving]{color:#1f6feb}.status-icon[data-state=syncing] .ui-icon,.status-icon[data-state=connecting] .ui-icon,.status-icon[data-state=saving] .ui-icon{animation:spin 1s linear infinite}.ui-icon{display:block;fill:currentColor;height:17px;width:17px}.editor-shell{min-height:calc(100vh - var(--topbar-height))}.editor{min-height:calc(100vh - var(--topbar-height) - var(--toolbar-height))}.cm-editor{background:transparent;font-size:17px;min-height:calc(100vh - var(--topbar-height) - var(--toolbar-height))}.cm-editor.cm-focused{outline:none}.cm-content{caret-color:#1f6feb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.72;margin:0 auto;max-width:820px;padding:34px clamp(18px,5vw,72px)}.cm-line{padding:1px 0}.cm-line.markdown-line-heading{padding-bottom:6px;padding-top:14px}.cm-line.markdown-line-heading-1{font-size:1.42em}.cm-line.markdown-line-heading-2{font-size:1.25em}.cm-line.markdown-line-heading-3{font-size:1.12em}.cm-line.markdown-line-list{padding-left:12px}.cm-line.markdown-line-quote{border-left:3px solid color-mix(in srgb,#1f6feb 28%,transparent);color:#5f6b7a;margin-left:-14px;padding-left:11px}.cm-line.markdown-line-codeblock{background:color-mix(in srgb,CanvasText 5%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;padding-left:12px;padding-right:12px}.cm-line.markdown-line-codefence{color:#68717d}.cm-gutters{background:transparent;border-right:1px solid color-mix(in srgb,CanvasText 12%,transparent)}.tok-heading{color:#111827;font-weight:760}.tok-heading1{font-size:1.45em}.tok-heading2{font-size:1.28em}.tok-heading3{font-size:1.14em}.tok-strong{color:#111827;font-weight:760}.tok-emphasis{font-style:italic}.tok-link,.tok-url{color:#1f6feb;text-decoration:underline;text-underline-offset:2px}.tok-quote{color:#5f6b7a;font-style:italic}.tok-monospace{background:color-mix(in srgb,CanvasText 7%,transparent);border-radius:4px;color:#24292f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;padding:1px 4px}.tok-meta,.tok-punctuation{color:#8a94a3}.preview{line-height:1.72;margin:0 auto;max-width:820px;min-height:calc(100vh - var(--topbar-height) - var(--toolbar-height));padding:34px clamp(18px,5vw,72px)}.preview h1,.preview h2,.preview h3{color:#111827;line-height:1.22;margin:1.35em 0 .55em;white-space:normal}.preview h1:first-child,.preview h2:first-child,.preview h3:first-child{margin-top:0}.preview h1{font-size:2em}.preview h2{font-size:1.55em}.preview h3{font-size:1.25em}.preview p{margin:.7em 0}.preview ul{margin:.75em 0;padding-left:1.35em}.preview li{margin:.25em 0}.preview blockquote{border-left:3px solid color-mix(in srgb,#1f6feb 28%,transparent);color:#5f6b7a;margin:1em 0;padding:.1em 0 .1em 1em}.preview pre{background:color-mix(in srgb,CanvasText 6%,transparent);border-radius:7px;overflow-x:auto;padding:14px 16px}.preview code{background:color-mix(in srgb,CanvasText 7%,transparent);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;padding:1px 4px}.preview pre code{background:transparent;border-radius:0;padding:0}.preview a{color:#1f6feb;text-underline-offset:2px}.preview-empty{color:#68717d}@media(max-width:720px),(pointer:coarse){:root{--topbar-height: 72px;--toolbar-height: 46px}.topbar{gap:10px;min-height:var(--topbar-height);padding:10px 12px}.actions{gap:8px}.eyebrow{font-size:11px}h1{font-size:19px}button{min-height:34px;padding:0 12px}.toolbar{padding:7px 12px}.tool-button{min-height:32px;width:30px}.editor,.cm-editor{min-height:calc(100vh - var(--topbar-height) - var(--toolbar-height))}.cm-content,.preview{font-size:16px;padding:18px 16px}}@keyframes spin{to{transform:rotate(360deg)}}