.canvas-container.svelte-1w4jklw{flex:1;display:flex;flex-direction:column;height:100vh;background:#fafafa;min-width:0;position:relative}.canvas-wrapper.svelte-1w4jklw{position:relative;flex:1;padding:0;display:flex;flex-direction:column}.main-textarea.svelte-1w4jklw{width:100%;height:100vh;border:none;outline:none;resize:none;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;background:#fafafa;color:#333;padding:50px 20px 20px;flex:1;transition:opacity .3s ease;box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1}.main-textarea.svelte-1w4jklw::placeholder{color:#999;font-style:normal}.ai-status.svelte-1w4jklw{position:fixed;bottom:20px;right:20px;background:#333;color:#fff;padding:8px 12px;border:1px solid #666;display:flex;align-items:center;gap:8px;z-index:100;font-size:12px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.loading-spinner.svelte-1w4jklw{width:12px;height:12px;border:1px solid #666;border-top:1px solid #faf8f5;border-radius:50%;animation:svelte-1w4jklw-spin 1s linear infinite}@keyframes svelte-1w4jklw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canvas-container.dark-mode.svelte-1w4jklw{background:#1a1a1a}.canvas-container.dark-mode.svelte-1w4jklw .main-textarea:where(.svelte-1w4jklw){background:#1a1a1a;color:#fff}.canvas-container.dark-mode.svelte-1w4jklw .main-textarea:where(.svelte-1w4jklw)::placeholder{color:#666}.canvas-container.dark-mode.svelte-1w4jklw .ai-status:where(.svelte-1w4jklw){background:#fff;color:#1a1a1a;border-color:#333}@media (max-width: 768px){.canvas-wrapper.svelte-1w4jklw{padding:1rem}}.popup-overlay.svelte-1t3ngw{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100}.popup.svelte-1t3ngw{background:#fafafa;border:1px solid #333;padding:20px;min-width:300px;max-width:500px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.popup-title.svelte-1t3ngw{font-size:14px;font-weight:400;color:#333;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.popup-message.svelte-1t3ngw{font-size:12px;color:#333;line-height:1.4;margin-bottom:20px}.popup-buttons.svelte-1t3ngw{display:flex;gap:10px;justify-content:flex-end}.popup-btn.svelte-1t3ngw{background:transparent;border:1px solid #333;padding:6px 12px;font-size:11px;color:#333;cursor:pointer;transition:all .2s;font-family:inherit;text-transform:uppercase;letter-spacing:1px}.popup-btn.svelte-1t3ngw:hover{background:#333;color:#fff}.popup-btn.confirm.svelte-1t3ngw{border-color:#333}.popup-btn.cancel.svelte-1t3ngw{border-color:#666;color:#666}.popup-btn.cancel.svelte-1t3ngw:hover{background:#666;color:#fff}.popup.dark-mode.svelte-1t3ngw{background:#1a1a1a;border-color:#666}.popup.dark-mode.svelte-1t3ngw .popup-title:where(.svelte-1t3ngw){color:#fff}.popup.dark-mode.svelte-1t3ngw .popup-message:where(.svelte-1t3ngw){color:#ccc}.popup.dark-mode.svelte-1t3ngw .popup-btn:where(.svelte-1t3ngw){color:#fff;border-color:#666}.popup.dark-mode.svelte-1t3ngw .popup-btn:where(.svelte-1t3ngw):hover{background:#fff;color:#1a1a1a}.popup.dark-mode.svelte-1t3ngw .popup-btn.cancel:where(.svelte-1t3ngw){border-color:#888;color:#ccc}.popup.dark-mode.svelte-1t3ngw .popup-btn.cancel:where(.svelte-1t3ngw):hover{background:#888;color:#fff}.sidebar.svelte-2zyz1y{width:300px;height:100vh;background:#fafafa;border-right:1px solid #ddd;display:flex;flex-direction:column;overflow:hidden;position:fixed;top:0;left:0;z-index:50}.sidebar-header.svelte-2zyz1y{padding:12px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.sidebar-header.svelte-2zyz1y h2:where(.svelte-2zyz1y){margin:0;font-size:12px;font-weight:400;color:#333;letter-spacing:1px;text-transform:uppercase}.close-btn.svelte-2zyz1y{background:none;border:1px solid #ddd;font-size:12px;cursor:pointer;color:#333;padding:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:1000;position:relative;font-family:inherit}.close-btn.svelte-2zyz1y:hover{background:#333;color:#fff}.sidebar-content.svelte-2zyz1y{flex:1;overflow-y:auto;padding:12px}.folder-tree.svelte-2zyz1y,.folder-item.svelte-2zyz1y{display:flex;flex-direction:column;gap:2px}.folder-item.child.svelte-2zyz1y{margin-left:16px}.folder-header.svelte-2zyz1y{display:flex;align-items:center;gap:8px;padding:4px;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.folder-header.svelte-2zyz1y:hover{border:1px solid #ddd;background:#f5f5f5}.folder-icon.svelte-2zyz1y{font-size:12px;min-width:14px;color:#666}.folder-name.svelte-2zyz1y{flex:1;font-size:12px;color:#333;font-weight:400}.note-count.svelte-2zyz1y{font-size:10px;color:#666;background:transparent;border:1px solid #ddd;padding:1px 4px;min-width:16px;text-align:center}.folder-delete.svelte-2zyz1y{background:none;border:1px solid transparent;color:#666;cursor:pointer;font-size:12px;padding:2px;opacity:0;transition:opacity .2s;font-family:inherit}.folder-header.svelte-2zyz1y:hover .folder-delete:where(.svelte-2zyz1y){opacity:1}.folder-delete.svelte-2zyz1y:hover{color:#333;border:1px solid #333}.child-folders.svelte-2zyz1y{margin-left:16px;border-left:1px solid #ddd;padding-left:8px}.note-item.svelte-2zyz1y{display:flex;align-items:flex-start;gap:8px;padding:4px;margin-left:20px;transition:background-color .2s;cursor:pointer;border:1px solid transparent}.note-content.svelte-2zyz1y{flex:1;display:flex;flex-direction:column;gap:2px}.note-item.svelte-2zyz1y:hover{background:#f5f5f5;border:1px solid #ddd}.note-icon.svelte-2zyz1y{font-size:10px;color:#666}.note-preview.svelte-2zyz1y{font-size:11px;color:#666;line-height:1.3;margin-left:16px}.note-tags.svelte-2zyz1y{display:flex;gap:2px;flex-wrap:wrap;margin-left:16px}.tag.svelte-2zyz1y{font-size:9px;color:#666;background:transparent;border:1px solid #ddd;padding:1px 2px}.unorganized-section.svelte-2zyz1y{margin-top:16px;padding-top:12px;border-top:1px solid #ddd}.section-header.svelte-2zyz1y{display:flex;align-items:center;gap:8px;padding:4px;margin-bottom:4px}.clear-all-btn.svelte-2zyz1y{background:none;border:1px solid transparent;color:#999;cursor:pointer;font-size:9px;padding:2px 4px;opacity:0;transition:opacity .2s;font-family:inherit;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.section-header.svelte-2zyz1y:hover .clear-all-btn:where(.svelte-2zyz1y){opacity:1}.clear-all-btn.svelte-2zyz1y:hover{color:#333;border:1px solid #333}.note-delete.svelte-2zyz1y{background:none;border:1px solid transparent;color:#666;cursor:pointer;font-size:12px;padding:2px;opacity:0;transition:opacity .2s;font-family:inherit;flex-shrink:0}.note-item.svelte-2zyz1y:hover .note-delete:where(.svelte-2zyz1y){opacity:1}.note-delete.svelte-2zyz1y:hover{color:#333;border:1px solid #333}.sidebar-toggle-inline.svelte-2zyz1y{background:transparent;border:1px solid #333;padding:4px 8px;font-size:12px;color:#333;cursor:pointer;transition:all .2s;font-family:inherit}.sidebar-toggle-inline.svelte-2zyz1y:hover{background:#333;color:#fff}.sidebar.dark-mode.svelte-2zyz1y{background:#1a1a1a;border-right-color:#333}.sidebar.dark-mode.svelte-2zyz1y .sidebar-header:where(.svelte-2zyz1y){background:#1a1a1a;border-bottom-color:#333}.sidebar.dark-mode.svelte-2zyz1y .sidebar-header:where(.svelte-2zyz1y) h2:where(.svelte-2zyz1y){color:#fff}.sidebar.dark-mode.svelte-2zyz1y .close-btn:where(.svelte-2zyz1y){color:#fff;border-color:#666}.sidebar.dark-mode.svelte-2zyz1y .close-btn:where(.svelte-2zyz1y):hover{background:#fff;color:#1a1a1a}.sidebar.dark-mode.svelte-2zyz1y .folder-header:where(.svelte-2zyz1y):hover{background:#333;border-color:#666}.sidebar.dark-mode.svelte-2zyz1y .folder-icon:where(.svelte-2zyz1y){color:#fff}.sidebar.dark-mode.svelte-2zyz1y .folder-name:where(.svelte-2zyz1y){color:#fff}.sidebar.dark-mode.svelte-2zyz1y .note-count:where(.svelte-2zyz1y){color:#ccc;border-color:#666}.sidebar.dark-mode.svelte-2zyz1y .folder-delete:where(.svelte-2zyz1y):hover{color:#fff;border-color:#fff}.sidebar.dark-mode.svelte-2zyz1y .note-item:where(.svelte-2zyz1y):hover{background:#333;border-color:#666}.sidebar.dark-mode.svelte-2zyz1y .note-preview:where(.svelte-2zyz1y){color:#ccc}.sidebar.dark-mode.svelte-2zyz1y .tag:where(.svelte-2zyz1y){color:#ccc;border-color:#666}.sidebar.dark-mode.svelte-2zyz1y .child-folders:where(.svelte-2zyz1y){border-left-color:#333}.sidebar.dark-mode.svelte-2zyz1y .unorganized-section:where(.svelte-2zyz1y){border-top-color:#333}.sidebar.dark-mode.svelte-2zyz1y .clear-all-btn:where(.svelte-2zyz1y):hover{color:#fff;border-color:#fff}.sidebar.dark-mode.svelte-2zyz1y .note-delete:where(.svelte-2zyz1y):hover{color:#fff;border-color:#fff}@media (max-width: 768px){.sidebar.svelte-2zyz1y{width:280px}.sidebar-content.svelte-2zyz1y{padding:.75rem}}.login-container.svelte-m2yh8z{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card.svelte-m2yh8z{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 40px #0000001a;max-width:400px;width:100%}.login-header.svelte-m2yh8z{text-align:center;margin-bottom:2rem}.login-header.svelte-m2yh8z h1:where(.svelte-m2yh8z){margin:0 0 .5rem;font-size:2rem;color:#1f2937}.login-header.svelte-m2yh8z p:where(.svelte-m2yh8z){margin:0;color:#6b7280;font-size:.9rem}.login-form.svelte-m2yh8z{display:flex;flex-direction:column;gap:1rem}.login-form.svelte-m2yh8z h2:where(.svelte-m2yh8z){margin:0 0 1rem;color:#1f2937;font-size:1.5rem;text-align:center}.error-message.svelte-m2yh8z{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.875rem;border:1px solid #fecaca}.form-group.svelte-m2yh8z{display:flex;flex-direction:column;gap:.5rem}.form-group.svelte-m2yh8z label:where(.svelte-m2yh8z){font-weight:500;color:#374151;font-size:.875rem}.form-group.svelte-m2yh8z input:where(.svelte-m2yh8z){padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group.svelte-m2yh8z input:where(.svelte-m2yh8z):focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group.svelte-m2yh8z input:where(.svelte-m2yh8z):disabled{background:#f9fafb;color:#6b7280}.submit-btn.svelte-m2yh8z{padding:.75rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.submit-btn.svelte-m2yh8z:hover:not(:disabled){background:#5855eb}.submit-btn.svelte-m2yh8z:disabled{background:#9ca3af;cursor:not-allowed}.loading-spinner.svelte-m2yh8z{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:svelte-m2yh8z-spin 1s linear infinite}@keyframes svelte-m2yh8z-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-footer.svelte-m2yh8z{margin-top:1rem;text-align:center}.toggle-mode.svelte-m2yh8z{background:none;border:none;color:#6366f1;font-size:.875rem;cursor:pointer;text-decoration:underline}.toggle-mode.svelte-m2yh8z:hover:not(:disabled){color:#5855eb}.toggle-mode.svelte-m2yh8z:disabled{color:#9ca3af;cursor:not-allowed}.features.svelte-m2yh8z{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.features.svelte-m2yh8z h3:where(.svelte-m2yh8z){margin:0 0 1rem;color:#374151;font-size:1rem;text-align:center}.features.svelte-m2yh8z ul:where(.svelte-m2yh8z){margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.features.svelte-m2yh8z li:where(.svelte-m2yh8z){font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}@media (max-width: 480px){.login-card.svelte-m2yh8z{padding:1.5rem}}.help-overlay.svelte-yq1tvi{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.help-popup.svelte-yq1tvi{background:#fafafa;border:1px solid #333;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.help-header.svelte-yq1tvi{padding:20px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.help-header.svelte-yq1tvi h2:where(.svelte-yq1tvi){margin:0;font-size:16px;font-weight:400;color:#333;text-transform:uppercase;letter-spacing:1px}.close-btn.svelte-yq1tvi{background:none;border:1px solid #333;font-size:16px;cursor:pointer;color:#333;padding:4px 8px;font-family:inherit;transition:all .2s}.close-btn.svelte-yq1tvi:hover{background:#333;color:#fff}.help-content.svelte-yq1tvi{padding:20px}.shortcut-section.svelte-yq1tvi{margin-bottom:24px}.shortcut-section.svelte-yq1tvi h3:where(.svelte-yq1tvi){margin:0 0 12px;font-size:12px;font-weight:400;color:#666;text-transform:uppercase;letter-spacing:1px}.shortcut-item.svelte-yq1tvi{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.shortcut-item.svelte-yq1tvi:last-child{border-bottom:none}kbd.svelte-yq1tvi{background:#f5f5f5;border:1px solid #ccc;border-radius:3px;padding:2px 6px;font-size:11px;font-family:inherit;color:#333;margin:0 2px}.shortcut-item.svelte-yq1tvi span:where(.svelte-yq1tvi){flex:1;margin-left:16px;font-size:12px;color:#333}.help-note.svelte-yq1tvi{margin-top:24px;padding:12px;background:#f9f9f9;border:1px solid #ddd}.help-note.svelte-yq1tvi p:where(.svelte-yq1tvi){margin:0;font-size:11px;color:#666;line-height:1.4}.help-popup.dark-mode.svelte-yq1tvi{background:#1a1a1a;border-color:#666}.help-popup.dark-mode.svelte-yq1tvi .help-header:where(.svelte-yq1tvi){background:#1a1a1a;border-bottom-color:#333}.help-popup.dark-mode.svelte-yq1tvi .help-header:where(.svelte-yq1tvi) h2:where(.svelte-yq1tvi){color:#fff}.help-popup.dark-mode.svelte-yq1tvi .close-btn:where(.svelte-yq1tvi){color:#fff;border-color:#666}.help-popup.dark-mode.svelte-yq1tvi .close-btn:where(.svelte-yq1tvi):hover{background:#fff;color:#1a1a1a}.help-popup.dark-mode.svelte-yq1tvi .shortcut-section:where(.svelte-yq1tvi) h3:where(.svelte-yq1tvi){color:#ccc}.help-popup.dark-mode.svelte-yq1tvi .shortcut-item:where(.svelte-yq1tvi){border-bottom-color:#333}.help-popup.dark-mode.svelte-yq1tvi .shortcut-item:where(.svelte-yq1tvi) span:where(.svelte-yq1tvi){color:#fff}.help-popup.dark-mode.svelte-yq1tvi kbd:where(.svelte-yq1tvi){background:#333;border-color:#666;color:#fff}.help-popup.dark-mode.svelte-yq1tvi .help-note:where(.svelte-yq1tvi){background:#333;border-color:#666}.help-popup.dark-mode.svelte-yq1tvi .help-note:where(.svelte-yq1tvi) p:where(.svelte-yq1tvi){color:#ccc}.app-header.svelte-13w6ize{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fafafa;height:40px;position:fixed;top:0;left:0;right:0;z-index:30;border-bottom:1px solid #ddd}.header-left.svelte-13w6ize{flex:1}.header-center.svelte-13w6ize{flex:1;display:flex;justify-content:center;align-items:center}.header-right.svelte-13w6ize{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.logo.svelte-13w6ize{margin:0;font-size:14px;font-weight:400;color:#333;letter-spacing:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;border:1px solid #333;padding:4px 12px;background:transparent;text-transform:uppercase}.user-info.svelte-13w6ize{display:flex;align-items:center;gap:.75rem}.user-email.svelte-13w6ize{font-size:12px;color:#666}.badge.svelte-13w6ize{padding:2px 6px;border:1px solid #333;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:1px}.badge.pro.svelte-13w6ize{background:transparent;color:#333}.upgrade-btn.svelte-13w6ize,.login-btn.svelte-13w6ize{padding:4px 8px;background:transparent;color:#333;border:1px solid #333;font-size:12px;font-weight:400;cursor:pointer;transition:background-color .2s;font-family:inherit}.upgrade-btn.svelte-13w6ize:hover,.login-btn.svelte-13w6ize:hover{background:#333;color:#fff}.dark-mode-toggle.svelte-13w6ize{background:transparent;border:1px solid #333;padding:4px 8px;font-size:14px;color:#333;cursor:pointer;transition:all .2s;font-family:inherit;margin-right:12px}.dark-mode-toggle.svelte-13w6ize:hover{background:#333;color:#fff}.help-btn.svelte-13w6ize{background:transparent;border:1px solid #333;padding:4px 8px;font-size:12px;color:#333;cursor:pointer;transition:all .2s;font-family:inherit;margin-right:12px;font-weight:700}.help-btn.svelte-13w6ize:hover{background:#333;color:#fff}.app-container.svelte-13w6ize{display:flex;height:100vh}.app-header.dark-mode.svelte-13w6ize{background:#1a1a1a;border-bottom-color:#333}.app-header.dark-mode.svelte-13w6ize .logo:where(.svelte-13w6ize){color:#fff;border-color:#fff}.app-header.dark-mode.svelte-13w6ize .dark-mode-toggle:where(.svelte-13w6ize){color:#fff;border-color:#fff}.app-header.dark-mode.svelte-13w6ize .dark-mode-toggle:where(.svelte-13w6ize):hover{background:#fff;color:#1a1a1a}.app-header.dark-mode.svelte-13w6ize .user-email:where(.svelte-13w6ize){color:#ccc}.app-header.dark-mode.svelte-13w6ize .badge.pro:where(.svelte-13w6ize){color:#fff;border-color:#fff}.app-header.dark-mode.svelte-13w6ize .upgrade-btn:where(.svelte-13w6ize),.app-header.dark-mode.svelte-13w6ize .login-btn:where(.svelte-13w6ize){color:#fff;border-color:#fff}.app-header.dark-mode.svelte-13w6ize .upgrade-btn:where(.svelte-13w6ize):hover,.app-header.dark-mode.svelte-13w6ize .login-btn:where(.svelte-13w6ize):hover{background:#fff;color:#1a1a1a}.app-header.dark-mode.svelte-13w6ize .help-btn:where(.svelte-13w6ize){color:#fff;border-color:#fff}.app-header.dark-mode.svelte-13w6ize .help-btn:where(.svelte-13w6ize):hover{background:#fff;color:#1a1a1a}.app-footer.svelte-13w6ize{position:fixed;bottom:0;left:0;right:0;background:#fafafa;color:#333;padding:8px 20px;text-align:center;z-index:20;border-top:1px solid #ddd}.app-footer.svelte-13w6ize p:where(.svelte-13w6ize){margin:0;font-size:11px}.footer-upgrade.svelte-13w6ize{background:none;border:none;color:#333;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit}.footer-upgrade.svelte-13w6ize:hover{background:#333;color:#fff}.app-footer.dark-mode.svelte-13w6ize{background:#1a1a1a;color:#fff;border-top-color:#fff}.app-footer.dark-mode.svelte-13w6ize .footer-upgrade:where(.svelte-13w6ize){color:#fff}.app-footer.dark-mode.svelte-13w6ize .footer-upgrade:where(.svelte-13w6ize):hover{background:#fff;color:#1a1a1a}.logo-container.svelte-13w6ize{display:flex;align-items:center;gap:8px}.loading-icon.svelte-13w6ize{width:12px;height:12px;border:1px solid #333;border-top:1px solid transparent;border-radius:50%;animation:svelte-13w6ize-spin 1s linear infinite}.loading-icon.dark-mode.svelte-13w6ize{border-color:#fff;border-top-color:transparent}@keyframes svelte-13w6ize-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.app-header.svelte-13w6ize{padding:.75rem 1rem}.user-email.svelte-13w6ize{display:none}.app-footer.svelte-13w6ize{padding:.5rem 1rem}.app-footer.svelte-13w6ize p:where(.svelte-13w6ize){font-size:.8rem}}