.header[data-v-36929a81]{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.header-left[data-v-36929a81],.header-right[data-v-36929a81]{display:flex;align-items:center;gap:8px;min-width:180px}.header-right[data-v-36929a81]{justify-content:flex-end}.header-center[data-v-36929a81]{flex:1;display:flex;justify-content:center}.logo[data-v-36929a81]{display:flex;align-items:center;gap:8px;margin-left:8px}.logo-icon[data-v-36929a81]{font-size:20px;color:var(--accent)}.logo-text[data-v-36929a81]{font-family:var(--font-mono);font-weight:600;font-size:15px;letter-spacing:-.5px;color:var(--text-primary)}.icon-btn[data-v-36929a81]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--text-secondary);transition:all .15s ease}.icon-btn[data-v-36929a81]:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.active[data-v-36929a81]{background:var(--bg-tertiary);color:var(--accent)}.icon-btn[data-v-36929a81]:disabled{opacity:.35;pointer-events:none}.view-mode-group[data-v-36929a81]{display:flex;gap:2px;padding-right:8px;margin-right:4px;border-right:1px solid var(--border)}.new-btn[data-v-36929a81]:hover{color:var(--accent)}.document-info[data-v-36929a81]{display:flex;align-items:center;gap:10px}.document-title[data-v-36929a81]{font-size:14px;font-weight:500;color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-status[data-v-36929a81]{font-size:12px;font-weight:600;transition:color .2s ease}.status-saved[data-v-36929a81]{color:var(--success)}.status-saving[data-v-36929a81]{color:var(--text-muted);animation:pulse 1s infinite}.status-unsaved[data-v-36929a81]{color:var(--accent)}.status-error[data-v-36929a81]{color:var(--danger)}.sidebar[data-v-7217db4a]{width:260px;min-width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header[data-v-7217db4a]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.sidebar-title[data-v-7217db4a]{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.new-doc-btn[data-v-7217db4a]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--text-secondary);transition:all .15s ease}.new-doc-btn[data-v-7217db4a]:hover{background:var(--bg-hover);color:var(--accent)}.doc-list[data-v-7217db4a]{flex:1;overflow-y:auto;padding:8px}.doc-item[data-v-7217db4a]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;text-align:left;transition:all .15s ease;margin-bottom:4px}.doc-item[data-v-7217db4a]:hover{background:var(--bg-hover)}.doc-item.active[data-v-7217db4a]{background:var(--bg-tertiary)}.doc-item.active .doc-icon[data-v-7217db4a]{color:var(--accent)}.doc-icon[data-v-7217db4a]{color:var(--text-muted);flex-shrink:0}.doc-info[data-v-7217db4a]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.doc-title[data-v-7217db4a]{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-date[data-v-7217db4a]{font-size:11px;color:var(--text-muted)}.doc-delete[data-v-7217db4a]{opacity:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--text-muted);transition:all .15s ease;flex-shrink:0}.doc-item:hover .doc-delete[data-v-7217db4a]{opacity:1}.doc-delete[data-v-7217db4a]:hover{background:var(--danger);color:#fff}.empty-state[data-v-7217db4a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state p[data-v-7217db4a]{font-size:13px;color:var(--text-muted);margin-bottom:16px}.create-first-btn[data-v-7217db4a]{font-size:13px;font-weight:500;color:var(--accent);padding:8px 16px;border:1px solid var(--accent);border-radius:6px;transition:all .15s ease}.create-first-btn[data-v-7217db4a]:hover{background:var(--accent);color:var(--bg-primary)}.sidebar-footer[data-v-7217db4a]{padding:12px 16px;border-top:1px solid var(--border)}.storage-info[data-v-7217db4a]{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.list-enter-active[data-v-7217db4a],.list-leave-active[data-v-7217db4a]{transition:all .3s ease}.list-enter-from[data-v-7217db4a]{opacity:0;transform:translate(-20px)}.list-leave-to[data-v-7217db4a]{opacity:0;transform:translate(20px)}.list-move[data-v-7217db4a]{transition:transform .3s ease}.editor-container[data-v-03370349]{flex:1;min-width:0;position:relative;overflow:hidden;background:var(--bg-primary)}.editor-wrapper[data-v-03370349]{position:relative;z-index:1;height:100%;display:flex}.line-numbers[data-v-03370349]{width:60px;padding:24px 0;background:var(--bg-secondary);border-right:1px solid var(--border);overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.line-number[data-v-03370349]{height:28px;line-height:28px;padding-right:16px;text-align:right;font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.editor-content-wrapper[data-v-03370349]{flex:1;position:relative}.editor-textarea[data-v-03370349]{width:100%;height:100%;padding:24px 32px 24px 24px;font-family:var(--font-editor);font-size:16px;line-height:28px;color:var(--text-primary);background:transparent;resize:none;overflow-y:auto;position:relative;z-index:1}.editor-textarea.whitespace-visible[data-v-03370349]{color:transparent;caret-color:var(--text-primary)}.editor-textarea[data-v-03370349]::placeholder{color:var(--text-muted)}.whitespace-overlay[data-v-03370349]{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px 32px 24px 24px;font-family:var(--font-editor);font-size:16px;line-height:28px;color:var(--text-primary);overflow-y:auto;pointer-events:none;white-space:pre-wrap;word-wrap:break-word;z-index:0}.whitespace-overlay[data-v-03370349] .ws-space,.whitespace-overlay[data-v-03370349] .ws-fullwidth-space,.whitespace-overlay[data-v-03370349] .ws-tab{position:relative}.whitespace-overlay[data-v-03370349] .ws-space:before,.whitespace-overlay[data-v-03370349] .ws-fullwidth-space:before,.whitespace-overlay[data-v-03370349] .ws-tab:before{position:absolute;left:0;right:0;text-align:center;font-weight:600}.whitespace-overlay[data-v-03370349] .ws-space:before{content:"·";color:#4f46e5}.whitespace-overlay[data-v-03370349] .ws-fullwidth-space:before{content:"□";color:#db2777}.whitespace-overlay[data-v-03370349] .ws-tab:before{content:"→";text-align:left;color:#059669}.editor-bg-pattern[data-v-03370349]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.03;background-image:linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.editor-textarea[data-v-03370349]:focus{outline:none}.status-bar[data-v-27a0bd1c]{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 16px;background:var(--bg-tertiary);border-top:1px solid var(--border);font-size:11px;flex-shrink:0}.status-left[data-v-27a0bd1c],.status-right[data-v-27a0bd1c]{display:flex;align-items:center;gap:8px;min-width:200px}.status-right[data-v-27a0bd1c]{justify-content:flex-end}.status-center[data-v-27a0bd1c]{flex:1;display:flex;justify-content:center}.stat[data-v-27a0bd1c]{display:flex;align-items:center;gap:4px}.stat-value[data-v-27a0bd1c]{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.stat-label[data-v-27a0bd1c]{color:var(--text-muted)}.divider[data-v-27a0bd1c]{color:var(--border)}.shortcuts-hint[data-v-27a0bd1c]{display:flex;align-items:center;gap:8px;color:var(--text-muted)}kbd[data-v-27a0bd1c]{display:inline-block;padding:1px 5px;font-family:var(--font-mono);font-size:10px;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary)}.shortcut-divider[data-v-27a0bd1c]{color:var(--border)}.save-indicator[data-v-27a0bd1c]{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.indicator-dot[data-v-27a0bd1c]{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .2s ease}.save-indicator.saved .indicator-dot[data-v-27a0bd1c]{background:var(--success)}.save-indicator.saving .indicator-dot[data-v-27a0bd1c]{background:var(--text-muted);animation:pulse 1s infinite}.save-indicator.unsaved .indicator-dot[data-v-27a0bd1c]{background:var(--accent)}.save-indicator.error .indicator-dot[data-v-27a0bd1c]{background:var(--danger)}@media (max-width: 768px){.status-center[data-v-27a0bd1c]{display:none}}.preview-container[data-v-8c123929]{flex:1;min-width:0;height:100%;overflow-y:auto;padding:24px 32px;background:var(--bg-primary)}.preview-empty[data-v-8c123929]{color:var(--text-muted);font-family:var(--font-editor);font-size:15px}.markdown-body[data-v-8c123929]{max-width:820px;font-family:var(--font-editor);font-size:16px;line-height:1.75;color:var(--text-primary);word-wrap:break-word}.markdown-body[data-v-8c123929]>:first-child{margin-top:0}.markdown-body[data-v-8c123929] h1,.markdown-body[data-v-8c123929] h2,.markdown-body[data-v-8c123929] h3,.markdown-body[data-v-8c123929] h4,.markdown-body[data-v-8c123929] h5,.markdown-body[data-v-8c123929] h6{margin:1.6em 0 .6em;font-weight:700;line-height:1.35}.markdown-body[data-v-8c123929] h1{font-size:1.9em;padding-bottom:.3em;border-bottom:1px solid var(--border)}.markdown-body[data-v-8c123929] h2{font-size:1.5em;padding-bottom:.25em;border-bottom:1px solid var(--border)}.markdown-body[data-v-8c123929] h3{font-size:1.25em}.markdown-body[data-v-8c123929] h4{font-size:1.1em}.markdown-body[data-v-8c123929] h5,.markdown-body[data-v-8c123929] h6{font-size:1em;color:var(--text-secondary)}.markdown-body[data-v-8c123929] p,.markdown-body[data-v-8c123929] ul,.markdown-body[data-v-8c123929] ol,.markdown-body[data-v-8c123929] blockquote,.markdown-body[data-v-8c123929] pre,.markdown-body[data-v-8c123929] table{margin:0 0 1em}.markdown-body[data-v-8c123929] ul,.markdown-body[data-v-8c123929] ol{padding-left:1.8em}.markdown-body[data-v-8c123929] li+li{margin-top:.25em}.markdown-body[data-v-8c123929] li>ul,.markdown-body[data-v-8c123929] li>ol{margin:.25em 0 0}.markdown-body[data-v-8c123929] a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.markdown-body[data-v-8c123929] blockquote{padding:.2em 1em;color:var(--text-secondary);border-left:4px solid var(--border)}.markdown-body[data-v-8c123929] code{padding:.15em .4em;font-family:var(--font-mono);font-size:.88em;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px}.markdown-body[data-v-8c123929] pre{padding:14px 16px;overflow-x:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;line-height:1.5}.markdown-body[data-v-8c123929] pre code{padding:0;background:none;border:none;font-size:.85em}.markdown-body[data-v-8c123929] table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.markdown-body[data-v-8c123929] th,.markdown-body[data-v-8c123929] td{padding:6px 12px;border:1px solid var(--border)}.markdown-body[data-v-8c123929] th{font-weight:600;background:var(--bg-secondary)}.markdown-body[data-v-8c123929] hr{margin:1.5em 0;border:none;border-top:1px solid var(--border)}.markdown-body[data-v-8c123929] img{max-width:100%}.markdown-body[data-v-8c123929] input[type=checkbox]{margin-right:.4em}.app-container[data-v-a3347a5b]{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.main-content[data-v-a3347a5b]{flex:1;display:flex;overflow:hidden}.workspace[data-v-a3347a5b]{flex:1;min-width:0;display:flex}.workspace.mode-split[data-v-a3347a5b]>*{flex:1 1 0}.workspace.mode-split[data-v-a3347a5b]>:last-child{border-left:1px solid var(--border)}.sidebar-enter-active[data-v-a3347a5b],.sidebar-leave-active[data-v-a3347a5b]{transition:all .25s ease}.sidebar-enter-from[data-v-a3347a5b],.sidebar-leave-to[data-v-a3347a5b]{opacity:0;transform:translate(-20px);width:0!important;min-width:0!important;padding:0!important}:root{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f7f7f8;--bg-tertiary: #efeff2;--bg-hover: #e8e8ec;--text-primary: #1f1f24;--text-secondary: #55555f;--text-muted: #8b8b96;--accent: #b45309;--accent-dim: #92400e;--border: #e2e2e7;--success: #15803d;--danger: #dc2626;--font-mono: "IBM Plex Mono", "Menlo", monospace;--font-sans: "Noto Sans JP", -apple-system, sans-serif;--font-editor: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Meiryo", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans)}#app{height:100%;display:flex;flex-direction:column}::selection{background:#fde68a;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;border:none;background:none;color:inherit;outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}