@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f3f4f6;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--border-color:#e5e7eb;--border-color-light:#f3f4f6;--shadow:#0000001a;--shadow-light:#0000000d;--modal-overlay:#00000080;--input-bg:#fff;--input-border:#ddd}.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#242424;--bg-tertiary:#2d2d2d;--text-primary:#e5e5e5;--text-secondary:#b3b3b3;--text-tertiary:grey;--border-color:#404040;--border-color-light:#333;--shadow:#0000004d;--shadow-light:#0003;--modal-overlay:#000000b3;--input-bg:#2d2d2d;--input-border:#404040}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}body:has(.whiteboard){background-color:initial!important;background:#0000!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-button-container{position:fixed;right:16px;top:16px;z-index:3002}.login-button{background-color:#4285f4;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.login-button:hover{background-color:#357abd;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.user-button{cursor:pointer;transition:transform .2s}.user-button:hover{transform:scale(1.05)}.profile-picture{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:36px;width:36px}.modal-overlay{background-color:var(--modal-overlay)}.modal-container{background-color:#fff;background-color:var(--bg-primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--shadow);color:#333;color:var(--text-primary);min-width:320px;padding:24px;transition:background-color .3s ease,color .3s ease}.modal-close{color:var(--text-secondary);font-size:24px;right:10px;top:10px;transition:color .3s ease}.modal-close:hover{color:var(--text-primary)}.login-modal{text-align:center}.login-modal h2{color:var(--text-primary);margin:0 0 8px}.login-modal p{color:#666;color:var(--text-secondary);margin:0 0 24px}.google-sign-in-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;font-size:16px;gap:8px;padding:12px 24px;transition:background-color .2s}.google-sign-in-button:hover{background-color:#357abd}.google-icon{height:18px;margin-right:8px;width:18px}.header-content{padding:0 20px}.logo{color:#333;color:var(--text-primary);font-size:24px;font-weight:700}.logout-button,.user-info{padding:8px 16px}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s}.logout-button:hover{background-color:#c82333}.email-form{gap:12px;margin-bottom:20px}.email-form input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s,background-color .3s ease}.email-submit-button{border-radius:4px;font-size:14px;padding:12px;transition:background-color .2s}.email-submit-button:hover{background-color:#357abd}.auth-divider{margin:20px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}.auth-divider span{padding:0 10px}.auth-divider span,.auth-switch{color:#666;color:var(--text-secondary);font-size:14px}.auth-switch{margin-top:16px}.switch-button{background:none;border:none;color:#4285f4;cursor:pointer;font-size:14px;padding:0}.switch-button:hover{text-decoration:underline}.error-message{font-size:14px;margin:8px 0}.App{text-align:left}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{background-color:initial;display:flex;flex-direction:column;height:100vh}.app:has(.whiteboard){background-color:initial!important;background:#0000!important;height:100dvh;height:100vh;overflow:hidden}.floating-user-menu{position:fixed;right:16px;top:16px;z-index:1000}.mindmap-container{overflow:hidden}.mindmap-container,main{flex:1 1;position:relative}main{overflow:visible}.dark-mode .app{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode .app:has(.whiteboard){background-color:initial!important;background:#0000!important}.dark-mode .mindmap-container{background-color:var(--bg-secondary)}.share-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5000}.share-modal-container{animation:scaleIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.share-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.share-modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.share-modal-close{align-items:center;background:#0000000d;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.share-modal-close:hover{background:#0000001a;color:#333}.share-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.share-message{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.share-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.share-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}.share-form{margin-bottom:32px}.share-input-group{align-items:stretch;display:flex;gap:8px}.share-email-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1a1a1a;flex:1 1;font-family:inherit;font-size:14px;height:40px;line-height:1.5;padding:10px 14px;transition:all .2s ease}.share-email-input:focus{border-color:#4285f4;box-shadow:0 0 0 4px #4285f41a;outline:none}.share-email-input:disabled{background:#f8f9fa;cursor:not-allowed}.share-permission-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:14px;height:40px;line-height:1.5;min-width:120px;overflow:visible;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.share-permission-select:focus{border-color:#4285f4;box-shadow:0 0 0 4px #4285f41a;outline:none}.share-permission-select:disabled{background:#f8f9fa;cursor:not-allowed}.share-submit-button{align-items:center;background:linear-gradient(135deg,#4285f4,#357abd);border:none;border-radius:8px;box-shadow:0 4px 12px #4285f44d;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;line-height:1.5;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.share-submit-button:hover:not(:disabled){box-shadow:0 6px 16px #4285f466;transform:translateY(-1px)}.share-submit-button:active:not(:disabled){transform:translateY(0)}.share-submit-button:disabled{background:#cbd5e0;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.form-group small{font-size:12px}.collaborators-section{margin-top:24px}.collaborators-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.loading-collaborators,.no-collaborators{color:#666;font-size:14px;padding:40px 20px;text-align:center}.collaborators-list{display:flex;flex-direction:column;gap:12px}.collaborator-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.collaborator-item:hover{background:#f0f2f5;border-color:#4285f433}.collaborator-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.collaborator-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:40px;object-fit:cover;width:40px}.collaborator-details{flex:1 1;min-width:0}.collaborator-name{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.owner-badge{background:linear-gradient(135deg,#4285f4,#357abd);border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.collaborator-email{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collaborator-actions{align-items:center;display:flex;gap:8px}.permission-select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;box-sizing:border-box;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:12px;min-width:90px;overflow:visible;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.permission-select:focus{border-color:#4285f4;outline:none}.permission-select:disabled{background:#f8f9fa;cursor:not-allowed}.remove-collaborator-button{align-items:center;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.remove-collaborator-button:hover:not(:disabled){background:#ef444433;transform:scale(1.05)}.remove-collaborator-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.dark-mode .share-modal-container{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);color:#fff;color:var(--text-primary,#fff)}.dark-mode .share-modal-header{border-bottom-color:#333;border-bottom-color:var(--border-color,#333)}.dark-mode .share-modal-header h3{color:#fff;color:var(--text-primary,#fff)}.dark-mode .share-modal-close{background:#ffffff1a;color:#999;color:var(--text-secondary,#999)}.dark-mode .share-modal-close:hover{background:#ffffff26;color:#fff;color:var(--text-primary,#fff)}.dark-mode .share-email-input,.dark-mode .share-permission-select{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border-color:#444;border-color:var(--input-border,#444);color:#fff;color:var(--text-primary,#fff)}.dark-mode .share-email-input:focus,.dark-mode .share-permission-select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}.dark-mode .share-email-input:disabled,.dark-mode .share-permission-select:disabled{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a)}.dark-mode .form-group small{color:#999;color:var(--text-tertiary,#999)}.dark-mode .collaborators-section h4{color:#fff;color:var(--text-primary,#fff)}.dark-mode .loading-collaborators,.dark-mode .no-collaborators{color:#999;color:var(--text-secondary,#999)}.dark-mode .collaborator-item{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#0000}.dark-mode .collaborator-item:hover{background:#333;background:var(--bg-tertiary,#333);border-color:#60a5fa4d}.dark-mode .collaborator-name{color:#fff;color:var(--text-primary,#fff)}.dark-mode .collaborator-email{color:#999;color:var(--text-secondary,#999)}.dark-mode .permission-select{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border-color:#444;border-color:var(--input-border,#444);color:#fff;color:var(--text-primary,#fff)}.dark-mode .permission-select:focus{border-color:#60a5fa}.dark-mode .permission-select:disabled{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a)}@media (max-width:768px){.share-modal-container{max-height:90vh;width:95%}.share-input-group{flex-direction:column}.share-email-input,.share-permission-select,.share-submit-button{width:100%}.collaborator-item{align-items:flex-start;flex-direction:column;gap:12px}.collaborator-actions{justify-content:flex-end;width:100%}}.saved-whiteboards-container{z-index:999}.menu-toggle{background:#0000;border-radius:8px;box-sizing:border-box;color:#6b7280;font-weight:500;gap:6px;height:32px;padding:6px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-toggle:hover{background:#f3f4f6;color:#111827}.menu-toggle:active{background:#e5e7eb;transform:scale(.98)}.menu-toggle-text{display:inline-block}.board-count-badge{background:#4285f4;border-radius:10px;color:#fff;font-size:11px;font-weight:600;line-height:1.4;min-width:18px;padding:2px 6px;text-align:center}.saved-whiteboards-menu{animation:modalFadeIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:16px!important;box-shadow:0 4px 20px #00000026;display:flex!important;flex-direction:column;height:80vh;left:50%!important;max-height:80vh;max-width:1000px;opacity:1!important;overflow:hidden;padding:0;pointer-events:auto;position:fixed!important;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;top:50%!important;transform:translate(-50%,-50%)!important;visibility:visible!important;width:90%;z-index:10000!important}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.saved-whiteboards-menu::-webkit-scrollbar{width:6px}.saved-whiteboards-menu::-webkit-scrollbar-track{background:#0000}.saved-whiteboards-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.saved-whiteboards-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.menu-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.menu-title{color:#111827;font-size:24px;font-weight:700;margin:0}.saved-whiteboards-menu-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.saved-whiteboards-menu-close:hover{background:#f3f4f6;color:#111827}.saved-whiteboards-menu-close:active{transform:scale(.95)}.library-board-tabs{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;margin:0;padding:0}.library-tab-button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;box-sizing:border-box;color:#6b7280;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;line-height:1.2;padding:7px 14px;transition:background .15s,color .15s;white-space:nowrap}.library-tab-button:hover{background:#e5e7eb;color:#374151}.library-tab-button.active{background:#4285f4;border-bottom:none;box-shadow:none;color:#fff}.library-tab-button svg{flex-shrink:0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;flex-shrink:0;font-size:13px;gap:6px;line-height:1.4;margin:12px 24px 0;padding:8px 12px}.library-error-message{margin:8px 20px 0}.library-main-header{align-items:center;background:#fff;display:flex;flex-shrink:0;padding:12px 20px 0}.library-main{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.library-toolbar{align-items:center;background:#fff;display:flex;flex-shrink:0;gap:12px;padding:10px 20px;z-index:2}.library-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.library-sidebar{background:#fafafa;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;min-height:0;transition:width .2s ease;width:220px}.library-sidebar--collapsed{width:40px}.library-sidebar-header{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;gap:6px;justify-content:space-between;min-height:40px;padding:12px 12px 8px 16px}.library-sidebar--collapsed .library-sidebar-header{justify-content:center;padding:14px 8px 8px}.library-sidebar-title{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.06em;overflow:hidden;text-transform:uppercase;white-space:nowrap}.library-sidebar--collapsed .library-sidebar-title{display:none}.library-sidebar-collapse-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;padding:0;transition:color .15s,background .15s;width:18px}.library-sidebar-collapse-btn:hover{background:#f3f4f6;color:#6b7280}.library-sidebar--collapsed .library-sidebar-collapse-btn svg{transform:rotate(180deg)}.category-navigation .folder-nav-item{justify-content:space-between}.folder-nav-label{flex:1 1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.category-navigation .folder-count{color:#9ca3af;flex-shrink:0;font-size:11px;font-weight:500;margin-left:8px}.category-navigation .folder-nav-item.active .folder-count{color:#4285f4}.library-toolbar+.board-list-header{margin-top:-2px;padding-top:0}.library-toolbar--demo{justify-content:flex-end}.library-toolbar--personal .search-boards{flex:1 1}.library-toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.library-view-toggle{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;display:inline-flex;gap:2px;padding:2px}.library-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .15s,color .15s;width:32px}.library-view-btn:hover{background:#ffffffb3;color:#374151}.library-view-btn.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#4285f4}.library-toolbar .search-boards{margin:0}.library-board-count{color:#6b7280;font-size:12px;font-weight:500;white-space:nowrap}.search-boards{align-items:center;display:flex;margin:12px 16px;padding:0;position:relative}.search-boards .search-icon{color:#9ca3af;height:18px;left:14px;pointer-events:none;position:absolute;width:18px;z-index:1}.search-boards input.search-input{background-color:#fff;border:1.5px solid #e5e7eb;border-radius:6px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:13px;height:36px;line-height:1.4;margin:0;min-height:36px;padding:8px 36px;transition:all .2s;width:100%}.search-boards input.search-input:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a;outline:none}.search-boards input.search-input::placeholder{color:#9ca3af;font-size:14px}.search-boards input.search-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.search-boards .clear-search{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;position:absolute;right:10px;transition:all .2s;width:28px}.clear-search:hover{background-color:#f3f4f6;color:#374151}.demo-board-section{grid-column:1/-1;margin-bottom:8px}.demo-board-section:last-child{margin-bottom:0}.demo-board-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.demo-section-header{color:#6b7280;display:block;font-size:12px;font-weight:700;letter-spacing:.06em;margin:0 0 12px;padding:0;text-transform:uppercase}.demo-section-header:after,.demo-section-header:before{display:none}.saved-boards-list{flex:1 1;overflow-y:auto;padding:16px 20px 20px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.saved-boards-list.board-grid{grid-gap:14px;align-content:start;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.saved-boards-list.board-list{align-content:start;display:flex;flex-direction:column;gap:4px;padding-top:0}.demo-board-list{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.saved-boards-list::-webkit-scrollbar{width:6px}.saved-boards-list::-webkit-scrollbar-track{background:#0000}.saved-boards-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.saved-boards-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.loading-message,.no-boards-message{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:12px;grid-column:1/-1;padding:48px 20px;text-align:center}.no-boards-message svg{opacity:.4}.board-limit-message{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13px;grid-column:1/-1;line-height:1.5;margin:4px 0 0;padding:12px 16px;text-align:center}.saved-board-item.board-card{align-items:stretch;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:0;margin-bottom:0;min-height:0;overflow:hidden;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s}.saved-board-item.board-card:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.saved-board-item.board-card.board-is-open{border-color:#93c5fd}.board-card-preview{background:#e5e7eb;border-bottom:1px solid #0000000a;height:88px;overflow:hidden;position:relative}.board-thumbnail{height:100%;overflow:hidden;position:relative;width:100%}.board-thumbnail--card{min-height:88px}.board-thumbnail--list{border-radius:8px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.board-thumbnail-image{display:block;height:100%;object-fit:cover;width:100%}.board-thumbnail-placeholder{background:radial-gradient(circle at 1px 1px,#d1d5db 1px,#0000 0) 0 0 /12px 12px,#e5e7eb;height:100%;width:100%}.board-thumbnail--loading .board-thumbnail-placeholder{animation:board-thumbnail-pulse 1.2s ease-in-out infinite}@keyframes board-thumbnail-pulse{0%,to{opacity:1}50%{opacity:.65}}.board-card-open-badge{background:#4285f4;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;box-sizing:initial;display:block;flex:none;flex-shrink:0;height:8px;max-height:8px;max-width:8px;min-height:8px;min-width:8px;position:absolute;right:8px;top:8px;width:8px;z-index:2}.saved-board-item{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;gap:12px;justify-content:space-between;margin-bottom:6px;min-height:56px;padding:10px 12px;transition:all .2s}.saved-board-item:last-child{margin-bottom:0}.saved-board-item:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.board-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding:12px 12px 10px}.board-card .board-item-content{gap:6px}.board-item-header{align-items:center;display:flex;gap:10px}.board-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;flex:1 1;font-size:14px;font-weight:600;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:normal}.board-card .board-name{font-size:13px}.current-badge{background:#4285f4;border-radius:50%;display:block;flex:none;flex-shrink:0;height:8px;max-height:8px;max-width:8px;min-height:8px;min-width:8px;width:8px}.board-item-meta{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px}.board-card .board-actions{display:flex;flex-shrink:0;gap:2px;justify-content:flex-end;opacity:0;padding:0 8px 10px;transition:opacity .15s ease}.board-card.board-is-open .board-actions,.board-card:focus-within .board-actions,.board-card:hover .board-actions{opacity:1}.saved-board-item.board-list-item{grid-gap:12px;align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:grid;gap:12px;grid-template-columns:40px minmax(0,1fr) auto auto;margin-bottom:0;min-height:48px;padding:8px 12px;transition:background .15s,border-color .15s}.saved-board-item.board-list-item:hover{background:#f9fafb;border-color:#e5e7eb;box-shadow:none;transform:none}.saved-board-item.board-list-item.board-is-open{background:#0000;border-color:#0000}.board-list-icon{align-items:center;border-radius:8px;color:#374151;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.board-list-thumbnail{grid-column:auto}.board-list-details{align-items:center;display:flex;gap:8px;min-width:0}.board-list-name{color:#111827;flex:1 1;font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list-date{color:#6b7280;font-size:12px;padding-right:4px;white-space:nowrap}.board-list-item .board-actions{justify-content:flex-end;opacity:1;padding:0}.board-list-item .current-badge{flex:none;height:8px;max-height:8px;max-width:8px;width:8px}.board-list-header{grid-gap:12px;background:#fff;border-bottom:1px solid #e5e7eb;display:grid;flex-shrink:0;gap:12px;grid-template-columns:40px minmax(0,1fr) auto auto;margin:0;padding:4px 32px 8px;z-index:1}.board-list-header-cell{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.board-list-header-name{grid-column:2}.board-list-header-date{padding-right:4px;text-align:right}.board-list-header-actions{width:120px}.meta-icon{flex-shrink:0;opacity:.6}.saved-date{color:#6b7280;white-space:nowrap}.board-actions{flex-shrink:0}.board-actions .board-more-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .2s;width:32px}.board-actions .board-more-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.board-actions .board-more-btn:disabled{cursor:not-allowed;opacity:.4}.board-actions-menu-overlay{background:#0000;inset:0;position:fixed;z-index:14999}.board-actions-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:168px;padding:4px;position:fixed;transform:translate(-100%,8px);z-index:15000}.board-actions-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;text-align:left;transition:background .15s;width:100%}.board-actions-menu-item:hover:not(:disabled){background:#f3f4f6}.board-actions-menu-item:disabled{cursor:not-allowed;opacity:.4}.board-actions-menu-item--danger{color:#dc2626}.board-actions-menu-item--danger:hover:not(:disabled){background:#fef2f2;color:#b91c1c}.board-actions button{align-items:center;background:#0000;border-radius:6px;color:#6b7280;display:flex;height:32px;justify-content:center;padding:6px;transition:all .2s;width:32px}.board-actions button:hover:not(:disabled){background:#f3f4f6;color:#111827}.board-actions .export-btn{color:#4285f4}.board-actions .export-btn:hover:not(:disabled){background:#eff6ff;color:#2563eb}.board-actions .share-btn{color:#4285f4}.board-actions .share-btn:hover:not(:disabled){background:#eff6ff;color:#2563eb}.board-actions .delete-btn{color:#dc2626}.board-actions .delete-btn:hover:not(:disabled){background:#fef2f2;color:#b91c1c}.board-actions button:disabled{cursor:not-allowed;opacity:.4}.saved-whiteboards-menu-spacer{height:8px;pointer-events:none;position:absolute;right:0;top:calc(100% + 516px);width:400px;z-index:999}.saved-whiteboards-menu-overlay{animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.saved-whiteboards-menu{border-radius:12px!important;max-height:90vh!important;max-width:95vw!important;width:95vw!important}.menu-header{padding:16px 20px!important}.menu-title{font-size:20px!important}.library-main-header{padding:12px 16px 0!important}.library-error-message{margin:8px 16px 0!important}.library-toolbar{padding:10px 16px!important}.library-content{flex-direction:column}.library-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-height:none;width:100%}.library-sidebar--collapsed{max-height:44px;overflow:hidden;width:100%}.library-sidebar--collapsed .library-sidebar-header{padding:12px 16px}.library-toolbar{flex-wrap:wrap;padding:12px 16px 0!important}.library-toolbar-actions{justify-content:space-between;width:100%}.demo-board-grid,.saved-boards-list.board-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:12px 16px 16px!important}.saved-board-item.board-list-item{gap:4px 10px;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto}.board-list-date{font-size:11px;grid-column:2;padding-right:0}.board-list-item .board-actions{align-self:center;grid-column:3;grid-row:1/span 2}}@media (max-width:480px){.saved-whiteboards-menu{padding:0!important}.menu-header{padding:16px 16px 12px!important}.saved-whiteboards-menu-close{height:36px!important;right:16px!important;top:16px!important;width:36px!important}.library-main-header{padding:12px 16px 0!important}.search-boards{margin:12px 16px!important}.saved-boards-list{padding:8px 16px 16px!important}}.dark-mode .menu-toggle{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .menu-toggle:hover{background:#374151;background:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .menu-toggle:active{background:#4b5563;background:var(--bg-secondary,#4b5563)}.dark-mode .saved-whiteboards-menu{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151);box-shadow:0 4px 20px #0000004d,0 2px 6px #0003}.dark-mode .menu-header{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}.dark-mode .menu-title{color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .saved-whiteboards-menu-close{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .saved-whiteboards-menu-close:hover{background:#374151;background:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .library-main,.dark-mode .library-main-header{background:#1f2937;background:var(--bg-primary,#1f2937)}.dark-mode .library-sidebar{background:#111827;background:var(--bg-secondary,#111827);border-right-color:#374151;border-right-color:var(--border-color,#374151)}.dark-mode .library-sidebar-collapse-btn,.dark-mode .library-sidebar-header,.dark-mode .library-sidebar-title{color:#6b7280;color:var(--text-tertiary,#6b7280)}.dark-mode .library-sidebar-collapse-btn:hover{background:#374151;background:var(--bg-tertiary,#374151);color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .category-navigation .folder-count{color:#6b7280;color:var(--text-tertiary,#6b7280)}.dark-mode .category-navigation .folder-nav-item.active .folder-count{color:#60a5fa}.dark-mode .library-board-count{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .board-card-preview{background:#111827;border-bottom-color:#ffffff0f}.dark-mode .board-thumbnail-placeholder{background:radial-gradient(circle at 1px 1px,#374151 1px,#0000 0) 0 0 /12px 12px,#111827}.dark-mode .saved-board-item.board-card{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}.dark-mode .saved-board-item.board-card:hover{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#4b5563}.dark-mode .saved-board-item.board-card.board-is-open{border-color:#3b82f6}.dark-mode .library-view-toggle{background:#374151;background:var(--bg-tertiary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}.dark-mode .library-view-btn{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .library-view-btn:hover{background:#ffffff0f;color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .library-view-btn.active{background:#1f2937;background:var(--bg-primary,#1f2937);color:#60a5fa}.dark-mode .saved-board-item.board-list-item:hover{background:#374151;background:var(--bg-tertiary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}.dark-mode .saved-board-item.board-list-item.board-is-open{background:#0000;border-color:#0000}.dark-mode .board-list-name{color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .board-list-date{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .board-list-icon{color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .board-list-header,.dark-mode .library-main,.dark-mode .library-toolbar{background:#1f2937;background:var(--bg-primary,#1f2937)}.dark-mode .board-list-header{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}.dark-mode .board-list-header-cell{color:#6b7280;color:var(--text-tertiary,#6b7280)}.dark-mode .folder-navigation{border-bottom-color:#0000}.dark-mode .library-tab-button{background:#374151;background:var(--bg-tertiary,#374151);border-bottom:none;color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .library-tab-button:hover{background:#4b5563;background:var(--bg-secondary,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .library-tab-button.active{background:#4285f4;border-bottom:none;color:#fff}.dark-mode .error-message{border-color:#dc2626}.dark-mode .search-boards .search-icon{color:#6b7280;color:var(--text-tertiary,#6b7280)}.dark-mode .search-boards input.search-input{background-color:#374151!important;background-color:var(--input-bg,#374151)!important;border-color:#4b5563!important;border-color:var(--input-border,#4b5563)!important;color:#f9fafb!important;color:var(--text-primary,#f9fafb)!important}.dark-mode .search-boards input.search-input:focus{border-color:#4285f4!important;box-shadow:0 0 0 3px #4285f433!important}.dark-mode .search-boards input.search-input::placeholder{color:#6b7280!important;color:var(--text-tertiary,#6b7280)!important}.dark-mode .search-boards input.search-input:disabled{background-color:#374151!important;background-color:var(--bg-tertiary,#374151)!important;opacity:.5}.dark-mode .clear-search{color:#6b7280;color:var(--text-tertiary,#6b7280)}.dark-mode .clear-search:hover{background-color:#374151;background-color:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .demo-section-header{color:#9ca3af}.dark-mode .demo-section-header:after,.dark-mode .demo-section-header:before{background:#374151}.dark-mode .saved-board-item{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}.dark-mode .saved-board-item:hover{background:#374151;background:var(--bg-tertiary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}.dark-mode .saved-board-item.board-is-open{background:#0000;border-color:#0000}.dark-mode .board-name{color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .board-actions .board-more-btn,.dark-mode .board-item-meta,.dark-mode .saved-date{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .board-actions .board-more-btn:hover:not(:disabled){background:#374151;background:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .board-actions-menu{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#4b5563;border-color:var(--border-color,#4b5563);box-shadow:0 4px 16px #00000059}.dark-mode .board-actions-menu-item{color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .board-actions-menu-item:hover:not(:disabled){background:#374151;background:var(--bg-tertiary,#374151)}.dark-mode .board-actions-menu-item--danger{color:#f87171}.dark-mode .board-actions-menu-item--danger:hover:not(:disabled){background:#f8717126;color:#fca5a5}.dark-mode .board-actions button{background:#0000;color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .board-actions button:hover:not(:disabled){background:#374151;background:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .board-actions .export-btn{color:#60a5fa}.dark-mode .board-actions .export-btn:hover:not(:disabled){background:#60a5fa26;color:#93c5fd}.dark-mode .board-actions .share-btn{color:#60a5fa}.dark-mode .board-actions .share-btn:hover:not(:disabled){background:#60a5fa26;color:#93c5fd}.dark-mode .board-actions .delete-btn{color:#f87171}.dark-mode .board-actions .delete-btn:hover:not(:disabled){background:#f8717126;color:#fca5a5}.dark-mode .loading-message,.dark-mode .no-boards-message{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .board-limit-message{background:#ffc10726;border-color:#ffc1074d;color:#fbbf24}@media (max-width:768px){.dark-mode .saved-whiteboards-menu{background:#1f2937!important;background:var(--bg-primary,#1f2937)!important}}.delete-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0!important;display:flex;height:100vh!important;justify-content:center;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:20000!important}.delete-confirm-dialog{animation:dialogSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:50%!important;margin:0!important;max-width:400px;padding:24px;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90%;z-index:20001!important}@keyframes dialogSlideIn{0%{opacity:0;transform:translate(-50%,-48%)!important}to{opacity:1;transform:translate(-50%,-50%)!important}}.delete-confirm-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.delete-confirm-icon{color:#dc2626;flex-shrink:0}.delete-confirm-title{color:#111827;font-size:20px;font-weight:600;margin:0}.delete-confirm-message{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 24px}.delete-confirm-message strong{color:#111827;font-weight:600}.delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.delete-confirm-cancel,.delete-confirm-delete{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s}.delete-confirm-cancel{background:#f3f4f6;color:#374151}.delete-confirm-cancel:hover:not(:disabled){background:#e5e7eb;color:#111827}.delete-confirm-delete{background:#dc2626;color:#fff}.delete-confirm-delete:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 6px -1px #dc26264d}.delete-confirm-cancel:disabled,.delete-confirm-delete:disabled{cursor:not-allowed;opacity:.6}.dark-mode .delete-confirm-dialog{background:#1f2937;background:var(--bg-primary,#1f2937);border:1px solid #374151;border:1px solid var(--border-color,#374151)}.dark-mode .delete-confirm-title{color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .delete-confirm-message{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .delete-confirm-cancel,.dark-mode .delete-confirm-message strong{color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .delete-confirm-cancel{background:#374151;background:var(--bg-tertiary,#374151)}.dark-mode .delete-confirm-cancel:hover:not(:disabled){background:#4b5563;background:var(--bg-secondary,#4b5563)}.dark-mode .delete-confirm-delete{background:#dc2626;color:#fff}.dark-mode .delete-confirm-delete:hover:not(:disabled){background:#b91c1c}@media (max-width:480px){.delete-confirm-dialog{max-width:none;padding:20px;width:calc(100% - 32px)}.delete-confirm-actions{flex-direction:column-reverse}.delete-confirm-cancel,.delete-confirm-delete{width:100%}}.folder-navigation{border-bottom:none;flex:1 1;margin:0;max-height:none;overflow-y:auto;padding:0 12px 16px;scrollbar-width:thin}.folder-navigation::-webkit-scrollbar{width:4px}.folder-navigation::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.folder-nav-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:4px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.folder-nav-item:hover{background:#f3f4f6;color:#111827}.folder-nav-item.active{background:#eff6ff;color:#4285f4}.folder-tree{margin-left:0;margin-top:4px}.folder-item-wrapper{margin-bottom:2px}.folder-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:6px 8px;position:relative;transition:all .2s}.folder-item:hover{background:#f9fafb}.folder-item.selected{background:#eff6ff;color:#4285f4}.folder-toggle{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:16px;justify-content:center;padding:2px;width:16px}.folder-toggle:disabled{cursor:default;opacity:.3}.folder-name-button{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;min-width:0;padding:0;text-align:left}.folder-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{color:#9ca3af;font-size:11px;margin-left:4px}.folder-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.folder-item:hover .folder-actions{opacity:1}.folder-delete-btn,.folder-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.folder-edit-btn:hover{background:#f3f4f6;color:#4285f4}.folder-delete-btn:hover{background:#fef2f2;color:#dc2626}.folder-rename-input{border:1.5px solid #4285f4;border-radius:4px;flex:1 1;font-family:inherit;font-size:13px;min-width:0;padding:4px 8px}.folder-children{margin-left:0}.create-folder-btn{align-items:center;background:#0000;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:8px 12px;transition:all .2s;width:100%}.create-folder-btn:hover{background:#eff6ff;border-color:#4285f4;color:#4285f4}.create-folder-form{background:#f9fafb;border-radius:6px;margin-top:8px;padding:8px}.folder-name-input{border:1.5px solid #e5e7eb;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:13px;margin-bottom:8px;padding:6px 10px;width:100%}.folder-name-input:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a;outline:none}.folder-form-actions{display:flex;gap:8px;justify-content:flex-end}.folder-form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.folder-form-actions button[type=submit]{background:#4285f4;color:#fff}.folder-form-actions button[type=submit]:hover:not(:disabled){background:#2563eb}.folder-form-actions button[type=submit]:disabled{cursor:not-allowed;opacity:.5}.folder-form-actions button[type=button]{background:#f3f4f6;color:#374151}.folder-form-actions button[type=button]:hover{background:#e5e7eb}.move-btn{color:#6b7280;position:relative}.move-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.board-item{position:relative}.move-menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:15000}.move-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:300px;max-width:250px;min-width:180px;overflow-y:auto;padding:4px;position:fixed;scrollbar-width:thin;z-index:15001}.move-menu-header{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;margin-bottom:4px;padding:8px 12px}.move-menu-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.move-menu-item:hover{background:#f3f4f6}.move-menu-item.active{background:#eff6ff;color:#4285f4}.move-menu-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:12px;text-align:center}.dark-mode .folder-navigation{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}.dark-mode .folder-nav-item{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .folder-nav-item:hover{background:#374151;background:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .folder-nav-item.active{background:#4285f426;color:#60a5fa}.dark-mode .folder-item{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .folder-item:hover{background:#374151;background:var(--bg-tertiary,#374151)}.dark-mode .folder-item.selected{background:#4285f426;color:#60a5fa}.dark-mode .folder-count,.dark-mode .folder-toggle{color:#6b7280;color:var(--text-tertiary,#6b7280)}.dark-mode .folder-delete-btn,.dark-mode .folder-edit-btn{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .folder-edit-btn:hover{background:#374151;background:var(--bg-tertiary,#374151);color:#60a5fa}.dark-mode .folder-delete-btn:hover{background:#f8717126;color:#f87171}.dark-mode .folder-rename-input{background:#374151;background:var(--input-bg,#374151);border-color:#4b5563;border-color:var(--input-border,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .create-folder-btn{border-color:#374151;border-color:var(--border-color,#374151);color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .create-folder-btn:hover{background:#4285f426;border-color:#4285f4;color:#60a5fa}.dark-mode .create-folder-form{background:#374151;background:var(--bg-tertiary,#374151)}.dark-mode .folder-name-input{background:#1f2937;background:var(--input-bg,#1f2937);border-color:#4b5563;border-color:var(--input-border,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .folder-form-actions button[type=button]{background:#4b5563;background:var(--bg-secondary,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .move-menu{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}.dark-mode .move-menu-header{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151);color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .move-menu-item{color:#f9fafb;color:var(--text-primary,#f9fafb)}.dark-mode .move-menu-item:hover{background:#374151;background:var(--bg-tertiary,#374151)}.dark-mode .move-menu-item.active{background:#4285f426;color:#60a5fa}.dark-mode .move-menu-empty{color:#6b7280;color:var(--text-tertiary,#6b7280)}.search-panel{animation:slideInFromRight .3s ease;background-color:#fff;border:1px solid #ddd;border-radius:0;border-right:none;display:flex;flex-direction:column;height:calc(100vh - 60px);max-width:calc(100vw - 40px);overflow:hidden;position:fixed;right:0;top:60px;transition:transform .3s ease;width:400px;will-change:transform;z-index:2000}.search-panel.closing{animation:slideOutToRight .3s ease}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.search-panel-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px;position:sticky;top:0;z-index:101}.search-panel-header h3{color:#333;font-size:1.2em;margin:0}.close-button{color:#495057;height:32px;padding:4px;transition:all .2s ease;width:32px}.close-button:hover{background:#e9ecef;color:#007bff}.close-button svg{stroke:currentColor;stroke-width:2;height:20px;width:20px}.search-panel-content{display:flex;flex-direction:column;flex-grow:1;gap:15px;overflow-y:auto;padding:15px}.highlighted-items{margin-bottom:10px}.highlighted-items h4{color:#666;font-size:1em;font-weight:500;margin:0 0 10px}.highlighted-items ul{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0}.highlighted-items li{background-color:#f0f8ff;border-left:3px solid #007bff;border-radius:4px;font-size:.9em;padding:8px 10px}.action-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.ai-button{background-color:#6610f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px;transition:background-color .2s;width:100%}.ai-button:hover{background-color:#5a0fc1}.ai-button:disabled{background-color:#ccc;cursor:not-allowed}.completion-results{background-color:#f8f9fa;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;height:100%;margin-bottom:10px;overflow:hidden}.completion-tabs{border-bottom:1px solid #eee;display:flex}.tab-button{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:background-color .2s}.tab-button.active,.tab-button:hover{background-color:#e9ecef}.tab-button.active{border-bottom:2px solid #007bff;color:#007bff}.completion-content{max-height:100%;overflow-y:auto;padding:15px}.completion-text{color:#333;line-height:1.25;overflow-x:auto;padding:.5rem;white-space:pre-wrap}.completion-text h1,.completion-text h2,.completion-text h3{font-weight:600;margin-bottom:0}.completion-text p{margin-bottom:.5em}.completion-text code{background-color:#f5f5f5;border-radius:3px;font-family:monospace;padding:.2em .4em}.completion-text pre{background-color:#f5f5f5;border-radius:5px;overflow-x:auto;padding:1em}.completion-text pre code{background-color:initial;padding:0}.completion-text ol,.completion-text ul{margin-bottom:1em;padding-left:1.5em}.completion-text li{margin-bottom:.5em}.completion-text strong{font-weight:600}.completion-text a{color:#06c;text-decoration:none}.completion-text a:hover{text-decoration:underline}.completion-text blockquote{border-left:4px solid #ddd;color:#666;margin:1em 0;padding-left:1em}.completion-text table{border-collapse:collapse;margin:1em 0;width:100%}.completion-text td,.completion-text th{border:1px solid #ddd;padding:.5em;text-align:left}.completion-text th{background-color:#f5f5f5}.api-info{background-color:#e8f4fd;border-left:4px solid #2196f3;border-radius:0 4px 4px 0;color:#0d47a1;font-size:.9rem;margin-bottom:16px;padding:8px 12px}.completion-text h1{color:#333;font-size:1.8rem;margin-bottom:1rem;margin-top:1.5rem}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 20px}.loading-indicator p{color:#666;font-size:.9em;margin-top:15px}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #007bff33;border-radius:50%;border-top-color:#007bff;height:30px;width:30px}.tab-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.tab-name{font-weight:500;margin-bottom:2px}.tab-model{color:#888;font-size:.7em}.tab-button.active .tab-model{color:#0056b3}.empty-selection-message{color:#888;font-size:.9em;font-style:italic;margin:10px 0}.error-message{background-color:#fff0f0;border-left:3px solid #dc3545;border-radius:4px;margin-bottom:15px;padding:15px}.error-message h4{color:#dc3545;font-size:1em;margin:0 0 10px}.error-message p{color:#666;font-size:.9em;margin:0 0 10px}.error-message .help-text{color:#888;font-size:.85em;font-style:italic}.completion-result{width:100%}.system-instructions{margin-bottom:15px}.system-instructions h4{color:#666;font-size:1em;font-weight:500;margin:0 0 8px}.instructions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.reset-instructions{background-color:#f2f2f2;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:.8em;padding:3px 8px;transition:all .2s}.reset-instructions:hover{background-color:#e6e6e6;color:#333}.instructions-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9em;min-height:60px;padding:10px;resize:vertical;transition:border-color .2s;width:95%}.instructions-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.instructions-hint{color:#888;font-size:.8em;font-style:italic;margin:5px 0 0}@media (max-width:768px){.search-panel{height:calc(100vh - 90px);left:40px;max-height:calc(100vh - 90px);right:40px;top:70px;width:auto}@keyframes slideInFromRight{0%{opacity:0;transform:translate(calc(100% + 40px))}to{opacity:1;transform:translate(0)}}}.search-panel.chat-focused{background:#fff;border:1px solid #ddd;border-radius:0;border-right:none;display:flex;flex-direction:column;height:calc(100vh - 60px);right:0;top:60px;transition:opacity .3s ease,visibility .3s ease}.search-panel.chat-focused.faded-out{opacity:0;pointer-events:none;visibility:hidden}.chat-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:16px 20px}.chat-header h3{color:#333;font-size:16px;font-weight:500;margin:0}.header-actions{gap:8px}.close-button,.settings-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.close-button:hover,.settings-button:hover{background:#0000000d;color:#333}.close-button:active,.settings-button:active{background:#00000014;transform:scale(.95)}.tab-close{background:#0000;border-radius:4px;color:#666;margin-left:4px;padding:0}.tab-close:hover{background:#0000000d;color:#333}.tab-close:active{background:#00000014;transform:scale(.95)}.chat-settings{background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:13px;padding:12px 16px}.model-selection{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:12px;margin-bottom:8px;padding:8px 12px}.model-selection label{color:#495057;font-size:13px;font-weight:500;white-space:nowrap}.model-selection select{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;flex:1 1;font-size:13px;padding:6px 10px;transition:all .2s ease}.model-selection select option:disabled{background-color:#f5f5f5;color:#999}.model-selection select:hover{border-color:#adb5bd}.model-selection select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.custom-select-wrapper{flex:1 1;position:relative}.custom-select{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:13px;padding:6px 10px;transition:all .2s ease}.custom-select:hover{border-color:#adb5bd}.select-display{align-items:center;display:flex;flex:1 1}.custom-select-dropdown{background:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:0 2px 8px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.custom-select-option{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:13px;padding:8px 10px;transition:background-color .2s ease}.custom-select-option:hover:not(.disabled){background-color:#f8f9fa}.custom-select-option.selected{background-color:#e7f3ff;color:#007bff}.custom-select-option.disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.selected-items{background:#f8f9fa;border-radius:4px;color:#666;font-size:13px;padding:8px 12px}.selected-items label{color:#495057;font-weight:500;margin-right:8px}.items-count{color:#666;display:inline-block}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-bottom:0;overflow-y:auto;padding:16px}.message{border-radius:12px;line-height:1.4;max-width:85%}.message.user{align-self:flex-end;background:#007bff;color:#fff;margin-left:15%}.message.user.image-only{padding:4px}.message.assistant{align-self:flex-start;background:#f1f3f5;color:#333;margin-right:15%}.message-content{word-wrap:break-word;line-height:1.3}.message-content p{line-height:1.1}.message-content p+p{margin-top:0}.message-content pre{margin:4px 0;padding:8px}.message-screenshot{background:none;border-radius:0;margin:0;padding:0}.message.user .message-screenshot{background:none}.message.image-only{padding:8px}.message.image-only,.message.user.image-only{background:#0000!important}.message.image-only .message-screenshot{margin:0}.message.image-only .message-screenshot img{border-radius:8px;display:block!important}.typing-indicator{padding:8px}.chat-input{background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:16px;position:sticky;width:100%}.screenshot-preview-container{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:8px;padding:8px}.screenshot-preview-container img{border-radius:4px;box-shadow:0 2px 4px #0000001a;max-height:100px}.remove-screenshot{align-items:center;background:none;border:none;color:#dc3545;display:flex;font-size:12px;gap:4px;padding:4px 8px}.remove-screenshot:hover{color:#c82333}.remove-screenshot svg{height:14px;width:14px}.chat-input-controls{display:flex;gap:12px}.chat-input textarea{border:1px solid #dee2e6;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;height:44px;line-height:1.5;padding:12px;resize:none;transition:border-color .2s}.chat-input textarea:focus{border-color:#007bff;outline:none}.chat-input textarea:disabled{background:#f8f9fa;cursor:not-allowed}.send-button{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:background-color .2s;width:44px}.send-button:hover:not(:disabled){background:#0056b3}.send-button:disabled{background:#e9ecef;cursor:not-allowed}.message-content h1,.message-content h2,.message-content h3,.message-content h4{font-weight:600;margin-bottom:8px;margin-top:0}.message-content ol,.message-content ul{margin:4px 0;padding-left:20px}.message-content li{line-height:1.4;margin:2px 0}.message-content a{color:#007bff;text-decoration:none}.message-content a:hover{text-decoration:underline}@media (max-width:768px){.message{max-width:90%}.chat-input{padding:12px}.chat-input textarea{padding:8px}.send-button{height:40px;width:40px}}.chat-tabs{align-items:flex-end;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:8px 8px 0;scrollbar-color:#ccc #0000;scrollbar-width:thin}.chat-tabs::-webkit-scrollbar{height:4px}.chat-tabs::-webkit-scrollbar-track{background:#0000}.chat-tabs::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px}.chat-tab{align-items:center;background:#fff;border:1px solid #dee2e6;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;display:flex;flex-shrink:0;height:32px;max-width:200px;min-width:120px;padding:8px 16px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.chat-tab.active{background:#fff;border-color:#e0e0e0;margin-bottom:-1px;padding-bottom:9px}.chat-tab:hover{background:#f8f9fa}.chat-tab.active:hover{background:#fff}.tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-name,.tab-rename-input{color:#495057;flex:1 1;font-size:14px;margin-right:24px}.tab-rename-input{background:#fff;border:1px solid #007bff;border-radius:4px;font-family:inherit;min-width:0;outline:none;padding:2px 6px}.tab-rename-input:focus{border-color:#0056b3;box-shadow:0 0 0 2px #007bff40}.tab-close{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;min-width:20px;opacity:.6;padding:4px;position:absolute;right:8px;transition:all .2s ease;width:20px}.tab-close:hover{background:#e9ecef;opacity:1}.tab-close svg{color:#666;height:12px;width:12px}.new-tab-button{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;min-width:32px;padding:8px;transition:all .2s ease}.new-tab-button:hover{background:#e9ecef;color:#495057}.new-tab-button svg{stroke:currentColor;fill:none;height:20px;width:20px}@media (max-width:768px){.chat-tab{min-width:100px;padding:6px 12px}.tab-name{font-size:13px;margin-right:20px}.tab-close{height:18px;right:6px;width:18px}.tab-close svg{height:10px;width:10px}}.close-button svg,.new-tab-button svg,.send-button svg,.settings-button svg,.tab-close svg{stroke:currentColor;fill:none}.settings-button.vision-model-prompt{background-color:#fff3cd;border:1px solid #ffc107;position:relative}.settings-button.vision-model-prompt:hover{background-color:#ffe69c;border-color:#ffb300}.vision-model-badge{animation:pulse 2s infinite;background-color:#ff6b6b;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:-6px;top:-6px;white-space:nowrap;z-index:10}.panel-open .whiteboard-container{margin-right:0;width:100%}.panel-open .whiteboard-zoom-overlay{right:20px}.screenshot-preview{background:#fff;border:1px solid #dee2e6;border-radius:4px;margin-top:12px;padding:12px}.screenshot-preview label{color:#495057;display:block;font-size:13px;font-weight:500;margin-bottom:0}.screenshot-preview img{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:auto;width:100%}.remove-screenshot{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease;width:100%}.remove-screenshot:hover{background-color:#e9ecef;border-color:#ced4da}.remove-screenshot:active{background-color:#dee2e6;transform:translateY(1px)}.highlighted-images-preview{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px}.image-preview-item{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px #0000001a;height:120px;overflow:hidden;position:relative;width:120px}.image-preview-item img{display:block;height:100%;object-fit:cover;width:100%}.message-screenshot{background:#0000000d;border-radius:4px;margin-top:8px;overflow:hidden;padding:8px}.message-screenshot img{border-radius:4px;box-shadow:0 2px 4px #0000001a;display:block;max-height:200px;max-width:100%}.message.user .message-screenshot{background:#ffffff1a}.history-button{align-items:center;background:#0000;border:none;border-radius:6px;box-sizing:border-box;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;line-height:0;padding:0;position:relative;transition:all .2s ease;width:32px}.history-button:hover:not(:disabled){background:#0000000d;color:#333}.history-button:disabled{cursor:not-allowed;opacity:.4}.history-button svg{stroke:currentColor;fill:none;display:block;flex-shrink:0;height:16px;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:16px}.history-button.saving{color:#007bff}.history-button.saving svg{animation:spin 1s linear infinite;transform:translate(-50%,-50%) rotate(0deg);transform-origin:center center}.fullscreen-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.fullscreen-button:hover{background:#e9ecef;border-color:#ced4da}.fullscreen-button svg{stroke:currentColor;fill:none;height:16px;width:16px}.chat-modal{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.chat-modal-content{animation:scaleIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{color:#333;font-size:18px;font-weight:500;margin:0}.modal-header .header-actions{align-items:center;display:flex;gap:8px}.modal-header .settings-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-header .settings-button:hover{background:#0000000d;color:#333}.modal-header .settings-button:active{background:#00000014;transform:scale(.95)}.modal-body{background:#fff;border-radius:0 0 12px 12px;overflow:hidden}.modal-body,.modal-chat-messages{display:flex;flex:1 1;flex-direction:column}.modal-chat-messages{gap:4px;overflow-y:auto;padding:20px}.modal-chat-input{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;padding:20px}.modal-chat-input .chat-input-controls{align-items:flex-end;display:flex;gap:12px}.modal-chat-input textarea{background:#fff;border:1px solid #dee2e6;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;height:44px;line-height:1.5;padding:12px;resize:none;transition:border-color .2s}.modal-chat-input textarea:focus{border-color:#007bff;outline:none}.modal-chat-input .send-button{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:background-color .2s;width:44px}.modal-chat-input .send-button:hover:not(:disabled){background:#0056b3}.modal-chat-input .send-button:disabled{background:#e9ecef;cursor:not-allowed}.modal-chat-input .screenshot-preview-container{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:12px;padding:12px}.modal-chat-input .screenshot-preview-container img{border-radius:4px;box-shadow:0 2px 4px #0000001a;max-height:120px}.chat-history-modal{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:4000}.chat-history-content{animation:scaleIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.chat-history-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.chat-history-header h3{color:#333;font-size:18px;font-weight:500;margin:0}.chat-history-body{flex:1 1;overflow-y:auto;padding:20px}.empty-history{color:#666;padding:40px 20px;text-align:center}.empty-history p{margin:8px 0}.empty-history-hint{color:#999;font-size:14px;font-style:italic}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.history-item:hover{background:#e9ecef;border-color:#adb5bd;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.history-item-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.history-item-name-wrapper{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.history-item-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.history-action-buttons{align-items:center;display:flex;flex-shrink:0;gap:6px}.history-item-name{color:#333;cursor:text;font-size:16px;font-weight:600;-webkit-user-select:none;user-select:none}.history-item-name:hover{color:#007bff}.history-rename-input{background:#fff;border:1px solid #007bff;border-radius:4px;color:#333;flex:1 1;font-family:inherit;font-size:16px;font-weight:600;margin-right:8px;min-width:0;outline:none;padding:4px 8px}.history-rename-input:focus{border-color:#0056b3;box-shadow:0 0 0 2px #007bff40}.history-item-count{background:#fff;border-radius:12px;color:#666;font-size:13px;padding:4px 8px}.history-save-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.history-save-button:hover:not(:disabled){background:#007bff;border-color:#007bff;color:#fff}.history-save-button:disabled{cursor:not-allowed;opacity:.6}.history-save-button svg{stroke:currentColor;fill:none;height:14px;width:14px}.history-saved-badge{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.history-saved-badge svg{stroke:currentColor;fill:none;stroke-width:3;height:12px;width:12px}.history-delete-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.history-delete-button:hover{background:#dc3545;border-color:#dc3545;color:#fff}.history-delete-button svg{stroke:currentColor;fill:none;height:14px;width:14px}.history-item-preview{display:flex;flex-direction:column;gap:8px}.history-message-preview{color:#495057;display:flex;font-size:14px;gap:8px;line-height:1.4}.history-message-role{color:#007bff;font-weight:600;min-width:40px}.history-message-text{color:#666;flex:1 1;word-break:break-word}.history-more{color:#999;font-size:12px;font-style:italic;margin-top:4px}.dark-mode .search-panel{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .search-panel.chat-focused{background:var(--bg-primary);border-color:var(--border-color)}.dark-mode .search-panel-header{background-color:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark-mode .search-panel-header h3{color:var(--text-primary)}.dark-mode .close-button{color:var(--text-secondary)}.dark-mode .close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .search-panel-content{background:var(--bg-primary)}.dark-mode .highlighted-items h4{color:var(--text-secondary)}.dark-mode .highlighted-items li{background-color:var(--bg-tertiary);border-left-color:#4285f4;color:var(--text-primary)}.dark-mode .completion-results{background-color:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .completion-tabs{border-bottom-color:var(--border-color)}.dark-mode .tab-button{color:var(--text-secondary)}.dark-mode .tab-button.active,.dark-mode .tab-button:hover{background-color:var(--bg-tertiary)}.dark-mode .tab-button.active{border-bottom-color:#4285f4;color:#4285f4}.dark-mode .completion-content{background:var(--bg-primary)}.dark-mode .completion-text{color:var(--text-primary)}.dark-mode .system-instructions{background:var(--bg-secondary)}.dark-mode .instructions-header,.dark-mode .system-instructions h4{color:var(--text-primary)}.dark-mode .reset-instructions{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .reset-instructions:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode .instructions-input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .instructions-input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f440}.dark-mode .instructions-hint{color:var(--text-tertiary)}.dark-mode .chat-header{background:var(--bg-primary);border-bottom-color:var(--border-color)}.dark-mode .chat-header h3{color:var(--text-primary)}.dark-mode .close-button,.dark-mode .settings-button{color:var(--text-secondary)}.dark-mode .close-button:hover,.dark-mode .settings-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .close-button:active,.dark-mode .settings-button:active{background:var(--bg-secondary)}.dark-mode .tab-close{color:var(--text-secondary)}.dark-mode .tab-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .chat-settings{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark-mode .model-selection{background:var(--bg-tertiary)}.dark-mode .model-selection label{color:var(--text-secondary)}.dark-mode .model-selection select{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .model-selection select:hover{border-color:var(--border-color)}.dark-mode .model-selection select:focus{border-color:#4285f4;box-shadow:0 0 0 .2rem #4285f440}.dark-mode .custom-select{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .custom-select:hover{border-color:var(--border-color)}.dark-mode .custom-select-dropdown{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow)}.dark-mode .custom-select-option{color:var(--text-secondary)}.dark-mode .custom-select-option:hover:not(.disabled){background-color:var(--bg-tertiary)}.dark-mode .custom-select-option.selected{background-color:#4285f433;color:#4285f4}.dark-mode .custom-select-option.disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.dark-mode .selected-items{background:var(--bg-secondary);color:var(--text-secondary)}.dark-mode .selected-items label{color:var(--text-primary)}.dark-mode .items-count{color:var(--text-secondary)}.dark-mode .chat-messages{background:var(--bg-primary)}.dark-mode .message.assistant{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .message-content code,.dark-mode .message-content pre{background:#ffffff0d}.dark-mode .message-content a{color:#60a5fa}.dark-mode .message-screenshot{background:#ffffff0d}.dark-mode .message.user .message-screenshot{background:#ffffff1a}.dark-mode .chat-input{background:var(--bg-primary);border-top-color:var(--border-color)}.dark-mode .chat-input textarea{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .chat-input textarea:focus{border-color:#4285f4}.dark-mode .chat-input textarea:disabled{background:var(--bg-tertiary)}.dark-mode .send-button:disabled{background:var(--bg-tertiary);color:var(--text-tertiary)}.dark-mode .screenshot-preview-container{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .remove-screenshot{color:#f87171}.dark-mode .remove-screenshot:hover{color:#ef4444}.dark-mode .chat-tabs{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark-mode .chat-tab{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .chat-tab.active{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .chat-tab:hover{background:var(--bg-secondary)}.dark-mode .chat-tab.active:hover{background:var(--bg-primary)}.dark-mode .tab-name{color:var(--text-secondary)}.dark-mode .chat-tab.active .tab-name{color:var(--text-primary)}.dark-mode .tab-rename-input{background:var(--input-bg);border-color:#4285f4;color:var(--text-primary)}.dark-mode .new-tab-button{color:var(--text-secondary)}.dark-mode .new-tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .settings-button.vision-model-prompt{background-color:#3a2e1e;border-color:#ffc107}.dark-mode .settings-button.vision-model-prompt:hover{background-color:#4a3e2e;border-color:#ffb300}.dark-mode .fullscreen-button{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .fullscreen-button:hover{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .history-button{color:var(--text-secondary)}.dark-mode .history-button:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .chat-modal{background:#000000b3}.dark-mode .chat-modal-content{background:var(--bg-primary);box-shadow:0 4px 20px var(--shadow)}.dark-mode .modal-header{background:var(--bg-primary);border-bottom-color:var(--border-color)}.dark-mode .modal-header h3{color:var(--text-primary)}.dark-mode .modal-body,.dark-mode .modal-chat-messages{background:var(--bg-primary)}.dark-mode .modal-chat-input{background:var(--bg-primary);border-top-color:var(--border-color)}.dark-mode .modal-chat-input textarea{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .modal-chat-input textarea:focus{border-color:#4285f4}.dark-mode .modal-chat-input .screenshot-preview-container{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .chat-history-modal{background:#000000b3}.dark-mode .chat-history-content{background:var(--bg-primary);box-shadow:0 4px 20px var(--shadow)}.dark-mode .chat-history-header{background:var(--bg-primary);border-bottom-color:var(--border-color)}.dark-mode .chat-history-header h3{color:var(--text-primary)}.dark-mode .chat-history-body{background:var(--bg-primary)}.dark-mode .empty-history{color:var(--text-secondary)}.dark-mode .empty-history-hint{color:var(--text-tertiary)}.dark-mode .history-item{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .history-item:hover{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow)}.dark-mode .history-item-name{color:var(--text-primary)}.dark-mode .history-item-name:hover{color:#4285f4}.dark-mode .history-rename-input{background:var(--input-bg);border-color:#4285f4;color:var(--text-primary)}.dark-mode .history-item-count{background:var(--bg-primary);color:var(--text-secondary)}.dark-mode .history-save-button{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .history-save-button:hover:not(:disabled){background:#4285f4;border-color:#4285f4;color:#fff}.dark-mode .history-delete-button{background:var(--bg-tertiary);border-color:var(--border-color);color:#f87171}.dark-mode .history-delete-button:hover{background:#dc3545;border-color:#dc3545;color:#fff}.dark-mode .history-message-preview{color:var(--text-secondary)}.dark-mode .history-message-role{color:#4285f4}.dark-mode .history-message-text{color:var(--text-secondary)}.dark-mode .history-more{color:var(--text-tertiary)}.dark-mode .screenshot-preview{background:var(--bg-primary);border-color:var(--border-color)}.dark-mode .screenshot-preview label{color:var(--text-secondary)}.dark-mode .highlighted-images-preview{background-color:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .image-preview-item{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 1px 3px var(--shadow-light)}.chart-config-panel{border-radius:6px;font-size:12px;max-height:70vh;overflow-y:auto;padding:12px;top:50%;transform:translateY(-50%);width:240px}.chart-config-panel.right{right:20px}.chart-config-panel.left{left:20px}.chart-config-panel input,.chart-config-panel select,.chart-config-panel textarea{border:1px solid #ddd;border-radius:3px;box-sizing:border-box;font-size:11px;padding:3px;width:100%}.chart-config-panel input:focus,.chart-config-panel select:focus,.chart-config-panel textarea:focus{border-color:#2196f3;outline:none}.chart-config-panel label{font-size:11px;margin-bottom:2px}.chart-config-panel button{font-size:11px}.chart-config-section{margin-bottom:12px}.chart-config-section:last-child{margin-bottom:0}.chart-config-section:first-child{margin-top:0}.input-group{display:flex;gap:6px;margin-bottom:8px}.input-group>div{flex:1 1}.input-group label{display:block;font-size:11px;margin-bottom:2px}.input-group input{border:1px solid #ddd;border-radius:3px;font-size:11px;padding:3px;width:100%}.input-container{margin-bottom:8px}.input-container label{display:block;font-size:11px;margin-bottom:2px}.input-container input{border:1px solid #ddd;border-radius:3px;font-size:11px;padding:3px;width:100%}.chart-config-panel textarea{resize:vertical}.help-text{color:#666;display:block;font-size:9px;margin-top:2px}.chart-settings-header{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:6px;transition:background-color .2s ease}.chart-settings-header:hover{background-color:#e0e0e0}.chart-settings-title{align-items:center;display:flex;gap:6px}.chart-settings-title span:first-child{font-size:12px;font-weight:500}.chart-settings-title span:last-child{color:#666;font-size:10px}.chart-settings-arrow{height:12px;transition:transform .2s ease;width:12px}.chart-settings-arrow.expanded{transform:rotate(-90deg)}.chart-settings-nested{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:12px;margin-top:8px;padding:12px;position:relative;width:100%}.wave-type-selector{background-color:#f5f5f5;background-color:#fff;border-radius:4px;display:flex;gap:2px;margin-bottom:8px;padding:4px;position:sticky;top:0;z-index:1}.wave-type-button{background-color:#e0e0e0;border:none;border-radius:3px;color:#333;cursor:pointer;flex:1 1;font-size:11px;font-weight:400;padding:4px}.wave-type-button.active{background-color:#2196f3;color:#fff;font-weight:600}.checkbox-section{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:8px;margin-bottom:8px;padding:6px 8px}.checkbox-section input[type=checkbox]{flex-shrink:0;height:16px;margin:0;width:16px}.checkbox-section label{color:#333;cursor:pointer;flex:1 1;font-size:11px;font-weight:500;margin:0;-webkit-user-select:none;user-select:none}.y-axis-checkbox-section{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:8px;margin-bottom:8px;padding:6px 8px}.y-axis-checkbox-section input[type=checkbox]{flex-shrink:0;height:16px;margin:0;width:16px}.y-axis-checkbox-section label{color:#333;cursor:pointer;flex:1 1;font-size:11px;font-weight:500;margin:0;-webkit-user-select:none;user-select:none}.button-group{display:flex;gap:6px;margin-top:8px}.button-group button{border:none;border-radius:3px;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:6px}.button-apply{background-color:#2196f3;color:#fff}.button-cancel{background-color:#666;color:#fff}@media (max-width:768px){.chart-config-panel{right:10px;width:200px}.chart-settings-nested{width:100%}}.dark-mode .chart-config-panel input,.dark-mode .chart-config-panel select,.dark-mode .chart-config-panel textarea{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .chart-config-panel input:focus,.dark-mode .chart-config-panel select:focus,.dark-mode .chart-config-panel textarea:focus{border-color:#4285f4}.dark-mode .input-container input,.dark-mode .input-group input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .help-text{color:var(--text-secondary)}.dark-mode .chart-settings-header{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .chart-settings-header:hover{background-color:var(--bg-secondary)}.dark-mode .chart-settings-title span:last-child{color:var(--text-secondary)}.dark-mode .chart-settings-nested{border-color:var(--border-color)}.dark-mode .chart-settings-nested,.dark-mode .wave-type-selector{background-color:var(--bg-tertiary)}.dark-mode .wave-type-button{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode .wave-type-button.active{background-color:#4285f4;color:#fff}.dark-mode .checkbox-section{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .checkbox-section label{color:var(--text-primary)}.dark-mode .y-axis-checkbox-section{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .y-axis-checkbox-section label{color:var(--text-primary)}.dark-mode .button-apply{background-color:#4285f4;color:#fff}.dark-mode .button-apply:hover{background-color:#357abd}.dark-mode .button-cancel{background-color:var(--text-secondary);color:#fff}.dark-mode .button-cancel:hover{background-color:var(--text-tertiary)}.dark-mode .chart-config-panel input[type=file]{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .chart-config-panel input[type=file]::file-selector-button{background:var(--bg-secondary);border-color:var(--border-color);border-radius:3px;color:var(--text-primary);cursor:pointer;margin-right:8px;padding:4px 8px}.dark-mode .chart-config-panel input[type=file]::file-selector-button:hover{background:var(--bg-tertiary)}.dark-mode .chart-config-panel [style*="backgroundColor: '#e8f5e9'"]{background-color:#4caf5033!important;border-color:#4caf5080!important;color:#81c784!important}.dark-mode .chart-settings-arrow{color:var(--text-primary)}.dark-mode .chart-config-panel code{border:1px solid var(--border-color)!important}.dark-mode .chart-config-panel [style*="background: '#f5f5f5'"],.dark-mode .chart-config-panel [style*='background: "#f5f5f5"'],.dark-mode .chart-config-panel code{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.dark-mode .chart-config-panel [style*="color: '#666'"],.dark-mode .chart-config-panel [style*='color: "#666"']{color:var(--text-secondary)!important}.dark-mode .chart-config-panel [style*="border: '1px solid #ddd'"],.dark-mode .chart-config-panel [style*='border: "1px solid #ddd"']{border-color:var(--input-border)!important}.collaborators-island{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;box-sizing:border-box;display:flex;gap:8px;height:36px;overflow:visible;padding:6px 10px}.collaborators-island-label{align-items:center;color:#666;display:flex;font-size:12px;font-weight:600;gap:6px;white-space:nowrap}.collaborators-island-label svg{color:#4285f4;flex-shrink:0;height:14px;width:14px}.collaborators-avatars{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:6px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.collaborators-avatars::-webkit-scrollbar{display:none}.collaborator-avatar-wrapper{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:visible;position:relative;width:24px}.collaborator-avatar-small{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;display:block;height:24px;max-height:100%;max-width:100%;object-fit:cover;transition:transform .2s ease;width:24px}.collaborator-avatar-wrapper:hover .collaborator-avatar-small{transform:scale(1.1);z-index:1}.collaborator-status-indicator{animation:pulse 2s infinite;background:#10b981;border:2px solid #fff;border-radius:50%;bottom:-1px;box-shadow:0 0 0 1px #10b9814d;box-sizing:border-box;height:8px;max-height:calc(100% + 2px);max-width:calc(100% + 2px);position:absolute;right:-1px;width:8px}.dark-mode .collaborators-island{background:#1a1a1af2;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d,0 1px 2px #0003}.dark-mode .collaborators-island-label{color:#999}.dark-mode .collaborators-island-label svg{color:#60a5fa}.dark-mode .collaborator-avatar-small{border-color:#1a1a1a}.dark-mode .collaborator-status-indicator{border-color:#1a1a1a;box-shadow:0 0 0 1px #10b98166}@media (max-width:768px){.collaborators-island{border-radius:10px;gap:6px;height:32px;padding:5px 8px}.collaborators-island-label svg{height:12px;width:12px}.collaborator-avatar-small{height:20px;width:20px}.collaborator-status-indicator{border-width:1.5px;height:6px;width:6px}}.email-form{gap:1rem;margin-bottom:1.5rem}.email-form,.form-group{display:flex;flex-direction:column;width:100%}.form-group{gap:.5rem}.email-form input{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:6px;box-sizing:border-box;color:#333;color:var(--text-primary,#333);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.email-form input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f41a;outline:none}.input-error{background-color:#dc35450d;border-color:#dc3545!important}.input-error:focus{box-shadow:0 0 0 2px #dc35451a!important}.input-error-message{color:#dc3545;font-size:.875rem;margin:0}.error-message{background-color:#dc35451a;border-radius:6px;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem;text-align:left}.email-submit-button{background-color:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.75rem 1rem;transition:background-color .2s ease;width:100%}.email-submit-button:hover{background-color:#357ae8}.auth-divider{align-items:center;color:#666;display:flex;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background-color:#ddd;content:"";flex:1 1;height:1px}.auth-divider span{font-size:.875rem;padding:0 1rem}.google-sign-in-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;justify-content:center;padding:.75rem 1rem;transition:background-color .2s ease,border-color .2s ease;width:100%}.google-sign-in-button:hover{background-color:#f8f9fa;border-color:#c6c6c6}.google-icon{height:20px;width:20px}.auth-switch{margin-top:1.5rem;text-align:center}.switch-auth-mode{background:none;border:none;color:#4285f4;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.switch-auth-mode:hover{color:#357ae8}.modal-overlay{background-color:#00000080}.modal-container{left:50%;max-height:90vh;max-width:360px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1001}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;position:relative}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.modal-close:hover{background-color:#0000001a;color:#333}.login-modal{width:100%}.login-modal h2{color:#333;font-size:1.5rem;margin:0 0 1.5rem;text-align:center}.dark-mode .email-form input{background-color:#2d2d2d!important;background-color:var(--input-bg,#2d2d2d)!important;border-color:#404040!important;border-color:var(--input-border,#404040)!important;color:#e5e5e5!important;color:var(--text-primary,#e5e5e5)!important}.dark-mode .email-form input:-webkit-autofill,.dark-mode .email-form input:-webkit-autofill:active,.dark-mode .email-form input:-webkit-autofill:focus,.dark-mode .email-form input:-webkit-autofill:hover{-webkit-text-fill-color:#e5e5e5!important;-webkit-text-fill-color:var(--text-primary,#e5e5e5)!important;background-color:#2d2d2d!important;background-color:var(--input-bg,#2d2d2d)!important;-webkit-box-shadow:inset 0 0 0 30px #2d2d2d!important;-webkit-box-shadow:0 0 0 30px var(--input-bg,#2d2d2d) inset!important;caret-color:#e5e5e5!important;caret-color:var(--text-primary,#e5e5e5)!important;color:#e5e5e5!important;color:var(--text-primary,#e5e5e5)!important}.dark-mode .email-form input:-moz-autofill{background-color:#2d2d2d!important;background-color:var(--input-bg,#2d2d2d)!important;color:#e5e5e5!important;color:var(--text-primary,#e5e5e5)!important}.dark-mode .email-form input::placeholder{color:#666;color:var(--text-tertiary,#666)}.dark-mode .email-form input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.dark-mode .input-error{background-color:#f871711a;border-color:#f87171!important}.dark-mode .input-error:focus{box-shadow:0 0 0 2px #f8717133!important}.dark-mode .input-error-message{color:#f87171}.dark-mode .error-message{background-color:#f8717126}.dark-mode .email-submit-button{background-color:#4285f4;color:#fff}.dark-mode .email-submit-button:hover{background-color:#357ae8}.dark-mode .auth-divider{color:#999;color:var(--text-secondary,#999)}.dark-mode .auth-divider:after,.dark-mode .auth-divider:before{background-color:#444;background-color:var(--border-color,#444)}.dark-mode .google-sign-in-button{background-color:#2a2a2a;background-color:var(--bg-secondary,#2a2a2a);border-color:#444;border-color:var(--border-color,#444);color:#fff;color:var(--text-primary,#fff)}.dark-mode .google-sign-in-button:hover{background-color:#333;background-color:var(--bg-tertiary,#333);border-color:#555;border-color:var(--border-color,#555)}.dark-mode .switch-auth-mode{color:#60a5fa}.dark-mode .switch-auth-mode:hover{color:#93c5fd}.dark-mode .modal-content{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);box-shadow:0 4px 6px #0000004d}.dark-mode .modal-close{color:#999;color:var(--text-secondary,#999)}.dark-mode .modal-close:hover{background-color:#ffffff1a}.dark-mode .login-modal h2,.dark-mode .modal-close:hover{color:#fff;color:var(--text-primary,#fff)}.settings-modal{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:4000}.settings-content-wrapper{animation:scaleIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:80vh;max-height:80vh;max-width:1000px;overflow:hidden;width:90%}.settings-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.settings-header h3{color:#333;font-size:18px;font-weight:500;margin:0}.settings-close{align-items:center;background:#0000000d;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.settings-close:hover{background:#0000001a;color:#333}.settings-close svg{stroke:currentColor;height:18px;width:18px}.settings-body{flex:1 1;flex-direction:column}.settings-body,.settings-container{display:flex;min-height:0;overflow:hidden}.settings-container{background:#fff;flex:1 1;height:100%}.settings-sidebar{-ms-overflow-style:none!important;background:linear-gradient(180deg,#f8f9fa,#fff);border-right:1px solid #00000014;display:flex;flex-direction:column;flex-shrink:0;min-width:200px;overflow-x:hidden;overflow-y:auto;padding:20px 0;position:relative;scrollbar-width:none!important;width:200px}.settings-sidebar::-webkit-scrollbar{height:0!important;width:0!important}.settings-sidebar::-webkit-scrollbar,.settings-sidebar::-webkit-scrollbar-track{background:#0000!important;display:none!important}.settings-sidebar::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.settings-sidebar:before{background:linear-gradient(180deg,#0000,#0000000d 50%,#0000);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.settings-sidebar h2{color:#1a1a1a;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin:0 0 20px 20px}.settings-nav{display:flex;flex-direction:column;gap:4px;padding:0 16px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;margin:0 8px;padding:10px 16px;position:relative;text-align:left;transition:all .2s ease}.nav-item:before{background:linear-gradient(180deg,#4285f4,#357abd);border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:3px}.nav-item:hover{background:#4285f414;color:#4285f4}.nav-item.active{background:#4285f41f;color:#4285f4;font-weight:600}.nav-item.active:before{height:24px}.nav-item svg{flex-shrink:0;height:16px;width:16px}.settings-content{-ms-overflow-style:none!important;background:#fff;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px;position:relative;scrollbar-width:none!important}.settings-content::-webkit-scrollbar{height:0!important;width:0!important}.settings-content::-webkit-scrollbar,.settings-content::-webkit-scrollbar-track{background:#0000!important;display:none!important}.settings-content::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.settings-content *{-ms-overflow-style:none!important;scrollbar-width:none!important}.settings-content ::-webkit-scrollbar{height:0!important;width:0!important}.settings-content ::-webkit-scrollbar,.settings-content ::-webkit-scrollbar-track{background:#0000!important;display:none!important}.settings-content ::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.settings-scrollable-content{-ms-overflow-style:none!important;scrollbar-width:none!important}.settings-scrollable-content::-webkit-scrollbar{height:0!important;width:0!important}.settings-scrollable-content::-webkit-scrollbar,.settings-scrollable-content::-webkit-scrollbar-track{background:#0000!important;display:none!important}.settings-scrollable-content::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.settings-section{animation:fadeInSection .3s ease-out;display:flex;flex:1 1;flex-direction:column;margin-bottom:0;min-height:0}@keyframes fadeInSection{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-section h3{color:#1a1a1a;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.settings-section>p{color:#666;font-size:.8125rem;line-height:1.5;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#1a1a1a;display:block;font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:.875rem;padding:10px 14px;transition:all .2s ease;width:100%}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{background:#fff;border-color:#4285f4;box-shadow:0 0 0 4px #4285f41a;outline:none}.form-group small{color:#666;display:block;font-size:.8125rem;line-height:1.5;margin-top:8px}.toggle-group{align-items:flex-start;background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.toggle-group:hover{background:#f0f2f5;border-color:#4285f433}.toggle-group input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#cbd5e0;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;margin:2px 0 0;position:relative;transition:background .2s ease;width:44px}.toggle-group input[type=checkbox]:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.toggle-group input[type=checkbox]:checked{background:#4285f4}.toggle-group input[type=checkbox]:checked:before{transform:translateX(20px)}.toggle-content{flex:1 1;min-width:0}.toggle-title{color:#1a1a1a;font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.toggle-description{color:#666;font-size:.75rem;line-height:1.4}.form-actions{background:#fff;border-top:1px solid #00000014;bottom:0;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;margin-top:auto;padding-bottom:4px;padding-top:16px;position:sticky;z-index:10}.form-actions button{border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:-.01em;min-width:80px;padding:10px 20px;transition:all .2s ease}.form-actions button[type=button]{background:#f8f9fa;border:2px solid #e5e7eb;color:#666}.form-actions button[type=button]:hover{background:#e9ecef;border-color:#dee2e6;color:#333}.form-actions button[type=submit]{background:linear-gradient(135deg,#4285f4,#357abd);border:none;box-shadow:0 4px 12px #4285f44d;color:#fff}.form-actions button[type=submit]:hover{box-shadow:0 6px 16px #4285f466;transform:translateY(-1px)}.form-actions button[type=submit]:active{transform:translateY(0)}.form-actions button[type=submit]:disabled{background:#cbd5e0;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.message{align-items:center;animation:slideDown .3s ease-out;border:2px solid #0000;border-radius:8px;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:500;gap:10px;margin-bottom:16px;padding:12px 16px}.message.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46}.message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b}.message.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.message svg{flex-shrink:0;height:20px;width:20px}.loading-message{align-items:center;color:#666;display:flex;flex:1 1;flex-direction:column;font-size:.9375rem;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#4285f4;height:40px;width:40px}.subscription-info{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow:hidden;padding:20px}.tier-display{border-bottom:2px solid #00000014;flex-shrink:0;justify-content:space-between;margin-bottom:0;padding-bottom:16px}.tier-actions,.tier-display{align-items:center;display:flex}.tier-actions{gap:8px}.refresh-tier-button{background:#0000;border:1px solid var(--pricing-border);border-radius:8px;color:var(--pricing-text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;letter-spacing:-.01em;padding:8px 12px;transition:all .2s ease}.refresh-tier-button:hover{background:var(--pricing-border);border-color:var(--pricing-primary);color:var(--pricing-text-primary)}.refresh-tier-button:active{transform:scale(.98)}.sync-tier-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:500;letter-spacing:-.01em;padding:8px 12px;transition:all .2s ease}.sync-tier-button:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.sync-tier-button:active:not(:disabled){transform:translateY(0)}.sync-tier-button:disabled{cursor:not-allowed;opacity:.7}.current-tier{align-items:center;display:flex;gap:16px}.current-tier svg{color:#4285f4;height:24px;width:24px}.tier-name{color:#1a1a1a;font-size:1.0625rem;font-weight:700;letter-spacing:-.02em}.upgrade-button{background:linear-gradient(135deg,#4285f4,#357abd);border:none;border-radius:8px;box-shadow:0 2px 8px #4285f44d;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;padding:8px 16px;transition:all .2s ease}.upgrade-button:hover{box-shadow:0 6px 16px #4285f466;transform:translateY(-2px)}.upgrade-button:active{transform:translateY(0)}.tier-features{background:#fff;border:2px solid #0000000d;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:16px}.tier-features h4{color:#1a1a1a;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.tier-features ul{grid-gap:12px 20px;-ms-overflow-style:none!important;display:grid;flex:1 1;gap:12px 20px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:none!important}.tier-features ul::-webkit-scrollbar{height:0!important;width:0!important}.tier-features ul::-webkit-scrollbar,.tier-features ul::-webkit-scrollbar-track{background:#0000!important;display:none!important}.tier-features ul::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.tier-features li{color:#333;font-size:.8125rem;line-height:1.5;padding:6px 0}.tier-features li,.tier-features li>div{align-items:flex-start;display:flex;gap:10px}.tier-features li>div{width:100%}.tier-features li svg{flex-shrink:0;height:18px;margin-top:4px;width:18px}.tier-features li svg.check-icon{color:#10b981}.tier-features li svg.x-icon{color:#ef4444}.usage-progress-section{border-top:1px solid #0000001a;margin-top:20px;padding-top:20px}.usage-progress-section h5{color:#1a1a1a;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;margin:0 0 16px}.usage-progress-item{margin-bottom:16px}.usage-progress-item:last-child{margin-bottom:0}.usage-progress-label{color:#666;font-size:.8125rem;font-weight:500;margin-bottom:6px}.usage-progress-container{align-items:center;display:flex;gap:10px;width:100%}.usage-progress-bar{background:#e5e7eb;border-radius:5px;flex:1 1;height:10px;overflow:hidden;position:relative}.usage-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:5px;height:100%;transition:width .3s ease}.usage-progress-text{color:#666;font-size:.75rem;font-weight:500;min-width:60px;text-align:right;white-space:nowrap}.usage-upgrade-message{color:#666;font-size:.75rem;font-style:italic;margin-top:6px;padding-left:2px}.profile-picture-container{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;display:inline-flex;padding:16px;position:relative;transition:all .2s ease;width:fit-content}.profile-picture-container:hover{background:#f0f2f5;border-color:#4285f433}.profile-picture-preview{align-items:center;background:#e5e7eb;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-shrink:0;height:96px;justify-content:center;overflow:hidden;position:relative;width:96px}.profile-picture-preview:hover .profile-picture-actions,.profile-picture-preview:hover:after{opacity:1}.profile-picture-preview-img{height:100%;object-fit:cover;width:100%}.profile-picture-preview:after{background:#00000080;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:1}.profile-picture-uploading{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;color:#fff;font-size:.8125rem;font-weight:600;left:0;right:0;top:0}.profile-picture-actions,.profile-picture-uploading{align-items:center;display:flex;justify-content:center;position:absolute}.profile-picture-actions{flex-direction:column;gap:8px;left:50%;opacity:0;pointer-events:none;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:100%;z-index:2}.profile-picture-actions button{pointer-events:auto}.profile-picture-remove-button,.profile-picture-upload-button{align-items:center;border:2px solid;border-radius:50%;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:40px;justify-content:center;letter-spacing:-.01em;padding:8px;transition:all .2s ease;white-space:nowrap;width:40px}.profile-picture-upload-button{background:#ffffffe6;border-color:#fffc;box-shadow:0 2px 8px #0003;color:#4285f4}.profile-picture-upload-button svg{height:20px;width:20px}.profile-picture-upload-button:hover:not(:disabled){box-shadow:0 6px 16px #4285f466;transform:translateY(-1px)}.profile-picture-remove-button{background:#fff;border-color:#e5e7eb;color:#666}.profile-picture-remove-button:hover:not(:disabled){background:#f8f9fa;border-color:#cbd5e0;color:#333}.profile-picture-remove-button:disabled,.profile-picture-upload-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.integrations-search-container{margin-bottom:16px}.integrations-search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#999;height:20px;left:16px;pointer-events:none;position:absolute;width:20px;z-index:1}.integrations-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:.875rem;padding:10px 14px 10px 40px;transition:all .2s ease;width:100%}.integrations-search-input:focus{border-color:#4285f4;box-shadow:0 0 0 4px #4285f41a;outline:none}.integrations-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:16px}.integration-card{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000a;cursor:pointer;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:14px;position:relative;transition:all .2s ease}.integration-card:hover{border-color:#4285f4;box-shadow:0 8px 16px #4285f426;transform:translateY(-2px)}.integration-card.enabled{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981;box-shadow:0 4px 12px #10b98133}.integration-card.enabled:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0}.integration-header{align-items:center;display:flex;gap:12px}.integration-icon{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.integration-card.enabled .integration-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.integration-info{flex:1 1;min-width:0}.integration-info h4{color:#1a1a1a;font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 0 3px}.integration-info p{color:#666;font-size:.75rem;line-height:1.4;margin:0}.integration-status{margin-top:4px}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.01em;padding:6px 12px}.status-badge.connected{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.available{background:#f8f9fa;color:#666}.integrations-empty{color:#666;font-size:.9375rem;padding:60px 20px;text-align:center}@media (max-width:768px){.settings-container{flex-direction:column}.settings-sidebar{border-bottom:1px solid #00000014;border-right:none;max-height:200px;min-width:100%;padding:20px 0;width:100%}.settings-sidebar h2{font-size:1.5rem;margin:0 20px 16px}.settings-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none!important;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 12px;scrollbar-width:none!important}.settings-nav::-webkit-scrollbar{height:0!important;width:0!important}.settings-nav::-webkit-scrollbar,.settings-nav::-webkit-scrollbar-track{background:#0000!important;display:none!important}.settings-nav::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.nav-item{border-radius:8px;margin:0;padding:10px 16px;white-space:nowrap}.nav-item:before{display:none}.nav-item.active{background:#4285f426}.settings-content{padding:20px 16px}.subscription-info{padding:16px}.tier-features ul{gap:10px}.integrations-grid,.tier-features ul{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;margin-top:auto}.form-actions button{width:100%}.profile-picture-container{align-items:center;flex-direction:column;gap:16px}.profile-picture-preview{height:80px;width:80px}.profile-picture-actions{align-items:center;flex-direction:column;width:100%}.profile-picture-remove-button,.profile-picture-upload-button{width:100%}}.dark-mode .settings-modal{background:#000000b3}.dark-mode .settings-content-wrapper{background:var(--bg-primary);box-shadow:0 4px 20px #0000004d;color:var(--text-primary)}.dark-mode .settings-header{background:var(--bg-primary);border-bottom-color:var(--border-color)}.dark-mode .settings-header h3{color:var(--text-primary)}.dark-mode .settings-close{background:#ffffff1a;color:var(--text-secondary)}.dark-mode .settings-close:hover{background:#ffffff26;color:var(--text-primary)}.dark-mode .settings-container{background:var(--bg-primary)}.dark-mode .settings-sidebar{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-right-color:var(--border-color)}.dark-mode .settings-sidebar h2{color:var(--text-primary)}.dark-mode .nav-item{color:var(--text-secondary)}.dark-mode .nav-item:hover{background:#4285f426;color:#60a5fa}.dark-mode .nav-item.active{background:#4285f433;color:#60a5fa}.dark-mode .settings-content{background:var(--bg-primary);color:var(--text-primary)}.dark-mode .form-group label,.dark-mode .settings-section h3{color:var(--text-primary)}.dark-mode .form-group input[type=email],.dark-mode .form-group input[type=password],.dark-mode .form-group input[type=text]{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .form-group input[type=email]:focus,.dark-mode .form-group input[type=password]:focus,.dark-mode .form-group input[type=text]:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}.dark-mode .form-group small{color:var(--text-tertiary)}.dark-mode .toggle-group{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .toggle-group:hover{background:var(--bg-tertiary);border-color:#60a5fa4d}.dark-mode .toggle-group input[type=checkbox]{background:#4a5568}.dark-mode .toggle-group input[type=checkbox]:checked{background:#60a5fa}.dark-mode .toggle-title{color:var(--text-primary)}.dark-mode .toggle-description{color:var(--text-secondary)}.dark-mode .form-actions{background:var(--bg-primary);border-top-color:var(--border-color)}.dark-mode .form-actions button[type=button]{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .form-actions button[type=button]:hover{background:var(--bg-tertiary)}.dark-mode .message.success{background:linear-gradient(135deg,#1e3a2e,#2d5a3d);border-color:#10b981;color:#4ade80}.dark-mode .message.error{background:linear-gradient(135deg,#3a1e1e,#5a2d2d);border-color:#ef4444;color:#f87171}.dark-mode .message.info{background:linear-gradient(135deg,#1e2a3a,#2d3d5a);border-color:#3b82f6;color:#60a5fa}.dark-mode .loading-message{color:var(--text-secondary)}.dark-mode .subscription-info{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-color:var(--border-color)}.dark-mode .tier-display{border-bottom-color:var(--border-color)}.dark-mode .tier-name{color:var(--text-primary)}.dark-mode .tier-features{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .tier-features h4{color:var(--text-primary)}.dark-mode .tier-features li{color:var(--text-secondary)}.dark-mode .usage-progress-section{border-top-color:var(--border-color)}.dark-mode .usage-progress-section h5{color:var(--text-primary)}.dark-mode .usage-progress-label{color:var(--text-secondary)}.dark-mode .usage-progress-bar{background:#ffffff1a}.dark-mode .usage-progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.dark-mode .usage-progress-text,.dark-mode .usage-upgrade-message{color:var(--text-secondary)}.dark-mode .integrations-search-input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .integrations-search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}.dark-mode .integration-card{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .integration-card:hover{background:var(--bg-tertiary);border-color:#60a5fa}.dark-mode .integration-card.enabled{background:linear-gradient(135deg,#1e3a2e 0,var(--bg-secondary) 100%);border-color:#10b981}.dark-mode .integration-icon{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .integration-card.enabled .integration-icon{background:linear-gradient(135deg,#1e3a2e,#2d5a3d);border-color:#10b981}.dark-mode .integration-info h4{color:var(--text-primary)}.dark-mode .integration-info p,.dark-mode .integrations-empty{color:var(--text-secondary)}.dark-mode .profile-picture-container{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .profile-picture-container:hover{background:var(--bg-tertiary);border-color:#60a5fa4d}.dark-mode .profile-picture-preview{background:var(--bg-tertiary);border-color:var(--bg-primary)}.dark-mode .profile-picture-remove-button{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .profile-picture-remove-button:hover:not(:disabled){background:var(--bg-secondary)}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}.notifications-modal{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:4000}.notifications-content-wrapper{animation:scaleIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:80vh;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.notifications-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.notifications-header h3{color:#333;font-size:18px;font-weight:500;margin:0}.notifications-close{align-items:center;background:#0000000d;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.notifications-close:hover{background:#0000001a;color:#333}.notifications-close svg{stroke:currentColor;height:18px;width:18px}.notifications-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.mark-all-read-button{background:#0000;border:none;border-radius:6px;color:#4285f4;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.mark-all-read-button:hover{background:#4285f41a}.notifications-list{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.notifications-empty,.notifications-loading{color:#666;font-size:14px;padding:60px 20px;text-align:center}.notifications-empty{align-items:center;display:flex;flex-direction:column;gap:12px}.notifications-empty p{color:#999;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .2s ease}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f0f7ff;border-left:3px solid #4285f4}.notification-item.unread:hover{background:#e8f4ff}.notification-content{flex:1 1;min-width:0}.notification-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.notification-item.unread .notification-title{color:#1a1a1a}.notification-message{word-wrap:break-word;color:#666;font-size:13px;line-height:1.4;margin-bottom:6px}.notification-time{color:#999;font-size:11px}.notification-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.unread-indicator{background:#4285f4;border-radius:50%;flex-shrink:0;height:8px;width:8px}.delete-notification-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;padding:0;transition:all .2s ease;width:24px}.notification-item:hover .delete-notification-button{opacity:1}.delete-notification-button:hover{background:#ef44441a;color:#ef4444}.dark-mode .notifications-menu-item{color:#999;color:var(--text-secondary,#999)}.dark-mode .notifications-menu-item:hover{background-color:var(--bg-tertiary);color:#fff;color:var(--text-primary,#fff)}.dark-mode .notifications-modal{background:#000000b3}.dark-mode .notifications-content-wrapper{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);box-shadow:0 4px 20px #0006}.dark-mode .notifications-dropdown{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);box-shadow:0 8px 24px #0006}.dark-mode .notifications-header{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-bottom-color:#333;border-bottom-color:var(--border-color,#333)}.dark-mode .notifications-header h3{color:#fff;color:var(--text-primary,#fff)}.dark-mode .notifications-close{background:#ffffff1a;color:#999;color:var(--text-secondary,#999)}.dark-mode .notifications-close:hover{background:#ffffff26;color:#fff;color:var(--text-primary,#fff)}.dark-mode .mark-all-read-button{color:#60a5fa}.dark-mode .mark-all-read-button:hover{background:#60a5fa26}.dark-mode .notifications-empty,.dark-mode .notifications-loading{color:#999;color:var(--text-secondary,#999)}.dark-mode .notification-item{border-bottom-color:#333;border-bottom-color:var(--border-color,#333)}.dark-mode .notification-item:hover{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a)}.dark-mode .notification-item.unread{background:#60a5fa1a;border-left-color:#60a5fa}.dark-mode .notification-item.unread:hover{background:#60a5fa26}.dark-mode .notification-title{color:#fff;color:var(--text-primary,#fff)}.dark-mode .notification-message{color:#999;color:var(--text-secondary,#999)}.dark-mode .delete-notification-button,.dark-mode .notification-time{color:#666;color:var(--text-tertiary,#666)}.dark-mode .delete-notification-button:hover{background:#ef444433;color:#f87171}@media (max-width:768px){.notifications-content-wrapper{height:85vh;max-height:85vh;max-width:95%;width:95%}.notifications-dropdown{right:-16px;width:calc(100vw - 32px)}}.user-menu-container{position:relative;z-index:1000}.sign-in-button,.user-menu-button{align-items:center;background-color:initial;border:none;border-radius:6px;box-sizing:border-box;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:4px;height:24px;line-height:1;min-height:24px;padding:4px 8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.sign-in-button:hover,.user-menu-button:hover{background-color:#f3f4f6;color:#111827}.sign-in-button:active,.user-menu-button:active{background-color:#e5e7eb;transform:scale(.98)}.user-avatar{display:block;flex-shrink:0;height:18px;margin:0;width:18px}.user-avatar,.user-avatar-large{border-radius:50%;object-fit:cover}.user-avatar-large{height:48px;width:48px}.user-name{color:inherit;font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#6c757d;font-size:10px;margin-left:4px}.menu-overlay{bottom:0;left:0;position:relative;right:0;top:0;z-index:100}.user-dropdown{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 8px #0000001a;overflow:hidden;padding:5px 0;position:absolute;right:0;top:calc(100% + 17px);width:240px;z-index:1600}.user-info{align-items:center;display:flex;gap:12px;padding:10px 15px}.user-details{flex:1 1;min-width:0}.user-display-name{color:#212529;font-size:14px;font-weight:600;margin-bottom:2px}.user-email{color:#6c757d;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-divider{background:#e9ecef;height:1px;margin:5px 0}.menu-item{align-items:center;background:none;border:none;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;text-align:left;white-space:nowrap;width:100%}.menu-item:hover{background-color:#f1f3f5}.menu-icon{color:#6c757d;flex-shrink:0;font-size:16px}.menu-item-notifications-wrapper{width:100%}.sign-in-button{font-weight:500}@media (max-width:768px){.user-menu-button{gap:0;height:24px;min-width:auto;padding:4px;width:auto}.dropdown-arrow,.user-name{display:none}.user-avatar{height:18px;width:18px}}@media (max-width:480px){.user-menu-button{height:22px;padding:3px}.user-avatar{height:16px;width:16px}}.dark-mode .sign-in-button,.dark-mode .user-menu-button{color:var(--text-secondary)}.dark-mode .sign-in-button:hover,.dark-mode .user-menu-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .sign-in-button:active,.dark-mode .user-menu-button:active{background-color:var(--bg-secondary)}.dark-mode .user-dropdown{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 8px var(--shadow)}.dark-mode .user-display-name{color:var(--text-primary)}.dark-mode .user-email{color:var(--text-secondary)}.dark-mode .menu-divider{background:var(--border-color)}.dark-mode .menu-item{color:var(--text-secondary)}.dark-mode .menu-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .menu-icon{color:var(--text-tertiary)}.cursor-indicator{pointer-events:none;position:absolute;transform:translate(-2px,-2px);transition:transform .1s ease-out;z-index:10000}.cursor-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.cursor-label{border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:11px;font-weight:500;left:0;margin-left:10px;padding:2px 6px;top:20px;white-space:nowrap}.cursor-label,.cursor-label:before{position:absolute;transform:translateX(-50%)}.cursor-label:before{border-bottom:4px solid var(--cursor-color);border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;left:50%;top:-4px;width:0}.dark-mode .cursor-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.dark-mode .cursor-label{box-shadow:0 2px 4px #0006}.usage-tracker{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-width:280px;padding:16px;position:fixed;right:20px;top:60px;transition:right .3s ease;z-index:1501}.usage-tracker.panel-open{right:400px}.usage-tracker-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.usage-tracker-title{color:#333;font-size:14px;font-weight:600}.usage-tracker-signin-hint{color:#666;font-size:11px;font-style:italic}.usage-tracker-stats{gap:12px}.usage-stat,.usage-tracker-stats{display:flex;flex-direction:column}.usage-stat{gap:6px}.usage-stat-label{align-items:center;color:#555;display:flex;font-size:13px;justify-content:space-between}.usage-stat-label span:first-child{font-weight:500}.usage-stat-count{color:#333;font-size:12px;font-weight:600}.usage-stat-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.usage-stat-fill{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.usage-stat-remaining{color:#666;font-size:11px;text-align:right}@media (max-width:768px){.usage-tracker{min-width:240px;padding:12px;right:10px;top:70px}.usage-tracker.panel-open{right:10px}}.dark-mode .usage-tracker{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333);box-shadow:0 4px 12px #0006}.dark-mode .usage-tracker-header{border-bottom-color:#333;border-bottom-color:var(--border-color,#333)}.dark-mode .usage-tracker-title{color:#fff;color:var(--text-primary,#fff)}.dark-mode .usage-tracker-signin-hint{color:#999;color:var(--text-secondary,#999)}.dark-mode .usage-stat-label{color:#ccc;color:var(--text-secondary,#ccc)}.dark-mode .usage-stat-count{color:#fff;color:var(--text-primary,#fff)}.dark-mode .usage-stat-bar{background-color:#2a2a2a;background-color:var(--bg-secondary,#2a2a2a)}.dark-mode .usage-stat-remaining{color:#999;color:var(--text-secondary,#999)}.agent-chat-overlay{align-items:center;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.agent-chat-modal{background:#1e1e2f;border-radius:12px;box-shadow:0 10px 25px #0006;color:#f0f0f0;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;max-height:90vh;overflow:hidden;width:600px}.agent-chat-header{align-items:center;background-color:#2c2c40;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:1rem}.header-actions{gap:10px}.clear-chat-button{align-items:center;background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color .2s}.clear-chat-button:hover{background-color:#ffffff1a}.clear-icon{font-size:16px}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:5px;transition:background-color .2s}.close-button:hover{background-color:#ffffff1a}.agent-chat-header h3{font-size:1.2rem;margin:0}.agent-chat-messages{background-color:#252537;flex:1 1;overflow-y:auto;padding:1rem}.chat-message{word-wrap:break-word;border-radius:8px;margin-bottom:1rem;max-width:85%;padding:.5rem 1rem}.chat-message.user{align-self:flex-end;background-color:#3a3a5a}.chat-message.assistant{align-self:flex-start;background-color:#2a2a48}.message-content{white-space:pre-wrap}.agent-chat-input{background-color:#2c2c40;border-top:1px solid #444;display:flex;padding:1rem}.agent-chat-input textarea{background-color:#1a1a2d;border:1px solid #444;border-radius:6px;color:#fff;flex:1 1;font-size:1rem;margin-right:.5rem;padding:.6rem;resize:none}.agent-chat-input button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:0 1rem}.agent-chat-input button:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#4a90e2;height:1rem;width:1rem}.typing-indicator span{animation:blink 1.4s infinite both;background-color:#aaa;display:inline-block;height:6px;margin:0 2px;width:6px}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.tool-menu{background-color:#2c2c40;border-bottom:1px solid #444;max-height:200px;overflow-y:auto;padding:1rem}.tool-categories{gap:1rem}.tool-categories,.tool-category{display:flex;flex-direction:column}.tool-category{gap:.5rem}.category-title{border-bottom:1px solid #444;color:#aaa;font-size:.9rem;font-weight:600;margin:0;padding-bottom:.3rem}.tool-list{display:flex;flex-wrap:wrap;gap:.5rem}.tool-item{align-items:center;background:#1a1a2d;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:.4rem;padding:.4rem .6rem;transition:all .2s ease}.tool-item:hover{background:#252537;transform:translateY(-1px)}.tool-item.selected{background:#2a2a48;border-color:#4a90e2;color:#4a90e2}.tool-icon{font-size:1rem}.tool-name{font-size:.8rem;white-space:nowrap}.tool-item img{height:16px;object-fit:contain;vertical-align:middle;width:16px}.message-content p{margin:0 0 .5rem}.message-content pre{background:#0003;border-radius:4px;margin:.5rem 0;padding:.8rem}.message-content code{background:#0003;border-radius:3px;padding:.1rem .3rem}@media (max-width:768px){.agent-chat-modal{max-height:95vh;width:95%}.tool-menu{max-height:150px}}.progress-indicator{background-color:#007bff1a;border-radius:4px;color:#007bff;padding:8px 12px}.progress-indicator:before{border:2px solid #007bff;display:inline-block}.chat-message.system{background-color:#0000000d;border-left:3px solid #6c757d}.action-items-list{background-color:#0000000d;border-radius:4px;margin:16px 0;padding:12px}.action-item{align-items:center;border-bottom:1px solid #0000001a;display:flex;gap:8px;padding:8px 0}.action-item:last-child{border-bottom:none}.action-item-checkbox{border:2px solid #007bff;border-radius:3px;cursor:pointer;height:18px;width:18px}.action-item-checkbox.checked{background-color:#007bff;position:relative}.action-item-checkbox.checked:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.action-item-content{flex:1 1}.action-item-branch{color:#007bff;font-weight:500;margin-bottom:2px}.action-item-text{font-size:14px}.confirmation-buttons{display:flex;gap:8px;margin-top:16px}.confirmation-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.confirm-button{background-color:#28a745;color:#fff}.confirm-button:hover{background-color:#218838}.modify-button{background-color:#ffc107;color:#212529}.modify-button:hover{background-color:#e0a800}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.status-not-started{background-color:#dc3545}.status-in-progress{background-color:#ffc107}.status-completed{background-color:#28a745}.priority-indicator{border-radius:3px;display:inline-block;font-size:12px;font-weight:500;margin-left:8px;padding:2px 6px}.priority-high{background-color:#dc354533;color:#dc3545}.priority-medium{background-color:#ffc10733;color:#856404}.priority-low{background-color:#007bff33;color:#007bff}.notion-connection-status{align-items:center;border-radius:4px;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:8px 12px}.notion-connection-status.connected{background-color:#28a7451a;color:#28a745}.notion-connection-status.disconnected{background-color:#dc35451a;color:#dc3545}.notion-connection-status.connecting{background-color:#ffc1071a;color:#856404}.step-indicator{display:flex;justify-content:space-between;margin-bottom:16px;position:relative}.step-indicator:before{background-color:#0000001a;content:"";height:2px;left:0;position:absolute;right:0;top:50%;z-index:1}.step{flex-direction:column;gap:4px;position:relative;z-index:2}.step,.step-circle{align-items:center;display:flex}.step-circle{background-color:#fff;border:2px solid #0000001a;border-radius:50%;font-size:12px;font-weight:500;height:24px;justify-content:center;width:24px}.step.active .step-circle{background-color:#007bff;border-color:#007bff;color:#fff}.step.completed .step-circle{background-color:#28a745;border-color:#28a745;color:#fff}.step-label{color:#0009;font-size:12px}.step.active .step-label{color:#007bff;font-weight:500}.step.completed .step-label{color:#28a745}.referenced-boards{background:#1a1a1a;border-radius:4px;border-top:1px solid #333;color:#fff;margin-bottom:10px;padding:10px}.referenced-boards h4{color:#ccc;font-size:14px;margin:0 0 10px}.referenced-boards-list{display:flex;flex-wrap:wrap;gap:8px}.referenced-board-item{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;display:flex;font-size:12px;padding:4px 8px}.referenced-board-item span{margin-right:8px}.remove-reference-btn{background:none;border:none;color:#666;cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.remove-reference-btn:hover{color:#f44}.board-selector{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#000;display:flex;flex-direction:column;left:50%;max-height:80vh;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1000}.board-selector-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.board-selector-header h4{font-size:16px;margin:0}.board-selector-list{flex:1 1;overflow-y:auto;padding:8px}.board-selector-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s}.board-selector-item:hover{background-color:#f5f5f5}.board-selector-item.selected{background-color:#e3f2fd}.board-selector-item .board-date{color:#999;font-size:12px}.no-boards-message{color:#666;font-style:italic;padding:20px;text-align:center}.progress-indicator{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.progress-indicator:before{animation:spin 1s linear infinite;border:2px solid #6c757d;border-radius:50%;border-top-color:#0000;content:"";height:12px;width:12px}.whiteboard{--wb-header-height:60px;--wb-toolbar-offset:0px;--wb-footer-height:15px;--wb-safe-bottom:env(safe-area-inset-bottom,0px);--wb-safe-top:env(safe-area-inset-top,0px);background-color:initial!important;background:#0000!important;height:100dvh;height:100vh;overflow:hidden;position:relative;width:100%}.whiteboard,.whiteboard-toolbar{display:flex;flex-direction:column}.whiteboard-toolbar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-left:none;border-radius:0 8px 8px 0;box-shadow:0 1px 2px #0000000d;gap:4px;height:auto;justify-content:center;left:0;padding:8px 6px;position:fixed;top:50%;transform:translateY(-50%);transition:opacity .3s ease,visibility .3s ease;width:48px;z-index:1000}.whiteboard-toolbar.hidden{opacity:0;pointer-events:none;visibility:hidden}.panel-open .whiteboard-toolbar{left:0;transform:translateY(-50%)}@media (max-width:768px){.whiteboard-toolbar{-ms-overflow-style:none;border-radius:8px;bottom:20px;flex-direction:row;gap:6px;height:60px;left:50%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scrollbar-width:none;top:auto;transform:translateX(-50%);width:calc(100% - 40px)}.whiteboard-toolbar::-webkit-scrollbar{display:none}.panel-open .whiteboard-toolbar{left:50%;max-width:100%;transform:translateX(-50%);width:calc(100% - 40px)}}.toolbar-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:move;display:flex;font-size:20px;height:36px;justify-content:center;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);width:36px}.toolbar-item:before{background:#0000;border-radius:6px;content:"";inset:0;position:absolute;transition:background .15s cubic-bezier(.4,0,.2,1)}.toolbar-item:hover{background:#f3f4f6;color:#111827}.toolbar-item:hover:before{background:#f3f4f6}.toolbar-item:active{background:#e5e7eb;transform:scale(.95)}.toolbar-item:active:before{background:#e5e7eb}.toolbar-item.dragging{opacity:.6;transform:scale(.9)}.toolbar-item svg{height:20px;position:relative;width:20px;z-index:1}.toolbar-item.separator{align-self:center;background:#e5e7eb;height:1px;margin:4px 0;width:28px}@media (max-width:768px){.toolbar-item.separator{flex:0 0 1px;height:100%;margin:0 4px;min-width:1px;width:1px}}@media (max-width:480px){.whiteboard-toolbar{bottom:10px;gap:4px;height:56px;padding:6px 8px;width:calc(100% - 20px)}.toolbar-item{flex:0 0 36px;height:36px;min-width:36px;width:36px}.toolbar-item svg{height:18px;width:18px}.toolbar-item.mind-map-button{background:#0000;border:none;flex:0 0 36px;height:36px;min-width:36px;width:36px}.toolbar-item.mind-map-button svg{height:20px;width:20px}.toolbar-item.ai-button{background:#0000;border:none;flex:0 0 36px;height:36px;min-width:36px;width:36px}.toolbar-item.ai-button svg{height:20px;width:20px}.panel-open .whiteboard-toolbar{width:calc(100% - 20px)}}.whiteboard-canvas{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;box-sizing:border-box;flex:1 1;height:auto;min-height:0;overflow:hidden;padding-bottom:calc(var(--wb-toolbar-offset) + var(--wb-safe-bottom));position:relative;touch-action:none;width:100%;z-index:1}.whiteboard-webgl-viewport{inset:0;overflow:hidden;position:absolute;z-index:0}.whiteboard-dom-overlay{inset:0;overflow:visible;pointer-events:none;position:absolute;transform-origin:0 0;will-change:transform;z-index:2}.whiteboard-dom-overlay-item{overflow:visible;pointer-events:auto}.whiteboard-dom-overlay-item-content{overflow:visible;position:relative}.whiteboard-dom-overlay-item .whiteboard-item{height:100%!important;left:0!important;position:relative!important;top:0!important;transform:none!important;width:100%!important}.whiteboard-dom-overlay-item--selected .whiteboard-dom-overlay-item-content{outline:2px solid #2196f3}.whiteboard-dom-overlay-item--selected .whiteboard-item{background:#0000!important;outline:none!important}.whiteboard-dom-overlay-item--selected .connector-control,.whiteboard-dom-overlay-item--selected .edit-control,.whiteboard-dom-overlay-item--selected .expand-control,.whiteboard-dom-overlay-item--selected .resize-handle,.whiteboard-dom-overlay-item--selected .whiteboard-item>textarea{opacity:1;pointer-events:auto}.whiteboard-dom-overlay-item--selected .connector-control,.whiteboard-dom-overlay-item--selected .edit-control,.whiteboard-dom-overlay-item--selected .expand-control{display:flex!important}.whiteboard-footer{align-items:center;background-color:#f5f5f5;border-top:1px solid #ddd;bottom:0;color:#666;display:flex;font-family:monospace;font-size:11px;height:15px;justify-content:space-between;left:0;padding:0 10px;position:absolute;right:0;-webkit-user-select:none;user-select:none;z-index:100}.footer-left,.footer-right{align-items:center;display:flex;gap:15px}@media (max-width:768px){.footer-right{display:none}.whiteboard-footer{bottom:72px;bottom:calc(var(--wb-toolbar-offset, 72px) + var(--wb-safe-bottom, 0px));justify-content:flex-start;padding:0 10px}}.whiteboard-canvas.panning{cursor:grabbing!important}.whiteboard-canvas.space-pressed:not(.panning){cursor:grab!important}.canvas-content{backface-visibility:hidden;background-color:#e0e0e0;height:100%;left:0;position:absolute;top:0;transform-origin:0 0;width:100%}.canvas-content.panning,.whiteboard-canvas.panning .canvas-content,.whiteboard-canvas.panning .whiteboard-item{transition:none!important}.grid-background{background-color:#fff;background-image:linear-gradient(90deg,#0000000d 1px,#0000 0),linear-gradient(180deg,#0000000d 1px,#0000 0);background-size:10px 10px;height:4000px;left:0;pointer-events:none;position:absolute;top:0;width:4000px}.grid-background:after{display:none}.whiteboard-item{-webkit-user-drag:none;box-sizing:border-box;cursor:default;overflow:visible;position:absolute;touch-action:none;transition:none;-webkit-user-select:none;user-select:none}.whiteboard-canvas.is-dragging-items .whiteboard-item,.whiteboard-canvas.panning .whiteboard-item,.whiteboard-item.dragging,.whiteboard-item.resizing{transition:none!important}.whiteboard-item:hover{cursor:default}.whiteboard-item.selected{outline:2px solid #2196f3}.whiteboard-item.selected:after{border:1px solid #2196f34d;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.whiteboard-item .circle-shape,.whiteboard-item .rectangle-shape,.whiteboard-item .sticky-note{pointer-events:none}.whiteboard-item textarea{pointer-events:auto}.resize-handle{background:#007bff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000001a;height:12px;pointer-events:all!important;position:absolute;width:12px}.resize-handle.nw{left:-5px;top:-5px}.resize-handle.n{left:50%;top:-5px;transform:translateX(-50%)}.resize-handle.ne{right:-5px;top:-5px}.resize-handle.e{right:-5px;top:50%;transform:translateY(-50%)}.resize-handle.se{bottom:-5px;right:-5px}.resize-handle.s{bottom:-5px;left:50%;transform:translateX(-50%)}.resize-handle.sw{bottom:-5px;left:-5px}.resize-handle.w{left:-5px;top:50%;transform:translateY(-50%)}.resize-handle:hover{background:#0056b3;transform:scale(1.2);transform-origin:center}.resize-handle.n:hover,.resize-handle.s:hover{transform:translateX(-50%) scale(1.2)}.resize-handle.e:hover,.resize-handle.w:hover{transform:translateY(-50%) scale(1.2)}.circle-shape .resize-handle{transition:transform .2s ease}.sticky-note{box-shadow:0 2px 4px #0000001a;height:200px;padding:0;position:relative;width:200px}.sticky-note,.whiteboard-item.selected .sticky-note{overflow:hidden}.sticky-note textarea{font-family:inherit;font-size:inherit;margin:0;padding:0}.rectangle-shape{background:#fff;border:2px solid #333;border-radius:4px;height:60px;width:100px}.circle-shape{background:#fff;border:2px solid #333;border-radius:50%;height:80px;width:80px}.whiteboard-item .rectangle-shape{box-shadow:0 2px 4px #0000001a;padding:16px}.whiteboard-item .rectangle-shape,.whiteboard-item .text-shape{word-wrap:break-word;align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;text-align:center;width:100%}.whiteboard-item .text-shape{background:#0000;border:none;box-shadow:none;padding:4px 8px}.whiteboard-item .circle-shape{word-wrap:break-word;align-items:center;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;height:100%;justify-content:center;overflow:hidden;padding:16px;text-align:center;width:100%}.whiteboard-page{background-color:#f5f5f5;display:flex;height:calc(100vh - 60px);width:100%}.whiteboard-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;height:100%;overflow-y:auto;width:240px}.whiteboard-main{flex:1 1;height:100%;overflow:hidden}.toolbar-title{border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;margin-bottom:16px;padding-bottom:8px}.toolbar-items{display:flex;flex-direction:column;gap:8px}.whiteboard-toolbar-item{background-color:#f8f9fa;border-radius:6px;cursor:move;padding:12px;transition:all .2s}.whiteboard-toolbar-item:hover{background-color:#e9ecef}.whiteboard-toolbar-item.dragging{opacity:.5}.toolbar-item-content{align-items:center;display:flex;gap:12px}.toolbar-item-icon{align-items:center;display:flex;font-size:20px;height:24px;justify-content:center;width:24px}.toolbar-item-label{color:#333;font-size:14px}.whiteboard-canvas.dragging{cursor:grabbing}.draggable-element{cursor:move;position:absolute;transition:transform .1s ease;-webkit-user-select:none;user-select:none;z-index:2}.draggable-element.selected{outline:2px solid #007bff;z-index:3}.shape{align-items:center;background-color:#fff;border:2px solid #333;display:flex;height:40px;justify-content:center;transition:all .1s ease;width:40px}.shape:hover{box-shadow:0 2px 8px #00000026}.shape.circle{border-radius:50%}.shape.rectangle{border-radius:4px}.shape.diamond{transform:rotate(45deg)}.shape.text{background-color:initial;border:none;min-width:100px;padding:8px}.zoom-controls{bottom:20px;position:fixed;right:20px;z-index:1000}.zoom-controls button{align-items:center;background:#fff;border:none;color:#333;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.zoom-controls button:hover{background:#f0f0f0}.zoom-controls button.full-width-button,.zoom-controls button.home-button{border-left:1px solid #eee;margin-left:8px;padding-left:8px}.zoom-controls button.full-width-button svg,.zoom-controls button.home-button svg{stroke:currentColor;height:16px;width:16px}.compass{background:#fff;border-radius:50%;bottom:20px;box-shadow:0 2px 4px #0000001a;height:80px;left:260px;position:fixed;width:80px;z-index:1000}.compass-east,.compass-north,.compass-south,.compass-west{color:#333;font-size:14px;font-weight:700;position:absolute}.compass-north{left:50%;top:5px;transform:translateX(-50%)}.compass-east{right:5px;top:50%;transform:translateY(-50%)}.compass-south{bottom:5px;left:50%;transform:translateX(-50%)}.compass-west{left:5px;top:50%;transform:translateY(-50%)}.compass-center{color:#007bff;font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.whiteboard-item.selected{outline-offset:2px}.whiteboard-item.selected.dragging{box-shadow:0 4px 8px #0000001a;outline:2px dashed #2196f3}.multi-select-indicator{padding:2px 6px;top:-20px}.drag-mode-indicator,.multi-select-indicator{background:#007bff;border-radius:4px;color:#fff;font-size:12px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.drag-mode-indicator{padding:4px 8px;top:-25px;white-space:nowrap}.whiteboard-item.dragging{cursor:grabbing!important;outline:2px solid #007bff;z-index:1000}.whiteboard-item.dragging *{pointer-events:none}.whiteboard-item.dragging .connector-control,.whiteboard-item.dragging .edit-control,.whiteboard-item.dragging .expand-control{pointer-events:auto}.whiteboard-item.resizing{cursor:auto!important}.whiteboard-item.resizing *{pointer-events:none}.whiteboard-item.resizing .connector-control,.whiteboard-item.resizing .edit-control,.whiteboard-item.resizing .expand-control{pointer-events:auto}.resize-handle{pointer-events:auto!important;z-index:1001}.resize-handle:active,.whiteboard-item.resizing .resize-handle{background:#0056b3;transform:scale(1.2)}.whiteboard-item.resizing{z-index:1000}.whiteboard-item *{box-sizing:border-box}.connection-point{opacity:0;transition:opacity .2s ease;z-index:1002}.connection-point.connecting,.connection-point:hover,.whiteboard-item:hover .connection-point{opacity:1}.connection-point:hover{background:#45a049!important;transform:scale(1.2)!important}.connection-point.connecting{animation:pulse 1.5s infinite;background:#2196f3!important}@media (min-width:769px){.saved-whiteboards-menu{background:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:8px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;width:480px}}.menu-toggle{align-items:center;background:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px}.menu-toggle:hover{background:#f8f9fa}.save-new-board{border-bottom:1px solid #eee;display:flex;gap:8px;padding:12px}.save-new-board input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:6px}.saved-boards-list{padding:8px}.saved-board-item{align-items:center;border-radius:4px;display:flex;gap:8px;margin-bottom:4px;padding:8px}.saved-board-item:hover{background:#f8f9fa}.saved-date{color:#666;font-size:12px}.board-actions{display:flex;gap:4px}.board-actions button{border:none;border-radius:4px;cursor:pointer;padding:4px 8px}.board-actions button:hover{background:#e9ecef}.delete-btn{color:#dc3545}.delete-btn:hover{background:#ffebee!important}.connector path{transition:all .2s ease}.connector-tooltip{background:#000c;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px;pointer-events:none;position:absolute;z-index:1001}.connector-button{opacity:0;transition:all .2s ease;z-index:1002}.whiteboard-item.selected .connector-button{opacity:1}.whiteboard-item.valid-target:hover{cursor:pointer!important;outline:2px solid #4caf50}.whiteboard-item.shift-pressed{cursor:grab}.connector-button:hover{background:#45a049!important;transform:translateY(-50%) scale(1.2)!important}.whiteboard-item.connecting{outline:2px dashed #4caf50}.whiteboard-item.valid-target{cursor:pointer!important;outline:2px solid #4caf50}.whiteboard-item.invalid-target{cursor:not-allowed!important;outline:2px solid #f44336}.connector-control{align-items:center;background:#4caf50;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;display:none;height:24px;justify-content:center;position:absolute;right:-28px;top:50%;width:24px;z-index:1003}.whiteboard-item.selected .connector-control{display:flex}.connector path.creating{stroke-dasharray:5,5;animation:dash 1s linear infinite}.connector path:hover{stroke:#1976d2}@keyframes dash{to{stroke-dashoffset:-10}}.connector-control:after{display:none}.selection-box{background:#007bff1a;border:2px solid #007bff;pointer-events:none;position:absolute}.whiteboard-item.multi-selected{background:#007bff0d;outline:2px solid #007bff;overflow:visible}.whiteboard-controls-overlay{background-color:#ffffffe6;border-radius:8px;bottom:20px;box-shadow:0 2px 8px #00000026;display:flex;justify-content:center;left:50%;opacity:.7;padding:8px 12px;pointer-events:auto;position:fixed;transform:translateX(-50%);transition:all .3s ease;z-index:900}.whiteboard-controls-overlay.collapsed{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(calc(100% + 20px))}.whiteboard-controls-overlay:hover{opacity:1}.controls-help{align-items:center;background-color:initial;color:#333;display:flex;font-size:13px;gap:32px}.control-tip-container{display:flex;flex-direction:column;gap:6px}.control-tip{align-items:center;display:flex;gap:4px;margin-bottom:6px}.control-icon{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:inline-flex;height:24px;justify-content:center;width:24px}.control-tip:first-of-type .control-icon{background:#2196f3}.control-tip:nth-of-type(2) .control-icon{background:#4caf50}.control-tip:nth-of-type(3) .control-icon{background:#9c27b0}.control-icon svg{stroke:#fff;height:16px;width:16px}.control-tip:last-child{margin-bottom:0}.keyboard-key{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 2px #0000001a;display:inline-block;font-family:monospace;font-size:12px;font-weight:700;padding:2px 6px}.mouse-action{color:#555;font-weight:500}.touch-tip{color:#666;display:none;font-size:12px;margin-left:8px}@media (hover:none) and (pointer:coarse){.touch-tip{display:inline}.keyboard-key,.mouse-action{display:none}}@media (max-width:768px){.whiteboard-controls-overlay{display:none}.whiteboard-toolbar{-ms-overflow-style:none;bottom:20px;flex-direction:row;gap:6px;height:60px;left:50%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scrollbar-width:none;top:auto;transform:translateX(-50%);width:calc(100% - 40px)}.whiteboard-toolbar::-webkit-scrollbar{display:none}.toolbar-item{flex:0 0 40px;height:40px;min-width:40px;width:40px}.toolbar-item svg{height:20px;width:20px}.toolbar-item.mind-map-button{flex:0 0 40px;height:40px;min-width:40px;width:40px}.toolbar-item.mind-map-button svg{height:20px;width:20px}.toolbar-item.ai-button{flex:0 0 40px;height:40px;min-width:40px;width:40px}.toolbar-item.ai-button svg{height:20px;width:20px}.toolbar-item.separator{flex:0 0 1px;height:100%;margin:0 4px;min-width:1px;width:1px}.panel-open .whiteboard-toolbar{left:50%;max-width:100%;transform:translateX(-50%);width:calc(100% - 40px)}.controls-help{font-size:12px}}.canvas-content{z-index:1}.selection-box{z-index:1500}.whiteboard-item{z-index:100}.whiteboard-item.selected{z-index:101}.connector{z-index:50}.whiteboard-menu-overlay{bottom:20px;left:20px;pointer-events:none;position:fixed;transition:right .3s ease;z-index:1000}.whiteboard-menu-overlay>*{pointer-events:auto}.whiteboard-zoom-overlay{bottom:20px;pointer-events:none;position:fixed;right:20px;transition:opacity .5s ease;z-index:900}.zoom-overlay-visible{opacity:1!important}.zoom-overlay-hidden{opacity:0}.whiteboard-item.group-select-mode~.whiteboard-zoom-overlay{opacity:.3}.whiteboard-zoom-overlay:hover{opacity:1!important}.whiteboard-zoom-overlay>*{pointer-events:auto}.mind-map-panel-open .whiteboard-controls-overlay,.panel-open .whiteboard-controls-overlay{opacity:.3}@media (max-width:900px){.whiteboard{--wb-toolbar-offset:72px}.whiteboard-zoom-overlay{bottom:calc(var(--wb-toolbar-offset) + 12px + var(--wb-safe-bottom));opacity:.85;right:max(12px,var(--wb-safe-bottom))}.viewport-indicator{display:none}.zoom-controls{gap:4px;padding:6px}.zoom-controls button{min-height:36px;min-width:36px;padding:6px 10px}.zoom-controls span{font-size:13px;min-width:48px}}.mind-map-panel-open .whiteboard-zoom-overlay,.panel-open .whiteboard-zoom-overlay{right:20px}.zoom-controls{align-items:center;background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:8px;transition:opacity .3s ease}.zoom-controls button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;padding:4px 8px}.zoom-controls button:hover{background:#e9ecef}.zoom-controls span{min-width:60px;text-align:center}.whiteboard-controls-left{left:20px;position:fixed;top:20px;z-index:2000}.select-all-button{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.select-all-button:hover{background:#f8f9fa}.whiteboard-item.selected{outline:2px solid #007bff;overflow:visible}.whiteboard-item.group-select-mode{cursor:default!important}.whiteboard-item.group-select-mode.selected{outline:2px solid #2196f3}.connector-control,.edit-control,.expand-control{pointer-events:auto!important;z-index:1003}.whiteboard-container{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative;transition:width .3s ease,margin-right .3s ease;width:100%;will-change:width,margin-right}.mind-map-panel-open .whiteboard-container,.panel-open .whiteboard-container{margin-right:min(440px,45vw);width:calc(100% - min(440px, 45vw))}@media (max-width:768px){.whiteboard{--wb-header-height:50px;--wb-toolbar-offset:72px}.panel-open .whiteboard-container{margin-right:0;width:100%}.resize-handle{height:18px;width:18px}.resize-handle.nw{left:-8px;top:-8px}.resize-handle.ne{right:-8px;top:-8px}.resize-handle.se{bottom:-8px;right:-8px}.resize-handle.sw{bottom:-8px;left:-8px}.resize-handle.n{top:-8px}.resize-handle.s{bottom:-8px}.resize-handle.e{right:-8px}.resize-handle.w{left:-8px}.search-panel{box-shadow:-5px 0 15px #0003}}.context-menu{animation:fade-in .15s ease;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 8px #0000001a;overflow:hidden;padding:5px 0;width:220px}.context-menu-option{align-items:center;background:none;border:none;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.context-menu-option:hover{background-color:#f1f3f5}.context-menu-option:active{background-color:#e9ecef}.context-menu-divider{background:#e9ecef;height:1px;margin:5px 0}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.whiteboard-item.move-mode{animation:move-pulse 1.5s ease infinite;cursor:move!important;outline:2px solid #6610f2!important;z-index:1005!important}.move-tooltip{animation:fade-in .3s ease;background-color:#6610f2;border-radius:4px;box-shadow:0 3px 10px #0003;color:#fff;font-size:14px;padding:8px 12px;pointer-events:none;z-index:2010}@keyframes move-pulse{0%{box-shadow:0 0 0 0 #6610f266}70%{box-shadow:0 0 0 10px #6610f200}to{box-shadow:0 0 0 0 #6610f200}}.right-click-hint{display:none}.toolbar-button{align-items:center;background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:center;margin-top:10px;padding:8px 12px;transition:background-color .2s}.toolbar-button:hover{background-color:#3a5a8c}.mind-map-panel,.search-panel{background:#fff;border:1px solid #ddd;border-radius:0;border-right:none;height:calc(100dvh - 60px);height:calc(100dvh - var(--wb-header-height, 60px));height:calc(100vh - 60px);height:calc(100vh - var(--wb-header-height, 60px));overflow-y:auto;position:fixed;right:0;top:60px;top:var(--wb-header-height,60px);transition:transform .3s ease;width:min(400px,92vw);z-index:2000}@media (max-width:768px){.mind-map-panel-open .whiteboard-container,.panel-open .whiteboard-container{margin-right:0;width:100%}.mind-map-panel,.search-panel{border-radius:8px;border-right:1px solid #ddd;height:calc(100vh - 180px);left:10px;max-height:70vh;right:10px;top:50%;transform:translateY(-50%);width:auto}}.mind-map-panel{padding:20px}.mind-map-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mind-map-panel-header h3{color:#333;font-size:18px;margin:0}.mind-map-panel-header .close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s ease}.mind-map-panel-header .close-button:hover{background:#f0f0f0;color:#333}.mind-map-input-container{margin-bottom:20px}.mind-map-input-container label{color:#555}.generate-mind-map-button{border-radius:6px;font-size:14px;padding:12px}@media (max-width:768px){.mind-map-panel-open .whiteboard-container,.panel-open .whiteboard-container{margin-right:0;width:100%}.mind-map-panel,.search-panel{box-shadow:-5px 0 15px #0003;height:calc(95% - 50px);top:50px}.mind-map-panel-open .whiteboard-controls-overlay,.panel-open .whiteboard-controls-overlay{opacity:.3}}.mind-map-floating-prompt{animation:slideUpFromCenter .3s ease;bottom:30px;left:50%;position:fixed;transform:translateX(-50%);z-index:3000}.mind-map-floating-prompt.closing{animation:slideDownFromCenter .3s ease}.mind-map-prompt-container{align-items:center;background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;display:flex;gap:8px;max-width:900px;min-width:600px;padding:8px 12px;transition:all .2s ease}.mind-map-prompt-container:focus-within{box-shadow:0 6px 24px #0003,0 0 0 2px #007bff33}.mind-map-prompt-input{background:#0000;border:none;color:#333;flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:8px 4px}.mind-map-prompt-input::placeholder{color:#999}.mind-map-prompt-input:disabled{cursor:not-allowed;opacity:.6}.mind-map-prompt-chart-type{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:50%;color:#495057;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.mind-map-prompt-chart-type:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;transform:scale(1.05)}.mind-map-prompt-chart-type:disabled{cursor:not-allowed;opacity:.5}.mind-map-prompt-chart-type svg{height:16px;width:16px}.mind-map-prompt-button{align-items:center;background:#007bff;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;gap:6px;height:36px;justify-content:center;min-width:36px;padding:0 8px;position:relative;transition:all .2s ease}.mind-map-prompt-button svg{flex-shrink:0;margin:0}.mind-map-prompt-button .loading-spinner{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.mind-map-prompt-button:hover:not(:disabled){background:#0056b3;cursor:pointer;transform:scale(1.05)}.mind-map-prompt-button:disabled{cursor:wait;opacity:.8}.mind-map-prompt-button:disabled,.mind-map-prompt-button:disabled:hover{background:#007bff;transform:none}.mind-map-prompt-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.mind-map-prompt-close:hover{background:#f0f0f0;color:#333}@keyframes slideUpFromCenter{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideDownFromCenter{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(20px)}}@media (max-width:768px){.mind-map-prompt-container{margin:0 20px;max-width:calc(100% - 40px);min-width:calc(100% - 40px)}}.mind-map-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.mind-map-modal{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:24px;position:relative;width:90%}.mind-map-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.mind-map-modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.mind-map-modal-header .close-button{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:all .2s ease}.mind-map-modal-header .close-button:hover{background:#f0f0f0;color:#333}.mind-map-input-container,.mind-map-modal-content{margin-bottom:24px}.mind-map-input-container label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.mind-map-input-container textarea{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;font-size:14px;min-height:120px;padding:12px;resize:vertical;transition:all .2s ease;width:95%}.mind-map-input-container textarea:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.mind-map-settings-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.mind-map-settings-container label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:12px}.branch-distance-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;height:6px;margin-bottom:8px;outline:none;width:100%}.branch-distance-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.branch-distance-slider::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}.branch-distance-slider::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.branch-distance-slider::-moz-range-thumb:hover{background:#0056b3;transform:scale(1.1)}.slider-labels{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.slider-labels span{flex:1 1;text-align:center}.slider-labels span:first-child{text-align:left}.slider-labels span:last-child{text-align:right}.generate-mind-map-button{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.generate-mind-map-button:hover:not(:disabled){background:#0056b3;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.generate-mind-map-button:disabled{background:#ccc;cursor:not-allowed;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.mind-map-modal{margin:10px;padding:20px;width:95%}}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:block;flex-shrink:0;height:20px;margin:0 auto;width:20px}.typing-indicator{display:flex;gap:4px;padding:8px 12px}.typing-indicator span{animation:typing 1s ease-in-out infinite;background:#007bff;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.message-content p{line-height:1.5;margin:0}.message-content pre{background:#0000000d;border-radius:6px;overflow-x:auto;padding:12px}.message-content code{background:#0000000d;border-radius:4px;font-family:monospace;padding:2px 4px}.agent-chat-button{align-items:center;background:#007bff;border:none;border-radius:25px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:50px;z-index:1000}.agent-chat-button:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.expand-control{align-items:center;background-color:#9c27b0;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;display:none;height:26px;justify-content:center;position:absolute;transform:translate(0);transition:all .2s ease;width:26px;z-index:1003}.whiteboard-item.selected .expand-control,.whiteboard-item:hover .expand-control{display:flex}.expand-control:hover:not(.expanding){background-color:#7b1fa2;transform:translateY(-50%) scale(1.1)}.expand-control svg{stroke:#fff;stroke-width:2;height:16px;width:16px}.whiteboard-item.expanding{animation:expanding-pulse 1.5s ease-in-out infinite;opacity:.8;transform-origin:center center;transition:opacity .15s ease,border .15s ease!important}.whiteboard-item .expand-control.expanding{background-color:#7b1fa2;transform:translateY(-50%)!important;transform-origin:center center;transition:background-color .15s ease,transform 0s!important}.whiteboard-item .expand-control.expanding:hover{transform:translateY(-50%)!important}@keyframes expanding-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.expand-control .spinner{animation:spinner-spin .8s linear infinite;border:1.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:8px;vertical-align:middle;width:8px}@keyframes spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mind-map-button{background:#0000;border:none;overflow:hidden;position:relative}.mind-map-button:hover{background-color:#f3f4f6;transform:none}.mind-map-button:active{background-color:#e5e7eb;transform:scale(.95)}.mind-map-button:after{background:#fff3;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:100%}.mind-map-button:active:after{opacity:0;transform:translate(-50%,-50%) scale(2)}.toolbar-item.ai-button{background:#0000!important;border:none!important;color:#6b7280;height:36px!important;overflow:hidden;position:relative;width:36px!important}.toolbar-item.ai-button:hover{background-color:#f3f4f6;color:#111827;transform:none}.toolbar-item.ai-button:hover:before{background:#f3f4f6}.toolbar-item.ai-button:active{background-color:#e5e7eb;transform:scale(.95)}.toolbar-item.ai-button:active:before{background:#e5e7eb}.toolbar-item.ai-button:after{background:#fff3;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:100%}.toolbar-item.ai-button:active:after{opacity:0;transform:translate(-50%,-50%) scale(2)}.toolbar-item.ai-button.panning-mode,.toolbar-item.ai-button.panning-mode:active,.toolbar-item.ai-button.panning-mode:hover{background:#fff!important;cursor:grab!important;transform:none!important}.toolbar-item.ai-button.panning-mode:after{display:none}.export-button{align-items:center;background:#0000;border:none;border-radius:6px;box-sizing:border-box;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:4px;height:24px;padding:4px 8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.export-button:hover{background:#f3f4f6;color:#111827}.export-button:active{background:#e5e7eb;transform:scale(.98)}.export-menu button{align-items:center;border-radius:4px;color:#333;display:flex;gap:8px;padding:8px 12px}.export-menu button:hover{background:#f5f5f5}.whiteboard-header{align-items:center;background-color:initial!important;background:#0000!important;box-sizing:border-box;display:flex;gap:12px;height:60px;justify-content:space-between;left:0;padding:12px 20px;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease,z-index .2s ease;z-index:1500}body:has(.modal-container) .whiteboard-header,body:has(.modal-overlay) .whiteboard-header{opacity:.3;pointer-events:none;z-index:999}body:has(.modal-container) .whiteboard-header>*,body:has(.modal-overlay) .whiteboard-header>*{pointer-events:none}.whiteboard-header>*{pointer-events:auto}.header-logo-island{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;box-sizing:border-box;display:flex;gap:8px;height:36px;padding:6px 10px}.board-url-path-inline{align-items:center;border-left:1px solid #dee2e6;color:#495057;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;gap:8px;margin-left:8px;padding:0 12px 0 16px}.board-url-text{color:#6366f1;font-weight:500}.copy-url-button{align-items:center;background:#0000;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px 6px;transition:all .2s ease}.copy-url-button:hover{background-color:#e9ecef;border-color:#adb5bd;color:#495057}.header-center-controls{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0;pointer-events:auto}.header-right-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;box-sizing:border-box;display:flex;gap:6px;height:36px;padding:6px 10px}.save-button{background-color:initial!important;border:none!important;color:#6b7280!important}.save-button:hover{background-color:#f3f4f6!important;color:#111827!important}.save-button:active{background-color:#e5e7eb!important;transform:scale(.98)!important}.new-canvas-button{background-color:initial!important;border:none!important;color:#6b7280!important}.new-canvas-button:hover{background-color:#f3f4f6!important;color:#111827!important}.new-canvas-button:active{background-color:#e5e7eb!important;transform:scale(.98)!important}.header-button{align-items:center;background-color:initial;border:none;border-radius:6px;box-sizing:border-box;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:4px;height:24px;justify-content:center;padding:4px 8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.header-button:hover{background-color:#f3f4f6;color:#111827}.header-button:active{background-color:#e5e7eb;transform:scale(.98)}.header-button:disabled{cursor:not-allowed;opacity:.4}.header-button svg{flex-shrink:0;height:14px;width:14px}.export-controls{position:relative}.export-menu{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 8px #0000001a;left:0;margin-top:8px;min-width:180px;padding:5px 0;position:absolute;top:calc(100% + 12px);z-index:1600}.export-menu button{background:none;border:none;color:#495057;cursor:pointer;display:block;font-size:14px;padding:10px 15px;text-align:left;white-space:nowrap;width:100%}.export-menu button:hover{background-color:#f1f3f5}.whiteboard-canvas{margin-top:0}.saved-whiteboards-container{position:relative;z-index:1000}@media (min-width:769px){.saved-whiteboards-menu{left:0;top:calc(100% + 12px);z-index:1600}}@media (max-width:768px){.whiteboard{--wb-header-height:50px;--wb-toolbar-offset:72px}.whiteboard-header{-ms-overflow-style:none;height:50px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scrollbar-width:none}.whiteboard-header::-webkit-scrollbar{display:none}.header-logo-island{border-radius:10px;flex-shrink:0;gap:6px;height:32px;padding:5px 8px}.header-logo-island>div:first-child{margin-right:0!important}.header-logo-island>div:first-child img{height:24px!important;width:auto!important}.header-right-controls{border-radius:10px;flex-shrink:0;gap:4px;height:32px;padding:5px 8px}.header-button,.saved-whiteboards-container .menu-toggle{font-size:12px;gap:4px;height:36px;min-width:36px;padding:6px 8px}.header-button svg{flex-shrink:0;height:14px;width:14px}.header-button span,.saved-whiteboards-container .menu-toggle span{display:none}.header-button:not(:only-child){font-size:0}.header-button svg{font-size:medium}.saved-whiteboards-container .menu-toggle{font-size:0}.saved-whiteboards-container .menu-toggle svg{font-size:medium;margin-right:0!important}.board-url-path-inline{display:none}}@media (max-width:480px){.whiteboard{--wb-header-height:48px;--wb-toolbar-offset:64px}.whiteboard-header{height:48px;padding:0 6px}.header-logo-island{gap:4px;height:30px;padding:4px 6px}.header-right-controls{gap:3px;height:30px;padding:4px 6px}.header-button,.saved-whiteboards-container .menu-toggle{font-size:11px;gap:3px;height:32px;min-width:32px;padding:5px 6px}.header-button svg{height:12px;width:12px}.header-logo-island>div:first-child{height:24px!important;margin-right:0!important;width:24px!important}.header-logo-island>div:first-child img{height:20px!important}.header-button:has(svg[viewBox*="M3 6h18"]),.header-button:has(svg[viewBox*="M3 7v6h6"]){display:none}}.publish-dialog{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.publish-dialog-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2rem;width:90%}.publish-dialog h2{color:#2c3e50;font-size:1.5rem;margin:0 0 1.5rem}.publish-dialog input,.publish-dialog textarea{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.8rem;transition:border-color .2s ease;width:fit}.publish-dialog input:focus,.publish-dialog textarea:focus{border-color:#46e;outline:none}.publish-dialog-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.publish-dialog-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:transform .2s ease,background-color .2s ease}.publish-dialog-buttons button:first-child{background:#e9ecef;color:#495057}.publish-dialog-buttons button:last-child{background:#46e;color:#fff}.publish-dialog-buttons button:hover{transform:translateY(-1px)}.publish-dialog-buttons button:disabled{cursor:not-allowed;opacity:.6;transform:none}.toolbar-item.uploading{opacity:.7;pointer-events:none;position:relative}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.help-toggle-button{z-index:1001}.organize-control{display:none}.chart-config-panel{background:#fff!important;border:1px solid #ddd!important;box-shadow:0 4px 20px #00000026!important;position:fixed!important;z-index:2000!important}.chart-config-panel input,.chart-config-panel select,.chart-config-panel textarea{font-family:inherit;font-size:14px}.chart-config-panel label{color:#333;display:block;font-weight:500;margin-bottom:4px}.chart-config-panel button{font-family:inherit;font-size:14px;font-weight:500}.whiteboard-item.group-select-mode~.whiteboard-controls-overlay{opacity:0;pointer-events:none}.viewport-indicator{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:60px;margin-left:8px;overflow:hidden;position:relative;width:100px}.viewport-content{background-image:linear-gradient(90deg,#0000000d 1px,#0000 0),linear-gradient(180deg,#0000000d 1px,#0000 0);background-size:5px 5px;bottom:0;height:4000px;left:0;position:absolute;right:0;top:0;transform:scale(.025);transform-origin:0 0;width:4000px}.viewport-frame{background:#007bff1a;border:2px solid #007bff80;border-radius:2px;position:absolute;transition:all .2s ease}.viewport-frame:hover{background:#007bff33}@keyframes auto-save-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.whiteboard-header .spinner{animation:auto-save-spin 1s linear infinite;transform-box:fill-box;transform-origin:center}.dark-mode .whiteboard-toolbar{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 1px 2px var(--shadow-light)}.dark-mode .toolbar-item{color:var(--text-secondary)}.dark-mode .toolbar-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .toolbar-item:hover:before{background:var(--bg-tertiary)}.dark-mode .toolbar-item:active,.dark-mode .toolbar-item:active:before{background:var(--bg-secondary)}.dark-mode .toolbar-item.separator{background:var(--border-color)}.dark-mode .toolbar-item.ai-button{color:var(--text-secondary)}.dark-mode .toolbar-item.ai-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .toolbar-item.ai-button:hover:before{background:var(--bg-tertiary)}.dark-mode .toolbar-item.ai-button:active{background-color:var(--bg-secondary)}.dark-mode .toolbar-item.ai-button:active:before{background:var(--bg-secondary)}.chart-menu-popup{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000014;display:flex;gap:4px;overflow:hidden;padding:6px}.chart-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;display:flex;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);width:36px}.chart-menu-item:hover{background-color:#f3f4f6;color:#111827}.dark-mode .chart-menu-popup{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 12px var(--shadow)}.dark-mode .chart-menu-item{color:var(--text-secondary)}.dark-mode .chart-menu-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .chart-config-panel{background:var(--bg-primary)!important;border-color:var(--border-color)!important;box-shadow:0 4px 20px var(--shadow)!important;color:var(--text-primary)}.dark-mode .chart-config-panel label{color:var(--text-primary)}.dark-mode .viewport-indicator{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .whiteboard-header{background-color:initial!important;background:#0000!important}.dark-mode .header-logo-island,.dark-mode .header-right-controls{background:#1a1a1af2;border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow),0 1px 2px var(--shadow-light)}.dark-mode .header-button{color:var(--text-secondary)}.dark-mode .header-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .header-button:active{background-color:var(--bg-secondary)}.dark-mode .save-button:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.dark-mode .save-button:active{background-color:var(--bg-secondary)!important}.dark-mode .new-canvas-button:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.dark-mode .new-canvas-button:active{background-color:var(--bg-secondary)!important}.dark-mode .board-url-path-inline{border-left-color:var(--border-color);color:var(--text-secondary)}.dark-mode .board-url-text{color:#818cf8}.dark-mode .copy-url-button{border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .copy-url-button:hover{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .export-menu{background-color:#1a1a1a;background-color:var(--bg-primary,#1a1a1a);border-color:#404040;border-color:var(--border-color,#404040);box-shadow:0 4px 8px #0000004d;box-shadow:0 4px 8px var(--shadow,#0000004d)}.dark-mode .export-menu button,.dark-mode .export-menu button:hover{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.dark-mode .export-menu button:hover{background-color:#2d2d2d;background-color:var(--bg-tertiary,#2d2d2d)}.dark-mode .export-menu button:disabled{background-color:#242424;background-color:var(--bg-secondary,#242424);color:#b3b3b3;color:var(--text-secondary,#b3b3b3);cursor:not-allowed;opacity:.6}.dark-mode .whiteboard-canvas{background-color:var(--bg-secondary)}.dark-mode .canvas-content,.dark-mode .grid-background{background-color:var(--bg-tertiary)}.dark-mode .grid-background{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 0),linear-gradient(180deg,#ffffff08 1px,#0000 0)}.dark-mode .whiteboard-footer{background-color:var(--bg-secondary);border-top-color:var(--border-color);color:var(--text-secondary)}.dark-mode .whiteboard-controls-overlay{background-color:#1a1a1ae6;box-shadow:0 2px 8px var(--shadow)}.dark-mode .controls-help{color:var(--text-primary)}.dark-mode .mouse-action{color:var(--text-secondary)}.dark-mode .touch-tip{color:var(--text-tertiary)}.dark-mode .keyboard-key{background-color:var(--bg-tertiary);border-color:var(--border-color);box-shadow:0 1px 2px var(--shadow-light);color:var(--text-primary)}.dark-mode .mind-map-prompt-container{background:var(--bg-primary);box-shadow:0 4px 20px var(--shadow),0 0 0 1px var(--border-color)}.dark-mode .mind-map-prompt-container:focus-within{box-shadow:0 6px 24px var(--shadow),0 0 0 2px #4285f44d}.dark-mode .mind-map-prompt-input{color:var(--text-primary)}.dark-mode .mind-map-prompt-input::placeholder{color:var(--text-tertiary)}.dark-mode .mind-map-prompt-chart-type{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .mind-map-prompt-chart-type:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .mind-map-prompt-close{color:var(--text-secondary)}.dark-mode .mind-map-prompt-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .zoom-controls{background:#1a1a1ae6;box-shadow:0 2px 8px var(--shadow)}.dark-mode .zoom-controls button{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .zoom-controls button:hover{background:var(--bg-secondary)}.dark-mode .zoom-controls span{color:var(--text-primary)}.dark-mode .color-menu-panel{background:var(--bg-primary)!important;box-shadow:0 2px 8px var(--shadow)!important;color:var(--text-primary)}.dark-mode .color-menu-panel select{background:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--text-primary)!important}.dark-mode .color-menu-panel select option{background:var(--bg-primary);color:var(--text-primary)}.dark-mode .color-menu-panel div[style*="fontSize: 13"]{color:var(--text-primary)!important}.dark-mode .color-menu-panel div[style*="fontSize: 11"]{color:var(--text-secondary)!important}.dark-mode div[style*="background: 'white'"],.dark-mode div[style*='background: "white"']{background:var(--bg-primary)!important;box-shadow:0 2px 8px var(--shadow)!important;color:var(--text-primary)!important}.dark-mode div[style*="fontSize: 13"],.dark-mode div[style*="fontSize: 14"][style*="fontWeight: 600"]{color:var(--text-primary)!important}.dark-mode .color-menu-panel .chrome-picker{background:var(--bg-primary)!important}.dark-mode .color-menu-panel .chrome-picker input{background:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--text-primary)!important}.dark-mode .color-menu-panel .chrome-picker label{color:var(--text-primary)!important}.dark-mode .color-menu-panel .chrome-picker div[style*=background],.dark-mode .color-menu-panel input[type=range]{background:var(--bg-tertiary)!important}.dark-mode .color-menu-panel input[type=range]::-webkit-slider-thumb{background:#4285f4}.dark-mode .color-menu-panel input[type=range]::-moz-range-thumb{background:#4285f4}.dark-mode .color-menu-panel button{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-mode .color-menu-panel button:hover{background:var(--bg-secondary)!important}.dark-mode .context-menu{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 8px var(--shadow)}.dark-mode .context-menu-option{color:var(--text-secondary)}.dark-mode .context-menu-option:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .select-all-button{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 2px 4px var(--shadow-light);color:var(--text-primary)}.dark-mode .select-all-button:hover{background:var(--bg-tertiary)}body{background-color:#f8f9fa;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.landing-page{flex-direction:column;overflow-x:hidden;padding-top:0}.hero-section,.landing-page{align-items:center;display:flex;width:100%}.hero-section{background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#2a2f4a);box-sizing:border-box;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;padding:60px 20px 0;position:relative;z-index:1}.hero-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.hero-gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.6;position:absolute}.hero-gradient-orb-1{animation-delay:0s;background:radial-gradient(circle,#6366f1cc 0,#0000 70%);height:500px;left:10%;top:-200px;width:500px}.hero-gradient-orb-2{animation-delay:5s;background:radial-gradient(circle,#8b5cf6b3 0,#0000 70%);bottom:-300px;height:600px;right:10%;width:600px}.hero-gradient-orb-3{animation-delay:10s;background:radial-gradient(circle,#3b82f699 0,#0000 70%);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:1600px;min-height:fit-content;padding:0 20px;position:relative;width:100%;z-index:1}.hero-content{animation:fadeInUp .8s ease-out;text-align:left}.hero-badge{animation:fadeIn .6s ease-out .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f126;border:1px solid #6366f14d;border-radius:50px;display:inline-block;margin-bottom:24px;padding:8px 16px}.hero-badge span{align-items:center;color:#a5b4fc;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;letter-spacing:.3px}.hero-badge-icon{color:#a5b4fc;flex-shrink:0;height:16px;width:16px}.hero-title{animation:fadeInUp .8s ease-out .3s both;display:flex;flex-direction:column;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:4.5rem;font-weight:700;gap:0;letter-spacing:-2px;line-height:1.1;margin:0 0 24px}.hero-title-line{color:#fff;display:block}.hero-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;display:block;position:relative}.hero-title-gradient:after{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#3b82f6);border-radius:2px;bottom:0;content:"";height:4px;left:0;opacity:.3;position:absolute;width:100%}.hero-subtitle{animation:fadeInUp .8s ease-out .5s both;color:#cbd5e1;font-size:1.3rem;font-weight:400;line-height:1.7;margin-bottom:40px;max-width:600px}.hero-cta-group{animation:fadeInUp .8s ease-out .7s both;display:flex;flex-direction:column;gap:20px}.hero-cta-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.hero-cta-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 10px 30px #6366f166;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:18px 40px;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content}.hero-cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.hero-cta-button:hover:before{left:100%}.hero-cta-button:hover{background:linear-gradient(135deg,#7c7fff,#a78bfa);box-shadow:0 15px 40px #6366f199;transform:translateY(-3px)}.hero-cta-button:active{transform:translateY(-1px)}.hero-cta-button svg{transition:transform .3s ease}.hero-cta-button:hover svg{transform:translateX(4px)}.hero-contact-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:18px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-contact-button:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 10px 30px #ffffff1a;transform:translateY(-3px)}.hero-contact-button:active{transform:translateY(-1px)}.hero-contact-button svg{flex-shrink:0;transition:transform .3s ease}.hero-contact-button:hover svg{transform:scale(1.1)}.hero-features-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.feature-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#cbd5e1;display:inline-flex;font-size:.85rem;gap:8px;padding:8px 16px;transition:all .3s ease}.feature-pill-icon{color:currentColor;flex-shrink:0;height:16px;width:16px}.feature-pill:hover{background:#ffffff1a;border-color:#6366f180;transform:translateY(-2px)}.hero-visual{animation:fadeInRight 1s ease-out .4s both;position:relative;z-index:1}.hero-visual-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #00000080;display:inline-block;height:fit-content;max-width:900px;min-width:700px;overflow:hidden;padding:8px;position:relative}.hero-visual-glow{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#6366f14d 0,#0000 70%);filter:blur(40px);height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hero-screenshot{border-radius:12px;display:block;height:auto;object-fit:contain;position:relative;width:100%;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.hero-logo-inline{display:inline-block;height:2.8rem;margin-top:-.2rem;vertical-align:middle;width:auto}.features-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:100px 20px 60px;position:relative;text-align:center;width:100%}.features-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath d='M100 0H0v100' fill='none' stroke='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.features-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.features-hero-title{font-size:3rem;font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:1.5rem}.features-hero-description{font-size:1.25rem;line-height:1.7;margin:0 auto;max-width:700px;opacity:.95}.features-section{background-color:#fff;box-sizing:border-box;margin:0 auto;max-width:1400px;padding:100px 20px 80px;position:relative;scroll-margin-top:60px;text-align:center;width:100%;z-index:2}.features-heading{color:#2c3e50;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.features-description{color:#666;font-size:1.3rem;line-height:1.6;margin:0 auto 4rem;max-width:800px}.features-grid{flex-direction:column;gap:3rem;margin-bottom:4rem;max-width:100%}.feature-card,.features-grid{box-sizing:border-box;display:flex;width:100%}.feature-card{background-color:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #0000000a;flex-direction:row;overflow:hidden;padding:0;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:nth-child(2n){flex-direction:row-reverse}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;display:flex;height:48px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:48px;z-index:2}.feature-icon{color:#fff;height:24px;width:24px}.feature-image-wrapper{align-items:center;background:#0000;display:flex;justify-content:center;min-width:500px;overflow:visible;padding:1.5rem;position:relative;width:50%}.feature-image{border:2px solid #fffc;border-radius:12px;box-shadow:0 8px 24px #00000026;display:block;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-height:600px;max-width:100%;object-fit:contain;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.feature-image:not(.feature-video){max-height:400px;max-width:70%}.feature-video{background:#0000;border-radius:12px;box-shadow:0 8px 24px #00000026;cursor:pointer;height:auto;max-height:600px;max-width:100%;object-fit:contain;width:100%}.feature-video::-webkit-media-controls-panel{background-color:initial!important;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.feature-video:focus::-webkit-media-controls-panel,.feature-video:hover::-webkit-media-controls-panel{background-color:#00000026!important;opacity:.7}.feature-video::-webkit-media-controls-play-button{background-color:#667eeab3;border-radius:50%;opacity:.8}.feature-video::-webkit-media-controls-current-time-display,.feature-video::-webkit-media-controls-time-remaining-display{color:#fffffff2;text-shadow:0 1px 3px #000000b3}.feature-video::-webkit-media-controls-timeline{background-color:#fff6;border-radius:2px}.feature-video::-webkit-media-controls-mute-button,.feature-video::-webkit-media-controls-volume-slider{display:none!important}.feature-video::-webkit-media-controls-overlay-enclosure,.feature-video::-webkit-media-controls-volume-slider-container{display:none!important}.feature-video::-moz-media-controls{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.feature-video:hover::-moz-media-controls{opacity:.7}.feature-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.feature-title{color:#2c3e50;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1rem}.feature-description{color:#666;flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:1.25rem}.feature-benefits{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.feature-benefits li{color:#495057;font-size:.9rem;line-height:1.5;padding-left:1.5rem;position:relative}.feature-benefits li:before{color:#667eea;content:"✓";font-size:1rem;font-weight:700;left:0;position:absolute}.features-cta{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;margin-top:2rem;padding:4rem 2rem;text-align:center}.features-cta-title{color:#2c3e50;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.features-cta-description{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.features-cta-button{align-items:center;background:#0000;border:1.5px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:500;gap:10px;justify-content:center;padding:16px 32px;transition:all .2s ease}.features-cta-button:hover{background:#667eea;color:#fff}.features-cta-button:active{opacity:.8}.features-cta-button svg{transition:transform .2s ease}.features-cta-button:hover svg{transform:translateX(4px)}@media (max-width:992px){.hero-container{gap:50px;grid-template-columns:1fr;padding:0 20px}.hero-container,.hero-content{text-align:center}.hero-title{align-items:center;font-size:3.5rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta-group{align-items:center}.hero-cta-buttons{justify-content:center;width:100%}.hero-contact-button,.hero-cta-button{margin:0}.hero-features-preview{justify-content:center}.hero-visual{margin:0 auto;max-width:600px}.features-heading{font-size:2.5rem}.features-description{font-size:1.2rem;margin-bottom:3rem}.feature-card{flex-direction:column!important}.feature-image-wrapper{min-width:0;min-width:auto;padding:1.25rem;width:100%}.feature-image,.feature-video{max-height:500px}.features-cta-title{font-size:2rem}.features-cta-description{font-size:1.1rem}}@media (max-width:768px){.landing-page{padding-top:56px}.hero-section{align-items:flex-start;height:100vh;min-height:100vh;padding:80px 15px 60px}.hero-container{gap:30px;grid-template-columns:1fr;min-height:fit-content;padding:0 15px;width:100%}.hero-container,.hero-content{text-align:center}.hero-title{align-items:center;font-size:2.5rem;letter-spacing:-1.5px}.hero-subtitle{font-size:1rem;margin-bottom:30px;max-width:100%}.hero-cta-group{align-items:center}.hero-cta-buttons{flex-direction:column;width:100%}.hero-contact-button,.hero-cta-button{font-size:.95rem;max-width:320px;padding:14px 28px;width:100%}.hero-features-preview{flex-wrap:wrap;gap:8px;justify-content:center}.feature-pill{font-size:.7rem;padding:6px 12px}.hero-visual{margin:0 auto;max-width:100%}.hero-visual-wrapper{border-radius:16px;padding:6px}.hero-screenshot{height:auto;min-height:400px;width:100%}.hero-visual-wrapper{max-width:100%;min-width:100%}.hero-gradient-orb-1,.hero-gradient-orb-2,.hero-gradient-orb-3{filter:blur(60px)}.hero-gradient-orb-1{height:300px;width:300px}.hero-gradient-orb-2{height:350px;width:350px}.hero-gradient-orb-3{height:250px;width:250px}.features-section{padding:60px 15px}.features-heading{font-size:2rem;margin-bottom:1rem}.features-description{font-size:1.1rem;margin-bottom:3rem}.features-grid{gap:2rem;margin-bottom:3rem}.feature-card{flex-direction:column!important}.feature-image-wrapper{min-width:0;min-width:auto;padding:1rem;width:100%}.feature-image,.feature-video{max-height:400px}.feature-content{padding:1.25rem}.feature-title{font-size:1.3rem}.feature-description{font-size:.95rem}.features-cta{padding:3rem 1.5rem}.features-cta-title{font-size:1.75rem}.features-cta-description{font-size:1rem}.features-cta-button{font-size:1rem;padding:14px 28px}}@media (max-width:576px){.landing-page{padding-top:52px}.hero-section{align-items:flex-start;height:100vh;min-height:100vh;padding:70px 10px 50px}.hero-container{gap:25px;min-height:fit-content;padding:0 10px;width:100%}.hero-badge{margin-bottom:16px;padding:6px 12px}.hero-badge span{font-size:.75rem}.hero-title{font-size:2rem;letter-spacing:-1px;margin-bottom:16px}.hero-subtitle{font-size:.9rem;line-height:1.6;margin-bottom:24px;padding:0 10px}.hero-contact-button,.hero-cta-button{font-size:.9rem;max-width:100%;padding:12px 24px;width:100%}.hero-features-preview{align-items:center;flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:center}.feature-pill{font-size:.65rem;padding:5px 10px}.hero-visual-wrapper{padding:4px}.features-section{padding:40px 10px}.features-heading{font-size:1.75rem;margin-bottom:.75rem}.features-description{font-size:1rem;margin-bottom:2.5rem}.features-grid{gap:1.5rem;margin-bottom:2rem}.feature-card{flex-direction:column!important}.feature-image-wrapper{min-width:0;min-width:auto;padding:.75rem;width:100%}.feature-image,.feature-video{max-height:350px}.feature-content{padding:1rem}.feature-title{font-size:1.2rem;margin-bottom:.75rem}.feature-description{font-size:.9rem;margin-bottom:1rem}.feature-benefits li{font-size:.85rem}.features-cta{border-radius:16px;padding:2rem 1rem}.features-cta-title{font-size:1.5rem}.features-cta-description{font-size:.95rem;margin-bottom:1.5rem}.features-cta-button{font-size:.95rem;max-width:300px;padding:12px 24px;width:100%}.use-cases-section{box-sizing:border-box;max-width:100%;padding:40px 10px;width:100%}.use-cases-heading{font-size:1.8rem;padding:0 10px}.use-cases-description{font-size:1rem;max-width:100%;padding:0 10px}.use-cases-grid{gap:1.5rem;grid-template-columns:1fr;margin:0;padding:0}.use-case-card,.use-cases-grid{box-sizing:border-box;max-width:100%;width:100%}.use-case-card{margin:0 auto;padding:1.25rem}.use-case-card h3{font-size:1.2rem}.use-case-card p{font-size:.95rem}.use-case-example{font-size:.85rem;padding:.9rem}.integrations-section{box-sizing:border-box;max-width:100%;padding:2.5rem 10px;width:100%}.integrations-heading{font-size:1.6rem;margin-bottom:1.5rem;padding:0 10px}.integrations-grid{gap:1.25rem;grid-template-columns:1fr;margin:0;padding:0}.integration-card,.integrations-grid{box-sizing:border-box;max-width:100%;width:100%}.integration-card{margin:0 auto;padding:1.25rem}.integration-logo{height:40px;width:40px}.integration-card h4{font-size:1.1rem}.integration-card p{font-size:.8rem}}.tech-section{background:#0000;padding:100px 20px;position:relative;scroll-margin-top:60px;text-align:center}.tech-heading{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:1.5rem}.tech-description{color:#666;font-size:1.3rem;line-height:1.6;margin:0 auto 4rem;max-width:800px}.tech-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:0 20px}.tech-card{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #00000014;border-radius:20px;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column;padding:3rem;text-align:left;transition:all .3s ease}.tech-logo{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#f8f9facc;border-radius:15px;height:60px;margin-bottom:2rem;object-fit:contain;padding:15px;width:auto}.tech-title{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.tech-detail{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.tech-features{list-style:none;margin:0;padding:0;width:100%}.tech-features li{align-items:center;border-top:1px solid #00000014;color:#2c3e50;display:flex;font-size:1.1rem;padding:12px 0}.tech-features li:last-child{border-bottom:1px solid #00000014}.tech-features li:before{color:#4f46e5;content:"→";font-weight:700;margin-right:10px}.cta-section{background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#2a2f4a);color:#fff;overflow:hidden;padding:120px 20px;position:relative;text-align:center}.cta-background-elements{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.cta-glow{animation:ctaFloat 15s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}.cta-glow-1{animation-delay:0s;background:radial-gradient(circle,#6366f199 0,#0000 70%);height:600px;left:10%;top:-300px;width:600px}.cta-glow-2{animation-delay:5s;background:radial-gradient(circle,#8b5cf680 0,#0000 70%);bottom:-250px;height:500px;right:15%;width:500px}@keyframes ctaFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.cta-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.cta-badge{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f133;border:1px solid #6366f166;border-radius:50px;display:inline-block;margin-bottom:24px;padding:10px 20px}.cta-badge span{color:#a5b4fc;font-size:.95rem;font-weight:500;letter-spacing:.5px}.cta-heading{animation:fadeInUp .8s ease-out;font-size:3.5rem;font-weight:700;letter-spacing:-1.5px;line-height:1.2;margin-bottom:1.5rem}.cta-heading-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;display:inline-block}.cta-description{animation:fadeInUp .8s ease-out .2s both;color:#cbd5e1;font-size:1.25rem;line-height:1.8;margin:0 auto 3rem;max-width:700px}.cta-stats{animation:fadeInUp .8s ease-out .4s both;display:flex;gap:60px;justify-content:center;margin-bottom:3rem}.cta-stat{text-align:center}.cta-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.cta-stat-label{color:#94a3b8;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.cta-buttons{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:1.5rem}.cta-button-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 10px 30px #6366f166;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cta-button-primary:hover:before{left:100%}.cta-button-primary:hover{background:linear-gradient(135deg,#7c7fff,#a78bfa);box-shadow:0 15px 40px #6366f199;transform:translateY(-3px)}.cta-button-primary:active{transform:translateY(-1px)}.cta-button-primary svg{transition:transform .3s ease}.cta-button-primary:hover svg{transform:translateX(4px)}.cta-button-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 36px;transition:all .3s ease}.cta-button-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.cta-note{animation:fadeIn .8s ease-out .8s both;color:#94a3b8;font-size:.9rem;margin-top:1.5rem}.use-cases-section{background:#0000;box-sizing:border-box;padding:100px 20px;position:relative;scroll-margin-top:60px;text-align:center;width:100%}.use-cases-heading{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:1.5rem}.use-cases-description{color:#666;font-size:1.3rem;line-height:1.6;margin:0 auto 4rem;max-width:800px}.use-cases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.use-case-card,.use-cases-grid{box-sizing:border-box;width:100%}.use-case-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #00000014;border-radius:16px;box-shadow:0 4px 20px #00000014;flex-direction:column;height:100%;padding:2rem;text-align:left}.use-case-card,.use-case-icon{display:flex;transition:all .3s ease}.use-case-icon{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#f8f9facc;border-radius:15px;height:48px;justify-content:center;margin-bottom:1.5rem;padding:12px;width:48px}.use-case-icon svg{color:#4f46e5;height:100%;transition:all .3s ease;width:100%}.use-case-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.use-case-card p{color:#666;flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:1.25rem}.use-case-example{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#f8f9facc;border-radius:10px;color:#495057;font-size:.9rem;line-height:1.5;margin-top:auto;padding:1rem}.example-label{color:#4f46e5;display:block;font-weight:600;margin-bottom:.5rem}.use-case-try-button{background:#0000;border:1.5px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:500;margin-top:1.5rem;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.use-case-try-button:hover{background:#667eea;color:#fff}.use-case-try-button:active{opacity:.8}@media (max-width:992px){.tech-grid{gap:2rem;grid-template-columns:1fr}.tech-card{padding:2rem}.tech-heading{font-size:2.5rem}.tech-description{font-size:1.2rem;margin-bottom:3rem}.use-cases-heading{font-size:2.5rem}.use-cases-description{font-size:1.2rem;margin-bottom:3rem}.use-cases-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.use-case-card{padding:1.75rem}}@media (max-width:768px){.tech-section,.use-cases-section{box-sizing:border-box;max-width:100%;padding:60px 15px;width:100%}.tech-heading,.use-cases-heading{font-size:2rem}.tech-description,.use-cases-description{font-size:1.1rem;max-width:100%;padding:0 10px}.tech-card,.use-case-card{box-sizing:border-box;max-width:100%;padding:1.5rem;width:100%}.tech-title{font-size:1.5rem}.tech-detail{font-size:1rem}.tech-features li{font-size:1rem;padding:10px 0}.use-cases-grid{gap:1.5rem;grid-template-columns:1fr;padding:0}.use-case-card{padding:1.5rem}.use-case-card h3{font-size:1.3rem}.use-case-card p{font-size:1rem}.use-case-example{font-size:.9rem;padding:1rem}.cta-section{padding:80px 20px}.cta-heading{font-size:2.5rem;letter-spacing:-1px}.cta-description{font-size:1.1rem;margin-bottom:2.5rem}.cta-stats{gap:40px;margin-bottom:2.5rem}.cta-stat-number{font-size:2rem}.cta-buttons{align-items:center;flex-direction:column}.cta-button-primary,.cta-button-secondary{max-width:320px;width:100%}.cta-glow-1,.cta-glow-2{filter:blur(80px)}.cta-glow-1{height:400px;width:400px}.cta-glow-2{height:350px;width:350px}}.models-section{margin:0 auto;max-width:1200px;padding:4rem 2rem}.models-heading{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem;text-align:center}.models-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.models-table td,.models-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.models-table th{background:#f8f9fa;color:#2c3e50;font-weight:600}.models-table tr:last-child td{border-bottom:none}.models-table tr:hover{background:#f8f9fa}.provider-logo{height:24px;margin-right:8px;vertical-align:middle;width:24px}.models-table td:last-child{text-align:center}.models-table td:last-child:contains("Yes"){color:#059669;font-weight:500}.models-table td:last-child:contains("No"){color:#6b7280}.model-logo{display:block;height:32px;margin:0 auto;object-fit:contain;width:32px}.models-table td:nth-child(3){padding:.5rem;text-align:center}.models-table td:nth-child(4){font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-size:.9rem}.models-table td:nth-child(4):contains("+ Vision"){color:#059669}@media (max-width:768px){.models-section{padding:2rem 1rem}.models-table{font-size:.9rem}.models-table td,.models-table th{padding:.75rem}}.integrations-section{align-items:center;background:#0000;box-sizing:border-box;display:flex;justify-content:center;min-height:60vh;padding:100px 20px;scroll-margin-top:60px;text-align:center;width:100%}.coming-soon-container{margin:0 auto;max-width:600px}.coming-soon-heading{color:#2c3e50;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.coming-soon-description{color:#666;font-size:1.3rem;line-height:1.6}@media (max-width:768px){.integrations-section{min-height:50vh;padding:60px 15px}.coming-soon-heading{font-size:2rem;margin-bottom:1rem}.coming-soon-description{font-size:1.1rem}}@media (max-width:576px){.integrations-section{min-height:40vh;padding:40px 10px}.coming-soon-heading{font-size:1.75rem}.coming-soon-description{font-size:1rem}}.integrations-heading{color:var(--text-primary);font-size:2rem;margin-bottom:3rem;text-align:center}.integrations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.integration-card,.integrations-grid{box-sizing:border-box;max-width:100%;width:100%}.integration-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.integration-card:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-5px)}.integration-logo{height:64px;margin-bottom:1rem;object-fit:contain;width:64px}.integration-card h4{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.integration-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (max-width:992px){.integrations-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.integration-card,.integrations-grid{box-sizing:border-box;max-width:100%;width:100%}}@media (max-width:768px){.integrations-section{box-sizing:border-box;max-width:100%;padding:3rem 15px;width:100%}.integrations-heading{font-size:1.8rem;margin-bottom:2rem;padding:0 10px}.integrations-grid{gap:1.5rem;grid-template-columns:1fr;margin:0;padding:0}.integration-card,.integrations-grid{box-sizing:border-box;max-width:100%;width:100%}.integration-card{margin:0 auto;padding:1.5rem}.integration-logo{height:48px;width:48px}.integration-card h4{font-size:1.15rem}.integration-card p{font-size:.85rem}}.model-companies{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem;padding:1rem}.company-logo{height:40px;object-fit:contain;opacity:.8;transition:opacity .3s ease,transform .3s ease;width:auto}.company-logo:hover{opacity:1;transform:translateY(-2px)}@media (max-width:768px){.model-companies{gap:1.5rem;margin-bottom:2rem}.company-logo{height:32px}}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;height:60px;left:0;position:fixed;right:0;top:0;z-index:1000}.landing-page-over-hero .header{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;box-shadow:none}.landing-page-over-hero .nav-links a{color:#fff}.landing-page-over-hero .nav-links a:hover{color:#a5b4fc}.landing-page-over-hero .header-x-link{color:#fff}.landing-page-over-hero .header-x-link:hover{background:#ffffff1a;color:#fff}.landing-page-over-hero .login-button{border-color:#ffffffd9;color:#fff}.landing-page-over-hero .login-button:hover{background:#ffffff1f;color:#fff}.header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.header-logo{cursor:pointer;flex-shrink:0}.header-logo-img{height:40px;max-width:150px;width:auto}.header-nav{flex:1 1;margin:0 2rem}.header-nav,.nav-links{display:flex;justify-content:center}.nav-links{gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:#333;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease;white-space:nowrap}.nav-links a:hover{color:#007aff}.header-actions{flex-shrink:0;gap:.5rem}.header-actions,.header-x-link{align-items:center;display:flex}.header-x-link{border-radius:6px;color:#1e293b;justify-content:center;padding:8px;text-decoration:none;transition:all .2s ease}.header-x-link:hover{background:#0000000f;color:#007aff;transform:scale(1.1)}.header-x-link svg{height:20px;width:20px}.login-button,.signup-button{border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.login-button{background:#0000;border:1px solid #007aff;color:#007aff}.login-button:hover{background:#007aff1a}.signup-button{background:#007aff;border:1px solid #007aff;color:#fff}.signup-button:hover{background:#0056b3;border-color:#0056b3}@media (max-width:768px){.header{height:56px}.header-content{padding:0 1rem}.header-logo-img{height:32px}.header-nav{display:none}.header-actions{gap:.5rem}.login-button,.signup-button{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:576px){.header{height:52px}.header-content{padding:0 .75rem}.header-logo-img{height:28px}.login-button,.signup-button{font-size:.75rem;padding:.35rem .7rem}}html{scroll-behavior:smooth;scroll-padding-top:60px}@media (max-width:768px){html{scroll-padding-top:56px}}@media (max-width:576px){html{scroll-padding-top:52px}}.features-section,.integrations-section,.pricing-page-section,.tech-section,.use-cases-section{scroll-margin-top:60px}@media (max-width:768px){.features-section,.integrations-section,.pricing-page-section,.tech-section,.use-cases-section{scroll-margin-top:56px}}@media (max-width:576px){.features-section,.integrations-section,.pricing-page-section,.tech-section,.use-cases-section{scroll-margin-top:52px}}.dark-mode body{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode a{color:#60a5fa}.dark-mode a:hover{color:#93c5fd}.dark-mode .header{background-color:#1a1a1af2;box-shadow:0 2px 10px var(--shadow)}.dark-mode .nav-links a{color:var(--text-primary)}.dark-mode .nav-links a:hover{color:#60a5fa}.dark-mode .header-x-link{color:var(--text-primary)}.dark-mode .header-x-link:hover{background:#ffffff1a;color:#60a5fa}.dark-mode .landing-page-over-hero .header{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;box-shadow:none}.dark-mode .landing-page-over-hero .nav-links a{color:#fff}.dark-mode .landing-page-over-hero .nav-links a:hover{color:#a5b4fc}.dark-mode .landing-page-over-hero .header-x-link{color:#fff}.dark-mode .landing-page-over-hero .header-x-link:hover{background:#ffffff26;color:#fff}.dark-mode .login-button{background:#0000;border-color:#4285f4;color:#4285f4}.dark-mode .login-button:hover{background:#4285f41a;border-color:#4285f4}.dark-mode .signup-button{background:#4285f4;border-color:#4285f4;color:#fff}.dark-mode .signup-button:hover{background:#357abd;border-color:#357abd}.dark-mode .landing-page{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode .hero-section{background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#2a2f4a)}.dark-mode .hero-badge span{color:#a5b4fc}.dark-mode .hero-title-line{color:#fff}.dark-mode .hero-subtitle{color:#cbd5e1}.dark-mode .feature-pill{background:#ffffff1a;border-color:#fff3;color:#cbd5e1}.dark-mode .feature-pill:hover{background:#ffffff26;border-color:#6366f180}.dark-mode .features-section,.dark-mode .pricing-page-section{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode .features-heading{color:var(--text-primary)}.dark-mode .features-description{color:var(--text-secondary)}.dark-mode .feature-card{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow)}.dark-mode .feature-card:hover{box-shadow:0 4px 16px var(--shadow)}.dark-mode .feature-title{color:var(--text-primary)}.dark-mode .feature-benefits li,.dark-mode .feature-description{color:var(--text-secondary)}.dark-mode .feature-benefits li:before{color:#6366f1}.dark-mode .feature-icon-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-color)}.dark-mode .feature-image-wrapper{background:#0000}.dark-mode .features-cta{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color)}.dark-mode .features-cta-title{color:var(--text-primary)}.dark-mode .features-cta-description{color:var(--text-secondary)}.dark-mode .features-cta-button{border-color:#6366f1;color:#6366f1}.dark-mode .features-cta-button:hover{background:#6366f1;color:#fff}.dark-mode .use-cases-section{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode .use-cases-heading{color:var(--text-primary)}.dark-mode .use-cases-description{color:var(--text-secondary)}.dark-mode .use-case-card{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 20px var(--shadow)}.dark-mode .use-case-card:hover{box-shadow:0 6px 24px var(--shadow)}.dark-mode .use-case-card h3{color:var(--text-primary)}.dark-mode .use-case-card p{color:var(--text-secondary)}.dark-mode .use-case-example{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.dark-mode .example-label{color:#6366f1}.dark-mode .use-case-try-button{border-color:#6366f1;color:#6366f1}.dark-mode .use-case-try-button:hover{background:#6366f1;color:#fff}.dark-mode .use-case-icon{background:var(--bg-tertiary);border:1px solid var(--border-color)}.dark-mode .tech-section{background-color:var(--bg-secondary)}.dark-mode .tech-heading,.dark-mode .tech-section{color:var(--text-primary)}.dark-mode .tech-description{color:var(--text-secondary)}.dark-mode .tech-card{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 8px 30px var(--shadow)}.dark-mode .tech-card:hover{box-shadow:0 12px 40px var(--shadow)}.dark-mode .tech-logo{background:var(--bg-tertiary);border:1px solid var(--border-color)}.dark-mode .tech-title{color:var(--text-primary)}.dark-mode .tech-detail{color:var(--text-secondary)}.dark-mode .tech-features li{border-top-color:var(--border-color);color:var(--text-primary)}.dark-mode .tech-features li:last-child{border-bottom-color:var(--border-color)}.dark-mode .tech-features li:before{color:#6366f1}.dark-mode .models-section{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode .models-heading{color:var(--text-primary)}.dark-mode .models-table{background:var(--bg-primary);border:1px solid var(--border-color)}.dark-mode .models-table th{background:var(--bg-tertiary)}.dark-mode .models-table td,.dark-mode .models-table th{border-bottom-color:var(--border-color);color:var(--text-primary)}.dark-mode .models-table tr:hover{background:var(--bg-tertiary)}.dark-mode .company-logo{opacity:.9}.dark-mode .company-logo:hover{opacity:1}.dark-mode .integrations-section{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode .coming-soon-heading{color:var(--text-primary)}.dark-mode .coming-soon-description{color:var(--text-secondary)}.dark-mode .integrations-heading{color:var(--text-primary)}.dark-mode .integration-card{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 4px 6px var(--shadow)}.dark-mode .integration-card:hover{box-shadow:0 8px 12px var(--shadow)}.dark-mode .integration-card h4{color:var(--text-primary)}.dark-mode .integration-card p{color:var(--text-secondary)}.dark-mode .cta-section{background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#2a2f4a)}.dark-mode .cta-badge span{color:#a5b4fc}.dark-mode .cta-heading{color:#fff}.dark-mode .cta-description{color:#cbd5e1}.dark-mode .cta-stat-label{color:#94a3b8}.dark-mode .cta-button-secondary{background:#ffffff1a;border-color:#fff3;color:#fff}.dark-mode .cta-button-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.dark-mode .cta-note{color:#94a3b8}:root{--pricing-primary:#007aff;--pricing-primary-dark:#0056b3;--pricing-accent:#6366f1;--pricing-success:#28a745;--pricing-text-primary:#2c3e50;--pricing-text-secondary:#666;--pricing-border:#e9ecef;--pricing-background:#fff;--pricing-error:#dc3545;--pricing-error-light:#f8d7da}.pricing-page-section{text-align:center}.pricing-container{color:#2c3e50;color:var(--pricing-text-primary);margin:0 auto;max-width:1400px;text-align:left;width:100%}.pricing-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.pricing-card{background:#fff;background:var(--pricing-background);border:2px solid #e9ecef;border:2px solid var(--pricing-border);border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;height:100%;min-width:0;padding:1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.pricing-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.pricing-card.popular{border-color:#6366f1;border-color:var(--pricing-accent);box-shadow:0 4px 20px #6366f126}.pricing-card.current{border-color:#28a745;border-color:var(--pricing-success)}.badge{background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:20px;box-shadow:0 2px 8px #007bff33;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:20px;top:-12px;white-space:nowrap}.badge.current{background:#28a745;background:var(--pricing-success);box-shadow:0 2px 8px #28a74533}.pricing-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.price,.pricing-card h3{color:#2c3e50;color:var(--pricing-text-primary)}.price{align-items:baseline;display:flex;font-size:2rem;font-weight:700;margin:1rem 0}.price:after{content:"/mo";font-size:1rem;margin-left:4px}.desc,.price:after{color:#666;color:var(--pricing-text-secondary)}.desc{font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.pricing-card ul{flex-grow:1;list-style:none;margin:0 0 1.5rem;padding:0}.pricing-card li{align-items:center;color:#666;color:var(--pricing-text-secondary);display:flex;font-size:.875rem;gap:8px;margin:.75rem 0}.pricing-card li span{color:#28a745;color:var(--pricing-success);font-weight:700}.cta{background:#007aff;background:var(--pricing-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease;width:100%}.cta:hover:not(:disabled){background:#0056b3;background:var(--pricing-primary-dark);transform:translateY(-1px)}.cta:disabled{background:#666;background:var(--pricing-text-secondary);cursor:not-allowed;opacity:.7}.cta.loading{background:#007aff;background:var(--pricing-primary);cursor:wait}.cta.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:200%}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.error-message{align-items:center;background:#f8d7da;background:var(--pricing-error-light);border:1px solid #dc3545;border:1px solid var(--pricing-error);border-radius:8px;color:#dc3545;color:var(--pricing-error);display:flex;gap:1rem;justify-content:space-between;margin:1rem 0;padding:1rem}.error-message p{flex:1 1;margin:0}.error-action-button{background:#dc3545;background:var(--pricing-error);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.error-action-button:hover:not(:disabled){background:#c82333}.error-action-button:disabled{cursor:not-allowed;opacity:.7}.modal-container{background:#fff;background:var(--pricing-background);border-radius:12px;box-shadow:0 8px 30px #0000001f;margin:2rem auto;max-width:1200px;padding:0;width:90%}.modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@media (max-width:1200px){.pricing-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.pricing-card{padding:1.5rem}}@media (max-width:768px){.pricing-page{padding:1rem .5rem}.pricing-header h1{font-size:2rem;margin-top:2.5rem}.pricing-subtitle{font-size:1rem}.back-button{margin-bottom:1rem;position:relative}.pricing-section{padding:1rem}.modal-container{margin:1rem auto;padding:1rem;width:95%}.pricing-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-card{padding:1.5rem}.pricing-section h2{font-size:1.75rem;margin-bottom:1.5rem}.error-message{flex-direction:column;text-align:center}.error-action-button{width:100%}.badge{right:50%;transform:translateX(50%)}.feature-details-overlay{padding:1rem}.feature-details-modal{max-height:95vh}.feature-details-header{padding:1.5rem 1.5rem 1rem}.feature-details-header h2{font-size:1.5rem}.full-features-grid{gap:.75rem;grid-template-columns:1fr;padding:1.5rem}.feature-item{padding:.5rem}}.dark-mode{--pricing-text-primary:var(--text-primary);--pricing-text-secondary:var(--text-secondary);--pricing-border:var(--border-color);--pricing-background:var(--bg-primary)}.dark-mode .price,.dark-mode .pricing-card h3,.dark-mode .pricing-container{color:var(--text-primary)}.dark-mode .pricing-card{background:var(--bg-primary);border-color:var(--border-color)}.dark-mode .pricing-card:hover{box-shadow:0 8px 24px var(--shadow)}.dark-mode .modal-container{background:var(--bg-primary)}.dark-mode .modal-overlay{background:#000c}.dark-mode .error-message{background:#3a1e1e;border-color:#dc3545;color:#f87171}.expand-features-btn{align-items:center;background:#0000;border:2px solid #e9ecef;border:2px solid var(--pricing-border);border-radius:8px;color:#2c3e50;color:var(--pricing-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.75rem;transition:all .2s ease;width:100%}.expand-features-btn:hover{background:#e9ecef;background:var(--pricing-border);border-color:#007aff;border-color:var(--pricing-primary);color:#007aff;color:var(--pricing-primary)}.expand-icon{font-size:.75rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.feature-details-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feature-details-modal{animation:slideUp .3s ease;background:#fff;background:var(--pricing-background);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-details-content{display:flex;flex-direction:column;height:100%}.feature-details-header{align-items:flex-start;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--pricing-border);display:flex;flex-shrink:0;justify-content:space-between;padding:2rem 2rem 1.5rem}.feature-details-header h2{color:#2c3e50;color:var(--pricing-text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.feature-details-subtitle{font-size:.875rem;margin:0}.close-features-btn,.feature-details-subtitle{color:#666;color:var(--pricing-text-secondary)}.close-features-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;line-height:1;margin-left:1rem;padding:.5rem;transition:all .2s ease}.close-features-btn:hover{background:#e9ecef;background:var(--pricing-border);color:#2c3e50;color:var(--pricing-text-primary)}.close-features-btn svg{height:20px;width:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.full-features-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(2,1fr);overflow-y:auto;padding:2rem}.feature-item{align-items:flex-start;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:background .2s ease}.feature-item:hover{background:#e9ecef;background:var(--pricing-border)}.feature-item.disabled{opacity:.5}.feature-icon{color:#28a745;color:var(--pricing-success);flex-shrink:0;font-size:1rem;font-weight:600;text-align:center;width:20px}.feature-item.disabled .feature-icon{color:#666;color:var(--pricing-text-secondary)}.feature-text{color:#2c3e50;color:var(--pricing-text-primary);flex:1 1;font-size:.875rem;line-height:1.5}.comparison-section{margin-top:4rem;padding:2rem 0}.comparison-title{color:#2c3e50;color:var(--pricing-text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.comparison-table-container{background:#fff;background:var(--pricing-background);border:2px solid #e9ecef;border:2px solid var(--pricing-border);border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow-x:auto}.comparison-table{border-collapse:collapse;min-width:800px;width:100%}.comparison-table thead{background:#e9ecef;background:var(--pricing-border)}.comparison-table th{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--pricing-border);color:#2c3e50;color:var(--pricing-text-primary);font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.comparison-table th.feature-column{min-width:200px;width:30%}.comparison-table td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--pricing-border);color:#666;color:var(--pricing-text-secondary);font-size:.875rem;padding:1rem}.comparison-table tbody tr:hover{background:#007bff0d}.comparison-table tbody tr.price-row{background:#e9ecef;background:var(--pricing-border);font-weight:600}.comparison-table tbody tr.price-row td{color:#2c3e50;color:var(--pricing-text-primary);font-size:1rem}.dark-mode .expand-features-btn{border-color:var(--border-color);color:var(--text-primary)}.dark-mode .expand-features-btn:hover{background:var(--bg-tertiary);border-color:#4285f4;color:#4285f4}.dark-mode .feature-details-card{background:var(--bg-primary);border-color:var(--border-color)}.dark-mode .feature-details-overlay{background:#000c}.dark-mode .feature-details-modal{background:var(--bg-primary);box-shadow:0 20px 60px #00000080}.dark-mode .feature-details-header{border-bottom-color:var(--border-color)}.dark-mode .feature-details-header h2{color:var(--text-primary)}.dark-mode .close-features-btn,.dark-mode .feature-details-subtitle{color:var(--text-secondary)}.dark-mode .close-features-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .feature-item:hover{background:var(--bg-tertiary)}.dark-mode .feature-text{color:var(--text-primary)}.dark-mode .feature-item.disabled .feature-icon,.dark-mode .full-features-list li{color:var(--text-secondary)}.dark-mode .comparison-table-container{background:var(--bg-primary);border-color:var(--border-color)}.dark-mode .comparison-table thead{background:var(--bg-tertiary)}.dark-mode .comparison-table th{border-bottom-color:var(--border-color);color:var(--text-primary)}.dark-mode .comparison-table td{border-bottom-color:var(--border-color);color:var(--text-secondary)}.dark-mode .comparison-table tbody tr:hover{background:#4285f41a}.dark-mode .comparison-table tbody tr.price-row{background:var(--bg-tertiary)}.dark-mode .comparison-table tbody tr.price-row td,.dark-mode .comparison-title{color:var(--text-primary)}.community-container{margin:0 auto;max-width:1200px;padding:2rem}.community-header{margin-bottom:3rem;text-align:center}.community-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:.5rem}.community-header p{color:#718096;font-size:1.1rem}.share-board-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem}.share-board-section h2{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.share-form{display:flex;flex-direction:column;gap:1rem}.share-form input,.share-form select,.share-form textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s}.share-form input:focus,.share-form select:focus,.share-form textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.share-button{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:background-color .2s}.share-button:hover{background:#3182ce}.posts-container{display:flex;flex-direction:column;gap:1.5rem}.post-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.post-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.user-avatar community{border-radius:50%;height:40px;object-fit:cover;width:40px}.post-meta{flex:1 1}.post-meta h3{color:#2d3748;font-size:1.25rem;margin:0 0 .25rem}.post-author{color:#718096;font-size:.9rem}.post-description{color:#4a5568;line-height:1.6;margin:1rem 0}.post-preview{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:center;margin:1rem 0;min-height:200px;overflow:hidden;padding:1rem}.mind-map-preview{border-radius:4px;height:auto;max-width:100%;transition:transform .3s ease}.mind-map-preview:hover{transform:scale(1.02)}.preview-placeholder{background:#e9ecef;border-radius:4px;color:#6c757d;font-size:.9rem;padding:2rem;text-align:center;width:100%}.post-actions{display:flex;gap:1rem;margin-top:1rem}.like-button,.view-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.like-button:hover{background:#f7fafc;border-color:#cbd5e0}.view-button{background:#4299e1;border:none;color:#fff}.view-button:hover{background:#3182ce}.like-button:disabled{cursor:not-allowed;opacity:.6}.community-loading{color:#718096;padding:2rem;text-align:center}.community-error{background:#fff5f5;border-radius:8px;color:#e53e3e;margin:2rem 0;padding:2rem;text-align:center}@media (max-width:768px){.community-container{padding:1rem}.community-header h1{font-size:2rem}.post-card{padding:1rem}.post-actions{flex-direction:column}.like-button,.view-button{justify-content:center;width:100%}}
/*# sourceMappingURL=main.fd92cf8b.css.map*/