@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:320px;padding:24px}.modal-close{right:10px;top:10px}.login-modal{text-align:center}.login-modal h2{margin:0 0 8px}.login-modal p{color:#666;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;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{border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s}.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 #ddd}.auth-divider span{color:#666;font-size:14px;padding:0 10px}.auth-switch{color:#666;font-size:14px;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{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{display:flex;flex-direction:column;height:100vh}.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}.saved-whiteboards-container{z-index:999}.menu-toggle{gap:6px;padding:8px 12px}.saved-whiteboards-menu{-ms-overflow-style:none;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:400px;overflow-y:auto;padding:12px;position:absolute;right:0;scrollbar-width:none;top:calc(100% + 8px);width:480px;z-index:1000}.saved-whiteboards-menu::-webkit-scrollbar{display:none}.board-tabs{border-bottom:1px solid #ddd;display:flex;gap:12px;margin-bottom:16px;padding:0 4px 12px}.tab-button{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px 12px;transition:all .2s}.tab-button:hover{background:#f0f0f0}.tab-button.active{background:#4285f4;color:#fff}.error-message{border:1px solid #f5c6cb;font-size:14px;gap:6px;margin-bottom:12px;padding:8px 12px}.search-boards{align-items:center;display:flex;margin-bottom:12px;padding:0 4px;position:relative}.search-boards .search-icon{color:#6c757d;height:16px;left:12px;pointer-events:none;position:absolute;width:16px;z-index:1}.saved-whiteboards-menu .search-boards .search-input,.saved-whiteboards-menu .search-boards input.search-input,.saved-whiteboards-menu input.search-input,.search-boards .search-input,.search-boards input.search-input,input.search-input{background-color:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:14px!important;height:40px!important;line-height:1.5!important;margin:0!important;min-height:40px!important;padding:10px 35px 10px 32px!important;transition:border-color .2s,box-shadow .2s!important;width:100%!important}.saved-whiteboards-menu .search-boards .search-input:focus,.saved-whiteboards-menu .search-boards input.search-input:focus,.saved-whiteboards-menu input.search-input:focus,.search-boards .search-input:focus,.search-boards input.search-input:focus,input.search-input:focus{border-color:#4285f4!important;box-shadow:0 0 0 3px #4285f41a!important;outline:none!important}.saved-whiteboards-menu .search-boards .search-input::placeholder,.saved-whiteboards-menu .search-boards input.search-input::placeholder,.saved-whiteboards-menu input.search-input::placeholder,.search-boards .search-input::placeholder,.search-boards input.search-input::placeholder,input.search-input::placeholder{color:#999!important;font-size:14px!important;opacity:.7!important}.saved-whiteboards-menu .search-boards .search-input:disabled,.saved-whiteboards-menu .search-boards input.search-input:disabled,.saved-whiteboards-menu input.search-input:disabled,.search-boards .search-input:disabled,.search-boards input.search-input:disabled,input.search-input:disabled{background-color:#f5f5f5!important;cursor:not-allowed!important}.search-boards .clear-search{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;position:absolute;right:8px;transition:color .2s,background-color .2s;width:24px}.clear-search:hover{background-color:#f0f0f0;color:#333}.saved-boards-list{-ms-overflow-style:none;max-height:400px;overflow-y:auto;padding:4px 0;scrollbar-width:none}.saved-boards-list::-webkit-scrollbar{display:none}.loading-message,.no-boards-message{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-style:italic;gap:8px;padding:24px 12px;text-align:center}.saved-board-item{border:1px solid #ddd;gap:12px;justify-content:space-between;margin-bottom:8px;min-height:36px;padding:8px 12px}.saved-board-item:last-child{margin-bottom:0}.saved-board-item>span:first-child{align-items:center;display:flex;flex:1 1;font-size:14px;gap:8px;line-height:1.5}.saved-board-item>span:first-child svg{flex-shrink:0;height:14px;margin:0;padding:0;width:14px}.saved-date{align-items:center;color:#6c757d;display:flex;gap:4px;min-width:fit-content;white-space:nowrap}.saved-date svg{display:block;flex-shrink:0;margin:0}.board-actions{gap:6px}.board-actions button{align-items:center;background:#f8f9fa;display:flex;justify-content:center;padding:6px;transition:background-color .2s}.board-actions .delete-btn{background:#0000;color:#dc3545}.board-actions button:disabled{cursor:not-allowed;opacity:.5}.sign-in-prompt{background-color:#f8f9fa;border-radius:4px;color:#666;margin-bottom:12px;padding:20px 12px;text-align:center}.saved-whiteboards-menu-close,.saved-whiteboards-menu-overlay{display:none}@media (max-width:768px){.saved-whiteboards-container{z-index:2000}.saved-whiteboards-menu-overlay{background:#00000080!important;display:block!important;z-index:2000!important}.saved-whiteboards-menu,.saved-whiteboards-menu-overlay{bottom:0!important;height:100vh!important;left:0!important;max-height:100vh!important;max-width:100vw!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.saved-whiteboards-menu{background:#fff!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;margin:0!important;min-height:100vh!important;padding:20px!important;z-index:2001!important}.saved-whiteboards-menu-close{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:background-color .2s;width:40px;z-index:2002}.saved-whiteboards-menu-close:hover{background:#e9ecef}.saved-whiteboards-menu-close svg{height:20px;width:20px}.board-tabs{flex-shrink:0;margin-bottom:20px;margin-top:20px;padding-bottom:16px}.search-boards{flex-shrink:0;margin-bottom:16px}.saved-boards-list{-webkit-overflow-scrolling:touch;flex:1 1 auto;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:20px}.saved-whiteboards-menu>*{box-sizing:border-box;max-width:100%}}@media (max-width:480px){.saved-whiteboards-menu{overflow:hidden!important;padding:16px!important}.saved-whiteboards-menu,.saved-whiteboards-menu-overlay{height:100vh!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}.saved-whiteboards-menu-close{height:36px!important;right:16px!important;top:16px!important;width:36px!important}.saved-whiteboards-menu-close svg{height:18px!important;width:18px!important}.board-tabs{margin-bottom:16px;margin-top:16px}}.search-panel{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:calc(100vh - 240px);max-width:calc(100vw - 40px);overflow:hidden;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:400px;will-change:transform;z-index:2000}.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 - 180px);left:40px;max-height:70vh;right:40px;top:50%;transform:translateY(-50%);width:auto}@keyframes slideInFromRight{0%{opacity:0;transform:translate(calc(100% + 40px),-50%)}to{opacity:1;transform:translateY(-50%)}}}.search-panel.chat-focused{background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;height:calc(100vh - 240px);right:20px;top:50%;transform:translateY(-50%);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{color:#495057;flex:1 1;font-size:14px;margin-right:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}@media (max-width:768px){.search-panel{height:calc(100vh - 180px);left:10px;max-height:70vh;right:10px;top:50%;transform:translateY(-50%);width:auto}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(calc(100% + 20px),-50%)}to{opacity:1;transform:translateY(-50%)}}.search-panel{animation:slideInFromRight .3s ease}.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}.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}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}.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%}}.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{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;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-container{max-height:90vh;max-width:360px;overflow-y:auto;width:100%;z-index:1001}.modal-content{border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.modal-close{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.5rem;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}.modal-overlay{background-color:#00000080;pointer-events:all;z-index:10000}.modal-container{box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:600px;left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:900px;z-index:10001}@media (max-width:1024px){.modal-container{height:85vh;max-height:600px;max-width:900px;width:90vw}}@media (max-width:768px){.modal-container{height:90vh;width:95vw}}.modal-content{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;height:24px;line-height:1;position:absolute;right:12px;top:12px;width:24px;z-index:1002}.settings-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%}.settings-container,.settings-modal{display:flex;height:100%;overflow:hidden}.settings-container{flex:1 1;min-height:0}.settings-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;flex-shrink:0;min-width:250px;overflow-y:auto;padding:20px 0;width:250px}.settings-sidebar h2{color:#212529;font-size:1.5rem;margin:0 0 20px 20px}.settings-nav{display:flex;flex-direction:column;gap:5px}.nav-item{background:none;border:none;border-left:3px solid #0000;color:#495057;cursor:pointer;font-size:1rem;padding:12px 20px;text-align:left;transition:all .2s ease}.nav-item.active,.nav-item:hover{background:#e9ecef;color:#212529}.nav-item.active{border-left-color:#0d6efd;font-weight:500}.settings-content{min-width:0;overflow-x:hidden;overflow-y:auto;padding:24px 30px;position:relative}.settings-content,.settings-section{display:flex;flex:1 1;flex-direction:column}.settings-section{margin-bottom:0;min-height:0}.settings-section h3{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 24px}.settings-section:first-child .form-group{margin-left:0;margin-right:0;max-width:none;text-align:left;width:auto}.settings-section:first-child .form-group label{align-items:center;display:flex;font-size:1rem;gap:12px;justify-content:flex-start;margin:0;width:auto}.settings-section:first-child .form-group input[type=checkbox]{margin-left:0;transform:scale(1.1);width:5%}.settings-section:first-child .form-group small{margin-left:0;text-align:left}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{color:#495057;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:#0d6efd;box-shadow:0 0 0 2px #0d6efd40;outline:none}.form-group small{color:#6c757d;display:block;font-size:.875rem;line-height:1.4;margin-top:8px}.form-actions{border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding-bottom:4px;padding-top:20px}.form-actions button{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.form-actions button[type=button]{background:#e9ecef;border:1px solid #ced4da;color:#495057}.form-actions button[type=button]:hover{background:#dee2e6}.form-actions button[type=submit]{background:#0d6efd;border:1px solid #0d6efd;color:#fff}.form-actions button[type=submit]:hover{background:#0b5ed7}.form-actions button[type=submit]:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed}.message{animation:fadeIn .3s ease-in;border-radius:6px;flex-shrink:0;font-size:.875rem;margin-bottom:20px;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:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.message.error{background:#f8d7da;border:1px solid #f5c2c7;color:#842029}.message.info{background:#cfe2ff;border:1px solid #b6d4fe;color:#084298}.loading-message{align-items:center;color:#6c757d;display:flex;flex:1 1;font-size:.95rem;justify-content:center;padding:40px 20px;text-align:center}.subscription-info{background:#f8f9fa;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow:hidden;padding:16px 20px}.tier-display{border-bottom:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;margin-bottom:0;padding-bottom:12px}.current-tier,.tier-display{align-items:center;display:flex}.current-tier{gap:12px}.current-tier svg{color:#0d6efd;height:18px;width:18px}.tier-name{color:#212529;font-size:1rem;font-weight:600}.upgrade-button{background:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background .2s ease}.upgrade-button:hover{background:#0b5ed7}.tier-features{background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:16px}.tier-features h4{color:#212529;flex-shrink:0;font-size:1rem;font-weight:600;margin:0 0 12px}.tier-features ul{grid-gap:8px 16px;display:grid;flex:1 1;gap:8px 16px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;overflow:hidden;padding:0}.tier-features li{align-items:flex-start;color:#495057;display:flex;font-size:.875rem;gap:8px;line-height:1.4}.tier-features li svg{color:#28a745;flex-shrink:0;height:14px;margin-top:2px;width:14px}.groq-dashboard-link,.notion-dashboard-link{align-items:center;color:#0d6efd;display:inline-flex;font-size:.875rem;gap:4px;text-decoration:none}.groq-dashboard-link:hover,.notion-dashboard-link:hover{text-decoration:underline}.groq-dashboard-link svg,.notion-dashboard-link svg{height:14px;width:14px}.integrations-search-container{margin-bottom:20px}.integrations-search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#6c757d;left:12px;pointer-events:none;position:absolute;z-index:1}.integrations-search-input{background:#fff;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:10px 12px 10px 36px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.integrations-search-input:focus{border-color:#0d6efd;box-shadow:0 0 0 2px #0d6efd40;outline:none}.integrations-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.integration-card{align-items:center;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:12px;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.integration-card:hover{background:#f8f9fa;border-color:#0d6efd;box-shadow:0 2px 8px #0d6efd1a}.integration-card.enabled{background:#f8fff9;border-color:#28a745}.integration-card.enabled:before{background:#28a745;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.integration-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.integration-emoji{font-size:20px;line-height:1}.integration-info{flex:1 1;min-width:0;text-align:left}.integration-info h4{color:#212529;font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 2px}.integration-info p{color:#6c757d;font-size:.75rem;line-height:1.4;margin:0}.integration-status{flex-shrink:0;margin-left:auto}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.status-badge.connected{background:#d1e7dd;color:#0f5132}.status-badge.available{background:#e9ecef;color:#495057}@media (max-width:768px){.integration-card{padding:10px}.integration-icon{height:36px;width:36px}.integration-emoji{font-size:18px}.integration-info h4{font-size:.8125rem}.integration-info p{font-size:.6875rem}}.integrations-empty{color:#6c757d;font-size:.95rem;padding:40px 20px;text-align:center}@media (max-width:768px){.settings-container{flex-direction:column}.settings-sidebar{border-bottom:1px solid #e9ecef;border-right:none;max-height:150px;min-width:100%;padding:15px 0;width:100%}.settings-sidebar h2{font-size:1.25rem;margin:0 15px 10px}.settings-nav{flex-direction:row;gap:5px;overflow-x:auto;padding:0 10px}.nav-item{border-bottom:3px solid #0000;border-left:none;padding:8px 12px;white-space:nowrap}.nav-item.active{border-bottom-color:#0d6efd;border-left:none}.settings-content{padding:20px}.subscription-info{padding:15px}.tier-features ul{gap:6px}.integrations-grid,.tier-features ul{grid-template-columns:1fr}.form-actions{margin-top:auto}}.subscription-info h3{align-items:center;display:flex;gap:8px;margin-bottom:16px}.subscription-info .tier-icon{font-size:24px;margin-right:8px}.subscription-info .features-list{list-style:none;margin:16px 0;padding:0}.features-list li{align-items:center;color:#4a5568;display:flex;margin-bottom:8px}.features-list li:before{color:#48bb78;content:"✓";font-weight:700;margin-right:8px}.features-list li.unavailable{color:#a0aec0}.features-list li.unavailable:before{color:#e53e3e;content:"×"}.limit-info{align-items:center;color:#718096;display:flex;font-size:.9em;gap:8px}.limit-info .current{color:#4a5568;font-weight:600}.export-formats{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.export-format-tag{background-color:#edf2f7;border-radius:4px;color:#4a5568;font-size:.9em;padding:4px 8px}.profile-picture-container{align-items:center;display:flex;gap:16px}.profile-picture-preview{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;position:relative;width:64px}.profile-picture-preview-img{height:100%;object-fit:cover;width:100%}.profile-picture-uploading{align-items:center;background:#0009;bottom:0;color:#fff;display:flex;font-size:.75rem;font-weight:500;justify-content:center;left:0;position:absolute;right:0;top:0}.profile-picture-actions{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px}.profile-picture-remove-button,.profile-picture-upload-button{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:.8125rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.profile-picture-upload-button{background:#0d6efd;border-color:#0d6efd;color:#fff}.profile-picture-upload-button:hover:not(:disabled){background:#0b5ed7;border-color:#0b5ed7}.profile-picture-remove-button:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.profile-picture-remove-button:disabled,.profile-picture-upload-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.profile-picture-container{align-items:flex-start;flex-direction:column;gap:12px}.profile-picture-preview{height:56px;width:56px}.profile-picture-actions{align-items:stretch;flex-direction:column;width:100%}.profile-picture-remove-button,.profile-picture-upload-button{width:100%}}.user-menu-container{position:relative;z-index:1000}.sign-in-button,.user-menu-button{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;height:auto;line-height:1;min-height:auto;padding:8px 12px;transition:background-color .2s ease,border-color .2s ease}.sign-in-button:hover,.user-menu-button:hover{background-color:#e9ecef;border-color:#ced4da}.user-avatar{display:block;flex-shrink:0;height:20px;margin:0;width:20px}.user-avatar,.user-avatar-large{border-radius:50%;object-fit:cover}.user-avatar-large{height:48px;width:48px}.user-name{color:#495057;font-size:14px;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;font-size:16px}.sign-in-button{font-weight:500}@media (max-width:768px){.user-menu-button{gap:0;min-width:auto;padding:6px;width:auto}.dropdown-arrow,.user-name{display:none}.user-avatar{height:32px;width:32px}}@media (max-width:480px){.user-menu-button{padding:4px}.user-avatar{height:28px;width:28px}}.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:80px;z-index:1501}.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}}.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{align-items:center;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{background-color:#2d2d2d;display:flex;height:100vh;overflow:hidden;position:relative;width:100%}.whiteboard-toolbar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:12px;height:fit-content;justify-content:center;left:20px;padding:12px 8px;position:fixed;top:50%;transform:translateY(-50%);transition:opacity .3s ease,visibility .3s ease;width:60px;z-index:1000}.whiteboard-toolbar.hidden{opacity:0;pointer-events:none;visibility:hidden}.panel-open .whiteboard-toolbar{left:20px}@media (max-width:768px){.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}.panel-open .whiteboard-toolbar{left:50%;max-width:100%;transform:translateX(-50%);width:calc(100% - 40px)}}.toolbar-item{align-items:center;background:#fff;border:1px solid #00000014;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#444;cursor:move;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.toolbar-item:hover{background:#f8f9fa;border-color:#0000001f;box-shadow:0 2px 5px #00000014;transform:translateY(-1px)}.toolbar-item:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.toolbar-item.dragging{box-shadow:0 4px 8px #0000001a;opacity:.7;transform:scale(1.05)}.toolbar-item.separator{background:#00000014;height:1px;margin:8px 0;width:100%}@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{flex:0 0 36px;height:36px;min-width:36px;width:36px}.toolbar-item.mind-map-button svg{height:18px;width:18px}.toolbar-item.ai-button{flex:0 0 36px;height:36px;min-width:36px;width:36px}.toolbar-item.ai-button svg{height:18px;width:18px}.panel-open .whiteboard-toolbar{width:calc(100% - 20px)}}.whiteboard-canvas{background-color:#f5f5f5;flex:1 1;height:calc(100vh - 15px);overflow:hidden;position:relative;width:100%;z-index:1}@media (max-width:768px){.whiteboard-canvas{touch-action:pan-x pan-y pinch-zoom}}.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{justify-content:flex-start;padding:0 10px}}.whiteboard-canvas.panning{cursor:grabbing!important}.whiteboard-canvas.space-pressed:not(.panning){cursor:grab!important}.canvas-content{background-color:#e0e0e0;height:100%;left:0;position:absolute;top:0;transform-origin:0 0;transition:transform .05s linear;width:100%;will-change:transform}.panel-open .canvas-content{transition:transform .2s ease-out}.canvas-content.panning{transition:none}.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;bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.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:transform .1s ease-out;-webkit-user-select:none;user-select:none;will-change:transform}.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%;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}.resize-handle{box-shadow:0 0 0 1px #0000001a}.whiteboard-item:not(.dragging){transition:left .1s ease,top .1s ease,width .1s ease,height .1s 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 .circle-shape{border:2px solid #4caf50;border-radius:50%}.whiteboard-item .circle-shape,.whiteboard-item .rectangle-shape{word-wrap:break-word;align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;height:100%;justify-content:center;overflow:hidden;padding:16px;text-align:center;width:100%}.whiteboard-item .rectangle-shape{border:2px solid #2196f3;border-radius:4px}.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-board-item span{flex:1 1}.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-zoom-overlay{bottom:80px;opacity:.7;right:20px}}.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:context-menu!important}.whiteboard-item.group-select-mode .connector-control,.whiteboard-item.group-select-mode .edit-control,.whiteboard-item.group-select-mode .expand-control,.whiteboard-item.group-select-mode .resize-handle{display:none!important}.connector-control,.edit-control,.expand-control{pointer-events:auto!important;z-index:1003}.whiteboard-item.group-select-mode.selected{background-color:#6610f20d;outline:2px solid #6610f2}.whiteboard-item.group-select-mode:hover{background-color:#6610f21a;outline:2px solid #6610f2}.panel-open .whiteboard-container{margin-right:400px;margin-top:60px;width:calc(100% - 400px)}@media (max-width:768px){.panel-open .whiteboard-container{margin-right:0;width:100%}.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-radius:8px;box-shadow:-2px 0 8px #0000001a;height:calc(100vh - 115px);overflow-y:auto;position:fixed;right:20px;top:95px;transition:transform .3s ease;width:400px;z-index:2000}.whiteboard-container{height:100%;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:440px;margin-top:60px;width:calc(100% - 440px)}@media (max-width:768px){.mind-map-panel-open .whiteboard-container,.panel-open .whiteboard-container{margin-right:0;width:100%}.mind-map-panel,.search-panel{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:slideUp .3s ease;bottom:30px;left:50%;position:fixed;transform:translateX(-50%);z-index:3000}.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:600px;min-width:400px;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-button{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:36px}.mind-map-prompt-button .loading-spinner,.mind-map-prompt-button svg{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.mind-map-prompt-button:hover:not(:disabled){background:#0056b3;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 slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@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{overflow:hidden;position:relative}.mind-map-button:hover{background-color:#f0f0f0;transform:translateY(-1px)}.mind-map-button:active{background-color:#e8e8e8;transform:translateY(0)}.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:#fff!important;border:1px solid #00000014!important;color:#444!important;height:44px!important;overflow:hidden;position:relative;width:44px!important}.toolbar-item.ai-button:hover{background-color:#f0f0f0;transform:translateY(-1px)}.toolbar-item.ai-button:active{background-color:#e8e8e8;transform:translateY(0)}.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:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:4px 12px}.export-button:hover{background:#45a049}.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:#fff;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1500}.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-left-controls{align-items:center;display:flex;gap:15px}.header-right-controls{align-items:center;display:flex;gap:12px}.save-button{background-color:#10b981;border:none;color:#fff}.save-button:hover{background-color:#059669;border-color:#059669}.new-canvas-button{background-color:#6366f1;border:none;color:#fff}.new-canvas-button:hover{background-color:#4f46e5;border-color:#4f46e5}.header-button{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 12px;transition:background-color .2s ease,border-color .2s ease}.header-button:hover{background-color:#e9ecef;border-color:#ced4da}.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{height:calc(100vh - 60px);margin-top:60px}@media (max-width:768px){.whiteboard-canvas{height:calc(100vh - 50px);margin-top:50px}}@media (max-width:480px){.whiteboard-canvas{height:calc(100vh - 48px);margin-top:48px}}.saved-whiteboards-container{position:relative;z-index:1000;.menu-toggle{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 12px;transition:background-color .2s ease,border-color .2s ease}.menu-toggle:hover{background-color:#e9ecef;border-color:#ced4da}}@media (min-width:769px){.saved-whiteboards-menu{left:0;top:calc(100% + 12px);z-index:1600}}@media (max-width:768px){.whiteboard-header{-ms-overflow-style:none;height:50px;left:0;overflow-x:auto;overflow-y:hidden;padding:0 8px;position:fixed;right:0;scrollbar-width:none;top:0}.whiteboard-header::-webkit-scrollbar{display:none}.header-left-controls,.header-right-controls{flex-shrink:0;gap:6px}.header-left-controls>div:first-child{margin-right:8px!important}.header-left-controls>div:first-child img{height:24px!important;width:auto!important}.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-header{height:48px;padding:0 6px}.header-left-controls,.header-right-controls{gap:4px}.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-left-controls>div:first-child{height:24px!important;margin-right:6px!important;width:24px!important}.header-left-controls>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{align-items:center;background:#007bff;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;left:20px;position:fixed;transition:all .2s ease;width:36px;z-index:1001}.help-toggle-button:hover{background:#0056b3;transform:scale(1.05)}.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}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:60px}.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;justify-content:center;min-height:90vh;overflow:hidden;padding:80px 20px 60px;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 1fr;margin:0 auto;max-width:1400px;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{color:#a5b4fc;font-size:.9rem;font-weight:500;letter-spacing:.3px}.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-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-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;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;position:relative;transition:transform .3s ease;width:100%;z-index:1}.hero-visual-wrapper:hover .hero-screenshot{transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity: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-section{background-color:#f8f9fa;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:60px 20px;position:relative;scroll-margin-top:60px;width:100%;z-index:2}.features-heading{color:#2c3e50;font-size:2.2rem;font-weight:700;margin-bottom:50px;text-align:center}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card,.features-grid{box-sizing:border-box;max-width:100%;width:100%}.feature-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;padding:0;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{box-shadow:0 12px 30px #0000001a;transform:translateY(-5px)}.feature-image{border-bottom:1px solid #e9ecef;display:block;height:200px;margin-bottom:15px;object-fit:cover;width:100%}.feature-title{color:#343a40;font-size:1.15rem;font-weight:600;margin:0 15px 15px}@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-button{margin:0 auto}.hero-features-preview{justify-content:center}.hero-visual{margin:0 auto;max-width:600px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card,.features-grid{box-sizing:border-box;max-width:100%;width:100%}.feature-image{height:180px;max-width:100%;width:100%}}@media (max-width:768px){.landing-page{padding-top:56px}.hero-section{align-items:flex-start;min-height:calc(100vh - 56px);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-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;max-width:100%;padding:6px}.hero-screenshot{height:auto;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{margin-top:0;max-width:100%;padding:40px 15px}.features-heading{font-size:2rem;margin-bottom:40px}.features-grid{box-sizing:border-box;gap:30px;grid-template-columns:1fr;margin:0;max-width:100%;padding:0;width:100%}.feature-card{margin:0 auto;max-width:100%;width:100%}.feature-image{height:220px;max-width:100%;width:100%}}@media (max-width:576px){.landing-page{padding-top:52px}.hero-section{align-items:flex-start;min-height:calc(100vh - 52px);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-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{max-width:100%;padding:30px 10px}.features-grid{gap:25px;grid-template-columns:1fr;margin:0;padding:0}.feature-card,.features-grid{box-sizing:border-box;max-width:100%;width:100%}.feature-card{margin:0 auto}.feature-image{height:180px;max-width:100%;width:100%}.feature-title{font-size:1.1rem;padding:0 10px}.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-card:hover{background:#fffffff2;box-shadow:0 15px 40px #0000001f;transform:translateY(-10px)}.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:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.use-case-card,.use-cases-grid{box-sizing:border-box;max-width:100%;width:100%}.use-case-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #00000014;border-radius:20px;box-shadow:0 8px 30px #00000014;padding:2.5rem;text-align:left;transition:all .3s ease}.use-case-card:hover{background:#fffffff2;box-shadow:0 12px 40px #0000001f;transform:translateY(-5px)}.use-case-icon{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#f8f9facc;border-radius:15px;display:flex;height:48px;justify-content:center;margin-bottom:1.5rem;padding:12px;transition:all .3s ease;width:48px}.use-case-icon svg{color:#4f46e5;height:100%;transition:all .3s ease;width:100%}.use-case-card:hover .use-case-icon{background:#4f46e51a;transform:scale(1.1)}.use-case-card:hover .use-case-icon svg{color:#4f46e5}.use-case-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.use-case-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.use-case-example{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#f8f9facc;border-radius:12px;color:#495057;font-size:1rem;line-height:1.5;padding:1.2rem}.example-label{color:#4f46e5;display:block;font-weight:600;margin-bottom:.5rem}@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:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.use-case-card,.use-cases-grid{box-sizing:border-box;max-width:100%;width:100%}.use-case-card{padding:2rem}}@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{box-sizing:border-box;gap:2rem;grid-template-columns:1fr;margin:0;max-width:100%;padding:0;width:100%}.use-case-card{margin:0 auto;max-width:100%;width:100%}.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{background:var(--background-light);box-sizing:border-box;padding:4rem 2rem;scroll-margin-top:60px;width:100%}.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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;height:60px;left:0;position:fixed;right:0;top:0;z-index:1000}.header,.header-content{align-items:center;display:flex}.header-content{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{display:flex;flex-shrink:0;gap:.5rem}.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,.tech-section,.use-cases-section{scroll-margin-top:60px}@media (max-width:768px){.features-section,.integrations-section,.tech-section,.use-cases-section{scroll-margin-top:56px}}@media (max-width:576px){.features-section,.integrations-section,.tech-section,.use-cases-section{scroll-margin-top:52px}}:root{--pricing-primary:#007bff;--pricing-primary-dark:#0056b3;--pricing-success:#28a745;--pricing-text-primary:#2c3e50;--pricing-text-secondary:#6c757d;--pricing-border:#e9ecef;--pricing-background:#fff;--pricing-error:#dc3545;--pricing-error-light:#f8d7da}.pricing-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 1rem}.pricing-container{color:#2c3e50;color:var(--pricing-text-primary);margin:0 auto;max-width:1400px}.pricing-header{margin-bottom:3rem;position:relative;text-align:center}.back-button{background:#0000;border:2px solid #e9ecef;border:2px solid var(--pricing-border);border-radius:8px;color:#2c3e50;color:var(--pricing-text-primary);cursor:pointer;font-size:1rem;left:0;padding:.5rem 1rem;position:absolute;top:0;transition:all .3s ease}.back-button:hover{background:#fff;background:var(--pricing-background);border-color:#007bff;border-color:var(--pricing-primary);color:#007bff;color:var(--pricing-primary)}.pricing-header h1{color:#2c3e50;color:var(--pricing-text-primary);font-size:3rem;font-weight:700;margin:1rem 0}.pricing-subtitle{color:#6c757d;color:var(--pricing-text-secondary);font-size:1.25rem;margin-top:.5rem}.pricing-section{margin:0 auto;max-width:1400px;padding:2rem}.pricing-section,.pricing-section h2{color:#2c3e50;color:var(--pricing-text-primary)}.pricing-section h2{font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.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;display:flex;flex-direction:column;height:100%;min-width:0;padding:1.5rem;position:relative;transition:all .3s ease}.pricing-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.pricing-card.popular{border-color:#007bff;border-color:var(--pricing-primary)}.pricing-card.current{border-color:#28a745;border-color:var(--pricing-success)}.badge{background:#007bff;background:var(--pricing-primary);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:#6c757d;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:#6c757d;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:#007bff;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:#6c757d;background:var(--pricing-text-secondary);cursor:not-allowed;opacity:.7}.cta.loading{background:#007bff;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%)}}.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.29c0ee75.css.map*/