@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#121214;--bg-secondary:#16161ab3;--bg-tertiary:#1e1e26d9;--border-color:#ffffff14;--border-glow:#818cf84d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-blue:#3b82f6;--accent-indigo:#6366f1;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-emerald:#10b981;--panel-blur:blur(18px);--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #00000080;--shadow-neon:0 0 15px #6366f126}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;font-family:Outfit,Inter,sans-serif;overflow:hidden}#root{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.glass-panel{background:var(--bg-secondary);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{box-shadow:var(--shadow-lg), var(--shadow-neon);border-color:#ffffff26}button,.tool-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:10px;display:flex}button:hover,.tool-btn:hover:not(.active):not(:disabled){color:var(--text-primary);background:#ffffff0d;transform:translateY(-1px)}button:disabled,.tool-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}button:active:not(:disabled),.tool-btn:active:not(:disabled){transform:translateY(1px)}button.active,.tool-btn.active{border:1px solid var(--accent-indigo);color:var(--text-primary);background:#6366f12e;box-shadow:0 0 10px #6366f133}input[type=text],select,textarea{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff0a;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent-indigo);background:#ffffff0f;box-shadow:0 0 8px #6366f133}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.icon-purple{color:var(--accent-purple)}.text-muted{color:var(--text-muted)}.toolbar-divider{background:var(--border-color);width:1px;height:24px;margin:0 8px}.canvas-header-container{pointer-events:none}.board-title-card{pointer-events:auto;border-radius:12px;align-items:center;padding:6px 16px;display:flex}.canvas-header-panel{pointer-events:auto;gap:8px;display:flex}.header-left-group,.header-center-group,.header-right-group{border-radius:14px;align-items:center;padding:6px 8px;display:flex}.board-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.board-sidebar{flex-direction:column;width:440px;max-width:90%;max-height:80vh;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) modal-fade-in;display:flex}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.header-title{align-items:center;gap:8px;display:flex}.header-title h3{letter-spacing:-.2px;font-size:18px;font-weight:600}.close-btn{border-radius:8px;padding:6px}.new-board-form{gap:8px;margin-bottom:18px;display:flex}.add-board-btn{border-radius:8px;padding:8px 12px}.board-items-list{flex-direction:column;gap:8px;max-height:45vh;padding-right:4px;display:flex;overflow-y:auto}.board-item{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.board-item:hover{background:#ffffff0a;border-color:#ffffff26}.board-item.active-board{border-color:var(--accent-indigo);background:#6366f10f}.board-info{cursor:pointer;flex-grow:1}.board-name{margin-bottom:2px;font-size:15px;font-weight:500}.board-date{color:var(--text-muted);font-size:11px}.delete-board-btn{color:var(--text-muted);border-radius:8px;padding:6px}.delete-board-btn:hover{color:var(--accent-pink);background:#ec48991a}.settings-content{flex-direction:column;gap:16px;display:flex}.settings-group{flex-direction:column;gap:6px;display:flex}.settings-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.api-key-input-container{width:100%;display:flex;position:relative}.api-key-input-container input{padding-right:40px}.eye-btn{border-radius:6px;padding:4px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.settings-help{color:var(--text-muted);margin-top:2px;font-size:11px}.settings-help a{color:var(--accent-indigo);text-decoration:none}.save-settings-btn{border-radius:8px;justify-content:center;margin-top:8px;padding:10px;font-weight:500}.properties-panel{border-radius:16px;flex-direction:column;gap:16px;width:250px;padding:16px;display:flex}.properties-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding-bottom:6px;font-size:13px;font-weight:600}.prop-group{flex-direction:column;gap:6px;display:flex}.prop-label{color:var(--text-secondary);font-size:12px;font-weight:500}.color-palette{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.color-preset{cursor:pointer;border:1px solid #ffffff26;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .15s}.color-preset:hover{transform:scale(1.2)}.color-preset.selected{border:2px solid var(--accent-indigo);box-shadow:0 0 6px var(--accent-indigo);transform:scale(1.1)}.color-picker-wrapper{cursor:pointer;background:conic-gradient(red,#ff0,green,#0ff,#00f,#f0f,red);border:1px solid #fff3;border-radius:50%;width:20px;height:20px;position:relative;overflow:hidden}.color-picker-wrapper input[type=color]{cursor:pointer;opacity:0;border:none;width:30px;height:30px;position:absolute;top:-5px;left:-5px}.segmented-control{border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;padding:2px;display:flex;overflow:hidden}.segmented-control button{color:var(--text-secondary);border-radius:6px;flex:1;padding:6px 0;font-size:12px}.segmented-control button.active{color:var(--text-primary);background:#ffffff14;font-weight:500}.prop-label-row{justify-content:space-between;font-size:12px;display:flex}.prop-value{color:var(--text-secondary);font-weight:500}.prop-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.prop-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-indigo);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s}.prop-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.camera-controls-bar{border-radius:12px;align-items:center;gap:4px;padding:6px 10px;display:flex;position:absolute;bottom:16px;left:16px}.zoom-text{text-align:center;min-width:38px;color:var(--text-secondary);font-size:12px;font-weight:500}.ai-sidebar-container{border-radius:16px;flex-direction:column;gap:12px;width:360px;height:100%;padding:16px;display:flex}.icon-btn-danger{color:var(--text-muted);border-radius:8px;padding:6px}.icon-btn-danger:hover{color:var(--accent-pink);background:#ec48991a}.ai-messages-window{flex-direction:column;flex-grow:1;gap:12px;padding-right:6px;display:flex;overflow-y:auto}.chat-message-bubble{border-radius:12px;gap:10px;max-width:90%;padding:10px 12px;font-size:13.5px;line-height:1.45;display:flex}.chat-assistant{border:1px solid var(--border-color);background:#ffffff09;align-self:flex-start}.chat-user{color:#fff;background:#6366f11f;border:1px solid #6366f140;align-self:flex-end}.chat-system{color:#ec4899d9;background:#ec48990d;border:1px solid #ec489933;align-self:center;max-width:100%;font-size:12px}.chat-action-bubble{color:#10b981e6;background:#10b9810f;border-color:#10b9814d}.bubble-avatar{border:1px solid var(--accent-purple);width:20px;height:20px;color:var(--accent-purple);background:#8b5cf626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.bubble-text{word-break:break-word;-webkit-user-select:text;user-select:text}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:1.5s linear infinite spin}.loading-bubble{align-self:flex-start;align-items:center;display:flex}.loading-dots{gap:2px;font-weight:700;display:flex}.loading-dots span{font-size:18px;line-height:10px;animation:1.4s infinite both dots-wave}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dots-wave{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.selection-help-panel{background:#6366f10f;border-color:#6366f133;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.selection-count{color:var(--text-secondary);font-size:11px}.selection-actions{gap:6px;display:flex}.action-tag{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0a;border-radius:8px;flex:1;justify-content:center;padding:6px;font-size:11px}.action-tag:hover{border-color:var(--accent-indigo);background:#6366f126}.ai-input-wrapper{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;padding-top:12px;display:flex}.quick-actions-bar{display:flex}.quick-action-btn{color:#c084fc;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:8px;justify-content:center;gap:4px;width:100%;padding:6px;font-size:11px;font-weight:500}.quick-action-btn:hover:not(:disabled){color:#fff;background:#8b5cf633;border-color:#8b5cf666}.input-row{gap:6px;display:flex}.send-message-btn{border-radius:8px;padding:8px 12px}.icon-spin:hover{animation:1s linear infinite spin}.ai-glow{animation:2.5s ease-in-out infinite pulse-glow;border-color:#8b5cf666!important}.ai-glow:hover{border-color:#8b5cf6b3!important}