:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-header: #252526;--color-bg-header-button: color-mix(in srgb, var(--color-bg-header), gray 20%);--color-header-toggle-bg: color-mix(in srgb, var(--color-bg-header), gray 70%);--color-header-toggle-knob: #dfdfdf;--color-header-toggle-icon: #252526;--color-bg-tree: #252526;--color-bg-tree-tab: #1a1a1a;--color-bg-tree-tab-off: #1e1e1e;--color-tree-text: var(--color-text-primary);--color-tree-selected: var(--color-primary);--color-tree-selected-bg: color-mix(in srgb, var(--color-tree-selected), transparent 73%);--color-tree-selected-text: var(--color-primary);--color-tree-logo-text: #5a5a5a;--color-tree-logo-premium: #2c5c40;--color-bg-flow: #1e1e1e;--color-bg-flow-toolbar: #1e1e1e;--color-toolbar-border: #444;--color-toolbar-icon: #888;--color-toolbar-indicator-card: #5b8dd9;--color-toolbar-indicator-text: #d95b5b;--color-toolbar-indicator-bg: #d9c45b;--color-flow-active: var(--color-primary);--color-bg-textpane: #1e1e1e;--color-bg-textpane-toolbar: #1e1e1e;--color-preview-code-copy-btn: #3c3c3c;--color-text-primary: #e0e0e0;--color-text-secondary: #aaa;--color-border: #333;--color-primary: #4a9eff;--color-primary-hover: color-mix(in srgb, var(--color-primary), white 15%);--color-primary-light: color-mix(in srgb, var(--color-primary), white 40%);--color-header-idea-name: color-mix(in srgb, var(--color-bg-header), white 85%);--color-header-icon: #888;--color-header-file-saved: color-mix(in srgb, var(--color-header-icon), #44cc66 50%);--color-header-browser-save: #e8a838;--color-overlay-bg: #252526;--color-overlay-bg-section: #1e1e1e;--color-overlay-bg-dark: #1a1a1a;--color-overlay-border: #333;--color-overlay-hover: #2d2d2d;--color-overlay-text: var(--color-text-primary);--color-overlay-text-secondary: #888;--color-overlay-text-muted: #666;--color-overlay-btn: #333;--color-overlay-btn-border: #444;--color-overlay-input-bg: #1a1a1a;--color-overlay-input-border: #444;--color-overlay-success-bg: #1e3a2f;--color-overlay-success-text: #6ee7a0;--color-overlay-success-border: #6ee7a0;--color-overlay-disabled-bg: #333;--color-success: #88cc88;--color-warning: #cc9966;--color-danger: #e04040;--color-text-on-primary: #fff;--color-overlay-warning-bg: #3a2a2a;--color-overlay-warning-border: #664444;--color-text-flow: var(--color-text-primary);--color-card-selected-border: #aaa;--color-card-selected-shadow: rgba(255, 255, 255, .3);--color-card-0-bg: #333;--color-card-0-border: #777;--color-card-0-text: #e0e0e0;--color-card-1-bg: #4a2c2c;--color-card-1-border: #8b4444;--color-card-1-text: #e0e0e0;--color-card-2-bg: #2c4a2c;--color-card-2-border: #448b44;--color-card-2-text: #e0e0e0;--color-card-3-bg: #2c2c4a;--color-card-3-border: #4488bb;--color-card-3-text: #e0e0e0;--color-card-4-bg: #4a4a2c;--color-card-4-border: #8b8b44;--color-card-4-text: #e0e0e0;--color-card-5-bg: #3d2c4a;--color-card-5-border: #7744bb;--color-card-5-text: #e0e0e0;--color-card-6-bg: #4a3a2c;--color-card-6-border: #bb7744;--color-card-6-text: #e0e0e0;--color-card-7-bg: #2c3d4a;--color-card-7-border: #44bbbb;--color-card-7-text: #e0e0e0}.card-label{font-size:11px;line-height:15px;white-space:pre-wrap}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-overlay-input-bg);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto var(--color-primary-hover)}.tiptap-editor-wrapper{background:var(--color-bg-textpane)}.tiptap-editor-wrapper.text-area-left .tiptap{margin-left:0;margin-right:0}.tiptap{color:var(--color-content-heading);font-family:YakuHanJPs,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,BIZ UDPGothic,Meiryo,sans-serif;font-size:var(--tiptap-font-size, 14px);line-height:1.8;padding:20px;word-wrap:break-word;overflow-wrap:break-word;font-synthesis:style;max-width:800px;margin-left:auto;margin-right:auto;outline:none}.tiptap p{font-size:1.05em;line-height:1.7;margin:8px 0 14px}.tiptap p:first-child{margin-top:0}.tiptap p:last-child{margin-bottom:0}.tiptap h1{font-size:1.75em;font-weight:700;color:var(--color-content-heading);margin:24px 0 0;line-height:1.4;padding-bottom:4px;border-bottom:1px solid var(--color-content-heading-border)}.tiptap h1:first-child{margin-top:0}.tiptap h2{font-size:1.55em;font-weight:700;color:var(--color-content-heading);margin:24px 0 0;padding-bottom:4px;border-bottom:1px solid var(--color-content-heading-border);line-height:1.4}.tiptap h2:first-child{margin-top:0}.tiptap h3{font-size:1.35em;font-weight:700;color:var(--color-content-heading);margin:24px 0 0;line-height:1.6}.tiptap h3:first-child{margin-top:0}.tiptap h4{font-size:1.15em;font-weight:700;color:var(--color-content-heading);margin:24px 0 0;line-height:1.6}.tiptap h4:first-child{margin-top:0}.tiptap h5{font-size:1em;font-weight:700;color:var(--color-content-heading);margin:24px 0 0;line-height:1.8}.tiptap h5:first-child{margin-top:0}.tiptap h6{font-size:1em;font-weight:500;color:var(--color-content-heading);margin:24px 0 0;line-height:1.8}.tiptap h6:first-child{margin-top:0}.tiptap [data-indent="1"]{margin-left:2em}.tiptap [data-indent="2"]{margin-left:4em}.tiptap [data-indent="3"]{margin-left:6em}.tiptap [data-indent="4"]{margin-left:8em}.tiptap [data-indent="5"]{margin-left:10em}.tiptap ul,.tiptap ol{font-size:1.05em;line-height:1.7;margin:14px 0;padding-left:23px}.tiptap li{margin:0}.tiptap li>ul,.tiptap li>ol{margin:0;font-size:1em}.tiptap ul[data-type=taskList]{list-style:none;padding-left:5px}.tiptap ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:6px}.tiptap ul[data-type=taskList] li>label{flex-shrink:0;margin-top:4px}.tiptap ul[data-type=taskList] li>label input[type=checkbox]{width:12px;height:12px;accent-color:var(--color-checkbox-accent);cursor:pointer}.tiptap ul[data-type=taskList] li>div{flex:1}.tiptap pre{background:var(--color-code-bg);padding:7px 14px;border-radius:7px;overflow-x:auto;margin:22px 0;border:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.tiptap code{font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12.5px;line-height:1.5}.tiptap pre code{display:block;color:var(--color-code-text);padding:0}.tiptap :not(pre)>code{background:var(--color-code-bg);padding:1px 4px;border-radius:4px;font-size:13.5px;color:var(--color-code-text)}.tiptap blockquote{position:relative;margin:22px 0;padding:7px 14px 7px 18px;background:transparent;color:var(--color-blockquote-text);border-left:none}.tiptap blockquote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-blockquote-border);border-radius:4px}.tiptap blockquote p{margin:0}.tiptap blockquote p:last-child{margin-bottom:0}.tiptap .flowam-box{border:1px solid #2563eb;border-radius:0;padding:10px 14px;margin:12px 0}.tiptap .flowam-box>*:first-child{margin-top:0}.tiptap .flowam-box>*:last-child{margin-bottom:0}.tiptap a{color:var(--color-primary);text-decoration:underline;cursor:pointer}.tiptap a:hover{text-decoration:underline}.tiptap img{max-width:100%;border-radius:0;margin:0;vertical-align:middle}.flowam-image-wrapper{display:inline-block;position:relative;line-height:0}.flowam-image-wrapper img{display:block;max-width:400px;max-height:400px}.flowam-image-handle{display:none;position:absolute;width:10px;height:10px;background:var(--color-primary, #4a9eff);border:1px solid #fff;border-radius:2px;z-index:10}.flowam-image-handle-nw{top:-5px;left:-5px;cursor:nwse-resize}.flowam-image-handle-ne{top:-5px;right:-5px;cursor:nesw-resize}.flowam-image-handle-sw{bottom:-5px;left:-5px;cursor:nesw-resize}.flowam-image-handle-se{bottom:-5px;right:-5px;cursor:nwse-resize}.ProseMirror-selectednode.flowam-image-wrapper{outline:2px solid var(--color-primary, #4a9eff);outline-offset:2px;border-radius:2px}.ProseMirror-selectednode.flowam-image-wrapper .flowam-image-handle{display:block}.flowam-image-size-label{display:none;position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;font-size:11px;line-height:1;padding:3px 6px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:10}.flowam-image-resizing{cursor:nwse-resize}.tiptap em{font-style:italic}.tiptap strong{font-weight:700}.tiptap s{text-decoration:line-through}.tiptap u{text-decoration:underline;text-decoration-color:var(--color-underline);text-underline-offset:2px}.tiptap hr{height:1px;background:var(--color-content-hr);border:none;margin:43px 0}.tiptap table{border-collapse:collapse;width:auto;font-size:inherit;margin:14px 0;line-height:1.7;border:1px solid var(--color-table-border)}.tiptap th,.tiptap td{padding:4px 11px;text-align:left;border:1px solid var(--color-table-border);background:var(--color-table-cell-bg);position:relative}.tiptap th{background:var(--color-table-header-bg);font-weight:700}.tiptap td{font-weight:400}.tiptap .column-resize-handle{position:absolute;top:0;right:-2px;bottom:-2px;width:4px;background:var(--color-primary);pointer-events:none}.tiptap.resize-cursor{cursor:col-resize}.tiptap th p,.tiptap td p{margin:0}.tiptap .selectedCell:after{content:"";position:absolute;inset:0;background:#4a9eff26;pointer-events:none}.tiptap .card-link{color:var(--color-primary);text-decoration:underline;text-decoration-style:dashed;text-underline-offset:2px;cursor:pointer}.tiptap .card-link:hover{color:var(--color-primary-hover);text-decoration-style:solid}.tiptap .card-link.card-link-invalid,.tiptap .card-link-invalid{color:var(--color-card-link-invalid);text-decoration:line-through;text-decoration-style:solid;cursor:not-allowed}.tiptap a .card-link-invalid{text-decoration:line-through;text-decoration-style:solid}.tiptap a:has(.card-link-invalid){text-decoration:none}.tiptap .spoiler{background:var(--color-bg-textpane);color:transparent;padding:2px 4px;border-radius:4px;border:1px solid var(--color-border);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.tiptap .spoiler.spoiler-revealed{color:inherit;border:1px solid var(--color-border);-webkit-user-select:text;user-select:text}.flowam-code-block{position:relative;margin:22px 0}.flowam-code-block pre{margin:0}.flowam-code-block .code-block-label{background:var(--color-code-label-bg);color:var(--color-code-label-text);padding:2px 10px;font-size:11px;border-radius:4px;display:inline-block;margin-bottom:8px}.flowam-code-block .code-copy-btn{position:absolute;top:4px;right:4px;background:var(--color-preview-code-copy-btn, #333);border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:11px;color:var(--color-text-secondary, #999);display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease}.flowam-code-block:hover .code-copy-btn{opacity:1}.flowam-code-block.code-block-blue pre{border:1px solid var(--color-code-blue)}.flowam-code-block.code-block-blue .code-block-label{background:var(--color-code-blue);color:#fff}.flowam-code-block.code-block-yellow pre{border:1px solid var(--color-code-yellow)}.flowam-code-block.code-block-yellow .code-block-label{background:var(--color-code-yellow);color:#fff}.flowam-code-block.code-block-red pre{border:1px solid var(--color-code-red)}.flowam-code-block.code-block-red .code-block-label{background:var(--color-code-red);color:#fff}.flowam-code-block.code-block-green pre{border:1px solid var(--color-code-green)}.flowam-code-block.code-block-green .code-block-label{background:var(--color-code-green);color:#fff}.flowam-code-block.code-block-purple pre{border:1px solid var(--color-code-purple)}.flowam-code-block.code-block-purple .code-block-label{background:var(--color-code-purple);color:#fff}.flowam-code-block.code-block-orange pre{border:1px solid var(--color-code-orange)}.flowam-code-block.code-block-orange .code-block-label{background:var(--color-code-orange);color:#fff}.tiptap ruby{ruby-align:center}.tiptap ruby rt{font-size:.5em;color:inherit}.tiptap p.subheading{font-size:.8em;font-weight:700;color:var(--color-subheading);display:block;margin:24px 0 0}.tiptap p.subheading:first-child{margin-top:0}.tiptap dl{margin:14px 0;line-height:1.7}.tiptap dt{font-weight:600;margin-top:10px;color:var(--color-content-heading)}.tiptap dt:first-child{margin-top:0}.tiptap dd{margin-left:18px;padding-left:29px;margin-top:4px;color:var(--color-definition-dd)}.tiptap sup{font-size:.65em;line-height:0;vertical-align:super}.tiptap .footnote-ref{font-size:1em;color:var(--color-primary);text-decoration:none;padding:0 2px;cursor:pointer;position:relative;display:inline-block}.tiptap .footnote-ref:hover{text-decoration:underline}.tiptap .footnote-ref[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:0;background:var(--color-footnote-tooltip-bg);color:var(--color-footnote-tooltip-text);padding:4px 8px;border-radius:3px;font-size:10px;line-height:1.3;white-space:normal;max-width:300px;width:max-content;text-align:left;box-shadow:0 2px 6px #0000004d;border:1px solid var(--color-footnote-tooltip-border);z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease .2s,visibility .2s ease .2s;pointer-events:none}.tiptap .footnote-ref[data-tooltip]:hover:after{opacity:1;visibility:visible}.tiptap .footnote-definition{display:flex;gap:6px;font-size:.9em;color:var(--color-footnote-text);padding:12px 0 2px;margin-top:16px;border-top:1px solid var(--color-footnote-border)}.tiptap .footnote-definition+.footnote-definition{margin-top:0;padding-top:2px;border-top:none}.tiptap .footnote-definition-label{color:var(--color-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.95em}.tiptap .footnote-definition-content{flex:1;outline:none;min-width:0}.tiptap .search-highlight{background:var(--color-search-highlight);border-radius:2px}.tiptap .search-highlight-current{background:var(--color-search-highlight-current);border-radius:2px}.tiptap p.is-editor-empty:first-child:before{content:"テキストを入力...";color:var(--color-placeholder);float:left;pointer-events:none;height:0}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.app{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--color-bg-app);color:var(--color-text-primary)}.header{padding:12px 20px;background:var(--color-bg-header);border-bottom:1px solid var(--color-border)}.header h1{font-size:18px;font-weight:600}.main{display:flex;flex:1;overflow:hidden}.pane{padding:16px;overflow:auto}.left{background:var(--color-bg-tree);flex-shrink:0;padding:10px 16px 16px 20px}.divider-horizontal{width:1px;background:var(--color-border);cursor:ew-resize;flex-shrink:0;position:relative;z-index:2}.divider-horizontal:before{content:"";position:absolute;inset:0 -2px}.divider-horizontal:hover{width:5px;margin-left:-2px;margin-right:-2px;background:var(--color-primary)}.pane-right{flex:1;min-width:0;display:flex;flex-direction:column}.top{background:var(--color-bg-flow);overflow:hidden;padding:0}.divider{height:1px;background:var(--color-border);cursor:ns-resize;flex-shrink:0;position:relative;z-index:2}.divider:before{content:"";position:absolute;inset:-2px 0}.divider:hover{height:5px;margin-top:-2px;margin-bottom:-2px;background:var(--color-primary)}.bottom{background:var(--color-bg-textpane);overflow:auto}.style-btn{transition:none}.style-btn:focus,.style-btn:focus-visible{outline:none}.style-btn:hover{border-color:inherit}button:hover svg{stroke:var(--color-text-primary)}button:hover{color:var(--color-text-primary)!important}pre code{display:block!important;padding:0!important;margin:0!important;background:none!important;border-radius:0!important}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.flowam-search-hl{background:var(--color-search-highlight);color:transparent;border-radius:2px}.flowam-search-hl-current{background:var(--color-search-highlight-current);color:transparent;border-radius:2px}.flowam-tooltip{background:var(--color-overlay-bg);color:var(--color-overlay-text);border:1px solid var(--color-overlay-border);box-shadow:0 2px 8px #00000040}