*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1e1c1a;--ink-mid:#4a443d;--ink-light:#8a7f74;--ink-faint:#bbb3a8;--paper:#faf9f7;--paper-warm:#f5f3ef;--paper-deep:#ede9e2;--rule:#ddd8d0;--accent:#6b5440;--accent2:#8b3a2a;--bar-h:44px;--status-h:22px;--meta-h:68px}html,body{height:100%;background:var(--paper);color:var(--ink);font-family:'Lora','Noto Serif JP',serif;overflow:hidden}#bar{height:var(--bar-h);background:#fff;border-bottom:1px solid var(--rule);display:flex;align-items:center;padding:0 14px;gap:8px;position:relative;z-index:100;flex-shrink:0}#logo{font-family:'JetBrains Mono',monospace;font-weight:300;font-size:15px;letter-spacing:.18em;color:var(--ink);margin-right:6px;user-select:none}#logo span{color:var(--ink-faint)}.bar-sep{flex:1}.bar-btn{height:28px;padding:0 11px;border:1px solid var(--rule);background:transparent;color:var(--ink-mid);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.07em;cursor:pointer;border-radius:2px;transition:background .12s,border-color .12s;white-space:nowrap;display:flex;align-items:center;gap:5px;position:relative}.bar-btn:hover{background:var(--paper-deep);border-color:var(--ink-faint)}.bar-btn.danger:hover{background:rgba(180,50,30,.1);border-color:rgba(180,50,30,.4);color:var(--accent2)}.bar-btn svg{width:12px;height:12px;flex-shrink:0}#dl-wrap{position:relative}#dl-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--rule);border-radius:3px;box-shadow:0 6px 24px rgba(0,0,0,.13),0 1px 4px rgba(0,0,0,.07);min-width:220px;z-index:9999;overflow:hidden;animation:menuIn .1s ease}#dl-menu.open{display:block}@keyframes menuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dl-item{width:100%;padding:9px 14px;border:none;background:none;color:var(--ink);font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.05em;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;transition:background .08s;border-bottom:1px solid var(--rule)}.dl-item:last-child{border-bottom:none}.dl-item:hover{background:var(--paper-deep)}.dl-item svg{width:13px;height:13px;color:var(--ink-light);flex-shrink:0}.dl-item .di-ext{font-weight:500;color:var(--ink);min-width:36px}.dl-item .di-desc{color:var(--ink-light);font-size:10px;margin-left:auto}.dl-sep{height:1px;background:var(--rule);margin:3px 0}#app{display:flex;flex-direction:column;height:calc(100vh - var(--bar-h) - var(--status-h));overflow:hidden}#main{flex:1;display:flex;overflow:hidden}.pane{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.pane-label{height:26px;background:var(--paper-deep);border-bottom:1px solid var(--rule);display:flex;align-items:center;padding:0 13px;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--ink-light);text-transform:uppercase;user-select:none;flex-shrink:0}.pane-label .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint)}.pane-label .dot.active{background:var(--accent2)}#meta-header{flex-shrink:0;background:var(--paper-deep);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr;gap:0}.meta-field{display:flex;flex-direction:column;padding:0;border-right:1px solid var(--rule);cursor:text}.meta-field:last-child{border-right:none}.meta-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);user-select:none;padding:8px 14px 3px;pointer-events:none}.meta-input{border:none;outline:none;background:transparent;font-family:'Lora','Noto Serif JP',serif;font-size:13px;color:var(--ink);width:100%;padding:0 14px 8px;caret-color:var(--accent2)}.meta-input::placeholder{color:var(--ink-faint);font-style:italic}.meta-field:focus-within{background:rgba(139,58,42,.04)}#divider{background:var(--rule);flex-shrink:0;position:relative;transition:background .12s}#divider:hover,#divider.dragging{background:var(--accent)}#divider::after{content:'';position:absolute;background:var(--accent);border-radius:3px;opacity:0;transition:opacity .12s}#divider:hover::after,#divider.dragging::after{opacity:.45}@media (min-aspect-ratio:1/1){#main{flex-direction:row}#divider{width:2px;height:auto;cursor:col-resize;min-width:2px}#divider::after{width:10px;height:36px;left:50%;top:50%;transform:translate(-50%,-50%)}}@media (max-aspect-ratio:1/1){#main{flex-direction:column}#divider{height:2px;width:100%;cursor:row-resize;min-height:2px}#divider::after{height:10px;width:36px;top:50%;left:50%;transform:translate(-50%,-50%)}}#editor{flex:1;width:100%;border:none;outline:none;resize:none;background:var(--paper);color:var(--ink);font-family:'JetBrains Mono',monospace;font-size:14px;line-height:1.85;padding:20px 24px 24px 28px;caret-color:var(--accent2);overflow-y:auto;white-space:pre-wrap;word-break:break-word}#editor::selection{background:rgba(139,58,42,.15)}#preview-wrap{flex:1;overflow-y:auto;background:var(--paper-warm);padding:24px 32px 56px}.md-body{max-width:680px;margin:0 auto;font-family:'Lora','Noto Serif JP',serif;font-size:15px;line-height:1.9;color:#1e1c1a}.md-body h1,.md-body h2,.md-body h3,.md-body h4,.md-body h5,.md-body h6{font-family:'Lora','Noto Serif JP',serif;font-weight:500;color:#1e1c1a;line-height:1.3;margin-top:1.6em;margin-bottom:.5em}.md-body h1{font-size:2em;border-bottom:2px solid #1e1c1a;padding-bottom:.25em}.md-body h2{font-size:1.5em;border-bottom:1px solid #ddd8d0;padding-bottom:.2em}.md-body h3{font-size:1.2em}.md-body h4,.md-body h5,.md-body h6{font-size:1em;color:#4a443d}.md-body p{margin:.8em 0}.md-body a{color:#8b3a2a;text-decoration:underline;text-underline-offset:2px}.md-body ul,.md-body ol{margin:.8em 0;padding-left:1.8em}.md-body li{margin:.3em 0;line-height:1.9}.md-body li>ul,.md-body li>ol{margin:.15em 0}.md-body blockquote{margin:1.2em 0;padding:.6em 1.2em;border-left:3px solid #bbb3a8;color:#4a443d;font-style:italic;background:#ede9e2}.md-body code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:#ede9e2;border:1px solid #ddd8d0;padding:.1em .4em;border-radius:2px;color:#8b3a2a}.md-body pre{background:#1e1c1a;color:#faf9f7;border-radius:3px;padding:1.2em 1.4em;overflow-x:auto;margin:1.2em 0;position:relative}.md-body pre code{background:none;border:none;padding:0;color:inherit;font-size:13px;line-height:1.65}.md-body table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:14px}.md-body th,.md-body td{border:1px solid #ddd8d0;padding:.5em .8em;text-align:left}.md-body th{background:#ede9e2;font-weight:500;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.05em}.md-body tr:nth-child(even) td{background:rgba(0,0,0,.02)}.md-body hr{border:none;border-top:1px solid #bbb3a8;margin:2em 0}.md-body img{max-width:100%;border-radius:2px;display:block;margin:1em auto;box-shadow:0 2px 12px rgba(0,0,0,.1)}.md-body del{color:#8a7f74}.md-body input[type=checkbox]{margin-right:.4em;accent-color:#8b3a2a;cursor:pointer;width:14px;height:14px}.md-body li:has(>input[type=checkbox]){list-style:none;margin-left:-1.2em}.copy-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#e8e4de;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;padding:3px 8px;border-radius:2px;cursor:pointer;transition:background .12s;line-height:1.6;user-select:none}.copy-btn:hover{background:rgba(255,255,255,.2)}.copy-btn.copied{color:#7fbf7f;border-color:#7fbf7f44}#render-clone .copy-btn{display:none!important}.md-body .fm-header{margin-bottom:2em;padding-bottom:1.2em;border-bottom:2px solid #1e1c1a}.md-body .fm-header h1{font-size:2.2em;border:none;padding:0;margin:0 0 .35em;line-height:1.2}.md-body .fm-meta{display:flex;flex-wrap:wrap;gap:.3em 1.4em;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#8a7f74;letter-spacing:.04em}.md-body .fm-meta .fm-meta-item{display:flex;align-items:center;gap:.4em}.md-body .fm-meta .fm-meta-key{color:#bbb3a8}.md-body .fm-meta .fm-meta-val{color:#4a443d}#statusbar{height:var(--status-h);background:#fff;border-top:1px solid var(--rule);display:flex;align-items:center;padding:0 14px;gap:14px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-light);letter-spacing:.06em;flex-shrink:0}#statusbar .ss{display:flex;align-items:center;gap:4px}#statusbar .ss-sep{flex:1}#title-display{color:var(--ink-faint);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#drop-overlay{display:none;position:fixed;inset:0;background:rgba(107,84,64,.1);border:3px dashed var(--accent);z-index:9000;pointer-events:none;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:18px;color:var(--accent);letter-spacing:.08em}#drop-overlay.active{display:flex}#toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(10px);background:var(--ink);color:#e8e4de;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.07em;padding:7px 16px;border-radius:2px;opacity:0;transition:opacity .18s,transform .18s;z-index:9999;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#confirm-bg{display:none;position:fixed;inset:0;background:rgba(26,23,20,.4);z-index:8000;align-items:center;justify-content:center}#confirm-bg.open{display:flex}#confirm-box{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:22px 26px;min-width:280px;box-shadow:0 8px 32px rgba(0,0,0,.15);font-family:'JetBrains Mono',monospace}#confirm-box p{font-size:12px;color:var(--ink-mid);margin-bottom:18px;line-height:1.6}#confirm-box .confirm-btns{display:flex;gap:8px;justify-content:flex-end}.cbtn{height:26px;padding:0 12px;border-radius:2px;font-family:'JetBrains Mono',monospace;font-size:11px;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);transition:background .1s}.cbtn:hover{background:var(--paper-deep)}.cbtn:focus{outline:2px solid var(--accent);outline-offset:1px}.cbtn.cbtn-danger{background:#8b3a2a;color:#fff;border-color:#8b3a2a}.cbtn.cbtn-danger:hover{background:#a0422f}.cbtn.cbtn-danger:focus{outline-color:#c06040}#render-clone{position:fixed;left:-9999px;top:0;width:794px;background:#faf9f7;padding:0;pointer-events:none;z-index:-1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}#logo{cursor:pointer}#logo:hover span{color:var(--ink-faint)}#mobile-toolbar{display:none;background:var(--paper-deep);border-top:1px solid var(--rule);padding:6px 10px;gap:6px;flex-shrink:0}.mt-btn{height:32px;min-width:44px;padding:0 10px;border:1px solid var(--rule);border-radius:2px;background:var(--paper);color:var(--ink-mid);font-family:'JetBrains Mono',monospace;font-size:13px;cursor:pointer;transition:background .1s}.mt-btn:active{background:var(--paper-deep)}@media (max-aspect-ratio:1/1){#mobile-toolbar{display:flex}}.katex-block{overflow-x:auto;margin:1em 0;text-align:center}.katex-err{color:var(--accent2);font-family:'JetBrains Mono',monospace;font-size:.85em}