:where([data-codebrain-editor]){--paper:#f7f6f2;--ink:#1c1b19;--ink-soft:#57544c;--rule:#ddd9d0;--accent:#4a4fb8;--accent-wash:#eceafc;--surface:#fff;--content-line-height:1.5;--list-item-spacing:.5rem}.dark :where([data-codebrain-editor]),:where([data-codebrain-editor].dark){--paper:#1a1a1a;--ink:#fff;--ink-soft:#57544c;--rule:#333;--accent:#4d9aff;--accent-wash:#eceafc;--surface:#fff;--content-line-height:1.5;--list-item-spacing:.5rem}:where([data-codebrain-editor]),:where([data-codebrain-editor]) *{box-sizing:border-box}:where([data-codebrain-editor]){background:var(--paper);color:var(--ink);margin:0}:where([data-codebrain-editor]) .page{max-width:760px;margin:0 auto;padding:64px 24px 96px}:where([data-codebrain-editor]) .page-head{margin-bottom:40px}:where([data-codebrain-editor]) .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:12px;display:inline-block}:where([data-codebrain-editor]) .page-head h1{margin:0;font-size:40px;font-weight:400;line-height:1.15}:where([data-codebrain-editor]) .editor-shell{border:1px solid var(--rule);background:var(--surface);border-radius:4px;box-shadow:0 1px 2px #1c1b190a}:where([data-codebrain-editor]) .editor-mode-bar{border-bottom:1px solid var(--rule);background:var(--paper);gap:2px;padding:8px 12px;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;display:flex}:where([data-codebrain-editor]) .editor-mode-bar button,:where([data-codebrain-editor]) .source-controls button{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px}:where([data-codebrain-editor]) .editor-mode-bar button{padding:5px 10px;font-size:12px}:where([data-codebrain-editor]) .editor-mode-bar button:hover,:where([data-codebrain-editor]) .editor-mode-bar button.is-active{background:var(--surface);color:var(--accent)}:where([data-codebrain-editor]) .editor-mode-bar button.is-active{border-color:var(--rule)}:where([data-codebrain-editor]) .toolbar{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;display:flex}:where([data-codebrain-editor]) .tb-group{gap:2px;display:flex}:where([data-codebrain-editor]) .tb-divider{background:var(--rule);align-self:stretch;width:1px;margin:0 4px}:where([data-codebrain-editor]) .tb-btn{min-width:30px;height:30px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:0 8px;font-size:13px;transition:background .12s,color .12s}:where([data-codebrain-editor]) .tb-btn:hover:not(:disabled){background:var(--paper);color:var(--ink)}:where([data-codebrain-editor]) .tb-btn.is-active{background:var(--accent-wash);color:var(--accent);border-color:var(--accent-wash)}:where([data-codebrain-editor]) .tb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:where([data-codebrain-editor]) :where(.editor-surface){min-height:320px;padding:28px 32px 40px}:where([data-codebrain-editor]) .markdown-surface{resize:vertical;background:var(--surface);width:100%;min-height:380px;color:var(--ink);tab-size:2;border:0;outline:none;padding:28px 32px 40px;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:14px;line-height:1.65;display:block}:where([data-codebrain-editor]) .markdown-surface:focus{box-shadow:inset 0 0 0 2px var(--accent-wash)}:where([data-codebrain-editor]) .editor-surface .ProseMirror,:where([data-codebrain-editor]) .rich-text{outline:none}:where([data-codebrain-editor]) .editor-surface .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--ink-soft);opacity:.6;pointer-events:none;height:0}:where([data-codebrain-editor]) .source-controls{justify-content:space-between;align-items:center;margin-top:16px;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;display:flex}:where([data-codebrain-editor]) .source-controls>button{letter-spacing:.04em;border:1px solid var(--rule);padding:6px 10px;font-size:12px}:where([data-codebrain-editor]) .source-controls>button:hover{border-color:var(--accent);color:var(--accent)}:where([data-codebrain-editor]) .source-format{border:1px solid var(--rule);border-radius:3px;gap:2px;padding:2px;display:flex}:where([data-codebrain-editor]) .source-format button{padding:3px 8px;font-size:11px}:where([data-codebrain-editor]) .source-format button.is-active{background:var(--accent-wash);color:var(--accent)}:where([data-codebrain-editor]) .source-view{background:var(--ink);color:var(--paper);white-space:pre-wrap;word-break:break-word;border-radius:4px;margin-top:12px;padding:16px;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:12.5px;line-height:1.6}:where([data-codebrain-editor]) .editor-mount{min-height:320px}:where([data-codebrain-editor]) .editor-mount .ProseMirror{min-height:inherit}:where([data-codebrain-editor]) .editor-shell{overflow:hidden}:where([data-codebrain-editor]) .editor-surface .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder)}:where([data-codebrain-editor]) .editor-surface .ProseMirror:focus{outline:none}:where([data-codebrain-editor]) .tb-btn:disabled{opacity:.35;cursor:not-allowed}[data-codebrain-editor]:fullscreen{background:var(--paper);z-index:99999;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;padding:1.5rem;position:fixed;inset:0;overflow:auto}[data-codebrain-editor]:fullscreen .editor-shell{flex-direction:column;height:100%;display:flex}[data-codebrain-editor]:fullscreen .editor-mount{flex:1;overflow-y:auto;min-height:0!important}[data-codebrain-editor]:fullscreen .ProseMirror{min-height:100%}