@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-synthesis:none;-webkit-font-smoothing:antialiased;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0a0a0a;--sidebar-bg:#0e0e0e;--surface:#101010;--neutral-100:#1a1a1a;--neutral-200:#252525;--preview-bg:#0d0d0d;--split-line:#252525;--export-bg:var(--accent);--dialog-surface:#171717;--dialog-cancel:#262626;--text:#fafafa;--strong:#fafafa;--muted:#a3a3a3;--quiet:#999;--line:#252525;--hover:#1d1d1d;--active:#232323;--blue:var(--accent);--orange:var(--accent);--code-bg:#1a1a1a;--code-ink:#fafafa;--syntax-keyword:var(--accent);--syntax-string:#d0d0d0;--syntax-number:var(--accent);--syntax-function:var(--accent);--syntax-comment:#a3a3a3;--syntax-literal:var(--accent);--brand-head:#0a0a0a;--flow-accent:var(--accent);--flow-accent-ink:#0a0a0a;font-family:Geist Variable,-apple-system,sans-serif;font-weight:400}:root[data-theme=light]{font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--background:#f4f4f4;--sidebar-bg:#f4f4f4;--surface:#fff;--neutral-100:#ebebeb;--neutral-200:#dadada;--preview-bg:#fff;--split-line:#e3e3e3;--export-bg:var(--accent);--dialog-surface:#fff;--dialog-cancel:#ebebeb;--text:#0a0a0a;--strong:#0a0a0a;--muted:#666;--quiet:#777;--line:#e3e3e3;--hover:#e3e3e3;--active:#ededed;--blue:var(--accent);--orange:var(--accent);--code-bg:#ededed;--code-ink:#0a0a0a;--syntax-keyword:var(--accent);--syntax-string:#686868;--syntax-number:var(--accent);--syntax-function:var(--accent);--syntax-comment:#777;--syntax-literal:var(--accent);--brand-head:#fff;--flow-accent:var(--accent);--flow-accent-ink:#0a0a0a;color:var(--text);background:var(--background);font-family:Geist Variable,-apple-system,sans-serif;font-weight:400}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:var(--text);background:var(--background)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--muted);outline-offset:2px}::selection{background:#8885}.boot{height:100dvh;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.boot svg{color:var(--strong)}.flow-shell{background:var(--background);width:100%;height:100dvh;display:flex;overflow:hidden}.sidebar{z-index:10;background:var(--sidebar-bg);border-right:1px solid var(--line);flex:none;min-width:0;position:relative;overflow:hidden}.sidebar:not(.is-open){border-right:0}.sidebar-inner{flex-direction:column;width:255px;height:100%;padding:15px 11px 13px;display:flex}.sidebar-brand{align-items:center;height:36px;margin-bottom:18px;padding:0 5px;display:flex}.brand-lockup{color:var(--strong);letter-spacing:-.03em;align-items:center;gap:9px;font-size:15px;display:inline-flex}.brand-mark{background:var(--neutral-100);width:29px;height:29px;color:var(--strong);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.brand-mark svg{display:block}.search-field{background:var(--neutral-100);height:35px;min-height:35px;color:var(--muted);border:0;border-radius:5px;flex:none;align-items:center;gap:8px;margin:0 4px 18px;padding:0 9px;display:flex}.search-field svg{flex:none}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:12px}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:var(--quiet)}.search-field kbd{display:none}.sidebar-bottom{flex-direction:column;gap:2px;padding-top:9px;display:flex}.sidebar-bottom-action{height:33px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:0 10px;font-size:12px;display:flex}.sidebar-bottom-action:hover:not(:disabled){color:var(--strong);background:0 0}.mobile-backdrop{display:none}.main-shell{background:var(--background);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.topbar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:0 21px;display:flex}.document-meta{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.square-button{width:32px;height:32px;color:var(--strong);background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-icon{justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle,.square-button:hover{background:0 0}.document-title{width:min(32vw,360px);min-width:38px;max-width:360px;color:var(--strong);text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:0 auto;padding:5px 0;font-size:13px}.document-title:focus-visible{outline:0}.document-title::placeholder{color:var(--quiet)}.save-indicator{color:var(--muted);font:400 11px var(--mono);white-space:nowrap;flex:none;align-items:center;gap:5px;margin-left:4px;display:inline-flex}.terminal-loader{width:1ch;min-width:1ch;height:16px;font:400 14px var(--mono);color:var(--strong);justify-content:center;align-items:center;display:inline-flex}.header-actions{flex:none;align-items:center;gap:9px;display:flex}.mode-switch{background:var(--neutral-100);border:0;border-radius:7px;align-items:center;gap:2px;padding:3px;display:flex}.mode-switch button{height:29px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:0 11px;font-size:11px;display:grid;position:relative}.mode-switch button.selected{color:var(--strong)}.mode-highlight{background:var(--surface);box-shadow:none;border:0;border-radius:5px;position:absolute;inset:0}.mode-label{z-index:1;position:relative}.export-button{background:var(--export-bg);height:32px;color:var(--strong);border:0;border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.export-button:hover{background:var(--export-bg)}.subbar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:0 23px;display:flex}.formatting-actions{scrollbar-width:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.formatting-actions::-webkit-scrollbar{display:none}.formatting-actions button{min-width:30px;height:29px;color:var(--muted);background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0 7px;display:grid}.formatting-actions button:hover{color:var(--strong);background:0 0}.format-heading{font-size:13px}.format-heading span{margin-left:1px;font-size:9px}.format-bold{font-size:15px}.format-italic{font-family:Georgia,serif;font-size:17px;font-style:italic}.format-divider{background:var(--line);flex:none;width:1px;height:16px;margin:0 6px}.word-stat{font:400 11px var(--mono);white-space:nowrap;color:var(--quiet);flex:none}.editor-area{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.editor-area.mode-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.editor-pane,.preview-pane{border:0;min-width:0;min-height:0;position:relative;overflow:hidden}.editor-area.mode-split .editor-pane,.editor-area.mode-split .preview-pane{border:0}.editor-area.mode-split:not(.compact) .preview-pane{border-left:1px solid var(--split-line)}.editor-area.mode-write .preview-pane,.editor-area.mode-preview .editor-pane{visibility:hidden;pointer-events:none}.split-resizer{z-index:8;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;outline:none;justify-content:center;align-items:center;width:16px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.split-resizer:before{content:"";background:var(--split-line);pointer-events:none;width:1px;position:absolute;inset:0 auto}.split-grip{background:var(--muted);opacity:.5;border-radius:2px;width:4px;height:34px;transition:opacity .14s,height .14s;position:relative}.split-resizer:hover .split-grip,.split-resizer:focus-visible .split-grip,.editor-area.is-resizing .split-grip{opacity:.95;height:47px}.split-resizer:focus-visible .split-grip{outline:2px solid var(--muted);outline-offset:4px}.editor-area.is-resizing{cursor:col-resize}.editor-area.is-resizing .editor-pane,.editor-area.is-resizing .preview-pane{pointer-events:none}.asset-svg-frame{background:0 0;border:0;width:min(100%,820px);height:min(72dvh,700px);display:block}.markdown-preview svg{max-width:100%;height:auto;color:var(--strong)}:root[data-theme=dark] .markdown-preview svg [fill=black],:root[data-theme=dark] .markdown-preview svg [fill=\#000],:root[data-theme=dark] .markdown-preview svg [fill=\#000000],:root[data-theme=dark] .markdown-preview svg [fill=\#201d1d],:root[data-theme=dark] .markdown-preview svg [fill="rgb(84, 84, 84)"]{fill:#fafafa}:root[data-theme=dark] .markdown-preview svg [stroke=black],:root[data-theme=dark] .markdown-preview svg [stroke=\#000],:root[data-theme=dark] .markdown-preview svg [stroke=\#000000]{stroke:#fafafa}.codemirror-host{height:100%;overflow:hidden}.cm-editor,.cm-scroller{height:100%;color:var(--text);background:var(--background)!important}.cm-editor.cm-focused{outline:none!important}.cm-scroller{padding-top:24px;overflow:auto}.cm-content{width:100%;max-width:1060px;min-height:100%;caret-color:var(--strong);margin:0 auto;padding:0 clamp(22px,4vw,58px) 62px!important}.cm-line{font:400 14px/1.85 var(--mono);letter-spacing:-.01em;color:var(--text);padding:0}.cm-activeLine,.cm-activeLineGutter{background:0 0!important}.cm-selectionBackground,.cm-focused .cm-selectionBackground{background:#88888845!important}.cm-line ::selection{background:#8885!important}.cm-content ::selection{background:#8885!important}.cm-gutters,.cm-gutter{color:var(--quiet);font-family:var(--mono);background:var(--background)!important;border:0!important}.cm-lineNumbers .cm-gutterElement{text-align:right;min-width:30px;padding:0 9px 0 6px;font-size:11px}.cm-placeholder{color:var(--quiet)}.cm-matchingBracket{background:var(--neutral-100)!important;outline:0!important}.cm-editor .tok-link{color:var(--blue);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.cm-editor .tok-heading{color:var(--strong)}.cm-editor .tok-string{color:var(--syntax-string)}.cm-editor .tok-keyword{color:var(--syntax-keyword)}.cm-editor .tok-comment{color:var(--syntax-comment)}.preview-scroll{overscroll-behavior:contain;scrollbar-width:auto;height:100%;padding:35px clamp(25px,4vw,70px) 80px;overflow:hidden auto}.markdown-preview{width:100%;min-width:0;max-width:820px;color:var(--text);overflow-wrap:anywhere;margin:0 auto;font-size:14px;line-height:1.85}.markdown-preview>:not(.code-block):not(.table-scroll){min-width:0;max-width:100%;margin-inline:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:var(--strong);letter-spacing:-.035em;line-height:1.34}.markdown-preview h1{margin:0 0 23px;font-size:28px}.markdown-preview h2{margin:34px 0 12px;font-size:22px}.markdown-preview h3{margin:27px 0 9px;font-size:18px}.markdown-preview h4{margin:23px 0 8px;font-size:15px}.markdown-preview p{margin:0 0 16px}.markdown-preview strong{color:var(--strong)}.markdown-preview ul,.markdown-preview ol{margin:0 0 19px;padding-left:24px}.markdown-preview ul{list-style:none}.markdown-preview li{margin:3px 0;padding-left:2px}.markdown-preview ol li::marker{color:var(--muted)}.markdown-preview ul>li:not(.task-list-item){position:relative}.markdown-preview ul>li:not(.task-list-item):before{content:"";background:var(--muted);border-radius:.5px;width:4px;height:4px;position:absolute;top:calc(.925em - 2px);left:-14px}.markdown-preview li input[type=checkbox]{vertical-align:middle;width:14px;height:14px;accent-color:var(--strong);margin-right:6px}.markdown-preview a{color:var(--blue);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.markdown-preview a:hover{text-decoration-style:solid}.markdown-preview blockquote{background:var(--neutral-100);color:var(--muted);border:0;border-radius:3px;margin:19px 0;padding:7px 11px}.markdown-preview blockquote p{margin:3px 0}.markdown-preview hr{background:var(--line);border:0;height:1px;margin:30px 0}.markdown-preview :not(pre)>code{background:var(--neutral-100);color:var(--code-ink);font:400 12px/1.7 var(--mono);border:0;border-radius:4px;padding:2px 5px}.markdown-preview .table-scroll{border-radius:3px;width:100%;min-width:0;max-width:100%;margin:16px auto 27px;overflow:auto hidden}.markdown-preview table{border-collapse:separate;border-spacing:0;table-layout:auto;border:0;width:100%;min-width:max-content;margin:0;font-size:12px;line-height:1.55;display:table}.markdown-preview thead{background:var(--neutral-100);color:var(--strong)}.markdown-preview th,.markdown-preview td{border:0;border-bottom:1px solid var(--line);text-align:left;white-space:normal;vertical-align:top;padding:7px 11px}.markdown-preview th[align=right],.markdown-preview td[align=right]{text-align:right}.markdown-preview th[align=center],.markdown-preview td[align=center]{text-align:center}.markdown-preview tbody tr:last-child td{border-bottom:0}.markdown-preview td code,.markdown-preview th code{white-space:nowrap}.markdown-preview img{border-radius:4px;max-width:100%;height:auto}.markdown-preview mark{background:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--strong);border-radius:1px;padding:0 2px}.markdown-preview u{text-underline-offset:3px;text-decoration-thickness:1px}.markdown-preview sup,.markdown-preview sub{font-size:.72em}.markdown-preview del{color:var(--muted)}.markdown-preview .footnotes{border-top:1px solid var(--line);color:var(--muted);margin-top:35px;padding-top:6px;font-size:12px}.markdown-preview .footnotes h2{margin-top:12px;font-size:13px}.markdown-preview .footnote-ref a,.markdown-preview .footnote-backref{color:var(--blue)}.markdown-preview details{background:var(--neutral-100);border:0;border-radius:3px;margin:14px 0;padding:8px 10px}.markdown-preview summary{cursor:pointer;color:var(--strong)}.markdown-preview ul.contains-task-list{padding-left:4px;list-style:none}.markdown-preview li.task-list-item{list-style:none}.code-block{background:var(--code-bg);border:0;border-radius:4px;width:100%;min-width:0;max-width:100%;margin:17px auto 22px;overflow:hidden}.code-header{background:0 0;border:0;justify-content:space-between;align-items:center;height:31px;padding:0 8px 0 12px;display:flex}.code-language{color:var(--code-ink);font:400 11px var(--mono);align-items:center;gap:8px;display:inline-flex}.language-dot{background:var(--muted);border-radius:1px;flex:0 0 4px;width:4px;height:4px;display:inline-block}.code-copy{color:var(--muted);background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:5px 6px;font-size:11px;display:inline-flex}.code-copy:hover{color:var(--code-ink);background:0 0}.code-content{width:100%;min-width:0;max-width:100%;color:var(--code-ink);font:400 12px/1.8 var(--mono);tab-size:2;align-items:flex-start;margin:0;padding:5px 0 9px;display:flex;overflow:auto hidden}.code-gutter{color:var(--muted);background:var(--code-bg);text-align:right;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;flex-direction:column;flex:0 0 35px;padding-right:9px;display:flex;position:sticky;left:0}.code-gutter>span{min-height:1.8em}.code-text{white-space:pre;min-width:max-content;font:inherit;flex:none;padding-right:20px;display:block}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-meta{color:var(--syntax-keyword)}.hljs-string,.hljs-attr,.hljs-template-tag,.hljs-addition{color:var(--syntax-string)}.hljs-number,.hljs-symbol,.hljs-attribute{color:var(--syntax-number)}.hljs-title,.hljs-title.function_,.hljs-function,.hljs-property,.hljs-name{color:var(--syntax-function)}.hljs-comment,.hljs-quote{color:var(--syntax-comment);font-style:italic}.hljs-literal,.hljs-type,.hljs-variable.language_,.hljs-regexp{color:var(--syntax-literal)}.preview-scroll:has(>.html-document-preview){padding:0;overflow:hidden}.html-document-preview{background:#fff;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.html-document-preview iframe{background:#fff;border:0;width:100%;height:100%;display:block}.html-embedded-preview{border-bottom:1px solid var(--line);background:#fff;width:100%;min-width:0;overflow:hidden}.html-embedded-preview iframe{background:#fff;border:0;width:100%;height:min(380px,55dvh);display:block}.html-preview-unavailable{color:var(--muted);padding:26px 20px;font-size:13px}.svg-preview{background:var(--neutral-100);border:0;padding:11px}.svg-preview iframe{background:0 0;border:0;width:100%;height:270px;display:block}.preview-is-code{max-width:820px}.preview-is-code .code-block{margin-top:0}.virtual-markdown{width:100%;max-width:820px}.virtual-markdown-canvas{width:100%;min-width:0;position:relative}.virtual-markdown-window{width:100%;min-width:0;position:absolute;top:0;left:0}.virtual-markdown-section{contain:layout style;width:100%;min-width:0;padding-bottom:1px;position:relative}.virtual-markdown-section>:first-child,.virtual-markdown-section.continues-list>:is(ul,ol):first-child{margin-top:0}.virtual-markdown-section.followed-by-list>:is(ul,ol):last-child{margin-bottom:0}.virtual-code-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;min-height:180px;max-height:min(70dvh,840px);padding:0;display:block;overflow:auto}.virtual-code-canvas{white-space:pre;width:100%;min-width:max-content;font:inherit;margin:0;padding:0;display:block;position:relative}.virtual-code-row{white-space:pre;width:100%;min-width:max-content;height:22px;font:400 12px/22px var(--mono);align-items:center;display:flex;position:absolute;top:0;left:0}.code-row-number{text-align:right;font:400 11px/22px var(--mono);color:var(--muted);-webkit-user-select:none;user-select:none;flex:0 0 42px;padding:0 9px 0 4px;display:block}.virtual-code-text{min-width:max-content;color:var(--code-ink);padding-right:18px;display:block}.empty-preview,.preview-loading{color:var(--quiet);padding-top:4px}.notice{z-index:15;color:#f0f0f0;width:max-content;max-width:min(400px,100% - 40px);min-height:44px;box-shadow:none;letter-spacing:-.01em;background:#121212;border:0;border-radius:10px;align-items:center;gap:11px;padding:8px 8px 8px 14px;font-size:12px;line-height:1.45;display:flex;position:absolute;bottom:21px;right:20px}.notice-mark{background:linear-gradient(#8e8e8e 0 0) 0 0/4px 4px no-repeat,linear-gradient(#8e8e8e 0 0) 100% 0/4px 4px no-repeat,linear-gradient(#8e8e8e 0 0) 0 100%/4px 4px no-repeat,linear-gradient(#8e8e8e 0 0) 100% 100%/4px 4px no-repeat;flex:0 0 10px;width:10px;height:10px;display:block}.notice-text{overflow-wrap:anywhere;flex:1;min-width:0}.notice button{color:#a3a3a3;background:0 0;border:0;border-radius:7px;flex:0 0 27px;place-items:center;width:27px;height:27px;padding:0;transition:background-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1);display:grid}.notice button:hover,.notice button:focus-visible{color:#fff;background:#242424}:root[data-theme=light] .notice{color:#181818;background:#fff}:root[data-theme=light] .notice-mark{filter:brightness(.68)}:root[data-theme=light] .notice button{color:#666}:root[data-theme=light] .notice button:hover,:root[data-theme=light] .notice button:focus-visible{color:#171717;background:#f0f0f0}@media (prefers-reduced-motion:reduce){.notice button{transition:none}}.dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);background:#0000001a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}:root[data-theme=dark] .dialog-backdrop{background:#0006}.delete-dialog{background:var(--dialog-surface);width:min(100%,370px);color:var(--text);box-shadow:none;border:0;border-radius:6px;padding:16px 17px}.dialog-header{height:29px;color:var(--muted);justify-content:space-between;align-items:center;display:flex}.delete-dialog h2{color:var(--strong);letter-spacing:-.025em;margin:15px 0 9px;font-size:18px}.delete-dialog p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.65}.dialog-actions{justify-content:flex-end;align-items:center;gap:7px;margin-top:24px;display:flex}.dialog-actions button{border:0;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-width:79px;height:31px;padding:0 10px;font-size:12px;display:inline-flex}.dialog-cancel{background:var(--dialog-cancel);color:var(--strong)}.dialog-cancel:hover{background:var(--dialog-cancel)}.dialog-delete{color:#fff;background:#171717;border:0!important}:root[data-theme=dark] .dialog-delete{color:#171717;background:#e3e3e3}.dialog-delete .terminal-loader{color:inherit}.dialog-delete:hover:not(:disabled){opacity:.88}@media (max-width:1080px){.topbar{padding:0 13px}.header-actions{gap:5px}.mode-switch button{padding:0 8px}.document-meta{gap:8px}}@media (max-width:800px){.split-resizer{display:none}html,body,#root{width:100%;max-width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}.flow-shell{width:100%;min-width:0;max-width:100%;height:var(--flow-viewport-height,100dvh);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden}.main-shell{width:100%;min-width:0}.sidebar{height:var(--flow-viewport-height,100dvh);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:none;border-right:1px solid var(--line);overscroll-behavior:contain;position:fixed;top:0;bottom:auto;left:0}.sidebar:not(.is-open){box-shadow:none;border-right:0}.sidebar-inner{width:255px;max-width:100vw;padding:13px 11px 15px}.sidebar-brand{height:40px;margin-bottom:13px}.search-field{height:43px;min-height:43px;margin-bottom:18px}.search-field input{font-size:16px}.sidebar-bottom-action{height:43px;min-height:43px}.mobile-backdrop{z-index:9;touch-action:manipulation;background:#0005;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.topbar{height:94px;min-height:94px;padding:0 max(12px, env(safe-area-inset-right,0px)) 0 max(12px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);grid-template-rows:51px 43px;grid-template-columns:minmax(0,1fr) 38px 38px;gap:0 5px;display:grid}.document-meta{grid-area:1/1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.sidebar-toggle{flex:0 0 40px;width:40px;height:40px}.document-title{flex:auto;width:100%;min-width:0;max-width:none;padding:8px 0;font-size:16px;line-height:1.25}.save-indicator{margin-left:0;font-size:10px}.save-indicator[data-save-state=saved]{display:none}.header-actions{display:contents}.mode-switch{border-radius:6px;grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;gap:2px;width:100%;height:36px;padding:3px;display:grid}.mode-switch button{border-radius:4px;width:100%;min-width:0;height:30px;padding:0 7px;font-size:12px}.mode-highlight{border-radius:4px}.export-button{touch-action:manipulation;border-radius:5px;grid-area:1/2;justify-content:center;align-self:center;width:38px;min-width:38px;height:38px;padding:0}.export-button span{display:none}.export-button svg{width:18px;height:18px}.theme-toggle{width:38px;min-width:38px;height:38px;color:var(--strong);touch-action:manipulation;border-radius:5px;grid-area:1/3;align-self:center;padding:0;display:inline-flex!important}.theme-toggle svg{width:19px;height:19px}.subbar{gap:0;height:44px;min-height:44px;padding:0 8px;overflow:hidden}.formatting-actions{-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;gap:1px;width:100%;height:44px;overflow:auto hidden}.formatting-actions button{min-width:39px;height:40px;color:var(--muted);touch-action:manipulation;flex:0 0 39px;padding:0}.formatting-actions>button:last-child{color:var(--strong);order:-1}.format-divider,.word-stat{display:none}.editor-area.compact{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;min-height:0;overflow:hidden}.editor-area.compact .editor-pane,.editor-area.compact .preview-pane{background:var(--background);border:0;width:100%;min-width:0;min-height:0;overflow:hidden}.editor-area.compact.mode-split .editor-pane{visibility:visible;pointer-events:auto}.editor-area.compact.mode-split .preview-pane{border-top:1px solid var(--line)}.cm-scroller{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-top:13px}.cm-content{min-width:0;max-width:100%;padding:0 15px 48px!important}.cm-line{letter-spacing:-.012em;font-size:16px;line-height:1.7}.cm-editor{font-size:16px!important}.cm-lineNumbers .cm-gutterElement{min-width:24px;padding:0 6px 0 4px;font-size:10px}.preview-scroll{width:100%;min-width:0;height:100%;padding:20px 16px calc(56px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow:hidden auto}.markdown-preview{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;margin:0;font-size:15px;line-height:1.72}.markdown-preview>:not(.code-block):not(.table-scroll){min-width:0;max-width:100%;margin-inline:0}.markdown-preview h1{margin:0 0 18px;font-size:25px;line-height:1.26}.markdown-preview h2{margin:29px 0 12px;font-size:21px}.markdown-preview h3{margin:24px 0 9px;font-size:17px}.markdown-preview p{margin-bottom:16px}.markdown-preview ul,.markdown-preview ol{margin-bottom:19px;padding-left:21px}.markdown-preview ul>li:not(.task-list-item):before{left:-12px}.markdown-preview blockquote{margin:16px 0;padding:7px 10px}.markdown-preview .table-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin:17px 0 22px;overflow-x:auto}.markdown-preview th,.markdown-preview td{padding:8px 10px}.code-block{border-radius:4px;width:100%;min-width:0;max-width:100%;margin:16px 0 20px;overflow:hidden}.code-header{min-height:36px;padding:0 9px 0 11px}.code-content{-webkit-overflow-scrolling:touch;touch-action:pan-x;width:100%;min-width:0;max-width:100%;font-size:12px;overflow:auto hidden}.code-gutter{flex-basis:30px;padding-right:7px}.code-text{min-width:max-content;padding-right:13px}.markdown-preview img,.svg-preview iframe{max-width:100%}.svg-preview iframe{height:min(270px,58dvh)}.preview-is-code{max-width:100%}.asset-preview{max-width:100%;min-height:100%;padding:15px}.asset-preview img{max-height:62dvh}.notice{left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:auto;max-width:calc(100% - 24px)}.dialog-backdrop{padding:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px))}.delete-dialog{width:100%;max-width:370px}}@media (max-width:360px){.topbar{grid-template-columns:minmax(0,1fr) 36px 36px;gap:0 3px}.document-meta{gap:3px}.sidebar-toggle,.export-button,.theme-toggle{width:36px;min-width:36px}.mode-switch button{font-size:11px}.preview-scroll{padding-left:13px;padding-right:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.asset-preview{width:100%;max-width:820px;min-height:100%;color:var(--muted);justify-content:center;align-items:center;margin:0 auto;padding:28px 20px;display:flex}.asset-preview img{object-fit:contain;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:min(72dvh,1100px);display:block}.asset-loading{font-size:12px}.asset-file{align-items:center;gap:13px;min-width:0;max-width:100%;font-size:13px;display:flex}.asset-file>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-file button{background:var(--neutral-100);height:30px;color:var(--strong);border:0;border-radius:4px;flex:none;align-items:center;gap:7px;padding:0 10px;font-size:12px;display:inline-flex}.sidebar{box-shadow:none;border-right:0}.sidebar-inner{width:256px;padding:20px 12px 16px}.sidebar-brand{height:48px;margin:0 0 24px;padding:0 10px}.brand-lockup{letter-spacing:-.06em;gap:11px;font-size:19px}.brand-mark{background:var(--flow-accent);color:#0a0a0a;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));border-radius:0;width:32px;height:32px;padding:6px}.brand-period{color:var(--flow-accent)}.search-field{background:var(--neutral-100);border:0;border-radius:8px;gap:10px;min-height:38px;padding:0 14px;transition:background .12s ease-out}.search-field:focus-within{background:var(--neutral-200)}.search-field input{font-size:13px}.sidebar-bottom{gap:5px;margin-top:auto;padding-top:16px}.sidebar-bottom-action{border-radius:7px;height:36px;font-size:12px}.sidebar-bottom-action:hover:not(:disabled){background:var(--hover)}.main-shell{background:var(--surface)}.topbar{background:var(--surface);border-bottom:0;min-height:60px;padding:0 28px}.document-title{letter-spacing:-.03em;font-size:15px}.save-indicator{font:400 11px var(--mono)}.save-indicator[data-save-state=saved]:before{content:"";background:var(--muted);width:5px;height:5px;margin-right:4px;display:inline-block}.mode-switch{background:var(--neutral-100);border-radius:999px;padding:3px}.mode-switch button{border-radius:999px;min-width:62px}.mode-highlight{border-radius:999px}.export-button{background:var(--flow-accent);min-height:32px;color:var(--flow-accent-ink);border-radius:999px;padding:0 15px}.export-button:hover{background:var(--flow-accent);filter:brightness(.95)}.square-button:hover{background:var(--neutral-100);border-radius:8px}.subbar{background:var(--surface);border-bottom:0;min-height:46px;padding:0 30px}.formatting-actions button{border-radius:7px}.formatting-actions button:hover{background:var(--neutral-100)}.format-divider{background:var(--neutral-200)}.word-stat{color:var(--muted)}.editor-area,.editor-pane{background:var(--surface)}.preview-pane{background:var(--preview-bg)}.editor-area.mode-split:not(.compact) .preview-pane{box-shadow:none;border-left:0}.cm-editor,.cm-scroller{background:var(--surface)!important}.cm-content{max-width:880px;caret-color:var(--flow-accent);padding:0 clamp(28px,5vw,72px) 96px!important}.cm-line{font:400 14px/1.88 var(--mono)}.cm-cursor{border-left-color:var(--flow-accent)!important}.preview-scroll{background:var(--surface);padding-top:44px}.markdown-preview{max-width:760px;font-size:15px;line-height:1.85}.markdown-preview h1{letter-spacing:-.055em;font-size:34px;line-height:1.16}.markdown-preview h2{letter-spacing:-.04em;font-size:25px}.markdown-preview h3{letter-spacing:-.025em;font-size:19px}.markdown-preview a{color:var(--blue);text-decoration:underline}.markdown-preview blockquote{background:var(--neutral-100);border-radius:8px;padding:12px 18px}.markdown-preview :not(pre)>code{background:var(--neutral-100)}.markdown-preview ul>li:not(.task-list-item):before{background:var(--muted);border-radius:1px}.markdown-preview th,.markdown-preview td{border-bottom-color:var(--neutral-200)}@media (max-width:800px){.topbar{padding:0 12px}.subbar{padding:0 8px}.cm-scroller{padding-top:20px}.cm-content{padding:0 16px 58px!important}.preview-scroll{padding:22px 18px 70px}.markdown-preview{font-size:15px}.markdown-preview h1{font-size:28px}}@media (prefers-reduced-motion:reduce){.flow-shell *,.draw-page *{scroll-behavior:auto!important}}.draw-entry{background:var(--neutral-100);height:32px;color:var(--text);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:12px;text-decoration:none;transition:background .13s ease-out,transform .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.draw-entry:hover{background:var(--neutral-200)}.draw-entry:active{transform:scale(.98)}.draw-sidebar-entry{height:36px;color:var(--text);border-radius:7px;align-items:center;gap:9px;padding:0 10px;font-size:12px;text-decoration:none;display:flex}.draw-sidebar-entry:hover{background:var(--neutral-100)}@media (max-width:800px){.draw-entry{gap:5px;height:30px;padding:0 9px}.draw-entry span{display:none}}.brand-lockup,.document-title,.draw-entry,.filetree-workspace-label,.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview strong,.export-button,.mode-switch button.selected{font-weight:500}:root:not([data-theme=light]){--background:#0a0a0a;--sidebar-bg:#0e0e0e;--surface:#101010;--preview-bg:#0d0d0d;--neutral-100:#1a1a1a;--neutral-200:#252525;--hover:#1d1d1d;--active:#232323;--line:#252525;--code-bg:#1a1a1a;--syntax-keyword:var(--accent);--syntax-function:var(--accent);--syntax-number:var(--accent);--syntax-literal:var(--accent)}.sidebar{background:var(--sidebar-bg)}.sidebar-inner{padding:18px 11px 14px}.sidebar-brand{margin-bottom:17px}.search-field{background:var(--neutral-100);border-radius:10px;height:38px;min-height:38px;margin-bottom:6px;padding:0 12px;transition:background-color .2s cubic-bezier(.22,1,.36,1)}.sidebar-bottom{gap:2px;padding-top:10px}.sidebar-bottom-action,.draw-sidebar-entry{border-radius:9px}.sidebar-bottom-action,.draw-sidebar-entry,.formatting-actions button,.square-button{transition:background-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1)}.main-shell,.topbar,.subbar,.editor-pane,.cm-editor,.cm-scroller{background:var(--surface)!important}.topbar{min-height:56px;padding:0 24px}.subbar{min-height:42px;padding:0 24px}.mode-switch{background:var(--neutral-100);border-radius:999px;align-items:center;gap:1px;padding:3px;display:flex}.mode-switch button{border-radius:999px;min-width:56px;height:30px;padding:0 11px}.mode-highlight{background:var(--neutral-200);border-radius:999px}.export-button,.draw-entry{border-radius:999px;transition:background-color .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.cm-scroller{padding-top:32px}.cm-content{padding-bottom:80px!important}.cm-line{line-height:1.82}.preview-pane,.preview-scroll{background:var(--preview-bg)!important}.preview-scroll{padding-top:32px}.empty-preview,.preview-loading{color:var(--muted)}.editor-area.mode-split:not(.compact) .preview-pane{box-shadow:none;border:0}.code-block{border-radius:11px}.code-language{color:var(--blue)}.code-header{min-height:36px;padding-left:13px}.markdown-preview .hljs-keyword,.markdown-preview .hljs-built_in,.markdown-preview .hljs-meta{color:var(--syntax-keyword)}.markdown-preview .hljs-title,.markdown-preview .hljs-title.function_,.markdown-preview .hljs-function{color:var(--syntax-function)}.markdown-preview :not(pre)>code{color:var(--blue);border-radius:5px}@media (max-width:800px){.topbar{padding:0 12px}.subbar{padding:0 8px}.cm-scroller{padding-top:20px}.preview-scroll{padding-top:22px}}@media (prefers-reduced-motion:reduce){.search-field,.sidebar-bottom-action,.draw-sidebar-entry,.formatting-actions button,.square-button,.export-button,.draw-entry{transition:none}}.formatting-actions .auto-markdown-button{min-width:0;height:29px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:11px;transition:background-color .19s cubic-bezier(.22,1,.36,1),color .19s cubic-bezier(.22,1,.36,1);display:inline-flex}.formatting-actions .auto-markdown-button:hover:not(:disabled),.formatting-actions .auto-markdown-button:focus-visible{color:var(--strong);background:var(--neutral-100)}.formatting-actions .auto-markdown-button:disabled{opacity:.34}.formatting-actions .copy-all-button{min-width:0;height:29px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:11px;transition:background-color .19s cubic-bezier(.22,1,.36,1),color .19s cubic-bezier(.22,1,.36,1);display:inline-flex}.formatting-actions .copy-all-button:hover:not(:disabled),.formatting-actions .copy-all-button:focus-visible{color:var(--strong);background:var(--neutral-100)}.formatting-actions .copy-all-button:disabled{opacity:.34}.formatting-actions .auto-markdown-button svg{flex:0 0 16px}.save-indicator{gap:8px}.save-indicator[data-save-state=saving]:before{display:none}.sidebar-inner{will-change:opacity,transform,filter}@media (max-width:1100px){.formatting-actions .auto-markdown-button>span:not(.pixel-huge-icon),.formatting-actions .copy-all-button>span:not(.pixel-huge-icon){display:none}.formatting-actions .auto-markdown-button,.formatting-actions .copy-all-button{padding:0 8px}}@media (prefers-reduced-motion:reduce){.pixel-save-loader i,.save-indicator[data-save-state=saving] .save-label{animation:none!important}.pixel-save-loader i{opacity:.8;transform:none}.save-indicator[data-save-state=saving] .save-label{-webkit-text-fill-color:currentColor;background:0 0}}.pixel-huge-icon{vertical-align:middle;color:inherit;pointer-events:none;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.pixel-huge-icon svg{flex:none;display:block}.pixel-huge-icon-subtle svg{shape-rendering:crispedges}.pixel-huge-icon-subtle svg :is(path,line,polyline,polygon,rect,circle){stroke-linecap:square;stroke-linejoin:miter}.pixel-sidebar-toggle:after{content:"";pointer-events:none;background:currentColor;width:2px;height:2px;position:absolute;top:29%;left:24%;box-shadow:0 4px,0 8px}.save-indicator{width:178px;min-width:178px;height:28px;color:var(--muted);white-space:nowrap;font:500 11px/1 var(--mono);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:0 0 178px;justify-content:flex-start;align-items:center;gap:7px;margin-left:4px;padding:0;display:inline-flex;position:relative}.save-indicator:before{content:none!important;display:none!important}.save-indicator[data-save-state=idle]{pointer-events:none}.save-prefix{background:var(--flow-accent);border-radius:1px;flex:0 0 5px;width:5px;height:5px;display:block}.save-indicator[data-save-state=saving] .save-prefix{animation:.88s ease-in-out infinite save-dot-pulse}.save-indicator[data-save-state=error] .save-prefix{background:#ef4444}.save-indicator[data-save-state=error]{color:#fca5a5}.save-indicator[data-save-state=saving] .save-label{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#a3a3a3 15%,#fff1e8 50%,#a3a3a3 85%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;animation:1.15s linear infinite save-label-shimmer}.save-duration{color:var(--quiet);align-items:baseline;gap:3px;display:inline-flex}.save-duration number-flow{font-variant-numeric:tabular-nums;--number-flow-mask-height:.14em;line-height:1}.save-indicator:not([data-save-state=saved]) .save-duration,.save-duration.is-empty{pointer-events:none;visibility:hidden;position:absolute}.pixel-save-loader{flex:0 0 38px;align-items:center;gap:2px;height:12px;display:inline-flex}.pixel-save-loader i{background:var(--flow-accent);opacity:.18;border-radius:1px;flex:0 0 4px;width:4px;height:4px;animation:.94s linear infinite save-pixel-scan}.pixel-save-loader i:nth-child(2){animation-delay:-.81s}.pixel-save-loader i:nth-child(3){animation-delay:-.68s}.pixel-save-loader i:nth-child(4){animation-delay:-.55s}.pixel-save-loader i:nth-child(5){animation-delay:-.42s}.pixel-save-loader i:nth-child(6){animation-delay:-.29s}.pixel-save-loader i:nth-child(7){animation-delay:-.16s}@keyframes save-pixel-scan{0%,to{opacity:.14}37%{opacity:1}72%{opacity:.38}}@keyframes save-dot-pulse{0%,to{opacity:.48}50%{opacity:1}}@keyframes save-label-shimmer{0%{background-position:155% 0}to{background-position:-155% 0}}@media (max-width:800px){.save-indicator{flex:0 0 110px;gap:4px;width:110px;min-width:110px}.pixel-save-loader{flex:0 0 38px}.save-indicator[data-save-state=saved]{display:none}}@media (prefers-reduced-motion:reduce){.pixel-save-loader i,.save-indicator[data-save-state=saving] .save-prefix,.save-indicator[data-save-state=saving] .save-label{animation:none!important}.pixel-save-loader i{opacity:.8}.save-indicator[data-save-state=saving] .save-label{-webkit-text-fill-color:currentColor;background:0 0}}@media (max-width:800px){.sidebar-inner{will-change:opacity,transform}.topbar{grid-template-columns:minmax(0,1fr) 38px 38px 38px;column-gap:5px}.topbar .draw-entry{background:var(--neutral-100);width:38px;min-width:38px;height:38px;min-height:38px;color:var(--strong);touch-action:manipulation;border-radius:7px;grid-area:1/2;justify-content:center;place-self:center;align-items:center;gap:0;padding:0;display:inline-flex}.topbar .draw-entry:hover,.topbar .draw-entry:focus-visible{background:var(--neutral-200)}.topbar .draw-entry span:not(.pixel-huge-icon){display:none}.topbar .draw-entry>.pixel-huge-icon,.topbar .export-button>.pixel-huge-icon{justify-content:center;align-items:center;width:17px!important;height:17px!important;display:inline-flex!important}.topbar .export-button{background:var(--flow-accent);width:38px;min-width:38px;height:38px;min-height:38px;color:var(--flow-accent-ink);touch-action:manipulation;border:0;border-radius:7px;grid-area:1/3;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.topbar .export-button:hover,.topbar .export-button:focus-visible{background:var(--flow-accent)}.topbar .theme-toggle{grid-area:1/4;place-self:center;width:38px;min-width:38px;height:38px}.topbar .mode-switch{grid-area:2/1/auto/-1}.document-meta,.document-title{min-width:0}.save-indicator[data-save-state=idle]{display:none}.save-indicator[data-save-state=saving]{flex:0 0 48px;gap:3px;width:48px;min-width:48px}.save-indicator[data-save-state=saving] .save-label{display:none}}@media (max-width:360px){.topbar{column-gap:3px;padding-inline:8px}}.search-field{background:#1c1c1c;gap:8px;padding-inline:9px;transition:background-color .19s cubic-bezier(.22,1,.36,1)}.search-field:hover,.search-field:focus-within{background:#151515}.search-field kbd{height:21px;color:var(--quiet);font:500 10px/1 var(--mono);white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}:root[data-theme=light] .search-field{background:#f0f0f0}:root[data-theme=light] .search-field:hover,:root[data-theme=light] .search-field:focus-within{background:#e7e7e7}@media (max-width:800px){.search-field{padding-inline:10px}.search-field kbd{display:none}}.flow-export-menu{z-index:3000;width:211px;box-shadow:none;color:#eee;transform-origin:100% 0;background:#151515;border:0;border-radius:11px;flex-direction:column;gap:2px;margin:0;padding:5px;display:flex;position:fixed}.flow-export-menu button{width:100%;height:37px;min-height:37px;color:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font:400 12px/1.3 inherit;transition:background-color .17s cubic-bezier(.22,1,.36,1),color .17s cubic-bezier(.22,1,.36,1);display:flex}.flow-export-menu button>.pixel-huge-icon{color:#b1b1b1}.flow-export-menu button span:not(.pixel-huge-icon){flex:1}.flow-export-menu button small{color:#7b7b7b;font:400 10px/1 var(--mono)}.flow-export-menu button:hover:not(:disabled),.flow-export-menu button:focus-visible{color:#fafafa;background:#252525;outline:none}.flow-export-menu button:disabled{opacity:.45;cursor:default}.export-button:disabled{opacity:.56;cursor:progress}:root[data-theme=light] .flow-export-menu{color:#191919;background:#f5f5f5}:root[data-theme=light] .flow-export-menu button>.pixel-huge-icon{color:#626262}:root[data-theme=light] .flow-export-menu button small{color:#777}:root[data-theme=light] .flow-export-menu button:hover:not(:disabled),:root[data-theme=light] .flow-export-menu button:focus-visible{color:#171717;background:#e8e8e8}@media (prefers-reduced-motion:reduce){.flow-export-menu button{transition:none}}:root:not([data-theme=light]) .search-field{background:#151515}:root:not([data-theme=light]) .search-field:hover,:root:not([data-theme=light]) .search-field:focus-within{background:#111}.search-field kbd{min-width:21px;height:21px;box-shadow:none;color:#ccc;font:500 10px/1 var(--mono);background:#222;border:0;border-radius:5px;padding:0}:root[data-theme=light] .search-field kbd{color:#606060;background:#e4e4e4}.editor-area .cm-scroller,.editor-area .preview-scroll{scrollbar-width:none;-ms-overflow-style:none}.editor-area .cm-scroller::-webkit-scrollbar{width:0;height:0;display:none}.editor-area .preview-scroll::-webkit-scrollbar{width:0;height:0;display:none}.export-button[aria-busy=true]{opacity:1;cursor:progress;color:#fff}.export-button[aria-busy=true] .pixel-save-loader{color:#fff}.export-button[aria-busy=true] .pixel-save-loader i{background:#fff}.notice .pixel-save-loader{flex:none}:root:not([data-theme=light]) ::selection{background:#56565652}:root:not([data-theme=light]) .cm-selectionBackground,:root:not([data-theme=light]) .cm-focused .cm-selectionBackground{background:#62626255!important}:root:not([data-theme=light]) .cm-line ::selection{background:#56565652!important}:root:not([data-theme=light]) .cm-content ::selection{background:#56565652!important}@media (min-width:801px){.editor-area:not(.compact) .cm-sizer{flex:1;width:100%;min-width:0}.editor-area:not(.compact) .cm-content{width:100%;max-width:880px;margin-inline:auto}}.markdown-preview{--preview-orange:var(--accent-600);--preview-table-border:#303030;--preview-table-head:#171717;--preview-table-stripe:#131313;--preview-table-hover:#1d1d1d;text-rendering:optimizelegibility}:root[data-theme=light] .markdown-preview{--preview-orange:var(--accent-500);--preview-table-border:#dedede;--preview-table-head:#f3f3f3;--preview-table-stripe:#fafafa;--preview-table-hover:#f1f1f1}.markdown-preview a,.markdown-preview .footnote-ref a,.markdown-preview .footnote-backref{color:var(--preview-orange);text-underline-offset:3px;text-decoration-color:currentColor}.markdown-preview :not(pre)>code,.markdown-preview .code-language,.markdown-preview .hljs-keyword,.markdown-preview .hljs-selector-tag,.markdown-preview .hljs-built_in,.markdown-preview .hljs-meta,.markdown-preview .hljs-number,.markdown-preview .hljs-symbol,.markdown-preview .hljs-attribute,.markdown-preview .hljs-title,.markdown-preview .hljs-title.function_,.markdown-preview .hljs-function,.markdown-preview .hljs-property,.markdown-preview .hljs-name,.markdown-preview .hljs-literal,.markdown-preview .hljs-type,.markdown-preview .hljs-variable.language_,.markdown-preview .hljs-regexp{color:var(--preview-orange)}.markdown-preview .table-scroll{border:1px solid var(--preview-table-border);background:var(--preview-bg);border-radius:8px;overflow-x:auto}.markdown-preview table{border-collapse:separate;border-spacing:0;border:0}.markdown-preview thead{background:var(--preview-table-head)}.markdown-preview th,.markdown-preview td{border:0;border-right:1px solid var(--preview-table-border);border-bottom:1px solid var(--preview-table-border);padding:10px 12px;line-height:1.55}.markdown-preview th{letter-spacing:-.012em;color:var(--strong);font-weight:600}.markdown-preview tbody tr:nth-child(2n){background:var(--preview-table-stripe)}.markdown-preview tbody tr:hover{background:var(--preview-table-hover)}.markdown-preview tr>:last-child{border-right:0}.markdown-preview table>:last-child>tr:last-child>:is(th,td){border-bottom:0}@media (max-width:800px){.markdown-preview th,.markdown-preview td{padding:9px 10px}}:root{--palette-orange-600:#f05100;--palette-orange-500:#fe6e00;--palette-green-600:#00a544;--palette-green-500:#00c758;--palette-sky-600:#0084cc;--palette-sky-500:#00a5ef;--palette-purple-600:#9810fa;--palette-purple-500:#ac4bff;--palette-pink-600:#e30076;--palette-pink-500:#f6339a;--palette-teal-600:#009588;--palette-teal-500:#00baa7;--palette-indigo-600:#4f39f6;--palette-indigo-500:#625fff;--palette-rose-600:#e70044;--palette-rose-500:#ff2357;--accent-600:var(--palette-orange-600);--accent-500:var(--palette-orange-500);--accent:var(--accent-600)}@supports (color:lab(0% 0 0)){:root{--palette-orange-600:lab(57.1026% 64.2584 89.8886);--palette-orange-500:lab(64.272% 57.1788 90.3583);--palette-green-600:lab(59.0978% -58.6621 41.2579);--palette-green-500:lab(70.5521% -66.5147 45.8073);--palette-sky-600:lab(51.7754% -11.4712 -49.8349);--palette-sky-500:lab(63.3038% -18.433 -51.0407);--palette-purple-600:lab(43.0295% 75.21 -86.5669);--palette-purple-500:lab(52.0183% 66.11 -78.2316);--palette-pink-600:lab(49.5493% 79.8381 2.31768);--palette-pink-500:lab(56.9303% 76.8162 -8.07021);--palette-teal-600:lab(55.0223% -41.0774 -3.90277);--palette-teal-500:lab(67.3859% -49.0983 -2.63511);--palette-indigo-600:lab(38.4009% 52.6132 -92.3857);--palette-indigo-500:lab(48.295% 38.3129 -81.9673);--palette-rose-600:lab(49.1882% 81.577 36.0311);--palette-rose-500:lab(56.101% 79.4328 31.4532)}}:root[data-theme=light]{--accent:var(--accent-500)}:root[data-accent=green]{--accent-600:var(--palette-green-600);--accent-500:var(--palette-green-500)}:root[data-accent=sky]{--accent-600:var(--palette-sky-600);--accent-500:var(--palette-sky-500)}:root[data-accent=purple]{--accent-600:var(--palette-purple-600);--accent-500:var(--palette-purple-500)}:root[data-accent=pink]{--accent-600:var(--palette-pink-600);--accent-500:var(--palette-pink-500)}:root[data-accent=teal]{--accent-600:var(--palette-teal-600);--accent-500:var(--palette-teal-500)}:root[data-accent=indigo]{--accent-600:var(--palette-indigo-600);--accent-500:var(--palette-indigo-500)}:root[data-accent=rose]{--accent-600:var(--palette-rose-600);--accent-500:var(--palette-rose-500)}:root[data-accent=orange]{--accent-600:var(--palette-orange-600);--accent-500:var(--palette-orange-500)}.accent-theme-trigger{background:var(--neutral-100);height:32px;color:var(--strong);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font:500 11px/1 Geist Variable,sans-serif;transition:background-color .15s ease-out;display:inline-flex}.accent-theme-trigger:hover,.accent-theme-trigger[aria-expanded=true]{background:var(--neutral-200)}.accent-theme-trigger:focus-visible{outline:2px solid var(--flow-accent);outline-offset:2px}.accent-theme-trigger .accent-theme-dot{background:var(--flow-accent);border-radius:3px;flex:0 0 11px;width:11px;height:11px}.accent-theme-trigger .accent-theme-chevron{color:var(--muted)}.accent-theme-menu{z-index:3100;border:1px solid var(--line);width:198px;max-height:calc(100dvh - 20px);box-shadow:none;background:var(--surface);color:var(--text);border-radius:12px;padding:6px;position:fixed;overflow-y:auto}.accent-theme-menu-title{color:var(--muted);padding:8px 10px 7px;font:500 10px/1.1 Geist Variable,sans-serif}.accent-theme-option{width:100%;min-height:35px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 9px;font:500 12px/1.2 Geist Variable,sans-serif;display:flex}.accent-theme-option:hover,.accent-theme-option:focus-visible{background:var(--neutral-100);outline:none}.accent-theme-option[aria-checked=true]{background:var(--neutral-200)}.accent-theme-option .accent-theme-swatch{background:var(--flow-accent);border-radius:4px;flex:0 0 13px;width:13px;height:13px}.accent-theme-option .accent-theme-check{color:var(--muted);margin-left:auto}@media (max-width:800px){.topbar{grid-template-columns:minmax(0,1fr) repeat(4,38px);column-gap:4px}.topbar .accent-theme-trigger{border-radius:7px;grid-area:1/5;place-self:center;width:38px;min-width:38px;height:38px;padding:0}.topbar .accent-theme-trigger .accent-theme-label,.topbar .accent-theme-trigger .accent-theme-chevron{display:none}}@media (prefers-reduced-motion:reduce){.accent-theme-trigger{transition:none}}