*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-sidebar:#f7f7f7;--bg-header:#fafafa;--border:#e0e0e0;--text:#1a1a1a;--text-muted:#666;--accent:#0969da;--accent-hover:#0550ae;--code-bg:#f6f8fa;--drop-bg:#f0f7ff;--drop-border:#0969da;--scrollbar:#c1c1c1;--tab-active:#fff;--tab-inactive:transparent;--shadow:0 1px 3px #00000014;--dirty:#d97706;--ok:#1a7f37;--ok-bg:#eaf6ec;--danger:#b42318;--danger-bg:#fdecea}[data-theme=dark]{--bg:#1e1e1e;--bg-sidebar:#252526;--bg-header:#2d2d30;--border:#3e3e42;--text:#ccc;--text-muted:#858585;--accent:#4fc1ff;--accent-hover:#79d3ff;--code-bg:#2d2d2d;--drop-bg:#1a2535;--drop-border:#4fc1ff;--scrollbar:#555;--tab-active:#1e1e1e;--tab-inactive:transparent;--shadow:0 1px 3px #0000004d;--dirty:#e8a33d;--ok:#6cc46c;--ok-bg:#1d2e1d;--danger:#f88070;--danger-bg:#3a1f1c}html,body,#root{background-color:var(--bg);height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans JP,sans-serif;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}button{cursor:pointer;font-family:inherit}a{color:var(--accent)}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.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}.app{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{background:var(--bg-header);border-bottom:1px solid var(--border);height:44px;box-shadow:var(--shadow);flex-shrink:0;align-items:center;gap:12px;padding:0 12px;display:flex}.header-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.app-title{color:var(--accent);white-space:nowrap;font-size:15px;font-weight:700}.file-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:12px;overflow:hidden}.view-tabs{background:var(--border);border-radius:6px;gap:2px;padding:2px;display:flex}.view-tab{background:var(--tab-inactive);color:var(--text-muted);border:none;border-radius:4px;padding:4px 14px;font-size:13px;transition:background .15s,color .15s}.view-tab:hover{color:var(--text)}.view-tab.active{background:var(--tab-active);color:var(--text);box-shadow:var(--shadow)}.theme-btn{background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px;line-height:1;transition:background .15s}.theme-btn:hover{background:var(--border)}.dirty-dot{color:var(--dirty);vertical-align:middle;margin-left:5px;font-size:10px}.status{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px}.status--ok{color:var(--ok);background:var(--ok-bg)}.status--error{color:var(--danger);background:var(--danger-bg)}.save-group{flex-shrink:0;gap:4px;display:flex}.save-btn,.saveas-btn{border:1px solid var(--border);border-radius:5px;padding:4px 12px;font-size:12.5px;font-weight:500;transition:background .15s,opacity .15s}.save-btn{background:var(--accent);color:#fff;border-color:#0000}.save-btn:hover:not(:disabled){background:var(--accent-hover)}.save-btn:disabled{background:var(--border);color:var(--text-muted);cursor:default}.saveas-btn{background:var(--tab-active);color:var(--text)}.saveas-btn:hover{background:var(--border)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;width:220px;display:flex;overflow-y:auto}.sidebar-section{border-bottom:1px solid var(--border);padding:12px 10px}.sidebar-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.open-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;padding:7px 10px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.open-btn:hover{background:var(--accent-hover)}.new-btn{background:var(--tab-active);width:100%;color:var(--text);border:1px solid var(--border);border-radius:5px;justify-content:center;align-items:center;margin-top:6px;padding:7px 10px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.new-btn:hover{background:var(--border)}.toc{flex-direction:column;gap:1px;display:flex}.toc-item{text-align:left;width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:12.5px;transition:background .1s;display:block;overflow:hidden}.toc-item:hover{background:var(--border);color:var(--accent)}.recent-list{flex-direction:column;gap:1px;list-style:none;display:flex}.recent-item{text-align:left;width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:12.5px;transition:background .1s;display:block;overflow:hidden}.recent-item:hover{background:var(--border);color:var(--accent)}.dropzone{background:var(--bg);flex:1;justify-content:center;align-items:center;display:flex}.dropzone-inner{border:2px dashed var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:48px 40px;transition:border-color .2s,background .2s;display:flex}.dropzone-actions{gap:8px;margin-top:4px;display:flex}.dropzone-actions .open-btn,.dropzone-actions .new-btn{width:auto;margin-top:0;padding:8px 20px}.dropzone-icon{font-size:48px;line-height:1}.dropzone-title{color:var(--text);font-size:18px;font-weight:600}.dropzone-sub{color:var(--text-muted);font-size:13px}.app--dragging .dropzone-inner{border-color:var(--drop-border);background:var(--drop-bg)}.drag-overlay{z-index:100;pointer-events:none;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drag-overlay-inner{background:var(--accent);color:#fff;border-radius:12px;padding:32px 56px;font-size:22px;font-weight:600;box-shadow:0 8px 32px #0000004d}.preview-scroll{flex:1;padding:32px;overflow-y:auto}.markdown-body{max-width:800px;color:var(--text);margin:0 auto;font-size:15px;line-height:1.75}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5em;margin-bottom:.5em;scroll-margin-top:16px;font-weight:600;line-height:1.3}.markdown-body h1{border-bottom:1px solid var(--border);padding-bottom:.3em;font-size:2em}.markdown-body h2{border-bottom:1px solid var(--border);padding-bottom:.2em;font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1.05em}.markdown-body h5{font-size:.95em}.markdown-body h6{color:var(--text-muted);font-size:.875em}.markdown-body p{margin-bottom:1em}.markdown-body ul,.markdown-body ol{margin-bottom:1em;padding-left:2em}.markdown-body li{margin-bottom:.25em}.markdown-body li>ul,.markdown-body li>ol{margin-top:.25em;margin-bottom:0}.markdown-body blockquote{border-left:4px solid var(--accent);background:var(--code-bg);color:var(--text-muted);border-radius:0 4px 4px 0;margin:0 0 1em;padding:.5em 1em}.markdown-body code{background:var(--code-bg);border:1px solid var(--border);border-radius:3px;padding:.15em .4em;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.875em}.markdown-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;margin-bottom:1em;overflow:auto}.markdown-body pre code{background:0 0;border:none;padding:16px;font-size:13px;line-height:1.6;display:block}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:1em;font-size:14px}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;padding:8px 12px}.markdown-body th{background:var(--code-bg);font-weight:600}.markdown-body tr:nth-child(2n){background:var(--code-bg)}.markdown-body img{border-radius:4px;max-width:100%}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body input[type=checkbox]{vertical-align:middle;margin-right:6px}[data-theme=dark] .hljs{color:#cdd6f4;background:#1e1e2e}.source-scroll{flex:1;overflow:auto}.source-wrap{min-height:100%;display:flex}.source-numbers{background:var(--code-bg);border-right:1px solid var(--border);color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;align-items:flex-end;min-width:40px;padding:16px 10px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;display:flex}.source-numbers span{display:block}.source-pre{color:var(--text);background:var(--bg);white-space:pre;flex:1;margin:0;padding:16px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;overflow:visible}.source-pre code{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.editor-area{resize:none;color:var(--text);background:var(--bg);white-space:pre;tab-size:2;border:none;outline:none;flex:1;margin:0;padding:16px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;display:block;overflow:hidden}.editor-area::placeholder{color:var(--text-muted)}.compat-note{z-index:90;background:var(--danger-bg);max-width:90vw;color:var(--danger);border:1px solid var(--danger);text-align:center;border-radius:6px;padding:8px 16px;font-size:12.5px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.split-view{flex:1;display:flex;overflow:hidden}.split-pane{flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.split-label{z-index:10;background:var(--bg-header);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:4px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.split-divider{background:var(--border);flex-shrink:0;width:1px}.split-pane .source-scroll,.split-pane .preview-scroll{flex:1;overflow:visible}