@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--bg: #ffffff;--fg: #2c3e50;--sidebar-bg: #f5f6f8;--sidebar-border: #e1e4e8;--accent: #2980b9}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}#app{display:flex;height:100vh;overflow:hidden}#app.hidden{display:none}#connect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c3e6b,#16213e)}#connect-overlay.hidden{display:none}.connect-card{width:440px;max-width:90vw;background:#fff;border-radius:12px;padding:32px 32px 28px;box-shadow:0 12px 40px #0000004d}.connect-card h1{margin:0 0 12px;font-size:20px}.connect-desc{font-size:13px;color:#5a6472;line-height:1.7;margin:0 0 20px}.connect-label{display:block;font-size:12px;font-weight:700;color:#3a4452;margin-bottom:14px}.connect-label input{display:block;width:100%;margin-top:5px;padding:9px 11px;font-size:13px;border:1px solid #cfd6df;border-radius:7px;outline:none}.connect-label input:focus{border-color:#2c3e6b}#btn-connect{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;margin-top:6px;padding:0 14px;font-family:Roboto,-apple-system,Hiragino Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:.2px;color:#3c4043;background:#fff;border:1px solid #dadce0;border-radius:8px;cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s}#btn-connect:hover{background:#f7f8fa;border-color:#d2d5da;box-shadow:0 1px 3px #3c404326}#btn-connect:active{background:#eef0f3}#btn-connect .gbtn-ico{display:inline-flex}#btn-connect .gbtn-ico svg{width:18px;height:18px;display:block}#connect-status{margin-top:14px;font-size:12px;color:#7a828e;min-height:16px;word-break:break-all}.connect-note{margin-top:16px;font-size:11px;line-height:1.6;color:#9aa2ae}.connect-privacy{display:inline-block;margin-top:12px;font-size:12px;color:#6b7686;text-decoration:underline;cursor:pointer}.connect-privacy:hover{color:#2c3e6b}#account-line{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}#account-email{font-size:11px;color:#7a828e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#btn-disconnect{flex-shrink:0;font-size:11px;padding:2px 8px;border:1px solid var(--sidebar-border);background:#fff;border-radius:5px;cursor:pointer}#btn-disconnect:hover{background:#eef1f5}.tree-error{padding:6px 12px;font-size:12px;color:#c0392b}#sidebar{width:260px;min-width:180px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden}#sidebar-header{padding:10px 10px 8px;border-bottom:1px solid var(--sidebar-border)}#project-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}#location-select.hidden{display:none}#location-select{width:100%;margin-bottom:8px;padding:4px 6px;font-size:12px;border:1px solid var(--sidebar-border);border-radius:6px;background:#fff;cursor:pointer}#sidebar-actions{display:flex;gap:6px}#create-target{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;padding:5px 8px;font-size:11px;border-radius:6px;background:#eef1f5;color:#5a6472}#create-target.is-sub{background:#fff3d6;color:#8a6d00;font-weight:700}#create-target .target-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#create-target .target-reset{flex-shrink:0;font-size:10px;padding:2px 7px;border:1px solid #e0a800;background:#fff;color:#8a6d00;border-radius:5px;cursor:pointer}#create-target .target-reset:hover{background:#fff8e6}#sidebar-actions button{font-size:12px;padding:4px 8px;border:1px solid var(--sidebar-border);background:#fff;border-radius:6px;cursor:pointer}#sidebar-actions button:hover{background:#eef1f5}#btn-open{flex:1}#tree{flex:1;overflow:auto;padding:6px 0;font-size:13px}.tree-row{display:flex;align-items:center;gap:6px;padding:3px 8px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.tree-row:hover{background:#e8ebef}.tree-row.active{background:#d5e6fb;box-shadow:inset 3px 0 #2c3e6b;color:#16244a;font-weight:700}.tree-row.active:hover{background:#cfe1f8}.tree-row.active .tree-icon{color:#2c3e6b}.tree-row.selected-dir{background:#fff3d6;box-shadow:inset 3px 0 #e0a800;font-weight:700}.tree-row.selected-dir:hover{background:#ffedc2}.tree-row.is-loading{color:#9aa2ae;cursor:default}.tree-row.is-loading:hover{background:none}.tree-spinner{width:12px;height:12px;border:2px solid #c7ccd6;border-top-color:#2c3e6b;border-radius:50%;flex-shrink:0;animation:tree-spin .7s linear infinite}@keyframes tree-spin{to{transform:rotate(360deg)}}.tree-context-menu{position:fixed;z-index:2000;min-width:160px;background:#fff;border:1px solid #d8dde5;border-radius:8px;box-shadow:0 6px 20px #0000002e;padding:4px;font-size:13px}.tree-context-head{padding:5px 12px 7px;margin-bottom:3px;border-bottom:1px solid #eef0f3;font-size:11px;font-weight:700;color:#8a94a6;white-space:nowrap}.tree-context-item{padding:7px 12px;border-radius:5px;cursor:pointer;white-space:nowrap}.tree-context-item:hover{background:#eef2f7}.tree-caret{width:14px;height:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#9aa4b2;border-radius:3px}.tree-caret svg{width:11px;height:11px;transition:transform .12s ease}.tree-caret.expanded svg{transform:rotate(90deg)}.tree-caret:hover{background:#00000014}.tree-icon{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.tree-icon svg{width:15px;height:15px}.tree-icon.is-folder{color:#6f8bbf}.tree-icon.is-file{color:#98a2b3}.tree-label{overflow:hidden;text-overflow:ellipsis}.tree-new-input{flex:1;font-size:13px;padding:2px 4px;border:1px solid var(--accent);border-radius:4px;outline:none}#main{flex:1;display:flex;flex-direction:column;overflow:hidden}#statusbar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;font-size:12px;color:#7a828e;border-bottom:1px solid var(--sidebar-border);background:#fafbfc}#file-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#statusbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}#btn-help,#btn-share,#btn-style{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 10px;border:1px solid var(--sidebar-border);background:#fff;border-radius:6px;cursor:pointer}#btn-help:hover,#btn-share:hover,#btn-style:hover{background:#eef1f5}.style-menu{position:fixed;z-index:2000;background:#fff;border:1px solid #d8dde5;border-radius:8px;box-shadow:0 8px 24px #0000002e;padding:10px;min-width:200px}.style-group+.style-group{margin-top:10px}.style-group-label{font-size:11px;font-weight:700;color:#8a94a6;margin-bottom:5px}.style-seg{display:flex;gap:4px}.style-seg button{flex:1;padding:6px 8px;font-size:12px;border:1px solid #d8dde5;background:#fff;border-radius:6px;cursor:pointer}.style-seg button.active{background:#2c3e6b;color:#fff;border-color:#2c3e6b}.style-lang-select{width:100%;padding:6px 8px;font-size:12px;border:1px solid #d8dde5;background:#fff;border-radius:6px;cursor:pointer}html[data-theme=sepia] #editor,html[data-theme=sepia] .cm-editor{background:#f4ecd8}html[data-theme=sepia] .cm-content{color:#5b4636}html[data-theme=sepia] .cm-activeLine{background:#5b46360d}html[data-theme=dark]{background:#181a20}html[data-theme=dark] #editor,html[data-theme=dark] .cm-editor{background:#1e2028}html[data-theme=dark] .cm-content{color:#d6d9e0;caret-color:#e4e6eb}html[data-theme=dark] .cm-activeLine{background:#ffffff0a}html[data-theme=dark] #sidebar{background:#20232c;border-color:#2a2d38}html[data-theme=dark] #sidebar,html[data-theme=dark] .tree-label{color:#c8ccd4}html[data-theme=dark] #statusbar{background:#20232c;border-color:#2a2d38}html[data-theme=dark] .cm-code-block{background:#2a2d3a}html[data-theme=dark] .cm-inline-code{background:#2a2d3a;color:#d6d9e0}html[data-theme=dark] .cm-md-table{background:#22252e}html[data-theme=dark] .cm-md-table th{background:#2a2d3a;color:#d6d9e0}html[data-theme=dark] .cm-md-table td{border-color:#3a3d4a}html[data-theme=dark] .cm-editor .cm-h2-line{background:#26324e;color:#cdd6e6}html[data-theme=dark] .cm-editor .cm-h3-line{background:#262a35;color:#cdd6e6}html[data-theme=dark] .cm-editor .cm-blockquote-line{background:#262a35;border-color:#3a3d4a}html[data-fontsize=s] .cm-editor{font-size:14px}html[data-fontsize=l] .cm-editor{font-size:18px}.btn-ico{display:inline-flex;align-items:center}.btn-ico svg{width:13px;height:13px}#sidebar-actions button{display:inline-flex;align-items:center;gap:4px}.cm-md-link{cursor:pointer}.cm-md-link:hover{text-decoration:underline}.target-icon,.ctx-icon{display:inline-flex;vertical-align:-2px}.target-icon svg,.ctx-icon svg{width:12px;height:12px}#toggle-ai{font-size:12px;padding:3px 10px;border:1px solid var(--sidebar-border);background:#fff;border-radius:6px;cursor:pointer}#toggle-ai:hover{background:#eef1f5}#ai-panel{width:460px;min-width:300px;display:flex;flex-direction:column;border-left:1px solid var(--sidebar-border);background:#1e1e2e}#ai-panel.hidden{display:none}#ai-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#181825;color:#cdd0d8;font-size:12px;border-bottom:1px solid #2a2a3a}#ai-actions{display:flex;gap:6px}#ai-actions button{font-size:11px;padding:3px 10px;border:1px solid #3a3a4a;background:#2a2a3a;color:#e4e6eb;border-radius:5px;cursor:pointer}#ai-actions button:hover{background:#3a3a4a}#terminal{flex:1;overflow:hidden;padding:6px}.cm-link-card{display:flex;gap:12px;max-width:640px;margin:8px 0;border:1px solid #dfe3e8;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .15s,border-color .15s}.cm-link-card:hover{border-color:#b8c0cc;box-shadow:0 2px 8px #00000014}.cm-link-card.is-loading,.cm-link-card.is-failed{padding:8px 12px;font-size:12px;color:#9aa2ae;display:block}.cm-link-card-img{width:140px;height:100px;object-fit:cover;flex-shrink:0;background:#f0f2f5}.cm-link-card-body{padding:10px 12px;min-width:0}.cm-link-card-site{font-size:11px;color:#8a94a6;margin-bottom:3px}.cm-link-card-title{font-size:14px;font-weight:700;color:#1a1a2e;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cm-link-card-desc{font-size:12px;color:#5a6472;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#editor-wrap{flex:1;position:relative;min-height:0}#editor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}#editor-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#ffffffb8;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}#editor-loading.hidden{display:none}#image-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px;background:#f3f4f6}#image-preview.hidden{display:none}#image-preview img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 20px #00000026;background:#fff}.loader-spinner{width:40px;height:40px;border:4px solid #d7dce4;border-top-color:#2c3e6b;border-radius:50%;animation:tree-spin .8s linear infinite}.loader-text{font-size:13px;color:#5a6472;letter-spacing:.05em}.cm-editor{height:100%;font-size:16px;line-height:1.7}.cm-editor.cm-focused{outline:none}.cm-scroller{padding:24px 32px;font-family:-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}.cm-content{max-width:820px;margin:0 auto;caret-color:#e74c3c}.cm-activeLine{background:#00000008}.cm-editor .cm-h1-line{font-size:1.9em;font-weight:700;color:#fff;background:#2c3e6b;border-radius:5px;padding-top:4px;padding-bottom:4px}.cm-editor .cm-h2-line{font-size:1.55em;font-weight:700;color:#1b3a63;background:#e6eefb;border-left:4px solid #2c3e6b;border-radius:4px;padding-top:2px;padding-bottom:2px}.cm-editor .cm-h3-line{font-size:1.3em;font-weight:700;color:#1b3a63;background:#eef2f7;border-left:3px solid #3f6fb0;border-radius:3px;padding:1px 0 1px 6px}.cm-editor .cm-h4-line{font-size:1.15em;font-weight:700;color:#2c5a8a;border-left:3px solid #8aa9cf;padding:0 0 0 6px}.cm-editor .cm-h5-line{font-size:1.05em;font-weight:700;color:#3a6ea5}.cm-editor .cm-h6-line{font-size:1em;font-weight:700;color:#7a869a;letter-spacing:.04em}.cm-md-table{border-collapse:collapse;margin:8px 0;font-size:.95em;background:#fff}.cm-md-table th,.cm-md-table td{border:1px solid #d0d7de;padding:5px 12px;vertical-align:top}.cm-md-table th{background:#eef2f6;font-weight:700;text-align:left}.cm-md-table tr:nth-child(2n) td{background:#fafbfc}.cm-md-table code{background:#eef0f2;padding:0 4px;border-radius:3px;font-family:SF Mono,Menlo,monospace;font-size:.9em}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:#00000059}.upload-card{width:460px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:22px 22px 18px;box-shadow:0 12px 40px #0000004d}.upload-card h2{margin:0 0 8px;font-size:17px}.upload-desc{margin:0 0 12px;font-size:13px;color:#5a6472;line-height:1.6}.upload-list{flex:1;overflow:auto;border:1px solid #e6e9ee;border-radius:8px;padding:6px;font-size:12px;font-family:SF Mono,Menlo,monospace;color:#3a4452}.upload-row{padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-more{color:#9aa2ae}.upload-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.upload-actions button{padding:8px 16px;font-size:13px;font-weight:700;border-radius:7px;cursor:pointer}.upload-cancel{border:1px solid #cfd6df;background:#fff;color:#5a6472}.upload-ok{border:none;background:#2c3e6b;color:#fff}.confirm-card{width:360px;max-width:90vw;background:#fff;border-radius:12px;padding:22px;box-shadow:0 12px 40px #0000004d}.confirm-msg{font-size:14px;line-height:1.6;color:#2c3e50;margin-bottom:16px}.link-menu{position:fixed;z-index:2000;width:320px;max-width:90vw;background:#fff;border:1px solid #d8dde5;border-radius:8px;box-shadow:0 8px 28px #0003;padding:6px;font-size:13px}.link-menu-head{padding:6px 10px 8px;font-size:11px;font-weight:700;color:#8a94a6}.link-menu-item{padding:9px 12px;border-radius:6px;cursor:pointer}.link-menu-item:hover{background:#eef2f7}.link-menu-input{width:100%;box-sizing:border-box;padding:8px 10px;margin:2px 0 8px;font-size:13px;border:1px solid #cfd6df;border-radius:6px;outline:none}.link-menu-input:focus{border-color:#2c3e6b}.link-menu-ok{width:100%;padding:8px;font-size:13px;font-weight:700;color:#fff;background:#2c3e6b;border:none;border-radius:6px;cursor:pointer}.link-menu-list{max-height:260px;overflow:auto}.link-menu-file{padding:7px 10px;border-radius:5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-menu-file:hover{background:#eef2f7}.cm-editor .cm-hr-line{color:transparent;background-image:linear-gradient(#d0d7de,#d0d7de);background-size:100% 2px;background-position:left center;background-repeat:no-repeat}.cm-editor .cm-hr-line.cm-activeLine{color:#b0b6bf;background-image:none}.cm-code-block{background:#f6f8fa;font-family:SF Mono,Menlo,monospace;font-size:.92em}.cm-code-block-first{border-top-left-radius:6px;border-top-right-radius:6px;padding-top:4px}.cm-code-block-last{border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-bottom:4px}.cm-editor .cm-list-nested{font-weight:700}.cm-editor .cm-list-depth-1{color:#2980b9!important}.cm-editor .cm-list-depth-2{color:#8e44ad!important}.cm-editor .cm-list-depth-3{color:#16a085!important}.cm-editor .cm-list-depth-4{color:#d35400!important}.cm-editor .cm-list-line-depth-1{color:#2980b9}.cm-editor .cm-list-line-depth-2{color:#8e44ad}.cm-editor .cm-list-line-depth-3{color:#16a085}.cm-editor .cm-list-line-depth-4{color:#d35400}.cm-task-checkbox{margin:0 6px 0 0;vertical-align:baseline;cursor:pointer;width:15px;height:15px;accent-color:#2c3e6b}.cm-editor .cm-task-done{text-decoration:line-through;text-decoration-color:#b6bcc6;color:#9aa2ae}.cm-editor .cm-blockquote-line{border-left:3px solid #cbd3dd;background:#f7f9fb;padding-left:10px}.cm-footnote-ref{color:#2980b9;font-size:.72em;vertical-align:super;font-weight:700}.cm-footnote-def{color:#2980b9;font-weight:700}.cm-md-image{padding:6px 0;margin:4px 0;cursor:pointer}.cm-md-image img{max-width:100%;max-height:480px;border-radius:6px;border:1px solid #e6e9ee;display:block}.cm-md-image.is-error{color:#c0392b;font-size:12px;font-family:SF Mono,Menlo,monospace}.cm-mermaid{display:flex;justify-content:center;padding:12px;margin:8px 0;background:#fbfcfd;border:1px solid #e6e9ee;border-radius:8px;cursor:pointer;overflow:auto}.cm-mermaid.is-error{display:block;color:#c0392b;font-family:SF Mono,Menlo,monospace;font-size:12px;background:#fdf0ef;border-color:#f0c9c4}.cm-mermaid svg{max-width:100%;height:auto}.cm-inline-code{color:#1a7f37!important;font-family:SF Mono,Menlo,monospace}body,.cm-scroller{font-family:-apple-system,Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-synthesis:weight}