@media (max-width:768px){.recent-templates[data-v-b6f1b4a2]{flex-wrap:wrap;gap:8px}.recent-templates .template-btn[data-v-b6f1b4a2]{flex-shrink:0;max-width:none;min-width:auto}}.template-btn[data-v-b6f1b4a2]{align-items:center;display:inline-flex;max-width:200px;width:auto}@media (max-width:768px){.template-btn[data-v-b6f1b4a2]{max-width:120px}}@media (max-width:640px){.template-btn[data-v-b6f1b4a2]{max-width:100px}}.editor-container[data-v-c219a1a5],.markdown-editor-container[data-v-c219a1a5]{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.editor-header[data-v-c219a1a5],.preview-header[data-v-c219a1a5]{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;flex-shrink:0}.vditor-preview[data-v-c219a1a5]{border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.preview-content[data-v-c219a1a5]{box-sizing:border-box;flex:1;min-height:100%;overflow-y:auto;padding:1rem;position:relative;width:100%}.preview-content[data-v-c219a1a5]::-webkit-scrollbar{width:6px}.preview-content[data-v-c219a1a5]::-webkit-scrollbar-track{background:#f8fafc}.preview-content[data-v-c219a1a5]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.preview-content[data-v-c219a1a5]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.editor-loading[data-v-c219a1a5],.preview-loading[data-v-c219a1a5]{align-items:center;background-color:#ffffffb3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.error-content[data-v-c219a1a5]{color:#f56c6c}[data-v-c219a1a5] .preview-fallback{background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;padding:20px}[data-v-c219a1a5] .preview-fallback p{font-weight:500;margin-bottom:10px}[data-v-c219a1a5] .preview-fallback pre{background-color:#f9fafb;border-radius:4px;color:#374151;padding:10px;white-space:pre-wrap;word-break:break-word}[data-v-c219a1a5] .empty-preview{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px;padding:40px 20px;text-align:center}[data-v-c219a1a5] .empty-preview .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}[data-v-c219a1a5] .empty-preview .empty-text{color:#475569;font-size:1.1rem;font-weight:500;margin:0 0 .5rem}[data-v-c219a1a5] .empty-preview .empty-hint{font-size:.9rem;margin:0;opacity:.8}[data-v-c219a1a5] .vditor{height:100%!important}[data-v-c219a1a5] .vditor .vditor-content{height:100%!important;overflow-y:auto!important}[data-v-c219a1a5] .vditor .vditor-content::-webkit-scrollbar{width:6px}[data-v-c219a1a5] .vditor .vditor-content::-webkit-scrollbar-track{background:#f8fafc}[data-v-c219a1a5] .vditor .vditor-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-v-c219a1a5] .vditor .vditor-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-v-c219a1a5] .vditor .vditor-textarea{height:100%!important;overflow-y:auto!important}[data-v-c219a1a5] .vditor .vditor-textarea::-webkit-scrollbar{width:6px}[data-v-c219a1a5] .vditor .vditor-textarea::-webkit-scrollbar-track{background:#f8fafc}[data-v-c219a1a5] .vditor .vditor-textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-v-c219a1a5] .vditor .vditor-textarea::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-v-c219a1a5] .vditor .vditor-wysiwyg{height:100%!important;overflow-y:auto!important}[data-v-c219a1a5] .vditor .vditor-wysiwyg::-webkit-scrollbar{width:6px}[data-v-c219a1a5] .vditor .vditor-wysiwyg::-webkit-scrollbar-track{background:#f8fafc}[data-v-c219a1a5] .vditor .vditor-wysiwyg::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-v-c219a1a5] .vditor .vditor-wysiwyg::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-v-c219a1a5] .vditor .vditor-ir{height:100%!important;overflow-y:auto!important}[data-v-c219a1a5] .vditor .vditor-ir::-webkit-scrollbar{width:6px}[data-v-c219a1a5] .vditor .vditor-ir::-webkit-scrollbar-track{background:#f8fafc}[data-v-c219a1a5] .vditor .vditor-ir::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-v-c219a1a5] .vditor .vditor-ir::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-v-c219a1a5] .vditor .vditor-sv{height:100%!important}[data-v-c219a1a5] .vditor .vditor-sv .vditor-sv__panel{height:100%!important;overflow-y:auto!important}[data-v-c219a1a5] .vditor .vditor-sv .vditor-sv__panel::-webkit-scrollbar{width:6px}[data-v-c219a1a5] .vditor .vditor-sv .vditor-sv__panel::-webkit-scrollbar-track{background:#f8fafc}[data-v-c219a1a5] .vditor .vditor-sv .vditor-sv__panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-v-c219a1a5] .vditor .vditor-sv .vditor-sv__panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-v-c219a1a5] #vditor-create-note,[data-v-c219a1a5] [id^=vditor-edit-],[data-v-c219a1a5] [id^=vditor-view-]{flex:1!important;height:100%!important}[data-v-c219a1a5] .preview-content{display:block!important;min-height:100%!important;width:100%!important}[data-v-c219a1a5] .preview-content .vditor-reset{display:block!important;margin:0!important;padding:0!important;text-align:left!important;width:100%!important}[data-v-c219a1a5] .preview-content .vditor-reset blockquote,[data-v-c219a1a5] .preview-content .vditor-reset div,[data-v-c219a1a5] .preview-content .vditor-reset h1,[data-v-c219a1a5] .preview-content .vditor-reset h2,[data-v-c219a1a5] .preview-content .vditor-reset h3,[data-v-c219a1a5] .preview-content .vditor-reset h4,[data-v-c219a1a5] .preview-content .vditor-reset h5,[data-v-c219a1a5] .preview-content .vditor-reset h6,[data-v-c219a1a5] .preview-content .vditor-reset li,[data-v-c219a1a5] .preview-content .vditor-reset p,[data-v-c219a1a5] .preview-content .vditor-reset span{display:block!important;margin-left:0!important;margin-right:0!important;text-align:left!important;width:100%!important}[data-v-c219a1a5] .preview-content .vditor-reset ol,[data-v-c219a1a5] .preview-content .vditor-reset ul{display:block!important;margin-left:0!important;padding-left:1.5rem!important;text-align:left!important;width:100%!important}[data-v-c219a1a5] .preview-content .vditor-reset code,[data-v-c219a1a5] .preview-content .vditor-reset pre{display:block!important;margin-left:0!important;text-align:left!important;width:100%!important}[data-v-c219a1a5] .preview-content .vditor-reset table{margin-left:0!important;text-align:left!important;width:100%!important}[data-v-c219a1a5] .preview-content .vditor-reset blockquote{border-left:4px solid #e5e7eb!important;display:block!important;margin-left:0!important;padding-left:1rem!important;text-align:left!important;width:100%!important}[data-v-c219a1a5] .preview-content .vditor-reset a,[data-v-c219a1a5] .preview-content .vditor-reset em,[data-v-c219a1a5] .preview-content .vditor-reset span,[data-v-c219a1a5] .preview-content .vditor-reset strong{display:inline!important}[data-v-c219a1a5] .preview-content>*{margin-left:0!important;margin-right:0!important;text-align:left!important;width:100%!important}.note-status-indicator[data-v-4e6380b4]{align-items:center;display:flex}.note-status-indicator .status-content[data-v-4e6380b4]{align-items:center;display:flex;font-size:.8rem;font-weight:400;gap:.5rem}.note-status-indicator .status-dot[data-v-4e6380b4]{border-radius:50%;flex-shrink:0;height:8px;width:8px}.note-status-indicator .status-dot.dot-gray[data-v-4e6380b4]{background-color:#9ca3af}.note-status-indicator .status-dot.dot-orange[data-v-4e6380b4]{background-color:#f59e0b}.note-status-indicator .status-dot.dot-blue[data-v-4e6380b4]{background-color:#3b82f6}.note-status-indicator .status-dot.dot-green[data-v-4e6380b4]{background-color:#10b981}.note-status-indicator .status-dot.dot-red[data-v-4e6380b4]{background-color:#ef4444}.note-status-indicator .status-dot.dot-pulse[data-v-4e6380b4]{animation:pulse-4e6380b4 2s cubic-bezier(.4,0,.6,1) infinite}.note-status-indicator .status-text[data-v-4e6380b4]{transition:color .3s ease}.note-status-indicator .status-text.text-gray[data-v-4e6380b4]{color:#6b7280}.note-status-indicator .status-text.text-orange[data-v-4e6380b4]{color:#d97706}.note-status-indicator .status-text.text-blue[data-v-4e6380b4]{color:#2563eb}.note-status-indicator .status-text.text-green[data-v-4e6380b4]{color:#059669}.note-status-indicator .status-text.text-red[data-v-4e6380b4]{color:#dc2626}@keyframes pulse-4e6380b4{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:640px){.note-status-indicator .status-content[data-v-4e6380b4]{font-size:.8rem}.note-status-indicator .status-dot[data-v-4e6380b4]{height:6px;width:6px}}
