*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1e2a36;--ink-mid:#3e556b;--ink-light:#6f8fa8;--ink-faint:#a9c2d6;--paper:#fbfeff;--paper-warm:#f5fbff;--paper-deep:#edf6fd;--rule:#c9deee;--accent:#5aa9e6;--accent2:#3f8fc4;--accent-bright:#8ec5f4;--bar-h:46px;--status-h:24px;--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:linear-gradient(135deg,#1a3a5c 0%,#0f2a47 100%);border-bottom:2px solid #2563a8;display:flex;align-items:center;padding:0 16px;gap:8px;position:relative;z-index:100;flex-shrink:0;box-shadow:0 2px 12px rgba(15,28,46,.35)}#logo{font-family:'JetBrains Mono',monospace;font-weight:400;font-size:15px;letter-spacing:.22em;color:#e8f0f8;margin-right:6px;user-select:none;cursor:pointer;text-shadow:0 0 20px rgba(59,130,196,.5)}#logo span{color:#5aa0d4}#logo:hover span{color:#7bbde8;transition:color .15s}.bar-sep{flex:1}.bar-btn{height:30px;padding:0 12px;border:1px solid rgba(90,160,212,.35);background:rgba(255,255,255,.07);color:#c8dff0;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.07em;cursor:pointer;border-radius:3px;transition:background .12s,border-color .12s,box-shadow .12s;white-space:nowrap;display:flex;align-items:center;gap:5px;position:relative}.bar-btn:hover{background:rgba(59,130,196,.25);border-color:rgba(90,160,212,.7);box-shadow:0 0 10px rgba(59,130,196,.2)}.bar-btn.danger:hover{background:rgba(200,60,60,.2);border-color:rgba(220,80,80,.5);color:#f08080}.bar-btn svg{width:12px;height:12px;flex-shrink:0}#dl-wrap{position:relative}#open-wrap{position:relative}#dl-menu,#open-menu{display:none;position:absolute;top:calc(100% + 6px);background:#f8fcff;border:1px solid #c9deee;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.08);min-width:230px;z-index:9999;overflow:hidden;animation:menuIn .12s ease}#dl-menu{right:0}#open-menu{left:0}#dl-menu.open,#open-menu.open{display:block}@keyframes menuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dl-item{width:100%;padding:10px 16px;border:none;background:none;color:#3e556b;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 rgba(90,160,212,.18)}.dl-item:last-child{border-bottom:none}.dl-item:hover{background:rgba(142,197,244,.15)}.dl-item svg{width:13px;height:13px;color:#5a7fa8;flex-shrink:0}.dl-item .di-ext{font-weight:500;color:#1e2a36;min-width:40px}.dl-item .di-desc{color:#5a7fa8;font-size:10px;margin-left:auto}#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:28px;background:linear-gradient(90deg,#d0e4f4 0%,#e0edf8 100%);border-bottom:1px solid var(--rule);display:flex;align-items:center;padding:0 14px;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--ink-light);text-transform:uppercase;user-select:none;flex-shrink:0}#meta-header{flex-shrink:0;background:var(--paper-deep);border-bottom:2px 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(--accent-bright)}.meta-input::placeholder{color:var(--ink-faint);font-style:italic}.meta-field:focus-within{background:rgba(37,99,168,.06)}#divider{background:var(--rule);flex-shrink:0;position:relative;transition:background .12s}#divider:hover,#divider.dragging{background:var(--accent-bright)}#divider::after{content:'';position:absolute;background:var(--accent-bright);border-radius:3px;opacity:0;transition:opacity .12s}#divider:hover::after,#divider.dragging::after{opacity:.5}@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:40px;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:40px;top:50%;left:50%;transform:translate(-50%,-50%)}}#editor{background:#fbfeff;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.9;padding:22px 26px 28px 30px;caret-color:var(--accent-bright);overflow-y:auto;white-space:pre-wrap;word-break:break-word}#editor::selection{background:rgba(37,99,168,.15)}#preview-wrap{background:#f8fcff;flex:1;overflow-y:auto;background:var(--paper-warm);padding:28px 36px 60px;background-image:radial-gradient(circle at 90% 10%,rgba(142,197,244,.06) 0%,transparent 50%),radial-gradient(circle at 10% 90%,rgba(90,169,230,.05) 0%,transparent 50%)}.md-body{max-width:680px;margin:0 auto;font-family:'Lora','Noto Serif JP',serif;font-size:15px;line-height:1.9;color:#0f1c2e}.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:#0f1c2e;line-height:1.3;margin-top:1.6em;margin-bottom:.5em}.md-body h1{font-size:2em;border-bottom:2px solid #2563a8;padding-bottom:.25em;color:#0f2a47}.md-body h2{font-size:1.5em;border-bottom:1px solid #b8d0e8;padding-bottom:.2em;color:#1a3a5c}.md-body h3{font-size:1.2em;color:#2d4a6e}.md-body h4,.md-body h5,.md-body h6{font-size:1em;color:#3a5a7e}.md-body p{margin:.8em 0}.md-body a{color:#2563a8;text-decoration:underline;text-underline-offset:2px}.md-body a:hover{color:#1a4f8a}.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:.7em 1.3em;border-left:3px solid #5a7fa8;color:#2d4a6e;font-style:italic;background:rgba(184,208,232,.2);border-radius:0 3px 3px 0}.md-body code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(184,208,232,.3);border:1px solid #b8d0e8;padding:.1em .4em;border-radius:3px;color:#1a4f8a}.md-body pre{background:#0d2340;color:#c8dff0;border-radius:4px;padding:1.2em 1.5em;overflow-x:auto;margin:1.2em 0;position:relative;border:1px solid rgba(90,160,212,.2)}.md-body pre code{background:none;border:none;padding:0;color:inherit;font-size:13px;line-height:1.7}.md-body table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:14px}.md-body th,.md-body td{border:1px solid #b8d0e8;padding:.5em .9em;text-align:left}.md-body th{background:linear-gradient(135deg,#d0e4f4,#e0edf8);font-weight:500;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.05em;color:#0f2a47}.md-body tr:nth-child(even) td{background:rgba(184,208,232,.12)}.md-body hr{border:none;border-top:1px solid #9ab8d4;margin:2em 0}.md-body img{max-width:100%;border-radius:3px;display:block;margin:1em auto;box-shadow:0 3px 14px rgba(37,99,168,.15)}.md-body del{color:#5a7fa8}.md-body input[type=checkbox]{margin-right:.4em;accent-color:#2563a8;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(59,130,196,.15);border:1px solid rgba(90,160,212,.3);color:#9ab8d4;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;padding:3px 8px;border-radius:3px;cursor:pointer;transition:background .12s;line-height:1.6;user-select:none}.copy-btn:hover{background:rgba(59,130,196,.3)}.copy-btn.copied{color:#7fbfcf;border-color:rgba(127,191,207,.4)}#render-clone .copy-btn{display:none!important}.md-body .fm-header{margin-bottom:2em;padding-bottom:1.2em;border-bottom:2px solid #2563a8}.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:#3a7fa8;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:#000}.md-body .fm-meta .fm-meta-val{color:#000}#statusbar{height:var(--status-h);background:#0f2a47;border-top:1px solid rgba(90,160,212,.3);display:flex;align-items:center;padding:0 16px;gap:16px;font-family:'JetBrains Mono',monospace;font-size:10px;color:#5a7fa8;letter-spacing:.07em;flex-shrink:0}#statusbar .ss{display:flex;align-items:center;gap:4px;color:#FFF}#statusbar .ss-sep{flex:1}#title-display{color:#9ab8d4;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#drop-overlay{display:none;position:fixed;inset:0;background:rgba(15,44,80,.12);border:3px dashed var(--accent-bright);z-index:9000;pointer-events:none;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:18px;color:var(--accent-bright);letter-spacing:.08em}#drop-overlay.active{display:flex}#toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(10px);background:#0d2340;color:#c8dff0;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.07em;padding:7px 18px;border-radius:3px;border:1px solid rgba(90,160,212,.3);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(10,20,40,.5);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:4px;padding:24px 28px;min-width:290px;box-shadow:0 8px 36px rgba(0,0,0,.25);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:28px;padding:0 14px;border-radius:3px;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:#1a4f8a;color:#e8f0f8;border-color:#2563a8}.cbtn.cbtn-danger:hover{background:#2563a8}.cbtn.cbtn-danger:focus{outline-color:#3b82c4}#render-clone{position:fixed;left:-9999px;top:0;width:794px;background:#f0f5fa;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)}#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:34px;min-width:44px;padding:0 10px;border:1px solid var(--rule);border-radius:3px;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(--accent-bright);font-family:'JetBrains Mono',monospace;font-size:.85em}#ls-modal-bg{display:none;position:fixed;inset:0;background:rgba(10,20,40,.55);z-index:8500;align-items:center;justify-content:center}#ls-modal-bg.open{display:flex}#ls-modal{background:var(--paper);border:1px solid var(--rule);border-radius:4px;width:430px;max-width:92vw;display:flex;flex-direction:column;box-shadow:0 8px 36px rgba(0,0,0,.25)}#ls-modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--rule);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--ink-mid);background:linear-gradient(90deg,var(--paper-deep),var(--paper-warm));flex-shrink:0}#ls-modal-close{background:none;border:none;cursor:pointer;color:var(--ink-light);font-size:14px;padding:0 2px;line-height:1}#ls-modal-close:hover{color:var(--ink)}#ls-list{overflow-y:auto;height:320px;flex-shrink:0}.ls-item{width:100%;padding:11px 17px;border:none;background:none;color:var(--ink);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;transition:background .08s;border-bottom:1px solid var(--rule)}.ls-item:last-child{border-bottom:none}.ls-item:hover{background:var(--paper-deep)}.ls-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-badge{background:var(--accent);color:#fff;font-size:9px;padding:2px 6px;border-radius:3px;flex-shrink:0;letter-spacing:.06em}.ls-empty{padding:28px 16px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-faint)}.ls-row{display:flex;align-items:stretch;border-bottom:1px solid var(--rule)}.ls-row:last-child{border-bottom:none}.ls-row .ls-item{border-bottom:none;flex:1}.ls-del{flex-shrink:0;width:36px;border:none;border-left:1px solid var(--rule);background:none;color:var(--ink-faint);font-size:12px;cursor:pointer;transition:background .08s,color .08s;padding:0}.ls-del:hover{background:rgba(37,99,168,.1);color:var(--accent)}@media print{#bar,#statusbar,#mobile-toolbar,#drop-overlay,#toast,#confirm-bg,#ls-modal-bg,#render-clone,#pane-left,#divider,.pane-label{display:none!important}html,body{height:auto;overflow:visible;background:#fff}#app{height:auto;overflow:visible}#main{flex-direction:column;overflow:visible}#pane-right{flex:none;overflow:visible}#preview-wrap{background:#f8fcff;flex:none;overflow:visible;padding:0;background:#fff}.md-body{max-width:100%;font-size:12pt;color:#000;line-height:1.8}.md-body h1{font-size:20pt;border-bottom:2px solid #1a4f8a}.md-body h2{font-size:16pt;border-bottom:1px solid #9ab8d4}.md-body pre{background:#0d2340;color:#c8dff0;print-color-adjust:exact;-webkit-print-color-adjust:exact}.md-body pre,.md-body blockquote,.md-body table,.md-body img{page-break-inside:avoid}.copy-btn{display:none!important}a[href]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}a[href^="#"]::after{content:none}}