.editor-surface.is-browser-editor-surface{width:100%;height:calc(var(--vh,100vh) - 98px);min-height:0;padding:0;overflow:hidden}.browser-editor{min-height:calc(var(--vh,100vh) - 98px);background:var(--code-bg);grid-template-rows:26px minmax(0,1fr) 22px;display:grid}.editor-surface.is-browser-editor-surface .browser-editor{height:100%;min-height:0}.browser-image-editor{background:var(--surface)}.browser-editor-breadcrumb{border-bottom:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg) 94%, var(--panel));min-width:0;height:26px;color:var(--muted);font-family:var(--font-ui);align-items:center;gap:10px;padding:0 12px;font-size:.78rem;display:flex}.browser-editor-crumbs{white-space:nowrap;align-items:center;min-width:0;display:inline-flex;overflow:hidden}.browser-editor-crumbs span{flex:none}.browser-editor-crumbs span:last-child{color:var(--text)}.breadcrumb-separator{color:var(--dim);font-family:var(--font-code);padding:0 7px}.browser-editor-save-state{color:var(--muted);font-family:var(--font-code);flex:none;margin-left:auto;font-size:.72rem}.browser-editor.is-dirty .browser-editor-save-state{color:var(--accent-3)}.browser-editor-body{background:var(--code-bg);grid-template-columns:58px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.browser-editor.has-preview .browser-editor-body{grid-template-columns:58px minmax(0,1fr) minmax(280px,42%)}.browser-editor-gutter,.browser-editor-highlight,.browser-editor-input{height:100%;min-height:0;font-family:var(--font-code);font-size:var(--ark-editor-font-size);border:0;margin:0;line-height:1.62}.browser-editor-gutter{background:var(--code-bg);color:var(--dim);text-align:right;user-select:none;padding:10px 14px 10px 0;overflow:hidden}.browser-editor-code-pane{min-width:0;min-height:0;position:relative;overflow:hidden}.browser-editor-highlight,.browser-editor-input{white-space:pre;width:100%;position:absolute;inset:0;overflow:auto}.browser-editor-highlight{pointer-events:none;color:var(--text);padding:10px 18px}.browser-editor-caret-line{z-index:0;background:color-mix(in srgb, var(--accent) 8%, transparent);pointer-events:none;position:absolute;left:0;right:0}.browser-editor-highlight{z-index:1}.browser-editor-input{z-index:2;resize:none;color:#0000;caret-color:var(--accent);tab-size:2;background:0 0;outline:0;padding:10px 18px}.browser-editor-input,.browser-editor-input:focus{-webkit-text-fill-color:transparent}.browser-editor-input::selection{background:color-mix(in srgb, var(--accent) 42%, transparent)}.browser-editor-preview-toggle{height:20px;color:var(--muted);cursor:pointer;font-family:var(--font-code);background:0 0;border:1px solid #0000;border-radius:3px;flex:none;padding:0 8px;font-size:.7rem}.browser-editor-preview-toggle:hover{border-color:var(--line);background:var(--surface-hot);color:var(--text)}.browser-editor-preview{border-left:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);padding:18px 24px;overflow:auto}.browser-editor-preview[hidden]{display:none}.browser-editor-preview h1,.browser-editor-preview h2,.browser-editor-preview h3{margin:1em 0 .45em;line-height:1.25}.browser-editor-preview h1:first-child,.browser-editor-preview h2:first-child,.browser-editor-preview h3:first-child{margin-top:0}.browser-editor-preview p,.browser-editor-preview ul,.browser-editor-preview blockquote,.browser-editor-preview pre{margin:0 0 1em}.browser-editor-preview code{background:var(--code-bg);color:var(--accent-2);font-family:var(--font-code);border-radius:3px;padding:.12em .32em}.browser-editor-preview pre{border:1px solid var(--line-soft);background:var(--code-bg);border-radius:4px;padding:12px;overflow:auto}.browser-editor-preview blockquote{border-left:3px solid var(--accent);color:var(--muted);padding-left:12px}.browser-editor-preview a{color:var(--accent)}.browser-editor-preview img{border:1px solid var(--line);background:var(--code-bg);border-radius:4px;max-width:100%;margin:12px 0 16px;display:block;box-shadow:0 14px 34px #0000003d}.markdown-image-missing{border:1px solid color-mix(in srgb, var(--danger) 64%, var(--line));background:color-mix(in srgb, var(--danger) 13%, transparent);max-width:100%;color:var(--danger);font-family:var(--font-code);overflow-wrap:anywhere;border-radius:3px;padding:2px 6px;font-size:.78rem;display:inline-flex}.browser-image-body{background:linear-gradient(45deg, color-mix(in srgb, var(--line-soft) 42%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line-soft) 42%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line-soft) 42%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line-soft) 42%, transparent) 75%), var(--surface);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;min-height:0;padding:28px;display:grid;overflow:auto}.browser-image-stage{align-content:center;place-items:center;gap:14px;min-height:100%;margin:0;display:grid}.browser-image-stage img{max-width:min(100%,1100px);max-height:calc(var(--vh,100vh) - 190px);border:1px solid var(--line);background:var(--code-bg);object-fit:contain;border-radius:4px;box-shadow:0 18px 48px #00000057}.browser-image-stage figcaption{max-width:100%;color:var(--muted);font-family:var(--font-code);overflow-wrap:anywhere;font-size:.78rem}.tok-heading{color:var(--code-heading);font-weight:700}.tok-list,.tok-link{color:var(--code-list)}.tok-quote,.tok-comment{color:var(--code-comment)}.tok-code,.tok-codeblock,.tok-fence,.tok-string{color:var(--code-string)}.tok-strong,.tok-keyword{color:var(--code-keyword)}.tok-number{color:var(--code-property)}.tok-tag,.tok-selector,.tok-type{color:var(--code-type)}.tok-attr,.tok-property{color:var(--code-attr)}.tok-function{color:var(--code-function)}.browser-editor-highlight .token.comment,.browser-editor-highlight .token.prolog,.browser-editor-highlight .token.doctype,.browser-editor-highlight .token.cdata,.article-content figure.highlight .token.comment,.article-content figure.highlight .token.prolog,.article-content figure.highlight .token.doctype,.article-content figure.highlight .token.cdata{color:var(--code-comment)}.browser-editor-highlight .token.punctuation,.article-content figure.highlight .token.punctuation{color:var(--code-punctuation)}.browser-editor-highlight .token.property,.browser-editor-highlight .token.tag,.browser-editor-highlight .token.boolean,.browser-editor-highlight .token.number,.browser-editor-highlight .token.constant,.browser-editor-highlight .token.symbol,.browser-editor-highlight .token.deleted,.article-content figure.highlight .token.property,.article-content figure.highlight .token.tag,.article-content figure.highlight .token.boolean,.article-content figure.highlight .token.number,.article-content figure.highlight .token.constant,.article-content figure.highlight .token.symbol,.article-content figure.highlight .token.deleted{color:var(--code-property)}.browser-editor-highlight .token.selector,.browser-editor-highlight .token.attr-name,.browser-editor-highlight .token.string,.browser-editor-highlight .token.char,.browser-editor-highlight .token.builtin,.browser-editor-highlight .token.inserted,.article-content figure.highlight .token.selector,.article-content figure.highlight .token.attr-name,.article-content figure.highlight .token.string,.article-content figure.highlight .token.char,.article-content figure.highlight .token.builtin,.article-content figure.highlight .token.inserted{color:var(--code-string)}.browser-editor-highlight .token.operator,.browser-editor-highlight .token.entity,.browser-editor-highlight .token.url,.browser-editor-highlight .token.variable,.article-content figure.highlight .token.operator,.article-content figure.highlight .token.entity,.article-content figure.highlight .token.url,.article-content figure.highlight .token.variable{color:var(--code-operator)}.browser-editor-highlight .token.atrule,.browser-editor-highlight .token.attr-value,.browser-editor-highlight .token.function,.browser-editor-highlight .token.class-name,.article-content figure.highlight .token.atrule,.article-content figure.highlight .token.attr-value,.article-content figure.highlight .token.function,.article-content figure.highlight .token.class-name{color:var(--code-function)}.browser-editor-highlight .token.keyword,.article-content figure.highlight .token.keyword{color:var(--code-keyword)}.browser-editor-highlight .token.regex,.browser-editor-highlight .token.important,.article-content figure.highlight .token.regex,.article-content figure.highlight .token.important{color:var(--code-regex)}.browser-editor-status{border-top:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg) 94%, var(--panel));height:22px;color:var(--muted);font-family:var(--font-code);justify-content:flex-end;align-items:center;gap:16px;padding:0 10px;font-size:.72rem;display:flex}:root:not([data-mode=dark]) .side-panel{background:var(--panel-2)}:root:not([data-mode=dark]) .explorer-bar{border-bottom-color:var(--line)}:root:not([data-mode=dark]) .explorer-actions button:hover,:root:not([data-mode=dark]) .file-tree summary:hover,:root:not([data-mode=dark]) .file-tree .file-item:hover{background-color:color-mix(in srgb, var(--text) 9%, transparent)}:root:not([data-mode=dark]) .file-tree .file-item.is-current{background-color:var(--surface-hot)}.side-empty{color:var(--dim);margin:8px 0 0;padding:0 8px;font-size:.82rem}.side-search{color:var(--muted);font-family:var(--font-code);gap:8px;font-size:.76rem;display:grid}.side-search input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:32px;color:var(--text);font:inherit;outline:0;padding:6px 9px}.side-search input:focus{border-color:var(--accent)}.search-results a,.mini-timeline a,.taxonomy-list a{justify-content:space-between}.search-results a[hidden]{display:none}.search-results span,.mini-timeline span,.taxonomy-list span{color:var(--muted);font-family:var(--font-code);flex:none;font-size:.72rem}.mini-timeline h3{color:var(--accent-2);font-family:var(--font-code);margin:14px 0 5px;padding:0 8px;font-size:.76rem}.taxonomy-list a strong{color:var(--accent-2);font-weight:500}.editor-pane{background:color-mix(in srgb, var(--bg) 92%, #000);min-width:0;position:relative}.editor-tabline{z-index:25;border-bottom:1px solid var(--line);background:var(--panel);scrollbar-width:none;align-items:flex-start;height:36px;display:flex;position:sticky;top:38px;overflow:auto hidden}.editor-tabline::-webkit-scrollbar{height:0}.editor-tabline::-webkit-scrollbar-track,.editor-tabline::-webkit-scrollbar-thumb{background:0 0}.editor-tab{border-top:2px solid #0000;border-right:1px solid var(--line);background:var(--panel);min-width:132px;max-width:min(260px,70vw);height:36px;color:var(--muted);cursor:grab;user-select:none;flex:none;align-items:center;gap:10px;padding:0 9px 0 13px;display:inline-flex;position:relative}.editor-tab:hover,.editor-tab.is-active{background:var(--surface);color:var(--text)}.editor-tab:active{cursor:grabbing}.editor-tab.is-pinned,.editor-tab.is-pinned:active{cursor:default}.editor-tab.is-pinned{z-index:2;gap:7px;transition:min-width .24s cubic-bezier(.4,0,.2,1),max-width .24s cubic-bezier(.4,0,.2,1),width .24s cubic-bezier(.4,0,.2,1),padding .24s cubic-bezier(.4,0,.2,1);position:sticky;left:0}.tab-home-icon{width:13px;height:13px;color:var(--accent);opacity:.9;flex:none}.editor-tab.is-pinned .tab-link span{max-width:200px;transition:max-width .24s cubic-bezier(.4,0,.2,1),opacity .18s,transform .18s}.editor-tabline.is-overflowing .editor-tab.is-pinned{justify-content:center;gap:0;min-width:40px;max-width:40px;padding:0 7px}.editor-tabline.is-overflowing .editor-tab.is-pinned .tab-link{justify-content:center}.editor-tabline.is-overflowing .editor-tab.is-pinned .tab-link span{opacity:0;max-width:0;transform:translate(-4px)}.editor-tab.is-active{border-top-color:var(--accent);box-shadow:inset 0 4px 8px color-mix(in srgb, var(--accent) 6%, transparent)}.editor-tab.is-dragging{opacity:.48}.editor-tab.is-drop-before:before,.editor-tab.is-drop-after:after{content:"";background:var(--accent);width:2px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:2px;position:absolute;top:4px;bottom:4px}.editor-tab.is-drop-before:before{left:0}.editor-tab.is-drop-after:after{right:0}.editor-tab span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tab-link{min-width:0;height:100%;cursor:inherit;flex:auto;align-items:center;display:flex}.tab-close{width:18px;height:18px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;place-items:center;padding:0;line-height:1;display:inline-grid}.tab-close-icon{pointer-events:none;width:10px;height:10px;display:block}.editor-tab:hover .tab-close,.editor-tab.is-active .tab-close{color:var(--muted)}.tab-close:hover{border-color:var(--line);background:var(--surface-hot);color:var(--text)}.editor-surface{width:100%;height:calc(var(--vh,100vh) - 98px);padding:42px 42px 70px;transition:opacity .12s;overflow-y:auto}.app-shell.is-loading-route .editor-surface{opacity:.58;pointer-events:none}.tab-context-menu{z-index:130;min-width:190px}.tab-context-menu button.is-disabled,.tab-context-menu button:disabled{opacity:.45;cursor:not-allowed}.tab-context-menu button.is-disabled:hover,.tab-context-menu button:disabled:hover{color:var(--text);background:0 0}.tab-context-menu-sep{background:var(--line);height:1px;margin:4px 8px}