.container[data-v-4d8e8ec9]{max-width:1400px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;height:100vh;display:flex;flex-direction:column}h1[data-v-4d8e8ec9]{color:#2c3e50;text-align:center;margin-bottom:20px}.fetch-btn[data-v-4d8e8ec9]{display:block;margin:0 auto 20px;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.fetch-btn[data-v-4d8e8ec9]:hover:not(:disabled){background-color:#2980b9}.fetch-btn[data-v-4d8e8ec9]:disabled{background-color:#bdc3c7;cursor:not-allowed}.loading[data-v-4d8e8ec9]{text-align:center;padding:40px;font-size:18px;color:#7f8c8d}.error[data-v-4d8e8ec9]{background-color:#e74c3c;color:#fff;padding:20px;border-radius:4px;margin:20px 0;text-align:center}.no-data[data-v-4d8e8ec9]{text-align:center;padding:40px;font-size:18px;color:#7f8c8d}.three-column-layout[data-v-4d8e8ec9]{display:flex;flex:1;gap:20px;height:calc(100vh - 500px);min-height:1000px;position:relative}.title-list-column[data-v-4d8e8ec9]{flex:0 0 300px;border:1px solid #ddd;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.title-list-column h3[data-v-4d8e8ec9]{background-color:#f8f9fa;margin:0;padding:15px;border-bottom:1px solid #ddd;color:#2c3e50}.title-list[data-v-4d8e8ec9]{flex:1;overflow-y:auto}.title-item[data-v-4d8e8ec9]{padding:12px 15px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.title-item[data-v-4d8e8ec9]:hover{background-color:#f8f9fa}.title-item.active[data-v-4d8e8ec9]{background-color:green;color:#fff}.title-item .title[data-v-4d8e8ec9]{font-weight:700;margin-bottom:5px;font-size:14px;text-align:left}.title-item .title-edit[data-v-4d8e8ec9]{margin-bottom:5px}.title-input[data-v-4d8e8ec9]{width:100%;border:1px solid #3498db;border-radius:3px;padding:4px 6px;font-size:14px;font-weight:700;background-color:#fff;outline:none;box-shadow:0 0 3px rgba(52,152,219,.3)}.title-input[data-v-4d8e8ec9]:focus{border-color:#2980b9;box-shadow:0 0 5px rgba(52,152,219,.5)}.title-item .meta[data-v-4d8e8ec9]{font-size:12px;color:#7f8c8d;text-align:left}.title-item.active .meta[data-v-4d8e8ec9]{color:#ecf0f1}.markdown-column[data-v-4d8e8ec9]{flex:1;border:1px solid #ddd;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.markdown-header[data-v-4d8e8ec9]{background-color:#f8f9fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:15px}.markdown-header h3[data-v-4d8e8ec9]{margin:0;color:#2c3e50}.toolbar[data-v-4d8e8ec9]{display:flex;gap:8px}.toolbar-bold[data-v-4d8e8ec9]{padding:6px 12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s}.toolbar-bold[data-v-4d8e8ec9]:hover:not(:disabled){background-color:#2980b9}.toolbar-bold[data-v-4d8e8ec9]:disabled{background-color:#bdc3c7;cursor:not-allowed}.toolbar-copy-bold[data-v-4d8e8ec9]{padding:6px 12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s}.toolbar-copy-bold[data-v-4d8e8ec9]:hover:not(:disabled){background-color:#2980b9}.toolbar-copy-bold[data-v-4d8e8ec9]:disabled{background-color:#bdc3c7;cursor:not-allowed}.toolbar-upload[data-v-4d8e8ec9]{padding:6px 12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s}.toolbar-upload[data-v-4d8e8ec9]:hover:not(:disabled){background-color:#2980b9}.toolbar-upload[data-v-4d8e8ec9]:disabled{background-color:#bdc3c7;cursor:not-allowed}.markdown-area[data-v-4d8e8ec9]{flex:1;overflow:hidden;display:flex;flex-direction:column}.editor-container[data-v-4d8e8ec9]{flex:1;display:flex;flex-direction:column;height:100%}.editor-toggle[data-v-4d8e8ec9]{display:flex;border-bottom:1px solid #ddd;background-color:#f8f9fa}.toggle-btn[data-v-4d8e8ec9]{padding:10px 20px;border:none;background-color:transparent;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-size:14px}.toggle-btn[data-v-4d8e8ec9]:hover{background-color:#e9ecef}.toggle-btn.active[data-v-4d8e8ec9]{background-color:#fff;border-bottom-color:#3498db;color:#3498db;font-weight:700}.markdown-editor[data-v-4d8e8ec9]{flex:1;border:none;outline:none;padding:15px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;resize:none;background-color:#fafafa}.markdown-editor[data-v-4d8e8ec9]:focus{background-color:#fff}.markdown-content[data-v-4d8e8ec9]{flex:1;padding:15px;overflow-y:auto;line-height:1.6;-webkit-user-select:text;-moz-user-select:text;user-select:text;background-color:#fff;text-align:left}.markdown-content[data-v-4d8e8ec9]::-moz-selection{background-color:#3498db;color:#fff}.markdown-content[data-v-4d8e8ec9]::selection{background-color:#3498db;color:#fff}.markdown-content h1[data-v-4d8e8ec9],.markdown-content h2[data-v-4d8e8ec9],.markdown-content h3[data-v-4d8e8ec9],.markdown-content h4[data-v-4d8e8ec9],.markdown-content h5[data-v-4d8e8ec9],.markdown-content h6[data-v-4d8e8ec9]{color:#2c3e50;margin-top:20px;margin-bottom:10px}.markdown-content p[data-v-4d8e8ec9]{margin-bottom:15px}.markdown-content code[data-v-4d8e8ec9]{background-color:#f8f9fa;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace}.markdown-content pre[data-v-4d8e8ec9]{background-color:#f8f9fa;padding:15px;border-radius:4px;overflow-x:auto;border:1px solid #e9ecef}.markdown-content blockquote[data-v-4d8e8ec9]{border-left:4px solid #3498db;padding-left:15px;margin:15px 0;color:#7f8c8d}.markdown-content ol[data-v-4d8e8ec9],.markdown-content ul[data-v-4d8e8ec9]{padding-left:20px;margin-bottom:15px}.markdown-content table[data-v-4d8e8ec9]{border-collapse:collapse;width:100%;margin-bottom:15px}.markdown-content td[data-v-4d8e8ec9],.markdown-content th[data-v-4d8e8ec9]{border:1px solid #ddd;padding:8px;text-align:left}.markdown-content th[data-v-4d8e8ec9]{background-color:#f8f9fa}.no-selection[data-v-4d8e8ec9]{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#7f8c8d;font-style:italic;padding:40px 20px}.title-list-header[data-v-4d8e8ec9]{display:flex;justify-content:space-between;align-items:center}.toggle-title-list-btn[data-v-4d8e8ec9]{background:none;border:none;cursor:pointer;font-size:16px;padding:0 10px}.expand-title-list-btn[data-v-4d8e8ec9]{position:absolute;top:10px;left:10px;z-index:1000;padding:5px 10px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.title-list-column.hidden[data-v-4d8e8ec9]{flex:0 0 0!important;width:0;overflow:hidden;border:none}.markdown-column.expanded[data-v-4d8e8ec9]{flex:1 0 100%}.login-container[data-v-4d8e8ec9]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa}.login-form[data-v-4d8e8ec9]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;max-width:400px}.login-form h1[data-v-4d8e8ec9]{text-align:center;margin-bottom:30px;color:#2c3e50}.form-group[data-v-4d8e8ec9]{margin-bottom:20px}.form-group label[data-v-4d8e8ec9]{display:block;margin-bottom:5px;color:#2c3e50;font-weight:700}.form-input[data-v-4d8e8ec9]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-input[data-v-4d8e8ec9]:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,.3)}.login-btn[data-v-4d8e8ec9]{width:100%;padding:12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.login-btn[data-v-4d8e8ec9]:hover:not(:disabled){background-color:#2980b9}.login-btn[data-v-4d8e8ec9]:disabled{background-color:#bdc3c7;cursor:not-allowed}.login-error[data-v-4d8e8ec9]{margin-top:15px;padding:10px;background-color:#e74c3c;color:#fff;border-radius:4px;text-align:center}.header[data-v-4d8e8ec9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logout-btn[data-v-4d8e8ec9]{padding:8px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.logout-btn[data-v-4d8e8ec9]:hover{background-color:#c0392b}@media (max-width:1200px){.three-column-layout[data-v-4d8e8ec9]{flex-direction:column;height:auto}.title-list-column[data-v-4d8e8ec9]{flex:none;height:200px}.content-column[data-v-4d8e8ec9],.markdown-column[data-v-4d8e8ec9]{flex:none;height:400px}}@media (max-width:480px){.login-form[data-v-4d8e8ec9]{padding:20px;margin:20px}.header[data-v-4d8e8ec9]{flex-direction:column;gap:10px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}