.markdown-notes-container{height:100vh;display:flex;flex-direction:column;background:var(--teb-canvas);transition:all .3s ease}.markdown-notes-container.dark-mode{background:#0f172a;color:var(--teb-hairline)}.notes-layout{display:flex;flex:1;overflow:hidden}.notes-sidebar{background:var(--teb-surface);border-right:1px solid var(--teb-hairline);transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.notes-sidebar.collapsed .collapsed-sidebar{display:flex;flex-direction:column;align-items:center;padding:16px 8px;gap:12px}.notes-sidebar.collapsed .collapsed-sidebar .collapsed-btn{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notes-sidebar.collapsed .collapsed-sidebar .collapsed-btn:hover{background:#f1f5f9;transform:scale(1.05)}.notes-sidebar.dark{background:#1e293b;border-color:#334155;color:var(--teb-hairline)}.sidebar-content{height:100%;display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid var(--teb-hairline);display:flex;align-items:center;justify-content:space-between}.sidebar-header .header-main{display:flex;align-items:center;gap:12px}.sidebar-header .new-note-btn{background:var(--teb-primary);color:#fff;border:none;border-radius:8px;font-weight:500;transition:all .2s ease}.sidebar-header .new-note-btn:hover{background:#2563eb;transform:translateY(-1px)}.search-section{padding:16px 20px;border-bottom:1px solid var(--teb-hairline)}.search-section .search-input{border-radius:12px;border:2px solid var(--teb-hairline);transition:all .2s ease}.search-section .search-input:focus{border-color:var(--teb-primary);box-shadow:0 0 0 3px var(--teb-primary-tint)}.search-section .search-input:hover{border-color:#cbd5e1}.tag-filter-section{padding:16px 20px;border-bottom:1px solid var(--teb-hairline)}.tag-filter-section .tag-filter .ant-select-selector{border-radius:12px;border:2px solid var(--teb-hairline);transition:all .2s ease}.tag-filter-section .tag-filter .ant-select-selector:hover{border-color:#cbd5e1}.tag-filter-section .tag-filter.ant-select-focused .ant-select-selector{border-color:var(--teb-primary);box-shadow:0 0 0 3px var(--teb-primary-tint)}.notes-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.notes-list .empty-notes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.note-card{border-radius:12px;border:2px solid var(--teb-hairline);transition:all .2s ease;cursor:pointer;background:var(--teb-surface)}.note-card:hover{border-color:var(--teb-primary);transform:translateY(-2px);box-shadow:0 4px 12px #5b4bff26}.note-card.active{border-color:var(--teb-primary);background:#eff6ff;box-shadow:0 4px 12px #5b4bff33}.note-card .note-card-content{padding:16px}.note-card .note-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.note-card .note-card-header .delete-btn{opacity:0;transition:all .2s ease}.note-card:hover .delete-btn{opacity:1}.note-card .note-meta{margin-bottom:12px}.note-card .note-tags{display:flex;flex-wrap:wrap;gap:6px}.main-layout{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-toolbar{background:var(--teb-surface);border-bottom:1px solid var(--teb-hairline);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;min-height:72px;box-shadow:0 1px 3px #0000001a}.top-toolbar .toolbar-left{flex:1;display:flex;align-items:center;gap:16px}.top-toolbar .toolbar-left .mobile-menu-btn{display:none}.top-toolbar .toolbar-left .title-input{font-size:20px;font-weight:600;color:#1e293b;background:transparent;border:none;padding:8px 0}.top-toolbar .toolbar-left .title-input:focus{box-shadow:none}.top-toolbar .toolbar-center{display:flex;align-items:center;gap:8px}.top-toolbar .toolbar-right{display:flex;align-items:center;gap:16px}.top-toolbar .toolbar-right .stats{padding:8px 16px;background:#f1f5f9;border-radius:8px;border:1px solid var(--teb-hairline)}.content-area{flex:1;overflow:hidden;background:var(--teb-canvas)}.editor-container{height:100%;display:flex;flex-direction:column;padding:24px;gap:24px}.tags-section{background:var(--teb-surface);padding:16px 20px;border-radius:12px;border:1px solid var(--teb-hairline);box-shadow:0 1px 3px #0000001a}.editor-preview-container{flex:1;display:flex;gap:24px;min-height:0}.editor-section{display:flex;flex-direction:column;background:var(--teb-surface);border-radius:12px;border:1px solid var(--teb-hairline);box-shadow:0 1px 3px #0000001a;overflow:hidden}.editor-section.split-view,.editor-section.full-view{flex:1}.editor-section .section-header{padding:16px 20px;border-bottom:1px solid var(--teb-hairline);background:var(--teb-canvas);display:flex;align-items:center;justify-content:space-between}.editor-section .markdown-editor{flex:1;border:none;padding:20px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:14px;line-height:1.6;resize:none;background:var(--teb-surface)}.editor-section .markdown-editor:focus{box-shadow:none}.editor-section .markdown-editor::placeholder{color:#94a3b8}.preview-section{display:flex;flex-direction:column;background:var(--teb-surface);border-radius:12px;border:1px solid var(--teb-hairline);box-shadow:0 1px 3px #0000001a;overflow:hidden}.preview-section.split-view,.preview-section.full-view{flex:1}.preview-section .section-header{padding:16px 20px;border-bottom:1px solid var(--teb-hairline);background:var(--teb-canvas);display:flex;align-items:center;justify-content:space-between}.preview-section .preview-content{flex:1;overflow-y:auto;padding:20px}.toc-section{background:var(--teb-canvas);border:1px solid var(--teb-hairline);border-radius:8px;padding:16px;margin-bottom:24px}.toc-section .toc-list{list-style:none;padding:0;margin:12px 0 0}.toc-section .toc-list li{margin:6px 0}.toc-section .toc-list li a{color:var(--teb-primary);text-decoration:none;font-size:14px;transition:all .2s ease}.toc-section .toc-list li a:hover{color:#2563eb;text-decoration:underline}.markdown-preview{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;color:#1e293b}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin-top:32px;margin-bottom:16px;font-weight:600;line-height:1.25;color:#0f172a}.markdown-preview h1:first-child,.markdown-preview h2:first-child,.markdown-preview h3:first-child,.markdown-preview h4:first-child,.markdown-preview h5:first-child,.markdown-preview h6:first-child{margin-top:0}.markdown-preview h1{font-size:2.5em;border-bottom:2px solid var(--teb-hairline);padding-bottom:.3em}.markdown-preview h2{font-size:2em;border-bottom:1px solid var(--teb-hairline);padding-bottom:.3em}.markdown-preview h3{font-size:1.5em}.markdown-preview h4{font-size:1.25em}.markdown-preview h5{font-size:1em}.markdown-preview h6{font-size:.875em;color:#64748b}.markdown-preview p{margin-bottom:16px;line-height:1.7}.markdown-preview ul,.markdown-preview ol{margin-bottom:16px;padding-left:30px}.markdown-preview ul li,.markdown-preview ol li{margin-bottom:8px}.markdown-preview li.task-list-item{list-style:none;margin-left:-20px}.markdown-preview li.task-list-item input[type=checkbox]{margin-right:8px;transform:scale(1.2);accent-color:var(--teb-primary)}.markdown-preview blockquote{margin:24px 0;padding:16px 20px;background:var(--teb-canvas);border-left:4px solid var(--teb-primary);border-radius:0 8px 8px 0;color:#475569}.markdown-preview code{padding:4px 8px;font-size:85%;background:#f1f5f9;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;color:#dc2626}.markdown-preview pre{margin:24px 0;padding:20px;background:#0f172a;border-radius:12px;overflow-x:auto;font-size:14px;line-height:1.6}.markdown-preview pre code{background:transparent;padding:0;font-size:100%;color:var(--teb-hairline)}.markdown-preview table{border-collapse:collapse;margin:24px 0;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.markdown-preview table th,.markdown-preview table td{padding:12px 16px;border:1px solid var(--teb-hairline);text-align:left}.markdown-preview table th{background:var(--teb-canvas);font-weight:600;color:#0f172a}.markdown-preview table tr:nth-child(2n){background:var(--teb-canvas)}.markdown-preview hr{height:2px;margin:32px 0;background:linear-gradient(90deg,transparent,var(--teb-hairline),transparent);border:none}.markdown-preview a{color:var(--teb-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.markdown-preview a:hover{color:#2563eb;text-decoration:underline}.markdown-preview img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:16px 0}.markdown-preview strong{font-weight:600;color:#0f172a}.markdown-preview em{font-style:italic;color:#475569}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.empty-state .empty-content{text-align:center;max-width:500px}.template-modal .template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.template-modal .template-grid .template-card{border-radius:12px;border:2px solid var(--teb-hairline);transition:all .2s ease;cursor:pointer}.template-modal .template-grid .template-card:hover{border-color:var(--teb-primary);transform:translateY(-2px);box-shadow:0 4px 12px #5b4bff26}.template-modal .template-grid .template-card .template-content{padding:16px}.mobile-drawer .ant-drawer-body{padding:0}.fab-new-note{background:var(--teb-primary);border:none;box-shadow:0 4px 12px #3b82f64d}.fab-new-note:hover{background:#2563eb;transform:scale(1.1)}.markdown-notes-container.dark-mode .notes-sidebar{background:#1e293b;border-color:#334155}.markdown-notes-container.dark-mode .notes-sidebar .sidebar-header,.markdown-notes-container.dark-mode .notes-sidebar .search-section,.markdown-notes-container.dark-mode .notes-sidebar .tag-filter-section{border-color:#334155}.markdown-notes-container.dark-mode .notes-sidebar .note-card{background:#1e293b;border-color:#334155}.markdown-notes-container.dark-mode .notes-sidebar .note-card:hover{border-color:var(--teb-primary);background:#0f172a}.markdown-notes-container.dark-mode .notes-sidebar .note-card.active{background:#0f172a;border-color:var(--teb-primary)}.markdown-notes-container.dark-mode .top-toolbar{background:#1e293b;border-color:#334155}.markdown-notes-container.dark-mode .top-toolbar .title-input{color:var(--teb-hairline)}.markdown-notes-container.dark-mode .top-toolbar .stats{background:#0f172a;border-color:#334155}.markdown-notes-container.dark-mode .content-area{background:#0f172a}.markdown-notes-container.dark-mode .editor-container .tags-section,.markdown-notes-container.dark-mode .editor-container .editor-section{background:#1e293b;border-color:#334155}.markdown-notes-container.dark-mode .editor-container .editor-section .section-header{background:#0f172a;border-color:#334155}.markdown-notes-container.dark-mode .editor-container .editor-section .markdown-editor{background:#1e293b;color:var(--teb-hairline)}.markdown-notes-container.dark-mode .editor-container .editor-section .markdown-editor::placeholder{color:#64748b}.markdown-notes-container.dark-mode .editor-container .preview-section{background:#1e293b;border-color:#334155}.markdown-notes-container.dark-mode .editor-container .preview-section .section-header,.markdown-notes-container.dark-mode .toc-section{background:#0f172a;border-color:#334155}.markdown-notes-container.dark-mode .markdown-preview{color:var(--teb-hairline)}.markdown-notes-container.dark-mode .markdown-preview h1,.markdown-notes-container.dark-mode .markdown-preview h2,.markdown-notes-container.dark-mode .markdown-preview h3,.markdown-notes-container.dark-mode .markdown-preview h4,.markdown-notes-container.dark-mode .markdown-preview h5,.markdown-notes-container.dark-mode .markdown-preview h6{color:#f1f5f9}.markdown-notes-container.dark-mode .markdown-preview blockquote{background:#1e293b;border-color:var(--teb-primary);color:#cbd5e1}.markdown-notes-container.dark-mode .markdown-preview code{background:#0f172a;color:#f87171}.markdown-notes-container.dark-mode .markdown-preview table th,.markdown-notes-container.dark-mode .markdown-preview table td{border-color:#334155;color:var(--teb-hairline)}.markdown-notes-container.dark-mode .markdown-preview table th{background:#1e293b;color:#f1f5f9}.markdown-notes-container.dark-mode .markdown-preview table tr:nth-child(2n){background:#1e293b}.markdown-notes-container.dark-mode .markdown-preview hr{background:linear-gradient(90deg,transparent,#334155,transparent)}.markdown-notes-container.dark-mode .markdown-preview strong{color:#f1f5f9}.markdown-notes-container.dark-mode .markdown-preview em{color:#cbd5e1}.markdown-notes-container.dark-mode .empty-state .empty-content{color:var(--teb-hairline)}@media (max-width: 1024px){.editor-preview-container{flex-direction:column;gap:16px}.editor-section.split-view,.preview-section.split-view{flex:none;min-height:400px}}@media (max-width: 768px){.notes-layout{flex-direction:column}.notes-sidebar{display:none}.top-toolbar{padding:12px 16px;min-height:60px}.top-toolbar .toolbar-left .mobile-menu-btn{display:block}.top-toolbar .toolbar-center{display:none}.top-toolbar .toolbar-right{gap:8px}.top-toolbar .toolbar-right .stats{display:none}.editor-container{padding:16px;gap:16px}.editor-preview-container{gap:12px}.editor-section,.preview-section{min-height:300px}.editor-section .section-header,.preview-section .section-header{padding:12px 16px}.editor-section .markdown-editor,.preview-section .markdown-editor,.editor-section .preview-content,.preview-section .preview-content{padding:16px}.template-modal .template-grid{grid-template-columns:1fr}}@media (max-width: 480px){.top-toolbar{padding:8px 12px;flex-wrap:wrap;gap:8px}.top-toolbar .toolbar-left{flex:1;min-width:0}.top-toolbar .toolbar-left .title-input{font-size:16px}.top-toolbar .toolbar-right{flex-wrap:wrap;gap:4px}.editor-container{padding:12px}.tags-section{padding:12px 16px}.editor-section .section-header,.preview-section .section-header{padding:8px 12px}.editor-section .markdown-editor,.preview-section .markdown-editor,.editor-section .preview-content,.preview-section .preview-content,.note-card .note-card-content{padding:12px}.sidebar-header{padding:16px}.search-section,.tag-filter-section,.notes-list{padding:12px 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.note-card,.template-card{animation:fadeIn .3s ease-out}.markdown-editor:focus,.search-input:focus,.title-input:focus{outline:2px solid var(--teb-primary);outline-offset:2px}@media print{.notes-sidebar,.top-toolbar,.tags-section,.fab-new-note{display:none!important}.editor-preview-container{flex-direction:column}.markdown-preview{background:#fff!important;color:#000!important}}