.note-editor{margin-left:auto;margin-right:auto;max-width:80rem}.editor-toolbar{position:sticky;top:0;z-index:10;border-bottom-width:1px;background-color:hsl(var(--background)/.95);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.editor-content{margin-top:1.5rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:1024px){.editor-content{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-main{grid-column:span 2/span 2}}.editor-sidebar>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.editor-textarea{min-height:500px;width:100%;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;line-height:1.75}.editor-textarea:focus{border-color:hsl(var(--primary));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary)/0.2)}.editor-textarea{resize:none}.editor-textarea:focus{outline:none}.editor-preview{max-width:none;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));padding:1rem;min-height:500px;background-color:hsl(var(--secondary)/.05);font-size:.875rem;line-height:1.25rem;line-height:1.75}.editor-preview h1{margin-bottom:1rem;font-size:1.5rem;line-height:2rem;font-weight:700}.editor-preview h2{margin-bottom:.75rem;margin-top:1.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.editor-preview h3{margin-bottom:.5rem;margin-top:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}.editor-preview p{margin-bottom:1rem;line-height:1.75}.editor-preview blockquote{border-left-width:4px;border-color:hsl(var(--primary)/.3);padding-left:1rem;font-style:italic;color:hsl(var(--muted-foreground))}.editor-preview code{border-radius:.25rem;background-color:hsl(var(--secondary));padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}.editor-preview pre{overflow-x:auto;border-radius:var(--radius);background-color:hsl(var(--secondary));padding:1rem}.editor-preview ol,.editor-preview ul{margin-bottom:1rem;padding-left:1.5rem}.editor-preview li{margin-bottom:.25rem}.sidebar-card{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));padding:1rem}.sidebar-card h3{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.template-button{width:100%;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));padding:.75rem;text-align:left}.template-button:hover{border-color:hsl(var(--primary)/.3);background-color:hsl(var(--secondary)/.5)}.template-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.template-button:hover{color:hsl(var(--foreground))}.tag-input{width:100%;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));padding:.5rem .75rem}.tag-input:focus{border-color:hsl(var(--primary));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary)/0.2)}.tag-input{font-size:.875rem;line-height:1.25rem}.toolbar-button{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.toolbar-button:hover{background-color:hsl(var(--secondary)/.5)}.toolbar-button{font-size:.875rem;line-height:1.25rem;font-weight:500}.toolbar-button.active{border-color:hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.toolbar-button:hover:not(.active){background-color:hsl(var(--secondary)/.7)}.save-button{border-radius:var(--radius);background-color:hsl(var(--primary));padding:.5rem 1rem;color:hsl(var(--primary-foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.save-button:hover{background-color:hsl(var(--primary)/.9)}.save-button{font-size:.875rem;line-height:1.25rem;font-weight:500}.save-button:disabled{cursor:not-allowed;opacity:.5}.save-button:disabled:hover{background-color:hsl(var(--primary))}.cancel-button{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.cancel-button:hover{background-color:hsl(var(--secondary)/.5)}.cancel-button{font-size:.875rem;line-height:1.25rem;font-weight:500}@media (max-width:1024px){.editor-content{grid-template-columns:repeat(1,minmax(0,1fr))}.editor-sidebar{order:-9999}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-text{margin-top:.25rem}.help-text,.word-count{font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))}.word-count{margin-top:.5rem;text-align:right}.auto-save-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))}.auto-save-indicator.saving{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.auto-save-indicator.saved{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}