.header[data-v-7634a9e7]{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-7634a9e7],.header-right[data-v-7634a9e7]{display:flex;align-items:center;gap:8px;min-width:180px}.header-right[data-v-7634a9e7]{justify-content:flex-end}.header-center[data-v-7634a9e7]{flex:1;display:flex;justify-content:center}.logo[data-v-7634a9e7]{display:flex;align-items:center;gap:8px;margin-left:8px}.logo-icon[data-v-7634a9e7]{font-size:20px;color:var(--accent)}.logo-text[data-v-7634a9e7]{font-family:var(--font-mono);font-weight:600;font-size:15px;letter-spacing:-.5px;color:var(--text-primary)}.icon-btn[data-v-7634a9e7]{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-7634a9e7]:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.active[data-v-7634a9e7]{background:var(--bg-tertiary);color:var(--accent)}.new-btn[data-v-7634a9e7]:hover{color:var(--accent)}.document-info[data-v-7634a9e7]{display:flex;align-items:center;gap:10px}.document-title[data-v-7634a9e7]{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-7634a9e7]{font-size:12px;font-weight:600;transition:color .2s ease}.status-saved[data-v-7634a9e7]{color:var(--success)}.status-saving[data-v-7634a9e7]{color:var(--text-muted);animation:pulse 1s infinite}.status-unsaved[data-v-7634a9e7]{color:var(--accent)}.sidebar[data-v-10053226]{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-10053226]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.sidebar-title[data-v-10053226]{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.new-doc-btn[data-v-10053226]{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-10053226]:hover{background:var(--bg-hover);color:var(--accent)}.doc-list[data-v-10053226]{flex:1;overflow-y:auto;padding:8px}.doc-item[data-v-10053226]{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-10053226]:hover{background:var(--bg-hover)}.doc-item.active[data-v-10053226]{background:var(--bg-tertiary)}.doc-item.active .doc-icon[data-v-10053226]{color:var(--accent)}.doc-icon[data-v-10053226]{color:var(--text-muted);flex-shrink:0}.doc-info[data-v-10053226]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.doc-title[data-v-10053226]{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-date[data-v-10053226]{font-size:11px;color:var(--text-muted)}.doc-delete[data-v-10053226]{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-10053226]{opacity:1}.doc-delete[data-v-10053226]:hover{background:var(--danger);color:#fff}.empty-state[data-v-10053226]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state p[data-v-10053226]{font-size:13px;color:var(--text-muted);margin-bottom:16px}.create-first-btn[data-v-10053226]{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-10053226]:hover{background:var(--accent);color:var(--bg-primary)}.sidebar-footer[data-v-10053226]{padding:12px 16px;border-top:1px solid var(--border)}.storage-info[data-v-10053226]{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.list-enter-active[data-v-10053226],.list-leave-active[data-v-10053226]{transition:all .3s ease}.list-enter-from[data-v-10053226]{opacity:0;transform:translate(-20px)}.list-leave-to[data-v-10053226]{opacity:0;transform:translate(20px)}.list-move[data-v-10053226]{transition:transform .3s ease}.editor-container[data-v-753b294c]{flex:1;position:relative;overflow:hidden;background:var(--bg-primary)}.editor-wrapper[data-v-753b294c]{position:relative;z-index:1;height:100%;display:flex}.line-numbers[data-v-753b294c]{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-753b294c]{height:26px;line-height:26px;padding-right:16px;text-align:right;font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.editor-textarea[data-v-753b294c]{flex:1;width:100%;height:100%;padding:24px 32px 24px 24px;font-family:var(--font-mono);font-size:14px;line-height:26px;color:var(--text-primary);background:transparent;resize:none;overflow-y:auto}.editor-textarea[data-v-753b294c]::placeholder{color:var(--text-muted);font-style:italic}.editor-bg-pattern[data-v-753b294c]{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-753b294c]:focus{outline:none}.status-bar[data-v-110b2e09]{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-110b2e09],.status-right[data-v-110b2e09]{display:flex;align-items:center;gap:8px;min-width:200px}.status-right[data-v-110b2e09]{justify-content:flex-end}.status-center[data-v-110b2e09]{flex:1;display:flex;justify-content:center}.stat[data-v-110b2e09]{display:flex;align-items:center;gap:4px}.stat-value[data-v-110b2e09]{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.stat-label[data-v-110b2e09]{color:var(--text-muted)}.divider[data-v-110b2e09]{color:var(--border)}.shortcuts-hint[data-v-110b2e09]{display:flex;align-items:center;gap:8px;color:var(--text-muted)}kbd[data-v-110b2e09]{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-110b2e09]{color:var(--border)}.save-indicator[data-v-110b2e09]{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.indicator-dot[data-v-110b2e09]{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .2s ease}.save-indicator.saved .indicator-dot[data-v-110b2e09]{background:var(--success)}.save-indicator.saving .indicator-dot[data-v-110b2e09]{background:var(--text-muted);animation:pulse 1s infinite}.save-indicator.unsaved .indicator-dot[data-v-110b2e09]{background:var(--accent)}@media (max-width: 768px){.status-center[data-v-110b2e09]{display:none}}.app-container[data-v-7417566e]{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.main-content[data-v-7417566e]{flex:1;display:flex;overflow:hidden}.sidebar-enter-active[data-v-7417566e],.sidebar-leave-active[data-v-7417566e]{transition:all .25s ease}.sidebar-enter-from[data-v-7417566e],.sidebar-leave-to[data-v-7417566e]{opacity:0;transform:translate(-20px);width:0!important;min-width:0!important;padding:0!important}:root{--bg-primary: #0d0d14;--bg-secondary: #16161f;--bg-tertiary: #1e1e2a;--bg-hover: #252533;--text-primary: #e8e6e3;--text-secondary: #8a8a9a;--text-muted: #5a5a6a;--accent: #eab308;--accent-dim: #ca9a06;--border: #2a2a3a;--success: #22c55e;--danger: #ef4444;--font-mono: "IBM Plex Mono", "Menlo", monospace;--font-sans: "Noto Sans JP", -apple-system, 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);-webkit-font-smoothing:antialiased}#app{height:100%;display:flex;flex-direction:column}::selection{background:var(--accent);color:var(--bg-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}}