.sortable-tree{list-style:none;margin:0;padding:4px 8px}.tree-item-wrapper{box-sizing:border-box}.tree-item-wrapper.is-ghost .tree-item-row{opacity:.35}.tree-item-wrapper.disable-interaction{pointer-events:none}.tree-item-row{position:relative;display:flex;align-items:center;gap:4px;height:32px;padding:0 6px;border-radius:6px;color:var(--color-text)}.tree-item-row:hover{background:var(--color-hover)}.tree-item-row.is-selected{background:var(--color-selected)}.tree-item-collapse{flex:0 0 auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:4px}.tree-item-collapse:hover{background:var(--color-selected)}.tree-item-collapse.is-hidden{visibility:hidden;pointer-events:none}.tree-item-chevron{display:inline-block;font-size:10px;line-height:1}.tree-item-handle{flex:0 0 auto;width:20px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-placeholder);cursor:grab;border-radius:4px;touch-action:none}.tree-item-handle:hover{color:var(--color-text-muted);background:var(--color-selected)}.tree-item-handle:active{cursor:grabbing}.tree-item-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-item-label-empty{color:var(--color-placeholder)}.tree-item-edit{flex:1 1 auto;min-width:0;padding:2px 6px;border:1px solid var(--color-accent);border-radius:4px;outline:none;background:var(--color-bg);color:var(--color-text);font-size:14px;font-family:inherit}.tree-item-row.is-editing .tree-item-actions{display:none!important}.tree-item-actions{flex:0 0 auto;display:none;gap:2px}.tree-item-row:hover .tree-item-actions{display:flex}.tree-item-action{width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text-muted);font-size:16px;line-height:1;cursor:pointer;border-radius:4px}.tree-item-action:hover{background:var(--color-selected)}.tree-item-action-remove:hover{background:var(--color-danger-bg);color:var(--color-danger-text)}.tree-item-wrapper.is-clone{padding-left:0!important}.tree-item-wrapper.is-clone .tree-item-row{background:var(--color-bg);box-shadow:0 6px 18px var(--color-overlay-shadow);border:1px solid var(--color-border);width:max-content;max-width:320px;padding-right:12px}.block-editor{margin-top:8px;display:flex;flex-direction:column;gap:1px}.block-editor-tail{flex:1 1 auto;min-height:240px;cursor:text}.block-row{position:relative;display:flex;align-items:flex-start;gap:2px;padding:1px 4px 1px 0;border-radius:6px}.block-row:hover{background:var(--color-hover)}.block-row.is-dragging{opacity:.4}.block-gutter{flex:0 0 auto;display:flex;align-items:center;gap:2px;padding-top:3px;opacity:0;transition:opacity .1s ease}.block-row:hover .block-gutter,.block-row:focus-within .block-gutter{opacity:1}.block-add,.block-handle{width:20px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-placeholder);cursor:pointer;border-radius:4px;font-size:15px;line-height:1}.block-add:hover,.block-handle:hover{background:var(--color-selected);color:var(--color-text-muted)}.block-handle{cursor:grab;touch-action:none}.block-handle:active{cursor:grabbing}.block-content{flex:1 1 auto;min-width:0;display:flex;align-items:flex-start;gap:6px;padding:0 4px}.block-checkbox{flex:0 0 auto;width:16px;height:16px;margin-top:8px;cursor:pointer;accent-color:var(--color-accent)}.block-textarea{flex:1 1 auto;min-width:0;display:block;margin:0;padding:3px 2px;border:none;outline:none;resize:none;overflow:hidden;background:transparent;font-family:inherit;font-size:15px;line-height:1.7;color:var(--current-block-color, var(--color-text))}.block-textarea::placeholder{color:var(--color-placeholder)}.block-row[data-type=h1] .block-textarea{font-size:32px;font-weight:700;line-height:1.3;color:var(--current-block-color, var(--color-text-strong));padding-top:14px;padding-bottom:4px}.block-row[data-type=h2] .block-textarea{font-size:24px;font-weight:700;line-height:1.35;color:var(--current-block-color, var(--color-text-strong));padding-top:10px;padding-bottom:3px}.block-row[data-type=h3] .block-textarea{font-size:19px;font-weight:700;line-height:1.4;color:var(--current-block-color, var(--color-text-strong));padding-top:8px;padding-bottom:2px}.block-row[data-type=checklist][data-checked=true] .block-textarea{text-decoration:line-through;color:var(--color-text-muted)}.block-row[data-type=code] .block-content{background:var(--color-code-bg);border-radius:6px;padding:6px 10px 8px;flex-direction:column;align-items:stretch}.block-code-wrapper{display:flex;flex-direction:column;gap:4px;width:100%}.block-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px solid var(--color-border)}.block-code-language{height:22px;padding:0 6px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text-muted);font-size:12px;cursor:pointer}.block-code-language:hover{color:var(--color-text)}.block-code-copy{padding:2px 8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text-muted);font-size:12px;cursor:pointer}.block-code-copy:hover{background:var(--color-hover);color:var(--color-text)}.block-code-body{display:flex;align-items:flex-start;gap:10px}.block-code-line-numbers{flex:0 0 auto;display:flex;flex-direction:column;padding:3px 8px 3px 0;border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;color:var(--color-text-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.6;text-align:right;min-width:24px}.block-code-input{position:relative;flex:1 1 auto;min-width:0}.block-code-highlight{position:absolute;top:0;left:0;right:0;margin:0;padding:3px 2px;pointer-events:none;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;tab-size:4;-moz-tab-size:4;background:transparent!important;overflow:visible}.block-code-highlight code{background:transparent!important;padding:0!important;font:inherit;color:inherit;white-space:inherit;word-break:inherit}.block-row[data-type=code] .block-textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.6;color:transparent;caret-color:var(--color-text);white-space:pre-wrap;word-break:break-word;tab-size:4;-moz-tab-size:4;background:transparent;position:relative;z-index:1}.block-row[data-type=code] .block-textarea::placeholder{color:var(--color-placeholder)}.block-row[data-type=code] .block-textarea::selection{background:#6482b466;color:transparent}.block-row[data-type=divider] .block-content{padding:14px 4px}.block-divider{flex:1 1 auto;width:100%;height:0;margin:0;border:none;border-top:2px solid var(--color-text-muted)}.block-row[data-color=gray]{--current-block-color: var(--block-color-gray)}.block-row[data-color=brown]{--current-block-color: var(--block-color-brown)}.block-row[data-color=orange]{--current-block-color: var(--block-color-orange)}.block-row[data-color=yellow]{--current-block-color: var(--block-color-yellow)}.block-row[data-color=green]{--current-block-color: var(--block-color-green)}.block-row[data-color=blue]{--current-block-color: var(--block-color-blue)}.block-row[data-color=purple]{--current-block-color: var(--block-color-purple)}.block-row[data-color=pink]{--current-block-color: var(--block-color-pink)}.block-row[data-color=red]{--current-block-color: var(--block-color-red)}.block-remove{flex:0 0 auto;width:24px;height:26px;margin-top:3px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-placeholder);font-size:16px;line-height:1;cursor:pointer;border-radius:4px;opacity:0;transition:opacity .1s ease}.block-row:hover .block-remove,.block-row:focus-within .block-remove{opacity:1}.block-remove:hover{background:var(--color-danger-bg);color:var(--color-danger-text)}.block-menu{min-width:200px;padding:6px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px var(--color-overlay-shadow);z-index:100;display:flex;flex-direction:column;gap:1px}.block-menu-header{padding:6px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.block-menu-divider{height:1px;margin:4px 0;background:var(--color-border)}.block-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;border:none;border-radius:6px;background:transparent;color:var(--color-text);font-size:13px;text-align:left;cursor:pointer}.block-menu-item:hover{background:var(--color-hover)}.block-menu-item.is-danger{color:var(--color-danger-text)}.block-menu-item.is-danger:hover{background:var(--color-danger-bg)}.block-menu-icon{flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:12px;font-weight:600}.block-menu-item.is-danger .block-menu-icon{color:var(--color-danger-text)}.block-menu-label{flex:1 1 auto;min-width:0}.block-menu-custom{padding:2px 4px}.block-color-palette{display:flex;flex-wrap:wrap;gap:4px}.block-color-swatch{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);font-size:13px;font-weight:700;cursor:pointer;color:var(--color-text)}.block-color-swatch:hover{background:var(--color-hover)}.block-color-swatch.is-current{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.block-color-swatch[data-color=gray]{color:var(--block-color-gray)}.block-color-swatch[data-color=brown]{color:var(--block-color-brown)}.block-color-swatch[data-color=orange]{color:var(--block-color-orange)}.block-color-swatch[data-color=yellow]{color:var(--block-color-yellow)}.block-color-swatch[data-color=green]{color:var(--block-color-green)}.block-color-swatch[data-color=blue]{color:var(--block-color-blue)}.block-color-swatch[data-color=purple]{color:var(--block-color-purple)}.block-color-swatch[data-color=pink]{color:var(--block-color-pink)}.block-color-swatch[data-color=red]{color:var(--block-color-red)}.app{display:flex;width:100%;height:100dvh;color:var(--color-text);background:var(--color-bg)}.tree-pane{flex:0 0 280px;width:280px;display:flex;flex-direction:column;background:var(--color-bg-sidebar);overflow:hidden;transition:width .2s ease,flex-basis .2s ease}.pane-resizer{flex:0 0 auto;width:6px;cursor:col-resize;background:transparent;position:relative;z-index:1;touch-action:none}.pane-resizer:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--color-border);transform:translate(-50%);transition:background .12s ease,width .12s ease}.pane-resizer:hover:before,.pane-resizer:active:before{background:var(--color-accent);width:3px}.tree-pane-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 14px 8px}.tree-pane-title{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--color-text-muted);text-transform:uppercase}.tree-pane-header-actions{display:flex;align-items:center;gap:4px}.settings-button,.tree-pane-add-root{padding:4px 8px;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer}.settings-button:hover,.tree-pane-add-root:hover{background:var(--color-hover);color:var(--color-text)}.tree-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.detail-pane{flex:1 1 auto;overflow-y:auto;background:var(--color-bg);position:relative}.tree-pane-open-toggle{position:absolute;top:12px;left:12px;z-index:10;padding:4px 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer}.tree-pane-open-toggle:hover{background:var(--color-hover);color:var(--color-text)}.detail-content{max-width:1440px;min-height:100%;margin:0;padding:72px 64px 200px}.detail-top-bar{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.content-settings-button{flex:0 0 auto;width:24px;height:24px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:18px;line-height:1;cursor:pointer}.content-settings-button:hover{background:var(--color-hover);color:var(--color-text)}.detail-pane:has(>.detail-content[data-distinguish-block-area=true]){background:var(--color-border)}.detail-content[data-distinguish-block-area=true]{background:var(--color-bg)}.detail-breadcrumb{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0}.detail-breadcrumb-segment{display:inline-flex;align-items:center;gap:0}.detail-breadcrumb-separator{color:var(--color-text-muted);font-size:18px;font-weight:500;line-height:1;-webkit-user-select:none;user-select:none;padding:0}.detail-breadcrumb-entry{border:none;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:14px;padding:2px 4px;border-radius:4px;cursor:pointer;line-height:1.4}.detail-breadcrumb-entry:hover{background:var(--color-hover);color:var(--color-text)}.detail-breadcrumb-entry.is-current{color:var(--color-text);font-weight:600}.detail-title-input{width:100%;margin:0 0 24px;padding:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:36px;font-weight:700;line-height:1.2;color:var(--color-text)}.detail-title-input::placeholder{color:var(--color-placeholder)}.detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:15px}.tree-scroll,.detail-pane{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}.tree-scroll::-webkit-scrollbar,.detail-pane::-webkit-scrollbar{width:12px;height:12px}.tree-scroll::-webkit-scrollbar-thumb,.detail-pane::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:8px;border:3px solid transparent;background-clip:content-box}.tree-scroll::-webkit-scrollbar-thumb:hover,.detail-pane::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover);background-clip:content-box}.tree-scroll::-webkit-scrollbar-track,.detail-pane::-webkit-scrollbar-track{background:transparent}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}[data-theme=dark] .hljs{color:#c9d1d9}[data-theme=dark] .hljs-doctag,[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-meta .hljs-keyword,[data-theme=dark] .hljs-template-tag,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-variable.language_{color:#ff7b72}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-title.class_,[data-theme=dark] .hljs-title.class_.inherited__,[data-theme=dark] .hljs-title.function_{color:#d2a8ff}[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-operator,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-selector-attr,[data-theme=dark] .hljs-selector-class,[data-theme=dark] .hljs-selector-id{color:#79c0ff}[data-theme=dark] .hljs-regexp,[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-meta .hljs-string{color:#a5d6ff}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-symbol{color:#ffa657}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-code,[data-theme=dark] .hljs-formula{color:#8b949e}[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-quote,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-selector-pseudo{color:#7ee787}[data-theme=dark] .hljs-subst{color:#c9d1d9}[data-theme=dark] .hljs-section{color:#1f6feb;font-weight:700}[data-theme=dark] .hljs-bullet{color:#f2cc60}[data-theme=dark] .hljs-emphasis{color:#c9d1d9;font-style:italic}[data-theme=dark] .hljs-strong{color:#c9d1d9;font-weight:700}[data-theme=dark] .hljs-addition{color:#aff5b4;background-color:#033a16}[data-theme=dark] .hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--color-bg: #ffffff;--color-bg-sidebar: #fbfbfa;--color-bg-chip: #f7f7f5;--color-text: #37352f;--color-text-muted: #9b9a97;--color-text-strong: #1f2933;--color-border: #ededec;--color-hover: #efefee;--color-selected: #e3e2df;--color-placeholder: #d4d3cf;--color-scrollbar: #d4d3cf;--color-scrollbar-hover: #b6b5b1;--color-code-bg: #f5f5f4;--color-code-text: #37352f;--color-danger-bg: #fbdada;--color-danger-text: #c0392b;--color-accent: #2563eb;--color-overlay-shadow: rgba(0, 0, 0, .18);--block-color-gray: #9b9a97;--block-color-brown: #937264;--block-color-orange: #d9730d;--block-color-yellow: #cb912f;--block-color-green: #448361;--block-color-blue: #337ea9;--block-color-purple: #9065b0;--block-color-pink: #c14c8a;--block-color-red: #d44c47;color-scheme:light}[data-theme=dark]{--color-bg: #191919;--color-bg-sidebar: #202020;--color-bg-chip: #2a2a2a;--color-text: #e6e6e3;--color-text-muted: #9b9a97;--color-text-strong: #f5f5f3;--color-border: #2f2f2f;--color-hover: #2a2a2a;--color-selected: #3a3a3a;--color-placeholder: #5a5a58;--color-scrollbar: #3a3a3a;--color-scrollbar-hover: #555555;--color-code-bg: #111111;--color-code-text: #e6e6e3;--color-danger-bg: #4a1f1f;--color-danger-text: #ff9a9a;--color-accent: #5c87ff;--color-overlay-shadow: rgba(0, 0, 0, .5);--block-color-gray: #b4b4b0;--block-color-brown: #b08c79;--block-color-orange: #e58c4c;--block-color-yellow: #e0b14a;--block-color-green: #6db98a;--block-color-blue: #5cabd4;--block-color-purple: #b893d8;--block-color-pink: #db84b3;--block-color-red: #ed7d77;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;background:var(--color-bg);color:var(--color-text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transition:background .16s ease,color .16s ease}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}img{-webkit-user-drag:none;user-drag:none}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}#root{width:100%;min-height:100%}button,input,select,textarea{font:inherit;color:inherit}
