.new-note-btn,.section-header{gap:var(--spacing-sm);font-weight:600}.app-container,.note-item,.search-notes{position:relative}.dropdown-menu,.modal,.sidebar-overlay{opacity:0;visibility:hidden}.dropdown-menu.show,.modal.show,.sidebar-overlay.show{visibility:visible;opacity:1}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--secondary-color:#64748b;--success-color:#22c55e;--warning-color:#f59e0b;--danger-color:#ef4444;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-sidebar:#f8fafc;--bg-toolbar:#ffffff;--bg-editor:#ffffff;--bg-hover:#e2e8f0;--bg-active:#dbeafe;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#ffffff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-focus:#2563eb;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-mono:'Consolas','Monaco','Courier New',monospace;--sidebar-width:280px;--toolbar-height:48px;--editor-max-width:816px;--toolbar-max-width:925px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-sidebar:100;--z-toolbar:90;--z-dropdown:500;--z-modal:300;--z-toast:400}[data-theme=dark]{--primary-color:#0078d4;--primary-hover:#1a8cff;--primary-light:#264f78;--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d30;--bg-sidebar:#252526;--bg-toolbar:#323233;--bg-editor:#1e1e1e;--bg-hover:#2a2d2e;--bg-active:#37373d;--text-primary:#cccccc;--text-secondary:#9d9d9d;--text-tertiary:#6e6e6e;--border-color:#3c3c3c;--border-light:#2d2d30;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.4);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.5);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.6)}[data-theme=dark] .editor{background:#1e1e1e;color:#d4d4d4}[data-theme=dark] .editor-wrapper{background:#1e1e1e;border-color:#3c3c3c;box-shadow:0 1px 3px rgba(0,0,0,.4)}[data-theme=dark] .form-group input,[data-theme=dark] .toolbar-select{background:#3c3c3c;border-color:#3c3c3c;color:#ccc}[data-theme=dark] .toolbar-select:focus{border-color:#0078d4}[data-theme=dark] .dropdown-menu{background:#252526;border-color:#3c3c3c}[data-theme=dark] .modal-content{background:#252526}.app-container,.sidebar{border-right:1px solid var(--border-color);display:flex;overflow:hidden}[data-theme=dark] .editor blockquote{background:#2d2d30;border-left-color:#0078d4}[data-theme=dark] .editor code,[data-theme=dark] .editor pre{background:#2d2d30}[data-theme=dark] .color-indicator{background:#ccc}[data-theme=dark] .note-title:hover{color:#3794ff}[data-theme=dark] .toolbar-btn.active,[data-theme=dark] .toolbar-btn:active{background:#094771;color:#fff}[data-theme=dark] .note-item.active{background:#094771}[data-theme=dark] .note-item:hover{background:#2a2d2e}*,::after,::before{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;padding:0;font-family:var(--font-family);overflow-x:hidden}.editor-section-wrapper{background-color:var(--bg-secondary)}.app-container{height:90vh;max-height:90vh;width:100%;max-width:1200px;margin:0 auto;color:var(--text-primary);line-height:1.5;border-left:1px solid var(--border-color)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:var(--bg-sidebar);flex-direction:column;transition:transform var(--transition-normal),width var(--transition-normal);z-index:var(--z-sidebar)}.new-note-btn,.note-action-btn,.note-item,.search-notes input,.sidebar-close-btn,.theme-toggle-btn{transition:all var(--transition-fast)}.sidebar.hidden{transform:translateX(-100%);width:0;min-width:0;border-right:none}.sidebar-header{display:none;align-items:center;justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-md)}.sidebar-close-btn{display:none;background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.sidebar-close-btn:hover,.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.new-note-btn{display:flex;align-items:center;justify-content:center;margin:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#204a91;color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;cursor:pointer}.note-count,.section-header{color:var(--text-secondary)}.new-note-btn:hover{background:#1a3d75;transform:translateY(-1px);box-shadow:var(--shadow-md)}.new-note-btn:active{transform:translateY(0)}.sidebar-section{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.sidebar-section.flex-grow{flex:1;display:flex;flex-direction:column;overflow:hidden;border-bottom:none}.sidebar-section.notes-scroll-area{overflow-y:auto;padding-top:0}.all-notes-section,.pinned-section{padding:0 var(--spacing-md)}.form-group,.pinned-section{margin-bottom:var(--spacing-md)}.section-header-small{font-size:.6875rem;margin-bottom:var(--spacing-xs);padding-top:var(--spacing-sm)}.section-header-small i{font-size:.625rem}.section-header{display:flex;align-items:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.note-count{margin-left:auto;background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full);font-size:.6875rem}.stats-container{display:flex;gap:var(--spacing-md)}.stat-item{flex:1;text-align:center}.stat-label{display:block;font-size:.6875rem;color:var(--text-tertiary);margin-bottom:2px}.empty-state i,.search-notes{margin-bottom:var(--spacing-sm)}.stat-value{display:block;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.search-notes i{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:.875rem}.search-notes input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 32px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.form-group input:focus,.search-notes input:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.search-notes input::placeholder{color:var(--text-tertiary)}.notes-list{overflow:visible}.note-preview,.note-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-scroll-area::-webkit-scrollbar{width:6px}.notes-scroll-area::-webkit-scrollbar-track{background:0 0}.notes-scroll-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.notes-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.note-item{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:2px;border-radius:var(--radius-md);cursor:pointer}.btn-secondary:hover,.context-menu-item:hover,.dropdown-item:hover,.editor table td:hover,.editor table th:hover,.note-item:hover,.theme-toggle-btn:hover{background:var(--bg-hover)}.note-item.active{background:var(--bg-active)}.image-controls .control-group,.note-item-header{display:flex;align-items:center;gap:var(--spacing-xs)}.note-pin{color:var(--warning-color);font-size:.75rem}.note-title,.note-title-edit{font-size:.875rem;color:var(--text-primary);font-weight:500}.note-title{flex:1;cursor:pointer}.note-title:hover,.toast.info i{color:var(--primary-color)}.note-title-edit{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 6px;outline:0;box-shadow:none;min-width:0}.note-title-edit:focus{outline:0;border-color:var(--border-color);box-shadow:none}.note-actions{display:none;gap:var(--spacing-xs)}.empty-state,.main-content,.note-item:hover .note-actions,.note-meta,.toolbar,.toolbar-row{display:flex}.note-action-btn{background:0 0;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);font-size:.75rem}.btn-secondary,.note-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.context-menu-item.danger:hover i,.context-menu-item[data-action=delete]:hover i,.note-action-btn.danger:hover,.toast.error i{color:var(--danger-color)}.empty-state,.note-date,.note-preview{color:var(--text-tertiary)}.note-meta{align-items:center;gap:var(--spacing-xs);margin-top:2px}.note-date{font-size:.6875rem}.note-preview{font-size:.75rem;margin-top:2px}.empty-state{flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.empty-state i{font-size:2rem;opacity:.5}.empty-state p,.theme-toggle-btn,.toolbar-btn,.toolbar-btn i{font-size:.875rem}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer}.editor blockquote,.main-content,.toolbar,.toolbar-row{background:var(--bg-secondary)}.editor h2,.editor h3,.editor h4,.editor h5,.list-icon{font-weight:600}.main-content{flex:1;flex-direction:column;overflow-y:auto;overflow-x:hidden}.toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:center;align-items:center}.color-picker-wrapper,.editor table col,.toolbar-btn{position:relative}.toolbar.toolbar-fixed{position:fixed;top:0;z-index:1000}.toolbar-inner{width:100%;max-width:var(--toolbar-max-width)}.toolbar-row{align-items:center;padding:var(--spacing-xs) var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.toolbar-row:not(:last-child){border-bottom:1px solid var(--border-light)}@media screen and (max-width:1220px){.toolbar-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.toolbar-row::-webkit-scrollbar{height:4px}.toolbar-row::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}}.toolbar-btn,.toolbar-group{display:flex;align-items:center}.toolbar-group{gap:2px}.toolbar-divider{width:1px;height:24px;background:var(--border-color);margin:0 var(--spacing-xs)}.toolbar-btn,.toolbar-select{height:32px;padding:0 var(--spacing-sm);cursor:pointer}.toolbar-spacer{flex:1}.toolbar-btn{justify-content:center;gap:4px;min-width:32px;background:0 0;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}.context-menu-item,.dropdown-item,.dropdown-menu,.toolbar-select{transition:all var(--transition-fast)}.toolbar-btn.active,.toolbar-btn:active{background:var(--bg-active);color:var(--primary-color);transform:none}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.dropdown-arrow{font-size:.625rem!important;margin-left:2px}.sidebar-toggle{display:none}.toolbar-select{padding-right:24px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.8125rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2364748b' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:16px}.control-group-half input[type=text]:focus,.image-controls .control-group input[type=number]:focus,.image-controls .control-group input[type=text]:focus,.toolbar-select:focus{outline:0;border-color:var(--primary-color)}.font-family-select{width:130px}.font-size-select{width:65px}.heading-select{width:110px}.color-picker-wrapper input[type=color]{position:absolute;top:100%;left:0;width:100%;height:0;padding:0;border:none;opacity:0;cursor:pointer}.color-indicator{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:14px;height:3px;background:#1e293b;border-radius:1px}.color-indicator.highlight{background:#ff0}.toolbar-dropdown{position:relative;z-index:1}.dropdown-menu{position:fixed;min-width:180px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-dropdown);transform:translateY(-8px);max-height:400px;overflow-y:auto}.dropdown-menu.show{transform:translateY(4px)}.dropdown-menu-right{left:auto;right:0}.context-menu-item,.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:0 0;border:none;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;border-radius:var(--radius-sm)}.context-menu-item i,.dropdown-item i{width:16px;color:var(--text-secondary)}.list-icon{display:inline-block;width:16px;text-align:center;font-size:.875rem}.dropdown-menu.list-menu{min-width:auto;width:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:var(--spacing-xs)}.dropdown-menu.list-menu .dropdown-item{width:36px;height:36px;padding:0;justify-content:center;border-radius:var(--radius-sm)}.dropdown-menu.list-menu .dropdown-item .list-icon,.dropdown-menu.list-menu .dropdown-item i{width:auto;font-size:1rem;color:var(--text-primary)}.autosave-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--success-color);padding:var(--spacing-xs) var(--spacing-sm);opacity:0;transition:opacity var(--transition-normal)}.autosave-indicator.show{opacity:1}.autosave-indicator.saving,.toast.warning i{color:var(--warning-color)}.autosave-indicator.saving i{animation:1s linear infinite spin}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-container{flex:1;padding:var(--spacing-lg);display:flex;justify-content:center;align-items:flex-start}.editor-container::-webkit-scrollbar{width:10px}.editor-container::-webkit-scrollbar-track{background:var(--bg-tertiary)}.editor-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);border:2px solid var(--bg-tertiary)}.editor-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.editor-wrapper{width:100%;max-width:var(--editor-max-width);min-height:75vh;height:fit-content;background:var(--bg-editor);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(0,0,0,.08);padding:60px 96px;margin-bottom:var(--spacing-lg);transition:transform var(--transition-normal);overflow:visible}.editor,.editor td,.editor th{word-wrap:break-word;overflow-wrap:break-word}.editor-wrapper:focus-within{border-color:var(--border-color);outline:0}.editor,.editor:focus{outline:0;border:none}.editor{min-height:500px;height:auto;padding:0;font-size:1rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;overflow:visible;position:relative}.crop-overlay,.modal{top:0;left:0;height:100%}.editor:focus{box-shadow:none}.editor.show-placeholder::before,.editor:empty::before{content:attr(data-placeholder);color:var(--text-tertiary);pointer-events:none;position:absolute}.editor p{margin:0 0 .5em;min-height:1.5em;line-height:1.6}.editor p:last-child{margin-bottom:0}.editor h1:first-child,.editor h2:first-child,.editor h3:first-child,.editor h4:first-child,.editor h5:first-child,.editor h6:first-child,.editor p+p{margin-top:0}.editor font{line-height:inherit}.editor br{display:block;content:"";margin:.35em 0}.editor h1,.editor h2,.editor h3,.editor h4,.editor h5,.editor h6{margin-top:.75em;margin-bottom:.5em;font-weight:600;line-height:1.25}.editor h1{font-size:20px}.editor h2{font-size:18px}.editor h3{font-size:16px}.editor h4{font-size:14px}.editor h5{font-size:11px}.editor h6{font-size:11px;font-weight:500}.editor ol,.editor ul{margin-left:2em;padding-left:.5em;margin-bottom:1em}.editor ol li,.editor ul li{padding-left:.25em}.editor li{margin-bottom:.25em;font-size:inherit}.editor li::marker{font-size:1em}.editor blockquote{margin:1em 0 1em 40px;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--primary-color);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-primary)}.editor code,.editor pre{background:var(--bg-tertiary);font-family:var(--font-mono)}.editor pre{padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:1em 0}.editor code{padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em}.editor td,.editor th,.form-group input{padding:var(--spacing-sm) var(--spacing-md)}.editor pre code{background:0 0;padding:0}.editor a{color:var(--primary-color);text-decoration:underline}.form-group input,.form-group label,.modal-body,.modal-body p,.modal-close:hover,.modal-header h3{color:var(--text-primary)}.editor a:hover{color:var(--primary-hover)}.editor img{max-width:100%;height:auto;margin:1em 0}.editor img[data-align=center]{display:block;margin-left:auto;margin-right:auto}.editor img[data-align=right]{display:block;margin-left:auto;margin-right:0}.editor img[data-align=left]{display:block;margin-left:0;margin-right:auto}.editor figure.image-figure{margin:1em 0;padding:0;max-width:100%;display:table}.editor figure.image-figure img{display:block;margin:0}.editor figure.image-figure figcaption{display:table-caption;caption-side:bottom;font-size:.875rem;color:var(--text-secondary);font-style:italic;padding:var(--spacing-xs) 0;text-align:center}.editor figure[data-align=left]{margin-left:0;margin-right:auto}.editor figure[data-align=center]{margin-left:auto;margin-right:auto}.editor figure[data-align=right]{margin-left:auto;margin-right:0}.editor table{width:100%;border-collapse:collapse;margin:1em 0;table-layout:fixed}.editor td,.editor th{border:1px solid var(--border-color);text-align:left;vertical-align:top}.editor th{font-weight:600}.editor hr{border:none;height:2px;background:var(--border-color);margin:2em 0}.modal{position:fixed;width:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);pointer-events:none;transition:all var(--transition-normal)}.modal.show{pointer-events:auto}.modal-content{width:90%;max-width:500px;max-height:90vh;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;transform:scale(.9) translateY(-20px);transition:transform var(--transition-normal);display:flex;flex-direction:column}.modal.show .modal-content{transform:scale(1) translateY(0)}.modal-small{max-width:360px}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-body p{line-height:1.6}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.125rem;font-weight:600}.modal-close{background:0 0;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast)}.btn,.form-group input{transition:all var(--transition-fast)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.image-align-btn:hover:not(.active),.image-preview-container{background:var(--bg-tertiary)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500}.form-group input{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);font-size:.9375rem}.form-options{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary);cursor:pointer}.image-controls,.image-editor{display:flex;gap:var(--spacing-md)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.modal-large{max-width:800px}.image-editor{flex-direction:column}.image-preview-container{display:flex;justify-content:center;align-items:center;border-radius:var(--radius-md);padding:var(--spacing-md);min-height:300px;max-height:450px;overflow:hidden}.image-canvas-wrapper{position:relative;display:inline-block;max-width:100%;max-height:420px}.image-canvas-wrapper canvas{max-width:100%;max-height:420px;display:block;border-radius:var(--radius-sm)}.crop-overlay{position:absolute;width:100%;background:rgba(0,0,0,.5);cursor:crosshair}.crop-box{position:absolute;border:2px dashed #fff;background:0 0;box-shadow:0 0 0 9999px rgba(0,0,0,.5);cursor:move}.crop-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--primary-color);border-radius:2px}.image-controls .control-group input[type=number],.image-controls .control-group input[type=text]{border:1px solid var(--border-color);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary)}.crop-handle[data-handle=nw]{top:-6px;left:-6px;cursor:nw-resize}.crop-handle[data-handle=ne]{top:-6px;right:-6px;cursor:ne-resize}.crop-handle[data-handle=sw]{bottom:-6px;left:-6px;cursor:sw-resize}.crop-handle[data-handle=se]{bottom:-6px;right:-6px;cursor:se-resize}@media (max-width:768px),(pointer:coarse){.crop-handle{width:20px;height:20px}.crop-handle[data-handle=nw]{top:-10px;left:-10px}.crop-handle[data-handle=ne]{top:-10px;right:-10px}.crop-handle[data-handle=sw]{bottom:-10px;left:-10px}.crop-handle[data-handle=se]{bottom:-10px;right:-10px}}.image-controls{flex-wrap:wrap;align-items:center;padding:var(--spacing-sm) 0}.image-align-buttons,.image-controls .control-buttons{gap:var(--spacing-xs);display:flex}.control-group-half label,.image-controls .control-group label{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.context-menu-label,.image-controls .control-group span{font-size:.75rem;color:var(--text-tertiary)}.image-controls .control-group input[type=number]{width:80px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.image-controls .control-group input[type=text]{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.image-controls .control-group-full{width:100%;flex-basis:100%}.image-controls .control-buttons{margin-left:auto}.image-controls .control-buttons .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.image-controls .control-buttons .btn i{margin-right:4px}.image-align-btn{padding:var(--spacing-xs) var(--spacing-sm);min-width:40px}.image-context-menu,.table-context-menu{background:var(--bg-primary);padding:var(--spacing-xs);box-shadow:var(--shadow-lg)}.image-align-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.control-group-row{display:flex;gap:var(--spacing-lg);align-items:flex-end;flex-wrap:wrap}@media (max-width:600px){.control-group-row{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.control-group-half{width:100%}.control-group-half input[type=text]{min-width:0;width:100%}}.control-group-half{display:flex;align-items:center;gap:var(--spacing-sm)}.control-group-half input[type=text]{flex:1;min-width:200px;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary)}.image-context-menu{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:10001;min-width:150px}.context-menu-item.danger:hover,.context-menu-item[data-action=delete]:hover{background:#fee2e2;color:var(--danger-color)}.table-context-menu{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;min-width:200px}.context-menu-section{padding:var(--spacing-xs) 0}.context-menu-label{display:block;padding:var(--spacing-xs) var(--spacing-md);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn,.toast{font-size:.875rem}.btn-danger,.btn-primary{color:var(--text-inverse)}.context-menu-divider{height:1px;background:var(--border-color);margin:var(--spacing-xs) 0}.editor table td.table-cell-selected,.editor table th.table-cell-selected{outline:2px solid var(--primary-color);outline-offset:-2px;background:rgba(79,70,229,.1)}.editor table tr.table-row-selected td,.editor table tr.table-row-selected th{background:rgba(79,70,229,.05)}.editor table td,.editor table th{position:relative;min-width:50px}.editor img{cursor:pointer;transition:outline var(--transition-fast)}.editor img:hover{outline:2px solid var(--primary-color);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer}.toast,.toast-container{display:flex;gap:var(--spacing-sm)}.btn-primary{background:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger-color)}.btn-danger:hover{background:#dc2626}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);flex-direction:column;z-index:var(--z-toast)}.toast{align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);animation:slideIn var(--transition-normal) ease-out}.toast.success{border-left:4px solid var(--success-color)}.toast.error{border-left:4px solid var(--danger-color)}.toast.warning{border-left:4px solid var(--warning-color)}.toast.info{border-left:4px solid var(--primary-color)}.toast i{font-size:1rem}.toast.success i{color:var(--success-color)}@keyframes slideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast.hide{animation:slideOut var(--transition-normal) ease-out forwards}@media screen and (max-width:1150px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translateX(-100%);box-shadow:var(--shadow-xl)}.sidebar.show{transform:translateX(0)}.note-actions,.sidebar-close-btn,.sidebar-header{display:flex}.sidebar-toggle{display:flex!important}}@media screen and (max-width:1024px){.toolbar-inner{max-width:100%}}@media screen and (max-width:768px){.modal-large{max-width:95%}.image-controls{flex-direction:column;align-items:flex-start}.image-controls .control-buttons{margin-left:0;width:100%;justify-content:flex-start}.editor-container{padding:var(--spacing-md)}.editor-wrapper{padding:30px 24px;border-radius:var(--radius-md)}.note-title-input{font-size:1.25rem}.toolbar-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar-row::-webkit-scrollbar{display:none}.toast-container{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}.toast{width:100%}}@media screen and (max-width:480px){.toolbar-select{font-size:.75rem}.font-family-select{width:100px}.font-size-select{width:55px}.modal-content{width:95%;margin:var(--spacing-md)}.stats-container{flex-wrap:wrap}.stat-item{min-width:60px}}.app-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--bg-secondary)}.app-container.fullscreen .sidebar,.hide{display:none!important}.app-container.fullscreen .main-content{margin-left:0;width:100%;height:100%}::selection{background:var(--primary-light);color:var(--text-primary)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.editor.drag-over{background:var(--primary-light);border:2px dashed var(--primary-color)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:calc(var(--z-sidebar) - 1);transition:all var(--transition-normal)}