@font-face{font-family:Virgil;src:url(/fonts/Virgil.woff2) format("woff2");font-display:swap}:root{color-scheme:light;--bg: #f3f1ea;--bg-panel: #ffffff;--bg-raised: #f1efec;--border: #e6e3dd;--border-strong: #d5d1c8;--text: #37352f;--text-dim: #8f8d86;--accent: #6965db;--accent-strong: #4a47b1;--accent-soft: rgba(105, 101, 219, .13);--danger: #d44c47;--danger-soft: rgba(212, 76, 71, .1);--canvas-dot: rgba(55, 53, 47, .16);--selection: rgba(105, 101, 219, .22);--island-shadow: 0 1px 3px rgba(31, 27, 22, .07), 0 8px 24px rgba(31, 27, 22, .1);--overlay-shadow: 0 4px 12px rgba(31, 27, 22, .08), 0 16px 48px rgba(31, 27, 22, .18);--overlay-scrim: rgba(58, 54, 48, .35);--code-inline: #eb5757;--code-inline-bg: rgba(135, 131, 120, .15);--bg-code: #f7f6f3;--mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--sans: ui-sans-serif, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--hand: "Virgil", "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;--hl-comment: #9b9890;--hl-keyword: #9065b0;--hl-string: #448361;--hl-number: #d9730d;--hl-literal: #cb912f;--hl-attr: #337ea9;--hl-title: #337ea9;--hl-type: #9f6b53;--hl-variable: #c14c8a;--diff-add-bg: rgba(68, 131, 97, .12);--diff-add-strong: rgba(68, 131, 97, .3);--diff-del-bg: rgba(212, 76, 71, .1);--diff-del-strong: rgba(212, 76, 71, .28)}html[data-theme=dark]{color-scheme:dark;--bg: #191919;--bg-panel: #202020;--bg-raised: #2a2a28;--border: #35342f;--border-strong: #46443e;--text: #e8e6e1;--text-dim: #97948d;--accent: #8d88e6;--accent-strong: #b3aff0;--accent-soft: rgba(141, 136, 230, .16);--danger: #eb6a5f;--danger-soft: rgba(235, 106, 95, .12);--canvas-dot: rgba(232, 230, 225, .1);--selection: rgba(141, 136, 230, .3);--island-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 4px 16px rgba(0, 0, 0, .28);--overlay-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 16px 48px rgba(0, 0, 0, .5);--overlay-scrim: rgba(10, 10, 10, .55);--code-inline: #ff7a70;--code-inline-bg: rgba(135, 131, 120, .22);--bg-code: #262624;--hl-comment: #8b949e;--hl-keyword: #ff7b72;--hl-string: #a5d6ff;--hl-number: #79c0ff;--hl-literal: #79c0ff;--hl-attr: #79c0ff;--hl-title: #d2a8ff;--hl-type: #ffa657;--hl-variable: #ffa198;--diff-add-bg: rgba(63, 185, 80, .15);--diff-add-strong: rgba(63, 185, 80, .4);--diff-del-bg: rgba(248, 81, 73, .14);--diff-del-strong: rgba(248, 81, 73, .4)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}html,body{height:100%}body{margin:0;display:flex;flex-direction:column;background-color:var(--bg);background-image:radial-gradient(var(--canvas-dot) 1.5px,transparent 1.5px);background-size:22px 22px;color:var(--text);font-family:var(--sans);overflow:hidden;transition:background-color .15s,color .15s,border-color .15s}::selection{background:var(--selection)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-strong);background-clip:content-box;border:3px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-dim)}#toolbar{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:14px 16px 0;padding:8px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--island-shadow);transition:background-color .15s,color .15s,border-color .15s}.brand{display:flex;align-items:baseline;gap:2px;-webkit-user-select:none;user-select:none}.brand-name{font-family:var(--hand);font-size:16px;color:var(--text);text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:4px}.brand-dim{color:var(--text-dim);font-size:12px;font-weight:500}#modes{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:3px;transition:background-color .15s,border-color .15s}button{font:inherit;font-size:12.5px;font-weight:500;color:var(--text-dim);background:transparent;border:none;border-radius:8px;padding:5px 10px;cursor:pointer;transition:background-color .12s,color .12s}button:hover{background:var(--bg-raised);color:var(--text)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mode{border-radius:7px}.mode.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.mode:after{content:attr(data-key);font-size:8.5px;opacity:.55;margin-left:4px;vertical-align:2px}@media(max-width:900px){.mode:after{content:none}}.actions{display:flex;align-items:center;gap:4px;margin-left:auto}.actions button.flash{background:var(--accent-soft);color:var(--accent-strong)}#wrap-btn.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}#clear-btn:hover{color:var(--danger);background:var(--danger-soft)}.actions #help-btn,.actions #theme-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:50%;font-weight:600}.actions #help-btn:hover,.actions #theme-btn:hover{color:var(--accent-strong);background:var(--bg-raised)}#theme-btn svg{display:block}#help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#help-overlay.hidden{display:none}.help-dialog{position:relative;width:min(560px,calc(100vw - 32px));background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:20px 22px 16px;box-shadow:var(--overlay-shadow);outline:none;transition:background-color .15s,color .15s,border-color .15s}.help-close{position:absolute;top:10px;right:10px;font-size:18px;line-height:1;padding:4px 8px}.help-title{margin:0 24px 6px 0;font-family:var(--hand);font-size:18px;font-weight:400;color:var(--accent-strong)}.help-desc{margin:0 0 14px;color:var(--text-dim);font-size:13px;line-height:1.55;min-height:2.6em}.help-media{position:relative;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg);margin-bottom:14px}.help-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0}.help-media.loaded video{opacity:1}.help-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-family:var(--mono);font-size:12px;letter-spacing:.4px;-webkit-user-select:none;user-select:none}.help-footer{display:flex;align-items:center;justify-content:center;gap:14px}.help-nav{font-size:16px;line-height:1;padding:5px 12px}.help-nav:disabled{opacity:.35;cursor:default;background:transparent}.help-indicator{font-family:var(--mono);font-size:12px;color:var(--text-dim);min-width:5ch;text-align:center;-webkit-user-select:none;user-select:none}#palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#palette-overlay.hidden{display:none}.palette-dialog{width:min(520px,calc(100vw - 32px));background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--overlay-shadow);overflow:hidden;transition:background-color .15s,color .15s,border-color .15s}.palette-input{width:100%;padding:13px 16px;border:none;border-bottom:1px solid var(--border);border-radius:0;outline:none;background:transparent;color:var(--text);caret-color:var(--accent);font:inherit;font-size:15px}.palette-input::placeholder{color:var(--text-dim);opacity:.7}.palette-list{margin:0;padding:6px;list-style:none;max-height:min(340px,50vh);overflow-y:auto}.palette-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 10px;border-radius:8px;font-size:13px;cursor:pointer}.palette-item:hover{background:var(--bg-raised)}.palette-item.selected{background:var(--accent-soft);color:var(--accent-strong)}kbd,.palette-key{font-family:var(--mono);font-size:10.5px;color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:2px 5px;white-space:nowrap}.palette-item.selected .palette-key{color:var(--accent-strong)}.palette-empty{padding:10px;color:var(--text-dim);font-size:13px}#panes{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 16px;min-height:0;position:relative}#find-bar{position:absolute;top:8px;right:12px;z-index:5;display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--overlay-shadow);animation:find-slide .12s ease-out}#find-bar.hidden{display:none}@keyframes find-slide{0%{opacity:0;transform:translateY(-8px)}}.find-input{width:180px;padding:4px 8px;border:none;border-radius:6px;outline:none;background:var(--bg);color:var(--text);caret-color:var(--accent);font:inherit;font-size:13px}.find-input::placeholder{color:var(--text-dim);opacity:.7}.find-count{font-family:var(--mono);font-size:11px;color:var(--text-dim);min-width:6ch;text-align:right;white-space:nowrap;-webkit-user-select:none;user-select:none}#find-bar button{padding:3px 7px}.find-case{font-size:11.5px;font-family:var(--mono)}#find-bar .find-case.active{background:var(--accent-soft);color:var(--accent-strong)}.find-nav,.find-close{font-size:15px;line-height:1}::highlight(preview-find){background-color:#ffcb4080;color:#1f1d18}#editor,#editor-b{resize:none;border:1px solid var(--border);border-radius:12px;outline:none;background:var(--bg-panel);box-shadow:var(--island-shadow);color:var(--text);caret-color:var(--accent);font-family:var(--mono);font-size:13px;line-height:1.55;padding:16px 18px;white-space:pre;overflow:auto;-moz-tab-size:2;tab-size:2;transition:background-color .15s,color .15s,border-color .15s}#editor:focus,#editor-b:focus{border-color:var(--border-strong);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--island-shadow),0 0 0 3px var(--accent-soft)}#editor::placeholder,#editor-b::placeholder{font-family:var(--hand);font-size:14px;color:var(--text-dim)}#editor-b{display:none}#panes.diff{grid-template-rows:1fr 1fr}#panes.diff #editor{grid-column:1;grid-row:1}#panes.diff #editor-b{display:block;grid-column:1;grid-row:2}#panes.diff #preview{grid-column:2;grid-row:1 / span 2}#preview{overflow:auto;padding:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--island-shadow);font-size:13px;line-height:1.55;transition:background-color .15s,color .15s,border-color .15s}#preview:empty{display:grid;place-items:center}#preview:empty:before{content:"nothing to preview yet — paste something ✏️";font-family:var(--hand);font-size:17px;color:var(--text-dim);padding:24px;text-align:center}#preview pre{margin:0;font-family:var(--mono);font-size:13px;white-space:pre}#preview code{font-family:var(--mono)}body.wrap #editor,body.wrap #editor-b,body.wrap #preview pre{white-space:pre-wrap;overflow-wrap:anywhere}body.wrap #preview>.vl-row,body.wrap #preview>.j-row{white-space:pre-wrap;overflow-wrap:anywhere;padding-left:calc(var(--ln-w, 4ch) + 14px);text-indent:calc(-1 * (var(--ln-w, 4ch) + 14px))}body.wrap #preview>.vl-row .vl-ln,body.wrap #preview>.j-row .vl-ln{text-indent:0}body.wrap #preview>.vl-row .vl-text{white-space:pre-wrap;overflow-wrap:anywhere}.v-spacer{position:relative}.v-window{position:absolute;top:0;left:0;min-width:100%}.vl-row{font-family:var(--mono);font-size:13px;white-space:pre}.vl-ln{display:inline-block;width:var(--ln-w, 4ch);margin-right:14px;text-align:right;color:var(--text-dim);opacity:.6;-webkit-user-select:none;user-select:none}.vl-text{white-space:pre}.j-row{font-family:var(--mono);font-size:13px;white-space:pre}.j-caret{display:inline-block;width:13px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.j-caret.j-toggle{cursor:pointer}.j-caret.j-toggle:before{content:"▾"}.j-row.collapsed .j-caret.j-toggle:before{content:"▸"}.j-caret.j-toggle:hover,.j-bracket:hover{color:var(--accent)}.j-bracket{cursor:pointer}.j-summary{color:var(--text-dim);font-style:italic}.working-note{color:var(--text-dim);font-family:var(--hand);font-size:14px}.parse-error{color:var(--danger);font-family:var(--mono);font-size:12.5px;padding:8px 10px;border:1px solid var(--danger);border-radius:8px;background:var(--danger-soft);margin-bottom:12px}.md{max-width:78ch;margin:0 auto;font-size:15px;line-height:1.65;color:var(--text)}.md :is(h1,h2,h3,h4,h5,h6){font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:1.2em 0 .45em}.md h1{font-size:1.75em;margin-top:1.4em}.md h2{font-size:1.4em;margin-top:1.4em}.md h3{font-size:1.15em}.md :is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.md a{color:inherit;text-decoration:underline;text-decoration-color:var(--text-dim);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}.md a:hover{color:var(--accent-strong);text-decoration-color:currentColor}.md blockquote{margin:4px 0;padding:2px 0 2px 14px;border-left:3px solid var(--text);color:var(--text)}.md code{font-family:var(--mono);font-size:85%;color:var(--code-inline);background:var(--code-inline-bg);border-radius:4px;padding:.2em .4em}.md pre{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;padding:14px 16px;overflow:auto;white-space:pre}.md pre code{color:inherit;background:none;border-radius:0;padding:0;font-size:13px}.md table{border-collapse:collapse;margin:4px 0}.md th,.md td{border:1px solid var(--border);padding:6px 10px}.md th{background:var(--bg-raised);font-weight:500}.md img{max-width:100%;border-radius:6px}.md hr{border:none;border-top:1px solid var(--border)}.md input[type=checkbox]{accent-color:var(--accent)}.mermaid-host{margin:0 0 16px;padding:0}.md .mermaid-host{margin:16px 0}#preview:has(>.mermaid-host){padding:0;display:flex;flex-direction:column;overflow:hidden}#preview>.mermaid-host{flex:1;min-height:0;margin:0;display:flex;flex-direction:column}#preview>.mermaid-host.mermaid-pending,#preview>.mermaid-host.mermaid-failed{padding:16px;overflow:auto}.canvas-note{max-width:62ch;color:var(--text-dim);font-size:13px;line-height:1.6}.canvas-note p{margin:0 0 8px}.canvas-note p:first-child{color:var(--text);font-weight:600}.canvas-note code{font-family:var(--mono);font-size:12.5px}.canvas-note a{color:var(--accent)}#preview:has(>.canvas-host){padding:0;overflow:hidden;display:flex;flex-direction:column}#preview>.canvas-host{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.canvas-banner{flex-shrink:0;margin:0;padding:8px 12px}.canvas-banner[hidden]{display:none}.canvas-board{flex:1;min-height:0;position:relative}.canvas-board .tl-container{position:absolute;top:0;right:0;bottom:0;left:0}.mermaid-diagram{flex:1;min-height:0;display:flex;flex-direction:column}.md .mermaid-diagram{flex:none}.mermaid-toolbar{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.mermaid-zoom-btn{padding:2px 8px;border-radius:6px;font-variant-numeric:tabular-nums}.mermaid-zoom-label{min-width:4.5ch;text-align:center;font-family:var(--mono);font-size:11px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.mermaid-viewport{flex:1;min-height:180px;overflow:auto;padding:8px;cursor:grab;touch-action:none;overscroll-behavior:contain;outline:none;background-color:var(--bg-panel);background-image:radial-gradient(var(--canvas-dot) 1.5px,transparent 1.5px);background-size:22px 22px}.md .mermaid-viewport{max-height:min(70vh,560px);border:1px solid var(--border);border-radius:0 0 8px 8px}.md .mermaid-toolbar{border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0}.mermaid-viewport:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.mermaid-viewport.is-panning{cursor:grabbing}.mermaid-canvas{position:relative}.mermaid-canvas svg{display:block;width:100%;height:100%;max-width:none}.mermaid-fallback{margin:8px 0 0;background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:12px;overflow:auto;white-space:pre;font-size:12.5px}.mermaid-pending .working-note{margin-bottom:8px}.mermaid-stale .mermaid-diagram{opacity:.7}.cs-head,.cs-row{display:flex;width:max-content;font-family:var(--mono);font-size:12.5px}.cs-cell{box-sizing:content-box;flex:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:4px 10px;text-align:left;white-space:pre;overflow:hidden;text-overflow:ellipsis}.cs-cell:first-child{border-left:1px solid var(--border)}.cs-head{position:sticky;top:0;z-index:1}.cs-cell.cs-th{background:var(--bg-raised);border-top:1px solid var(--border);font-weight:600}.cs-row.cs-alt .cs-cell{background:#37352f08;background:color-mix(in srgb,var(--text) 3%,transparent)}.cs-row:hover .cs-cell{background:var(--accent-soft)}.d-row{display:flex;font-family:var(--mono);font-size:12.5px;line-height:1.5}.d-row .diff-ln{flex:none;box-sizing:content-box;padding:0 8px;color:var(--text-dim);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border)}.d-row .diff-text{flex:1 1 0;min-width:0;padding:0 8px;white-space:pre;overflow:hidden;text-overflow:ellipsis}body.wrap #preview>.d-row .diff-text{white-space:pre-wrap;word-break:break-all}.d-row .diff-add{background:var(--diff-add-bg)}.d-row .diff-del{background:var(--diff-del-bg)}.d-row .diff-empty{background:repeating-linear-gradient(45deg,transparent 0 6px,var(--border) 6px 7px)}.diff-word-add{background:var(--diff-add-strong);border-radius:2px}.diff-word-del{background:var(--diff-del-strong);border-radius:2px}.patch-toolbar{display:flex;gap:2px;width:max-content;margin-bottom:12px;padding:2px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.patch-view-btn{font-size:12px;padding:3px 10px;color:var(--text-dim)}.patch-view-btn:hover{color:var(--text)}.patch-view-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.patch-host{--d2h-bg-color: var(--bg);--d2h-border-color: var(--border);--d2h-file-header-bg-color: var(--bg-raised);--d2h-file-header-border-color: var(--border);--d2h-empty-placeholder-bg-color: var(--bg-panel);--d2h-empty-placeholder-border-color: var(--border);--d2h-dark-bg-color: var(--bg);--d2h-dark-border-color: var(--border);--d2h-dark-file-header-bg-color: var(--bg-raised);--d2h-dark-file-header-border-color: var(--border);--d2h-dark-empty-placeholder-bg-color: var(--bg-panel);--d2h-dark-empty-placeholder-border-color: var(--border);font-family:var(--sans)}.patch-host .d2h-wrapper,.patch-host .d2h-file-list-wrapper{font-size:12.5px}.patch-host .d2h-file-name,.patch-host .d2h-file-list-line,.patch-host .d2h-code-line,.patch-host .d2h-code-side-line,.patch-host .d2h-code-linenumber,.patch-host .d2h-code-side-linenumber,.patch-host .d2h-code-line-ctn{font-family:var(--mono);font-size:12.5px}.patch-host .d2h-file-header.d2h-sticky-header{z-index:2}.patch-host .d2h-diff-table{border-collapse:separate;border-spacing:0}.patch-host .d2h-diff-table td{vertical-align:top}.patch-host .d2h-code-linenumber,.patch-host .d2h-code-side-linenumber{position:sticky;left:0;display:table-cell;z-index:1;background-color:var(--bg)}.patch-host .d2h-code-linenumber.d2h-del,.patch-host .d2h-code-side-linenumber.d2h-del{background-color:var(--bg);background-image:linear-gradient(var(--d2h-dark-del-bg-color),var(--d2h-dark-del-bg-color))}.patch-host .d2h-code-linenumber.d2h-ins,.patch-host .d2h-code-side-linenumber.d2h-ins{background-color:var(--bg);background-image:linear-gradient(var(--d2h-dark-ins-bg-color),var(--d2h-dark-ins-bg-color))}.patch-host .d2h-code-linenumber.d2h-info,.patch-host .d2h-code-side-linenumber.d2h-info{background-color:var(--bg);background-image:linear-gradient(var(--d2h-dark-info-bg-color),var(--d2h-dark-info-bg-color))}.patch-host .d2h-code-side-linenumber.d2h-emptyplaceholder{background-color:var(--bg);background-image:linear-gradient(var(--d2h-dark-empty-placeholder-bg-color),var(--d2h-dark-empty-placeholder-bg-color))}.patch-host .d2h-code-line,.patch-host .d2h-code-side-line{padding:0 .5em;width:auto}body.wrap .patch-host .d2h-file-diff .d2h-diff-table,body.wrap .patch-host.patch-wrap-sync .d2h-files-diff .d2h-diff-table{table-layout:fixed}body.wrap .patch-host .d2h-file-diff .d2h-code-line,body.wrap .patch-host.patch-wrap-sync .d2h-files-diff .d2h-code-side-line{white-space:normal}body.wrap .patch-host .d2h-file-diff .d2h-code-line-ctn,body.wrap .patch-host.patch-wrap-sync .d2h-files-diff .d2h-code-line-ctn{display:inline;width:auto;white-space:pre-wrap;overflow-wrap:anywhere}body.wrap .patch-host .d2h-file-diff .d2h-code-line ins,body.wrap .patch-host .d2h-file-diff .d2h-code-line del,body.wrap .patch-host.patch-wrap-sync .d2h-files-diff .d2h-code-side-line ins,body.wrap .patch-host.patch-wrap-sync .d2h-files-diff .d2h-code-side-line del{display:inline}body.wrap .patch-host.patch-wrap-sync .d2h-files-diff .d2h-file-side-diff{overflow-x:hidden}#statusbar{display:flex;gap:14px;align-items:center;margin:0 16px 14px;padding:5px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--island-shadow);font-family:var(--mono);font-size:11px;color:var(--text-dim);-webkit-user-select:none;user-select:none;transition:background-color .15s,color .15s,border-color .15s}#status-mode{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.5px}#status-note{color:var(--danger)}.spacer{flex:1}#sync-btn{font-family:var(--mono);font-size:11px;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:1px 9px}#sync-btn:hover{color:var(--text)}#sync-btn.active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft)}.hljs{color:var(--text)}.hljs-comment,.hljs-quote{color:var(--hl-comment);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-tag,.hljs-doctag{color:var(--hl-keyword)}.hljs-string,.hljs-regexp,.hljs-addition{color:var(--hl-string)}.hljs-number{color:var(--hl-number)}.hljs-literal{color:var(--hl-literal)}.hljs-title,.hljs-section,.hljs-name{color:var(--hl-title)}.hljs-attr,.hljs-attribute{color:var(--hl-attr)}.hljs-variable,.hljs-template-variable,.hljs-subst{color:var(--hl-variable)}.hljs-built_in,.hljs-type,.hljs-symbol,.hljs-meta{color:var(--hl-type)}.hljs-deletion{color:var(--hl-variable)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media(max-width:760px){#toolbar{margin:6px 6px 0;padding:6px 10px;gap:4px 8px}#panes{grid-template-columns:1fr;grid-template-rows:1fr 1fr;margin:6px;gap:6px}#statusbar{margin:0 6px 6px;padding:4px 10px;gap:10px}#panes.diff{grid-template-rows:1fr 1fr 2fr}#panes.diff #editor-b{grid-column:1;grid-row:2}#panes.diff #preview{grid-column:1;grid-row:3}}