.live-transcription-active{animation:pulseGlow 2s infinite;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f680,0 0 20px #3b82f64d,inset 0 0 0 1px #3b82f61a;transition:all .2s ease-in-out}.whisper-transcription-active{animation:pulseGlowGreen 2s infinite;border-color:#22c55e!important;box-shadow:0 0 0 2px #22c55e80,0 0 20px #22c55e4d,inset 0 0 0 1px #22c55e1a;transition:all .2s ease-in-out}.typing-animation{animation:typewriter .3s ease-in-out}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 2px #3b82f680,0 0 20px #3b82f64d,inset 0 0 0 1px #3b82f61a}50%{box-shadow:0 0 0 2px #3b82f6b3,0 0 30px #3b82f680,inset 0 0 0 1px #3b82f633}}@keyframes pulseGlowGreen{0%,to{box-shadow:0 0 0 2px #22c55e80,0 0 20px #22c55e4d,inset 0 0 0 1px #22c55e1a}50%{box-shadow:0 0 0 2px #22c55eb3,0 0 30px #22c55e80,inset 0 0 0 1px #22c55e33}}.transcription-status{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:8px;padding:4px 8px;transition:all .2s ease-in-out}.transcription-status.listening{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.transcription-status.whisper-active{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.transcription-status.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.microphone-icon{animation:pulse 1.5s infinite;height:12px;width:12px}.microphone-icon.whisper{color:#22c55e}.interim-text{color:#9ca3afcc;font-style:italic;opacity:.7}.final-text{color:inherit;opacity:1}.transcription-source{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px;text-transform:uppercase}.transcription-source.webspeech{background:#3b82f61a;color:#3b82f6}.transcription-source.whisper{background:#22c55e1a;color:#22c55e}.transcription-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease-in-out}.transcription-button.start{background:#3b82f6;color:#fff}.transcription-button.start:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.transcription-button.stop{background:#ef4444;color:#fff}.transcription-button.stop:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.transcription-button.clear{background:#9ca3af1a;border:1px solid #9ca3af33;color:#4b5563}.transcription-button.clear:hover{background:#9ca3af33;transform:translateY(-1px)}.transcription-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.whisper-server-status{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:4px 8px}.whisper-server-status.connected{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.whisper-server-status.disconnected{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.whisper-server-status.testing{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.connection-dot{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:6px;width:6px}@media (max-width:768px){.transcription-button{font-size:14px;min-width:100px;padding:6px 12px}.transcription-status{font-size:11px;padding:3px 6px}}@media (prefers-color-scheme:dark){.transcription-button.clear{background:#4b556333;border-color:#4b55634d;color:#d1d5db}.transcription-button.clear:hover{background:#4b55634d}.interim-text{color:#9ca3af99}}:root{--global-pointer-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 250 250"><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93.6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="%23ef4027" stroke="%23fff" stroke-miterlimit="10" stroke-width="1.85"/></svg>') 5 5,pointer;--global-default-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 250 250"><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93.6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="%23ef4027" stroke="%23fff" stroke-miterlimit="10" stroke-width="1.85"/></svg>') 5 5,auto;--hand-pointer-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M164.3,93.48c-2.93,0-5.64.96-7.83,2.59-.67-6.62-6.28-11.81-13.08-11.81-2.92,0-5.62.96-7.8,2.57-.68-6.62-6.3-11.8-13.1-11.8-2.89,0-5.56.94-7.73,2.52v-19.51c0-7.25-5.9-13.14-13.14-13.14s-13.17,5.9-13.17,13.14v83.84l-10.39-10.37c-2.49-2.49-5.79-3.85-9.31-3.85s-6.82,1.37-9.31,3.85c-2.49,2.49-3.86,5.79-3.86,9.29s1.37,6.81,3.86,9.3l42.25,42.26c8.64,8.55,19.95,12.82,31.27,12.82s22.8-4.33,31.45-12.99c8.41-8.41,13.04-19.59,13.04-31.47v-54.06c0-7.26-5.9-13.17-13.14-13.17Z" fill="%23fff"/><path d="M172.04,160.3c0,10.44-4.07,20.26-11.46,27.65-15.15,15.16-39.87,15.22-55.08.16l-42.24-42.24c-1.46-1.46-2.27-3.41-2.27-5.47s.81-4.01,2.27-5.47c1.46-1.46,3.41-2.27,5.48-2.27s4.02.81,5.49,2.27l19.63,19.59V57.64c0-4.27,3.48-7.73,7.76-7.73s7.74,3.47,7.74,7.73v27.46h0v33.41h5.41v-30.75h0c0-4.27,3.47-7.74,7.73-7.74s7.76,3.47,7.76,7.74v9.22h-.01v21.53h5.41v-21.53h.01c0-4.27,3.47-7.73,7.73-7.73s7.73,3.47,7.73,7.73v9.25h0v12.28h5.41v-12.29h0c0-4.27,3.49-7.75,7.76-7.75s7.73,3.48,7.73,7.76v54.06Z" fill="%23ef4027"/></svg>') 20 8,pointer;--zoom-in-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>') 12 12,zoom-in;--zoom-out-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>') 12 12,zoom-out;--hand-panning-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M156.49,68.38c-2.84,0-5.47.93-7.59,2.51-.65-6.43-6.09-11.46-12.69-11.46-2.8,0-5.4.91-7.5,2.45v-2.01c0-7.03-5.73-12.75-12.78-12.75s-12.75,5.72-12.75,12.75h0v2.08c-2.11-1.55-4.69-2.49-7.5-2.49-7.05,0-12.78,5.72-12.78,12.75v69.35l-10.08-10.06c-4.98-4.98-13.08-4.98-18.06,0-4.97,4.97-4.97,13.06,0,18.04l40.99,40.99c8.38,8.29,19.35,12.43,30.33,12.43s22.11-4.2,30.51-12.6c8.16-8.16,12.65-19.01,12.65-30.53v-78.67c0-7.05-5.72-12.78-12.75-12.78Z" fill="%23fff"/><path d="M164.38,159.47c0,10.13-3.95,19.65-11.12,26.82-14.7,14.7-38.68,14.77-53.43.16l-40.98-40.98c-2.93-2.93-2.93-7.69,0-10.62,2.93-2.93,7.71-2.93,10.64,0l19.04,19v-82c0-4.14,3.38-7.5,7.53-7.5s7.5,3.36,7.5,7.49v47.08h5.25v-47.07h0s0,0,0-.01v-12.33h0c0-4.14,3.37-7.5,7.5-7.5s7.53,3.36,7.53,7.5v12.31h-.01v47.1h5.25v-47.1h.01c0-4.14,3.37-7.51,7.5-7.51s7.5,3.37,7.5,7.51v8.97h0v38.13h5.25v-38.13h0c0-4.15,3.38-7.53,7.53-7.53s7.5,3.38,7.5,7.53v78.67Z" fill="%23ef4027"/></svg>') 20 10,grab;--hand-grab-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M169.3,69.89c-3.72,0-7.16,1.22-9.95,3.28-.85-8.42-7.98-15-16.61-15-4.18,0-8.01,1.55-10.95,4.1-2.42-6.25-8.51-10.69-15.61-10.69s-13.19,4.52-15.58,10.82c-2.94-2.58-6.74-4.19-10.95-4.19-9.23,0-16.73,7.49-16.73,16.7v46.61l-13.2-13.18c-6.52-6.52-17.13-6.52-23.65,0-6.51,6.51-6.51,17.1,0,23.62l53.68,53.68c10.97,10.86,25.34,16.28,39.72,16.28s28.96-5.5,39.96-16.5c10.68-10.69,16.57-24.89,16.57-39.98v-58.81c0-9.23-7.49-16.73-16.7-16.73Z" fill="%23fff"/><path d="M179.66,145.43c0,13.26-5.17,25.74-14.56,35.13-19.25,19.26-50.64,19.34-69.97.2l-53.67-53.67c-3.83-3.83-3.83-10.07,0-13.9,3.84-3.84,10.09-3.84,13.94,0l24.93,24.89v-63.17c0-5.42,4.42-9.83,9.86-9.83s9.83,4.41,9.83,9.83v17.44h6.87v-24.07c0-5.42,4.41-9.83,9.83-9.83s9.86,4.41,9.86,9.83v6.59h-.01v17.47h6.87v-17.47h.01c0-5.42,4.41-9.83,9.83-9.83s9.83,4.41,9.83,9.83v11.75h0v5.72h6.87v-5.72h0c0-5.44,4.42-9.86,9.86-9.86s9.83,4.42,9.83,9.86v58.81Z" fill="%23ef4027"/></svg>') 20 10,grabbing;--pencil-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"/></svg>') 2 22,crosshair;--eraser-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="white" stroke="black" stroke-width="2"/></svg>') 12 12,crosshair}.design-canvas,.infinite-canvas,body,html{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 250 250"><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93.6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="%23ef4027" stroke="%23fff" stroke-miterlimit="10" stroke-width="1.85"/></svg>') 5 5,auto!important;cursor:var(--global-default-cursor)!important}.ai-toolbar .btn,.ai-toolbar .clickable,.ai-toolbar [onclick],.ai-toolbar [role=button],.ai-toolbar button,.canvas-ai-send-btn,.canvas-card,.canvas-card__action-btn,.clickable,.control-bar .btn,.control-bar .clickable,.control-bar [onclick],.control-bar [role=button],.control-bar button,.dynamic-toolbar .btn,.dynamic-toolbar .clickable,.dynamic-toolbar [onclick],.dynamic-toolbar [role=button],.dynamic-toolbar button,.startup-card,.startup-prompt-pill,.upload-option,.upload-zone,[data-interactive=true],[onclick]:not(.no-custom-cursor),[role=button]:not(.no-custom-cursor),a:not(.no-custom-cursor),button:not([disabled]):not(.no-custom-cursor),input[type=button]:not([disabled]),input[type=submit]:not([disabled]){cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M164.3,93.48c-2.93,0-5.64.96-7.83,2.59-.67-6.62-6.28-11.81-13.08-11.81-2.92,0-5.62.96-7.8,2.57-.68-6.62-6.3-11.8-13.1-11.8-2.89,0-5.56.94-7.73,2.52v-19.51c0-7.25-5.9-13.14-13.14-13.14s-13.17,5.9-13.17,13.14v83.84l-10.39-10.37c-2.49-2.49-5.79-3.85-9.31-3.85s-6.82,1.37-9.31,3.85c-2.49,2.49-3.86,5.79-3.86,9.29s1.37,6.81,3.86,9.3l42.25,42.26c8.64,8.55,19.95,12.82,31.27,12.82s22.8-4.33,31.45-12.99c8.41-8.41,13.04-19.59,13.04-31.47v-54.06c0-7.26-5.9-13.17-13.14-13.17Z" fill="%23fff"/><path d="M172.04,160.3c0,10.44-4.07,20.26-11.46,27.65-15.15,15.16-39.87,15.22-55.08.16l-42.24-42.24c-1.46-1.46-2.27-3.41-2.27-5.47s.81-4.01,2.27-5.47c1.46-1.46,3.41-2.27,5.48-2.27s4.02.81,5.49,2.27l19.63,19.59V57.64c0-4.27,3.48-7.73,7.76-7.73s7.74,3.47,7.74,7.73v27.46h0v33.41h5.41v-30.75h0c0-4.27,3.47-7.74,7.73-7.74s7.76,3.47,7.76,7.74v9.22h-.01v21.53h5.41v-21.53h.01c0-4.27,3.47-7.73,7.73-7.73s7.73,3.47,7.73,7.73v9.25h0v12.28h5.41v-12.29h0c0-4.27,3.49-7.75,7.76-7.75s7.73,3.48,7.73,7.76v54.06Z" fill="%23ef4027"/></svg>') 20 8,pointer!important;cursor:var(--hand-pointer-cursor)!important}[contenteditable=true],input[type=email],input[type=password],input[type=text],textarea{cursor:text!important}.design-canvas.zoom-in-mode *,.infinite-canvas.zoom-in-mode *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>') 12 12,zoom-in!important;cursor:var(--zoom-in-cursor)!important}.design-canvas.zoom-out-mode *,.infinite-canvas.zoom-out-mode *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>') 12 12,zoom-out!important;cursor:var(--zoom-out-cursor)!important}.design-canvas.space-pressed *,.infinite-canvas.space-pressed *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M156.49,68.38c-2.84,0-5.47.93-7.59,2.51-.65-6.43-6.09-11.46-12.69-11.46-2.8,0-5.4.91-7.5,2.45v-2.01c0-7.03-5.73-12.75-12.78-12.75s-12.75,5.72-12.75,12.75h0v2.08c-2.11-1.55-4.69-2.49-7.5-2.49-7.05,0-12.78,5.72-12.78,12.75v69.35l-10.08-10.06c-4.98-4.98-13.08-4.98-18.06,0-4.97,4.97-4.97,13.06,0,18.04l40.99,40.99c8.38,8.29,19.35,12.43,30.33,12.43s22.11-4.2,30.51-12.6c8.16-8.16,12.65-19.01,12.65-30.53v-78.67c0-7.05-5.72-12.78-12.75-12.78Z" fill="%23fff"/><path d="M164.38,159.47c0,10.13-3.95,19.65-11.12,26.82-14.7,14.7-38.68,14.77-53.43.16l-40.98-40.98c-2.93-2.93-2.93-7.69,0-10.62,2.93-2.93,7.71-2.93,10.64,0l19.04,19v-82c0-4.14,3.38-7.5,7.53-7.5s7.5,3.36,7.5,7.49v47.08h5.25v-47.07h0s0,0,0-.01v-12.33h0c0-4.14,3.37-7.5,7.5-7.5s7.53,3.36,7.53,7.5v12.31h-.01v47.1h5.25v-47.1h.01c0-4.14,3.37-7.51,7.5-7.51s7.5,3.37,7.5,7.51v8.97h0v38.13h5.25v-38.13h0c0-4.15,3.38-7.53,7.53-7.53s7.5,3.38,7.5,7.53v78.67Z" fill="%23ef4027"/></svg>') 20 10,grab!important;cursor:var(--hand-panning-cursor)!important}.design-canvas.panning *,.infinite-canvas.panning *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M169.3,69.89c-3.72,0-7.16,1.22-9.95,3.28-.85-8.42-7.98-15-16.61-15-4.18,0-8.01,1.55-10.95,4.1-2.42-6.25-8.51-10.69-15.61-10.69s-13.19,4.52-15.58,10.82c-2.94-2.58-6.74-4.19-10.95-4.19-9.23,0-16.73,7.49-16.73,16.7v46.61l-13.2-13.18c-6.52-6.52-17.13-6.52-23.65,0-6.51,6.51-6.51,17.1,0,23.62l53.68,53.68c10.97,10.86,25.34,16.28,39.72,16.28s28.96-5.5,39.96-16.5c10.68-10.69,16.57-24.89,16.57-39.98v-58.81c0-9.23-7.49-16.73-16.7-16.73Z" fill="%23fff"/><path d="M179.66,145.43c0,13.26-5.17,25.74-14.56,35.13-19.25,19.26-50.64,19.34-69.97.2l-53.67-53.67c-3.83-3.83-3.83-10.07,0-13.9,3.84-3.84,10.09-3.84,13.94,0l24.93,24.89v-63.17c0-5.42,4.42-9.83,9.86-9.83s9.83,4.41,9.83,9.83v17.44h6.87v-24.07c0-5.42,4.41-9.83,9.83-9.83s9.86,4.41,9.86,9.83v6.59h-.01v17.47h6.87v-17.47h.01c0-5.42,4.41-9.83,9.83-9.83s9.83,4.41,9.83,9.83v11.75h0v5.72h6.87v-5.72h0c0-5.44,4.42-9.86,9.86-9.86s9.83,4.42,9.83,9.86v58.81Z" fill="%23ef4027"/></svg>') 20 10,grabbing!important;cursor:var(--hand-grab-cursor)!important}.infinite-canvas.sketch-mode *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"/></svg>') 2 22,crosshair!important;cursor:var(--pencil-cursor)!important}.design-canvas.zoom-in-mode *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>') 12 12,zoom-in!important;cursor:var(--zoom-in-cursor)!important}.design-canvas.zoom-out-mode *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>') 12 12,zoom-out!important;cursor:var(--zoom-out-cursor)!important}.design-canvas.space-pressed *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M156.49,68.38c-2.84,0-5.47.93-7.59,2.51-.65-6.43-6.09-11.46-12.69-11.46-2.8,0-5.4.91-7.5,2.45v-2.01c0-7.03-5.73-12.75-12.78-12.75s-12.75,5.72-12.75,12.75h0v2.08c-2.11-1.55-4.69-2.49-7.5-2.49-7.05,0-12.78,5.72-12.78,12.75v69.35l-10.08-10.06c-4.98-4.98-13.08-4.98-18.06,0-4.97,4.97-4.97,13.06,0,18.04l40.99,40.99c8.38,8.29,19.35,12.43,30.33,12.43s22.11-4.2,30.51-12.6c8.16-8.16,12.65-19.01,12.65-30.53v-78.67c0-7.05-5.72-12.78-12.75-12.78Z" fill="%23fff"/><path d="M164.38,159.47c0,10.13-3.95,19.65-11.12,26.82-14.7,14.7-38.68,14.77-53.43.16l-40.98-40.98c-2.93-2.93-2.93-7.69,0-10.62,2.93-2.93,7.71-2.93,10.64,0l19.04,19v-82c0-4.14,3.38-7.5,7.53-7.5s7.5,3.36,7.5,7.49v47.08h5.25v-47.07h0s0,0,0-.01v-12.33h0c0-4.14,3.37-7.5,7.5-7.5s7.53,3.36,7.53,7.5v12.31h-.01v47.1h5.25v-47.1h.01c0-4.14,3.37-7.51,7.5-7.51s7.5,3.37,7.5,7.51v8.97h0v38.13h5.25v-38.13h0c0-4.15,3.38-7.53,7.53-7.53s7.5,3.38,7.5,7.53v78.67Z" fill="%23ef4027"/></svg>') 20 10,grab!important;cursor:var(--hand-panning-cursor)!important}.design-canvas.panning *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M169.3,69.89c-3.72,0-7.16,1.22-9.95,3.28-.85-8.42-7.98-15-16.61-15-4.18,0-8.01,1.55-10.95,4.1-2.42-6.25-8.51-10.69-15.61-10.69s-13.19,4.52-15.58,10.82c-2.94-2.58-6.74-4.19-10.95-4.19-9.23,0-16.73,7.49-16.73,16.7v46.61l-13.2-13.18c-6.52-6.52-17.13-6.52-23.65,0-6.51,6.51-6.51,17.1,0,23.62l53.68,53.68c10.97,10.86,25.34,16.28,39.72,16.28s28.96-5.5,39.96-16.5c10.68-10.69,16.57-24.89,16.57-39.98v-58.81c0-9.23-7.49-16.73-16.7-16.73Z" fill="%23fff"/><path d="M179.66,145.43c0,13.26-5.17,25.74-14.56,35.13-19.25,19.26-50.64,19.34-69.97.2l-53.67-53.67c-3.83-3.83-3.83-10.07,0-13.9,3.84-3.84,10.09-3.84,13.94,0l24.93,24.89v-63.17c0-5.42,4.42-9.83,9.86-9.83s9.83,4.41,9.83,9.83v17.44h6.87v-24.07c0-5.42,4.41-9.83,9.83-9.83s9.86,4.41,9.86,9.83v6.59h-.01v17.47h6.87v-17.47h.01c0-5.42,4.41-9.83,9.83-9.83s9.83,4.41,9.83,9.83v11.75h0v5.72h6.87v-5.72h0c0-5.44,4.42-9.86,9.86-9.86s9.83,4.42,9.83,9.86v58.81Z" fill="%23ef4027"/></svg>') 20 10,grabbing!important;cursor:var(--hand-grab-cursor)!important}.design-mode.pen-tool,.design-mode.pen-tool *{cursor:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><path d="m12 19 7-7 3 3-7 7-3-3z"/><path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="m2 2 7.586 7.586"/><circle cx="11.5" cy="11.5" r="2"/></svg>') 2 2,auto!important}.design-mode.brush-tool,.design-mode.brush-tool *{cursor:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><path d="m9.06 11.9 8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08"/><path d="m21 15-9-9"/><path d="m12 18c0-1.5-3-3-3-3s-1.5 3-3 3a3 3 0 1 0 6 0z"/></svg>') 2 2,auto!important}.design-mode.selection-tool,.design-mode.selection-tool *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 250 250"><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93.6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="%23ef4027" stroke="%23fff" stroke-miterlimit="10" stroke-width="1.85"/></svg>') 5 5,pointer!important;cursor:var(--global-pointer-cursor)!important}.design-mode.selection-tool.zoom-in-mode,.design-mode.selection-tool.zoom-in-mode *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>') 12 12,zoom-in!important;cursor:var(--zoom-in-cursor)!important}.design-mode.selection-tool.zoom-out-mode,.design-mode.selection-tool.zoom-out-mode *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>') 12 12,zoom-out!important;cursor:var(--zoom-out-cursor)!important}.design-mode.selection-tool.space-pressed,.design-mode.selection-tool.space-pressed *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M156.49,68.38c-2.84,0-5.47.93-7.59,2.51-.65-6.43-6.09-11.46-12.69-11.46-2.8,0-5.4.91-7.5,2.45v-2.01c0-7.03-5.73-12.75-12.78-12.75s-12.75,5.72-12.75,12.75h0v2.08c-2.11-1.55-4.69-2.49-7.5-2.49-7.05,0-12.78,5.72-12.78,12.75v69.35l-10.08-10.06c-4.98-4.98-13.08-4.98-18.06,0-4.97,4.97-4.97,13.06,0,18.04l40.99,40.99c8.38,8.29,19.35,12.43,30.33,12.43s22.11-4.2,30.51-12.6c8.16-8.16,12.65-19.01,12.65-30.53v-78.67c0-7.05-5.72-12.78-12.75-12.78Z" fill="%23fff"/><path d="M164.38,159.47c0,10.13-3.95,19.65-11.12,26.82-14.7,14.7-38.68,14.77-53.43.16l-40.98-40.98c-2.93-2.93-2.93-7.69,0-10.62,2.93-2.93,7.71-2.93,10.64,0l19.04,19v-82c0-4.14,3.38-7.5,7.53-7.5s7.5,3.36,7.5,7.49v47.08h5.25v-47.07h0s0,0,0-.01v-12.33h0c0-4.14,3.37-7.5,7.5-7.5s7.53,3.36,7.53,7.5v12.31h-.01v47.1h5.25v-47.1h.01c0-4.14,3.37-7.51,7.5-7.51s7.5,3.37,7.5,7.51v8.97h0v38.13h5.25v-38.13h0c0-4.15,3.38-7.53,7.53-7.53s7.5,3.38,7.5,7.53v78.67Z" fill="%23ef4027"/></svg>') 20 10,grab!important;cursor:var(--hand-panning-cursor)!important}.design-mode.selection-tool.panning,.design-mode.selection-tool.panning *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50" viewBox="0 0 250 250"><path d="M169.3,69.89c-3.72,0-7.16,1.22-9.95,3.28-.85-8.42-7.98-15-16.61-15-4.18,0-8.01,1.55-10.95,4.1-2.42-6.25-8.51-10.69-15.61-10.69s-13.19,4.52-15.58,10.82c-2.94-2.58-6.74-4.19-10.95-4.19-9.23,0-16.73,7.49-16.73,16.7v46.61l-13.2-13.18c-6.52-6.52-17.13-6.52-23.65,0-6.51,6.51-6.51,17.1,0,23.62l53.68,53.68c10.97,10.86,25.34,16.28,39.72,16.28s28.96-5.5,39.96-16.5c10.68-10.69,16.57-24.89,16.57-39.98v-58.81c0-9.23-7.49-16.73-16.7-16.73Z" fill="%23fff"/><path d="M179.66,145.43c0,13.26-5.17,25.74-14.56,35.13-19.25,19.26-50.64,19.34-69.97.2l-53.67-53.67c-3.83-3.83-3.83-10.07,0-13.9,3.84-3.84,10.09-3.84,13.94,0l24.93,24.89v-63.17c0-5.42,4.42-9.83,9.86-9.83s9.83,4.41,9.83,9.83v17.44h6.87v-24.07c0-5.42,4.41-9.83,9.83-9.83s9.86,4.41,9.86,9.83v6.59h-.01v17.47h6.87v-17.47h.01c0-5.42,4.41-9.83,9.83-9.83s9.83,4.41,9.83,9.83v11.75h0v5.72h6.87v-5.72h0c0-5.44,4.42-9.86,9.86-9.86s9.83,4.42,9.83,9.86v58.81Z" fill="%23ef4027"/></svg>') 20 10,grabbing!important;cursor:var(--hand-grab-cursor)!important}.design-mode.rectangle-tool,.design-mode.rectangle-tool *{cursor:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg"><path d="M12 2v20M2 12h20"/><rect x="16" y="16" width="6" height="4" rx="0.5" fill="none" stroke="%23ef4027" stroke-width="1"/></svg>') 12 12,crosshair!important}.design-mode.ellipse-tool,.design-mode.ellipse-tool *{cursor:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg"><path d="M12 2v20M2 12h20"/><circle cx="19" cy="19" r="3" fill="none" stroke="%23ef4027" stroke-width="1"/></svg>') 12 12,crosshair!important}.design-mode.artboard-tool,.design-mode.artboard-tool *,.design-mode.line-tool,.design-mode.line-tool *{cursor:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ef4027" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg"><path d="M12 2v20M2 12h20"/></svg>') 12 12,crosshair!important}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[title]:hover:after{animation-delay:.15s!important}*{tooltip-delay:.15s!important}::-webkit-tooltip{transition-delay:.15s!important}.action-button{background:#0000;border:none;border-radius:12px;color:var(--text-primary);display:inline-flex;flex-direction:column;gap:4px;padding:12px;transition:all .2s ease}.action-button--active{background-color:#0000000d}.action-button--control.action-button--active:not(.ai-button):not(.ambient-sounds-button){background-color:var(--primary-red);color:#fff}.action-button.ai-button.action-button--active,.action-button.brainstorming-button.action-button--active,.action-button.design-button.action-button--active{background-color:#ef4027!important;color:#fff!important}.action-button.ai-button.action-button--active svg,.action-button.brainstorming-button.action-button--active svg,.action-button.design-button.action-button--active svg{stroke:#fff!important;color:#fff!important}.action-button:hover:not(:disabled){background-color:#0000000d}.action-button--disabled,.action-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.action-button-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.action-button-label{font-size:10px;font-weight:500;white-space:nowrap}.action-button.chat-interface-button{background:#ef40271a;border:1px solid #ef40274d;color:#ef4027}.action-button.chat-interface-button:hover:not(:disabled){background-color:#ef4027!important;border-color:#ef4027!important;color:#fff!important}.action-button.chat-interface-button:hover:not(:disabled) svg{stroke:#fff!important;color:#fff!important}.action-button.chat-interface-button.action-button--active{background-color:#ef4027!important;color:#fff!important}.action-button.chat-interface-button.action-button--active svg{stroke:#fff!important;color:#fff!important}.action-button.chat-interface-button .floating-agent-icon{aspect-ratio:1060.65/603.26;display:block;height:auto;position:relative;width:34px}.action-button.chat-interface-button .action-button-icon{height:20px;overflow:visible;width:30px}.action-button.chat-interface-button{overflow:visible}.action-button.chat-interface-button.agent-working{animation:chatButtonRipple 1.85s ease-in-out infinite;background-color:#ef4027!important;border:1px solid #ffffffe0!important;box-shadow:0 0 0 0 #ffffff47;color:#fff!important}.action-button.chat-interface-button.agent-working svg{stroke:#fff!important;color:#fff!important}.action-button.chat-interface-button.agent-working .floating-agent-icon-img--default{opacity:0}.action-button.chat-interface-button.agent-working .floating-agent-icon-img--hover{opacity:1}@keyframes chatButtonRipple{0%{box-shadow:0 0 0 0 #ffffff38}65%{box-shadow:0 0 0 3px #ffffff05}to{box-shadow:0 0 0 0 #fff0}}.action-button.chat-interface-button .floating-agent-icon-img{height:100%;inset:0;object-fit:contain;position:absolute;transition:opacity .2s ease;width:100%}.action-button.chat-interface-button .floating-agent-icon-img--default{opacity:1}.action-button.chat-interface-button .floating-agent-icon-img--hover,.action-button.chat-interface-button.action-button--active .floating-agent-icon-img--default,.action-button.chat-interface-button:hover .floating-agent-icon-img--default{opacity:0}.action-button.chat-interface-button.action-button--active .floating-agent-icon-img--hover,.action-button.chat-interface-button:hover .floating-agent-icon-img--hover{opacity:1}.action-button.feedback-chat-toolbar-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;color:#ef4027cc!important}.action-button.feedback-chat-toolbar-button:hover{background:#ef402726!important;border-color:#ef402780!important;box-shadow:0 2px 8px #ef402733!important;color:#fff!important}.action-button.feedback-chat-toolbar-button svg{stroke:#ef4027cc!important;fill:none!important;color:#ef4027cc!important}.action-button.feedback-chat-toolbar-button.action-button--active svg,.action-button.feedback-chat-toolbar-button:hover svg{stroke:#fff!important;color:#fff!important}.action-button.feedback-chat-toolbar-button.action-button--active{background:#ef4027!important;border-color:#ef4027!important;box-shadow:0 4px 12px #ef402742!important;color:#fff!important}.dark .action-button.feedback-chat-toolbar-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;color:#ef4027cc!important}.dark .action-button.feedback-chat-toolbar-button:hover{background:#ef402726!important;border-color:#ef402780!important;box-shadow:0 4px 12px #ef40274d!important;color:#fff!important}.dark .action-button.feedback-chat-toolbar-button svg{stroke:#ef4027cc!important;fill:none!important;color:#ef4027cc!important}.dark .action-button.feedback-chat-toolbar-button.action-button--active svg,.dark .action-button.feedback-chat-toolbar-button:hover svg{stroke:#fff!important;color:#fff!important}.dark .action-button.feedback-chat-toolbar-button.action-button--active{background:#ef4027!important;border-color:#ef4027!important;box-shadow:0 4px 12px #ef40274d!important;color:#fff!important}.dark .action-button--active{background-color:#ffffff26}.dark .action-button:hover:not(:disabled){background-color:#ffffff1a}.action-button.storyboard-white-btn svg{stroke:#ef4027d9!important;color:#ef4027d9!important}.action-button.storyboard-white-btn.action-button--active svg,.action-button.storyboard-white-btn:hover svg,.dark .action-button.storyboard-white-btn svg,.dark .action-button.storyboard-white-btn.action-button--active svg,.dark .action-button.storyboard-white-btn:hover svg,.dynamic-toolbar.dark .action-button.toolbar-agent-shortcut-button.storyboard-white-btn svg,.dynamic-toolbar.dark .action-button.toolbar-agent-shortcut-button.storyboard-white-btn.action-button--active svg,.dynamic-toolbar.dark .action-button.toolbar-agent-shortcut-button.storyboard-white-btn:hover svg{stroke:#fff!important;color:#fff!important}.action-button.react-flow-node,.action-button[data-oid=app-viewer-node-btn],.action-button[data-oid=image-generation-node-btn],.action-button[data-oid=prompt-node-btn],.action-button[data-oid=response-node-btn],.action-button[data-oid=sketch-node-btn],.action-button[data-oid=slide-viewer-node-btn],.action-button[data-oid=template-node-btn]{align-items:center!important;border-radius:12px!important;box-sizing:border-box!important;display:inline-flex!important;height:auto!important;justify-content:center!important;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;padding:12px!important;transform:none!important;width:auto!important}.action-button[data-oid=app-viewer-node-btn]:hover,.action-button[data-oid=image-generation-node-btn]:hover,.action-button[data-oid=prompt-node-btn]:hover,.action-button[data-oid=response-node-btn]:hover,.action-button[data-oid=sketch-node-btn]:hover,.action-button[data-oid=slide-viewer-node-btn]:hover,.action-button[data-oid=storyboard-node-btn]:hover{animation:none!important;border-radius:12px!important;box-sizing:border-box!important;height:auto!important;margin:0!important;padding:12px!important;scale:none!important;transform:none!important;transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;translate:none!important;width:auto!important}.action-button[data-oid*=node-btn]{align-items:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-radius:8px!important;display:flex!important;height:40px!important;justify-content:center!important;margin:0!important;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;padding:8px!important;transition:all .2s ease!important;width:40px!important}.action-button[data-oid=sketch-node-btn]{background:#f59e0b1a!important;border:1px solid #f59e0b4d!important;box-shadow:0 0 20px #f59e0b26!important;color:#f59e0b!important}.action-button[data-oid=sketch-node-btn]:hover{background:#f59e0b33!important;border-color:#f59e0b80!important;box-shadow:0 0 30px #f59e0b4d!important;color:#f59e0b!important}.dark .action-button[data-oid=sketch-node-btn]{border:1px solid #f59e0b80!important}.dark .action-button[data-oid=sketch-node-btn]:hover{border-color:#f59e0bb3!important}.action-button[data-oid=app-viewer-node-btn],.action-button[data-oid=image-generation-node-btn],.action-button[data-oid=prompt-node-btn],.action-button[data-oid=response-node-btn],.action-button[data-oid=slide-viewer-node-btn],.action-button[data-oid=storyboard-node-btn]{background:#8b5cf61a!important;border:1px solid #8b5cf64d!important;box-shadow:0 0 20px #8b5cf626!important;color:#8b5cf6!important}.action-button[data-oid=app-viewer-node-btn]:hover,.action-button[data-oid=image-generation-node-btn]:hover,.action-button[data-oid=prompt-node-btn]:hover,.action-button[data-oid=response-node-btn]:hover,.action-button[data-oid=slide-viewer-node-btn]:hover,.action-button[data-oid=storyboard-node-btn]:hover{background:#8b5cf633!important;border-color:#8b5cf680!important;box-shadow:0 0 30px #8b5cf64d!important;color:#8b5cf6!important}.dark .action-button[data-oid=app-viewer-node-btn],.dark .action-button[data-oid=image-generation-node-btn],.dark .action-button[data-oid=prompt-node-btn],.dark .action-button[data-oid=response-node-btn],.dark .action-button[data-oid=slide-viewer-node-btn],.dark .action-button[data-oid=storyboard-node-btn]{border:1px solid #8b5cf680!important}.dark .action-button[data-oid=app-viewer-node-btn]:hover,.dark .action-button[data-oid=image-generation-node-btn]:hover,.dark .action-button[data-oid=prompt-node-btn]:hover,.dark .action-button[data-oid=response-node-btn]:hover,.dark .action-button[data-oid=slide-viewer-node-btn]:hover,.dark .action-button[data-oid=storyboard-node-btn]:hover{border-color:#8b5cf6b3!important}.action-button[data-oid*=node-btn] svg{stroke:currentColor!important;fill:none!important;stroke-width:2!important;height:20px!important;width:20px!important}.action-button[data-oid=sketch-node-btn] svg,.action-button[data-oid=sketch-node-btn]:hover svg{stroke:#f59e0b!important;fill:none!important}.action-button[data-oid=app-viewer-node-btn] svg,.action-button[data-oid=app-viewer-node-btn]:hover svg,.action-button[data-oid=image-generation-node-btn] svg,.action-button[data-oid=image-generation-node-btn]:hover svg,.action-button[data-oid=prompt-node-btn] svg,.action-button[data-oid=prompt-node-btn]:hover svg,.action-button[data-oid=response-node-btn] svg,.action-button[data-oid=response-node-btn]:hover svg,.action-button[data-oid=slide-viewer-node-btn] svg,.action-button[data-oid=slide-viewer-node-btn]:hover svg,.action-button[data-oid=storyboard-node-btn] svg,.action-button[data-oid=storyboard-node-btn]:hover svg{stroke:#8b5cf6!important;fill:none!important}.action-button[data-oid*=node-btn].ai-button,.action-button[data-oid*=node-btn].ai-button:hover{background:inherit!important;border:inherit!important;box-shadow:inherit!important;color:inherit!important}.action-button[data-oid*=node-btn].ai-button:hover{transform:inherit!important}.tool-call-indicator{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef40271a;border:1px solid #ef40274d;border-radius:8px;color:var(--primary-red);display:flex;font-size:13px;gap:8px;margin-bottom:8px;padding:10px 14px;transition:all .2s ease}.tool-call-indicator.tool-call-web-search.tool-call-loading{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#22c55e!important}.tool-call-indicator.tool-call-web-search.tool-call-loading .tool-call-spinner{border-color:#0000 #22c55e #22c55e!important}.dark .tool-call-indicator.tool-call-web-search.tool-call-loading{background:#22c55e26!important;border-color:#22c55e66!important}.tool-call-indicator.tool-call-success{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.tool-call-indicator.tool-call-error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.tool-call-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.tool-call-icon svg{color:inherit;height:18px;width:18px}.tool-call-message{flex:1 1;font-weight:500;line-height:1.4}.tool-call-spinner{animation:tool-call-spin .8s linear infinite;border:2px solid var(--primary-red);border-radius:50%;border-top:2px solid #0000;flex-shrink:0;height:16px;width:16px}@keyframes tool-call-spin{to{transform:rotate(1turn)}}.dark .tool-call-indicator{background:#ef402726;border-color:#ef402766}.dark .tool-call-indicator.tool-call-success{background:#22c55e26;border-color:#22c55e66}.dark .tool-call-indicator.tool-call-error{background:#ef444426;border-color:#ef444466}.tool-call-indicator{animation:tool-call-slide-in .3s cubic-bezier(.4,0,.2,1)}@keyframes tool-call-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dynamic-container.browser-mode{background:#0000!important}.browser-close-btn{height:32px;width:32px}.capture-btn{align-items:center;background:var(--primary-red);border:2px solid #fff;border-radius:6px;box-shadow:0 2px 8px #ef40274d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:36px;justify-content:center;margin-right:8px;min-width:100px;padding:0 16px;transition:all .2s ease}.capture-btn:hover{background:#fff;border-color:var(--primary-red);box-shadow:0 4px 12px #ef402766;color:var(--primary-red);transform:translateY(-1px)}.capture-btn.active{background:#fff!important;border-color:var(--primary-red)!important;min-width:90px!important}.capture-btn.active,.capture-dot{color:var(--primary-red)!important}.capture-dot{animation:blink 1s infinite;font-size:16px;line-height:1}.capture-instructions{background:var(--primary-red);border-bottom:1px solid #fff;color:#fff;font-size:12px;padding:8px 16px;text-align:center}.browser-close-btn:hover{background:#444;border-color:#555}.dynamic-container.browser-mode .container-content{height:100%!important;overflow:visible!important}.advanced-browser{background:#0000!important;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.browser-controls{background:#2a2a2a;border-bottom:1px solid #333;flex-shrink:0;gap:8px;height:56px;padding:8px 16px}.url-form{display:flex;flex:1 1;margin:0 8px}.url-input{background:#333;border:1px solid #fff;border-radius:6px;color:#fff!important;height:36px;padding:0 12px;width:100%}.url-input:focus{background:#3a3a3a;border-color:#fff;box-shadow:0 0 0 2px #fff3;color:#fff!important}.url-input::placeholder{color:#fff9!important}.nav-btn{align-items:center;background:#333;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.nav-btn:hover:not(:disabled){background:#444;border-color:#555;color:#fff}.nav-btn:disabled{background:#222;border-color:#333;color:#666;cursor:not-allowed;opacity:.5}.browser-actions{align-items:center;display:flex;gap:8px}.capture-tab-container{min-height:36px;padding:6px 16px}.quick-links{height:48px;padding:8px 16px}.quick-link{height:32px}.quick-link:hover{border-color:#555}.browser-close-btn{align-items:center;background:#333;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.browser-close-btn:hover{background:#ef4027;border-color:#d63a24;color:#fff}.capture-tab-container{background:#222;border-bottom:1px solid #333;flex-shrink:0;gap:12px}.capture-tab,.capture-tab-container{align-items:center;display:flex;padding:8px 16px}.capture-tab{background:#333;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;font-size:13px;font-weight:500;gap:6px;position:relative;transition:all .2s ease}.capture-tab:hover{background:#444;border-color:#555;color:#fff}.capture-tab.active{background:#ef4027;border-color:#d63a24;color:#fff}.capture-tab.active:hover{background:#d63a24}.capture-cancel-btn{align-items:center;background:#fff3;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;margin-left:6px;transition:all .2s ease;width:18px}.capture-cancel-btn:hover{background:#ffffff4d;transform:scale(1.1)}.capture-status{animation:pulse 1.5s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.capture-instructions-inline{color:#fff;font-size:12px;margin-left:12px}.instruction-text{color:#888}.browser-controls{gap:6px}.control-btn{align-items:center;background:#333;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.control-btn:hover:not(:disabled){background:#444;border-color:#555;color:#fff}.control-btn:active:not(:disabled){background:#222;transform:scale(.95)}.control-btn:disabled{background:#222;border-color:#333;color:#666;cursor:not-allowed;opacity:.5}.url-bar{align-items:center;background:#333;border:1px solid #444;border-radius:6px;display:flex;flex:1 1;gap:8px;height:36px;padding:0 12px;transition:border-color .2s ease}.url-bar:focus-within{border-color:#666}.url-input{color:#fff;outline:none}.url-input::placeholder{color:#888}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #444;border-radius:50%;border-top-color:#666;height:16px;width:16px}.scraping-btn{align-items:center;background:#333;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.scraping-btn:hover{background:#444;border-color:#555}.scraping-btn.active{background:#444;border-color:#666;color:#fff}.quick-links{-ms-overflow-style:none;background:#222;border-bottom:1px solid #333;display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:6px 16px;scrollbar-width:none}.quick-links::-webkit-scrollbar{display:none}.quick-link{align-items:center;background:#333;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.quick-link:hover{background:#444;color:#fff;transform:translateY(-1px)}.quick-link span:first-child{font-size:10px}.scraping-indicator{align-items:center;background:#444;border-bottom:1px solid #555;color:#fff;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px}.webview-container{background:#fff;display:flex;flex:1 1;flex-direction:column;height:-webkit-fill-available;max-height:none;overflow:hidden;position:relative;width:100%}.browser-webview,webview{background:#fff!important;border:none!important;display:block!important;flex:1 1!important;position:relative!important;width:100%!important}.browser-webview,.browser-webview iframe,webview,webview iframe{height:-webkit-fill-available!important;min-height:-webkit-fill-available!important}webview::-webkit-shadow iframe,webview::shadow iframe{height:-webkit-fill-available!important;min-height:-webkit-fill-available!important;width:100%!important}.loading-indicator{background:#000c;border-radius:4px;color:#fff;font-size:12px;left:50%;padding:8px 16px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.advanced-browser .browser-iframe,.advanced-browser .iframe-container{background:#0000!important;border:none!important;height:webkit-fill-available!important;position:relative!important;width:100%!important}.advanced-browser .extract-overlay{display:none!important}.advanced-browser *{box-sizing:border-box}.advanced-browser iframe[src]{height:100%!important;width:100%!important}.webview-container:after,.webview-container:before,.webview:after,.webview:before{display:none!important}.webview-container>:not(webview){pointer-events:none!important;z-index:-1!important}.extracted-cards{background:#222;border-top:1px solid #333;max-height:120px;overflow-y:auto;padding:12px 16px}.extracted-cards h4{color:#ccc;font-size:12px;font-weight:600;margin:0 0 8px}.cards-preview{display:flex;gap:8px;overflow-x:auto}.card-preview{background:#333;border:1px solid #444;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:120px;padding:8px;transition:all .2s ease}.card-preview:hover{border-color:#666;transform:translateY(-1px)}.card-image{background:#444;border-radius:4px;height:60px;object-fit:cover;width:100%}.card-content{color:#888;font-size:10px;line-height:1.3}@media (max-width:768px){.browser-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.capture-tab,.capture-tab-container{padding:6px 12px}.capture-tab{font-size:12px}.quick-links{padding:6px 12px}.quick-link{font-size:11px;padding:4px 8px}.extracted-cards{padding:8px 12px}}@media (prefers-color-scheme:dark){.advanced-browser{background:#1e293b;color:#e2e8f0}.browser-header{background:#334155;border-bottom-color:#475569}.control-btn,.url-bar{background:#475569;border-color:#64748b;color:#e2e8f0}.control-btn:hover:not(:disabled){background:#64748b;border-color:#94a3b8}.url-input{color:#e2e8f0}.url-input::placeholder{color:#94a3b8}.quick-links{background:#334155;border-bottom-color:#475569}.quick-link{background:#475569;border-color:#64748b;color:#e2e8f0}.quick-link:hover{background:#64748b;color:#fff}.extracted-cards{background:#334155;border-top-color:#475569}.card-preview{background:#475569;border-color:#64748b}}.dynamic-toolbar.light .advanced-browser{background:#fff;color:#1f2937}.dynamic-toolbar.light .browser-header{background:#f9fafb;border-bottom-color:#e5e7eb}.dynamic-toolbar.light .browser-close-btn,.dynamic-toolbar.light .control-btn,.dynamic-toolbar.light .url-bar{background:#fff;border-color:#d1d5db;color:#374151}.dynamic-toolbar.light .browser-close-btn:hover,.dynamic-toolbar.light .control-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.dynamic-toolbar.light .browser-close-btn:hover{background:#ef4027;color:#fff}.dynamic-toolbar.light .capture-tab-container{background:#f3f4f6;border-bottom-color:#e5e7eb}.dynamic-toolbar.light .capture-tab{background:#fff;border-color:#d1d5db;color:#374151}.dynamic-toolbar.light .capture-tab:hover{background:#f9fafb;color:#111827}.dynamic-toolbar.light .capture-tab.active{background:#ef4027;color:#fff}.dynamic-toolbar.light .url-input{color:#111827}.dynamic-toolbar.light .url-input::placeholder{color:#6b7280}.dynamic-toolbar.light .quick-links{background:#f3f4f6;border-bottom-color:#e5e7eb}.dynamic-toolbar.light .quick-link{background:#fff;border-color:#d1d5db;color:#374151}.dynamic-toolbar.light .quick-link:hover{background:#f9fafb;color:#111827}.capture-card-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border:1px solid #333;border-radius:8px;box-shadow:0 10px 30px #00000080;min-height:120px;padding:12px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:all .1s ease;width:200px;z-index:9999}.capture-card-preview.dragging{box-shadow:0 20px 40px #000000b3;transform:translate(-50%,-50%) rotate(5deg) scale(1.05)}.capture-card-preview .card-type{color:#ff6b35;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.capture-card-preview .card-content{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:12px;line-height:1.3;overflow:hidden}.capture-card-preview.image .card-content{align-items:center;background:#333;border-radius:4px;display:flex;font-size:24px;height:80px;justify-content:center}.captured-cards-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1ae6;border:1px solid #333;border-radius:4px;color:#ccc;font-size:10px;left:16px;padding:4px 8px;position:absolute;top:16px;z-index:1001}.screenshot-preview-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:12px 12px 0 0;border-top:1px solid #0000001a;bottom:0;box-shadow:0 -4px 20px #0000001a;height:250px;left:0;margin-top:auto;opacity:0;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:all .5s cubic-bezier(.16,1,.3,1);z-index:10000}.screenshot-preview-overlay.show{opacity:1;transform:translateY(0)}.screenshot-preview-overlay.closing{opacity:0;transform:translateY(100%);transition:all .4s cubic-bezier(.7,0,.84,0);transition:all .4s cubic-bezier(.55,.055,.675,.19)}.dark .screenshot-preview-overlay{background:#00000026;border-top:1px solid #ffffff1a;box-shadow:0 -4px 20px #0000004d}.preview-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:12px 16px}.preview-title{color:#000;font-size:14px;font-weight:600}.dark .preview-header{border-bottom:1px solid #ffffff1a}.dark .preview-title{color:#fff}.preview-actions{display:flex;gap:8px}.add-to-canvas-btn{background:var(--primary-red);border:none;border-radius:6px;box-shadow:0 2px 8px #ef40274d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.add-to-canvas-btn:hover{background:#fff;box-shadow:0 4px 12px #ef402766;color:var(--primary-red);transform:translateY(-1px)}.preview-scroll-container{display:flex;gap:20px;max-height:260px;overflow-x:auto;overflow-y:hidden;padding:20px 24px}.preview-item{min-width:200px}.preview-image-container{background:#f5f5f5;border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 8px #0000000d;height:140px;overflow:visible;position:relative;width:200px}.preview-image{border-radius:8px;height:100%;object-fit:cover;object-position:center;position:relative;width:100%;z-index:1}.preview-action-btn{border:1px solid #0000001a;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;margin-left:8px;padding:6px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.preview-action-btn.primary{background:var(--primary-red);border-color:var(--primary-red);color:#fff}.preview-action-btn.primary:hover{background:#fff;color:var(--primary-red);transform:translateY(-1px)}.preview-action-btn.secondary{background:#f8f9fa;border-color:#dee2e6;color:#495057}.preview-action-btn.secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.preview-item{transition:all .2s ease}.preview-item:hover{transform:translateY(-2px)}.preview-item.selected .preview-image-container{border:3px solid var(--primary-red);box-shadow:0 0 0 2px #ef402733}.preview-delete-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px;z-index:10}.preview-delete-btn:hover{background:#dc3545;transform:scale(1.1)}.preview-selection-indicator{align-items:center;background:var(--primary-red);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;left:8px;position:absolute;top:8px;width:24px;z-index:10}.dark .preview-action-btn{background:#ffffff0d;border-color:#ffffff1a;color:#fffc}.dark .preview-action-btn.primary{background:var(--primary-red);color:#fff}.dark .preview-action-btn.secondary{background:#ffffff14;color:#ffffffb3}.dark .preview-delete-btn{background:#000c}.dark .preview-delete-btn:hover{background:#dc3545}.add-single-to-canvas-btn{background:var(--primary-red);border:none;border-radius:4px;box-shadow:0 2px 6px #ef40274d;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.add-single-to-canvas-btn:hover{background:#fff;box-shadow:0 3px 8px #ef402766;color:var(--primary-red);transform:translateY(-1px)}.ai-selection-bar{background:#fff;border:1px solid #0000001a;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;max-width:600px;min-width:400px;position:fixed;transition:background-color .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),width .2s cubic-bezier(.16,1,.3,1),height .2s cubic-bezier(.16,1,.3,1);z-index:10000}.ai-selection-bar.dark-theme,body.dark .ai-selection-bar{background:#1e1e1efa;border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff0d;color:#fff}.ai-compact-view{align-items:center;display:flex;gap:16px;padding:10px 16px}.ai-sparkles-btn{align-items:center;background:#ef402c;background:var(--primary-red,#ef402c);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.ai-sparkles-btn:hover{background:#ef402ce6;box-shadow:0 2px 8px #ef402c4d;transform:translateY(-1px)}.ai-sparkles-btn:active{transform:translateY(0)}.ai-sparkles-btn:disabled{cursor:not-allowed;opacity:.5}.ai-selection-actions{display:flex;flex:1 1;gap:8px}.ai-selection-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ef402c;color:var(--primary-red,#ef402c);cursor:pointer;display:flex;font-size:13px;font-weight:500;height:36px;justify-content:center;min-width:90px;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.ai-selection-action-btn:hover{background:#ef402c;background:var(--primary-red,#ef402c);color:#fff;transform:translateY(-1px)}.ai-selection-action-btn:active{transform:translateY(0)}.ai-selection-action-btn:disabled{cursor:not-allowed;opacity:.5}.ai-close-btn{align-items:center;background:#0000000d;border:none;border-radius:6px;color:#0006;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.ai-close-btn:hover{background:#0000001a;color:#000000b3}.ai-selection-bar.dark-theme .ai-close-btn,body.dark .ai-close-btn{background:#ffffff0d;color:#fff6}.ai-selection-bar.dark-theme .ai-close-btn:hover,body.dark .ai-close-btn:hover{background:#ffffff1a;color:#ffffffb3}.ai-selection-bar.dark-theme .ai-selection-action-btn:hover,body.dark .ai-selection-action-btn:hover{background:#ef402c33;color:#fff}.ai-expanded-view{display:flex;flex-direction:column;max-height:400px;min-height:180px;width:100%}.ai-result-header{align-items:center;background:#00000005;border-bottom:1px solid #0000000d;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.ai-selection-bar.dark-theme .ai-result-header,body.dark .ai-result-header{background:#ffffff05;border-bottom-color:#ffffff0d}.ai-result-title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.ai-result-icon{font-size:16px}.ai-result-content{flex:1 1;line-height:1.6;max-height:240px;min-height:80px;overflow-y:auto;padding:20px}.ai-loading{color:#0009;font-size:14px;font-weight:500;gap:8px}.ai-selection-bar.dark-theme .ai-loading,body.dark .ai-loading{color:#fff9}.loading-dots{animation:loadingDots 1.4s linear infinite}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.ai-result-text{animation:fadeInText .3s ease-out;color:#000000de;white-space:pre-wrap;word-break:break-word}.ai-selection-bar.dark-theme .ai-result-text,body.dark .ai-result-text{color:#ffffffde}@keyframes fadeInText{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-result-actions{border-top:1px solid #0000000d;display:flex;flex-shrink:0;gap:8px;padding:12px 16px}.ai-selection-bar.dark-theme .ai-result-actions,body.dark .ai-result-actions{border-top-color:#ffffff0d}.ai-result-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;padding:8px 16px;transition:all .15s ease}.ai-result-btn-primary{background:#ef402c;background:var(--primary-red,#ef402c);color:#fff}.ai-result-btn-primary:hover{background:#ef402ce6;box-shadow:0 2px 8px #ef402c4d;transform:translateY(-1px)}.ai-result-btn-secondary{background:#0000000d;color:#000000b3}.ai-result-btn-secondary:hover{background:#0000001a;transform:translateY(-1px)}.ai-selection-bar.dark-theme .ai-result-btn-secondary,body.dark .ai-result-btn-secondary{background:#ffffff0d;color:#ffffffb3}.ai-selection-bar.dark-theme .ai-result-btn-secondary:hover,body.dark .ai-result-btn-secondary:hover{background:#ffffff1a}.ai-selection-bar.compact{height:auto;overflow:visible}.ai-selection-bar.expanded{animation:expandContainer .3s cubic-bezier(.16,1,.3,1) forwards;overflow:visible}@keyframes expandContainer{0%{max-height:48px}to{max-height:400px}}.ai-result-content::-webkit-scrollbar{width:6px}.ai-result-content::-webkit-scrollbar-track{background:#0000}.ai-result-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.ai-result-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.ai-selection-bar.dark-theme .ai-result-content::-webkit-scrollbar-thumb,body.dark .ai-result-content::-webkit-scrollbar-thumb{background:#fff3}.ai-selection-bar.dark-theme .ai-result-content::-webkit-scrollbar-thumb:hover,body.dark .ai-result-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mic-waveform-indicator{background:var(--primary-red);border-radius:6px;box-shadow:0 1px 4px #ef40274d;display:none;height:12px;overflow:hidden;padding:2px 3px;pointer-events:none;position:absolute;width:28px;z-index:1000}.mic-waveform-indicator:before{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:1px 2.5px,5px 2px,9px 3px,13px 1.5px,17px 2.5px,21px 2px;background-repeat:no-repeat;background-size:1px 3px,1px 4px,1px 2px,1px 5px,1px 3px,1px 4px;border-radius:.5px;content:"";height:8px;left:3px;position:absolute;top:2px;width:22px}.mic-waveform-indicator.recording{display:block}.mic-waveform-indicator.recording:before{animation:micWaveformLines 1.2s ease-in-out infinite}@keyframes micWaveformLines{0%,to{background-position:1px 2.5px,5px 2px,9px 3px,13px 1.5px,17px 2.5px,21px 2px;background-size:1px 3px,1px 4px,1px 2px,1px 5px,1px 3px,1px 4px}25%{background-position:1px 2px,5px 2.5px,9px 2px,13px 2.5px,17px 1.5px,21px 3px;background-size:1px 4px,1px 3px,1px 4px,1px 3px,1px 5px,1px 2px}50%{background-position:1px 3px,5px 1.5px,9px 2.5px,13px 2.5px,17px 2px,21px 1.5px;background-size:1px 2px,1px 5px,1px 3px,1px 3px,1px 4px,1px 5px}75%{background-position:1px 1.5px,5px 2px,9px 1.5px,13px 2px,17px 3px,21px 2.5px;background-size:1px 5px,1px 4px,1px 5px,1px 4px,1px 2px,1px 3px}}.live-transcription-waveform-tab{background:var(--primary-red);border-radius:8px;box-shadow:0 2px 8px #ef40274d;display:none;height:16px;left:0;overflow:hidden;padding:3px 4px;pointer-events:none;position:fixed;top:0;width:36px;z-index:10000}.live-transcription-waveform-tab:before{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:2px 3px,6px 2px,10px 3.5px,14px 1px,18px 3px,22px 2.5px,26px 3.5px;background-repeat:no-repeat;background-size:1px 4px,1px 6px,1px 3px,1px 8px,1px 4px,1px 5px,1px 3px;border-radius:.5px;content:"";height:10px;left:4px;position:absolute;top:3px;width:28px}.live-transcription-waveform-tab.recording{display:block}.live-transcription-waveform-tab.recording:before{animation:waveformLines 1.2s ease-in-out infinite}.live-transcription-waveform-tab.loading{display:block}.live-transcription-waveform-tab.loading:before{animation:loadingWaveform 1.5s ease-in-out infinite}.live-transcription-waveform-tab.processing{display:block}.live-transcription-waveform-tab.processing:before{animation:processingWaveform 1.8s ease-in-out infinite}.live-transcription-glow{border-color:#ef40274d!important;box-shadow:0 0 8px #ef402726!important;caret-color:var(--primary-red)!important}@keyframes waveformLines{0%,to{background-position:2px 3px,6px 2px,10px 3.5px,14px 1px,18px 3px,22px 2.5px,26px 3.5px;background-size:1px 4px,1px 6px,1px 3px,1px 8px,1px 4px,1px 5px,1px 3px}25%{background-position:2px 2px,6px 3px,10px 2.5px,14px 2px,18px 1.5px,22px 3.5px,26px 3px;background-size:1px 6px,1px 4px,1px 5px,1px 6px,1px 7px,1px 3px,1px 4px}50%{background-position:2px 3.5px,6px 1px,10px 3px,14px 3px,18px 2.5px,22px 1.5px,26px 2px;background-size:1px 3px,1px 8px,1px 4px,1px 4px,1px 5px,1px 7px,1px 6px}75%{background-position:2px 1.5px,6px 2.5px,10px 2px,14px 1.5px,18px 3.5px,22px 3px,26px 2.5px;background-size:1px 7px,1px 5px,1px 6px,1px 7px,1px 3px,1px 4px,1px 5px}}@keyframes processingWaveform{0%,to{background-position:2px 3.5px,6px 3.5px,10px 3.5px,14px 3.5px,18px 3.5px,22px 3.5px,26px 3.5px;background-size:1px 3px,1px 3px,1px 3px,1px 3px,1px 3px,1px 3px,1px 3px;opacity:.7}50%{background-position:2px 2.5px,6px 2.5px,10px 2.5px,14px 2.5px,18px 2.5px,22px 2.5px,26px 2.5px;background-size:1px 5px,1px 5px,1px 5px,1px 5px,1px 5px,1px 5px,1px 5px;opacity:1}}.microphone-recording{animation:microphonePulse 1.2s ease-in-out infinite}@keyframes microphonePulse{0%,to{color:#ef4027cc;transform:scale(1)}50%{color:#ef4027;transform:scale(1.1)}}.listening-indicator{position:relative}.listening-indicator:after{animation:ripplePulse 1.5s ease-in-out infinite;background:radial-gradient(circle,#ef402733,#ef40271a,#0000);border-radius:inherit;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes ripplePulse{0%{opacity:.8;transform:scale(.8)}50%{opacity:.4;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}.live-transcription-loading.live-transcription-glow:before{animation:loadingWaveform 1.5s ease-in-out infinite;background-color:#ef40271a;border-color:#ef40274d}@keyframes loadingWaveform{0%{background-image:linear-gradient(to top,#0000 25%,var(--primary-red) 25%,var(--primary-red) 75%,#0000 75%),linear-gradient(to top,#0000 35%,#ef402766 35%,#ef402766 65%,#0000 65%),linear-gradient(to top,#0000 15%,#ef402766 15%,#ef402766 85%,#0000 85%),linear-gradient(to top,#0000 45%,#ef402766 45%,#ef402766 55%,#0000 55%),linear-gradient(to top,#0000 30%,#ef402766 30%,#ef402766 70%,#0000 70%)}20%{background-image:linear-gradient(to top,#0000 25%,#ef402766 25%,#ef402766 75%,#0000 75%),linear-gradient(to top,#0000 35%,var(--primary-red) 35%,var(--primary-red) 65%,#0000 65%),linear-gradient(to top,#0000 15%,#ef402766 15%,#ef402766 85%,#0000 85%),linear-gradient(to top,#0000 45%,#ef402766 45%,#ef402766 55%,#0000 55%),linear-gradient(to top,#0000 30%,#ef402766 30%,#ef402766 70%,#0000 70%)}40%{background-image:linear-gradient(to top,#0000 25%,#ef402766 25%,#ef402766 75%,#0000 75%),linear-gradient(to top,#0000 35%,#ef402766 35%,#ef402766 65%,#0000 65%),linear-gradient(to top,#0000 15%,var(--primary-red) 15%,var(--primary-red) 85%,#0000 85%),linear-gradient(to top,#0000 45%,#ef402766 45%,#ef402766 55%,#0000 55%),linear-gradient(to top,#0000 30%,#ef402766 30%,#ef402766 70%,#0000 70%)}60%{background-image:linear-gradient(to top,#0000 25%,#ef402766 25%,#ef402766 75%,#0000 75%),linear-gradient(to top,#0000 35%,#ef402766 35%,#ef402766 65%,#0000 65%),linear-gradient(to top,#0000 15%,#ef402766 15%,#ef402766 85%,#0000 85%),linear-gradient(to top,#0000 45%,var(--primary-red) 45%,var(--primary-red) 55%,#0000 55%),linear-gradient(to top,#0000 30%,#ef402766 30%,#ef402766 70%,#0000 70%)}80%{background-image:linear-gradient(to top,#0000 25%,#ef402766 25%,#ef402766 75%,#0000 75%),linear-gradient(to top,#0000 35%,#ef402766 35%,#ef402766 65%,#0000 65%),linear-gradient(to top,#0000 15%,#ef402766 15%,#ef402766 85%,#0000 85%),linear-gradient(to top,#0000 45%,#ef402766 45%,#ef402766 55%,#0000 55%),linear-gradient(to top,#0000 30%,var(--primary-red) 30%,var(--primary-red) 70%,#0000 70%)}to{background-image:linear-gradient(to top,#0000 25%,var(--primary-red) 25%,var(--primary-red) 75%,#0000 75%),linear-gradient(to top,#0000 35%,#ef402766 35%,#ef402766 65%,#0000 65%),linear-gradient(to top,#0000 15%,#ef402766 15%,#ef402766 85%,#0000 85%),linear-gradient(to top,#0000 45%,#ef402766 45%,#ef402766 55%,#0000 55%),linear-gradient(to top,#0000 30%,#ef402766 30%,#ef402766 70%,#0000 70%)}}.mac-transcription-active{animation:cursorGlow 2s ease-in-out infinite;caret-color:var(--primary-red)!important;position:relative}@keyframes cursorGlow{0%,to{box-shadow:0 0 0 1px #ef40274d,0 0 8px #ef402733,inset 0 1px 0 #ef40271a}50%{box-shadow:0 0 0 1px #ef402780,0 0 12px #ef40274d,inset 0 1px 0 #ef402733}}.mac-microphone-indicator{align-items:center;animation:microphoneAppear .3s ease-out;background:var(--primary-red);border-radius:50%;box-shadow:0 2px 8px #ef402766,0 0 0 2px #fffc,0 0 16px #ef40274d;color:#fff;display:flex;height:24px;justify-content:center;pointer-events:none;position:absolute;width:24px;z-index:10000}.mac-microphone-indicator svg{color:#fff;height:12px;width:12px}@keyframes microphoneAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.mac-microphone-indicator.fading{animation:microphoneFade .5s ease-out forwards}@keyframes microphoneFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.mac-typing-text{animation:typeAnimation .1s ease-out}@keyframes typeAnimation{0%{opacity:.7;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}.mac-transcription-active:after{animation:cursorPulse 1.5s ease-in-out infinite;background:#ef402799;border-radius:50%;content:"";height:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:6px}.mac-transcription-active[contenteditable]:after{display:none}.mac-letter-animate{animation:letterDrop .2s ease-out;display:inline-block}@keyframes letterDrop{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.mac-transcription-active:focus{border-color:#ef402780!important;outline:none}.mac-transcription-ending{animation:transcriptionEnd .8s ease-out forwards}@keyframes transcriptionEnd{0%{box-shadow:0 0 0 1px #ef402780,0 0 12px #ef40274d}to{box-shadow:0 0 0 1px #ef40271a,0 0 4px #ef40271a}}.dynamic-toolbar.dark .notes-section{background:#232323}.ambient-sounds-section{background:var(--bg-white);box-sizing:border-box;padding:24px 32px}.dynamic-toolbar.dark .ambient-sounds-section{background:#232323}.unified-upload-section{background:var(--bg-white)!important;border-radius:0 0 20px 20px;box-shadow:none!important;display:flex;flex-direction:column;height:100%;max-width:none!important;min-width:0!important;overflow:hidden;padding:24px 32px!important;position:relative;width:100%!important}.dynamic-toolbar.dark .unified-upload-section{background:#232323!important}.upload-drop-zone{align-items:center;background:#00000005;border:2px dashed #0003;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-xl);margin-top:48px;min-height:180px;padding:var(--spacing-xxl);text-align:center;transition:all var(--transition-fast)}.upload-drop-zone.drag-over,.upload-drop-zone:hover{background:var(--primary-red-light);border-color:var(--primary-red)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center}.upload-icon{transition:color var(--transition-fast)}.upload-drop-zone.drag-over .upload-icon,.upload-drop-zone:hover .upload-icon{color:var(--primary-red)}.upload-content h3{color:var(--text-secondary);font-size:16px;margin:0 0 var(--spacing-sm) 0}.upload-content h3,.upload-content p{font-family:var(--font-family);font-weight:var(--font-weight-normal)}.upload-content p{color:var(--text-light);font-size:14px;margin:0}.upload-type-hint{background:var(--primary-red-light);border-radius:var(--radius-md);color:var(--primary-red);font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);padding:4px var(--spacing-md);text-transform:capitalize}.preview-area{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:680px;overflow:hidden;padding-top:var(--spacing-lg);width:100%}.preview-area h4{color:var(--text-primary);flex-shrink:0;font-family:var(--font-family);font-size:16px;font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-lg) 0;text-align:center}.preview-grid{grid-gap:var(--spacing-lg);display:grid;flex:1 1;gap:var(--spacing-lg);grid-template-columns:repeat(5,120px);justify-content:center;margin:0 auto;max-width:100%;overflow-y:auto;padding:var(--spacing-sm) 0;width:fit-content}.preview-item{align-items:center;background:var(--bg-white);border:1px solid #0000001a;border-radius:var(--radius-md);display:flex;flex-direction:column;flex-shrink:0;height:120px!important;justify-content:center;max-height:120px;max-width:120px;min-height:120px;min-width:120px;overflow:hidden;position:relative;transition:all var(--transition-fast);width:120px!important}.preview-item:hover{border-color:var(--primary-red);box-shadow:0 4px 12px var(--primary-red-glow)}.remove-button{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;width:24px;z-index:10}.preview-item:hover .remove-button{opacity:1}.remove-button:hover{background:var(--primary-red)}.remove-button svg{height:14px;width:14px}.preview-content{align-items:center;height:80px;justify-content:center;padding:var(--spacing-sm);position:relative;width:100%}.preview-item.image{border-radius:8px!important;overflow:hidden!important;padding:0!important}.preview-item.image .preview-content{height:100%!important;padding:0!important;width:100%!important}.preview-item.video{background:#0b0f14!important;border-radius:8px!important;overflow:hidden!important;padding:0!important}.preview-item.video .preview-content{padding:0!important}.preview-item.video .preview-content,.preview-video{background:#0b0f14!important;height:100%!important;width:100%!important}.preview-video{display:block!important;object-fit:contain!important}.preview-image{background:#0000!important}.preview-item .preview-content,.preview-item.image .preview-content{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;overflow:hidden!important;width:100%!important}.preview-item .preview-content .preview-image,.preview-item.image .preview-content .preview-image{flex-shrink:0!important;height:100%!important;object-fit:cover!important;width:100%!important}.preview-audio{flex-direction:column;gap:8px;height:100%;width:100%}.audio-icon-container,.preview-audio{align-items:center;display:flex;justify-content:center}.audio-icon-container{position:relative}.audio-icon{color:var(--text-secondary);height:40px;width:40px}.play-button{align-items:center;background:var(--primary-red);border:none;border-radius:50%;bottom:-8px;box-shadow:0 2px 8px var(--primary-red-glow);color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-8px;transition:all var(--transition-fast);width:28px}.play-button:hover{background:var(--primary-red-hover);transform:scale(1.1)}.play-button svg{height:14px;width:14px}.duration{background:#6b72801a;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-family);font-size:12px;padding:2px var(--spacing-sm)}.preview-document{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%;justify-content:center;width:100%}.document-icon{color:var(--text-secondary);height:36px;width:36px}.file-extension{background:var(--primary-red);border-radius:6px;color:#fff;font-family:var(--font-family);font-size:11px;font-weight:var(--font-weight-semibold);padding:4px var(--spacing-sm);text-transform:uppercase}.file-info{background:var(--bg-light);border-top:1px solid #0000000d;display:flex;flex-direction:column;gap:2px;height:40px;justify-content:center;min-height:40px;padding:var(--spacing-sm)}.file-name{color:var(--text-primary);font-size:11px;font-weight:var(--font-weight-medium);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name,.file-size{font-family:var(--font-family)}.file-size{color:var(--text-secondary);font-size:10px}.upload-footer-centered{align-items:center;display:flex;justify-content:center;margin-top:auto;padding:16px}.canvas-button-centered{background:var(--primary-red)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px!important;font-weight:600!important;min-width:140px!important;padding:12px 24px!important;transition:all .2s ease!important}.canvas-button-centered:hover:not(:disabled){background:var(--primary-red-hover)!important;box-shadow:0 4px 12px #ef40274d!important;transform:translateY(-1px)!important}.canvas-button-centered:disabled{box-shadow:none!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}.dark .close-button-topright{background:#ffffff1a!important;color:#ffffffb3!important}.dark .close-button-topright:hover{background:var(--primary-red-light)!important;color:var(--primary-red)!important}.upload-footer .close-button{align-items:center;background:var(--bg-light);border:1px solid #0000001a;border-radius:8px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-family);font-size:13px;font-weight:500;height:40px;justify-content:center;padding:10px 18px;transition:all .2s ease}.upload-footer .close-button:hover{background:var(--primary-red-light);color:var(--primary-red)}.upload-footer .action-button{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;font-family:var(--font-family);font-size:13px;font-weight:500;gap:6px;height:40px;justify-content:center;padding:10px 18px;transition:all .2s ease}.upload-footer .action-button:disabled{cursor:not-allowed;opacity:.4}.upload-footer .workspace-button{background:var(--primary-red);color:#fff}.upload-footer .workspace-button:hover:not(:disabled){background:var(--primary-red-hover)}.upload-footer .canvas-button{background:var(--primary-red);color:#fff}.upload-footer .canvas-button:hover:not(:disabled){background:var(--primary-red-hover)}.dark .unified-upload-section{background:#00000026;color:#fff}.dark .upload-drop-zone{background:#ffffff0d;border-color:#fff3}.dark .upload-drop-zone:hover{background:#ef40271a;border-color:#ef4027}.dark .upload-content h3{color:#fff}.dark .upload-content p{color:#d1d5db}.dark .preview-item{background:#ffffff1a;border-color:#fff3}.dark .file-info{background:#ffffff0d;border-color:#ffffff1a}.dark .file-name{color:#fff}.dark .file-size{color:#d1d5db}.dark .upload-footer .canvas-button{background:var(--primary-red);color:#fff}.dark .upload-footer .canvas-button:hover{background:var(--primary-red-hover)}.dark .upload-footer .close-button{background:#ffffff1a;border-color:#fff3;color:#fff}.dark .upload-footer .close-button:hover{background:var(--primary-red-light);color:var(--primary-red)}.preview-grid::-webkit-scrollbar{width:6px}.preview-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.preview-grid::-webkit-scrollbar-thumb{background:#ef402780;border-radius:3px}.preview-grid::-webkit-scrollbar-thumb:hover{background:#ef4027b3}.design-system-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-primary);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-small,8px);height:100%;padding:16px;padding:var(--spacing-medium,16px);width:100%}.design-system-header{align-items:center;border-bottom:1px solid #ef402733;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-small,8px);padding-bottom:8px;padding-bottom:var(--spacing-small,8px)}.design-system-tabs{display:flex;gap:4px;gap:var(--spacing-xs,4px)}.design-system-subtabs{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-small,8px);margin-bottom:8px;margin-bottom:var(--spacing-small,8px)}.design-system-tab{align-items:center;background:#ef40271a;border:1px solid #ef402733;border-radius:8px;border-radius:var(--radius-sm,8px);color:#ef4027cc;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;gap:var(--spacing-xs,4px);padding:6px 12px;transition:all .2s ease}.design-system-tab-icon{height:14px;min-height:14px;min-width:14px;width:14px}.design-system-tab:hover{background:#ef402726;border-color:#ef402766;color:#ef4027}.design-system-tab.active{background:#ef402733;border-color:#ef402780;color:#ef4027;color:var(--primary-red,#ef4027)}.dark .design-system-tab,body.dark .design-system-tab{background:#ef402726;border:1px solid #ef40274d;color:#ffffffe6}.dark .design-system-tab:hover,body.dark .design-system-tab:hover{background:#ef402740;border:1px solid #ef402780;color:#fff}.dark .design-system-tab.active,body.dark .design-system-tab.active{background:#ef40274d;border-color:#ef402799;color:#fff}.design-system-close-button{align-items:center;background:#ef40271a;border:1px solid #ef402733;border-radius:8px;border-radius:var(--radius-sm,8px);color:#ef4027cc;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.design-system-close-button:hover{background:#ef402733;border-color:#ef402766;color:#ef4027;color:var(--primary-red,#ef4027);transform:scale(1.05)}.dark .design-system-close-button,body.dark .design-system-close-button{background:#ef402726;border:1px solid #ef40274d;color:#ffffffe6}.dark .design-system-close-button:hover,body.dark .design-system-close-button:hover{background:#ef402740;border:1px solid #ef402780;color:#fff}.design-system-content{grid-gap:16px;grid-gap:var(--spacing-medium,16px);display:grid;flex:1 1;gap:16px;gap:var(--spacing-medium,16px);grid-template-columns:3fr 2fr;overflow:hidden}.design-system-content.single-pane{display:block}.design-system-main{overflow-y:auto;padding-right:4px;padding-right:var(--spacing-xs,4px)}.design-system-global-controls{background:#ef40270d;border:1px solid #ef402733;border-radius:8px;border-radius:var(--radius-sm,8px);margin-bottom:8px;margin-bottom:var(--spacing-small,8px);padding:8px;padding:var(--spacing-small,8px)}.design-system-main.full-width{grid-column:1/-1;padding-right:0}.design-system-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm,8px);overflow-y:auto;padding:8px;padding:var(--spacing-small,8px)}.design-system-uikits{grid-gap:16px;grid-gap:var(--spacing-medium,16px);display:grid;gap:16px;gap:var(--spacing-medium,16px);grid-template-columns:280px 1fr;height:100%}.design-system-uikits.shadcn-only{grid-template-columns:1fr}.uikits-list{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-small,8px);overflow-y:auto}.uikit-item{background:#ef40270d;border:1px solid #ef402733;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-primary);cursor:pointer;padding:8px 16px;padding:var(--spacing-small,8px) var(--spacing-medium,16px);text-align:left;transition:all .2s ease}.uikit-item-thumb{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;height:82px;margin-bottom:8px;object-fit:cover;width:100%}.uikit-item:hover{background:#ef40271a;border-color:#ef402773}.uikit-item.active{background:#ef402726;border-color:#ef4027b3}.uikit-item-name{font-size:13px;font-weight:600;margin-bottom:2px}.uikit-item-meta{color:var(--text-secondary);font-size:11px}.uikits-components{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm,8px);overflow-y:auto;padding:16px;padding:var(--spacing-medium,16px)}.uikits-components h4{font-size:14px;margin:0 0 8px;margin:0 0 var(--spacing-small,8px) 0}.uikits-components-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-small,8px);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-small,8px)}.uikits-components-header.shadcn-only-header{align-items:baseline}.uikit-insert-btn{align-items:center;background:#ef40271a;border:1px solid #ef40274d;border-radius:12px;color:#ef4027e6;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:8px 12px;transition:all .2s ease}.uikit-insert-btn:hover:not(:disabled){background:#ef40272e;border-color:#ef402780}.uikit-insert-btn:disabled{cursor:not-allowed;opacity:.6}.uikit-insert-status{color:var(--text-secondary);font-size:12px;margin:0 0 8px;margin:0 0 var(--spacing-small,8px) 0}.uikit-components-grid{grid-gap:8px;grid-gap:var(--spacing-small,8px);display:grid;gap:8px;gap:var(--spacing-small,8px);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.uikit-component-row{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;flex-direction:column;gap:8px;padding:8px;padding:var(--spacing-small,8px)}.uikit-component-row.selected{border-color:#ef402773;box-shadow:0 0 0 1px #ef40272e}.uikit-component-select{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:8px;margin:0;padding:0;text-align:left}.uikit-visibility-toggle{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:11px;gap:6px}.library-editor-layout{grid-gap:16px;grid-gap:var(--spacing-medium,16px);display:grid;gap:16px;gap:var(--spacing-medium,16px);grid-template-columns:minmax(240px,1fr) minmax(320px,1fr)}.library-definition-editor{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;display:flex;flex-direction:column;gap:10px;max-height:560px;overflow-y:auto;padding:12px}.library-editor-title{font-size:13px;font-weight:600;margin:0}.library-editor-field{display:flex;flex-direction:column;font-size:11px;gap:4px}.library-editor-field.inline{margin-top:4px}.library-editor-field input,.library-editor-field select,.library-editor-field textarea{background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;color:var(--text-primary);font-size:12px;padding:8px 10px;width:100%}.library-editor-field textarea{min-height:72px;resize:vertical}.library-editor-add-prop,.library-editor-props{border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:10px}.library-editor-props-header{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.library-editor-prop-row{border:1px solid #ffffff14;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:8px}.library-editor-prop-head{align-items:center;display:flex;font-size:12px;gap:8px;justify-content:space-between}.library-editor-prop-head button{background:#ef40271f;border:1px solid #ef402766;border-radius:8px;color:#ef4027f2;cursor:pointer;font-size:11px;padding:4px 8px}.uikit-component-name{color:var(--text-primary);font-size:12px;font-weight:500}.uikit-component-id{color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-size:10px}.uikit-component-preview{align-items:center;background:#fff;border:1px solid #e2e8f0e6;border-radius:10px;color:#1f2937;display:flex;font-size:11px;justify-content:center;min-height:66px;padding:8px;text-align:center}.uikit-component-preview.preview-button{background:#1f2937;color:#fff;font-weight:600}.uikit-component-preview.preview-badge{align-self:flex-start;background:#f1f5f9;border-radius:999px;font-weight:600;min-height:38px;padding:0 12px;width:fit-content}.uikit-component-preview.preview-dropdown,.uikit-component-preview.preview-input,.uikit-component-preview.preview-tabs,.uikit-component-preview.preview-toggle{color:#64748b;justify-content:flex-start}.uikit-component-preview.preview-avatar{align-self:flex-start;background:#e2e8f0;border-radius:999px;font-weight:700;height:52px;min-height:52px;width:52px}.uikit-component-preview.preview-alert{background:#fff7ed;border-color:#fdba74;color:#9a3412}.uikit-component-preview.preview-dialog{justify-content:flex-start}.dark .uikit-component-preview,body.dark .uikit-component-preview{background:#1e293bcc;border-color:#fff3;color:#e2e8f0}.dark .uikit-component-preview.preview-button,body.dark .uikit-component-preview.preview-button{background:#ef4027;color:#fff}.design-system-colors{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-medium,16px)}.color-category{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-small,8px)}.color-category-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.color-palette{grid-gap:8px;grid-gap:var(--spacing-small,8px);display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.color-palette,.color-token{gap:8px;gap:var(--spacing-small,8px)}.color-token{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:flex;padding:8px;padding:var(--spacing-small,8px);transition:all .2s ease}.color-token:hover{background:#ffffff14;border-color:#ef40274d}.color-swatch{background:none;border:2px solid #fff3;border-radius:4px}.color-swatch::-webkit-color-swatch-wrapper{border-radius:4px;padding:0}.color-swatch::-webkit-color-swatch{border:none;border-radius:2px}.color-value-input{background:#0000;border:none;border-radius:3px;color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-size:10px;outline:none;padding:2px 4px;transition:background .2s ease;width:100%}.color-value-input:focus{background:#ffffff1a;color:var(--text-primary)}.color-info{display:flex;flex-direction:column;gap:2px}.color-name{color:var(--text-primary);font-size:12px;font-weight:500}.slider-field{gap:4px}.field-label{color:var(--text-primary);font-size:11px}.slider-value{color:var(--text-secondary);font-family:Monaco,Menlo,monospace}.slider-input{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;height:4px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-red);cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 0 8px #ef402766;transform:scale(1.2)}.design-system-typography{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-medium,16px)}.typography-category{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-small,8px)}.typography-category-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.typography-scale{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-small,8px)}.typography-token{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;flex-direction:column;gap:8px;padding:8px;padding:var(--spacing-small,8px);transition:all .2s ease}.typography-sample{margin-bottom:4px}.typography-controls{display:flex;flex-direction:column;gap:8px}.typography-specs{flex-wrap:wrap;font-size:10px;gap:8px}.typography-token:hover{background:#ffffff14;border-color:#ef40274d}.typography-sample{color:var(--text-primary);margin-bottom:8px;margin-bottom:var(--spacing-small,8px)}.typography-specs{color:var(--text-secondary);display:flex;font-family:Monaco,Menlo,monospace;font-size:12px;font-size:var(--font-size-xs,12px);gap:16px;gap:var(--spacing-medium,16px)}.design-system-effects{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-large,24px)}.effects-category{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-medium,16px)}.effects-category-title{color:var(--text-primary);font-size:16px;font-size:var(--font-size-medium,16px);font-weight:600;margin:0}.effects-grid{grid-gap:16px;grid-gap:var(--spacing-medium,16px);display:grid;gap:16px;gap:var(--spacing-medium,16px);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.effect-token{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-small,8px);padding:16px;padding:var(--spacing-medium,16px);transition:all .2s ease}.effect-token:hover{background:#ffffff14;border-color:#ef40274d}.effect-preview{background:#ef40271a;border-radius:8px;border-radius:var(--radius-sm,8px);height:40px;width:100%}.effect-info{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.effect-name{color:var(--text-primary);font-size:14px;font-size:var(--font-size-small,14px);font-weight:500}.effect-value{color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-size:12px;font-size:var(--font-size-xs,12px)}.design-system-rules{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-large,24px)}.rules-header h4{color:var(--text-primary);font-size:16px;font-size:var(--font-size-medium,16px);font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs,4px) 0}.rules-header p{color:var(--text-secondary);font-size:14px;font-size:var(--font-size-small,14px);margin:0}.rules-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-medium,16px)}.rules-live-controls{background:#ef40270f;border:1px solid #ef402733;border-radius:8px;border-radius:var(--radius-sm,8px);padding:8px;padding:var(--spacing-small,8px)}.rule-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-md,12px);padding:16px;padding:var(--spacing-medium,16px);transition:all .2s ease}.rule-item:hover{background:#ffffff14;border-color:#ef40274d}.rule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-small,8px)}.rule-name{color:var(--text-primary);font-size:14px;font-size:var(--font-size-small,14px);font-weight:500}.rule-category{border-radius:6px;border-radius:var(--radius-sm,6px);font-size:12px;font-size:var(--font-size-xs,12px);font-weight:500;padding:4px 8px;padding:var(--spacing-xs,4px) var(--spacing-small,8px);text-transform:capitalize}.rule-category.animation{background:#3b82f633;color:#3b82f6}.rule-category.accessibility{background:#22c55e33;color:#22c55e}.rule-category.spacing{background:#a855f733;color:#a855f7}.rule-category.behavior{background:#ef444433;color:#ef4444}.rule-description{color:var(--text-secondary);font-size:14px;font-size:var(--font-size-small,14px);line-height:1.4;margin:0 0 8px;margin:0 0 var(--spacing-small,8px) 0}.rule-value{background:#0003;border-radius:6px;border-radius:var(--radius-sm,6px);padding:4px 8px;padding:var(--spacing-xs,4px) var(--spacing-small,8px)}.rule-value,.rule-value-input{color:var(--text-primary);font-family:Monaco,Menlo,monospace;font-size:12px;font-size:var(--font-size-xs,12px)}.rule-value-input{background:#ffffff0f;border:1px solid #ef402740;border-radius:8px;border-radius:var(--radius-sm,8px);min-height:34px;padding:8px 10px;width:100%}.rule-value-input:focus{border-color:#ef402773;box-shadow:0 0 0 2px #ef402729;outline:none}.design-system-example h4{color:var(--text-primary);font-size:16px;font-size:var(--font-size-medium,16px);font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-medium,16px) 0}.example-component{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;border-radius:var(--radius-md,12px);padding:24px;padding:var(--spacing-large,24px)}.example-card{margin:0 auto;max-width:300px}.example-card h3{color:#1f2937;font-size:18px;font-size:var(--font-size-large,18px);font-weight:600;margin:0 0 8px;margin:0 0 var(--spacing-small,8px) 0;text-align:center}.example-card p{color:#6b7280;font-size:14px;font-size:var(--font-size-small,14px);line-height:1.4;margin:0 0 16px;margin:0 0 var(--spacing-medium,16px) 0;text-align:center}.example-buttons{grid-gap:8px;grid-gap:var(--spacing-small,8px);display:grid;gap:8px;gap:var(--spacing-small,8px);grid-template-columns:1fr 1fr;margin-bottom:16px;margin-bottom:var(--spacing-medium,16px)}.example-form{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-medium,16px)}.example-card input{background:#fff;border:1px solid #d1d5db;border-radius:12px;border-radius:var(--radius-md,12px);color:#1f2937;font-size:14px;font-size:var(--font-size-small,14px);padding:8px 16px;padding:var(--spacing-small,8px) var(--spacing-medium,16px)}.example-card input:focus{border-color:#ef4027;border-color:var(--primary-red,#ef4027);box-shadow:0 0 0 3px #ef40271a;outline:none}.btn-action,.btn-primary,.btn-secondary{border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;font-size:14px;font-size:var(--font-size-small,14px);font-weight:500;padding:8px 16px;padding:var(--spacing-small,8px) var(--spacing-medium,16px);transition:all .2s ease}.btn-primary{background:#1f2937;border-color:#1f2937;color:#fff}.btn-primary:hover{background:#374151;border-color:#374151}.btn-secondary{background:#fff;border-color:#d1d5db;color:#1f2937}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-action{background:#ef4027;background:var(--primary-red,#ef4027);border-color:#ef4027;border-color:var(--primary-red,#ef4027);color:#fff}.btn-action:hover{background:#dc2626;border-color:#dc2626}.design-system-actions{display:flex;justify-content:center;padding-top:4px;padding-top:var(--spacing-xs,4px)}.design-system-save-btn{align-items:center;background:#ef40271a;border:1px solid #ef40274d;border-radius:12px;border-radius:var(--radius-md,12px);color:#ef4027cc;cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-small,14px);font-weight:600;gap:4px;gap:var(--spacing-xs,4px);padding:8px 16px;padding:var(--spacing-small,8px) var(--spacing-medium,16px);transition:all .2s ease}.design-system-save-btn:hover{background:#ef402726;border-color:#ef402780;color:#ef4027}.design-system-save-btn.has-changes{background:#ef4027;background:var(--primary-red,#ef4027);border-color:#ef4027;border-color:var(--primary-red,#ef4027);color:#fff}.design-system-save-btn.has-changes:hover{background:#dc2626;border-color:#dc2626}.design-system-save-btn:disabled{background:#8080801a;border:1px solid #8080804d;color:#80808099;cursor:not-allowed;opacity:.5}.dark .design-system-section,body.dark .design-system-section{background:#000c;color:#fff}.dark .design-system-preview,body.dark .design-system-preview{background:#0000004d;border:1px solid #ffffff1a}.dark .color-token,.dark .effect-token,.dark .rule-item,.dark .typography-token,body.dark .color-token,body.dark .effect-token,body.dark .rule-item,body.dark .typography-token{background:#ffffff0d;border:1px solid #ffffff1a}.dark .example-component,body.dark .example-component{background:#0006}.dark .example-card input,body.dark .example-card input{background:#ffffff1a;border-color:#fff3;color:#fff}.dark .example-card input::placeholder,body.dark .example-card input::placeholder{color:#ffffff80}@media (max-width:1024px){.design-system-content,.design-system-uikits{grid-template-columns:1fr}.design-system-preview{order:-1}.color-palette,.effects-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@font-face{font-display:swap;font-family:HK Grotesk Wide;font-style:normal;font-weight:400;src:url(../../static/media/HKGroteskWide-Regular.271cfe3c29941945e3d1.otf) format("opentype")}@font-face{font-display:swap;font-family:HK Grotesk Wide;font-style:normal;font-weight:500;src:url(../../static/media/HKGroteskWide-Medium.050192627e5a27412d77.otf) format("opentype")}@font-face{font-display:swap;font-family:HK Grotesk Wide;font-style:normal;font-weight:600;src:url(../../static/media/HKGroteskWide-SemiBold.a5f8d0d856bc488b6303.otf) format("opentype")}@font-face{font-display:swap;font-family:HK Grotesk Wide;font-style:normal;font-weight:700;src:url(../../static/media/HKGroteskWide-Bold.5536fbfec52a941fe3af.otf) format("opentype")}:root{--primary-red-hover:#d63a24;--primary-red-light:#ef402726;--primary-red-glow:#ef40274d;--primary-purple:#8b5cf6;--primary-purple-hover:#7c3aed;--primary-purple-light:#8b5cf626;--primary-purple-glow:#8b5cf64d;--primary-amber:#f59e0b;--primary-amber-hover:#d97706;--primary-amber-light:#f59e0b26;--primary-amber-glow:#f59e0b4d;--primary-green:#10b981;--primary-green-hover:#059669;--primary-green-light:#10b98126;--primary-green-glow:#10b9814d;--text-primary:#333;--text-secondary:#666;--text-light:#999;--text-white:#fff;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-white:#fff;--bg-light:#f5f5f5;--bg-glass:#fffffff2;--bg-glass-dark:#00000026;--font-family:"HK Grotesk Wide",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--radius-sm:8px;--radius-md:8px;--radius-lg:16px;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);--border-light:#0000001a;--border-medium:#0003;--border-dark:#0000004d}body.dark{--text-primary:#fff;--text-secondary:#ccc;--text-light:#999;--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-light:#333;--bg-glass:#1a1a1af2;--bg-glass-dark:#ffffff1a;--border-light:#ffffff1a;--border-medium:#fff3;--border-dark:#ffffff4d}.dynamic-toolbar.dark{--text-primary:#fff;--text-secondary:#ccc;--text-light:#999;--bg-white:#1a1a1a;--bg-light:#2a2a2a;--bg-glass:#00000026}.dynamic-toolbar.dark .top-bar{background:#18181ceb;border:1.5px solid #ffffff1a;box-shadow:0 2px 12px 0 #0000002e}:focus{outline:none!important}button:focus,input:focus,textarea:focus{box-shadow:none!important;outline:none!important}.dynamic-toolbar{border-radius:20px;bottom:20px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family);left:50%;max-width:630px;overflow:hidden;position:fixed;transform:translateX(-50%);transition:max-width .4s cubic-bezier(.4,0,.2,1);width:calc(100% - 40px);z-index:1000000}.dynamic-toolbar[data-width-mode=compact]{max-height:280px;max-width:540px}.dynamic-toolbar[data-width-mode=compact],.dynamic-toolbar[data-width-mode=design]{transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.dynamic-toolbar[data-width-mode=design]{max-height:350px;max-width:1020px}.dynamic-toolbar[data-width-mode=brainstorming]{max-height:400px;max-width:880px;transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.dynamic-toolbar[data-width-mode=inspiration]{max-height:380px;max-width:580px;transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.dynamic-toolbar[data-width-mode=compose]{max-height:600px;max-width:610px}.dynamic-toolbar[data-width-mode=ai],.dynamic-toolbar[data-width-mode=compose]{transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.dynamic-toolbar[data-width-mode=ai]{max-height:200px;max-width:220px}.dynamic-toolbar[data-width-mode=notes]{height:fit-content}.dynamic-toolbar[data-width-mode=notes],.dynamic-toolbar[data-width-mode=upload]{max-width:800px;transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.dynamic-toolbar[data-width-mode=upload]{max-height:700px}.dynamic-toolbar[data-width-mode=ai-search-results]{max-height:600px;max-width:1100px;transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.dynamic-toolbar[data-width-mode=browser]{max-height:850px}.dynamic-toolbar[data-width-mode=browser],.dynamic-toolbar[data-width-mode=workspace]{max-width:1200px!important;transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1);width:1200px!important}.dynamic-toolbar[data-width-mode=workspace]{max-height:650px}.dynamic-toolbar[data-width-mode=design-system]{max-height:640px;max-width:1260px!important;transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1);width:1260px!important}.dynamic-toolbar[data-width-mode=ambient]{max-height:650px;max-width:600px;transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.dynamic-toolbar[data-width-mode=artboard]{height:fit-content;max-width:1020px!important;transition:height .4s cubic-bezier(.4,0,.2,1)}.dynamic-toolbar[data-width-mode=userProfile]{max-height:700px;max-width:700px;transition:max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.top-bar{align-items:center;background:#ffffffeb;border:1.5px solid #ef40271a;border-radius:20px 20px 0 0;box-shadow:0 2px 12px 0 #ef402714;display:flex;flex-shrink:0;gap:12px;gap:var(--spacing-md);height:56px;justify-content:space-between;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s ease;transition:all var(--transition-medium);z-index:2}.top-bar-center{flex:1 1;justify-content:flex-start;min-height:44px;overflow:visible!important;position:relative;z-index:1}.top-bar-center,.top-bar-right{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.top-bar-right{flex-shrink:0;padding-left:0}.default-buttons{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);opacity:1;overflow:visible!important;position:relative;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.default-buttons.design-exiting{pointer-events:none}.action-button[data-oid=cards-btn],.action-button[data-oid=shapes-btn],.action-button[data-oid=sketch-btn],.action-button[data-oid=text-btn],.default-buttons.design-exiting .action-button.brainstorming-tool,.default-buttons.design-exiting .action-button.user-profile-button{pointer-events:auto!important}.default-buttons.design-exiting .action-button.stagger-0{animation:slideDownOut .4s ease-in-out forwards;animation-delay:0ms}.default-buttons.design-exiting .action-button.stagger-1{animation:slideDownOut .4s ease-in-out forwards;animation-delay:80ms}.default-buttons.design-exiting .action-button.stagger-2{animation:slideDownOut .4s ease-in-out forwards;animation-delay:.16s}.default-buttons.design-exiting .action-button.stagger-3{animation:slideDownOut .4s ease-in-out forwards;animation-delay:.24s}.default-buttons.design-exiting .action-button.stagger-4{animation:slideDownOut .4s ease-in-out forwards;animation-delay:.32s}.default-buttons.design-exiting .action-button.stagger-5{animation:slideDownOut .4s ease-in-out forwards;animation-delay:.4s}.default-buttons.design-exiting .action-button.stagger-6{animation:slideDownOut .4s ease-in-out forwards;animation-delay:.48s}@keyframes slideDownOut{0%{opacity:1!important;transform:translateY(0)!important}to{opacity:0!important;transform:translateY(100px)!important}}.design-buttons{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);overflow:visible;position:relative}.design-buttons.design-entering .action-button{animation:slideInFromRight .3s ease-out forwards;opacity:0;transform:translateX(100px)}.design-buttons.design-entering .design-main-button{animation-delay:0ms}.design-buttons.design-entering .slide-0{animation-delay:.1s}.design-buttons.design-entering .slide-1{animation-delay:.15s}.design-buttons.design-entering .slide-2{animation-delay:.2s}.design-buttons.design-entering .slide-3{animation-delay:.25s}.ai-buttons,.brainstorming-buttons,.upload-buttons{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);overflow:visible;position:relative}.brainstorming-main-button.transform-to-back,.design-main-button.transform-to-back,.upload-main-button.transform-to-back{background:#0000!important;border:none!important;color:#ef4027!important;color:var(--primary-red)!important;padding:8px!important;transition:none!important}.brainstorming-main-button.transform-to-back:hover,.design-main-button.transform-to-back:hover,.upload-main-button.transform-to-back:hover{background:#0000!important;transform:scale(1.05)!important}.brainstorming-main-button.transform-to-back svg,.design-main-button.transform-to-back svg,.upload-main-button.transform-to-back svg{color:#ef4027!important;color:var(--primary-red)!important;height:20px!important;width:20px!important}.action-button img,.upload-main-button img{align-items:center!important;border-radius:8px!important;border-radius:var(--radius-md)!important;display:flex!important;height:100%!important;justify-content:center!important;object-fit:cover!important;width:100%!important}.dynamic-toolbar .action-button img,.dynamic-toolbar .upload-main-button img{border-radius:6px!important;border-radius:calc(var(--radius-md) - 2px)!important;height:calc(100% - 4px)!important;left:50%!important;object-fit:cover!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100% - 4px)!important}.dynamic-toolbar .action-button.chat-interface-button .floating-agent-icon-img,.dynamic-toolbar .action-button.chat-interface-button img.floating-agent-icon-img,.dynamic-toolbar .action-button.toolbar-agent-entry-button .toolbar-agent-entry-icon-img,.dynamic-toolbar .action-button.toolbar-agent-entry-button img.toolbar-agent-entry-icon-img{border-radius:0!important;height:100%!important;inset:0!important;left:auto!important;object-fit:contain!important;position:absolute!important;top:auto!important;transform:none!important;width:100%!important}.dynamic-toolbar .action-button.toolbar-agent-entry-button .toolbar-agent-entry-icon-img,.dynamic-toolbar .action-button.toolbar-agent-entry-button img.toolbar-agent-entry-icon-img{border-radius:initial!important}.action-button{align-items:center;background:#f5f5f5;background:var(--bg-light);border:none!important;border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin:0!important;overflow:hidden;padding:0!important;position:relative;transform:none!important;transition:background-color .2s ease,color .2s ease!important;width:40px}.default-buttons.design-exiting .action-button.stagger-0,.default-buttons.design-exiting .action-button.stagger-1,.default-buttons.design-exiting .action-button.stagger-2,.default-buttons.design-exiting .action-button.stagger-3,.default-buttons.design-exiting .action-button.stagger-4,.default-buttons.design-exiting .action-button.stagger-5,.default-buttons.design-exiting .action-button.stagger-6{animation-fill-mode:forwards!important;transform:none!important}.action-button:hover:not(.transform-to-back):not(.cursor-ai-toolbar-button):not([data-oid*=node-btn]):not(.user-profile-button){background:#ef4027!important;background:var(--primary-red)!important;border:none!important;box-shadow:0 2px 8px #ef40274d;color:#fff!important;color:var(--text-white)!important;left:auto!important;margin:0!important;padding:0!important;top:auto!important;transform:none!important;translate:none!important}.action-button--active{background:#ef4027!important;background:var(--primary-red)!important;color:#fff!important;color:var(--text-white)!important}.action-button--active:hover{background:#d63a24!important;background:var(--primary-red-hover)!important}.ai-chat-button{background:#f5f5f5!important;background:var(--bg-light)!important;color:#ef4027!important;color:var(--primary-red)!important;height:40px;width:40px}.ai-chat-button:hover{background:#ef4027!important;background:var(--primary-red)!important;color:#fff!important;color:var(--text-white)!important}.spaces-button{background:#f5f5f5!important;background:var(--bg-light)!important;color:#333!important;height:40px;width:40px}.spaces-button:hover{background:#e5e7eb!important;color:#111!important}.ai-button{background:#f5f5f5!important;background:var(--bg-light)!important;color:#ef4027!important;color:var(--primary-red)!important;height:40px;width:40px}.ai-button:hover{background:#ef4027!important;background:var(--primary-red)!important;color:#fff!important;color:var(--text-white)!important}.browser-button{background:#f5f5f5!important;background:var(--bg-light)!important;color:#666!important;color:var(--text-secondary)!important;height:40px;width:40px}.browser-button:hover{background:#ef4027!important;background:var(--primary-red)!important;color:#fff!important;color:var(--text-white)!important}.dynamic-toolbar.dark .spaces-button{background:#f5f5f5!important;background:var(--bg-light)!important;color:#ccc!important}.dynamic-toolbar.dark .spaces-button:hover{background:#444!important;color:#fff!important}.action-button-icon{flex-shrink:0;height:18px;width:18px}.user-profile-button:not(.has-avatar){overflow:hidden!important}.user-profile-button:not(.has-avatar):hover:not(:disabled){background:#ef4027!important;background:var(--primary-red)!important;color:#fff!important}.user-profile-button:not(.has-avatar):hover:not(:disabled) svg{stroke:#fff!important;color:#fff!important}.user-profile-button.has-avatar{border:2px solid #ef402799!important;overflow:hidden!important;padding:10px!important;transition:all .2s ease!important}.user-profile-button.has-avatar .action-button-icon{display:none!important}.user-profile-button.has-avatar:hover:not(:disabled){border:2.5px solid #ef4027!important;border:2.5px solid var(--primary-red)!important;box-shadow:0 0 8px #ef40274d!important;padding:9.5px!important}.user-profile-button div{border-radius:8px!important;border-radius:var(--radius-md)!important}.theme-switcher{background:#f5f5f5;background:var(--bg-light);border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;height:40px;overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--transition-medium);width:40px}.theme-switcher:hover{background:#ef4027;background:var(--primary-red);color:#fff;color:var(--text-white)}.theme-switcher svg{fill:currentColor!important;color:inherit!important}.theme-switcher .theme-icon--sun{fill:#fec30b!important;color:#fec30b!important}.theme-switcher .theme-icon--moon{fill:#151e30!important;color:#151e30!important}.theme-switcher-icon-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.theme-switcher.switching .theme-switcher-icon-container{transform:rotate(1turn)}.theme-icon{height:18px;position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1);width:18px}.theme-icon--sun,.theme-switcher--dark .theme-icon--sun{fill:#fec30b!important;stroke:#fec30b!important;color:#fec30b!important;opacity:1;transform:scale(1)}.theme-switcher--light .theme-icon--sun{fill:#fec30b!important;stroke:#fec30b!important;color:#fec30b!important;opacity:0;transform:scale(0)}.theme-icon--moon,.theme-switcher--light .theme-icon--moon{fill:#151e30!important;stroke:#151e30!important;color:#151e30!important;opacity:1;transform:scale(1)}.theme-switcher--dark .theme-icon--moon{fill:#151e30!important;stroke:#151e30!important;color:#151e30!important;opacity:0;transform:scale(0)}.top-bar-divider{background:#0003;flex-shrink:0;height:24px;margin:0 4px;margin:0 var(--spacing-xs);width:1px}.dynamic-toolbar.dark .top-bar-divider{background:#fff3}.action-button.ai-button .action-button-icon svg,.action-button.ai-button svg,.action-button.ai-button>svg{stroke:#ef4027!important;stroke:var(--primary-red)!important;fill:none!important;color:#ef4027!important;color:var(--primary-red)!important}.action-button.ai-button.action-button--active .action-button-icon svg,.action-button.ai-button.action-button--active svg,.action-button.ai-button:hover:not(.action-button--active) .action-button-icon svg,.action-button.ai-button:hover:not(.action-button--active) svg{stroke:#fff!important;fill:none!important;color:#fff!important}.action-button.design-button .action-button-icon svg,.action-button.design-button svg,.action-button.design-button>svg{stroke:currentColor!important;fill:none!important;color:currentColor!important}.action-button.design-button.action-button--active .action-button-icon svg,.action-button.design-button.action-button--active svg,.action-button.design-button:hover:not(.action-button--active) .action-button-icon svg,.action-button.design-button:hover:not(.action-button--active) svg{stroke:#fff!important;fill:none!important;color:#fff!important}.action-button.brainstorming-button .action-button-icon svg,.action-button.brainstorming-button svg,.action-button.brainstorming-button>svg{stroke:currentColor!important;fill:none!important;color:currentColor!important}.action-button.brainstorming-button.action-button--active .action-button-icon svg,.action-button.brainstorming-button.action-button--active svg,.action-button.brainstorming-button:hover:not(.action-button--active) .action-button-icon svg,.action-button.brainstorming-button:hover:not(.action-button--active) svg{stroke:#fff!important;fill:none!important;color:#fff!important}.action-button.ambient-sounds-button .action-button-icon svg,.action-button.ambient-sounds-button svg,.action-button.ambient-sounds-button>svg{stroke:#10b981!important;stroke:var(--primary-green)!important;fill:none!important;color:#10b981!important;color:var(--primary-green)!important}.action-button.ambient-sounds-button.action-button--active .action-button-icon svg,.action-button.ambient-sounds-button.action-button--active svg,.action-button.ambient-sounds-button:hover:not(.action-button--active) .action-button-icon svg,.action-button.ambient-sounds-button:hover:not(.action-button--active) svg{stroke:#fff!important;fill:none!important;color:#fff!important}.dark .action-button.ai-button .action-button-icon svg,.dark .action-button.ai-button svg{stroke:#ef4027!important;stroke:var(--primary-red)!important;fill:none!important;color:#ef4027!important;color:var(--primary-red)!important}.dark .action-button.brainstorming-button .action-button-icon svg,.dark .action-button.brainstorming-button svg,.dark .action-button.design-button .action-button-icon svg,.dark .action-button.design-button svg{stroke:currentColor!important;fill:none!important;color:currentColor!important}.dark .action-button.ambient-sounds-button .action-button-icon svg,.dark .action-button.ambient-sounds-button svg{stroke:#10b981!important;stroke:var(--primary-green)!important;fill:none!important;color:#10b981!important;color:var(--primary-green)!important}.dark .action-button.ai-button.action-button--active svg,.dark .action-button.ai-button:hover:not(.action-button--active) svg,.dark .action-button.ambient-sounds-button.action-button--active svg,.dark .action-button.ambient-sounds-button:hover:not(.action-button--active) svg,.dark .action-button.brainstorming-button.action-button--active svg,.dark .action-button.brainstorming-button:hover:not(.action-button--active) svg,.dark .action-button.design-button.action-button--active svg,.dark .action-button.design-button:hover:not(.action-button--active) svg{stroke:#fff!important;fill:none!important;color:#fff!important}.action-button.ai-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;box-shadow:0 0 20px #ef402726!important;color:#ef4027!important;transition:all .3s ease!important}.action-button.ai-button.action-button--active,.action-button.ai-button:hover:not(.action-button--active){background:#ef4027!important;border:1px solid #ef4027!important;box-shadow:0 0 25px #ef402766!important;color:#fff!important}.dark .action-button.ai-button{background:#ef402726!important;border:1px solid #ef402766!important;color:#ef4027!important}.dark .action-button.ai-button.action-button--active,.dark .action-button.ai-button:hover:not(.action-button--active){background:#ef4027!important;border:1px solid #ef4027!important;color:#fff!important}.dynamic-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--bg-glass);border-radius:0 0 20px 20px;height:0;margin-top:-1px;overflow:hidden;position:relative;transition:height .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),background .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s cubic-bezier(.16,1,.3,1);transition:height .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),background .3s cubic-bezier(.16,1,.3,1),backdrop-filter .3s cubic-bezier(.16,1,.3,1);transition:height .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),background .3s cubic-bezier(.16,1,.3,1),backdrop-filter .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s cubic-bezier(.16,1,.3,1);z-index:1000000}.dynamic-toolbar .dynamic-container.section-browser{height:850px!important}.dynamic-toolbar .dynamic-container.section-notes{height:480px!important}.dynamic-toolbar .dynamic-container.section-notes.document-mode{height:850px!important}.dynamic-toolbar .dynamic-container.section-audio{height:400px!important}.dynamic-toolbar .dynamic-container.section-workspace{height:650px!important;width:1200px!important}.dynamic-toolbar .dynamic-container.section-design-system{height:560px!important}.dynamic-toolbar .dynamic-container.section-settings{height:600px!important}.dynamic-toolbar .dynamic-container.section-userProfile{height:620px!important}.dynamic-toolbar .dynamic-container.section-export{height:420px!important}.dynamic-toolbar .dynamic-container.section-upload{height:600px!important}.dynamic-toolbar .dynamic-container.section-ambient{height:500px!important}.dynamic-container.section-ai-search-results{height:620px!important}.dynamic-container.expand-design{height:580px!important}.dynamic-container.expand-brainstorming{height:350px!important}.dynamic-container.expand-ai{height:300px!important}.dynamic-container.expand-upload{height:600px!important}.dynamic-container.expand-workspace{height:650px!important}.dynamic-container.expand-design-system{height:580px!important}.dynamic-container.artboard-mode .container-content,.dynamic-container.expand-brainstorming .container-content{-ms-overflow-style:none;overflow-y:hidden;scrollbar-width:none}.dynamic-container.artboard-mode .container-content::-webkit-scrollbar,.dynamic-container.expand-brainstorming .container-content::-webkit-scrollbar{height:0;width:0}.container-content{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-color:#0003 #0000;scrollbar-width:thin;transition:inherit;will-change:opacity,transform}.container-content::-webkit-scrollbar{width:6px}.container-content::-webkit-scrollbar-track{background:#0000}.container-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.ai-chat-section{display:flex;flex-direction:column;padding:20px;padding:var(--spacing-xl)}.chat-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg)}.chat-header h3{color:#333;color:var(--text-primary);font-size:18px;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.chat-header-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.header-action-btn{align-items:center;background:#f5f5f5;background:var(--bg-light);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;font-weight:500;font-weight:var(--font-weight-medium);height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:32px}.header-action-btn:hover{background:#ef402726;background:var(--primary-red-light);color:#ef4027;color:var(--primary-red)}.chat-messages{flex:1 1;margin-bottom:16px;margin-bottom:var(--spacing-lg);overflow-y:auto;padding-right:8px;padding-right:var(--spacing-sm)}.chat-timestamp{font-size:11px;margin-top:4px;margin-top:var(--spacing-xs);opacity:.6}.typing-indicator{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.chat-input-area{background:none!important;border-bottom:none!important;border-top:none!important;box-shadow:none!important;padding-bottom:0!important;padding-top:0!important}.image-preview{background:#fff;background:var(--bg-white);border-radius:8px;border-radius:var(--radius-md);bottom:100%;box-shadow:0 4px 16px #00000026;left:0;margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:4px;padding:var(--spacing-xs);position:absolute;z-index:10}.image-preview img{border-radius:8px;border-radius:var(--radius-sm);max-height:80px;max-width:80px}.remove-image{align-items:center;background:#ef4027;background:var(--primary-red);border:none;border-radius:50%;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.chat-input-wrapper{align-items:flex-end;align-items:center!important;display:flex;gap:8px;gap:var(--spacing-sm);gap:8px!important;padding:0!important;position:relative}.chat-input,.chat-input-wrapper{background:none!important;border:none!important;box-shadow:none!important;margin:0!important}.chat-input{-ms-overflow-style:none!important;border-radius:8px!important;flex:1 1;font-size:15px!important;max-height:120px;min-height:40px;min-height:40px!important;overflow:hidden!important;padding:12px;padding:var(--spacing-md);padding:10px 12px!important;resize:none!important;scrollbar-width:none!important}.chat-input::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.chat-actions{display:flex;gap:4px;gap:var(--spacing-xs)}.action-btn,.send-btn{align-items:center!important;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;height:32px!important;justify-content:center!important;margin:0!important;padding:0!important;transition:transform .15s;width:32px!important}.action-btn,.action-btn svg,.send-btn,.send-btn svg{color:#ef4027!important;color:var(--primary-red)!important}.action-btn svg,.send-btn svg{display:block;height:20px!important;margin:auto;width:20px!important}.action-btn:hover,.send-btn:hover:not(:disabled){background:none!important;color:#ef4027!important;color:var(--primary-red)!important;transform:scale(1.15)}.floating-action-btn.triangle-send-btn:after,.send-btn.triangle-send-btn:after{border:2px solid;border-bottom:none;border-left:none;content:"";height:8px;margin-bottom:-2px;transform:rotate(-45deg);transition:inherit;width:8px}.floating-action-btn.triangle-send-btn:before,.send-btn.triangle-send-btn:before{background-color:currentColor;content:"";height:12px;margin-top:4px;position:absolute;transition:inherit;width:2px}.quality-slider::-webkit-slider-thumb{appearance:none;background:#ef4027;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.quality-slider::-moz-range-thumb{background:#ef4027;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.export-checkbox{accent-color:#ef4027;cursor:pointer;height:16px;width:16px}.export-format-button{align-items:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;gap:6px!important;justify-content:center!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;transition:all .2s ease!important;white-space:nowrap!important;will-change:transform!important}.export-format-button,.export-format-button:hover{color:#333!important;color:var(--text-primary)!important}.export-format-button:hover{background:#fff3!important;border-color:#fff6!important;box-shadow:0 4px 12px #00000026!important;transform:translateZ(0)!important}.export-format-button.selected{background:#ffffff1a!important;border:2px solid #ef4027cc!important;box-shadow:0 0 12px #ef402766!important}.export-format-button.selected,.export-format-button.selected:hover{color:#ef4027!important;color:var(--primary-red)!important;transform:translateZ(0)!important}.export-format-button.selected:hover{background:#ffffff26!important;border:2px solid #ef4027!important;box-shadow:0 0 16px #ef402799!important}.export-format-button svg{stroke-width:1.5!important;shape-rendering:geometricPrecision!important;vector-effect:non-scaling-stroke!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;filter:none!important;flex-shrink:0!important;height:16px!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;scale:none!important;transform:none!important;width:16px!important;will-change:auto!important}.export-format-button.selected svg,.export-format-button.selected:active,.export-format-button.selected:active svg,.export-format-button.selected:focus,.export-format-button.selected:focus svg,.export-format-button:active,.export-format-button:active svg,.export-format-button:focus,.export-format-button:focus svg{rotate:none!important;scale:none!important;transform:none!important;translate:none!important}.export-format-button.selected svg{shape-rendering:geometricPrecision!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;vector-effect:non-scaling-stroke!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;height:16px!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;width:16px!important}.dark .export-format-button{background:#ffffff0d!important;border:1px solid #ffffff1a!important;color:#333!important;color:var(--text-primary)!important}.dark .export-format-button:hover{background:#ffffff1a!important;border-color:#fff3!important;color:#333!important;color:var(--text-primary)!important}.dark .export-format-button.selected{background:#ffffff0d!important;border:2px solid #ef4027cc!important;color:#ef4027!important;color:var(--primary-red)!important}.dark .export-format-button.selected:hover{background:#ffffff1a!important;border:2px solid #ef4027!important;color:#ef4027!important;color:var(--primary-red)!important}.image-upload-section{background:#fff;background:var(--bg-white);border-radius:0 0 20px 20px;height:100%;padding:20px;padding:var(--spacing-xl)}.dynamic-toolbar.dark .image-upload-section{background:#232323}.drop-zone{align-items:center;border:2px dashed #999;border:2px dashed var(--text-light);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md);justify-content:center;min-height:200px;padding:24px;padding:var(--spacing-xxl);text-align:center;transition:all .2s ease;transition:all var(--transition-fast)}.drop-zone.drag-over,.drop-zone:hover{background:#ef402726;background:var(--primary-red-light);border-color:#ef4027;border-color:var(--primary-red)}.drop-icon{color:#999;color:var(--text-light);height:48px;width:48px}.drop-zone.drag-over .drop-icon,.drop-zone:hover .drop-icon{color:#ef4027;color:var(--primary-red)}.drop-text{color:#666;color:var(--text-secondary);font-size:16px;font-weight:500;font-weight:var(--font-weight-medium)}.drop-hint{color:#999;color:var(--text-light);font-size:14px}.image-preview-grid{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:16px;margin-top:var(--spacing-lg)}.image-preview-item{aspect-ratio:1;background:#0000!important;border-radius:8px;border-radius:var(--radius-md);overflow:hidden;position:relative}.preview-image{border-radius:0!important;display:block!important;min-height:100%!important;min-width:100%!important;object-fit:cover!important}.preview-content,.preview-image{height:100%!important;width:100%!important}.preview-content{align-items:center!important;display:flex!important;justify-content:center!important;overflow:hidden!important}.preview-content .preview-image{flex-shrink:0!important;height:100%!important;object-fit:cover!important;width:100%!important}.remove-image-btn{align-items:center;background:#ef4027;background:var(--primary-red);border:none;border-radius:50%;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;transition:all var(--transition-fast);width:20px}.remove-image-btn:hover{background:#d63a24;background:var(--primary-red-hover)}.image-name{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;font-size:11px;left:0;overflow:hidden;padding:4px;padding:var(--spacing-xs);position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.upload-actions{display:flex;gap:12px;gap:var(--spacing-md);justify-content:center;margin-top:16px;margin-top:var(--spacing-lg)}.upload-confirm-btn{background:#ef4027;background:var(--primary-red);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-white);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium);padding:12px 20px;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease;transition:all var(--transition-fast)}.upload-confirm-btn:hover:not(:disabled){background:#d63a24;background:var(--primary-red-hover);transform:translateY(-1px)}.upload-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.audio-section,.upload-section{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;padding:var(--spacing-lg)}.upload-nested-container{background:#0000;border-radius:0;max-height:calc(100vh - 200px);overflow:hidden;padding:12px 0;padding:var(--spacing-md) 0;width:100%}.upload-area{align-items:center;border:2px dashed #0003;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg);justify-content:center;min-height:200px;padding:24px;padding:var(--spacing-xxl);text-align:center;transition:all .2s ease;transition:all var(--transition-fast)}.upload-area.drag-over,.upload-area:hover{background:#ef402726;background:var(--primary-red-light);border-color:#ef4027;border-color:var(--primary-red)}.upload-icon{color:#999;color:var(--text-light);height:48px;margin-bottom:12px;margin-bottom:var(--spacing-md);width:48px}.upload-area.drag-over .upload-icon,.upload-area:hover .upload-icon{color:#ef4027;color:var(--primary-red)}.upload-text{color:#666;color:var(--text-secondary);font-size:16px;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.upload-hint{color:#999;color:var(--text-light);font-size:14px}.audio-actions{display:flex;gap:12px;gap:var(--spacing-md);justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.recording-indicator{align-items:center;color:#ef4027;color:var(--primary-red);display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--spacing-sm);justify-content:center;margin:16px 0;margin:var(--spacing-lg) 0}.recording-dot{animation:pulse 1s infinite;background:#ef4027;background:var(--primary-red);height:8px;width:8px}.audio-preview{align-items:center;background:#f5f5f5;background:var(--bg-light);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;gap:var(--spacing-md);margin-top:16px;margin-top:var(--spacing-lg);padding:12px;padding:var(--spacing-md);position:relative}.remove-audio{align-items:center;border:none;border-radius:50%;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.remove-audio,.upload-btn{background:#ef4027;background:var(--primary-red);color:#fff;color:var(--text-white);cursor:pointer}.upload-btn{border:none;border-radius:8px;border-radius:var(--radius-md);font-weight:500;font-weight:var(--font-weight-medium);padding:12px 20px;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease;transition:all var(--transition-fast)}.upload-btn:hover{background:#d63a24;background:var(--primary-red-hover);transform:translateY(-1px)}.browser-section{display:flex;flex-direction:column;padding:20px;padding:var(--spacing-xl)}.browser-header{align-items:center;background:#f5f5f5;background:var(--bg-light);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;gap:var(--spacing-md);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.browser-refresh{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:32px}.browser-refresh:hover{background:#ef402726;background:var(--primary-red-light)}.browser-url-bar{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #0000001a;border-radius:8px;border-radius:var(--radius-sm);display:flex;flex:1 1;gap:8px;gap:var(--spacing-sm);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.browser-url-bar svg{color:#999;color:var(--text-light);flex-shrink:0;height:16px;width:16px}.url-input{background:#0000;border:none;color:#333;color:var(--text-primary);flex:1 1;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family);font-size:14px}.url-input:focus{outline:none}.browser-content{background:#fff;background:var(--bg-white);border:1px solid #0000001a;border-radius:8px;border-radius:var(--radius-md);flex:1 1;margin-bottom:16px;margin-bottom:var(--spacing-lg);overflow:hidden}.browser-iframe{border:none;height:100%;width:100%}.section-footer{border-top:1px solid #0000001a;display:flex;justify-content:center;margin-top:16px;margin-top:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-lg)}.close-button{background:#f5f5f5;background:var(--bg-light);border-radius:var(--radius-md);color:#666;font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.close-button:hover{background:#ef402726;background:var(--primary-red-light);color:#ef4027;color:var(--primary-red)}.workspace-section{display:flex;flex-direction:column;height:100%;padding:20px;padding:var(--spacing-xl)}.workspace-header{align-items:center;background:#f5f5f5;background:var(--bg-light);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;gap:var(--spacing-md);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.workspace-content{flex:1 1;min-height:0;overflow-y:auto}.workspace-grid{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.workspace-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#f5f5f5;background:var(--bg-light);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;padding:16px;padding:var(--spacing-lg);position:relative;transition:all .2s ease}.workspace-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.workspace-actions{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.export-section,.settings-section{display:flex;flex-direction:column;height:100%;padding:20px;padding:var(--spacing-xl)}.browser-section{background:#fff;background:var(--bg-white);border-radius:0 0 20px 20px;height:100%}.dynamic-toolbar.dark .browser-section{background:#232323}.ai-chat-section{background:#fff;background:var(--bg-white);border-radius:0 0 20px 20px;height:100%}.dynamic-toolbar.dark .ai-chat-section{background:#232323}.settings-header{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.settings-header h3{color:#333;color:var(--text-primary);font-size:18px;font-weight:700;font-weight:var(--font-weight-bold)}.settings-grid{display:flex;flex:1 1;flex-direction:column;gap:12px;gap:var(--spacing-md)}.setting-item{align-items:center;background:#f5f5f5;background:var(--bg-light);border-radius:8px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:12px;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.setting-item:hover{background:#ef402726;background:var(--primary-red-light)}.setting-info{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--spacing-md)}.setting-info svg{color:#666;color:var(--text-secondary);flex-shrink:0;height:20px;width:20px}.setting-info div{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.setting-label{color:#333;color:var(--text-primary);font-size:14px;font-weight:500;font-weight:var(--font-weight-medium);margin:0}.setting-info p{color:#666;color:var(--text-secondary);font-size:12px;margin:0}.setting-select{background:#fff;background:var(--bg-white);border:1px solid #0003;border-radius:8px;border-radius:var(--radius-sm);color:#333;color:var(--text-primary);font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family);font-size:14px;min-width:100px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.setting-select:focus{border-color:#ef4027;border-color:var(--primary-red);outline:none}.toggle-switch{background:#0003;border:none;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:44px}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#0003;border-radius:12px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:.2s ease;transition:var(--transition-fast)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#ef4027;background-color:var(--primary-red)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.hidden-file-input{display:none}@media (max-width:768px){.dynamic-toolbar{bottom:10px;width:calc(100% - 20px)}.top-bar{gap:8px;gap:var(--spacing-sm);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.action-button,.theme-switcher{height:40px;width:40px}.search-input{font-size:13px;padding:8px 12px 8px 36px;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 36px}}@media (max-width:480px){.ai-chat-section,.browser-section,.settings-section,.upload-section{padding:12px;padding:var(--spacing-md)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.notes-section{background:#fff;background:var(--bg-white);border-radius:0 0 20px 20px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:24px 32px!important}.notes-title{color:#333;color:var(--text-primary);font-size:18px;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.document-mode-toggle{align-items:center;background:#f5f5f5;background:var(--bg-light);border:none;border-radius:8px;border-radius:var(--radius-md);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;gap:var(--spacing-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-fast)}.document-mode-toggle:hover{background:#ef402726;background:var(--primary-red-light);color:#ef4027;color:var(--primary-red)}.document-mode-toggle.active{background:#ef4027;background:var(--primary-red);color:#fff;color:var(--text-white)}.notes-content{display:flex;flex:1 1;flex-direction:column;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.formatting-toolbar{align-items:center;background:#f5f5f5;background:var(--bg-light);border-bottom:1px solid #0000001a;border-radius:8px 8px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs);padding:8px;padding:var(--spacing-sm)}.format-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;font-weight:var(--font-weight-medium);height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:32px}.format-btn:hover{background:#ef402726;background:var(--primary-red-light);color:#ef4027;color:var(--primary-red)}.format-btn.active{background:#ef4027;background:var(--primary-red);color:#fff;color:var(--text-white)}.toolbar-divider{background:#0003;height:20px;margin:0 4px;margin:0 var(--spacing-xs);width:1px}.rich-text-editor{background:#fff;background:var(--bg-white);border:none;border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-md) var(--radius-md);color:#333;color:var(--text-primary);flex:1 1;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family);font-size:14px;line-height:1.5;min-height:200px;overflow-y:auto;padding:12px;padding:var(--spacing-md);resize:none}.toolbar-shortcuts-divider{margin:0 4px;margin:0 var(--spacing-xs)}.action-button.toolbar-agent-shortcut-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;box-shadow:0 0 20px #ef402726!important;color:#ef4027cc!important}.action-button.toolbar-agent-shortcut-button.action-button--active,.action-button.toolbar-agent-shortcut-button:hover:not(:disabled){background:#ef4027!important;border-color:#ef4027!important;box-shadow:0 4px 12px #ef402742!important;color:#fff!important}.action-button.toolbar-agent-shortcut-button svg{stroke:#ef4027cc!important;fill:none!important;color:#ef4027cc!important}.action-button.toolbar-agent-shortcut-button.action-button--active svg,.action-button.toolbar-agent-shortcut-button:hover svg{stroke:#fff!important;color:#fff!important}.dynamic-toolbar.dark .action-button.toolbar-agent-shortcut-button{background:#ef40271f!important;border-color:#ef402761!important;color:#ef4027eb!important}.dynamic-toolbar.dark .action-button.toolbar-agent-shortcut-button.action-button--active,.dynamic-toolbar.dark .action-button.toolbar-agent-shortcut-button:hover:not(:disabled){background:#ef4027!important;border-color:#ef4027!important;box-shadow:0 4px 12px #ef40274d!important;color:#fff!important}.dynamic-toolbar.dark .action-button.toolbar-agent-shortcut-button svg{stroke:#ef4027cc!important;color:#ef4027cc!important}.dynamic-toolbar.dark .action-button.toolbar-agent-shortcut-button.action-button--active svg,.dynamic-toolbar.dark .action-button.toolbar-agent-shortcut-button:hover svg{stroke:#fff!important;color:#fff!important}.action-button.toolbar-agent-entry-button .action-button-icon{align-items:center;display:flex;height:100%;inset:0;justify-content:center;overflow:visible;position:absolute;width:100%}.action-button.image-slot-tool .action-button-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.design-image-slot-icon-wrap{display:block;height:21px;position:relative;width:21px}.design-image-slot-icon{background-color:currentColor;display:block;height:100%;inset:0;-webkit-mask-image:var(--design-image-slot-icon-url);mask-image:var(--design-image-slot-icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;transition:opacity .18s ease;width:100%}.design-image-slot-icon--default{opacity:1}.design-image-slot-icon--hover{background-color:#fff;opacity:0}.action-button.image-slot-tool.action-button--active .design-image-slot-icon--default,.action-button.image-slot-tool:hover .design-image-slot-icon--default{opacity:0}.action-button.image-slot-tool.action-button--active .design-image-slot-icon--hover,.action-button.image-slot-tool:hover .design-image-slot-icon--hover{opacity:1}.toolbar-agent-entry-icon{display:block;height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:26px}.toolbar-agent-entry-icon-img{height:100%;inset:0;object-fit:contain;position:absolute;transition:opacity .18s ease;width:100%}.toolbar-agent-entry-icon-img--default{opacity:1}.toolbar-agent-entry-icon-img--hover{opacity:0}.action-button.toolbar-agent-entry-button{background:#ef40271a!important;border-color:#ef40274d!important;box-shadow:0 0 20px #ef402726!important;color:#ef4027cc!important}.action-button.toolbar-agent-entry-button.action-button--active,.action-button.toolbar-agent-entry-button:hover:not(:disabled){background:#ef4027!important;border-color:#ef4027!important;box-shadow:0 4px 12px #ef402742!important;color:#fff!important}.action-button.toolbar-agent-entry-button.action-button--active .toolbar-agent-entry-icon-img--default,.action-button.toolbar-agent-entry-button:hover .toolbar-agent-entry-icon-img--default{opacity:0}.action-button.toolbar-agent-entry-button.action-button--active .toolbar-agent-entry-icon-img--hover,.action-button.toolbar-agent-entry-button:hover .toolbar-agent-entry-icon-img--hover{opacity:1}.dynamic-toolbar.dark .action-button.toolbar-agent-entry-button{background:#ef40271f!important;border-color:#ef402761!important;box-shadow:0 0 20px #ef40272e!important;color:#ef4027eb!important}.dynamic-toolbar.dark .action-button.toolbar-agent-entry-button.action-button--active,.dynamic-toolbar.dark .action-button.toolbar-agent-entry-button:hover:not(:disabled){background:#ef4027!important;border-color:#ef4027!important;box-shadow:0 4px 12px #ef40274d!important;color:#fff!important}.rich-text-editor:focus{outline:none}.rich-text-editor[contenteditable=true]{border:1px solid #0000001a}.rich-text-editor h1{font-size:24px;font-weight:700;font-weight:var(--font-weight-bold);margin:16px 0 12px;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.rich-text-editor h2{font-size:20px;font-weight:600;font-weight:var(--font-weight-semibold);margin:12px 0 8px;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.rich-text-editor ul{margin:12px 0;margin:var(--spacing-md) 0;padding-left:20px;padding-left:var(--spacing-xl)}.rich-text-editor li{margin:4px 0;margin:var(--spacing-xs) 0}.rich-text-editor hr{border:none;border-top:1px solid #0003;margin:16px 0;margin:var(--spacing-lg) 0}.notes-section.document-mode .rich-text-editor{background:#fafafa;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;margin:12px auto;margin:var(--spacing-md) auto;max-width:680px;min-height:300px;padding:24px;padding:var(--spacing-xxl)}.notes-section.document-mode .formatting-toolbar{border-radius:8px 8px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;margin:0 auto;max-width:680px}.notes-section button[style*="background: var(--bg-light)"]:hover{background:#ef402726!important;background:var(--primary-red-light)!important;color:#ef4027!important;color:var(--primary-red)!important}.notes-section div[contenteditable][data-placeholder]:empty:before{color:#999;color:var(--text-light);content:attr(data-placeholder);font-style:italic;pointer-events:none}.notes-section .notes-content{background:none!important;border:none!important;box-shadow:none!important}.rich-text-editor[data-placeholder]:empty:before{color:#999;color:var(--text-light);content:attr(data-placeholder);font-style:italic;pointer-events:none}.document-mode-btn{align-items:center;background:#f5f5f5;background:var(--bg-light);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:36px}.document-mode-btn:hover{background:#ef402726;background:var(--primary-red-light);color:#ef4027;color:var(--primary-red)}.notes-section.document-mode .document-mode-btn{background:#ef4027;background:var(--primary-red);color:#fff;color:var(--text-white)}.browser-controls{gap:4px;gap:var(--spacing-xs)}.browser-btn,.browser-controls{align-items:center;display:flex}.browser-btn{background:#f5f5f5;background:var(--bg-light);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:32px}.browser-btn:hover{background:#ef402726;background:var(--primary-red-light);color:#ef4027;color:var(--primary-red)}.browser-btn.active{background:#ef4027;background:var(--primary-red);color:#fff;color:var(--text-white)}.iframe-container{height:100%;position:relative;width:100%}.extract-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.extract-instructions{background:#fff;background:var(--bg-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d;padding:20px;padding:var(--spacing-xl);text-align:center}.extract-instructions p{color:#333;color:var(--text-primary);font-size:14px;margin:0 0 16px;margin:0 0 var(--spacing-lg) 0}.cancel-extract-btn,.extract-btn{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;font-weight:var(--font-weight-medium);margin:0 4px;margin:0 var(--spacing-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.extract-btn{background:#ef4027;background:var(--primary-red);color:#fff;color:var(--text-white)}.extract-btn:hover{background:var(--primary-red-dark)}.cancel-extract-btn{background:#f5f5f5;background:var(--bg-light);color:#666;color:var(--text-secondary)}.cancel-extract-btn:hover{background:#999;background:var(--text-light)}.extracted-content{background:#f5f5f5;background:var(--bg-light);border-top:1px solid #0000001a;color:#666;color:var(--text-secondary);font-size:12px;padding:12px;padding:var(--spacing-md)}.notes-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-lg);padding-bottom:12px;padding-bottom:var(--spacing-md)}.notes-header-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.save-button{background:#ef4027;background:var(--primary-red);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-white);cursor:pointer;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.save-button:hover:not(:disabled){background:#d63a24;background:var(--primary-red-hover);transform:translateY(-1px)}.save-button.saved,.save-button:disabled{background:#f5f5f5;background:var(--bg-light);color:#666;color:var(--text-secondary);cursor:not-allowed}.artboard-selector-grid{padding:20px;width:100%}.artboard-categories{display:flex;flex-direction:column;gap:24px}.artboard-category h5{color:#999;color:var(--text-light);font-family:HK Grotesk Wide,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.artboard-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.artboard-option{align-items:center;background:var(--bg-elevated);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.artboard-option:hover{background:var(--bg-elevated-hover);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.artboard-option.selected,.artboard-option:hover{border-color:#ef4027;border-color:var(--primary-red)}.artboard-option.selected{background:#ef402726;background:var(--primary-red-light);box-shadow:0 4px 16px #ef40274d;box-shadow:0 4px 16px var(--primary-red-glow)}.artboard-preview{background:#333;background:var(--text-primary);height:36px;width:48px}.artboard-preview.landscape{height:36px}.artboard-preview.portrait{height:48px;width:36px}.artboard-preview:after{background:#fff;background:var(--bg-primary);border-radius:2px;content:"";height:60%;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.artboard-option:hover .artboard-preview{background:#ef4027;background:var(--primary-red)}.artboard-option:hover .artboard-preview:after{background:#fff;opacity:.9}.artboard-option span{color:#333;color:var(--text-primary);font-family:HK Grotesk Wide,sans-serif;font-size:12px;font-weight:500;line-height:1.3;text-align:center}.artboard-option.selected span,.artboard-option:hover span{color:#ef4027;color:var(--primary-red);font-weight:600}.dark .artboard-preview{background:#ffffffe6}.dark .artboard-option:hover .artboard-preview:after,.dark .artboard-preview:after{background:var(--bg-primary-dark)}.design-action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.design-action-button.primary-button{background:#ef4027;background:var(--primary-red);border:1px solid #ef4027;border:1px solid var(--primary-red);color:#fff}.design-action-button.primary-button:hover:not(:disabled){background:var(--primary-red-dark);border-color:var(--primary-red-dark);box-shadow:0 2px 8px #ef40274d}.design-action-button.primary-button.disabled,.design-action-button.primary-button:disabled{background:var(--bg-elevated);border-color:var(--border-primary);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.design-action-button.cancel-button{background:var(--bg-elevated);border:1px solid var(--border-primary);color:#666;color:var(--text-secondary)}.design-action-button.cancel-button:hover{background:var(--bg-elevated-hover);border-color:#666;border-color:var(--text-secondary)}.dark .design-action-button.primary-button.disabled,.dark .design-action-button.primary-button:disabled{background:var(--bg-elevated-dark);border-color:var(--border-primary-dark);color:var(--text-disabled-dark)}.artboard-action-btn{align-items:center;background:#f5f5f5;background:var(--bg-light);border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--spacing-xs);justify-content:center;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.artboard-action-btn:hover{background:#ef402726;background:var(--primary-red-light);border-color:#ef4027;border-color:var(--primary-red);box-shadow:0 4px 12px #ef402733;color:#ef4027;color:var(--primary-red);transform:translateY(-1px)}.artboard-action-btn svg{height:16px;width:16px}.dark .artboard-action-btn{background:#ffffff14;border-color:#ffffff1f;color:#fffc}.dark .artboard-action-btn:hover{background:#ef402726;border-color:#ef4027;border-color:var(--primary-red);color:#ef4027;color:var(--primary-red)}.artboard-action-btn.add-to-canvas{background:#ef4027;background:var(--primary-red);border-color:#ef4027;border-color:var(--primary-red);color:#fff}.artboard-action-btn.add-to-canvas:hover{background:#fff;border-color:#ef4027;border-color:var(--primary-red);color:#ef4027;color:var(--primary-red)}.dark .artboard-action-btn.add-to-canvas{background:#ef4027;background:var(--primary-red);border-color:#fff3;color:#fff}.dark .artboard-action-btn.add-to-canvas:hover{background:#ffffff1f;border-color:#ef4027;border-color:var(--primary-red);color:#fff}.chat-interface-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;box-shadow:0 0 20px #ef402726!important;height:40px;transition:all .2s ease!important;width:40px}.chat-interface-button,.chat-interface-button:hover{color:#ef4027!important;color:var(--primary-red)!important}.chat-interface-button:hover{background:#ef402733!important;border-color:#ef402780!important;box-shadow:0 0 30px #ef40274d!important;transform:translateY(-1px)!important}.chat-interface-button[style*="background-color: rgb(239, 64, 39)"]{background:#ef4027!important;background:var(--primary-red)!important;border:1px solid #ef4027!important;border:1px solid var(--primary-red)!important;box-shadow:0 0 25px #ef402766!important;color:#fff!important;color:var(--text-white)!important}.chat-interface-button[style*="background-color: rgb(239, 64, 39)"]:hover{background:#d63a24!important;background:var(--primary-red-hover)!important;color:#fff!important;color:var(--text-white)!important}.dark .chat-interface-button[style*="background-color: rgb(239, 64, 39)"]{background:#ef4027!important;background:var(--primary-red)!important;border:1px solid #ef4027!important;border:1px solid var(--primary-red)!important;color:#fff!important}.dark .chat-interface-button[style*="background-color: rgb(239, 64, 39)"]:hover{background:#d63a24!important;background:var(--primary-red-hover)!important;color:#fff!important}.chat-interface-button svg{stroke-width:1.5!important;height:18px!important;width:18px!important}.inspiration-search-container{align-items:center;background:#0000!important;border:none!important;border-radius:0!important;display:flex;height:40px!important;margin-right:8px!important;min-width:280px!important;padding:0 8px!important;transition:none!important}.inspiration-search-container:focus-within,.inspiration-search-container:hover{background:#0000!important}.inspiration-search-container input,.inspiration-search-input{background:#0000!important;border:none!important;box-shadow:none!important;caret-color:#ef4027!important;caret-color:var(--primary-red)!important;color:#333!important;color:var(--text-primary)!important;flex:1 1!important;font-family:inherit!important;font-size:14px!important;outline:none!important;padding:0!important}.inspiration-search-container input::placeholder,.inspiration-search-input::placeholder{color:#666!important;color:var(--text-secondary)!important}.App.dark .inspiration-search-container,.App.dark .inspiration-search-container:focus-within,.App.dark .inspiration-search-container:hover{background:#0000!important}.App.dark .inspiration-search-container input,.App.dark .inspiration-search-input{background:#0000!important;border:none!important;box-shadow:none!important;color:#fff!important;color:var(--text-white)!important;outline:none!important}.section-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:auto;padding:16px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:12px 24px;transition:all .2s ease}.action-btn.secondary{background:#f5f5f5;background:var(--bg-light);border:1px solid #0000001a;color:#666;color:var(--text-secondary)}.action-btn.secondary:hover{background:#0000000d;color:#333;color:var(--text-primary)}.action-btn.primary{background:#ef4027;background:var(--primary-red);box-shadow:0 2px 8px #ef40274d;color:#fff}.action-btn.primary:hover{background:#d63a24;background:var(--primary-red-hover);box-shadow:0 4px 12px #ef402766;transform:translateY(-1px)}.action-btn.disabled,.action-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.theme-icon--sun path,.theme-icon--sun svg path,.theme-switcher .theme-icon--sun path{fill:#fec30b!important;stroke:#fec30b!important;color:#fec30b!important}.theme-icon--moon path,.theme-icon--moon svg path,.theme-switcher .theme-icon--moon path{fill:#151e30!important;stroke:#151e30!important;color:#151e30!important}.theme-icon--sun svg,.theme-switcher .theme-icon--sun svg{fill:#fec30b!important;stroke:#fec30b!important;color:#fec30b!important}.theme-icon--moon svg,.theme-switcher .theme-icon--moon svg{fill:#151e30!important;stroke:#151e30!important;color:#151e30!important}.view-toggle-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef402733!important;box-shadow:0 2px 8px #ef402726!important;color:#ef4027!important;color:var(--primary-red)!important}.view-toggle-button:hover{background:#ef402726!important;border:1px solid #ef40274d!important;box-shadow:0 4px 12px #ef402740!important}.dynamic-toolbar.dark .view-toggle-button{background:#ef402726!important;border:1px solid #ef40274d!important;box-shadow:0 2px 8px #0003!important;color:#fff!important}.dynamic-toolbar.dark .view-toggle-button:hover{background:#ef402733!important;border:1px solid #ef402766!important;box-shadow:0 4px 12px #0000004d,0 0 16px #ef402733!important}.view-mode-slider{align-items:center;background:#f5f5f5!important;background:var(--bg-light)!important;border:1px solid #ef40274d;border-radius:12px;box-shadow:0 0 20px #ef402726;cursor:pointer;display:flex;height:42px;justify-content:center;margin:0 4px 0 0;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:84px}.view-mode-slider .slider-track{align-items:center;border-radius:12px;display:flex;height:100%;position:relative;width:100%}.view-mode-slider .slider-side{align-items:center;color:#666;color:var(--text-secondary);display:flex;height:100%;justify-content:center;position:absolute;width:50%;z-index:1}.view-mode-slider .brainstorming-side{left:0}.view-mode-slider .inspiration-side{right:0}.view-mode-slider .slider-button{align-items:center;background:#ef4027;border:1px solid #ef4027;border-radius:8px;box-shadow:0 2px 8px 0 #ef402740;color:#fff;display:flex;height:38px;justify-content:center;left:2px;position:absolute;top:2px;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .3s ease!important;width:38px;z-index:2}.view-mode-slider .slider-button svg{transition:transform .2s ease,filter .2s ease}.view-mode-slider .slider-button.brainstorming-active{left:2px!important;transform:translateX(0)!important}.view-mode-slider .slider-button.inspiration-active{left:2px!important;transform:translateX(42px)!important}.view-mode-slider .brainstorming-active~.brainstorming-side,.view-mode-slider .inspiration-active~.inspiration-side{opacity:0}.view-mode-slider .brainstorming-active~.inspiration-side,.view-mode-slider .inspiration-active~.brainstorming-side{color:#666;color:var(--text-secondary);opacity:1}.view-mode-slider:hover{box-shadow:0 4px 12px #00000014}.view-mode-slider:hover .slider-button{box-shadow:0 4px 16px #ef402766,0 0 20px #ef40274d}.view-mode-slider:hover .slider-button svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.8));transform:scale(1.1)}.dynamic-toolbar.dark .view-mode-slider .slider-side{color:#fff9;color:var(--dark-text-secondary,#fff9)}.dynamic-toolbar.dark .view-mode-slider .slider-side:hover{color:#ffffffe6;color:var(--dark-text-primary,#ffffffe6)}.dynamic-toolbar.dark .view-mode-slider .slider-button.brainstorming-active~.brainstorming-side,.dynamic-toolbar.dark .view-mode-slider .slider-button.inspiration-active~.inspiration-side{opacity:0}.dynamic-toolbar.dark .view-mode-slider .slider-button.brainstorming-active~.inspiration-side,.dynamic-toolbar.dark .view-mode-slider .slider-button.inspiration-active~.brainstorming-side{color:#fff9;color:var(--dark-text-secondary,#fff9);opacity:1}.brainstorming-tool.active{background:#ef4444!important;border:1px solid #ef4444!important;color:#fff!important}.brainstorming-tool.active:hover{background:#dc2626!important;color:#fff!important}.agentic-designer-button{background:#f5f5f5!important;background:var(--bg-light)!important;color:#ef4027!important;color:var(--primary-red)!important;height:40px;width:40px}.agentic-designer-button:hover{background:#ef4027!important;background:var(--primary-red)!important;color:#fff!important;color:var(--text-white)!important}.action-button.agentic-designer-button .action-button-icon svg,.action-button.agentic-designer-button svg,.action-button.agentic-designer-button>svg{stroke:#ef4027!important;stroke:var(--primary-red)!important;color:#ef4027!important;color:var(--primary-red)!important}.action-button.agentic-designer-button.action-button--active .action-button-icon svg,.action-button.agentic-designer-button.action-button--active svg,.action-button.agentic-designer-button:hover:not(.action-button--active) .action-button-icon svg,.action-button.agentic-designer-button:hover:not(.action-button--active) svg{stroke:#fff!important;stroke:var(--text-white)!important;color:#fff!important;color:var(--text-white)!important}.dark .action-button.agentic-designer-button .action-button-icon svg,.dark .action-button.agentic-designer-button svg{stroke:#ef4027!important;stroke:var(--primary-red)!important;color:#ef4027!important;color:var(--primary-red)!important}.dark .action-button.agentic-designer-button.action-button--active .action-button-icon svg,.dark .action-button.agentic-designer-button.action-button--active svg,.dark .action-button.agentic-designer-button:hover:not(.action-button--active) .action-button-icon svg,.dark .action-button.agentic-designer-button:hover:not(.action-button--active) svg{stroke:#fff!important;stroke:var(--text-white)!important;color:#fff!important;color:var(--text-white)!important}.magic-ai-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;box-shadow:0 0 20px #ef402726!important;height:40px;transition:all .2s ease!important;width:40px}.magic-ai-button,.magic-ai-button:hover{color:#ef4027!important;color:var(--primary-red)!important}.magic-ai-button:hover{background:#ef402733!important;border-color:#ef402780!important;box-shadow:0 0 30px #ef40274d!important;transform:translateY(-1px)!important}.action-button.magic-ai-button .action-button-icon svg,.action-button.magic-ai-button svg,.action-button.magic-ai-button>svg{stroke-width:1.5!important;stroke:#ef4027!important;stroke:var(--primary-red)!important;color:#ef4027!important;color:var(--primary-red)!important;height:18px!important;width:18px!important}.action-button.magic-ai-button:hover:not(.action-button--active) .action-button-icon svg,.action-button.magic-ai-button:hover:not(.action-button--active) svg{stroke:#ef4027!important;stroke:var(--primary-red)!important;color:#ef4027!important;color:var(--primary-red)!important}.generation-modes.expanded{display:flex;gap:8px;justify-content:flex-start;width:100%}.mode-button{align-items:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;color:#fff!important;contain:layout style!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:500!important;gap:6px!important;justify-content:center!important;min-width:100px!important;padding:8px 12px!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;transition:all .2s ease!important;white-space:nowrap!important;will-change:transform!important}.mode-button:hover{background:#fff3!important;border-color:#fff6!important;box-shadow:0 4px 12px #00000026!important;transform:translateZ(0)!important}.mode-button.selected{background:#ffffff1a!important;border:2px solid #ef4027cc!important;box-shadow:0 0 12px #ef402766!important;color:#fff!important;font-size:12px!important;min-width:100px!important;padding:8px 12px!important;transform:translateZ(0)!important}.mode-button.selected:hover{background:#ffffff26!important;border:2px solid #ef4027!important;box-shadow:0 0 16px #ef402799!important;transform:translateZ(0)!important}.mode-button svg{stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;filter:none!important;flex-shrink:0!important;height:16px!important;scale:none!important;transform:none!important;width:16px!important;will-change:auto!important}.mode-button.selected:active,.mode-button.selected:focus,.mode-button:active,.mode-button:focus{outline:none!important;transform:translateZ(0)!important}.mode-button.selected svg,.mode-button.selected:active svg,.mode-button.selected:focus svg,.mode-button:active svg,.mode-button:focus svg{filter:none!important;scale:none!important;transform:none!important}.mode-button.selected svg{stroke-width:1.5!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;flex-shrink:0!important;font-size:inherit!important;height:16px!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;line-height:inherit!important;opacity:1!important;visibility:visible!important;width:16px!important;will-change:auto!important}.mode-label{font-family:inherit!important;line-height:1!important}.mode-button.disabled{background:#ffffff0d!important;border:1px solid #ffffff1a!important;cursor:not-allowed!important;opacity:.5!important;pointer-events:auto!important}.mode-button.disabled:hover{background:#ffffff14!important;border:1px solid #ffffff26!important;box-shadow:none!important;transform:none!important}.mode-button.disabled svg{stroke:#fff6!important;opacity:.5!important}.mode-button.disabled .mode-label{color:#fff6!important;opacity:.5!important}.action-button.magic-ai-button.action-button--active{background:#ef4027!important;background:var(--primary-red)!important;border:1px solid #ef4027!important;border:1px solid var(--primary-red)!important;box-shadow:0 0 25px #ef402766!important;color:#fff!important;color:var(--text-white)!important}.action-button.magic-ai-button.action-button--active:hover{background:#d63a24!important;background:var(--primary-red-hover)!important;box-shadow:0 2px 30px #ef402780!important;color:#fff!important;color:var(--text-white)!important;transform:translateY(-1px)!important}.action-button.magic-ai-button.action-button--active .action-button-icon svg,.action-button.magic-ai-button.action-button--active svg{stroke:#fff!important;stroke:var(--text-white)!important;color:#fff!important;color:var(--text-white)!important}.dark .action-button.magic-ai-button{background:#ef402726!important;border:1px solid #ef402766!important;color:#ff6b5a!important}.dark .action-button.magic-ai-button:hover{background:#ef402740!important;border-color:#ef402799!important;box-shadow:0 0 30px #ef402766!important}.dark .action-button.magic-ai-button .action-button-icon svg,.dark .action-button.magic-ai-button svg,.dark .action-button.magic-ai-button:hover:not(.action-button--active) .action-button-icon svg,.dark .action-button.magic-ai-button:hover:not(.action-button--active) svg{stroke:#ff6b5a!important;color:#ff6b5a!important}.dark .action-button.magic-ai-button.action-button--active{background:#ef4027!important;background:var(--primary-red)!important;border:1px solid #ef4027!important;border:1px solid var(--primary-red)!important;color:#fff!important}.dark .action-button.magic-ai-button.action-button--active .action-button-icon svg,.dark .action-button.magic-ai-button.action-button--active svg{stroke:#fff!important;color:#fff!important}.analyze-image-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:8px!important;box-shadow:0 0 20px #ef402726!important;height:40px;overflow:hidden;position:relative;transition:all .2s ease!important;width:40px}.analyze-image-button,.analyze-image-button:hover{color:#ef4027!important;color:var(--primary-red)!important}.analyze-image-button:hover{background:#ef402733!important;border-color:#ef402780!important;box-shadow:0 0 30px #ef40274d!important}.analyze-image-button.action-button--active,.analyze-image-button.analyzing{background:#ef4027!important;background:var(--primary-red)!important;border:1px solid #ef4027!important;border:1px solid var(--primary-red)!important;box-shadow:0 0 25px #ef402766!important;color:#fff!important;color:var(--text-white)!important}.analyze-image-button.action-button--active:hover,.analyze-image-button.analyzing:hover{background:#d63a24!important;background:var(--primary-red-hover)!important;box-shadow:0 2px 30px #ef402780!important;color:#fff!important;color:var(--text-white)!important}.analyze-image-button svg{stroke-width:1.5!important;height:18px!important;transition:all .2s ease!important;width:18px!important}.analyze-image-button.action-button--active svg,.analyze-image-button.analyzing svg{stroke:#fff!important;color:#fff!important}.image-generation-button,.magic-ai-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:8px!important;box-shadow:0 0 20px #ef402726!important;color:#ef4027!important;color:var(--primary-red)!important;height:40px;transition:all .2s ease!important;width:40px}.image-generation-button:hover,.magic-ai-button:hover{background:#ef402733!important;border-color:#ef402780!important;box-shadow:0 0 30px #ef40274d!important;color:#ef4027!important;color:var(--primary-red)!important}.image-generation-button.action-button--active,.magic-ai-button.action-button--active{background:#ef4027!important;background:var(--primary-red)!important;border:1px solid #ef4027!important;border:1px solid var(--primary-red)!important;box-shadow:0 0 25px #ef402766!important;color:#fff!important;color:var(--text-white)!important}.image-generation-button.action-button--active:hover,.magic-ai-button.action-button--active:hover{background:#d63a24!important;background:var(--primary-red-hover)!important;box-shadow:0 2px 30px #ef402780!important;color:#fff!important;color:var(--text-white)!important}.image-generation-button svg,.magic-ai-button svg{stroke-width:1.5!important;height:18px!important;transition:all .2s ease!important;width:18px!important}.image-generation-button:hover svg,.magic-ai-button:hover svg{stroke:#fff!important;color:#fff!important}.cursor-ai-toolbar-button{box-shadow:none!important;position:relative!important}.cursor-ai-toolbar-button,.cursor-ai-toolbar-button:hover{background:#f5f5f5!important;background:var(--bg-light)!important;background-clip:padding-box,border-box!important;background-image:linear-gradient(#f5f5f5,#f5f5f5),linear-gradient(135deg,#ef4027,#a259ff)!important;background-image:linear-gradient(var(--bg-light),var(--bg-light)),linear-gradient(135deg,#ef4027 0,#a259ff 100%)!important;background-origin:border-box!important;border:1.5px solid #0000!important;border-radius:8px!important}.cursor-ai-toolbar-button:hover{box-shadow:0 0 12px #ef40274d,0 0 24px #a259ff33!important;color:#333!important;color:var(--text-primary)!important;transform:none!important;transition:none!important}.cursor-ai-toolbar-button svg{fill:url(#cursor-ai-fill)!important;stroke:none!important;color:inherit!important;height:22px!important;transform:rotate(20deg)!important;transition:none!important;width:22px!important}.dark .cursor-ai-toolbar-button{box-shadow:none!important}.dark .cursor-ai-toolbar-button,.dark .cursor-ai-toolbar-button:hover{background:#f5f5f5!important;background:var(--bg-light)!important;background-clip:padding-box,border-box!important;background-image:linear-gradient(#f5f5f5,#f5f5f5),linear-gradient(135deg,#ef4027,#a259ff)!important;background-image:linear-gradient(var(--bg-light),var(--bg-light)),linear-gradient(135deg,#ef4027 0,#a259ff 100%)!important;background-origin:border-box!important;border:1.5px solid #0000!important}.dark .cursor-ai-toolbar-button:hover{border-radius:8px!important;box-shadow:0 0 15px #ef402780,0 0 30px #a259ff66!important;color:#333!important;color:var(--text-primary)!important;transition:none!important}.image-generation-button.action-button--active svg,.magic-ai-button.action-button--active svg{stroke:#fff!important;color:#fff!important}.dark .analyze-image-button,.dark .image-generation-button,.dark .magic-ai-button{background:#ef402726!important;border:1px solid #ef402766!important;box-shadow:0 0 20px #ef402740!important;color:#ff6b5a!important}.dark .analyze-image-button:hover,.dark .image-generation-button:hover,.dark .magic-ai-button:hover{background:#ef402740!important;border-color:#ef402799!important;box-shadow:0 0 30px #ef402766!important;color:#ff6b5a!important}.dark .analyze-image-button.action-button--active,.dark .analyze-image-button.analyzing,.dark .image-generation-button.action-button--active,.dark .magic-ai-button.action-button--active{background:#ef4027!important;background:var(--primary-red)!important;border:1px solid #ef4027!important;border:1px solid var(--primary-red)!important;box-shadow:0 0 25px #ef402766!important;color:#fff!important}.dark .analyze-image-button.action-button--active:hover,.dark .analyze-image-button.analyzing:hover,.dark .image-generation-button.action-button--active:hover,.dark .magic-ai-button.action-button--active:hover{background:#d63a24!important;background:var(--primary-red-hover)!important;box-shadow:0 2px 30px #ef402780!important;transform:translateY(-1px)!important}.dynamic-toolbar.dark .design-system-section,.dynamic-toolbar.dark .user-profile-section{background:#232323}.action-button.disabled-feature{opacity:.6;position:relative}.action-button.disabled-feature:after{align-items:center;background:#ef4444e6;border-radius:50%;content:"📱";display:flex;font-size:10px;font-size:8px;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.action-button.disabled-feature:hover{opacity:.8;transform:scale(1.05)}.action-button.disabled-feature:hover:after{background:#ef4444}.compose-block{background:#f5f5f5!important;background:var(--bg-light)!important;border:1px solid #8b5cf633!important;color:#333!important;color:var(--text-primary)!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important}.compose-block:hover{background:#8b5cf61a!important;border-color:#8b5cf666!important;box-shadow:0 2px 12px #8b5cf626!important;color:#8b5cf6!important;color:var(--primary-purple)!important}.compose-block.active,.compose-block:active{background:#8b5cf6!important;background:var(--primary-purple)!important;border-color:#8b5cf6!important;border-color:var(--primary-purple)!important;box-shadow:0 0 20px #8b5cf64d!important;color:#fff!important}.dark .compose-block{background:#8b5cf61a!important;border:1px solid #8b5cf64d!important;color:#a78bfa!important}.dark .compose-block:hover{background:#8b5cf633!important;border-color:#8b5cf680!important;box-shadow:0 2px 12px #8b5cf640!important;color:#c4b5fd!important}.dark .compose-block.active,.dark .compose-block:active{background:#8b5cf6!important;background:var(--primary-purple)!important;border-color:#8b5cf6!important;border-color:var(--primary-purple)!important;box-shadow:0 0 20px #8b5cf666!important;color:#fff!important}.compose-block svg{stroke:currentColor!important;fill:none!important;color:currentColor!important}.action-button.compose-controls-button,.action-button[data-button=compose]{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;box-shadow:0 0 20px #ef402726!important;color:#ef4027!important;transition:all .3s ease!important}.action-button.compose-controls-button .action-button-icon svg,.action-button.compose-controls-button svg,.action-button[data-button=compose] .action-button-icon svg,.action-button[data-button=compose] svg{stroke-width:1.5!important;stroke:#ef4027!important;color:#ef4027!important}:not(.dark) .action-button.compose-controls-button .action-button-icon svg,:not(.dark) .action-button.compose-controls-button svg,:not(.dark) .action-button[data-button=compose] .action-button-icon svg,:not(.dark) .action-button[data-button=compose] svg{stroke-width:1.5!important;stroke:currentColor!important;color:currentColor!important}.action-button.compose-controls-button:hover:not(.action-button--active),.action-button[data-button=compose]:hover:not(.action-button--active){background:#ef4027!important;border:1px solid #ef4027!important;box-shadow:0 0 25px #ef402766!important;color:#fff!important}.action-button.compose-controls-button:hover:not(.action-button--active) .action-button-icon svg,.action-button.compose-controls-button:hover:not(.action-button--active) svg,.action-button[data-button=compose]:hover:not(.action-button--active) .action-button-icon svg,.action-button[data-button=compose]:hover:not(.action-button--active) svg{stroke:#fff!important;stroke-width:1.5!important}.action-button.compose-controls-button.action-button--active,.action-button[data-button=compose].action-button--active{background:#ef4027!important;border:1px solid #ef4027!important;box-shadow:0 0 25px #ef402766!important;color:#fff!important}.action-button.compose-controls-button.action-button--active .action-button-icon svg,.action-button.compose-controls-button.action-button--active svg,.action-button[data-button=compose].action-button--active .action-button-icon svg,.action-button[data-button=compose].action-button--active svg{stroke:#fff!important;stroke-width:1.5!important;color:#fff!important}.dark .action-button[data-button=compose]{background:#ef402726!important;border:1px solid #ef402766!important;color:#ef4027!important}.dark .action-button[data-button=compose] .action-button-icon svg,.dark .action-button[data-button=compose] svg{stroke-width:1.5!important;stroke:#ef4027!important;color:#ef4027!important}.dark .action-button[data-button=compose]:hover:not(.action-button--active){background:#ef4027!important;border:1px solid #ef4027!important;color:#fff!important}.dark .action-button[data-button=compose]:hover:not(.action-button--active) .action-button-icon svg,.dark .action-button[data-button=compose]:hover:not(.action-button--active) svg{stroke:#fff!important;stroke-width:1.5!important;color:#fff!important}.dark .action-button[data-button=compose].action-button--active{background:#ef4027!important;border:1px solid #ef4027!important;color:#fff!important}.dark .action-button[data-button=compose].action-button--active .action-button-icon svg,.dark .action-button[data-button=compose].action-button--active svg{stroke:#fff!important;stroke-width:1.5!important;color:#fff!important}.compose-close-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;color:#ffffffb3;position:absolute;right:8px;top:8px}.compose-close-button:hover{background:#ef402733;color:#ef4027;color:var(--primary-red);transform:scale(1.1)}.compose-close-button:active{transform:scale(.95)}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-loading-overlay{animation:gradient-flow 2s ease-in-out infinite}.circle-spinner{animation:spin 1s linear infinite}.clean-close-btn{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ef402726!important;border:1px solid #ef40274d!important;border-radius:6px!important;color:#ef4027!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;justify-content:center!important;padding:4px 6px!important;transition:all .2s ease!important}.clean-close-btn:hover{background:#ef402740!important;border-color:#ef402766!important;box-shadow:0 4px 12px #ef40274d!important;color:#fff!important;transform:scale(1.1) translateY(-1px)!important}.canvas-element.selected button[title="AI Analysis"] svg,.card-selected .canvas-element button[title="AI Analysis"] svg,.card-selected button[title="AI Analysis"] svg,.group-selected button[title="AI Analysis"] svg,.multi-selected button[title="AI Analysis"] svg,.selected-card .canvas-element button[title="AI Analysis"] svg,.selected-card button[title="AI Analysis"] svg,button[title="AI Analysis"] svg,div[class*=selected] button[title="AI Analysis"] svg{stroke-width:1.5!important;shape-rendering:geometricPrecision!important;vector-effect:non-scaling-stroke!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;stroke:currentColor!important;animation:none!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;display:block!important;filter:none!important;flex-shrink:0!important;height:28px!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;opacity:1!important;position:static!important;rotate:none!important;scale:none!important;transform:none!important;transform-origin:center!important;transition:none!important;translate:none!important;visibility:visible!important;width:28px!important}.canvas-element.selected button[title="AI Analysis"],.card-selected .canvas-element button[title="AI Analysis"],.card-selected button[title="AI Analysis"],.group-selected button[title="AI Analysis"],.multi-selected button[title="AI Analysis"],.selected-card .canvas-element button[title="AI Analysis"],.selected-card button[title="AI Analysis"],button[title="AI Analysis"],div[class*=selected] button[title="AI Analysis"]{align-items:center!important;animation:none!important;display:flex!important;filter:none!important;flex-shrink:0!important;justify-content:center!important;scale:none!important;transform:none!important;transition:none!important}.action-button.image-generation-button:hover:not(.action-button--active){background:#ef4027!important;border:1px solid #ef4027!important;box-shadow:0 0 25px #ef402766!important;color:#fff!important}.action-button.image-generation-button:hover:not(.action-button--active) .action-button-icon svg,.action-button.image-generation-button:hover:not(.action-button--active) svg{stroke:#fff!important;fill:none!important;color:#fff!important}.ai-provider-selector.compact-mode .compose-agent-controls{display:flex;flex-direction:column;gap:8px;padding:12px 0}.ai-provider-selector.compact-mode .compose-agent-label{align-items:center;color:#ef4027;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:4px}.ai-provider-selector.compact-mode .flex{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ai-provider-selector button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px!important;transition:all .2s ease}.ai-provider-selector.compact-mode button{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:12px;color:#374151;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.ai-provider-selector.compact-mode button:hover{background:#ef40271a;border-color:#ef402766;color:#ef4027}.ai-provider-selector.compact-mode button.bg-red-500{background:linear-gradient(135deg,#ef4027,#e6002d)!important;border-color:#ef4027!important;box-shadow:0 4px 16px #ef40274d;color:#fff!important}.ai-provider-selector.compact-mode select{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:12px;color:#374151;font-size:12px;padding:6px 10px;transition:all .2s ease}.ai-provider-selector.compact-mode select:focus{border-color:#ef4027;box-shadow:0 0 0 2px #ef402733;outline:none}.ai-provider-selector:not(.compact-mode){backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:12px;padding:16px}.control-bar.provider-config-expanded{min-height:180px!important;transition:min-height .3s ease!important}.compose-provider-row{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:12px 0}.compose-provider-label{align-items:center;color:#fffc;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:8px}.compose-provider-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.compose-model-row{align-items:center;display:flex;gap:8px;justify-content:center;margin:8px 0}.compose-model-select{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#f5f5f5!important;background:var(--bg-light)!important;border:1px solid #8b5cf633!important;border-radius:12px!important;color:#333!important;color:var(--text-primary)!important;font-size:12px!important;min-width:160px!important;padding:6px 12px!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important}.compose-model-select:focus{border-color:#8b5cf6!important;border-color:var(--primary-purple)!important;box-shadow:0 0 0 2px #8b5cf633!important;outline:none!important}.compose-provider-config{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:16px;bottom:0;left:0;padding:20px;position:absolute;right:0;top:0;z-index:10}.compose-config-header{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.compose-back-button{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:12px!important;color:#ffffffe6!important;cursor:pointer!important;font-size:12px!important;font-weight:500!important;padding:8px 12px!important;transition:all .2s ease!important}.compose-back-button:hover{background:#ffffff4d!important;border-color:#ffffff80!important;color:#fff!important}.compose-config-title{color:#ffffffe6;font-size:16px;font-weight:600;margin:0}.compose-config-form{display:flex;flex-direction:column;gap:16px}.compose-config-field{display:flex;flex-direction:column;gap:6px}.compose-config-field label{color:#fffc;font-size:13px;font-weight:500}.compose-config-input{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:12px!important;color:#ffffffe6!important;font-size:13px!important;padding:10px 14px!important;transition:all .2s ease!important}.compose-config-input:focus{border-color:#ffffff80!important;box-shadow:0 0 0 2px #fff3!important;outline:none!important}.compose-config-input::placeholder{color:#fff9!important}.compose-config-actions{border-top:1px solid #fff3;display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px}.compose-config-save{background:#fff6!important;border:1px solid #fff9!important;border-radius:12px!important;box-shadow:0 4px 20px #ffffff4d!important;color:#fff!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;padding:10px 20px!important;transition:all .2s ease!important}.compose-config-save:hover{box-shadow:0 6px 20px #fff6!important;transform:translateY(-1px)!important}.compose-action-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#ffffffe6;display:flex;gap:4px;justify-content:center;padding:8px 16px;white-space:nowrap}.compose-action-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 16px #fff3;color:#fff}.compose-action-button.active{background:#fff6;border-color:#fff9;box-shadow:0 4px 20px #ffffff4d;color:#fff}.compose-section{height:auto!important;min-height:200px!important}.bolt-provider-model-row{align-items:center;display:flex;gap:12px;justify-content:center;margin:8px 0;padding:8px 0}.bolt-provider-scroller{-ms-overflow-style:none;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;gap:2px;max-height:50px;overflow-y:auto;padding:2px;scroll-snap-type:y mandatory;scrollbar-width:none;width:80px}.bolt-provider-scroller::-webkit-scrollbar{display:none}.bolt-provider-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:6px!important;color:#fff!important;cursor:pointer;flex-shrink:0;font-size:9px!important;min-height:18px;padding:4px 6px!important;scroll-snap-align:center;text-align:center;transition:all .2s ease;white-space:nowrap;width:72px}.bolt-provider-button:hover{background:#ffffff26!important;border-color:#ffffff4d!important}.bolt-provider-button.active{background:#ffffff40!important;border-color:#fff6!important;font-weight:500;transform:scale(1.05)}.bolt-separator{color:#fff9;font-size:16px;font-weight:500;margin:0 12px;opacity:.8}.bolt-model-scroller{-ms-overflow-style:none;display:flex;gap:6px;max-width:300px;overflow-x:auto;padding:2px;scrollbar-width:none}.bolt-model-scroller::-webkit-scrollbar{display:none}.bolt-model-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;color:#fff!important;cursor:pointer;font-size:11px!important;padding:6px 10px!important;transition:all .2s ease;white-space:nowrap}.bolt-model-button:hover{background:#ffffff26!important;border-color:#ffffff4d!important}.bolt-model-button.active{background:#ffffff40!important;border-color:#fff6!important;font-weight:500}.bolt-model-button.unavailable{cursor:not-allowed;opacity:.5}.bolt-model-button.provider-disabled,.compose-model-option.provider-disabled{background:#ef40271a!important;border-color:#ef402733!important;color:#ef4027cc!important;cursor:help;opacity:.4}.bolt-model-button.provider-disabled:hover,.compose-model-option.provider-disabled:hover{background:#ef402726!important;opacity:.6}.bolt-api-key-row{align-items:center;display:flex;font-size:11px;gap:8px;justify-content:center;margin:4px 0}.bolt-api-key-label{color:#fffc;min-width:80px;white-space:nowrap}.bolt-api-key-input{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:6px!important;color:#fff!important;font-size:11px!important;padding:4px 8px!important;width:150px}.bolt-api-key-input::placeholder{color:#ffffff80}.bolt-api-key-input:focus{border-color:#fff6!important;outline:none}.control-bar-wrapper{bottom:75px;display:flex;justify-content:center;left:50%;max-width:600px;pointer-events:auto;position:fixed;transform:translateX(-50%);transition:bottom .18s cubic-bezier(.16,1,.3,1);width:100%;z-index:1000000}@keyframes controlBarChipSheen{0%{opacity:0;transform:translateX(-140%)}15%{opacity:1}to{opacity:0;transform:translateX(140%)}}.control-bar-wrapper:has(.control-bar.expanded.ai-controls){max-width:800px!important;width:100%!important}.control-bar-wrapper:has(.control-bar.expanded.compose-controls.brainstorming-build-mode){max-width:1200px!important;width:100%!important}.control-bar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ef4027,#ef4027);border:none;border-radius:20px 20px 0 0;box-shadow:0 -2px 8px #00000026,0 -4px 16px #ef402733,inset 0 1px 0 #ffffff1a;display:flex;gap:16px;height:6px;justify-content:center;min-height:6px;overflow:hidden;padding:0;position:relative;transform-origin:center bottom;transition:width .25s cubic-bezier(.34,1.56,.64,1),height .25s cubic-bezier(.34,1.56,.64,1),padding .25s cubic-bezier(.34,1.56,.64,1),opacity .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.34,1.56,.64,1),transform .25s cubic-bezier(.34,1.56,.64,1);width:180px;will-change:transform,height,width,padding,opacity}.control-bar.expanded{overflow:visible}.control-bar:not(.expanded){transform:scale(1);transition:width .25s cubic-bezier(.34,1.56,.64,1),height .25s cubic-bezier(.34,1.56,.64,1),padding .25s cubic-bezier(.34,1.56,.64,1),opacity .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.34,1.56,.64,1),transform .25s cubic-bezier(.34,1.56,.64,1)}.control-bar.ai-controls:not(.expanded){animation:cursor-ai-notch-idle 3s ease-in-out infinite;background:linear-gradient(135deg,#ef4027,#a259ff 50%,#ef4027);box-shadow:0 4px 16px #ef402766,0 2px 8px #a259ff4d,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;height:12px;width:240px}@keyframes cursor-ai-notch-idle{0%,to{box-shadow:0 4px 16px #ef402766,0 2px 8px #a259ff4d,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3}50%{box-shadow:0 6px 20px #ef402780,0 3px 12px #a259ff66,0 0 0 1px #ffffff26,inset 0 1px 0 #ffffff4d}}.control-bar:has(.view-toggle-button){-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:1px solid #ffffff40;border-radius:8px;box-shadow:0 4px 12px #00000026,0 2px 4px #ef44444d,inset 0 1px 0 #ffffff1a;height:40px;padding:4px;width:80px}.control-bar .view-toggle-button{box-shadow:none!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.control-bar .view-toggle-button:hover{border:none!important;box-shadow:none!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 16px rgba(239,68,68,.7)) drop-shadow(0 0 24px rgba(239,68,68,.5))}.control-bar.expanded{border-radius:20px 20px 0 0!important;box-shadow:0 -4px 20px #00000040,0 -8px 32px #ef402726,inset 0 1px 0 #ffffff1a!important;transform:none}.control-bar.control-count-1{--final-width:140px}.control-bar.control-count-2{--final-width:180px}.control-bar.control-count-3{--final-width:230px}.control-bar.control-count-4{--final-width:280px}.control-bar.control-count-5{--final-width:330px}.control-bar-title{display:none}@media (max-width:768px){.control-bar-wrapper{max-width:95%}.control-bar.expanded{max-width:90%;padding:8px 16px}.control-bar.expanded.agentic-designer-controls,.control-bar.expanded.image-generation-controls{max-width:400px;padding:12px 20px;width:90%}}.control-bar-button:focus{background:#ffffff1a!important}.control-bar .view-toggle-button:focus,.control-bar-button:focus{outline:2px solid #fff9;outline-offset:2px}.control-bar,.control-bar-button,.view-toggle-button{backface-visibility:hidden;transform-style:preserve-3d}.control-bar.expanded{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ef4027,#ef4027);border-radius:12px;border-radius:8px;box-shadow:0 8px 20px #00000040,0 4px 12px #00000026,0 -2px 16px #ef444440,inset 0 1px 0 #fff3;box-shadow:0 6px 16px #0003,0 2px 8px #0000001a,0 -2px 12px #ef402733,inset 0 1px 0 #ffffff26;height:180px;padding:10px 24px;width:480px;width:auto}.control-bar.expanded.design-controls{height:48px;overflow:hidden;width:200px}.control-bar.expanded.upload-controls{height:48px;max-width:90%;width:200px}.control-bar.expanded.brainstorming-controls{height:100px;max-width:90%;min-width:140px;overflow:hidden;padding:30px 20px;width:auto}.control-bar.expanded.ai-controls{-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;background:#ffffffeb!important;border:1.5px solid #ef40271a!important;border-radius:20px 20px 0 0!important;box-shadow:0 2px 12px 0 #ef402714!important;height:280px!important;max-height:300px!important;max-width:600px!important;max-width:800px!important;min-height:280px!important;overflow:visible!important;width:600px!important}.dark .control-bar.expanded.ai-controls,body.dark .control-bar.expanded.ai-controls{-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;background:#18181ceb!important;border:1.5px solid #ffffff1a!important;box-shadow:0 2px 12px 0 #0000002e!important;overflow:visible!important}.control-bar.expanded.ai-controls.compose-mode{max-width:600px!important;width:600px!important}.control-bar.expanded.ai-controls.brainstorming-mode,.control-bar.expanded.ai-controls.design-mode,.control-bar.expanded.ai-controls.inspiration-mode{max-width:800px!important;width:800px!important}.control-bar.expanded.ai-controls.compose-mode{max-width:1000px!important;width:1000px!important}.control-bar.expanded.ai-controls.design-mode-from-inspiration{max-width:800px!important;width:800px!important}.control-bar.expanded.image-editor-controls{border-radius:20px 20px 0 0!important;height:280px;height:var(--cursor-ai-height,280px);max-height:105vh;max-width:95%;min-height:120px!important;padding:20px;width:1000px}.cursor-ai-attachment-chip{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffe6;display:inline-flex;font-size:.875rem;gap:8px;height:32px;justify-content:center;line-height:1.25rem;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.cursor-ai-attachment-chip:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.cursor-ai-attachment-chip>div:first-child{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.cursor-ai-attachment-chip>span{height:16px;line-height:16px}.cursor-ai-attachment-chip>button{height:16px;width:16px}.cursor-ai-attachment-chip>span{align-items:center;display:flex;font-size:13px;line-height:1}.cursor-ai-attachment-chip>button{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0;padding:0}.cursor-ai-attachment-mode-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffe6;cursor:default;display:inline-flex;font-size:12px;font-weight:500;gap:6px;height:28px;justify-content:center;max-width:120px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.cursor-ai-attachment-mode-button:hover{background:#ffffff26;border-color:#ffffff4d}.cursor-ai-attachment-mode-button .attachment-remove-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#ffffffb3;cursor:pointer;display:flex;height:16px;justify-content:center;transition:all .2s ease;width:16px}.cursor-ai-attachment-mode-button .attachment-remove-btn:hover{background:#fff3;border-color:#fff6;color:#ffffffe6}.control-bar.expanded.agentic-designer-controls{border-radius:12px;box-shadow:0 8px 20px #00000040,0 4px 12px #00000026,0 -2px 16px #ef444440,inset 0 1px 0 #fff3;height:150px;padding:16px 28px}.control-bar-wrapper:has(.cursor-ai-interface){max-width:none!important;width:auto!important}.control-bar:has(.cursor-ai-interface):not(.expanded){animation:cursor-ai-notch-idle 3s ease-in-out infinite!important;transform:scale(1)!important;transform-origin:center bottom!important;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)!important;width:240px!important}.control-bar:has(.cursor-ai-interface).expanded.tool-img2img{--cursor-ai-height:220px!important;height:280px!important}.control-bar:has(.cursor-ai-interface).expanded.tool-inpaint,.control-bar:has(.cursor-ai-interface).expanded.tool-remove-bg,.control-bar:has(.cursor-ai-interface).expanded.tool-upscale{--cursor-ai-height:150px!important;height:220px!important}.control-bar:has(.cursor-ai-interface).expanded.tool-main-menu{--cursor-ai-height:150px!important;height:180px!important}.control-bar:has(.cursor-ai-interface).expanded.tool-img2img.advanced-settings{--cursor-ai-height:400px!important;height:400px!important}.control-bar:has(.cursor-ai-interface).expanded.tool-img2img.style-transfer{--cursor-ai-height:650px!important;height:500px!important}.control-bar:has(.cursor-ai-interface).expanded.tool-img2img.advanced-settings.style-transfer{--cursor-ai-height:750px!important;height:655px!important}.control-bar:has(.cursor-ai-interface).expanded{align-items:flex-start!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;background-clip:padding-box!important;border-radius:20px 20px 0 0!important;box-shadow:0 6px 16px #0003,0 2px 8px #0000001a,0 -2px 12px #ef444433,inset 0 1px 0 #ffffff26!important;display:flex!important;height:150px!important;height:var(--cursor-ai-height,150px)!important;justify-content:center!important;max-width:90%!important;min-width:400px!important;padding:20px 20px 16px!important;position:relative!important;transform:scale(1.02)!important;transform-origin:center bottom!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),width .35s cubic-bezier(.34,1.56,.64,1),height .35s cubic-bezier(.34,1.56,.64,1),padding .35s cubic-bezier(.34,1.56,.64,1),opacity .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.34,1.56,.64,1)!important;width:690px!important}.control-bar:has(.cursor-ai-interface).expanded:before{border-radius:23px 23px 0 0;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}.cursor-ai-interface.cursor-ai-expanded{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-top:0;padding-top:0;width:100%}.cursor-ai-interface .advanced-controls-grid input[type=range]{appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none}.cursor-ai-interface .advanced-controls-grid input[type=range]::-webkit-slider-thumb{appearance:none;background:#ef4027;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.cursor-ai-interface .advanced-controls-grid input[type=range]::-moz-range-thumb{background:#ef4027;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.cursor-ai-interface .advanced-controls-grid select option{background:#1f2937;color:#fff}.cursor-ai-interface .image-upload-section{margin:8px 0}.cursor-ai-interface .image-upload-area:hover{background:#ffffff26!important;border-color:#fff6!important}.cursor-ai-interface .agentic-designer-input{background:#0000!important;border:none!important;color:#fff!important;font-size:14px!important}.cursor-ai-interface .agentic-designer-input-container{align-items:center!important;display:flex!important;position:relative!important;width:100%!important}.cursor-ai-interface .agentic-designer-input-container:focus-within{filter:drop-shadow(0 0 8px rgba(255,255,255,.3)) drop-shadow(0 0 16px rgba(239,64,39,.2))}.cursor-ai-interface .send-button{align-items:center;background:#fff;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;margin-right:4px;position:relative;scale:none!important;transform:none!important;transition:background-color .2s ease,color .2s ease;translate:none!important;width:32px;.cursor-ai-interface .send-button-generating{background:#ef4444!important;color:#fff!important}.cursor-ai-interface .send-button-generating svg{stroke:#fff!important;color:#fff!important}}.cursor-ai-interface .agentic-designer-input::placeholder{color:#ffffffb3!important}.cursor-ai-interface .agentic-designer-input:disabled{color:#fff6!important}.agentic-designer-section .control-bar-close-button,.cursor-ai-interface .control-bar-close-button{top:12px!important}.agentic-designer-section .control-bar-close-button,.brainstorm-generation-section .control-bar-close-button,.cursor-ai-interface .control-bar-close-button{align-items:center!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:4px!important;color:#fffc!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:24px!important;justify-content:center!important;margin:0!important;max-height:24px!important;max-width:24px!important;min-height:24px!important;min-width:24px!important;padding:0!important;position:absolute!important;right:12px!important;transition:all .2s ease!important;width:24px!important;z-index:10!important}.brainstorm-generation-section .control-bar-close-button{top:6px!important}.agentic-designer-section .control-bar-close-button:hover,.brainstorm-generation-section .control-bar-close-button:hover,.cursor-ai-interface .control-bar-close-button:hover{background:#fff3!important;border-color:#ffffff4d!important;color:#fff!important}.agentic-designer-section .control-bar-close-button svg,.brainstorm-generation-section .control-bar-close-button svg,.cursor-ai-interface .control-bar-close-button svg{flex-shrink:0!important;height:12px!important;width:12px!important}.cursor-ai-interface .agentic-designer-footer{border-top:none!important;margin-top:6px!important;padding-top:8px!important}.cursor-ai-attachments .mode-button.cursor-ai-attachment{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;max-width:140px;padding:6px 10px;position:relative;transition:all .2s ease}.cursor-ai-attachments .mode-button.cursor-ai-attachment:hover{background:#ffffff2e;border-color:#fff6;transform:translateY(-1px)}.cursor-ai-attachments .attachment-label{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-ai-attachments .attachment-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.cursor-ai-attachments .attachment-remove-button{align-items:center;background:#ffffffe6;border:1px solid #fff;border-radius:50%;color:#ef4027cc;cursor:pointer;display:flex;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;transition:all .2s ease;width:16px;z-index:10}.cursor-ai-attachments .attachment-remove-button:hover{background:#ef40271a;border-color:#ef40274d;color:#ef4027;transform:scale(1.1)}.cursor-ai-actions .mode-button.cursor-ai-screenshot{background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:6px 12px;transition:all .2s ease}.cursor-ai-actions .mode-button.cursor-ai-screenshot:hover{background:#ffffff26;border-color:#ffffff59}.cursor-ai-interface .agentic-designer-footer{gap:8px}.cursor-ai-interface .generation-modes.cursor-ai-attachments{margin-bottom:6px}.cursor-ai-interface .generation-modes.cursor-ai-actions{margin-top:2px}.cursor-ai-interface .instruction-text{color:#fff9!important;font-size:12px!important;margin-top:4px!important;text-align:center!important;width:100%!important}.cursor-ai-interface .models-panel{background:#ffffff1a!important;border:1px solid #ffffff4d!important;border-radius:12px!important;margin-top:8px!important;max-height:320px!important;overflow-y:auto!important;padding:16px!important;width:100%!important}.cursor-ai-interface .models-panel .models-grid{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:280px!important;overflow-y:auto!important}.cursor-ai-interface .models-panel .model-item{align-items:center!important;background:#ffffff1a!important;border-radius:8px!important;display:flex!important;justify-content:space-between!important;min-height:60px!important;padding:12px!important;transition:all .2s ease!important}.edit-tool:disabled{box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.5;transform:none}.edit-tool.active{background:#fff6;border-color:#ffffff80;box-shadow:0 2px 8px #0003;font-weight:600}.edit-tool svg,.generation-model-btn svg,.upload-button svg{stroke:currentColor;stroke-width:1.5;height:16px;width:16px}.processing-indicator{align-items:center;background:#ffffff26;border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:center;margin-top:4px;padding:10px;text-shadow:0 1px 2px #0000004d}.processing-indicator svg{animation:spin 1s linear infinite;height:18px;width:18px}.cursor-ai-interface.cursor-ai-collapsed{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;height:100%;justify-content:center;text-shadow:0 1px 2px #0000004d;width:100%}.control-bar.expanded.image-generation-controls{border-radius:12px;box-shadow:0 8px 20px #00000040,0 4px 12px #00000026,0 -2px 16px #ef444440,inset 0 1px 0 #fff3;height:180px;padding:16px 28px;width:480px}.control-bar.expanded.ambient-controls{height:52px;max-width:90%;padding:10px 20px;width:220px}.control-bar-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;padding:0;pointer-events:none;position:relative;transform:translateY(15px);transition:all .1s ease;width:32px;will-change:transform,opacity}.control-bar.expanded .control-bar-button{opacity:1;pointer-events:auto;transform:translateY(0)}.control-bar.expanded .control-bar-button:first-child{transition:opacity .3s ease .05s,transform .3s ease .05s}.control-bar.expanded .control-bar-button:nth-child(2){transition:opacity .3s ease .1s,transform .3s ease .1s}.control-bar.expanded .control-bar-button:nth-child(3){transition:opacity .3s ease .15s,transform .3s ease .15s}.control-bar.expanded .control-bar-button:nth-child(4){transition:opacity .3s ease .2s,transform .3s ease .2s}.control-bar.expanded .control-bar-button:nth-child(5){transition:opacity .3s ease .25s,transform .3s ease .25s}.control-bar:not(.expanded) .control-bar-button{opacity:0;transform:translateY(15px) scale(.85);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.cursor-ai-interface.cursor-ai-expanded .edit-tool{opacity:1;transition:opacity .2s ease,transform .2s ease}.cursor-ai-interface:not(.cursor-ai-expanded) .edit-tool{opacity:.8;transition:opacity .2s ease,transform .2s ease}.cursor-ai-interface.cursor-ai-expanded .agentic-designer-section{margin-top:50px!important;padding-top:10px!important}.cursor-ai-interface.cursor-ai-expanded .agentic-designer-input-container{margin-bottom:16px!important;margin-top:16px!important}.cursor-ai-interface.cursor-ai-expanded{animation:cursor-ai-bounce .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cursor-ai-bounce{0%{opacity:.8;transform:translateY(20px) scale(.95)}60%{opacity:1;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.control-bar-button:hover,.control-bar.expanded .control-bar-button:hover{background:#ffffff1a!important;box-shadow:0 4px 12px #0003,inset 0 1px 0 #fff3;filter:drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 0 16px rgba(239,68,68,.6)) drop-shadow(0 0 24px rgba(239,68,68,.4));transition:all .15s cubic-bezier(.34,1.56,.64,1)}.control-bar-button.selected{background:linear-gradient(135deg,#fff,#f8fafc)!important;border-radius:10px;box-shadow:0 3px 10px #00000026,0 1px 4px #0000001a,inset 0 1px 0 #fffc;color:#ef4444}.control-bar-button.selected:hover{background:linear-gradient(135deg,#fff,#f1f5f9)!important;box-shadow:0 4px 14px #0003,0 2px 6px #0000001a,inset 0 1px 0 #ffffffe6}.dark .control-bar{box-shadow:0 -2px 8px #0006,0 -4px 16px #ef44444d,inset 0 1px 0 #ffffff26}.dark .control-bar,.dark .control-bar.expanded{background:linear-gradient(135deg,#ef4444,#dc2626)}.dark .control-bar.expanded{box-shadow:0 6px 20px #0006,0 2px 10px #0003,0 -2px 16px #ef444440,inset 0 1px 0 #fff3}.control-bar .view-toggle-button{align-items:center;background:#0000!important;border:none!important;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:1;pointer-events:auto;transform:translateY(0);transition:all .3s ease;width:72px}.control-bar .view-toggle-button:hover{background:#0000!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.6)) drop-shadow(0 0 12px rgba(255,255,255,.4))}.control-bar .view-toggle-button svg{height:24px;transition:all .3s ease;width:24px}.view-toggle-button{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;transition:all .2s ease!important}.view-toggle-button:hover{background:#fff3!important;box-shadow:0 4px 12px #00000026;filter:brightness(1.1)}.ai-tabs-container{align-items:center;border-radius:12px;display:flex;justify-content:center;padding:4px;position:relative;width:100%}.ai-tabs-container:before{background:#ffffff59;border-radius:6px;box-shadow:0 2px 6px #00000026;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.16,1,.3,1);width:calc(33.333% - 1px);z-index:0}.ai-tabs-container[data-active-tab="1"]:before{transform:translateX(0)}.ai-tabs-container[data-active-tab="2"]:before{transform:translateX(calc(100% + 1px))}.ai-tabs-container[data-active-tab="3"]:before{transform:translateX(calc(200% + 2px))}.ai-tab{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;height:28px;justify-content:center;opacity:0;padding:8px 12px;pointer-events:none;position:relative;text-align:center;transform:translateY(10px);transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;z-index:1}.control-bar.expanded .ai-tab{opacity:1;transform:translateY(0) scale(1);transition:opacity .2s ease,transform .2s ease}.control-bar:not(.expanded) .ai-tab{opacity:0;transform:translateY(10px) scale(.9);transition:opacity .15s ease,transform .15s ease}.ai-tab.active{color:#fff}.ai-tab:hover:not(.active){color:#fffc;transition:all .1s ease}.ai-tab svg{flex-shrink:0;height:14px;width:14px}.ai-tab span{display:block;font-family:inherit;line-height:1}.dark .ai-tabs-container:before{background:#ffffff59}.dark .ai-tab{color:#fff}.dark .ai-tab:hover:not(.active){color:#fffc}.ai-input-container{background:#0000;border:none;box-shadow:none;gap:0;padding:4px 8px;width:100%;z-index:1!important}.ai-search-input{background:#0000!important;border:none!important;box-shadow:none!important;color:#fff;flex:1 1;font-size:14px;outline:none!important;padding:8px 12px;z-index:1!important}.ai-search-input::placeholder{color:#ffffffb3}.ai-search-input.inspogen{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important}.ai-submit-button{align-items:center;background:#fff;border:none;border-radius:6px;color:#e74c3c;cursor:pointer;display:flex;height:32px;justify-content:center;margin-right:4px;transition:all .2s ease;width:32px}.ai-submit-button:hover:not(:disabled){background:#ffffffe6;transform:scale(1.05)}.ai-submit-button:disabled{cursor:not-allowed;opacity:.5}.control-bar.expanded.ai-controls.input-mode{max-width:95%;width:450px}.control-bar-button.selected svg{stroke:currentColor!important;stroke-width:1.5!important;stroke-dasharray:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;color:#ef4444!important}.control-bar-button.selected:hover svg,.control-bar-button:not(.selected) svg{stroke:currentColor!important;color:#fff!important}.control-bar-button:not(.selected) svg{stroke-width:1.5!important;stroke-dasharray:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}.control-bar-button svg[fill=currentColor]{fill:none!important;stroke:currentColor!important}.card-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;position:fixed;right:20px;top:100px;width:280px;z-index:9999}.card-controls-header{align-items:center;background:#00000005;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:16px 20px}.card-controls-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.close-button{background:#fff;box-shadow:0 2px 8px #00000026;font-size:20px;height:28px;transition:transform .2s ease;width:28px}.close-button:hover{transform:scale(1.1)}.close-button svg{pointer-events:none}.card-controls-content{padding:20px}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.control-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;min-height:60px;padding:8px 12px;resize:vertical;transition:border-color .2s;width:100%}.control-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.color-swatches{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:8px}.color-swatch{border:2px solid #0000;box-shadow:0 1px 3px #0000001a;height:32px;transition:all .2s;width:32px}.color-swatch:hover{box-shadow:0 2px 6px #00000026}.color-swatch.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;transform:scale(1.1)}.delete-button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s;width:100%}.delete-button:hover{background:#dc2626}.ambient-waveform-container{align-items:center;display:flex;justify-content:center}.waveform-animation{color:#fff}.wave-bar{fill:#fff;opacity:.9}.ambient-waveform-container.paused .waveform-animation,.ambient-waveform-container.paused animate{animation-play-state:paused}.control-bar:not(.input-mode) .ai-input-container{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important}.control-bar .ai-input-container.hidden{display:none!important;opacity:0!important;visibility:hidden!important}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-browser) .control-bar-wrapper{bottom:870px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-notes) .control-bar-wrapper{bottom:555px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-notes.document-mode) .control-bar-wrapper{bottom:925px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-upload) .control-bar-wrapper{bottom:675px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-ambient) .control-bar-wrapper{bottom:575px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-settings) .control-bar-wrapper{bottom:675px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-userProfile) .control-bar-wrapper{bottom:695px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-export) .control-bar-wrapper{bottom:495px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-audio) .control-bar-wrapper{bottom:475px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-ai-search-results) .control-bar-wrapper{bottom:695px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-workspace) .control-bar-wrapper{bottom:670px;transition:bottom .35s cubic-bezier(.16,1,.3,1)}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-compose) .control-bar-wrapper{bottom:475px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.expand-design) .control-bar-wrapper{bottom:75px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.expand-brainstorming) .control-bar-wrapper{bottom:75px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.expand-ai) .control-bar-wrapper{bottom:75px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.expand-upload) .control-bar-wrapper{bottom:75px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.expand-design-system) .control-bar-wrapper{bottom:575px;transition:bottom .35s cubic-bezier(.16,1,.3,1)}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.artboard-mode) .control-bar-wrapper{bottom:625px;transition:bottom .18s cubic-bezier(.16,1,.3,1)}.control-bar-separator{background:#ffffff4d;height:20px;margin:0 8px;width:1px}.color-picker-inline{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;display:flex;gap:6px;padding:0}.color-picker-button{border:2px solid #fff9;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:24px}.color-picker-button:hover{border-color:#ffffffe6;box-shadow:0 0 0 2px #fff6,0 2px 8px #0000004d;transform:scale(1.15)}.color-picker-button.selected{border:3px solid #fff;box-shadow:0 0 0 2px #ef40274d,0 0 12px #fff9,0 4px 12px #0000004d;height:28px;transform:scale(1.1);width:28px;z-index:10}.connector-type-selector,.shape-type-selector{align-items:center;display:flex;gap:6px}.control-bar:has(.color-picker-inline){height:44px;max-width:700px;min-width:300px;padding:8px 16px;width:auto}.control-bar .control-bar-title{color:#fffc;font-size:11px;font-weight:600;margin:0 8px 0 0;white-space:nowrap}.control-bar .control-bar-button{height:28px;min-width:28px;padding:4px}.control-bar-button.connector-button,.control-bar-button.shape-button{height:40px;padding:8px;width:40px}.stroke-width-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:2px solid #fffc;border-radius:0;border-radius:8px;display:flex;gap:8px;padding:6px 12px;pointer-events:all}.stroke-width-slider{-webkit-appearance:none;background:#ffffff4d;border-radius:3px;cursor:pointer;height:6px;outline:none;pointer-events:all;width:70px}.stroke-width-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #ef4027;border-radius:50%;box-shadow:0 2px 6px #0006;cursor:grab;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.stroke-width-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 8px #00000080;transform:scale(1.1)}.stroke-width-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.stroke-width-slider::-moz-range-thumb{background:#fff;border:2px solid #ef4027;border-radius:50%;box-shadow:0 2px 6px #0006;cursor:grab;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.stroke-width-slider::-moz-range-thumb:hover{box-shadow:0 3px 8px #00000080;transform:scale(1.1)}.stroke-width-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.2)}.stroke-width-value{color:#fff;font-size:11px;font-weight:500;min-width:24px;text-align:center}@keyframes ai-pulse{0%,to{box-shadow:0 0 20px #667eea66}50%{box-shadow:0 0 30px #667eeab3}}@keyframes ai-analyzing{0%,to{box-shadow:0 0 15px #3b82f64d}50%{box-shadow:0 0 25px #3b82f699}}@keyframes border-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.portal-agent-live-status{animation:live-status-slide-up .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:12px 12px 0 0;bottom:60px;box-shadow:0 -4px 16px #0000001a;left:60px;padding:12px 16px;position:absolute;right:20px;z-index:5}.portal-agent-live-status .live-status-content{align-items:center;display:flex;gap:12px;margin-bottom:8px}.portal-agent-live-status .live-status-indicator{align-items:center;display:flex;gap:8px;position:relative}.portal-agent-live-status .pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite;background:#ef4027;border-radius:50%;height:8px;width:8px}.portal-agent-live-status .live-status-text{flex:1 1}.portal-agent-live-status .current-action{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px}.portal-agent-live-status .action-details{color:#6b7280;font-size:12px}.portal-agent-live-status .live-status-progress{background:#ef40271a;border-radius:2px;height:3px;overflow:hidden;width:100%}.portal-agent-live-status .progress-bar{animation:progress-slide 2s ease-in-out infinite;background:linear-gradient(90deg,#ef4027,#a259ff);border-radius:2px;height:100%}@keyframes progress-slide{0%{transform:translateX(-100%);width:20%}50%{transform:translateX(0);width:80%}to{transform:translateX(400%);width:20%}}@keyframes live-status-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .portal-agent-live-status{background:#1f2937f2;border-color:#ef40274d}[data-theme=dark] .portal-agent-live-status .current-action{color:#f9fafb}[data-theme=dark] .portal-agent-live-status .action-details{color:#d1d5db}.compose-footer,.compose-models-container,.compose-provider-model-row,.compose-provider-selector-container,.compose-provider-vertical-container,.portal-agent-left-controls,.portal-agent-model-selector-top,.portal-agent-top-bar,.storyboard-image-models-container,.storyboard-model-selector{overflow:visible!important;position:relative!important}.compose-providers-vertical-scroll{overflow-x:visible!important;overflow-y:auto!important;position:relative!important}.portal-agent-model-selector{position:relative;-webkit-user-select:none;user-select:none}.portal-agent-model-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:6px;box-shadow:0 2px 12px #0000001a;isolation:isolate!important;left:0;max-height:160px;max-width:160px;min-width:140px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);transform:translateZ(0)!important;will-change:transform!important;z-index:2147483646!important}.portal-agent-model-dropdown .model-option{border-bottom:1px solid #00000008;cursor:pointer;padding:4px 8px;transition:background-color .2s ease}.portal-agent-model-dropdown .model-option:last-child{border-bottom:none}.portal-agent-model-dropdown .model-option:hover{background:#ef40271a}.portal-agent-model-dropdown .model-option.selected{background:#ef402726;border-left:3px solid #ef4027}.portal-agent-model-dropdown .model-name{color:#1f2937;font-size:11px;font-weight:500;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .portal-agent-model-dropdown{background:#1f2937f2;border-color:#ef40274d}[data-theme=dark] .portal-agent-model-dropdown .model-option{border-bottom-color:#ffffff1a}[data-theme=dark] .portal-agent-model-dropdown .model-option:hover{background:#ef402733}[data-theme=dark] .portal-agent-model-dropdown .model-option.selected{background:#ef402740}[data-theme=dark] .portal-agent-model-dropdown .model-name{color:#f9fafb}[data-theme=dark] .portal-agent-model-dropdown .model-description{color:#d1d5db}.screenshot-message{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:8px 0;padding:12px}.screenshot-container{margin-bottom:8px}.screenshot-image{border:1px solid #ffffff26;border-radius:6px;box-shadow:0 4px 12px #0000004d}.screenshot-analysis{background:#ef40271a;border-left:3px solid #ef4427;border-radius:4px;color:#fffc;font-size:13px;margin-bottom:6px;padding:8px 10px}.screenshot-content{color:#fff9;font-style:italic}.dark .portal-agent-message.user{background:#ef402726;color:#f9fafb}.dark .portal-agent-message.agent{background:#ffffff14;color:#f9fafb}.dark .portal-agent-input,body.dark .portal-agent-input{background:#0000!important;border:none!important;color:#ffffffe6!important}.dark .portal-agent-input-area,body.dark .portal-agent-input-area{background:#18181ceb!important}.dark .portal-agent-input-container,body.dark .portal-agent-input-container{background:#0006!important;border:1px solid #ffffff14!important}.dark .portal-agent-conversation-area,body.dark .portal-agent-conversation-area{scrollbar-color:#fff3 #0000!important;scrollbar-width:thin!important}.dark .portal-agent-conversation-area::-webkit-scrollbar,body.dark .portal-agent-conversation-area::-webkit-scrollbar{background:#0000!important;width:6px!important}.dark .portal-agent-conversation-area::-webkit-scrollbar-track,body.dark .portal-agent-conversation-area::-webkit-scrollbar-track{background:#0000!important;border-radius:3px!important}.dark .portal-agent-conversation-area::-webkit-scrollbar-thumb,body.dark .portal-agent-conversation-area::-webkit-scrollbar-thumb{background:#fff3!important;border:none!important;border-radius:3px!important}.dark .portal-agent-conversation-area::-webkit-scrollbar-thumb:hover,body.dark .portal-agent-conversation-area::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.dark .portal-agent-input::placeholder{color:#f9fafb99}.dark .portal-agent-action-btn,.dark .portal-agent-template-btn,body.dark .portal-agent-action-btn,body.dark .portal-agent-template-btn{background:#ef402726!important;border:1px solid #ef40274d!important;color:#ffffffe6!important}.dark .portal-agent-action-btn:hover,.dark .portal-agent-template-btn:hover{background:#ffffff26;border:1px solid #fff3}.dark .portal-agent-top-bar,body.dark .portal-agent-top-bar{background:#18181ceb!important;border-bottom:none!important;border-radius:12px 12px 0 0!important}.dark .portal-agent-conversation-area,body.dark .portal-agent-conversation-area{background:#18181ceb!important}.dark .portal-agent-inspiration-button,.dark .portal-agent-template-button,body.dark .portal-agent-inspiration-button,body.dark .portal-agent-template-button{background:#ef402726!important;border:1px solid #ef40274d!important;color:#ffffffe6!important}.dark .portal-agent-inspiration-button:hover,.dark .portal-agent-template-button:hover,body.dark .portal-agent-inspiration-button:hover,body.dark .portal-agent-template-button:hover{background:#ef402740!important;border:1px solid #ef402780!important;color:#fff!important}.dark .portal-agent-voice-input-button,body.dark .portal-agent-voice-input-button{background:#ef402726!important;border:1px solid #ef40274d!important;color:#ffffffe6!important}.dark .portal-agent-voice-input-button:hover,body.dark .portal-agent-voice-input-button:hover{background:#ef402740!important;border:1px solid #ef402780!important;color:#fff!important}.dark .portal-agent-model-selector-bottom,body.dark .portal-agent-model-selector-bottom{background:#ef402726!important;border:1px solid #ef40274d!important;color:#ffffffe6!important}.dark .portal-agent-model-selector-bottom:hover,body.dark .portal-agent-model-selector-bottom:hover{background:#ef402740!important;border:1px solid #ef402780!important;color:#fff!important}.portal-agent-compact-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;max-width:150px;padding:6px 10px;position:relative;transition:all .2s ease;white-space:nowrap}.portal-agent-compact-btn:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.dark .portal-agent-compact-btn,body.dark .portal-agent-compact-btn{background:#ef402726!important;border:1px solid #ef40274d!important;color:#ffffffe6!important}.dark .portal-agent-compact-btn:hover,body.dark .portal-agent-compact-btn:hover{background:#ef402740!important;border:1px solid #ef402780!important;color:#fff!important}.portal-agent-compact-btn.disabled,.portal-agent-inspiration-button.disabled,.portal-agent-template-button.disabled{background:#8080801a!important;border:1px solid #8080804d!important;color:#80808099!important;cursor:not-allowed!important;opacity:.5!important;pointer-events:none}.portal-agent-compact-btn.disabled:hover,.portal-agent-inspiration-button.disabled:hover,.portal-agent-template-button.disabled:hover{background:#8080801a!important;border:1px solid #8080804d!important;color:#80808099!important}.dark .portal-agent-model-dropdown-upward{background:#000000fa!important;border:2px solid #ef402766!important;box-shadow:0 12px 48px #000c,0 0 0 1px #fff3!important;z-index:2147483647!important}.dark .portal-agent-model-dropdown-upward .model-option{color:#fff!important;font-weight:500!important}.dark .portal-agent-model-dropdown-upward .model-option:hover{background:#ffffff1a}.dark .portal-agent-model-dropdown-upward .model-option.selected{background:#ffffff26;color:#fff!important}.dark .portal-agent-model-dropdown-upward .model-name{color:#fff!important;font-size:12px!important;font-weight:600!important}@keyframes border-shimmer{0%{stroke-dashoffset:100;opacity:.3}50%{opacity:1}to{stroke-dashoffset:0;opacity:.3}}@keyframes border-shimmer-travel{0%{background-position:-400% 0}to{background-position:400% 0}}@keyframes border-circle-shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cursor-shimmer{0%{transform:translateX(-150%)}to{transform:translateX(150%)}}.ai-contextual-container{background:linear-gradient(135deg,#ef4027,#a259ff);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;gap:8px;max-width:400px;padding:12px 16px;width:100%}.ai-contextual-notch{overflow:hidden;position:relative}.ai-contextual-notch:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ai-contextual-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4027,#a259ff);-webkit-background-clip:text;background-clip:text;font-weight:500}.ai-contextual-notch-simple{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:8px;display:flex;justify-content:center;min-width:200px;padding:8px 16px}.ai-generating-text{align-items:center;color:#fff;display:flex;font-family:HKGroteskWide-Medium,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.4}.ai-generating-text span{color:#fff;font-weight:500}.ai-generating-shimmer{display:inline-block;overflow:hidden;position:relative}.ai-generating-shimmer:before{animation:cursor-shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);bottom:0;content:"";left:0;mask:inherit;-webkit-mask:inherit;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.ai-generating-shimmer span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4027,#a259ff);-webkit-background-clip:text;background-clip:text;position:relative;z-index:1}@keyframes typewriter{0%{opacity:0;width:0}1%{opacity:1}to{opacity:1;width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#ef4027b3}}.typewriter-text{animation:typewriter 2.5s steps(30) forwards,blink-caret .8s step-end infinite;border-right:2px solid #ef4027b3;display:inline-block;font-family:HKGroteskWide-Regular,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.4;overflow:hidden;white-space:nowrap}.typewriter-text.completed{animation-name:none;border-right:none}.ai-template-suggestion{align-items:center;cursor:pointer;display:flex;transition:all .2s ease}.ai-template-suggestion:active{transform:translateY(0)}.portal-trigger{align-items:center;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a;color:#fff!important;cursor:pointer;display:flex!important;font-size:12px!important;font-weight:600!important;gap:8px;padding:8px 16px!important;transition:all .2s ease!important}.portal-trigger:hover{background:#ffffff26!important;box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.portal-trigger.selected{animation:portalTriggerPulse 2s ease-in-out infinite;border:none!important;box-shadow:0 0 20px #8b5cf699}.control-bar .portal-trigger.selected,.portal-trigger.selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6 50%,#ec4899)!important}.control-bar .portal-trigger.selected{border-color:#8b5cf6cc!important}.control-bar:has(.portal-trigger.selected) .control-bar-title.portal-active{background:none!important;border:none!important;color:#fff!important;padding:0!important;text-shadow:0 1px 3px #0000004d}.portal-trigger-text{color:#fff!important;font-size:11px;font-weight:600;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.portal-hint{align-items:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important;border:none!important;border-radius:8px;display:flex;justify-content:center;margin-top:8px;padding:8px 12px}.portal-hint-text{background:none!important;border:none!important;color:#fff!important;font-size:10px;line-height:1.3;padding:0!important;text-align:center;text-shadow:0 1px 3px #00000080}@keyframes portalTriggerPulse{0%,to{box-shadow:0 0 20px #8b5cf699}50%{box-shadow:0 0 30px #8b5cf6cc}}.control-bar.dark .portal-hint{background:#ffffff1a}.control-bar.dark .portal-hint-text{color:#f3f4f6}.ai-generation-content{align-items:center;display:flex;gap:12px;justify-content:center}.ai-generation-status-container{align-items:center;display:flex;gap:8px;left:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.ai-generation-text-container{align-items:center;display:flex;gap:4px}.ai-generation-text-shine{-webkit-text-fill-color:#0000;animation:textShine 3s ease-in-out infinite;background:linear-gradient(90deg,#fff,#ef4027 50%,#a259ff 75%,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-size:13px;font-weight:600;letter-spacing:.3px;position:relative}@keyframes textShine{0%{background-position:-200% 0}to{background-position:200% 0}}.ai-generation-dots{display:flex;gap:2px}.dot{animation:dotPulse 1.2s infinite;color:#fff;font-size:13px;font-weight:600;opacity:.3}.dot-1{animation-delay:0s}.dot-2{animation-delay:.3s}.dot-3{animation-delay:.6s}.cursor-ai-loader{align-items:center;display:flex;height:20px;justify-content:center;position:relative;width:20px}.cursor-ai-circle{animation:cursorSpin 1s linear infinite;border:2px solid #0000;border-radius:50%;height:16px;position:relative;width:16px}.cursor-ai-circle:before{background:linear-gradient(135deg,#ef4027,#a259ff);border-radius:50%;bottom:-2px;content:"";left:-2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:2px;position:absolute;right:-2px;top:-2px}@keyframes cursorSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-generation-progress{color:#fff;font-size:13px;font-weight:600;opacity:1;text-align:center;text-shadow:0 1px 2px #0003;white-space:nowrap}.control-bar.image-generation-active{background:var(--primary-red)!important;border:none!important;box-shadow:0 2px 10px #00000040!important}.control-bar.search-minimap-active{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ef4444f2;border-radius:12px;height:120px;padding:16px;width:300px}.search-minimap-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.search-minimap-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.search-minimap-title{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px #0003}.search-minimap-count{background:#0003;border-radius:8px;color:#fffc;font-size:10px;padding:2px 6px}.search-minimap-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex:1 1;position:relative}.search-minimap-dot{cursor:pointer;height:20px;position:absolute;transition:transform .2s ease;width:20px}.search-minimap-dot:hover{transform:scale(1.2)}.minimap-dot-inner{animation:mapPulse 2s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:12px;position:relative;width:12px}.minimap-dot-label{align-items:center;background:#fff;border:1px solid #ef4444;border-radius:50%;color:#ef4444;display:flex;font-size:8px;font-weight:600;height:16px;justify-content:center;left:-2px;position:absolute;top:-2px;width:16px}@keyframes mapPulse{0%,to{box-shadow:0 2px 4px #0003}50%{box-shadow:0 2px 4px #0003,0 0 12px #fff9}}.search-minimap-overflow{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:6px;bottom:8px;color:#ffffffb3;font-size:9px;padding:2px 6px;position:absolute;right:8px}.update-notification-content{align-items:center;display:flex;flex:1 1;gap:0}.update-icon{color:#ffffffe6;flex-shrink:0}.update-text{gap:4px}.update-title{line-height:1.4}.update-title,.update-version{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif}.update-version{line-height:1.5}.update-btn{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;transition:all .2s ease;white-space:nowrap}.download-btn:hover{background:#ffffff40;box-shadow:0 2px 8px #0003}.update-dismiss{background:#0000;border-radius:6px;transition:all .2s ease}.control-bar:has(.update-notification-content){align-items:flex-start!important;background:#ef4444!important;height:120px!important;overflow:hidden!important;padding:22px 24px!important;width:500px!important}.control-bar:has(.update-notification-content).expanded{overflow:hidden!important}.control-bar:has(.update-notification-content).closing{overflow:hidden!important}@keyframes updateNotificationClose{0%{height:80px;opacity:1;padding:16px 20px;width:440px}to{height:6px;opacity:0;padding:0;width:180px}}.dark .control-bar:has(.update-notification-content){background:#dc2626!important}.agentic-designer-section{gap:8px}.agentic-designer-footer{border-top:1px solid #ffffff1a;gap:12px;margin-top:6px;padding:8px 4px 0}.agentic-designer-footer,.template-tabs-container{align-items:center;display:flex;justify-content:center;width:100%}.template-tabs-container{background:#ffffff1a;border-radius:12px;margin-top:10px;padding:4px;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.template-tabs-container:before{background:#ef402766;border-radius:8px;box-shadow:0 2px 6px #00000026;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);width:calc(50% - 4px);z-index:0}.template-tabs-container[data-active-tab="1"]:before{transform:translateX(0)}.template-tabs-container[data-active-tab="2"]:before{transform:translateX(100%)}.template-tab{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;height:32px;justify-content:center;padding:8px 12px;position:relative;text-align:center;transition:all .2s ease;white-space:nowrap;z-index:1}.template-tab.active{color:#fff}.component-template-tabs,.wireframe-template-tabs{display:flex;gap:6px;margin-top:8px;max-height:0;opacity:0;overflow-x:auto;overflow-y:hidden;padding:8px 0;scrollbar-width:none;transition:max-height .35s cubic-bezier(.34,1.56,.64,1),opacity .35s cubic-bezier(.34,1.56,.64,1),margin .35s cubic-bezier(.34,1.56,.64,1),padding .35s cubic-bezier(.34,1.56,.64,1);width:100%}.template-tabs-container[data-active-tab="1"]+.component-template-tabs,.template-tabs-container[data-active-tab="2"]+.wireframe-template-tabs{margin-top:8px;max-height:200px;opacity:1;padding:8px 0}.component-template-tabs::-webkit-scrollbar,.wireframe-template-tabs::-webkit-scrollbar{display:none}.template-option{background:#ffffff1a;border:none;border-radius:6px;color:#ffffffb3;flex-shrink:0;font-size:11px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.template-option:hover:not(:disabled){background:#fff3}.template-option.selected{background:#ef402766;box-shadow:0 2px 4px #0000001a;color:#fff}.template-option svg{height:14px;opacity:.8;width:14px}.template-name{font-size:11px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agentic-designer-section{display:flex;flex-direction:column;gap:10px;max-width:none;padding-bottom:8px;width:100%}.control-bar.expanded.agentic-designer-controls{height:auto!important;max-height:350px!important;min-height:210px!important}.ai-tools-container{align-items:center;display:flex;flex:1 1;gap:4px;justify-content:flex-start;min-width:0;opacity:1;transform:translateZ(0)}.tool-scroll-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.tool-scroll-button:hover{background:#fff3;border-color:#ffffff4d;color:#fff;transform:scale(1.05)}.tool-scroll-button:active{transform:scale(.95)}.ai-tools-scroll{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:6px;overflow-x:auto;padding:2px 0;scroll-behavior:smooth;scrollbar-width:none;transform:translateZ(0)}.ai-tools-scroll::-webkit-scrollbar{display:none}.ai-tool-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:6px;min-height:28px;padding:6px 10px;text-shadow:0 1px 2px #0000004d;transition:all .2s ease;white-space:nowrap}.ai-tool-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 2px 8px #0003;color:#fff;transform:translateY(-1px)}.ai-tool-button:active{box-shadow:0 1px 4px #0003;transform:translateY(0)}.ai-tool-button.selected{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 2px 8px #00000040;color:#fff;font-weight:600}.ai-tool-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.tool-name{font-size:11px;font-weight:inherit;text-shadow:inherit}.generation-modes{gap:4px;opacity:1;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.back-button,.generation-modes{align-items:center;display:flex}.back-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ef40274d;border-radius:12px;color:#ffffffe6;cursor:pointer;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s ease}.back-button:hover{background:#ef40271a;border-color:#ef402780;color:#ef4027;transform:translateY(-1px)}.back-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.current-mode-display{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef402726;border:1px solid #ef40274d;border-radius:12px;display:flex;flex-shrink:0;gap:6px;padding:6px 10px}.current-mode-display,.current-mode-display .mode-label{color:#ef4027;font-size:12px;font-weight:500}.generation-modes.expanded{animation:slideInFromLeft .4s cubic-bezier(.4,0,.2,1) forwards;transform:translateX(0) translateZ(0)}.generation-modes:not(.expanded){animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1) forwards;transform:translateX(0) translateZ(0)}.agent-info{background:#ffffff26;border-radius:4px;color:#ffffffe6;flex-shrink:0;font-size:11px;font-weight:500;padding:2px 6px}.agent-info,.model-selection-container{align-items:center;display:flex;gap:4px}.model-selection-container{flex:1 1;justify-content:center;min-width:0;opacity:1;transform:translateZ(0)}.agentic-designer-section .model-selection-container{justify-content:center!important}.agentic-designer-section .model-selection-container.compact{flex:none;justify-content:flex-start!important;margin-left:4px;margin-right:8px}.model-scroll-button{align-items:center;background:#ffffff1a;border:none;border-radius:3px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:background .2s ease;width:20px}.model-scroll-button:hover:not(:disabled){background:#fff3;color:#ffffffe6}.model-scroll-button:disabled{cursor:not-allowed;opacity:.3}.model-selection-scroll{-ms-overflow-style:none;display:flex;flex:1 1;gap:6px;min-width:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.model-selection-scroll::-webkit-scrollbar{display:none}.model-option{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;font-weight:500;gap:3px;padding:2px 6px;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .2s ease;white-space:nowrap;will-change:transform}.model-option:hover:not(:disabled){background:#fff3;color:#ffffffe6;transform:translateZ(0)}.model-option.selected{background:#ffffff1a;border:2px solid #fffc!important;box-shadow:0 0 8px #fff6!important;color:#fffffff2;font-size:10px!important;padding:2px 6px!important;transform:translateZ(0)!important}.model-option.selected svg{font-size:inherit!important;line-height:inherit!important}.model-option svg,.model-option.selected svg{stroke-width:1.5!important;filter:none!important;flex-shrink:0!important;height:14px!important;scale:none!important;transform:none!important;width:14px!important;will-change:auto!important}.mode-button svg,.model-option svg,.model-scroll-button svg{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;filter:none!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;scale:none!important;transform:none!important;will-change:auto!important}.agentic-designer-section .mode-button,.agentic-designer-section .model-option,.agentic-designer-section button{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;transform:translateZ(0)!important;-webkit-user-select:none!important;user-select:none!important}.agentic-designer-section .mode-button:active,.agentic-designer-section .mode-button:focus,.agentic-designer-section .model-option:active,.agentic-designer-section .model-option:focus,.agentic-designer-section button:active,.agentic-designer-section button:focus,.agentic-designer-section button:visited{outline:none!important;transform:translateZ(0)!important}.agentic-designer-section .mode-button:active svg,.agentic-designer-section .mode-button:focus svg,.agentic-designer-section .model-option:active svg,.agentic-designer-section .model-option:focus svg,.agentic-designer-section button:active svg,.agentic-designer-section button:focus svg{filter:none!important;scale:none!important;transform:none!important}.model-option:disabled{cursor:not-allowed;opacity:.4}.agentic-designer-section .mode-button svg,.agentic-designer-section .model-option svg,.agentic-designer-section button svg,.agentic-designer-section svg{font-feature-settings:normal!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;filter:none!important;font-style:normal!important;font-variant:normal!important;height:16px!important;height:var(--icon-height,16px)!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;scale:none!important;text-decoration:none!important;transform:none!important;transition:none!important;vertical-align:initial!important;width:16px!important;width:var(--icon-width,16px)!important;will-change:auto!important}.agentic-designer-section .mode-button,.agentic-designer-section .model-option{contain:layout style!important}.agentic-designer-section .mode-button.selected,.agentic-designer-section .mode-button:active,.agentic-designer-section .model-option.selected,.agentic-designer-section .model-option:active,.agentic-designer-section button.selected,.agentic-designer-section button:active{scale:none!important;transform:none!important}.generation-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;font-size:12px;margin-top:8px;padding:8px 12px}.preview-loading{align-items:center;display:flex;gap:6px}.preview-content{display:flex;flex-direction:column;gap:4px}.preview-description{color:#ffffffe6;font-weight:500}.preview-templates{color:#fff9;font-size:11px}.agentic-designer-section button:active{transform:translateZ(0)!important}.agentic-designer-section .mode-button.selected svg,.agentic-designer-section .mode-button:active svg,.agentic-designer-section .model-option.selected svg,.agentic-designer-section .model-option:active svg,.agentic-designer-section button.selected svg,.agentic-designer-section button:active svg{filter:none!important;scale:none!important;transform:none!important;transition:none!important;will-change:auto!important}.agentic-designer-input-container{align-items:center;background:#0000!important;border:none!important;border-radius:0;display:flex;overflow:visible;position:relative}.agentic-designer-input{background:#0000!important;border:none!important;box-shadow:none!important;color:#fffffff2!important;flex:1 1;font-size:14px;outline:none!important;padding:8px 12px}.agentic-designer-input:disabled{color:#fff6!important;cursor:not-allowed!important}.agentic-designer-input::placeholder{color:#fffc!important}.agentic-designer-input:disabled::placeholder{color:#ffffff4d!important}.send-button{align-items:center;background:#fff;border:1px solid #fffc;border-radius:8px;box-shadow:0 2px 8px #00000026,inset 0 1px 0 #ffffff4d;color:#ef4027;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:8px;transition:all .2s ease;width:32px}.send-button-generating{background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 4px 8px #ef444466!important;color:#fff!important}.send-button-generating svg{stroke:#fff!important;color:#fff!important}.send-button svg{stroke:#ef4027;fill:none;stroke-width:2;color:#ef4027}.send-button:hover:not(:disabled){background:#ef4027;background:var(--primary-red,#ef4027);color:#fff!important}.send-button:active,.send-button:hover:not(:disabled){scale:none!important;transform:none!important;translate:none!important}.send-button:active{left:0!important;position:relative!important;top:0!important}.send-button:hover:not(:disabled) svg,.send-button:hover:not(:disabled) svg *{stroke:#ef4027!important;stroke:var(--primary-red,#ef4027)!important;fill:#ef4027!important;fill:var(--primary-red,#ef4027)!important;color:#ef4027!important;color:var(--primary-red,#ef4027)!important}.send-button:disabled{background:#ffffff26!important;border-color:#fff3!important;box-shadow:0 1px 3px #00000026!important;color:#fff6!important;cursor:not-allowed}.send-button:disabled svg{stroke:#fff6!important;fill:none!important;stroke-width:1.5!important;color:#fff6!important}.send-button-generating:disabled{background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 4px 8px #ef444466!important;color:#fff!important;cursor:pointer!important}.send-button-generating:disabled svg{stroke:#fff!important;color:#fff!important}.generating-indicator{align-items:center;color:#fffc;display:flex;gap:6px;padding:8px 12px}.spinner{border:2px solid #ef40274d;border-top-color:#ef4027cc}.generating-text{-webkit-text-fill-color:#0000;animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#fff9 25%,#ffffffe6 50%,#fff9 75%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-size:14px;font-weight:500}.control-bar.expanded.agentic-designer-controls{max-width:95%;width:550px}.image-generation-section{display:flex;flex-direction:column;gap:8px;max-width:450px;width:100%}.image-generation-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:12px;margin-top:6px;padding:8px 4px 0}.image-generation-input-container{align-items:center;background:#0000!important;border:none!important;border-radius:0;display:flex;overflow:visible;position:relative}.image-generation-input{background:#0000!important;border:none!important;box-shadow:none!important;color:#fffffff2;flex:1 1;font-size:14px;outline:none!important;padding:8px 12px}.image-generation-input::placeholder{color:#ffffffb3}.example-prompts-container{align-items:center;display:flex;gap:4px;margin:4px 0;padding:0 4px}.prompt-scroll-button{align-items:center;background:#ffffff1a;border:none;border-radius:3px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:background .2s ease;width:20px}.prompt-scroll-button:hover:not(:disabled){background:#fff3;color:#ffffffe6}.prompt-scroll-button:disabled{cursor:not-allowed;opacity:.3}.example-prompts-scroll{-ms-overflow-style:none;display:flex;flex:1 1;gap:6px;min-width:0;overflow-x:auto;padding:2px 0;scroll-behavior:smooth;scrollbar-width:none}.example-prompts-scroll::-webkit-scrollbar{display:none}.example-prompt{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:500;max-width:180px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.example-prompt:hover:not(:disabled){background:#fff3;box-shadow:0 2px 6px #0000001a;color:#fffffff2;transform:translateY(-1px)}.example-prompt:disabled{cursor:not-allowed;opacity:.4}.control-bar.expanded .agentic-input-container,.control-bar.expanded .ai-tabs,.control-bar.expanded .brainstorming-tools,.control-bar.expanded .color-picker-inline,.control-bar.expanded .control-content,.control-bar.expanded .image-gen-input-container{opacity:1;transition:opacity .4s ease .1s;visibility:visible}.control-bar:not(.expanded) .agentic-input-container,.control-bar:not(.expanded) .ai-tabs,.control-bar:not(.expanded) .brainstorming-tools,.control-bar:not(.expanded) .color-picker-inline,.control-bar:not(.expanded) .control-content,.control-bar:not(.expanded) .image-gen-input-container{opacity:0;transition:opacity .25s ease;transition-delay:0s;visibility:hidden}.control-bar .agentic-input-container,.control-bar .ai-tabs,.control-bar .brainstorming-tools,.control-bar .color-picker-inline,.control-bar .control-content,.control-bar .image-gen-input-container{pointer-events:auto;position:relative;z-index:1}.control-bar.brainstorming-controls:not(.expanded){transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);width:160px}.control-bar.image-generation-controls.expanded,.control-bar.image-generation-controls:not(.expanded){width:500px!important}.control-bar.brainstorming-controls.expanded:has(.color-picker-inline):has(.stroke-width-container){height:90px!important;max-height:150px!important;min-height:90px!important;width:480px!important}.control-bar.brainstorming-controls:not(.expanded):has(.color-picker-inline):has(.stroke-width-container){height:140px!important;max-height:150px!important;min-height:140px!important;width:320px!important}.control-bar.brainstorming-controls.expanded:has(.shape-type-selector){height:90px!important;max-height:130px!important;min-height:70px!important;width:480px!important}.control-bar.brainstorming-controls:not(.expanded):has(.shape-type-selector){height:110px!important;max-height:120px!important;min-height:110px!important;width:300px!important}.control-bar.brainstorming-controls.expanded:has(.connector-type-selector){height:60px!important;max-height:110px!important;min-height:60px!important;width:100px!important}.control-bar.brainstorming-controls:not(.expanded):has(.connector-type-selector){height:90px!important;max-height:100px!important;min-height:90px!important;width:200px!important}.control-bar.brainstorming-controls.expanded{width:160px!important}.generation-modes .mode-button svg,.generation-modes .mode-button.selected svg,.model-selection-scroll .model-option svg,.model-selection-scroll .model-option.selected svg{stroke-width:1.5!important;shape-rendering:geometricPrecision!important;vector-effect:non-scaling-stroke!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;height:16px!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;position:static!important;rotate:none!important;scale:none!important;transform:none!important;transform-origin:center!important;translate:none!important;width:16px!important}.control-bar.brainstorming-controls:not(.expanded){width:160px!important}.models-panel{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.model-item:hover{background:#ffffff14!important;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.floating-thumbnails-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px;margin-top:12px}.floating-thumbnail{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:80px}.floating-thumbnail:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.floating-thumbnail.uploaded-image{background:#0009;border-color:#ef402780}.floating-thumbnail.upload-placeholder{background:#0000;border:2px dashed #ffffff4d}.floating-thumbnail.upload-placeholder:hover{background:#ef40271a;border-color:#ef402799}.floating-thumbnail.model-card{cursor:default;height:110px;width:120px}.floating-thumbnail.model-card.downloaded{background:#22c55e1a;border-color:#22c55e4d}.floating-thumbnail.model-card.not-downloaded{background:#ffffff0d;border-color:#fff3}.floating-thumbnail.model-card:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.thumbnail-image{border-radius:12px;height:100%;object-fit:cover;width:100%}.thumbnail-remove-btn{align-items:center;background:#ef4027e6;border:1px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:10}.thumbnail-remove-btn:hover{background:#ef4027;transform:scale(1.1)}.remove-icon{stroke-width:2;color:#fff;height:12px;width:12px}.thumbnail-label{background:#000c;border-radius:4px;bottom:4px;color:#fff;font-size:10px;left:50%;max-width:70px;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap}.upload-icon-container{margin-bottom:8px}.upload-icon{stroke-width:1.5;color:#ffffffb3;height:28px;width:28px}.floating-thumbnail.upload-placeholder:hover .upload-icon{color:#ef4027cc}.hf-search-input{color:#fff!important}.hf-search-input::placeholder{color:#ffffffb3!important}.control-bar.expanded.compose-controls{align-items:flex-start!important;background:#ef4027!important;background-clip:padding-box!important;border-radius:12px 12px 0 0!important;box-shadow:0 4px 16px #ef402766,0 2px 8px #00000026,inset 0 1px 0 #fff3!important;display:flex!important;height:auto!important;justify-content:center!important;max-width:none!important;min-height:120px!important;min-width:580px!important;padding:12px 20px!important;position:relative!important;transform:scale(1.02)!important;transform-origin:center bottom!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1),width .25s cubic-bezier(.34,1.56,.64,1),height .25s cubic-bezier(.34,1.56,.64,1),padding .25s cubic-bezier(.34,1.56,.64,1),opacity .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.34,1.56,.64,1)!important;width:580px!important}.control-bar:has(.compose-section){height:auto!important;min-height:120px!important;transition:min-height .25s cubic-bezier(.34,1.56,.64,1),height .25s cubic-bezier(.34,1.56,.64,1),padding .25s cubic-bezier(.34,1.56,.64,1),width .25s cubic-bezier(.34,1.56,.64,1),opacity .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.34,1.56,.64,1),transform .25s cubic-bezier(.34,1.56,.64,1)!important}.control-bar.expanded.compose-controls.brainstorming-build-mode{align-items:flex-start!important;border-radius:22px 22px 0 0!important;height:auto!important;justify-content:center!important;max-height:224px!important;max-width:calc(100vw - 104px)!important;min-height:156px!important;min-width:680px!important;padding:14px 18px 18px!important;width:804px!important}.control-bar.expanded.compose-controls.brainstorming-build-mode.brainstorming-build-compact{max-height:156px!important;max-width:calc(100vw - 104px)!important;min-height:118px!important;min-width:620px!important;padding:12px 18px 14px!important;width:748px!important}.compose-section{display:flex;flex-direction:column;gap:8px;max-width:none;padding-top:8px;position:relative;width:100%}.brainstorming-build-section{gap:8px;min-height:100%;padding-top:0}.brainstorming-build-close-button{left:0;position:absolute;right:auto;top:8px}.brainstorming-build-compact-button{left:34px;position:absolute;right:auto;top:8px}.brainstorming-build-input-row{align-items:flex-start;display:flex;gap:10px;min-height:146px;padding:46px 6px 0;width:100%}.brainstorming-build-compact .brainstorming-build-input-row{min-height:104px}.brainstorming-build-input-stack{align-self:stretch;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:flex-start;min-height:132px;position:relative}.brainstorming-build-compact .brainstorming-build-input-stack{gap:8px;min-height:90px}.brainstorming-build-loading-overlay{align-items:flex-start;display:flex;left:0;min-height:40px;pointer-events:none;position:absolute;right:0;top:10px;z-index:2}.brainstorming-build-loading-content{align-items:center;color:#fffffff5;display:inline-flex;font-size:16px;gap:0}.brainstorming-build-loading-content,.brainstorming-build-loading-text{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;line-height:1.3}.brainstorming-build-loading-text{-webkit-text-fill-color:#0000;animation:shimmerText 2s linear infinite;background:linear-gradient(90deg,#fffc,#fff 50%,#fffc);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;display:inline-block;font-size:15px;position:relative}.brainstorming-build-loading-text:after{display:none}@keyframes shimmerText{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.brainstorming-build-input{-ms-overflow-style:none;flex:1 1;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.3!important;margin-bottom:0!important;max-height:92px!important;min-height:34px!important;overflow-y:hidden!important;padding:2px 0 0!important;scrollbar-width:none}.brainstorming-build-input:disabled{-webkit-text-fill-color:#0000;color:#0000!important}.brainstorming-build-input::placeholder{color:#ffffff94;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:400}.brainstorming-build-input::-webkit-scrollbar{display:none}.brainstorming-build-input::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.brainstorming-build-input::-webkit-scrollbar-thumb{background:#ffffff47;border:1px solid #ef40272e;border-radius:999px}.brainstorming-build-input::-webkit-scrollbar-thumb:hover{background:#ffffff61}.brainstorming-build-assists{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-bottom:2px}.brainstorming-build-compact .brainstorming-build-assists{display:none}.brainstorming-build-pill,.brainstorming-storyboard-auto-button{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;color:#ffffffeb;cursor:pointer;display:inline-flex;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;font-weight:600;gap:6px;letter-spacing:.01em;min-height:28px;padding:0 10px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.brainstorming-build-pill:hover,.brainstorming-storyboard-auto-button:hover{background:#ffffff24;border-color:#ffffff47}.brainstorming-storyboard-auto-button{padding:0 14px}.brainstorming-build-send-button{align-items:center;align-self:flex-start;background:#0000;border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;height:24px;justify-content:center;margin-top:18px;min-width:24px;transition:opacity .18s ease,transform .18s ease;width:24px}.brainstorming-build-compact .brainstorming-build-send-button{margin-top:12px}.brainstorming-build-send-button:hover:not(:disabled){opacity:.8;transform:translateY(-1px)}.brainstorming-build-send-button:disabled{cursor:not-allowed;opacity:.45}.brainstorming-build-send-button.generating{background:#0000;border-radius:0;min-width:24px;padding:0;width:24px}.brainstorming-build-send-spinner{animation:controlBarSendSpin .75s linear infinite;border:1.6px solid #ffffff3d;border-radius:999px;border-top-color:#fff;height:14px;width:14px}@keyframes controlBarSendSpin{to{transform:rotate(1turn)}}.compose-close-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px;z-index:10}.compose-close-button:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.compose-input-disabled{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff6;cursor:not-allowed;font-size:14px;margin-bottom:4px;padding:10px 12px;text-align:center;width:100%}.compose-input-disabled::placeholder{color:#ffffff4d}.compose-input-enabled{border:none;border-radius:0;color:#fff;cursor:text;font-family:HK Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:400;line-height:1.4;margin-bottom:8px;max-height:120px;min-height:20px;overflow-y:auto;padding:12px 16px;resize:none;text-align:left;transition:all .2s ease;width:100%}.compose-input-enabled,.compose-input-enabled:focus{background:#0000;outline:none}.compose-input-enabled::placeholder{color:#fff9;font-weight:400}.compose-main-actions{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:4px}.compose-action-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;min-width:60px;padding:6px 14px;text-align:center;transition:all .2s ease;z-index:1!important}.compose-action-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.compose-action-button.active{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 6px #0000001a}.compose-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px;min-height:24px;order:-1;width:100%}.compose-generation-method-header{align-items:center;display:flex;gap:6px}.compose-generation-label{color:#fffc;font-size:10px;font-weight:500;white-space:nowrap}.compose-generation-button-header{background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#fff;cursor:pointer;font-size:9px;font-weight:500;height:18px;min-width:40px;padding:2px 6px;text-align:center;transition:all .2s ease}.compose-generation-button-header:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.compose-generation-button-header.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 1px 4px #00000026}.compose-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:0;padding:6px 4px 8px;width:100%}.compose-agent-label{align-items:center;color:#ffffffe6;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px}.compose-models-container{align-items:center;display:flex;flex:1 1;gap:4px;justify-content:flex-end;min-width:0}.compose-models-scroll{flex:1 1}.compose-model-option{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#ffffffe6;cursor:pointer;flex-shrink:0;font-size:11px;padding:3px 8px;transition:all .2s ease;white-space:nowrap}.compose-model-option:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.compose-model-option.selected{background:#ffffff40;border-color:#fff6;color:#fff;font-weight:500}.compose-model-option.unavailable{cursor:not-allowed;opacity:.5}.compose-model-option.unavailable,.compose-model-option.unavailable:hover{background:#ffffff0d;border-color:#ffffff1a;color:#fff6}.generate-selection-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ef40271f;border:1.5px solid #ef402766;border-radius:6px;color:#fffffff2;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;height:32px;justify-content:center;max-width:200px;min-width:120px;overflow:hidden;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.generate-selection-button:hover{background:#ef40272e;border-color:#ef402799;box-shadow:0 4px 12px #ef402740;transform:translateY(-1px)}.generate-selection-button:active{box-shadow:0 2px 6px #ef402733;transform:translateY(0)}.generate-selection-button.generating{background:#ef402714;border-color:#ef40274d;cursor:not-allowed;opacity:.7}.generate-selection-button .button-text{display:inline-block;overflow:hidden;position:relative;z-index:2}.generate-selection-button .button-text:before{animation:shine-sweep 2.5s ease-in-out infinite;animation-delay:.5s;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine-sweep{0%{left:-100%}50%{left:100%}to{left:100%}}.generate-selection-button.generating .button-text:before{animation:none}.generate-selection-button svg{flex-shrink:0;height:14px!important;width:14px!important}.generate-from-selection-container{display:flex;justify-content:center;margin-top:12px;width:100%}.selected-model-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.selected-model-info{flex:1 1}.selected-model-name{font-size:14px}.selected-provider-badge{color:#ffffffe6;letter-spacing:.5px}.model-toggle-arrow{align-items:center;background:none;color:#ffffffb3;display:flex;justify-content:center}.model-toggle-arrow:hover{color:#fff}.model-toggle-arrow svg{height:12px;width:12px}.portal-agent-compose-selectors{align-content:center;align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;overflow:visible!important;position:relative!important}.portal-agent-compose-selectors>.portal-agent-model-selector-top{flex:1 1;max-width:140px;min-width:120px;position:relative}.portal-agent-image-model-selector,.portal-agent-model-selector,.portal-agent-provider-selector{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;max-width:120px;min-width:80px;padding:6px 10px;position:relative;transition:all .2s ease}.portal-agent-image-model-selector:hover,.portal-agent-model-selector:hover,.portal-agent-provider-selector:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.portal-agent-provider-selector{flex:0.8 1;max-width:100px}.portal-agent-model-selector{flex:1.0 1;max-width:120px}.portal-agent-image-model-selector{flex:0.8 1;max-width:100px}.portal-agent-selector-arrow{color:#fff9;font-size:9px;margin-left:auto;transition:transform .2s ease}.portal-agent-settings-inline{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181cfa;border-radius:12px;bottom:0;left:0;overflow-y:auto;padding:16px;position:absolute;right:0;top:0;z-index:1000}.settings-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.settings-back-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 10px;transition:all .2s ease}.settings-back-button:hover{background:#ffffff26}.settings-header h3{color:#fff;font-size:14px;font-weight:500;margin:0}.settings-section{margin-bottom:16px}.settings-section label{color:#fffc;display:block;font-size:12px;margin-bottom:8px}.settings-provider-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.settings-provider-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;padding:10px;text-align:left;transition:all .2s ease}.settings-provider-card:hover{background:#ffffff1f}.settings-provider-card.selected{background:#ef402733;border-color:#ef402780}.provider-name{font-size:12px}.provider-desc{color:#fff9;font-size:10px}.settings-api-input{background:#ffffff14;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:11px;padding:8px 10px;width:100%}.settings-save-button{background:#ef4027e6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:10px;transition:all .2s ease;width:100%}.settings-save-button:hover{background:#ef4027}.portal-agent-selector-arrow.open{transform:rotate(180deg)}.portal-agent-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181cf2;border:1px solid #ffffff1f;border-radius:6px;box-shadow:0 4px 16px #0003;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;scrollbar-color:#fff3 #0000;scrollbar-width:thin;top:calc(100% + 4px);z-index:9999}.portal-agent-dropdown::-webkit-scrollbar{width:4px}.portal-agent-dropdown::-webkit-scrollbar-track{background:#0000}.portal-agent-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.portal-agent-dropdown-option{border-bottom:1px solid #ffffff0f;color:#ffffffe6;cursor:pointer;font-size:12px;padding:8px 12px;transition:background-color .2s ease}.portal-agent-dropdown-option:last-child{border-bottom:none}.portal-agent-dropdown-option:hover{background:#ffffff14}.portal-agent-dropdown-option.selected{background:#ef402726;border-left:3px solid #ef4027;color:#fff}:not(.dark) .portal-agent-dropdown,body:not(.dark) .portal-agent-dropdown{background:#fffffff2;border-color:#ef402733}:not(.dark) .portal-agent-dropdown-option,body:not(.dark) .portal-agent-dropdown-option{border-bottom-color:#0000000f;color:#1f2937}:not(.dark) .portal-agent-dropdown-option:hover,body:not(.dark) .portal-agent-dropdown-option:hover{background:#ef40271a}.portal-agent-compose-actions{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.portal-agent-compose-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease}.portal-agent-compose-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.portal-agent-compose-btn.active{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 8px #00000026;color:#fff;font-weight:600}.portal-agent-compose-btn svg{flex-shrink:0;height:14px;width:14px}.portal-agent-exit-compose{align-self:flex-start;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:11px;margin-bottom:8px;padding:4px 8px;transition:all .2s ease}.portal-agent-exit-compose:hover{background:#ffffff1f;border-color:#ffffff40;color:#ffffffe6}.portal-agent-compose-input-container{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;display:flex;margin-top:8px;padding:2px;position:relative}.portal-agent-compose-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;max-height:100px;min-height:20px;outline:none;overflow-y:auto;padding:8px 12px;resize:none}.portal-agent-compose-input::placeholder{color:#fff9}.portal-agent-compose-submit{align-items:center;background:#ffffffe6;border:none;border-radius:6px;color:#ef4027;cursor:pointer;display:flex;height:32px;justify-content:center;margin:2px;transition:all .2s ease;width:32px}.portal-agent-compose-submit:hover:not(:disabled){background:#fff;transform:scale(1.05)}.portal-agent-compose-submit:disabled{cursor:not-allowed;opacity:.5}.portal-agent-compose-submit svg{height:16px;width:16px}.selected-model-display{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px;transition:all .2s ease}.selected-model-info{align-items:center;display:flex;gap:8px}.selected-model-label{color:#ffffffb3;font-size:12px;font-weight:500}.selected-model-name{color:#fff;font-size:12px;font-weight:600}.selected-provider-badge{background:#ffffff26;border:1px solid #ffffff40;border-radius:4px;color:#fffc;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.model-toggle-arrow{background:#0000;border:none;border-radius:4px;color:#fff9;cursor:pointer;padding:4px;transform-origin:center;transition:all .2s ease}.model-toggle-arrow:hover{background:#ffffff1a;color:#fffc}.model-toggle-arrow.expanded{transform:rotate(180deg)}.storyboard-provider-indicator{margin:8px 0;padding:8px 0;text-align:center}.indicator-separator{background:#fff3;height:1px;margin-bottom:6px;width:100%}.indicator-text{color:#ffffffb3;font-size:11px;font-weight:400;letter-spacing:.3px}.storyboard-model-selector{align-items:center;display:flex;flex-direction:column;gap:6px;margin:8px 0;padding:8px 0;text-align:center}.storyboard-image-models-container{align-items:center;display:flex;gap:4px;overflow:visible!important;padding:0 8px;position:relative!important}.compose-provider-selector-container{overflow:visible!important;transform-origin:top center;transition:max-height .3s ease-out,opacity .3s ease-out}.compose-provider-selector-container.collapsed{max-height:0;opacity:0}.compose-provider-selector-container.expanded{max-height:350px;opacity:1}.compose-provider-model-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.provider-model-separator{color:#fff9;flex-shrink:0;font-size:14px;font-weight:700;margin:0 4px}.compose-provider-vertical-container{flex-shrink:0;height:120px;position:relative;width:100px}.compose-providers-vertical-scroll{-ms-overflow-style:none;display:flex;flex-direction:column;gap:4px;height:100%;mask:linear-gradient(180deg,#0000 0,#000 25%,#000 75%,#0000);-webkit-mask:linear-gradient(180deg,#0000 0,#000 25%,#000 75%,#0000);overflow-y:auto;padding:20px 0;scroll-behavior:smooth;scrollbar-width:none}.compose-providers-vertical-scroll::-webkit-scrollbar{display:none}.compose-provider-option{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fffc;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:500;padding:6px 10px;text-align:center;transition:all .2s ease;white-space:nowrap}.compose-provider-option:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.compose-provider-option.selected{background:#ffffff40;border-color:#fff6;color:#fff;font-weight:600}.compose-models-horizontal-container{flex:1 1;min-width:0}.compose-models-scroll{-ms-overflow-style:none;align-items:center;display:flex;gap:6px;overflow-x:auto;padding:2px 0;scroll-behavior:smooth;scrollbar-width:none;transform:translateZ(0)}.compose-models-scroll::-webkit-scrollbar{display:none}.compose-api-key-input-row{align-items:center;animation:slideInApiKey .3s ease-out;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;margin-top:6px;opacity:1;transform:translateY(0)}@keyframes slideInApiKey{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:100px;opacity:1;transform:translateY(0)}}.compose-api-key-label{color:#fffc;font-size:12px;font-weight:500;text-align:center}.model-selection-actions-centered{display:flex;gap:8px;justify-content:center;margin-bottom:6px;margin-top:2px}.api-key-input-container{gap:8px}.compose-api-key-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:13px;min-width:200px;padding:8px 10px;transition:all .2s ease}.compose-api-key-input:focus{background:#ffffff26;border-color:#fff6;outline:none}.compose-api-key-input::placeholder{color:#ffffff80}.api-key-actions{display:flex;gap:6px}.api-key-cancel-button,.api-key-save-button{border:1px solid;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.api-key-cancel-button{background:#ffffff1a;border-color:#fff3;color:#fffc}.api-key-cancel-button:hover{background:#ffffff26;border-color:#ffffff4d}.api-key-save-button.enabled{background:#fff3;border-color:#fff6;color:#fff}.api-key-save-button.enabled:hover{background:#ffffff4d;border-color:#ffffff80}.api-key-save-button.disabled{background:#ffffff0d;border-color:#ffffff1a;color:#fff6;cursor:not-allowed}.portal-agent-action-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3!important;border:1px solid #fff6!important;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fffffff2!important;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:32px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.portal-agent-action-button:hover{background:#ffffff4d!important;border-color:#fff9!important;box-shadow:0 4px 8px #00000026;color:#fff!important;transform:translateY(-1px)}.control-bar.expanded.ai-controls{align-items:stretch;display:flex;flex-direction:column;gap:0;justify-content:flex-start}.portal-agent-top-bar{overflow:visible!important;position:relative!important}.portal-agent-mode-indicator,.portal-agent-model-selector,.portal-agent-voice-toggle{align-items:center;color:#ffffffe6;display:flex;font-size:13px;font-weight:500;gap:6px}.portal-agent-mode-indicator{color:#ef4027}.portal-agent-close-btn,.portal-agent-settings-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.portal-agent-close-btn:hover,.portal-agent-settings-btn:hover{background:#fff3;color:#fff}.portal-agent-close-btn{margin-left:auto}.portal-agent-conversation{flex:1 1;min-height:200px;overflow-y:auto;padding:20px}.portal-agent-conversation-content{display:flex;flex-direction:column;gap:12px}.portal-agent-feature-item{align-items:center;border-bottom:1px solid #ffffff0d;color:#fffc;display:flex;font-size:14px;gap:10px;padding:8px 0}.portal-agent-feature-item:last-child{border-bottom:none}.portal-agent-message{border-radius:12px;line-height:1.6;margin:8px 0;padding:12px 16px}.portal-agent-message.user{align-self:flex-end;background:#ef402714;border:1px solid #ef402733;color:#fffffff2;max-width:80%}.portal-agent-message.agent{align-self:flex-start;background:#0000;border:none;color:#fffffff2;max-width:85%;padding:8px 0}.portal-agent-status{align-items:center;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:6px;color:#fffc;display:flex;font-size:13px;gap:8px;line-height:1.2;padding:4px 12px 8px}.status-indicator{border-radius:50%;height:6px;width:6px}.status-indicator.thinking{background:#fbbf24}.status-indicator.acting{background:#3b82f6}.status-indicator.error{background:#ef4444}.portal-agent-input-container{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.portal-agent-input-icon{color:#fff6;flex-shrink:0;height:16px;width:16px}.portal-agent-input{box-sizing:border-box;flex:1 1;height:20px!important;line-height:20px;max-height:20px!important;min-height:20px!important;overflow:hidden;padding:0;resize:none;vertical-align:middle}.portal-agent-input::placeholder{color:#ffffff80}.portal-agent-actions{flex-shrink:0;margin-top:8px;min-height:36px}.portal-agent-action-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fffc}.portal-agent-action-btn:hover{background:#ffffff26;color:#fff}.portal-agent-action-btn.portal-agent-primary{background:#ef4027;border-color:#ef4027;color:#fff;margin-left:auto}.portal-agent-action-btn.portal-agent-primary:hover{background:#dc2626}.control-bar.expanded.ai-controls{display:block!important}.portal-agent-conversation-minimal{bottom:60px;left:20px;overflow-y:auto;position:absolute;right:20px;top:20px}.portal-agent-conversation-minimal::-webkit-scrollbar{width:4px}.portal-agent-conversation-minimal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.portal-agent-conversation-minimal::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.portal-agent-conversation-minimal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.portal-agent-message.user{background:var(--primary-red)!important;border:none!important;border-radius:12px!important;color:#fff!important;font-size:14px!important;font-weight:400!important;margin:8px 0 8px 120px!important;padding:10px 16px!important}.portal-agent-message .streaming-cursor{animation:blink 1s infinite;color:#ef4027cc;font-weight:700}.portal-agent-template-actions{align-items:center;display:flex;gap:8px;margin-bottom:8px}.template-button-container{position:relative}.portal-agent-template-btn{align-items:center;background:#ef40271a;border:1px solid #ef40274d;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.portal-agent-template-btn:hover{background:#ffffff26;border-color:#ef40274d}.portal-agent-template-btn.active{background:#ef402726;border-color:#ef402766;color:#fffffff2}.template-type-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:6px;box-shadow:0 2px 12px #0000001a;left:0;min-width:140px;position:absolute;top:calc(100% + 4px);z-index:9999}.template-option{align-items:center;border-bottom:1px solid #0000000d;color:#1f2937;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px;transition:background-color .2s ease}.template-option:last-child{border-bottom:none}.template-option:hover{background:#ef40271a}.portal-agent-message.agent{background:#0000!important;border:none!important;border-radius:0!important;color:#fffffff2!important;font-size:14px!important;line-height:1.6!important;margin:8px 0!important;padding:8px 0!important}.portal-agent-tool-call-only{margin:8px 0}.portal-agent-status-minimal{color:#fff9;font-size:12px;line-height:1.2;margin:4px 0 8px}.status-dot{height:6px;width:6px}.status-dot.thinking{background:#fbbf24}.status-dot.error{background:#ef4444}.portal-agent-input-minimal{background:#0000;border:none;border-bottom:1px solid #ffffff4d;bottom:15px;color:#ffffffe6;font-size:14px;height:30px;left:70px;outline:none;padding:6px 0;position:absolute;right:70px;transition:border-color .2s ease}.portal-agent-input-minimal:focus{border-bottom-color:#fff9}.portal-agent-input-minimal::placeholder{color:#fff6}.portal-agent-context-btn{align-items:center;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:12px;bottom:12px;color:#ffffffb3;cursor:pointer;display:flex;height:36px;justify-content:center;left:20px;position:absolute;transition:all .2s ease!important;width:36px}.portal-agent-context-btn:hover{background:#fff3!important;color:#fff}.portal-agent-send{align-items:center;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;bottom:12px;box-shadow:0 0 20px #ef402726!important;color:#ef4027!important;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;transition:all .2s ease!important;width:36px}.portal-agent-send:hover{background:#ef402733!important;border-color:#ef402780!important;box-shadow:0 0 30px #ef40274d!important;color:#ef4027!important;transform:translateY(-1px)!important}.portal-agent-status-content{gap:6px;margin-top:-2px}.control-bar.expanded.ai-controls{display:flex!important;flex-direction:column!important;padding:0!important;position:relative!important;z-index:1000!important}.portal-agent-top-bar{gap:12px;padding:12px 20px}.portal-agent-context-indicator{align-items:center;color:#ef4027;display:flex;font-size:13px;font-weight:500;gap:6px}.portal-agent-voice-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.portal-agent-voice-toggle:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-model-selector{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.portal-agent-model-selector:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-mode-slider{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:64px}.portal-agent-mode-slider:hover{background:#ef402726!important;border-color:#ef402780!important}.portal-agent-mode-slider .slider-track{align-items:center;border-radius:12px;display:flex;height:100%;position:relative;width:100%}.portal-agent-mode-slider .slider-side{align-items:center;color:#ef402799;display:flex;height:100%;justify-content:center;position:absolute;width:50%;z-index:1}.portal-agent-mode-slider .brainstorming-side{left:0}.portal-agent-mode-slider .inspiration-side{right:0}.portal-agent-mode-slider .slider-button{align-items:center;background:#ef4027e6!important;border:1px solid #ef4027;border-radius:8px;box-shadow:0 2px 8px 0 #ef402740;color:#fff;display:flex;height:28px;justify-content:center;left:2px;position:absolute;top:2px;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;width:28px;z-index:2}.portal-agent-mode-slider .slider-button.brainstorming-active{transform:translateX(0)!important}.portal-agent-mode-slider .slider-button.inspiration-active{transform:translateX(32px)!important}.portal-agent-mode-slider .brainstorming-active~.brainstorming-side,.portal-agent-mode-slider .inspiration-active~.inspiration-side{opacity:0}.portal-agent-mode-slider .brainstorming-active~.inspiration-side,.portal-agent-mode-slider .inspiration-active~.brainstorming-side{opacity:1}.portal-agent-settings{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.portal-agent-settings:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-mode-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.portal-agent-mode-toggle:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:12px;color:#ffffffb3!important;cursor:pointer;display:flex!important;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.portal-agent-close:hover{background:#fff3!important;color:#fff!important;transform:scale(1.05)}.portal-agent-exit-button-container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:4px;cursor:pointer;display:flex;height:18px;justify-content:center;margin-left:6px;padding:2px;position:relative;transition:all .2s ease;width:20px;z-index:10}.portal-agent-exit-button-container:hover{background:#ffffff40;transform:scale(1.1)}.portal-agent-exit-button-container svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.portal-agent-conversation-area{flex:0 0 100px!important;height:100px!important;max-height:100px!important;overflow-x:hidden;overflow-y:auto!important;padding:8px 20px}.portal-agent-inspiration-indicator{align-items:center;animation:fadeInInspiration .3s ease;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#f59e0be6;display:flex;font-size:12px;font-weight:500;gap:8px;margin:8px 20px 0;padding:8px 20px}.portal-agent-inspiration-indicator .inspiration-hint{font-size:11px;margin-left:auto;opacity:.7}.portal-agent-loading-indicator{align-items:center;animation:fadeInLoading .3s ease;background:#ef40271a;border:1px solid #ef402733;border-radius:8px;display:flex;gap:8px;margin:8px 20px;padding:12px 20px}.portal-agent-spinner{animation:spin 1s linear infinite;border:2px solid #ef40274d;border-radius:50%;border-top-color:#ef4027cc;height:16px;width:16px}.portal-agent-loading-text{-webkit-text-fill-color:#0000;animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#fff9 25%,#ffffffe6 50%,#fff9 75%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-size:14px;font-weight:500}.portal-agent-input-spinner{align-items:center;display:flex;justify-content:center;min-width:32px;padding:8px 12px}.portal-agent-input-loading-overlay{align-items:center;display:flex;gap:8px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.portal-agent-input-loading-overlay span{color:#ef4027b3;font-size:14px;font-weight:500}.portal-agent-generating-text{-webkit-text-fill-color:#0000;align-items:center;animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#ef402780 25%,#ef4027e6 50%,#ef402780 75%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;display:inline-flex;font-size:14px;font-weight:500}.portal-agent-animated-dots{display:inline-flex;margin-left:2px}.portal-agent-animated-dots .dot-1,.portal-agent-animated-dots .dot-2,.portal-agent-animated-dots .dot-3{animation:dotFlashing 1.4s linear infinite;color:#ef4027b3;font-weight:700}.portal-agent-animated-dots .dot-1{animation-delay:0s}.portal-agent-animated-dots .dot-2{animation-delay:.2s}.portal-agent-animated-dots .dot-3{animation-delay:.4s}.portal-agent-spinner-shimmer{overflow:hidden;position:relative}.portal-agent-spinner-shimmer:before{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#0000 25%,#ffffff4d 50%,#0000 75%);background-size:200% 100%;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.portal-agent-spinner-inline{animation:spin 1s linear infinite;border:2px solid #ef40274d;border-radius:50%;border-top-color:#ef4027cc;height:14px;width:14px}@keyframes fadeInLoading{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dotFlashing{0%,40%,to{opacity:.3}20%{opacity:1}}.dark .portal-agent-inspiration-indicator{background:#f59e0b26;border-color:#f59e0b66;color:#f59e0b}.portal-agent-input-area{display:flex;flex:0 0 auto!important;flex-direction:column;flex-shrink:0!important;gap:8px;height:auto!important;overflow:visible;padding:16px 20px 0}.portal-agent-input{background:#0000;border:none;color:#ffffffe6;font-size:14px;outline:none;padding:12px 0}.portal-agent-input::placeholder{color:#fff6}.portal-agent-actions{align-items:center;display:flex;gap:8px}.portal-agent-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.portal-agent-action-btn:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-send-btn{height:36px!important;justify-content:center!important;margin-left:auto;padding:0!important;width:36px!important}.portal-agent-left-controls{flex:1 1;overflow:visible!important;position:relative!important}.portal-agent-inspiration-button,.portal-agent-template-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.portal-agent-inspiration-button:hover,.portal-agent-template-button:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-inspiration-button:disabled,.portal-agent-template-button:disabled{cursor:not-allowed;opacity:.5}.portal-agent-inspiration-button.active,.portal-agent-template-button.active{background:#ef402733!important;border:2px solid #ef4027cc!important;box-shadow:0 0 0 1px #ef40274d;color:#ef4027!important}.control-bar.inspiration-mode .portal-agent-inspiration-button{background:#f59e0b26!important;border:1px solid #f59e0b66!important;box-shadow:0 2px 8px #f59e0b33;color:#f59e0be6!important}.control-bar.inspiration-mode .portal-agent-inspiration-button:hover{background:#f59e0b40!important;border-color:#f59e0b99!important;color:#f59e0b!important;transform:translateY(-1px)}.control-bar.inspiration-mode .portal-agent-inspiration-button.active{background:#f59e0b4d!important;border:2px solid #f59e0bcc!important;box-shadow:0 0 0 2px #f59e0b4d,0 4px 12px #f59e0b4d;color:#f59e0b!important}.portal-agent-chat-container{display:flex;flex-direction:column;height:320px!important;max-height:320px!important;min-height:320px!important;overflow:hidden!important;position:relative}.portal-agent-top-bar{align-items:center;border-bottom:1px solid #ef402733;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:16px 20px}.portal-agent-left-controls,.portal-agent-right-controls{align-items:center;display:flex;gap:8px}.portal-agent-right-controls{flex-shrink:0;margin-left:auto}.portal-agent-model-selector-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:10px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;justify-content:space-between;overflow:visible;padding:4px 8px;position:relative;transition:all .2s ease;white-space:nowrap}.portal-agent-compose-selectors .portal-agent-model-selector-top{max-width:110px;min-width:90px}.portal-agent-compose-selectors .portal-agent-model-selector-top>span{flex:1 1;overflow:hidden;text-overflow:ellipsis}.portal-agent-model-selector-top:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-floating-chat-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4027!important;border:1px solid #ef4027!important;border-radius:12px;color:#fff!important;cursor:pointer;display:flex!important;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.portal-agent-floating-chat-button:hover{background:#ef4027e6!important;border-color:#ef4027e6!important;color:#fff!important;transform:scale(1.05)}.portal-agent-button-row{justify-content:space-between;margin-top:8px}.portal-agent-button-row,.portal-agent-left-buttons,.portal-agent-right-buttons{align-items:center;display:flex;gap:8px}.portal-agent-ai-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.portal-agent-ai-button:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-ai-button.active{background:#ef402733!important;border:2px solid #fffc!important;box-shadow:0 0 0 1px #ef402780!important;color:#ef4027!important}.portal-agent-ai-edit-container{position:relative}.portal-agent-ai-edit-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.portal-agent-ai-edit-button:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-ai-edit-button.active{background:#ef402733!important;border:2px solid #fffc!important;box-shadow:0 0 0 1px #ef402780!important;color:#ef4027!important}.portal-agent-ai-edit-dropdown-downward{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#18181cf2;border:1px solid #ef40274d;border-radius:12px;box-shadow:0 4px 16px #0003;min-width:160px;padding:8px;pointer-events:auto;position:fixed;z-index:2147483640}.light-theme .portal-agent-ai-edit-dropdown-downward{background:#fffffff2;box-shadow:0 4px 16px #0000001a}.ai-edit-option{align-items:center;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:all .2s ease}.ai-edit-option:hover{background:#ef40271a;color:#ef4027}.light-theme .ai-edit-option{color:#1e1e1ee6}.light-theme .ai-edit-option:hover{background:#ef40271a;color:#ef4027}.ai-edit-option-special{background:#ef40270d!important;border:1px solid #ef402733!important;color:#ef4027e6!important;padding:8px 12px!important}.ai-edit-option-special:hover{background:#ef402726!important;border-color:#ef402766!important;color:#ef4027!important}.light-theme .ai-edit-option-special{background:#ef40270d!important;border:1px solid #ef402733!important;color:#ef4027e6!important}.light-theme .ai-edit-option-special:hover{background:#ef402726!important;border-color:#ef402766!important;color:#ef4027!important}.input-row{align-items:center;display:flex;gap:8px;position:relative}.input-row .portal-agent-input{border:none!important;flex:1 1;padding-left:2px}.portal-agent-input-wrapper{background:#0000;border-radius:12px;flex:1 1;height:40px;padding:1px;position:relative;transition:all .3s ease;width:100%}.portal-agent-input-wrapper .portal-agent-input{padding:18px;position:relative;text-align:left-center;width:100%;z-index:2}.portal-agent-voice-input-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.portal-agent-voice-input-button:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-bottom-controls{align-items:center;display:flex;gap:8px;justify-content:flex-start}.portal-agent-model-selector-bottom{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;border-radius:12px;color:#ef4027cc!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;max-width:200px;padding:6px 10px;position:relative;transition:all .2s ease}.portal-agent-model-selector-bottom:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.portal-agent-model-dropdown-upward{backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;background:#fffffffa!important;border:2px solid #ef402766!important;border-radius:12px!important;box-shadow:0 12px 48px #0000004d,0 0 0 1px #fff9!important;isolation:isolate!important;left:0!important;max-height:200px;min-width:160px!important;overflow-y:auto;position:absolute!important;right:0!important;top:calc(100% + 4px)!important;transform:translateZ(0)!important;will-change:transform!important;z-index:2147483647!important}.portal-agent-model-dropdown-upward .model-option{border-radius:8px;color:#000!important;cursor:pointer;font-weight:500!important;margin:2px;padding:6px 10px!important;transition:background-color .2s ease}.portal-agent-model-dropdown-upward .model-option:hover{background:#ef40271a}.portal-agent-model-dropdown-upward .model-option.selected{background:#ef402726;color:#ef4027;font-weight:600}.portal-agent-model-dropdown-upward .model-name{color:#000!important;font-size:12px!important;font-weight:600!important}.control-bar.expanded.ai-controls:not(.dark){backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;border:1px solid #ef402733!important;box-shadow:0 4px 16px #0000001a!important}.App:not(.dark) .portal-agent-top-bar{border-bottom:none!important}.App:not(.dark) .portal-agent-context-indicator{color:#ef4027!important}.App:not(.dark) .portal-agent-voice-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;color:#ef4027cc!important}.App:not(.dark) .portal-agent-voice-toggle:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.App:not(.dark) .portal-agent-model-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;color:#ef4027cc!important}.App:not(.dark) .portal-agent-model-selector:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.App:not(.dark) .portal-agent-mode-slider{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important}.App:not(.dark) .portal-agent-mode-slider:hover{background:#ef402726!important;border-color:#ef402780!important}.App:not(.dark) .portal-agent-mode-slider .slider-side{color:#ef402799}.App:not(.dark) .portal-agent-mode-slider .slider-button{background:#ef4027e6!important;border:1px solid #ef4027;box-shadow:0 2px 8px 0 #ef402740;color:#fff}.App:not(.dark) .portal-agent-settings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;color:#ef4027cc!important}.App:not(.dark) .portal-agent-settings:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.App:not(.dark) .portal-agent-close{background:#6464641a!important;border:1px solid #64646433!important;color:#646464b3!important}.App:not(.dark) .portal-agent-close:hover{background:#64646433!important;color:#646464!important}.App:not(.dark) .portal-agent-message.user{background:var(--primary-red)!important;border:none!important;color:#fff!important;font-weight:400!important}.App:not(.dark) .portal-agent-message.agent{background:#0000!important;border:none!important;color:#1e293b!important;padding:8px 0!important}.App:not(.dark) .portal-agent-status-minimal{color:#646464cc!important}.App:not(.dark) .status-dot.thinking{background:#fbbf24}.App:not(.dark) .status-dot.acting{background:#3b82f6}.App:not(.dark) .status-dot.error{background:#ef4444}.App:not(.dark) .portal-agent-input{color:#1e293b!important}.App:not(.dark) .portal-agent-input::placeholder{color:#64646480!important}.App:not(.dark) .portal-agent-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a!important;border:1px solid #ef40274d!important;color:#ef4027cc!important}.App:not(.dark) .portal-agent-action-btn:hover{background:#ef402726!important;border-color:#ef402780!important;color:#ef4027!important}.App:not(.dark) .portal-agent-send-btn{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ef40271a!important;border:1px solid #ef40274d!important;box-shadow:0 0 20px #ef402726!important;color:#ef4027!important}.App:not(.dark) .portal-agent-send-btn:hover{background:#ef402733!important;border-color:#ef402780!important;box-shadow:0 0 30px #ef40274d!important;color:#ef4027!important;transform:translateY(-1px)!important}.App:not(.dark) .portal-agent-conversation-minimal::-webkit-scrollbar-track{background:#6464640d}.App:not(.dark) .portal-agent-conversation-minimal::-webkit-scrollbar-thumb{background:#6464644d}.App:not(.dark) .portal-agent-conversation-minimal::-webkit-scrollbar-thumb:hover{background:#64646480}@keyframes slideUpStatusBar{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.portal-agent-app-level-status-bar.slide-down{animation:slideDownStatusBar .2s cubic-bezier(.2,0,.2,1) forwards;animation:fadeOutStatusBar .1s cubic-bezier(.2,0,.2,1) forwards}@keyframes fadeOutStatusBar{0%{opacity:1}to{opacity:0}}.portal-agent-status-content{color:#fffc;font-size:13px;font-weight:500}.portal-agent-status-content svg{color:#ef4027cc}.portal-agent-accept{background:#22c55e1a;border-color:#22c55e4d;color:#22c55ee6}.portal-agent-accept:hover{background:#22c55e33;color:#22c55e}.portal-agent-undo{background:#ef44441a;border-color:#ef44444d;color:#ef4444e6}.portal-agent-undo:hover{background:#ef444433;color:#ef4444}.portal-agent-settings-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.portal-agent-settings-button:hover{background:#ef40271a;color:#ef4027}.portal-agent-left-controls .portal-agent-settings-button{margin-left:4px;margin-right:8px}.portal-agent-settings-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.portal-agent-settings-modal{animation:slideUp .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:80vh;max-width:90vw;overflow:hidden;width:480px}.portal-agent-settings-header{align-items:center;border-bottom:1px solid #ef40271a;display:flex;justify-content:space-between;padding:20px 24px}.settings-title{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px}.settings-title svg{color:#ef4027}.settings-close-button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.settings-close-button:hover{background:#ef40271a;color:#ef4027}.portal-agent-settings-content{max-height:400px;overflow-y:auto;padding:24px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section h3{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.provider-selector{position:relative}.provider-dropdown-trigger{align-items:center;background:#fffc;border:1px solid #ef402733;border-radius:12px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s ease}.provider-dropdown-trigger:hover{background:#ef40270d;border-color:#ef40274d}.provider-dropdown-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.provider-option{align-items:center;border-bottom:1px solid #ef40271a;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.provider-option:last-child{border-bottom:none}.provider-option:hover{background:#ef40270d}.provider-option.selected{background:#ef40271a}.provider-info{flex:1 1}.provider-name{color:#1f2937;font-size:14px;font-weight:500;margin-bottom:2px}.provider-description{color:#6b7280;font-size:12px}.provider-option svg{color:#ef4027}.api-keys-list{display:flex;flex-direction:column;gap:16px}.api-key-item{background:#fff9;border:1px solid #ef40271a;border-radius:12px;padding:16px}.api-key-header{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.api-key-header svg{color:#ef4027}.api-key-input-container{align-items:center;display:flex;position:relative}.api-key-input{background:#fffc;border:1px solid #ef402733;border-radius:8px;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:14px;padding:10px 40px 10px 12px;transition:all .2s ease}.api-key-input:focus{border-color:#ef4027;box-shadow:0 0 0 3px #ef40271a;outline:none}.api-key-toggle-visibility{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:8px;transition:all .2s ease}.api-key-toggle-visibility:hover{background:#ef40271a;color:#ef4027}.api-key-free-service{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:#059669;display:flex;font-size:14px;padding:10px 12px}.models-preview{background:#fff9;border:1px solid #ef40271a;border-radius:12px;padding:16px}.models-empty,.models-loading{color:#6b7280;font-size:14px;padding:20px;text-align:center}.models-list{display:flex;flex-direction:column;gap:8px}.model-item{background:#fffc;border:1px solid #ef40271a;border-radius:8px;padding:8px 12px}.model-name{color:#1f2937;font-size:14px;font-weight:500;margin-bottom:2px}.model-description{color:#6b7280;font-size:12px}.models-more{background:#ef40270d;border-radius:8px;color:#6b7280;font-size:13px;margin-top:8px;padding:8px;text-align:center}.portal-agent-settings-footer{align-items:center;background:#fffc;border-top:1px solid #ef40271a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.settings-cancel-button,.settings-save-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.settings-cancel-button{background:#6b72801a;color:#6b7280}.settings-cancel-button:hover{background:#6b728033}.settings-save-button{background:#ef40271a;color:#ef4027}.settings-save-button.has-changes{background:#ef4027;box-shadow:0 2px 8px #ef40274d;color:#fff}.settings-save-button:hover{background:#ef402733}.settings-save-button.has-changes:hover{background:#e6002d}.settings-save-button:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .portal-agent-settings-modal{background:#1f2937f2;border-color:#ef40274d}[data-theme=dark] .settings-section h3,[data-theme=dark] .settings-title{color:#f1f5f9}[data-theme=dark] .provider-dropdown-trigger{background:#1f2937cc;border-color:#ef40274d;color:#f1f5f9}[data-theme=dark] .provider-dropdown-menu{background:#1f2937f2;border-color:#ef40274d}[data-theme=dark] .provider-name{color:#f1f5f9}[data-theme=dark] .api-key-item{background:#1f293799;border-color:#ef402733}[data-theme=dark] .api-key-header{color:#f1f5f9}[data-theme=dark] .api-key-input{background:#1f2937cc;border-color:#ef40274d;color:#f1f5f9}[data-theme=dark] .models-preview{background:#1f293799;border-color:#ef402733}[data-theme=dark] .model-item{background:#1f2937cc;border-color:#ef402733}[data-theme=dark] .model-name{color:#f1f5f9}[data-theme=dark] .portal-agent-settings-footer{background:#1f2937cc;border-color:#ef402733}[data-theme=dark] .settings-cancel-button{background:#6b728033;color:#9ca3af}[data-theme=dark] .settings-cancel-button:hover{background:#6b72804d}.portal-agent-compose-selectors .portal-agent-model-dropdown-upward,.portal-agent-left-controls .portal-agent-model-dropdown-upward,.portal-agent-top-bar .portal-agent-model-dropdown-upward{isolation:isolate!important;position:absolute!important;transform:translateZ(0)!important;will-change:transform!important;z-index:2147483647!important}.portal-agent-compose-selectors,.portal-agent-left-controls,.portal-agent-top-bar{overflow:visible!important;position:relative!important}.portal-agent-global-dropdown .model-option{background:#1f2937e6!important;border-bottom:1px solid #ef402726;color:#ef4027d9!important;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s ease}.portal-agent-global-dropdown .model-option:last-child{border-bottom:none}.portal-agent-global-dropdown .model-option:hover{background:#ef402733!important;border-left:3px solid #ef4027cc;color:#ef4027!important}.portal-agent-global-dropdown .model-option.selected{background:#ef402740!important;border-left:3px solid #ef4027;color:#ef4027!important;font-weight:600}.portal-agent-global-dropdown .model-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.light .portal-agent-global-dropdown .model-option,[data-theme=light] .portal-agent-global-dropdown .model-option{background:#fffffff2!important;border-bottom-color:#ef40271a;color:#ef4027cc!important}.light .portal-agent-global-dropdown .model-option:hover,[data-theme=light] .portal-agent-global-dropdown .model-option:hover{background:#ef40271a!important;color:#ef4027!important}.light .portal-agent-global-dropdown .model-option.selected,[data-theme=light] .portal-agent-global-dropdown .model-option.selected{background:#ef402726!important;color:#ef4027!important}.portal-agent-global-dropdown{background:#0f172af2!important;border:2px solid #ef402766!important;box-shadow:0 8px 32px #0006!important}.light .portal-agent-global-dropdown,[data-theme=light] .portal-agent-global-dropdown{background:#fffffff2!important;border:2px solid #ef402766!important;box-shadow:0 8px 32px #ef402733!important}.light .model-option,.light .portal-agent-global-dropdown .model-option,[data-theme=light] .model-option,[data-theme=light] .portal-agent-global-dropdown .model-option{background:#fffffff2!important;border-bottom-color:#ef40271a;color:#ef4027cc!important}.light .model-option:hover,.light .portal-agent-global-dropdown .model-option:hover,[data-theme=light] .model-option:hover,[data-theme=light] .portal-agent-global-dropdown .model-option:hover{background:#ef40271a!important;color:#ef4027!important}.light .model-option.selected,.light .portal-agent-global-dropdown .model-option.selected,[data-theme=light] .model-option.selected,[data-theme=light] .portal-agent-global-dropdown .model-option.selected{background:#ef402726!important;border:2px solid #ef402799!important;box-shadow:0 0 8px #ef40274d!important;color:#ef4027!important}.light .portal-agent-global-dropdown .model-name,[data-theme=light] .portal-agent-global-dropdown .model-name{color:#ef4027e6!important}.dark .portal-agent-global-dropdown .model-name,[data-theme=dark] .portal-agent-global-dropdown .model-name,html.dark .portal-agent-global-dropdown .model-name{color:#f8fafc!important}.portal-agent-startup-status-bar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef4027;border-radius:8px;box-shadow:0 4px 12px #ef402766;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;height:32px;justify-content:center;left:36%!important;padding:30px 16px;position:fixed!important;top:calc(60% - 110px)!important;transform:translateX(-50%)!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:120px;z-index:1000!important}.portal-agent-startup-status-bar .portal-agent-mode-text{font-weight:600;margin-right:4px}.portal-agent-startup-status-bar .w-2,.portal-agent-startup-status-bar svg{display:none!important;height:0!important;visibility:hidden!important;width:0!important}.startup-portal-agent-footer-container .portal-agent-button-row{margin-bottom:0!important;padding-bottom:0!important}.dynamic-toolbar-wrapper{pointer-events:auto!important;position:relative;z-index:1000001}.ambient-sounds-section{background:var(--bg-white)!important;border-radius:0 0 20px 20px;box-shadow:none!important;display:flex;flex-direction:column;height:100%;max-width:none!important;min-width:0!important;overflow:hidden;padding:24px;width:100%!important}.ambient-sounds-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:0}.ambient-sounds-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-family);font-size:15px;font-weight:var(--font-weight-regular);gap:var(--spacing-sm)}.ambient-sounds-title svg{height:16px;width:16px}.ambient-close-btn{align-items:center;background:var(--bg-light);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;font-weight:300;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.ambient-close-btn:hover{background:var(--primary-red);color:var(--text-white)}.ambient-sounds-grid{grid-gap:var(--spacing-sm);display:grid;flex:1 1;gap:var(--spacing-sm);grid-template-columns:repeat(5,1fr);margin-bottom:var(--spacing-md);margin-top:var(--spacing-sm);overflow-y:auto;padding:5px}.ambient-sound-item{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.ambient-sound-btn{align-items:center;background:var(--bg-light);border:1px solid #0000001a;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-medium);width:50px}.ambient-sound-btn svg{height:18px;width:18px}.ambient-sound-btn:hover{background:var(--primary-red-light);border-color:var(--primary-red);box-shadow:0 4px 8px #ef402726;color:var(--primary-red);transform:translateY(-1px)}.ambient-sound-btn.active{animation:ambient-pulse 2s ease-in-out infinite;background:var(--primary-red);border-color:var(--primary-red);color:var(--text-white)}@keyframes ambient-pulse{0%,to{box-shadow:0 0 0 0 #ef402766}50%{box-shadow:0 0 0 4px #ef402700}}.ambient-sound-name{color:var(--text-secondary);font-family:var(--font-family);font-size:11px;font-weight:var(--font-weight-medium);margin-bottom:2px;text-align:center}.ambient-volume-control{display:flex;justify-content:center;width:100%}.ambient-volume-slider{appearance:none;background:#0000001a;border-radius:2px;cursor:pointer;height:3px;outline:none;width:50px}.ambient-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-red);border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:12px;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);width:12px}.ambient-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 4px #ef402766;transform:scale(1.1)}.ambient-volume-slider::-moz-range-thumb{background:var(--primary-red);border:none;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:12px;-moz-transition:all var(--transition-fast);transition:all var(--transition-fast);width:12px}.ambient-volume-slider::-webkit-slider-track{background:#0000001a;border-radius:2px;height:3px}.ambient-volume-slider::-moz-range-track{background:#0000001a;border:none;border-radius:2px;height:3px}.ambient-global-controls{background:#0000;border-top:none;gap:var(--spacing-sm);margin-top:0;padding:var(--spacing-md) 0 0 0}.ambient-global-btn,.ambient-global-controls{align-items:center;display:flex;justify-content:center}.ambient-global-btn{background:var(--bg-light);border:1px solid #0000001a;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:36px;transition:all var(--transition-medium);width:36px}.ambient-global-btn svg{height:16px;width:16px}.ambient-global-btn:hover{background:var(--primary-red-light);border-color:var(--primary-red);color:var(--primary-red);transform:scale(1.02)}.ambient-global-btn.playing{background:var(--primary-red);border-color:var(--primary-red);color:var(--text-white)}.ambient-global-btn.stop{border-color:#dc2626;color:#dc2626}.ambient-global-btn.stop:hover{background:#dc2626;border-color:#dc2626;color:var(--text-white)}.dynamic-toolbar.dark .ambient-sounds-section{background:#232323!important}.dynamic-toolbar.dark .ambient-sounds-title{color:var(--text-white)}.dynamic-toolbar.dark .ambient-close-btn{background:#ffffff1a;color:var(--text-light)}.dynamic-toolbar.dark .ambient-close-btn:hover{background:var(--primary-red);color:var(--text-white)}.dynamic-toolbar.dark .ambient-sound-btn{background:#ffffff1a;border-color:#fff3;color:var(--text-light)}.dynamic-toolbar.dark .ambient-sound-btn:hover{background:var(--primary-red-light);border-color:var(--primary-red);color:var(--primary-red)}.dynamic-toolbar.dark .ambient-sound-btn.active{animation:ambient-pulse 2s ease-in-out infinite;background:var(--primary-red-light);border-color:var(--primary-red);color:var(--text-white)}.dynamic-toolbar.dark .ambient-sound-name{color:var(--text-light)}.dynamic-toolbar.dark .ambient-volume-slider{background:#fff3}.dynamic-toolbar.dark .ambient-volume-slider::-webkit-slider-track{background:#fff3}.dynamic-toolbar.dark .ambient-volume-slider::-moz-range-track{background:#fff3}.dynamic-toolbar.dark .ambient-global-btn{background:#ffffff1a;border-color:#fff3;color:var(--text-light)}.ai-search-results-section{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1100px;width:100%}.ai-search-results-section .section-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:16px 20px}.ai-search-results-section .header-content{flex:1 1}.ai-search-results-section .section-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.ai-search-results-section .search-query{color:var(--text-secondary);font-size:14px;font-style:italic}.ai-search-results-section .header-controls{align-items:center;display:flex;gap:8px}.ai-search-results-section .close-button,.ai-search-results-section .expand-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ai-search-results-section .close-button:hover,.ai-search-results-section .expand-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ai-search-results-section .results-content{flex:1 1;overflow-y:auto;padding:20px}.ai-search-results-section .loading-state{align-items:center;display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.ai-search-results-section .loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-color);height:24px;width:24px}.ai-search-results-section .results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-width:100%;padding:8px 0}.ai-search-results-section .loading-placeholder{background:var(--bg-tertiary);border-radius:6px;height:120px;overflow:hidden;position:relative;width:100%}.ai-search-results-section .loading-shimmer{animation:shimmer 1.8s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.ai-search-results-section .link-preview{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-primary);border-radius:6px;display:flex;flex-direction:column;height:120px;justify-content:center;padding:16px;width:100%}.ai-search-results-section .link-icon{font-size:24px;margin-bottom:8px;opacity:.6}.ai-search-results-section .link-text{text-align:center}.ai-search-results-section .link-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:12px;font-weight:500;margin-bottom:4px;overflow:hidden}.ai-search-results-section .link-url{color:var(--text-secondary);font-family:monospace;font-size:10px}.ai-search-results-section .result-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.ai-search-results-section .result-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ai-search-results-section .result-card:active{transform:translateY(0)}.ai-search-results-section .result-card[draggable=true]:hover:after{background:#000c;border-radius:4px;color:#fff;content:"⟪ Drag to canvas";font-size:10px;font-weight:500;padding:4px 8px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:10}.ai-search-results-section .result-image{background:var(--bg-tertiary);height:120px;overflow:hidden;position:relative;width:100%}.ai-search-results-section .result-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.ai-search-results-section .result-card:hover .result-image img{transform:scale(1.05)}.ai-search-results-section .result-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.ai-search-results-section .result-card:hover .result-overlay{opacity:1}.ai-search-results-section .add-to-canvas{background:var(--accent-color);border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:14px;font-weight:500;padding:8px 12px;text-align:center}.ai-search-results-section .result-info{background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:4px;padding:12px}.ai-search-results-section .result-title{-webkit-line-clamp:2;line-clamp:2;color:var(--text-primary);font-size:13px;font-weight:600}.ai-search-results-section .result-description,.ai-search-results-section .result-title{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.ai-search-results-section .result-description{-webkit-line-clamp:1;line-clamp:1;color:var(--text-secondary);font-size:11px}.ai-search-results-section .image-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.ai-search-results-section .image-fallback,.ai-search-results-section .no-image-placeholder{align-items:center;background:var(--bg-secondary);border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;left:0;padding:16px;position:absolute;top:0;width:100%}.ai-search-results-section .result-link-container{display:none}.ai-search-results-section .empty-state{align-items:center;color:var(--text-secondary);display:flex;height:200px;justify-content:center;text-align:center}.ai-search-results-section .raw-response{border-top:1px solid var(--border-primary);margin-top:20px;padding-top:16px}.ai-search-results-section .raw-response summary{color:var(--text-secondary);cursor:pointer;font-size:12px;margin-bottom:8px}.ai-search-results-section .raw-response pre{word-wrap:break-word;background:var(--bg-tertiary);border-radius:4px;font-size:11px;line-height:1.4;overflow-x:auto;padding:12px;white-space:pre-wrap}@media (max-width:768px){.ai-search-results-section .results-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ai-search-results-section .result-image{height:100px}.ai-search-results-section .result-info{padding:8px}}.dynamic-toolbar.dark .ai-search-results-section{--bg-primary:#1a1a1a;--bg-secondary:#262626;--bg-tertiary:#333;--text-primary:#fff;--text-secondary:#a0a0a0;--border-primary:#404040;--accent-color:#f44}.dynamic-toolbar.light .ai-search-results-section{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--border-primary:#dee2e6;--accent-color:#dc3545}.dynamic-container.artboard-mode{-webkit-backdrop-filter:blur(20px)!important;background:var(--bg-white)!important;border:none!important;box-shadow:none!important;height:550px!important;max-width:none!important;transition:background .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1)!important;width:100%!important}.dark .dynamic-container.artboard-mode{background:#232323!important}.dynamic-container.artboard-mode .container-content{background:#0000!important;max-width:100%!important;overflow-y:hidden!important;padding:0!important;transition:inherit!important}.artboard-section{background:#0000;border-radius:var(--radius-lg);box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%;margin:0 auto;max-width:900px;overflow:hidden;padding:var(--spacing-lg);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:100%;will-change:opacity,transform}.artboard-section .section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.artboard-section .section-title{display:flex;flex-direction:column;gap:4px}.artboard-section .section-title span{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.artboard-section .section-subtitle{color:var(--text-secondary);font-size:14px;margin:0;opacity:.7}.artboard-section .section-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px 8px;transition:all .2s ease;width:32px}.artboard-section .section-close-btn:hover{background:var(--primary-red-light);color:var(--primary-red)}.artboard-content{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-width:none}.artboard-content::-webkit-scrollbar{height:0;width:0}.artboard-category{display:flex;flex-direction:column;gap:12px}.category-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:500;margin:0;padding-bottom:6px}.artboard-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.artboard-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:100px;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.artboard-card:hover{border-color:var(--accent-color);box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.artboard-card.selected{background:var(--primary-red-light);border-color:var(--primary-red);box-shadow:0 0 0 2px var(--primary-red),0 8px 24px #ef402733;transform:translateY(-3px)}.artboard-preview{background:#0000;border:2px solid var(--text-secondary);border-radius:4px;height:32px;position:relative;transition:all .2s ease;width:40px}.artboard-preview.landscape{height:28px;width:48px}.artboard-preview.portrait{height:40px;width:28px}.artboard-card:hover .artboard-preview{border-color:var(--primary-red)}.artboard-card.selected .artboard-preview{background:#ef40274d;border-color:var(--primary-red)}.artboard-info{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center;transition:all .2s ease}.artboard-card.selected .artboard-info{color:var(--primary-red);font-weight:600}.artboard-name{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.2}.artboard-size{color:var(--text-secondary);font-size:12px;opacity:.8}.artboard-section .section-actions{background:var(--bg-white);border-top:1px solid #0000001a;border-top:1px solid var(--border-color,#0000001a);display:flex;flex-direction:row;flex-shrink:0;gap:12px;justify-content:space-between;margin-top:auto;padding:16px}.artboard-section .action-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:var(--font-family);font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:12px 24px;transition:all .2s ease}.artboard-section .action-btn.secondary{background:var(--bg-light);border:1px solid #0000001a;color:var(--text-secondary)}.artboard-section .action-btn.secondary:hover{background:var(--primary-red-light);color:var(--primary-red)}.artboard-section .action-btn.primary{background:var(--primary-red);border:none;color:var(--text-white)}.artboard-section .action-btn.primary:hover{background:var(--primary-red-hover);box-shadow:0 4px 12px #ef402759;transform:translateY(-1px)}.artboard-section .action-btn.primary.disabled{background:var(--bg-light);box-shadow:none;color:var(--text-light);cursor:not-allowed;opacity:.6}.artboard-section .action-btn.primary.disabled:hover{background:var(--bg-light);box-shadow:none;transform:none}@media (max-width:768px){.artboard-section{max-width:100%;padding:20px 24px}.artboard-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.artboard-card{min-height:100px;padding:12px}.artboard-content{gap:24px}}.dark .artboard-section{background:#0000;color:#fff}.dark .artboard-section .section-title span{color:#fff}.dark .artboard-section .section-subtitle{color:#d1d5db}.dark .artboard-card{background:#ffffff1a;border-color:#fff3}.dark .card-placeholder{background:#ffffff0d;border-color:#fff3;color:#d1d5db}.dark .section-close-btn{color:#ffffffb3}.dark .card-placeholder:hover{background:#ef40271a;border-color:#ef4027}.dark .artboard-section .action-btn.secondary{background:#ffffff1a;border-color:#fff3;color:#fff}.dark .artboard-section .action-btn.secondary:hover{background:var(--primary-red-light);color:var(--primary-red)}.dark .artboard-section .action-btn.primary{background:var(--primary-red);color:#fff}.dark .artboard-section .action-btn.primary:hover{background:var(--primary-red-hover)}.dark .artboard-section .section-close-btn:hover{background:var(--primary-red-light);color:var(--primary-red)}.dark .add-icon{color:#d1d5db}.dark .card-placeholder:hover .add-icon{color:#ef4027}.dark .toolbar-button{background:#ffffff1a;border-color:#fff3;color:#fff}.dark .toolbar-button:hover{background:#ffffff26}.floating-chat-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid #0000001a;border-radius:16px;bottom:100px;box-shadow:0 20px 60px #00000040;font-family:var(--font-family);height:900px;max-height:calc(100vh - 140px);max-width:calc(100vw - 40px);overflow:visible;position:fixed;right:20px;width:550px;z-index:2147482000}.floating-action-btn.triangle-send-btn:after{border:2px solid;border-bottom:none;border-left:none;content:"";height:8px;margin-bottom:-2px;transform:rotate(-45deg);transition:inherit;width:8px}.floating-action-btn.triangle-send-btn:before{background-color:currentColor;content:"";height:12px;margin-top:4px;position:absolute;transition:inherit;width:2px}.floating-chat-sidebar:not(.sidebar-mode){opacity:1;transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.floating-chat-sidebar:not(.sidebar-mode).hidden{opacity:0;pointer-events:none;transform:translateY(100px)}.floating-chat-sidebar.sidebar-mode{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1) forwards}.floating-chat-sidebar.sidebar-mode.hidden{animation:slideOutToRight .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.floating-chat-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border-radius:16px;display:flex;flex-direction:column;height:100%;width:100%}.resize-handle{opacity:0;position:absolute;transition:opacity .15s ease;z-index:10}.floating-chat-sidebar:hover .resize-handle{opacity:.5}.resize-handle:hover{opacity:.85}.resize-handle-right{bottom:40px;cursor:e-resize;right:0;top:40px;width:8px}.resize-handle-bottom{bottom:0;cursor:s-resize;height:8px;left:40px;right:40px}.resize-handle-br{bottom:0;cursor:se-resize;height:14px;right:0;width:14px}.resize-handle-bl{bottom:0;cursor:sw-resize;height:14px;left:0;width:14px}.floating-chat-header{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:none;border-radius:16px 16px 0 0;cursor:move;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.floating-chat-sidebar.sidebar-mode .floating-chat-header{cursor:default}.floating-chat-title{align-items:center;display:flex;gap:12px}.floating-chat-drag-indicator{align-items:center;cursor:move;display:flex;height:12px;justify-content:center;opacity:.4;position:relative;width:20px}.floating-chat-drag-indicator:after,.floating-chat-drag-indicator:before{background:var(--text-secondary);border-radius:50%;box-shadow:0 0 0 0 var(--text-secondary),0 5px 0 0 var(--text-secondary),0 10px 0 0 var(--text-secondary);content:"";height:3px;position:absolute;width:3px}.floating-chat-drag-indicator:before{left:6px;top:1px}.floating-chat-drag-indicator:after{right:6px;top:1px}.floating-chat-title span{color:var(--text-primary);font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600}.floating-header-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.floating-header-actions-left{justify-content:flex-start;min-width:34px}.floating-chat-actions{gap:8px;justify-content:space-between;min-width:0}.floating-chat-left-controls{align-items:center;display:flex;flex-shrink:1;gap:6px;margin-right:4px;min-width:0;overflow:visible;position:relative}.mode-dropdown-wrapper{flex-shrink:1;min-width:0}.mode-dropdown-wrapper .mode-dropdown-button{min-width:0}.mode-dropdown-wrapper .mode-dropdown-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-chat-right-controls{align-items:center;background:var(--bg-primary);display:flex;flex-shrink:0;gap:6px;margin-left:-4px;padding-left:8px;position:relative;z-index:10}[data-theme=dark] .floating-chat-right-controls{background:var(--bg-primary-dark)}.model-selector-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-header-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.floating-header-btn:hover{background:var(--primary-red-light);color:var(--primary-red)}.floating-header-btn svg{height:20px;width:20px}.floating-header-btn-icon{display:block;filter:brightness(0) saturate(100%);height:20px;width:20px}.floating-chat-sidebar.dark .floating-header-btn-icon{filter:brightness(0) invert(1)}.floating-header-btn:hover .floating-header-btn-icon{filter:invert(27%) sepia(86%) saturate(3121%) hue-rotate(349deg) brightness(95%) contrast(93%)}.mode-dropdown-wrapper{position:relative}.mode-dropdown-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a;border:1px solid #ef40274d;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.mode-dropdown-button:hover{background:#ef402726;border-color:#ef402780;transform:translateY(-1px)}.mode-dropdown-button svg{height:12px;transition:transform .2s ease;width:12px}.mode-dropdown-button.open svg{transform:rotate(180deg)}.mode-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid #ef402733;border-radius:12px;bottom:100%;box-shadow:0 8px 24px #00000026;left:0;margin-bottom:8px;min-width:140px;overflow:hidden;position:absolute;z-index:1000}.mode-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.mode-dropdown-item:hover{background:#ef40271a}.mode-dropdown-item.active{background:var(--primary-red);color:#fff}.mode-dropdown-item.active:hover{background:var(--primary-red-hover)}.mode-dropdown-item svg{height:16px;width:16px}.dark .mode-dropdown-button{background:#ef402726;border-color:#ef40274d}.dark .mode-dropdown-button:hover{background:#ef402740;border-color:#ef402780}.dark .mode-dropdown-menu{background:#18181cf2;border-color:#ef40274d}.dark .mode-dropdown-item:hover{background:#ef402726}.floating-chat-messages{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);flex:1 1;min-height:0;overflow-y:auto;padding:20px;scrollbar-color:#0003 #0000;scrollbar-width:thin}.floating-chat-messages::-webkit-scrollbar{width:6px}.floating-chat-messages::-webkit-scrollbar-track{background:#0000}.floating-chat-messages::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.floating-chat-messages::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.floating-message{display:flex;flex-direction:column;margin-bottom:16px}.floating-message--user{align-items:flex-end}.floating-message--ai{align-items:flex-start}.floating-tool-call-only{margin-bottom:8px;padding:0}.floating-message-bubble{word-wrap:break-word;border-radius:8px;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1.4;max-width:85%;padding:12px 16px}.floating-message-bubble p{margin:0}.floating-message-bubble p:not(:last-child){margin-bottom:8px}.floating-message--user .floating-message-bubble{background:var(--primary-red);border-bottom-right-radius:4px;color:var(--text-white);font-size:12px;font-weight:400}.floating-message--ai .floating-message-bubble{background:#0000;border-bottom-left-radius:4px;color:var(--text-primary);font-size:12px;font-weight:400}.floating-message-time{color:var(--text-light);font-size:10px;opacity:.6}.floating-message-image{margin-bottom:8px;position:relative;width:100%}.floating-message-image img{border-radius:8px;box-shadow:none;max-width:100%;width:100%}.floating-message--user .floating-message-image{margin-left:auto;width:min(56%,320px)!important}.floating-user-image-message .floating-message-image{margin-left:auto;width:min(92%,420px)!important}.floating-user-image-message .floating-message-bubble{max-width:min(92%,420px);width:min(92%,420px)}.image-action-buttons{display:flex;gap:6px;position:absolute;right:8px;top:8px}.image-download-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;opacity:.8;padding:6px;transition:all .2s ease}.image-download-button:hover{background:#000c;opacity:1;transform:scale(1.05)}.image-add-canvas-button{background:#ef4027cc}.image-add-canvas-button:hover{background:#ef4027}.download-icon{height:16px;width:16px}.floating-copy-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;display:flex;font-family:var(--font-family);font-size:12px;gap:4px;margin-left:8px;margin-top:8px;padding:6px 10px;transition:all .15s}.floating-copy-btn:hover{background:var(--primary-red-light);color:var(--primary-red)}.floating-copy-btn svg{height:14px;width:14px}.floating-typing-indicator{align-items:center;background:#0000;border-radius:8px;border-bottom-left-radius:4px;color:var(--text-primary);display:flex;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;justify-content:center;max-width:85%;padding:12px 16px;padding:8px 12px}.floating-chat-input-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border-radius:0 0 16px 16px;border-top:none;flex-shrink:0;padding:20px}.floating-image-previews{align-items:flex-end;display:flex;gap:8px;margin-bottom:12px}.floating-image-thumb{border-radius:8px;height:75px;overflow:visible;position:relative;width:100px}.floating-image-thumb img{border:2px solid #0000001a;border-radius:8px;box-shadow:0 4px 12px #00000026;height:100%;object-fit:cover;width:100%}.floating-remove-image{align-items:center;background:#000000b3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .15s;width:20px;z-index:10}.floating-remove-image:hover{background:var(--primary-red);border-color:#fff;transform:scale(1.1)}.floating-input-container{background:#fff;border:none;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:8px;transition:all .2s ease}.prompt-suggestions-container{align-items:center;display:flex;gap:8px;padding:4px 0}.prompt-suggestions-nav{align-items:center;background:none;border:none;color:#ef4027;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:transform .1s ease;width:24px}.prompt-suggestions-nav:hover{transform:scale(1.05)}.prompt-suggestions-scroll{-ms-overflow-style:none;display:flex;flex:1 1;gap:6px;overflow-x:auto;padding:2px;scroll-behavior:smooth;scrollbar-width:none}.prompt-suggestions-scroll::-webkit-scrollbar{display:none}.prompt-suggestion-tab{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef402726;border:1px solid #ef402726;border-radius:8px;box-shadow:0 1px 4px 0 #ef40271a;color:#ef4027;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.prompt-suggestion-tab:hover{background:#ef402733;border:1px solid #ef40274d;box-shadow:0 2px 8px 0 #ef402726;outline:1px solid #ef40274d;outline-offset:1px}.floating-agent-prompt-hover-zone{align-items:center;display:inline-flex;padding:0 0 4px 4px;position:relative;width:fit-content}.floating-agent-prompt-hover-zone.chat-mode{padding-bottom:0}.floating-input-left-tools{align-items:center;display:flex;gap:6px}.floating-agent-prompt-trigger-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;height:34px;justify-content:center;position:relative;transition:all .18s ease;width:34px}.floating-agent-prompt-trigger-btn svg{stroke-width:2.5;height:20px;position:absolute;transition:opacity .18s ease,transform .18s ease;width:20px}.floating-agent-prompt-trigger-plus{opacity:1;transform:rotate(0deg)}.floating-agent-prompt-trigger-down{opacity:0;transform:translateX(-2px)}.floating-agent-prompt-trigger-btn.open{background:#ef4027;border-color:#ef4027;color:#fff}.floating-agent-prompt-trigger-btn.open .floating-agent-prompt-trigger-plus{opacity:0;transform:rotate(90deg)}.floating-agent-prompt-trigger-btn.open .floating-agent-prompt-trigger-down{opacity:1;transform:translateX(0)}.floating-chat-sidebar.dark .floating-agent-prompt-trigger-btn{color:#ff5a44}.floating-chat-sidebar.dark .floating-agent-prompt-trigger-btn.open{background:#ef4027;color:#fff}.floating-workflow-hover-zone{align-items:center;display:inline-flex;padding:0 8px 8px 2px;position:relative;width:fit-content}.floating-workflow-trigger-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;height:34px;justify-content:center;position:relative;transition:all .18s ease;width:34px}.floating-workflow-trigger-btn .wkf-icon{backface-visibility:hidden;display:block;height:18px;image-rendering:auto;position:absolute;transform:translateZ(0);transition:opacity .18s ease;width:18px}.floating-workflow-trigger-btn .wkf-default{opacity:1}.floating-workflow-trigger-btn .wkf-hover{opacity:0}.floating-workflow-trigger-btn.active,.floating-workflow-trigger-btn:hover{background:#ef4027;border-color:#ef4027;box-shadow:0 3px 12px #ef40274d}.floating-workflow-trigger-btn.active .wkf-default,.floating-workflow-trigger-btn:hover .wkf-default{opacity:0}.floating-workflow-trigger-btn.active .wkf-hover,.floating-workflow-trigger-btn:hover .wkf-hover{opacity:1}.floating-workflow-trigger-btn.hidden{opacity:0;pointer-events:none}.floating-agent-prompt-tray{bottom:0;left:calc(100% + 6px);max-width:min(460px,calc(100vw - 84px));opacity:0;pointer-events:none;position:absolute;transform:translateX(-8px) translateY(2px);transition:opacity .18s ease,transform .18s ease;width:fit-content;z-index:12}.floating-agent-prompt-tray:before{background:radial-gradient(90% 76% at 50% 100%,#1a1a1ae6 0,#1a1a1a94 52%,#1a1a1a00 100%),linear-gradient(0deg,#1a1a1ae0 0,#1a1a1a75 46%,#1a1a1a00);border-radius:16px;content:"";inset:-3px -1px -3px -1px;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease}.floating-agent-prompt-tray.active:before{opacity:1}.floating-chat-sidebar:not(.dark) .floating-agent-prompt-tray:before{background:radial-gradient(90% 76% at 50% 100%,#f8fafceb 0,#f8fafc8f 52%,#f8fafc00 100%),linear-gradient(0deg,#f8fafce0 0,#f8fafc80 46%,#f8fafc00)}.floating-agent-prompt-tray.agent-mode,.floating-agent-prompt-tray.chat-mode{bottom:0;left:calc(100% + 8px);max-width:min(440px,calc(100vw - 84px));right:auto;transform:translateX(-8px) translateY(2px);width:min(440px,calc(100vw - 84px))}.floating-agent-prompt-tray.agent-mode .floating-agent-prompt-scroller,.floating-agent-prompt-tray.chat-mode .floating-agent-prompt-scroller{max-width:100%;overflow:visible}.floating-chat-sidebar.sidebar-mode .floating-agent-prompt-tray{bottom:calc(100% + 8px);left:0;max-width:min(340px,calc(100vw - 56px));transform:translateY(4px);width:min(340px,calc(100vw - 56px))}.floating-chat-sidebar.sidebar-mode .floating-agent-prompt-tray:before{inset:-10px -10px -10px -10px}.floating-chat-sidebar.sidebar-mode .floating-agent-prompt-tray.active{transform:translateY(0)}.floating-chat-sidebar.sidebar-mode .floating-agent-prompt-scroller{width:100%}.floating-chat-sidebar.sidebar-mode .floating-agent-prompt-rows{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(102px,1fr))}.floating-chat-sidebar.sidebar-mode .floating-agent-prompt-row{display:contents}.floating-chat-sidebar.sidebar-mode .floating-agent-prompt-chip,.floating-chat-sidebar.sidebar-mode .floating-mindmap-chip-wrap{flex:initial;max-width:none;min-width:0;width:100%}.floating-chat-sidebar.sidebar-mode .floating-mindmap-chip{width:100%}.floating-chat-sidebar.sidebar-mode .floating-agent-prompt-chip span{overflow:hidden;text-overflow:ellipsis}.floating-agent-prompt-tray.active{opacity:1;pointer-events:auto}.floating-agent-prompt-tray.active,.floating-agent-prompt-tray.chat-mode.active{transform:translateX(0) translateY(0)}.floating-agent-prompt-scroller{background:#0000;border:none;box-shadow:none;display:block}.floating-agent-prompt-rows{display:flex;flex-direction:column;gap:8px}.floating-agent-prompt-row{display:flex;gap:6px}.floating-chat-sidebar:not(.sidebar-mode) .floating-agent-prompt-rows{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;width:100%}.floating-chat-sidebar:not(.sidebar-mode) .floating-agent-prompt-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.floating-chat-sidebar:not(.sidebar-mode) .floating-agent-prompt-chip,.floating-chat-sidebar:not(.sidebar-mode) .floating-mindmap-chip,.floating-chat-sidebar:not(.sidebar-mode) .floating-mindmap-chip-wrap{max-width:none;min-width:0;width:100%}.floating-agent-prompt-chip{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #ef402759;border-radius:12px;color:#1e293b;cursor:pointer;display:inline-flex;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600;gap:6px;height:30px;justify-content:center;min-width:126px;opacity:1;padding:0 8px;transform:translateY(0);transition:background .2s ease,border-color .2s ease,transform .18s ease,box-shadow .2s ease;white-space:nowrap;width:126px}.floating-agent-prompt-chip-icon{flex-shrink:0;height:12px;width:12px}.floating-custom-prompt-icon{filter:invert(27%) sepia(86%) saturate(3121%) hue-rotate(349deg) brightness(95%) contrast(93%)}.floating-chat-sidebar.dark .floating-custom-prompt-icon{filter:brightness(0) invert(1)}.floating-agent-prompt-chip span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-agent-prompt-chip.is-wide{min-width:160px;width:160px}.floating-agent-prompt-chip.is-compact{min-width:110px;width:110px}.floating-agent-prompt-tray.active .floating-agent-prompt-chip{animation:floatingPromptChipIn .2s ease forwards;opacity:0;transform:translateY(4px)}.floating-agent-prompt-chip.active{background:#ef402724;border-color:#ef40278c}.floating-agent-prompt-chip:hover{background:#f8fafcfa;border-color:#ef402780;box-shadow:0 0 0 1px #ef40278c,0 2px 8px #ef402729;transform:scale(1.02)}.floating-chat-sidebar.dark .floating-agent-prompt-chip{background:#ef402724;border-color:#ef402766;color:#f8fafc}.floating-chat-sidebar.dark .floating-agent-prompt-chip:hover{background:#ef40273d;border-color:#ef40279e;box-shadow:0 2px 10px #ef402738}.floating-chat-sidebar.dark .floating-agent-prompt-chip.active{background:#ef40273d;border-color:#ef40279e}.floating-mindmap-chip-wrap{display:inline-flex;margin-bottom:-8px;padding-bottom:8px;position:relative}.floating-mindmap-chip-wrap:after{content:"";height:10px;left:0;position:absolute;right:0;top:100%}.floating-mindmap-chip{border-color:#ef4027c7!important;box-shadow:0 0 0 1px #ef402773}.floating-mindmap-leading-arrow{color:#ef4027;flex-shrink:0;height:12px;transition:transform .18s ease;width:12px}.floating-chat-sidebar.dark .floating-mindmap-leading-arrow{color:#ff5a44}.floating-mindmap-chip-wrap.open .floating-mindmap-leading-arrow,.floating-mindmap-chip-wrap:hover .floating-mindmap-leading-arrow{transform:rotate(90deg)}.floating-mindmap-dropdown{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#f8fafcf5;border:1px solid #ef402747;border-radius:10px;bottom:calc(100% + 2px);box-shadow:0 10px 24px #0f172a29;display:flex;flex-direction:column;gap:4px;left:0;min-width:138px;opacity:0;padding:6px;pointer-events:none;position:absolute;top:auto;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;z-index:20}.floating-mindmap-chip-wrap:hover .floating-mindmap-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-mindmap-dropdown-item{background:#0000;border:none;border-radius:8px;color:#1e293b;cursor:pointer;font-size:12px;font-weight:600;padding:7px 9px;text-align:left;transition:background .15s ease,color .15s ease}.floating-mindmap-dropdown-item.active,.floating-mindmap-dropdown-item:hover{background:#ef402724;color:#ef4027}.floating-chat-sidebar.dark .floating-mindmap-dropdown{background:#18181cf7;border-color:#ef40275c;box-shadow:0 12px 28px #00000075}.floating-chat-sidebar.dark .floating-mindmap-dropdown-item{color:#f8fafc}.floating-chat-sidebar.dark .floating-mindmap-dropdown-item.active,.floating-chat-sidebar.dark .floating-mindmap-dropdown-item:hover{background:#ef402738;color:#ff7a67}@keyframes floatingPromptChipIn{to{opacity:1;transform:translateY(0)}}.loading-dots{padding:8px 12px}.loading-dot{background:var(--text-light)}.floating-input-field-wrapper{align-items:flex-end;display:flex;gap:8px}.loading-dots span{animation:loading-bounce 1.4s ease-in-out infinite both;background:var(--text-light);border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.floating-chat-input{-ms-overflow-style:none;background:#0000;border:none;border-radius:8px;color:var(--text-primary);font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.4;margin-bottom:8px;max-height:120px;min-height:44px;outline:none;overflow-y:auto;padding:12px 16px;resize:none;scrollbar-width:none;width:100%}.floating-chat-input.workflow-icon-visible{padding-left:54px}.floating-input-container{position:relative}.floating-input-workflow-icon{align-items:center;background:#ef4027;border:1px solid #ef4027;border-radius:8px;box-shadow:0 3px 10px #ef402747;display:flex;height:28px;justify-content:center;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:28px;z-index:2}.floating-input-workflow-icon img{backface-visibility:hidden;display:block;height:16px;image-rendering:auto;transform:translateZ(0);width:16px}.floating-workflow-menu{align-items:center;bottom:calc(100% + 8px);display:flex;flex-direction:column;left:50%;opacity:0;overflow:visible;padding-bottom:32px;padding-top:0;pointer-events:none;position:absolute;transform:translateX(-50%);width:286px;z-index:8}.floating-chat-sidebar.sidebar-mode .floating-workflow-menu{border-radius:24px;overflow:hidden;width:min(286px,calc(100% - 16px))}.floating-chat-sidebar.sidebar-mode .floating-workflow-menu:before{height:260px;max-width:calc(100% - 8px);width:calc(100% - 8px)}.floating-workflow-menu:before{background:radial-gradient(84% 72% at 50% 100%,#f8fafce0 0,#f8fafc99 44%,#f8fafc33 72%,#f8fafc00 100%),linear-gradient(0deg,#f8fafcdb 0,#f8fafc85 38%,#f8fafc24 72%,#f8fafc00);border-radius:999px;bottom:-12px;content:"";height:336px;left:50%;-webkit-mask-image:radial-gradient(ellipse 88% 74% at 50% 100%,#000 0,#000 58%,#00000085 78%,#0000 100%);mask-image:radial-gradient(ellipse 88% 74% at 50% 100%,#000 0,#000 58%,#00000085 78%,#0000 100%);opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .18s ease;width:min(520px,calc(100vw - 48px));z-index:0}.floating-workflow-menu.open{animation:wfStackOutFloating .22s cubic-bezier(.2,.7,.2,1);opacity:1;pointer-events:auto}.floating-workflow-menu.open:before{opacity:1}.floating-workflow-menu.closing{animation:wfStackInFloating .16s ease-in forwards;opacity:0;pointer-events:none}@keyframes wfStackOutFloating{0%{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes wfStackInFloating{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-4px)}}.floating-workflow-nav{bottom:0;gap:14px;left:50%;position:absolute;transform:translateX(-50%);width:auto;z-index:6}.floating-workflow-nav,.floating-workflow-nav-btn{align-items:center;display:flex;justify-content:center}.floating-workflow-nav-btn{background:#ef402729;border:1px solid #ef402775;border-radius:10px;box-shadow:0 6px 16px #0000003d;color:#ef4027;height:28px;opacity:1;transition:filter .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease;width:28px}.floating-workflow-nav-btn svg{stroke-width:2.6;height:18px;width:18px}.floating-workflow-nav-btn:hover{background:#ef40273d;border-color:#ef4027d1;filter:drop-shadow(0 0 8px rgba(239,64,39,.62)) drop-shadow(0 0 14px rgba(239,64,39,.4))}.floating-workflow-carousel{align-items:center;cursor:var(--hand-pointer-cursor),grab!important;display:flex;height:184px;justify-content:center;margin:2px auto 0;position:relative;-webkit-user-select:none;user-select:none;width:266px;z-index:1}.floating-workflow-carousel.dragging{cursor:var(--hand-grab-cursor),grabbing!important}.floating-workflow-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#18181cf5;border:1.5px solid #ffffff1f;border-radius:22px;box-shadow:0 16px 28px #0000002e;cursor:var(--hand-pointer-cursor),pointer!important;display:flex;filter:none;flex-direction:column;height:168px;justify-content:flex-end;overflow:hidden;padding:14px 12px 36px;position:absolute;text-align:left;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .28s ease,filter .28s ease,border-color .22s ease,box-shadow .24s ease;width:168px}.floating-wf-card-title{color:#f8fafc;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:8px;position:relative;z-index:2}.floating-wf-card-subtitle{color:#f8fafce6;font-size:12px;font-weight:500;line-height:1.2;opacity:.78;position:relative;z-index:2}.floating-wf-card-icon-wrap{align-items:center;display:flex;height:28px;justify-content:center;left:12px;position:absolute;top:12px;width:28px;z-index:2}.floating-wf-card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));height:16px;position:absolute;transition:opacity .16s ease;width:16px}.floating-wf-card-icon-white{opacity:0}.floating-wf-card-icon-red{opacity:1}.floating-workflow-card.center:hover .floating-wf-card-icon-white{opacity:0}.floating-workflow-card.center:hover .floating-wf-card-icon-red,.floating-workflow-menu.dark .floating-wf-card-icon-white{opacity:1}.floating-workflow-menu.dark .floating-wf-card-icon-red,.floating-workflow-menu.dark .floating-workflow-card.center:hover .floating-wf-card-icon-white{opacity:0}.floating-workflow-menu.dark .floating-workflow-card.center:hover .floating-wf-card-icon-red{opacity:1}.floating-workflow-card:before{background:#0000;border:1px solid #ffffff14;border-radius:20px;content:"";inset:1px;pointer-events:none;position:absolute}.floating-workflow-card:after{border-radius:22px;content:"";inset:-1px;pointer-events:none;position:absolute;transition:border-color .22s ease,opacity .22s ease}.floating-workflow-card.center:after,.floating-workflow-card:after{border:1.5px solid #0000;opacity:0}.floating-workflow-card.center{filter:none!important}.floating-workflow-card.left,.floating-workflow-card.right{filter:saturate(.9) blur(.8px)}.floating-workflow-card.center:hover:after{border:2px solid #ef4027;box-shadow:0 0 0 1px #ef4027f2,0 0 14px #ef402757;opacity:1}.floating-workflow-card.selected.center{box-shadow:0 24px 38px #00000040,0 0 0 2px #ef402773}.floating-workflow-menu .floating-workflow-card{opacity:0}.floating-workflow-menu.open .floating-workflow-card.center{filter:none!important;opacity:1;transition-delay:24ms}.floating-workflow-menu.open .floating-workflow-card.left,.floating-workflow-menu.open .floating-workflow-card.right{filter:saturate(.9) blur(.8px);opacity:.78}.floating-workflow-menu.open .floating-workflow-card.left{transition-delay:78ms}.floating-workflow-menu.open .floating-workflow-card.right{transition-delay:118ms}.floating-workflow-carousel.dragging .floating-workflow-card{cursor:var(--hand-grab-cursor),grabbing!important}.floating-wf-card-dots{bottom:16px;display:flex;gap:7px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.floating-wf-dot{background:#f8fafc42;border-radius:999px;height:4px;transition:all .22s ease;width:16px}.floating-wf-dot.active{background:#ef4027f2;width:22px}.floating-workflow-menu:not(.dark) .floating-workflow-card{background:#fffffff5;border-color:#0f172a29;box-shadow:0 14px 24px #0f172a1a,0 10px 22px #00000014}.floating-workflow-menu.dark:before{background:radial-gradient(84% 72% at 50% 100%,#1a1a1af0 0,#1a1a1ab8 44%,#1a1a1a47 72%,#1a1a1a00 100%),linear-gradient(0deg,#1a1a1af0 0,#1a1a1aa3 38%,#1a1a1a33 72%,#1a1a1a00)}.floating-workflow-menu.dark .floating-workflow-card:before{background:#ef40271a;border-color:#ef402742}.floating-workflow-menu:not(.dark) .floating-workflow-card:before{background:#0000;border-color:#0f172a14}.floating-workflow-menu:not(.dark) .floating-wf-card-title{color:#1e293b}.floating-workflow-menu:not(.dark) .floating-wf-card-subtitle{color:#1e293bd1}.floating-workflow-menu:not(.dark) .floating-wf-dot{background:#1e293b33}.floating-chat-input::-webkit-scrollbar{display:none}.floating-chat-input::placeholder{color:var(--text-light)}.floating-chat-actions{align-items:center;display:flex;gap:4px;width:100%}.floating-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--primary-red);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s;width:28px}.floating-action-btn:hover:not(:disabled){background:var(--primary-red-light);transform:scale(1.1)}.floating-action-btn:disabled{cursor:not-allowed;opacity:.5}.floating-action-btn svg{height:16px;width:16px}.floating-action-btn.recording-active{animation:pulse 2s infinite;background-color:var(--primary-red-light);color:var(--primary-red)}.floating-waveform-container{bottom:70px;left:0;padding:0 20px;position:absolute;right:0;z-index:100}.floating-message-sending{animation:messageSendAnimation .6s cubic-bezier(.4,0,.2,1) forwards;transform-origin:bottom right}@keyframes messageSendAnimation{0%{opacity:.7;transform:scale(.8) translateY(40px) translateX(-20px)}50%{opacity:.9;transform:scale(.95) translateY(10px) translateX(-10px)}to{opacity:1;transform:scale(1) translateY(0) translateX(0)}}.floating-message--user .floating-message-bubble{animation:messageAppear .4s cubic-bezier(.34,1.56,.64,1)}@keyframes messageAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.floating-message-sources{margin-left:8px;margin-right:8px;margin-top:12px}.floating-message-sources .source-tabs{max-width:100%}.floating-thinking-panel{background:#ef402714;border:1px solid #ef402738;border-radius:8px;color:var(--text-secondary);margin:8px 12px 4px;max-height:240px;opacity:1;overflow:hidden;padding:10px 12px;transition:max-height .28s ease,opacity .28s ease,margin .28s ease,padding .28s ease}.floating-thinking-panel.inline-thinking{margin:6px 0 0}.floating-thinking-panel.inline-history-thinking{margin:0 0 8px}.floating-chat-sidebar.dark .floating-thinking-panel{background:#ffffff0f;border:1px solid #ef402747}.floating-thinking-panel.collapsed{border-width:0;margin-bottom:0;margin-top:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.floating-thinking-header{font-size:11px;font-weight:600;margin-bottom:6px}.floating-thinking-content{font-size:12px;line-height:1.45;max-height:220px;overflow-y:auto;padding-right:4px;scrollbar-color:#ef4027b3 #18181c59;scrollbar-width:thin;white-space:pre-line}.floating-thinking-content::-webkit-scrollbar{width:8px}.floating-thinking-content::-webkit-scrollbar-track{background:#18181c59;border-radius:6px}.floating-thinking-content::-webkit-scrollbar-thumb{background:#ef4027b3;border:1px solid #ef402740;border-radius:6px}.floating-thinking-content::-webkit-scrollbar-thumb:hover{background:#ef4027e6}.floating-thought-summary{align-items:center;background:#ef40271f;border:1px solid #ef402738;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:6px;margin:2px 12px 8px;padding:5px 10px;width:fit-content}.floating-thought-summary.inline-summary{margin:0 0 8px}.floating-chat-sidebar.dark .floating-thought-summary{background:#ffffff0f;border:1px solid #ef402747}@media (max-width:1680px){.floating-chat-sidebar{height:820px;width:520px}}@media (max-width:1440px){.floating-chat-sidebar{height:760px;width:480px}}@media (max-width:1200px){.floating-chat-sidebar{width:420px}}@media (max-width:1024px){.floating-chat-sidebar{height:640px;width:380px}}@media (max-width:768px){.floating-chat-sidebar{bottom:12px;height:clamp(520px,70vh,calc(100vh - 120px));max-width:calc(100vw - 40px);min-width:280px;right:12px;width:clamp(300px,48vw,360px)}.floating-chat-input-area,.floating-chat-messages{padding:16px}}@media (max-width:640px){.floating-chat-sidebar{bottom:12px;height:calc(100vh - 100px);max-width:calc(100vw - 24px);right:12px;width:calc(100vw - 24px)}.floating-chat-header{padding:12px 16px}.floating-chat-title span{font-size:14px}}@media (prefers-reduced-motion:reduce){.floating-action-btn,.floating-chat-sidebar,.floating-header-btn{transition:none}}.floating-chat-sidebar.dark{background:#1a1a1af2;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080}.floating-chat-sidebar.dark .floating-chat-container,.floating-chat-sidebar.dark .floating-chat-input-area,.floating-chat-sidebar.dark .floating-chat-messages{background:#1a1a1af2}.floating-chat-sidebar.dark .floating-chat-header{background:#0000}.floating-chat-sidebar.dark .floating-chat-drag-indicator:after,.floating-chat-sidebar.dark .floating-chat-drag-indicator:before{background:#fff9;box-shadow:0 0 0 0 #fff9,0 5px 0 0 #fff9,0 10px 0 0 #fff9}.floating-chat-sidebar.dark .floating-header-btn{color:#fffc}.floating-chat-sidebar.dark .floating-header-btn:hover{background:#ef402733;color:var(--primary-red)}.floating-chat-sidebar.dark .floating-message--ai .floating-message-bubble{background:#ffffff1a;color:#fffffff2!important;font-weight:400}.floating-chat-sidebar.dark .floating-message--user .floating-message-bubble{background:var(--primary-red);color:#fff;font-weight:400}.floating-chat-sidebar.dark .floating-message-time{color:#ffffff80}.floating-chat-sidebar.dark .floating-agent-message,.floating-chat-sidebar.dark .floating-agent-message *,.floating-chat-sidebar.dark .floating-agent-message div,.floating-chat-sidebar.dark .floating-agent-message p,.floating-chat-sidebar.dark .floating-agent-message span,.floating-chat-sidebar.dark .floating-agent-text,.floating-chat-sidebar.dark .floating-agent-text *{color:#fffffff2!important}.floating-chat-sidebar.dark .live-transcription-cursor{background-color:#fffc}.floating-chat-sidebar.dark .floating-copy-btn{color:#fff9}.floating-chat-sidebar.dark .floating-copy-btn:hover{background:#ef402733;color:var(--primary-red)}.floating-chat-sidebar.dark .floating-typing-indicator{color:#fffffff2}.floating-chat-sidebar.dark .floating-input-container{background:#0000;border:none}.floating-chat-sidebar.dark .floating-chat-input{background:#0000;color:#fffffff2}.floating-chat-sidebar.dark .floating-chat-input::placeholder{color:#ffffff80}.floating-chat-sidebar.dark .floating-action-btn{color:#fffc}.floating-chat-sidebar.dark .floating-action-btn:hover:not(:disabled){background:#ef402733;color:var(--primary-red)}.floating-chat-sidebar.dark .floating-action-btn:disabled{color:#ffffff4d}.floating-chat-sidebar.dark .floating-action-btn.recording-active{background-color:#ef40274d;color:var(--primary-red)}.floating-chat-sidebar.dark .floating-image-thumb img{border-color:#ffffff1a}.floating-chat-sidebar.dark .floating-remove-image{background:#000c;border-color:#fffc}.floating-chat-sidebar.dark .floating-remove-image:hover{background:var(--primary-red);border-color:#fff}.floating-transcription-indicator{align-items:center;animation:pulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a;border:1px solid #ef402733;border-radius:8px;color:var(--primary-red);display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px}.transcription-pulse{animation:transcriptionPulse 1.5s infinite;background:var(--primary-red);border-radius:50%;height:8px;width:8px}@keyframes transcriptionPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}.floating-action-btn.web-search-active{background:#007aff!important;background:var(--primary-color,#007aff)!important;box-shadow:0 4px 12px #007aff4d;color:#fff!important;transform:scale(1.1)}.floating-action-btn.web-search-active:hover{background:#0056cc!important;background:var(--primary-hover,#0056cc)!important;transform:scale(1.15)}.floating-agent-message,.floating-agent-text,.floating-message--ai{font-size:13px!important}.floating-agent-message h1,.floating-agent-message h2,.floating-agent-message h3,.floating-agent-message h4,.floating-message--ai h1,.floating-message--ai h2,.floating-message--ai h3,.floating-message--ai h4{color:#ef4027!important;font-weight:600;line-height:1.4;margin-bottom:6px;margin-top:12px}.floating-agent-message h1,.floating-message--ai h1{font-size:14px}.floating-agent-message h2,.floating-message--ai h2{font-size:13px}.floating-agent-message h3,.floating-agent-message h4,.floating-message--ai h3,.floating-message--ai h4{font-size:12px}.floating-agent-message p,.floating-message--ai p{font-size:13px!important;line-height:1.5;margin-bottom:8px}.floating-agent-message strong,.floating-message--ai strong{color:var(--text-primary);font-size:inherit;font-weight:600}.floating-agent-message em,.floating-message--ai em{font-size:inherit;font-style:italic}.floating-agent-message ol,.floating-agent-message ul,.floating-message--ai ol,.floating-message--ai ul{font-size:12px!important;margin:8px 0;padding-left:20px}.floating-agent-message li,.floating-message--ai li{font-size:12px!important;line-height:1.5;margin-bottom:6px}.floating-agent-message li::marker,.floating-message--ai li::marker{color:#ef4027!important}.floating-agent-message code,.floating-message--ai code{background:#ef40271a;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}.floating-agent-message pre,.floating-message--ai pre{background:#0000000d;border-radius:8px;margin:12px 0;overflow-x:auto;padding:12px}.floating-agent-message pre code,.floating-message--ai pre code{background:none;padding:0}.floating-agent-message blockquote,.floating-message--ai blockquote{border-left:3px solid #ef4027;font-style:italic;margin:12px 0;opacity:.9;padding-left:16px}.floating-agent-message hr,.floating-message--ai hr{border:none;border-top:1px solid #ef402733;margin:16px 0}.floating-agent-message a,.floating-message--ai a{color:#ef4027;text-decoration:underline;transition:opacity .2s ease}.floating-agent-message a:hover,.floating-message--ai a:hover{opacity:.7}.floating-action-btn.context-screenshot-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.floating-action-btn.context-screenshot-btn:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef40271a;border:1px solid #ef402733;box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.floating-action-btn.context-screenshot-btn.context-active{background:#ef4027!important}.floating-action-btn.context-screenshot-btn.context-active svg{color:#fff!important}.floating-model-dropdown{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fffffffa;border:1px solid #ef40274d;border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 12px 32px #0006;color:var(--text-primary);left:0;min-width:240px;overflow:visible;position:absolute;z-index:99999}.floating-chat-sidebar.dark .floating-model-dropdown,[data-theme=dark] .floating-model-dropdown{background:#18181cfa;color:#f1f5f9}.floating-model-dropdown-section{border-bottom:1px solid #ef40271a;overflow:visible;padding:8px;position:relative}.floating-model-dropdown-section:last-child{border-bottom:none}.floating-model-dropdown-label{color:#808080b3;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;padding:4px 8px;text-transform:uppercase}.floating-chat-sidebar.dark .floating-model-dropdown-label,[data-theme=dark] .floating-model-dropdown-label{color:#ffffff80}.floating-model-dropdown-item{align-items:center;border-radius:8px;color:inherit;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.floating-model-dropdown-item:hover{background:#ef40271a}.floating-model-dropdown-item.floating-model-selected{background:#ef402733;font-weight:600}.floating-model-submenu{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fffffffa;border:1px solid #ef40274d;border-radius:12px;box-shadow:0 12px 40px #00000080;color:var(--text-primary);max-height:400px;max-width:320px;min-width:240px;overflow-y:auto;padding:8px;pointer-events:all;position:fixed;z-index:2147483647}.floating-model-submenu[data-theme=dark]{background:#18181cfa!important;color:#f1f5f9!important}.floating-model-dropdown,.floating-model-submenu,.floating-model-submenu-list{scrollbar-color:#ef4027a6 #ef402724;scrollbar-width:thin}.floating-model-dropdown::-webkit-scrollbar,.floating-model-submenu-list::-webkit-scrollbar,.floating-model-submenu::-webkit-scrollbar{height:8px;width:8px}.floating-model-dropdown::-webkit-scrollbar-track,.floating-model-submenu-list::-webkit-scrollbar-track,.floating-model-submenu::-webkit-scrollbar-track{background:#ef40271f;border-radius:10px}.floating-model-dropdown::-webkit-scrollbar-thumb,.floating-model-submenu-list::-webkit-scrollbar-thumb,.floating-model-submenu::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ef4027e6,#d63320d9);border:1px solid #ffffff26;border-radius:10px}.floating-model-dropdown::-webkit-scrollbar-thumb:hover,.floating-model-submenu-list::-webkit-scrollbar-thumb:hover,.floating-model-submenu::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ef4027,#d63320f2)}.floating-model-dropdown-section.floating-model-current{background:#ef40270d}.floating-chat-sidebar .portal-agent-message{display:flex;flex-direction:column;margin-bottom:16px}.floating-chat-sidebar .portal-agent-message.user{align-items:flex-end}.floating-chat-sidebar .portal-agent-message.agent{align-items:flex-start}.floating-chat-sidebar .portal-agent-message.agent .floating-agent-text{color:var(--text-primary);line-height:1.6;max-width:80%;padding:8px}.source-tabs{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.sources-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 8px;transition:all .2s ease}.sources-toggle:hover{background:#ffffff1a;color:#ffffffe6}.chevron{font-size:10px;transition:transform .2s ease}.chevron.expanded{transform:rotate(180deg)}.sources-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.source-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:inherit;display:block;padding:8px 12px;text-decoration:none;transition:all .2s ease}.source-item:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.source-header{gap:8px;margin-bottom:4px}.source-header,.source-number{align-items:center;display:flex}.source-number{background:#3b82f6cc;border-radius:50%;color:#fff;flex-shrink:0;font-size:10px;font-weight:600;height:16px;justify-content:center;width:16px}.source-title{color:#ffffffe6;flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-domain{color:#ffffff80;font-family:monospace;font-size:10px}.source-snippet{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:11px;line-height:1.4;margin:0;overflow:hidden}.source-item-container{display:flex;flex-direction:column;gap:6px}.source-image-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.source-image-preview img{display:block;height:auto;max-height:200px;object-fit:cover;transition:transform .2s ease;width:100%}.source-image-preview:hover img{transform:scale(1.02)}.floating-chat-sidebar.light .source-tabs{border-top-color:#0000001a}.floating-chat-sidebar.light .sources-toggle{color:#000000b3}.floating-chat-sidebar.light .sources-toggle:hover{background:#0000000d;color:#000000e6}.floating-chat-sidebar.light .source-item{background:#00000008;border-color:#0000001a}.floating-chat-sidebar.light .source-item:hover{background:#00000014;border-color:#0003}.floating-chat-sidebar.light .source-title{color:#000000e6}.floating-chat-sidebar.light .source-domain{color:#00000080}.floating-chat-sidebar.light .source-snippet{color:#000000b3}.floating-chat-sidebar.light .source-image-preview{background:#00000008;border-color:#0000001a}.expandable-citations{pointer-events:auto;position:relative;z-index:100}.expandable-citations.card-mode{bottom:12px;left:12px;position:absolute}.expandable-citations.chat-mode{display:inline-flex;margin-left:8px}.sources-toggle-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ef402733;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#1e293b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.sources-toggle-btn:hover{background:#fff;border-color:#ef402766;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.sources-toggle-btn:active{transform:translateY(0)}@media (prefers-color-scheme:dark){.sources-toggle-btn{background:#18181cf2;border-color:#ef40274d;color:#f1f5f9}.sources-toggle-btn:hover{background:#1e1e23;border-color:#ef402780}.citation-circle{border-color:#18181c}}.sources-label{color:#ef4027;font-weight:600}.citation-circles{align-items:center;display:flex;gap:0}.citation-circle{align-items:center;background:#ef4027;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;line-height:1;margin-left:-8px;overflow:hidden;position:relative;transition:transform .2s ease,z-index 0s .2s;width:24px;z-index:1}.citation-circle:first-child{margin-left:0}.citation-circle:hover{transform:scale(1.15);transition:transform .2s ease,z-index 0s 0s;z-index:10}.citation-circle img{border-radius:50%;height:100%;object-fit:cover;width:100%}.citation-circle-more{align-items:center;background:#ef402733;border-radius:10px;color:#ef4027;display:flex;font-size:10px;font-weight:600;height:20px;justify-content:center;line-height:1;width:24px}.chevron-icon{color:#64748b;height:16px;width:16px}.citations-panel{animation:slideDownFade .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ef402733;border-radius:12px;box-shadow:0 8px 24px #00000026;cursor:default;left:0;max-height:320px;max-width:360px;min-width:280px;overflow-y:auto;pointer-events:auto;position:absolute;top:calc(100% + 8px);z-index:2147483647}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.expandable-citations.chat-mode .citations-panel{margin-top:8px;top:100%}@media (prefers-color-scheme:dark){.citations-panel{background:#18181cfa;border-color:#ef40274d}}.citations-header{background:#ef402708;border-bottom:1px solid #ef40271a;padding:12px 16px}.citations-count{color:#ef4027;font-size:13px;font-weight:600}.citations-list{max-height:260px;overflow-y:auto;padding:8px}.citation-item{border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .15s ease}.citation-item:hover{background:#ef40270d}.citation-item:active{background:#ef40271a}.citation-number-badge{align-items:center;background:#ef4027;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.citation-content{flex:1 1;min-width:0}.citation-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme:dark){.citation-title{color:#f1f5f9}}.citation-domain{color:#ef4027;font-size:12px;font-weight:500;margin-bottom:6px}.citation-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme:dark){.citation-snippet{color:#94a3b8}}.citations-list::-webkit-scrollbar{width:6px}.citations-list::-webkit-scrollbar-track{background:#0000}.citations-list::-webkit-scrollbar-thumb{background:#ef402733;border-radius:3px}.citations-list::-webkit-scrollbar-thumb:hover{background:#ef402766}.document-pills-patb-inline{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.document-pills-bottom-right{right:24px}.context-pills-bottom-left,.document-pills-bottom-right{bottom:100px;display:flex;flex-wrap:wrap;gap:6px;max-width:500px;pointer-events:auto;position:fixed;z-index:1000}.context-pills-bottom-left{left:24px}.document-pills-top-inline{align-items:flex-start;background:#0000;display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:0;margin-right:0;overflow-x:auto;overflow-y:hidden;padding:0 4px 4px 0;scrollbar-color:#ef40274d #0000;scrollbar-width:thin}.document-pill{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:8px;box-shadow:0 2px 8px #00000014;color:var(--text-primary);display:flex;font-size:12px;gap:6px;max-width:280px;padding:8px 14px;position:relative;transition:all .2s ease}.document-pill:hover{border-color:#ef402766;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.document-pill:before{background:linear-gradient(135deg,#ef40271a,#0000);border-radius:6px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.document-pill-icon{color:#ef4027;flex-shrink:0;height:16px;width:16px}.document-pill-icon-spinning{animation:document-pill-spin 1s linear infinite}.document-pill-thumbnail{border:1px solid #ef402733;border-radius:6px;flex-shrink:0;height:20px;object-fit:cover;width:20px}.document-pill-name{font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-pill-tags{display:flex;gap:4px;margin-left:4px}.document-pill-tag{color:#ef4027cc;font-size:10px;font-weight:600}.document-pill-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#ef402799;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:2px;outline:none;padding:2px;transition:all .2s ease}.document-pill-remove:hover{background:#ef40271a;color:#ef4027}.document-pill-remove:active{background:#ef402733}.document-pill-remove-icon{height:11px;width:11px}@keyframes document-pill-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=dark] .document-pill{background:#18181cf2;border-color:#ef40274d}[data-theme=dark] .document-pills-top-inline{background:#ef402714}[data-theme=dark] .document-pill-remove{background:#ef402726}[data-theme=dark] .document-pill-remove:hover{background:#ef4027;color:#fff}:root{--ai-glass-light:#ffffff14;--ai-glass-dark:#00000026;--ai-glass-border:#ffffff1f;--ai-glass-border-dark:#ffffff14;--ai-backdrop-blur:blur(30px);--ai-shadow-glass:0 8px 32px #00000014;--ai-shadow-glass-dark:0 8px 32px #00000040;--ai-collapsed-width:480px;--ai-expanded-width:480px;--ai-collapsed-height:60px;--ai-expanded-height:520px;--ai-image-preview-height:100px;--ai-brainstorming-width:580px;--ai-brainstorming-height:70px;--ai-transition-open:all 0.4s cubic-bezier(0.34,1.56,0.64,1);--ai-transition-close:all 0.3s cubic-bezier(0.4,0,0.6,1);--ai-transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes typingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.ai-toolbar{background:#ffffffeb;border:1.5px solid #ef40271a;border-radius:20px;box-shadow:0 2px 12px 0 #ef402714;font-family:var(--font-family);height:60px;height:var(--ai-collapsed-height);left:50%;max-width:520px;min-width:520px;overflow:hidden;position:fixed;top:75px;transform:translateX(-50%) scale(.83);transition:all .3s cubic-bezier(.4,0,.6,1),opacity .3s ease-out;transition:var(--ai-transition-close),opacity .3s ease-out;width:480px;width:var(--ai-collapsed-width);z-index:2000}.ai-toolbar.expanded{height:520px;height:var(--ai-expanded-height);overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--ai-transition-open)}.ai-toolbar.brainstorming-mode{height:70px;height:var(--ai-brainstorming-height);max-width:580px;max-width:var(--ai-brainstorming-width);min-width:580px;min-width:var(--ai-brainstorming-width);transform:translateX(-50%) scale(.9);width:580px;width:var(--ai-brainstorming-width)}.ai-toolbar.brainstorming-mode.expanded{height:540px;height:calc(var(--ai-expanded-height) + 20px)}.ai-toolbar.has-image-preview{height:160px;height:calc(var(--ai-collapsed-height) + var(--ai-image-preview-height))}.ai-toolbar.dark{background:#18181ceb;border:1.5px solid #ffffff1a;box-shadow:0 2px 12px 0 #0000002e}.ai-toolbar.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100%) scale(.83);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.ai-toolbar-input-bar{align-items:center;background:#0000;box-sizing:border-box;display:flex;gap:8px;height:60px;left:0;padding:10px 12px;position:absolute;right:0;top:0;z-index:2}.ai-toolbar.brainstorming-mode .ai-toolbar-input-bar{height:70px;height:var(--ai-brainstorming-height);padding:16px 18px}.ai-icon-container{align-items:center;background:#0000;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ai-transition-smooth);width:28px}.ai-toolbar.brainstorming-mode .ai-icon-container{height:36px;width:36px}.ai-icon-container:hover{transform:scale(1.1)}.ai-icon{color:var(--primary-red);filter:drop-shadow(0 0 4px rgba(239,64,39,.3));height:18px;width:18px}.ai-toolbar.brainstorming-mode .ai-icon{height:20px;width:20px}.ai-input-container{align-items:center;display:flex;flex:1 1;height:24px;justify-content:flex-start;min-height:24px;position:relative}.ai-input{-ms-overflow-style:none!important;background:#0000;border:none;box-sizing:border-box!important;caret-color:var(--primary-red);color:var(--text-primary);display:block!important;font-family:var(--font-family);font-size:15px;height:24px!important;line-height:24px!important;margin:0!important;max-height:24px!important;min-height:24px!important;outline:none;overflow-x:hidden!important;overflow-y:hidden!important;padding:0!important;position:static!important;resize:none;scrollbar-width:none!important;text-align:left!important;top:auto!important;transform:none!important;transform-origin:top left!important;transition:none!important;width:100%}.ai-input::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.ai-input-expansion{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);-webkit-backdrop-filter:var(--ai-backdrop-blur);backdrop-filter:var(--ai-backdrop-blur);background:#ffffff14;background:var(--ai-glass-light);border:1px solid #ffffff1f;border:1px solid var(--ai-glass-border);border-radius:12px;box-shadow:0 8px 32px #00000014;box-shadow:var(--ai-shadow-glass);display:none;left:16px;padding:12px;position:absolute;right:16px;top:60px;z-index:1}.ai-input-expansion.visible{display:block}.ai-input-expansion textarea{-ms-overflow-style:none!important;background:#0000;border:none;caret-color:var(--primary-red);color:var(--text-primary);font-family:var(--font-family);font-size:15px;line-height:24px;max-height:120px;outline:none;overflow-x:hidden!important;overflow-y:hidden!important;resize:none;scrollbar-width:none!important;width:100%}.ai-input-expansion textarea::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.ai-toolbar.dark .ai-input-expansion{background:#00000026;background:var(--ai-glass-dark);border-color:#ffffff14;border-color:var(--ai-glass-border-dark);box-shadow:0 8px 32px #00000040;box-shadow:var(--ai-shadow-glass-dark)}.ai-input::placeholder{color:var(--text-light);font-family:var(--font-family);font-size:15px;font-weight:400}.ai-input:focus{caret-color:var(--primary-red)}.ai-toolbar.dark .ai-input{color:#fffffff2}.ai-toolbar.dark .ai-input::placeholder{color:#ffffff80}.ai-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:8px;max-width:fit-content;width:auto}.ai-action-btn,.ai-minimize-btn,.ai-send-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--primary-red);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ai-transition-smooth);width:34px}.ai-action-btn svg,.ai-minimize-btn svg,.ai-send-btn svg{height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ai-transition-smooth);width:20px;z-index:1}.ai-action-btn,.ai-send-btn{height:34px;width:34px}.ai-action-btn:hover,.ai-minimize-btn:hover,.ai-send-btn:hover:not(:disabled){background:#ef40271a;box-shadow:0 2px 6px #ef402726;transform:scale(1.05)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.ai-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-send-btn:after{border:2px solid;border-left:none;border-top:none;content:"";height:8px;margin-top:-2px;transform:rotate(45deg);transition:inherit;width:8px}.ai-send-btn:before{background-color:currentColor;content:"";height:12px;margin-bottom:4px;position:absolute;transition:inherit;width:2px}.ai-action-btn.recording-active{animation:pulse 1.5s ease-in-out infinite;background:#ef402733;color:var(--primary-red)}.ai-action-btn.web-search-active{background:#3b82f633;color:#3b82f6;font-weight:700}.ai-action-btn.web-search-active:hover{background:#3b82f64d;color:#2563eb}.ai-toolbar-chat{bottom:0;display:flex;flex-direction:column;height:calc(100% - 60px);left:0;opacity:1;padding:0 16px 16px;position:absolute;right:0;top:60px;visibility:visible;z-index:1}.ai-toolbar.collapsed .ai-toolbar-chat{height:0;opacity:0;overflow:hidden;visibility:hidden}.ai-toolbar.expanded .ai-toolbar-chat{height:calc(100% - 60px);opacity:1;visibility:visible}.ai-chat-messages{flex:1 1;padding-right:8px;scrollbar-color:#ef40274d #0000;scrollbar-width:thin}.ai-toolbar.expanded .ai-chat-messages{overflow-y:auto}.ai-toolbar.collapsed .ai-chat-messages{overflow:hidden}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:#0000}.ai-chat-messages::-webkit-scrollbar-thumb{background-color:#ef40274d;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background-color:#ef402780}.ai-welcome-message{opacity:.8;padding:40px 20px;text-align:center}.ai-welcome-message .welcome-icon{color:var(--primary-red);filter:drop-shadow(0 0 8px rgba(239,64,39,.3));height:48px;margin:0 auto 16px;width:48px}.ai-welcome-message h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.ai-welcome-message p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.ai-message{display:flex;flex-direction:column;margin-bottom:16px}.ai-message--user{align-items:flex-end}.ai-message--ai{align-items:flex-start}.ai-message-bubble{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;max-width:85%;padding:12px 16px;position:relative}.ai-message--user .ai-message-bubble{animation:messageSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:var(--primary-red);border-bottom-right-radius:4px;box-shadow:0 4px 12px #ef40274d;color:#fff}.ai-message--ai .ai-message-bubble{animation:messageSlideIn .4s cubic-bezier(.4,0,.2,1);background:#ffffff1a;border:1px solid #fff3;border-bottom-left-radius:4px;box-shadow:0 4px 12px #0000000d;color:var(--text-primary)}.ai-toolbar.dark .ai-message--ai .ai-message-bubble{background:#0003;border-color:#ffffff1a;color:#fffffff2}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-message-content{font-size:14px;line-height:1.4;margin:0}.ai-message-image{margin-bottom:8px}.ai-message-image img{border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:200px}.ai-message-time{color:var(--text-light);font-size:10px;margin-top:4px;opacity:.7}.ai-message--user .ai-message-time{text-align:right}.ai-message--ai .ai-message-time{text-align:left}.ai-copy-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;display:flex;font-family:var(--font-family);font-size:12px;gap:4px;margin-top:8px;padding:6px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ai-transition-smooth)}.ai-copy-btn:hover{background:#ef40271a;color:var(--primary-red)}.ai-copy-btn svg{height:14px;width:14px}.loading-dots{align-items:center;display:flex;gap:4px;padding:8px 0}.loading-dot{animation:loading-bounce 1.4s ease-in-out infinite both;background:var(--text-secondary);border-radius:50%;height:6px;width:6px}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ai-typing-indicator{align-items:center;background:#0000;border-radius:8px;display:flex;justify-content:center;max-width:85%;padding:12px 16px}.live-transcription-cursor{animation:cursorPulse 1.2s ease-in-out infinite;background-color:#9ca3af;border-radius:1px;height:18px;width:2px}@keyframes cursorPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.8)}}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.ai-waveform-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef40271a;border:1px solid #ef402733;border-radius:8px;margin-bottom:12px;padding:12px}.ai-voice-feedback{animation:voice-feedback-appear .3s ease-out;background:#007aff14;border:1px solid #007aff33;border-radius:12px;margin:16px 20px;padding:12px 16px}@keyframes voice-feedback-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-interim-transcript{color:#007aff;font-size:14px;font-style:italic;line-height:1.4;margin-bottom:8px;min-height:20px}.ai-interim-transcript .listening-indicator{animation:pulse-mic 1.5s ease-in-out infinite;margin-right:8px}.ai-audio-indicator{align-items:center;color:#666;display:flex;font-size:12px;gap:8px}.pulse-dot{animation:pulse-dot 1.2s ease-in-out infinite;background:#007aff;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}@keyframes pulse-mic{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}[data-theme=dark] .ai-voice-feedback{background:#007aff1f;border-color:#007aff4d}[data-theme=dark] .ai-interim-transcript{color:#0a84ff}[data-theme=dark] .ai-audio-indicator{color:#999}[data-theme=dark] .pulse-dot{background:#0a84ff}@media (max-width:768px){.ai-toolbar{--ai-collapsed-width:calc(100vw - 40px);--ai-expanded-width:calc(100vw - 40px);--ai-expanded-height:500px;max-width:600px}}@media (max-width:480px){.ai-toolbar-input-bar{gap:6px;padding:10px 12px}.ai-icon-container{height:30px;width:30px}.ai-action-btn,.ai-minimize-btn,.ai-send-btn{height:28px;width:28px}.ai-input{font-size:14px}}@media (prefers-reduced-motion:reduce){.ai-action-btn,.ai-message-bubble,.ai-minimize-btn,.ai-send-btn,.ai-toolbar{animation:none;transition:none}.ai-typing-indicator span{animation:none}}.ai-toolbar:focus-within{box-shadow:0 8px 32px #00000014,0 0 0 2px #ef402733;box-shadow:var(--ai-shadow-glass),0 0 0 2px #ef402733}.ai-action-btn:focus,.ai-minimize-btn:focus,.ai-send-btn:focus{box-shadow:0 0 0 2px #ef40274d;outline:none}.ai-toolbar.dark .ai-welcome-message h3{color:#fffffff2}.ai-toolbar.dark .ai-welcome-message p{color:#ffffffb3}.ai-toolbar.dark .ai-message-time{color:#ffffff80}.ai-toolbar.dark .live-transcription-cursor{background-color:#fffc}.ai-toolbar.dark .loading-dot{background:#ffffffb3}.ai-toolbar.dark .ai-copy-btn{color:#fff9}.ai-toolbar.dark .ai-copy-btn:hover{background:#ef402733;color:var(--primary-red)}.ai-floating-previews{animation:floatingPreviewsAppear .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);backdrop-filter:var(--ai-backdrop-blur);-webkit-backdrop-filter:blur(30px);-webkit-backdrop-filter:var(--ai-backdrop-blur);background:#ffffff14;background:var(--ai-glass-light);border:1px solid #ffffff1f;border:1px solid var(--ai-glass-border);border-radius:12px;box-shadow:0 8px 32px #00000014;box-shadow:var(--ai-shadow-glass);display:flex;gap:8px;left:50%;padding:8px 12px;position:fixed;top:90px;top:var(--ai-preview-top-position,90px);transform:translateX(-50%);transition:all all .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;transition:all var(--ai-transition-smooth),opacity .3s ease;z-index:1999}.ai-floating-previews.dark{background:#00000026;background:var(--ai-glass-dark);border-color:#ffffff14;border-color:var(--ai-glass-border-dark);box-shadow:0 8px 32px #00000040;box-shadow:var(--ai-shadow-glass-dark)}.ai-floating-thumb{border-radius:6px;flex-shrink:0;height:45px;overflow:visible;position:relative;width:60px}.ai-floating-thumb img{border:1px solid #fff3;border-radius:6px;box-shadow:0 2px 8px #00000026;height:100%;object-fit:cover;width:100%}.ai-floating-thumb .ai-remove-image{align-items:center;background:#000c;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ai-transition-smooth);width:16px}.ai-floating-thumb .ai-remove-image:hover{background:var(--primary-red);transform:scale(1.1)}@keyframes floatingPreviewsAppear{0%{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#007aff;height:16px;width:16px}.ai-action-btn.recording-active{animation:pulse-red 1.5s ease-in-out infinite;background:#ff3b3033!important;border-color:#ff3b3066!important}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 #ff3b3066}50%{box-shadow:0 0 0 8px #ff3b3000}}.ai-input.listening{animation:transcription-glow 1.5s ease-in-out infinite}@keyframes transcription-glow{0%,to{box-shadow:0 0 5px #007aff4d}50%{box-shadow:0 0 15px #007aff99,inset 0 0 10px #007aff33}}.ai-input.listening:after{animation:cursor-blink 1s infinite;color:#007aff;content:"|";font-weight:700}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.ai-action-btn.ai-floating-btn{background:#ef4027;border:1px solid #ef4027;color:#fff}.ai-action-btn.ai-floating-btn:hover{background:#dc2626;border-color:#dc2626;transform:scale(1.05)}.ai-action-btn.ai-floating-btn svg{color:#fff}.ai-toolbar.no-transitions,.ai-toolbar.no-transitions *{animation:none!important;transform-origin:center!important;transition:none!important}.ai-toolbar.no-transitions .ai-toolbar-chat,.ai-toolbar.no-transitions .ai-toolbar-input-bar{transition:none!important}.ai-prompt-suggestions{animation:ai-suggestions-appear .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402726;border-radius:16px;bottom:100%;box-shadow:0 8px 32px #0000001f;left:0;margin-bottom:8px;max-height:300px;overflow-y:auto;padding:16px;position:absolute;right:0;z-index:10}.ai-toolbar.dark .ai-prompt-suggestions{background:#1e1e1ef2;border-color:#ffffff26;color:#fff}.ai-suggestions-header{align-items:center;border-bottom:1px solid #ef40271a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.ai-toolbar.dark .ai-suggestions-header{border-bottom-color:#ffffff1a}.ai-suggestions-title{color:#374151;font-size:12px;font-weight:600;opacity:.8}.ai-toolbar.dark .ai-suggestions-title{color:#e5e7eb}.ai-suggestions-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:4px;transition:all .2s ease;width:24px}.ai-suggestions-close:hover{background:#ef40271a;color:#ef4027}.ai-toolbar.dark .ai-suggestions-close{color:#9ca3af}.ai-toolbar.dark .ai-suggestions-close:hover{background:#ffffff1a;color:#fff}.ai-suggestions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:200px;overflow-y:auto}.ai-suggestion-tab{align-items:center;background:#ef40270d;border:1px solid #ef402733;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;line-height:1.4;max-width:100%;min-height:44px;overflow:hidden;padding:10px 14px;text-align:left;text-overflow:ellipsis;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.ai-suggestion-tab:hover{background:#ef40271a;border-color:#ef402766;box-shadow:0 4px 12px #ef402726;transform:translateY(-1px)}.ai-suggestion-tab:active{box-shadow:0 2px 6px #ef402733;transform:translateY(0)}.ai-toolbar.dark .ai-suggestion-tab{background:#ffffff14;border-color:#fff3;color:#e5e7eb}.ai-toolbar.dark .ai-suggestion-tab:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 4px 12px #0000004d}@keyframes ai-suggestions-appear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.ai-suggestions-grid{grid-template-columns:1fr}.ai-suggestion-tab{min-height:auto;white-space:normal}}.ai-message-content h1,.ai-message-content h2,.ai-message-content h3,.ai-message-content h4{font-weight:600;line-height:1.4;margin-bottom:8px;margin-top:16px}.ai-message-content h1{font-size:1.5em}.ai-message-content h2{font-size:1.3em}.ai-message-content h3{font-size:1.1em}.ai-message-content h4{font-size:1em}.ai-message-content p{line-height:1.6;margin-bottom:12px}.ai-message-content strong{color:var(--text-primary);font-weight:600}.ai-message-content em{font-style:italic}.ai-message-content ol,.ai-message-content ul{margin:12px 0;padding-left:24px}.ai-message-content li{line-height:1.6;margin-bottom:8px}.ai-message-content li::marker{color:#ef4027}.ai-message-content code{background:#ef40271a;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}.ai-message-content pre{background:#0000000d;border-radius:8px;margin:12px 0;overflow-x:auto;padding:12px}.ai-message-content pre code{background:none;padding:0}.ai-message-content blockquote{border-left:3px solid #ef4027;font-style:italic;margin:12px 0;opacity:.9;padding-left:16px}.ai-message-content a{color:#ef4027;text-decoration:underline}.ai-message-content a:hover{opacity:.8}.ai-toolbar.dark .ai-message-content strong{color:var(--text-primary-dark)}.ai-toolbar.dark .ai-message-content code{background:#ef402733}.ai-toolbar.dark .ai-message-content pre{background:#ffffff0d}.ai-action-btn.camera-btn{align-items:center;background:#0000;border:none;border-radius:4px;display:flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.ai-action-btn.camera-btn:hover{background:#ef40271a;transform:scale(1.05)}.ai-action-btn.camera-btn.active,.ai-action-btn.camera-btn:active{background:#ef4027}.ai-action-btn.camera-btn.active svg,.ai-action-btn.camera-btn:active svg{color:#fff}:root{--patb-top-offset:90px;--patb-collapsed-width:980px}.portal-agent-topbar-light-container{border-radius:22px;height:72px;left:50%;overflow:hidden;pointer-events:none;position:fixed;top:88px!important;top:calc(var(--patb-top-offset) - 2px)!important;transform:translateX(-50%) scale(.83);transform-origin:top center;width:988px;width:calc(var(--patb-collapsed-width) + 8px);z-index:1999}.portal-agent-topbar-light-container:before{animation:patbRotatingBorder 3s linear 3,patbFadeOut .5s ease-out 9s forwards;aspect-ratio:1;background:conic-gradient(#0000 270deg,#ef4027cc,#ef402766,#ef402733,#0000);content:"";left:50%;pointer-events:none;position:absolute;top:45%;transform:translate(-50%,-50%) scale(1.4) rotate(0deg);width:100%}@keyframes patbRotatingBorder{0%{transform:translate(-50%,-50%) scale(1.4) rotate(0turn)}to{transform:translate(-50%,-50%) scale(1.4) rotate(1turn)}}@keyframes patbFadeOut{0%{opacity:1}to{opacity:0}}.dark .portal-agent-topbar-light-container:before{background:conic-gradient(#0000 270deg,#ef4027e6,#e6002d99,#b4286466,#0000)}.portal-agent-topbar{backdrop-filter:blur(60px)!important;-webkit-backdrop-filter:blur(60px)!important;background:#fff!important;border:1.5px solid #ef40271a;border-radius:20px;box-shadow:0 4px 16px #ef40271a,0 8px 32px #0000001a!important;height:66px;left:50%;max-width:1120px;min-width:760px;overflow:visible;position:fixed;top:90px!important;top:var(--patb-top-offset)!important;transform:translateX(-50%) scale(.83);transform-origin:top center;transition:width .3s cubic-bezier(.4,0,.6,1),height .3s cubic-bezier(.4,0,.6,1);width:980px;width:var(--patb-collapsed-width);z-index:2000}.portal-agent-topbar.expanded-for-image-model{max-width:1120px!important;width:1120px!important}.portal-agent-topbar.expanded{height:450px;left:50%!important;max-width:1000px;min-width:1000px;overflow:visible!important;top:80px!important;top:calc(var(--patb-top-offset) - 10px)!important;transform:translateX(-50%) scale(.83)!important;transform-origin:top center!important;transition:width .4s cubic-bezier(.34,1.56,.64,1),height .4s cubic-bezier(.34,1.56,.64,1);width:1000px}.portal-agent-topbar.dark{backdrop-filter:blur(60px)!important;-webkit-backdrop-filter:blur(60px)!important;background:#18181c!important;border:1.5px solid #ffffff1a;box-shadow:0 4px 16px #0000004d,0 8px 32px #0003!important}.patb-input-bar{align-items:center;background:#0000;bottom:auto;box-sizing:border-box;display:flex;gap:8px;height:66px;left:0;padding:10px 16px;position:absolute;right:0;top:0;z-index:2}.patb-left-expand-btn{align-items:center;background:#ef402714;border:1px solid #ef402747;border-radius:12px;color:#ef4027;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s ease;width:34px}.patb-left-expand-btn svg{height:18px;width:18px}.patb-left-expand-btn:hover{background:#ef402724;border-color:#ef402766}.patb-left-expand-btn.active{background:#ef4027;border-color:#ef4027;color:#fff}.portal-agent-topbar.dark .patb-left-expand-btn{background:#ef402724;border-color:#ef402766;color:#ffb4aa}.portal-agent-topbar.dark .patb-left-expand-btn.active{background:#ef4027;color:#fff}.portal-agent-topbar.expanded .patb-input-bar{bottom:0;top:auto}.patb-mode-toggle{background:#ef40271a;border:1px solid #ef40274d;border-radius:12px;cursor:pointer;flex-shrink:0;height:36px;position:relative;transition:all .2s ease;width:84px}.patb-mode-toggle:hover{background:#ef402726;border-color:#ef402766}.patb-slider-track{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 10px;position:relative}.patb-slider-side{align-items:center;color:#ef402780;display:flex;height:32px;justify-content:center;transition:color .3s ease;width:32px;z-index:1}.patb-slider-side svg{height:16px;width:16px}.patb-slider-button{align-items:center;background:#ef4027;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;height:32px;justify-content:center;left:2px;position:absolute;top:1px;transition:transform .4s cubic-bezier(.4,0,.2,1);width:36px;z-index:2}.patb-slider-button svg{color:#fff;height:14px;width:14px}.patb-slider-button.chat-active{transform:translateX(42px)}.patb-slider-button.agent-active{transform:translateX(0)}.patb-toggle-btn{display:none}.patb-model-selector{flex-shrink:0;position:relative}.patb-model-btn{align-items:center;background:#ef40271a;border:1px solid #ef40274d;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;height:36px;min-width:160px;padding:8px 14px;transition:all .2s ease}.portal-agent-topbar.dark .patb-model-btn{color:#f1f5f9}.patb-model-btn:hover{background:#ef402733;border-color:#ef402780}.patb-model-btn svg{flex-shrink:0;height:12px;width:12px}.patb-model-name{color:inherit;font-size:13px}.patb-input-container{align-items:center;display:flex;flex:1 1;height:24px;justify-content:flex-start;min-height:24px;position:relative}.patb-input{-ms-overflow-style:none!important;background:#0000;border:none;box-sizing:border-box!important;caret-color:#ef4027;color:#1e293b;display:block!important;font-family:inherit;font-size:15px;height:24px!important;line-height:24px!important;margin:0!important;max-height:24px!important;min-height:24px!important;outline:none;overflow-x:hidden!important;overflow-y:hidden!important;padding:0!important;position:static!important;resize:none;scrollbar-width:none!important;text-align:left!important;top:auto!important;transform:none!important;transform-origin:top left!important;transition:none!important;width:100%}.patb-input::-webkit-scrollbar{display:none!important}.patb-input::placeholder{color:#1e293b80;font-size:15px;font-weight:400}.portal-agent-topbar.dark .patb-input{color:#fffffff2}.portal-agent-topbar.dark .patb-input::placeholder{color:#ffffff80}.patb-input.workflow-icon-visible{padding-left:46px!important}.patb-input.generating{color:#0000;opacity:.5}.patb-input-generating-overlay{align-items:center;bottom:0;color:#ef4027cc;display:flex;font-size:14px;font-weight:500;left:0;padding:0 14px;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.patb-input-action-text{align-items:center;display:inline-flex;font-size:13px;font-weight:600;gap:8px}.patb-input-action-label{align-items:center;display:inline-flex;line-height:1}.patb-input-toolcall-chip{align-items:center;background:#22c55e33;border:1px solid #4ade808c;border-radius:999px;color:#dcfce7fa;display:inline-flex;font-size:12px;font-weight:600;line-height:1.2;max-width:100%;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap}.patb-input-toolcall-chip.success{background:#22c55e3d;border-color:#4ade80a6}.patb-input-toolcall-chip.error{background:#ef444433;border-color:#f87171a6;color:#fee2e2}.patb-input-toolcall-chip.loading{background:#22c55e33;border-color:#4ade808c}.patb-input-workflow-icon{align-items:center;background:#ef4027;border:1px solid #ef4027;border-radius:8px;box-shadow:0 3px 12px #ef40274d;display:flex;height:34px;justify-content:center;left:46px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:34px;z-index:4}.patb-input-workflow-icon img{backface-visibility:hidden;display:block;height:20px;image-rendering:auto;transform:translateZ(0);width:20px}.patb-context-chip{align-items:center;background:#ef40271f;border:1px solid #ef402759;border-radius:8px;color:#ef4027;display:inline-flex;gap:6px;height:28px;max-width:116px;min-width:88px;overflow:hidden;padding:0 8px;position:relative}.patb-context-chip.dark{background:#ef40272e;border-color:#ef402773}.patb-context-chip-main{align-items:center;display:inline-flex;flex:1 1;gap:5px;min-width:0}.patb-context-chip-glyph{align-items:center;background:#ef40272e;border-radius:4px;color:#ef4027;display:inline-flex;flex:0 0 14px;font-size:9px;font-weight:700;height:14px;justify-content:center;width:14px}.patb-context-chip-glyph svg{stroke:currentColor;color:inherit}.patb-context-chip.dark .patb-context-chip-glyph{background:#fff3;color:#fff}.patb-context-chip-label{font-size:11px;font-weight:600;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patb-context-chip-count{border-radius:0;font-size:10px;font-weight:600}.patb-context-chip-count,.patb-context-chip-remove{background:#0000;color:inherit;flex:0 0 auto;line-height:1;padding:0}.patb-context-chip-remove{border:none;cursor:pointer;font-size:14px}.patb-context-chip.sheen-once:after{animation:controlBarChipSheen .8s ease-out 1;background:linear-gradient(105deg,#0000 20%,#ffffff6b 45%,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-140%)}.patb-actions{gap:4px;margin-left:8px;margin-right:0}.patb-action-btn,.patb-actions{align-items:center;display:flex;flex-shrink:0}.patb-action-btn{background:none;border:none;border-radius:14px;color:#ef4027;cursor:pointer;height:34px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:34px}.patb-action-btn svg,.patb-action-btn-custom-icon{height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px;z-index:1}.patb-action-btn-custom-icon{filter:invert(27%) sepia(86%) saturate(3121%) hue-rotate(349deg) brightness(95%) contrast(93%)}.patb-action-btn:hover{background:#ef40271a;box-shadow:0 2px 6px #ef402726;transform:scale(1.05)}.patb-action-btn.active{background:#ef4027!important;color:#fff!important}.patb-action-btn.active svg{stroke:#fff!important;color:#fff!important}.patb-action-btn.active .patb-action-btn-custom-icon{filter:brightness(0) invert(1)}.patb-action-btn.web-search-btn{color:#ef4027}.patb-action-btn.web-search-btn:hover{background:#ef40271a;color:#ef4027}.patb-action-btn.web-search-btn:hover svg{stroke:#ef4027;color:#ef4027}.patb-action-btn.web-search-btn.active{background:#ef4027!important;color:#fff!important}.patb-action-btn.web-search-btn.active svg{stroke:#fff!important;color:#fff!important}.patb-action-btn.browser{color:#ef4027}.patb-action-btn.browser:hover{background:#3b82f61a;color:#3b82f6}.patb-action-btn.browser:hover svg{stroke:#3b82f6;color:#3b82f6}.patb-action-btn.browser.active{background:#3b82f6!important;color:#fff!important}.patb-action-btn.browser.active svg{stroke:#fff!important;color:#fff!important}.patb-send-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#ef4027;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;position:relative;transition:all .2s ease;width:34px}.patb-send-btn:hover{transform:scale(1.1)}.patb-send-btn svg{stroke:#ef4027;fill:none;color:#ef4027;height:20px;position:relative;transition:all .2s ease;width:20px;z-index:1}.patb-send-btn:hover svg{transform:scale(1.1)}.patb-send-btn.generating{color:#ef4027;cursor:not-allowed;opacity:.8}.patb-send-btn.generating svg{animation:spin 1s linear infinite}@keyframes dotSequence{0%,25%{content:""}26%,50%{content:"."}51%,75%{content:".."}76%,to{content:"..."}}.portal-agent-animated-dots:after{animation:dotSequence 1.5s steps(4) infinite;content:""}.patb-spinner{stroke:#ef4027;animation:spin 1s linear infinite;color:#ef4027}.patb-input.generating::placeholder{color:#0000}.patb-hover-prompt-tray{left:50%;margin-top:-8px;opacity:0;pointer-events:none;position:fixed;top:152.78px;top:calc(var(--patb-top-offset) + 62.78px);transform:translateX(-50%) scale(.83);transform-origin:top center;transition:opacity .18s ease,margin-top .18s ease;z-index:2001}.patb-hover-prompt-tray.active{margin-top:0;opacity:1;pointer-events:auto}.patb-prompt-scroller{align-items:center;background:#18181ceb;border:1px solid #ef402733;border-radius:12px;box-shadow:0 6px 18px #0000002e;display:flex;gap:0;height:56px;max-width:calc(100vw - 140px);padding:0 6px;width:fit-content}.patb-prompt-scroller:not(.dark){background:#fffffff5;border-color:#0f172a1f;box-shadow:0 6px 18px #0f172a1a}.patb-prompt-scroller.dark{background:#18181ceb;border-color:#ffffff24}.patb-prompt-viewport{align-self:center;height:38px;margin-top:0;overflow:visible;width:100%}.patb-prompt-chip,.patb-prompt-track{align-items:center;display:flex;gap:8px;justify-content:center}.patb-prompt-chip{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef40271a;border:1px solid #ef402752;border-radius:12px;color:#f8fafc;cursor:pointer;font-size:12px;font-weight:600;height:38px;min-width:126px;padding:0 10px;transition:background .2s ease,border-color .2s ease;transition:background .2s ease,border-color .2s ease,transform .18s ease,box-shadow .2s ease;white-space:nowrap;width:126px}.patb-prompt-scroller:not(.dark) .patb-prompt-chip{background:#fffffff5;border-color:#0f172a2e;color:#1e293b}.patb-prompt-chip:hover{background:#ef402733;border-color:#ef402780;box-shadow:0 0 0 1px #ef40278c,0 2px 8px #ef402729;transform:scale(1.02)}.patb-prompt-chip.active,.patb-prompt-scroller.dark .patb-prompt-chip.active,.patb-prompt-scroller:not(.dark) .patb-prompt-chip.active{background:#ef4027;border-color:#ef4027;box-shadow:0 4px 12px #ef402738;color:#fff}.patb-prompt-chip.active .patb-custom-icon,.patb-prompt-chip.active img.patb-prompt-chip-icon,.patb-prompt-scroller.dark .patb-prompt-chip.active .patb-custom-icon,.patb-prompt-scroller.dark .patb-prompt-chip.active img.patb-prompt-chip-icon{filter:brightness(0) invert(1)}.patb-prompt-chip-icon{height:14px;width:14px}.patb-icon-force-white{filter:brightness(0) invert(1)!important;height:15px!important;width:15px!important}img.patb-prompt-chip-icon{filter:invert(27%) sepia(86%) saturate(3121%) hue-rotate(349deg) brightness(95%) contrast(93%)}.patb-prompt-scroller.dark img.patb-prompt-chip-icon{filter:brightness(0) invert(1)}.patb-custom-icon{filter:invert(27%) sepia(86%) saturate(3121%) hue-rotate(349deg) brightness(95%) contrast(93%)}.patb-prompt-scroller.dark .patb-custom-icon{filter:brightness(0) invert(1)}.patb-prompt-chip span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patb-prompt-chip.is-wide{min-width:160px;width:160px}.patb-prompt-chip.is-compact{min-width:120px;width:120px}.patb-mindmap-chip-wrap{display:inline-flex;margin-bottom:-8px;padding-bottom:8px;position:relative}.patb-mindmap-chip-wrap:after{content:"";height:10px;left:0;position:absolute;right:0;top:100%}.patb-mindmap-chip{border-color:#ef4027c7!important;box-shadow:0 0 0 1px #ef402766}.patb-mindmap-leading-arrow{color:#fff;flex-shrink:0;height:12px;transition:transform .18s ease;width:12px}.patb-prompt-scroller.dark .patb-mindmap-leading-arrow{color:#fff}.patb-mindmap-chip-icon{filter:brightness(0) invert(1)!important}.patb-mindmap-chip-wrap.open .patb-mindmap-leading-arrow,.patb-mindmap-chip-wrap:hover .patb-mindmap-leading-arrow{transform:rotate(90deg)}.patb-mindmap-dropdown{border-radius:10px;display:flex;flex-direction:column;gap:4px;left:0;min-width:142px;opacity:0;padding:6px;pointer-events:none;position:absolute;top:calc(100% + 2px);transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease;z-index:12}.patb-mindmap-chip-wrap:hover .patb-mindmap-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.patb-mindmap-dropdown.dark{background:#18181cf7;border:1px solid #ef40275c;box-shadow:0 12px 28px #00000075}.patb-mindmap-dropdown.light{background:#fffffffa;border:1px solid #ef40273d;box-shadow:0 10px 24px #ef40271f}.patb-mindmap-dropdown-item{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:7px 9px;text-align:left;transition:background .15s ease,color .15s ease}.patb-mindmap-dropdown.dark .patb-mindmap-dropdown-item{color:#f8fafc}.patb-mindmap-dropdown.light .patb-mindmap-dropdown-item{color:#1e293b}.patb-mindmap-dropdown-item.active,.patb-mindmap-dropdown-item:hover{background:#ef402729;color:#ef4027}.patb-carousel-dots{bottom:-8px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.patb-carousel-dot{background:#ffffff47;border-radius:999px;height:5px;width:5px}.patb-carousel-dot.active{background:#ef4027eb;width:14px}.patb-pills-notch{align-items:center;background:#ffffffeb;border:1.5px solid #ef40271a;border-radius:0 0 14px 14px;border-top:none;box-shadow:0 2px 12px 0 #ef402714;display:flex;gap:8px;justify-content:center;left:50%;padding:6px 14px;position:fixed;top:144.78px;top:calc(var(--patb-top-offset) + 54.78px);transform:translateX(-50%) scale(.83);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1999}.patb-prompt-trigger-wrap{align-items:center;display:flex;margin-right:8px}.patb-prompt-trigger-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;height:34px;justify-content:center;position:relative;transition:all .18s ease;width:34px}.patb-prompt-trigger-btn svg{stroke-width:2.5;height:20px;position:absolute;transition:opacity .18s ease,transform .18s ease;width:20px}.patb-prompt-trigger-plus{opacity:1;transform:rotate(0deg)}.patb-prompt-trigger-down{opacity:0;transform:translateY(-2px)}.patb-prompt-trigger-btn.open{background:#ef4027;border-color:#ef4027;color:#fff}.patb-prompt-trigger-btn.open .patb-prompt-trigger-plus{opacity:0;transform:rotate(90deg)}.patb-prompt-trigger-btn.open .patb-prompt-trigger-down{opacity:1;transform:translateY(0)}.portal-agent-topbar.dark .patb-prompt-trigger-btn{color:#ff5a44}.portal-agent-topbar.dark .patb-prompt-trigger-btn.open{background:#ef4027;border-color:#ef4027;color:#fff}.patb-pills-notch.dark{background:#18181ceb;border:1.5px solid #ffffff1a;border-top:none;box-shadow:0 2px 12px 0 #0000002e}.patb-media-controls-notch{align-items:center;background:#ffffffeb;border:1.5px solid #ef40271a;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 2px 12px 0 #ef402714;display:flex;gap:8px;justify-content:center;left:50%;max-width:980px;min-width:260px;padding:8px 10px;position:fixed;top:186.78px;top:calc(var(--patb-top-offset) + 96.78px);transform:translateX(-50%) scale(.83);z-index:1998}.patb-media-controls-notch.dark{background:#18181cf0;border:1.5px solid #ffffff1a;border-top:none;box-shadow:0 2px 12px 0 #0003}.patb-media-inline-control{align-items:center;background:#ef40271f;border:1px solid #ef402757;border-radius:12px;display:inline-flex;gap:4px;height:34px;min-width:112px;padding:0 4px}.patb-media-inline-value{color:#1e293b;font-size:13px;font-weight:600;min-width:42px;text-align:center}.patb-media-inline-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#ef4027;cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:all .2s ease;width:26px}.patb-media-inline-btn svg{stroke-width:2.3;height:14px;width:14px}.patb-media-inline-btn:hover:not(:disabled){background:#ef402733;border-color:#ef402785;box-shadow:0 0 0 1px #ef402794}.patb-media-inline-btn:disabled{cursor:not-allowed;opacity:.35}.patb-media-controls-notch.dark .patb-media-inline-control{background:#ef402724;border-color:#ef402766}.patb-media-controls-notch.dark .patb-media-inline-btn,.patb-media-controls-notch.dark .patb-media-inline-value{color:#f8fafc}.patb-edit-chip-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.patb-edit-chip{background:#ef40271f;border:1px solid #ef402757;border-radius:12px;color:#1e293b;cursor:pointer;font-size:13px;font-weight:500;height:34px;padding:0 12px;transition:all .2s ease}.patb-edit-chip:hover{background:#ef402733;border-color:#ef402785;box-shadow:0 0 0 1px #ef402794}.patb-edit-chip.active{background:#ef4027!important;border-color:#ef4027!important;box-shadow:0 0 0 1px #ef4027f2!important;color:#fff!important}.patb-media-controls-notch.dark .patb-edit-chip{background:#ef402724;border-color:#ef40276b;color:#f8fafc}.patb-workflow-notch{align-items:center;background:#ffffffeb;border:1.5px solid #ef40271a;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 2px 12px 0 #ef402714;display:flex;height:40px;justify-content:center;left:50%;position:fixed;top:186.78px;top:calc(var(--patb-top-offset) + 96.78px);transform:translateX(-50%) scale(.83);width:50px;z-index:1998}.patb-workflow-notch.dark{background:#18181ceb;border:1.5px solid #ffffff1a;border-top:none;box-shadow:0 2px 12px 0 #0000002e}.patb-workflow-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .18s ease;width:36px}.patb-workflow-notch.dark .patb-workflow-btn{background:#ef40271a;border:1px solid #ef40274d;border-radius:11px;box-shadow:none}.patb-workflow-notch.dark .patb-workflow-btn.active,.patb-workflow-notch.dark .patb-workflow-btn:hover{background:#ef4027;border-color:#ef4027;box-shadow:0 3px 12px #ef40274d}.patb-workflow-notch.dark .patb-workflow-btn .wkf-default{opacity:0}.patb-workflow-notch.dark .patb-workflow-btn .wkf-hover{opacity:1}.patb-workflow-btn .wkf-icon{backface-visibility:hidden;display:block;height:22px;image-rendering:auto;position:absolute;transform:translateZ(0);transition:opacity .18s ease;width:22px}.patb-workflow-btn .wkf-default{opacity:1}.patb-workflow-btn .wkf-hover{opacity:0}.patb-workflow-btn.active,.patb-workflow-btn:hover{background:#ef4027;border-color:#ef4027}.patb-workflow-btn:hover .wkf-default{opacity:0}.patb-workflow-btn:hover .wkf-hover{opacity:1}.patb-workflow-btn.active .wkf-default{opacity:0}.patb-workflow-btn.active .wkf-hover{opacity:1}.patb-design-system-btn{color:#ef4027}.patb-design-system-icon{height:14px;width:14px}.patb-design-system-icon-mask{background-color:currentColor;display:block;height:100%;-webkit-mask-image:var(--patb-design-system-icon-url);mask-image:var(--patb-design-system-icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.patb-workflow-notch.dark .patb-design-system-btn{background:#ef40271f;border-color:#ef402757;color:#ef4027}.patb-design-system-btn:focus-visible,.patb-design-system-btn:hover{background:#ef4027f5;border-color:#ef4027;box-shadow:0 0 0 1px #ef4027e6;color:#fff}.patb-design-system-btn.active{background:#ef4027;border-color:#ef4027;box-shadow:0 0 0 1px #ef4027f2;color:#fff}.patb-workflow-notch.dark .patb-design-system-btn.active,.patb-workflow-notch.dark .patb-design-system-btn:focus-visible,.patb-workflow-notch.dark .patb-design-system-btn:hover{color:#fff}.patb-workflow-menu{align-items:center;display:flex;flex-direction:column;left:50%;opacity:0;padding-top:34px;pointer-events:none;position:fixed;top:236.78px;top:calc(var(--patb-top-offset) + 146.78px);transform:translateX(-50%) scale(.83);transform-origin:top center;width:328px;z-index:2002}.patb-workflow-menu.open{animation:wfStackOut .28s cubic-bezier(.2,.7,.2,1);opacity:1;pointer-events:auto}.patb-workflow-menu.closing{animation:wfStackIn .18s ease-in forwards;opacity:0;pointer-events:none}.patb-workflow-carousel{cursor:var(--hand-pointer-cursor),grab!important;height:214px;margin:4px auto 0;position:relative;-webkit-user-select:none;user-select:none;width:308px}.patb-workflow-carousel,.patb-workflow-nav{align-items:center;display:flex;justify-content:center}.patb-workflow-nav{gap:14px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:auto;z-index:6}.patb-workflow-nav-btn{align-items:center;background:#ef402729;border:1px solid #ef402775;border-radius:10px;box-shadow:0 6px 16px #0000003d;color:#ef4027;display:flex;height:28px;justify-content:center;opacity:1;transition:filter .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease;width:28px}.patb-workflow-nav-btn svg{stroke-width:2.6;height:18px;width:18px}.patb-workflow-nav-btn:hover{background:#ef40273d;border-color:#ef4027d1;filter:drop-shadow(0 0 8px rgba(239,64,39,.62)) drop-shadow(0 0 14px rgba(239,64,39,.4));opacity:1}.patb-workflow-carousel.dragging{cursor:var(--hand-grab-cursor),grabbing!important}.patb-workflow-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#18181cf5;border:1.5px solid #ffffff1f;border-radius:28px;box-shadow:0 16px 28px #0000002e;cursor:var(--hand-pointer-cursor),pointer!important;display:flex;flex-direction:column;height:206px;justify-content:flex-end;overflow:hidden;padding:18px 16px 54px;position:absolute;text-align:left;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .28s ease,filter .28s ease,border-color .22s ease,box-shadow .24s ease;width:206px}.patb-workflow-card .wf-card-title{color:#f8fafc;font-size:29px;font-weight:700;letter-spacing:-.03em;line-height:.96;margin-bottom:8px;position:relative;text-transform:none;z-index:2}.patb-workflow-card .wf-card-subtitle{color:#f8fafce6;font-size:15px;font-weight:500;line-height:1.22;opacity:.78;position:relative;z-index:2}.wf-card-icon-wrap{align-items:center;display:flex;height:32px;justify-content:center;left:12px;position:absolute;top:12px;width:32px;z-index:2}.wf-card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));height:19px;position:absolute;transition:opacity .16s ease;width:19px}.wf-card-icon-white{opacity:0}.patb-workflow-menu.dark .wf-card-icon-white,.wf-card-icon-red{opacity:1}.patb-workflow-card.center:hover .wf-card-icon-white,.patb-workflow-menu.dark .wf-card-icon-red{opacity:0}.patb-workflow-card.center:hover .wf-card-icon-red{opacity:1}.patb-workflow-menu.dark .patb-workflow-card.center:hover .wf-card-icon-white{opacity:0}.patb-workflow-menu.dark .patb-workflow-card.center:hover .wf-card-icon-red{opacity:1}.patb-workflow-card:before{background:#0000;border:1px solid #ffffff14;border-radius:26px;content:"";inset:1px;pointer-events:none;position:absolute}.patb-workflow-card:after{border:1.5px solid #0000;border-radius:28px;content:"";inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:border-color .22s ease,opacity .22s ease}.patb-workflow-card.center{filter:none!important;opacity:1;transform:translateX(0) rotate(0deg) scale(1);z-index:3}.patb-workflow-card.center:after{border:1.5px solid #0000;opacity:0}.patb-workflow-card.left{transform:translateX(-58px) rotate(-8deg) scale(.86)}.patb-workflow-card.left,.patb-workflow-card.right{filter:saturate(.9) blur(.8px);opacity:.78;z-index:2}.patb-workflow-card.right{transform:translateX(58px) rotate(8deg) scale(.86)}.patb-workflow-card.selected.center{box-shadow:0 24px 38px #00000040,0 0 0 2px #ef402773}.patb-workflow-card.center:hover:after{border:2px solid #ef4027;box-shadow:0 0 0 1px #ef4027f2,0 0 14px #ef402757;opacity:1}.patb-workflow-menu .patb-workflow-card{filter:none;opacity:0}.patb-workflow-menu.open .patb-workflow-card.center{filter:none!important;opacity:1;transition-delay:40ms}.patb-workflow-menu.open .patb-workflow-card.left,.patb-workflow-menu.open .patb-workflow-card.right{filter:saturate(.9) blur(.8px);opacity:.78}.patb-workflow-menu.open .patb-workflow-card.left{transition-delay:.11s}.patb-workflow-menu.open .patb-workflow-card.right{transition-delay:.17s}.patb-workflow-carousel.dragging .patb-workflow-card{cursor:var(--hand-grab-cursor),grabbing!important}.wf-card-dots{bottom:16px;display:flex;gap:7px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.wf-dot{background:#f8fafc42;border-radius:999px;height:4px;transition:all .22s ease;width:16px}.wf-dot.active{background:#ef4027f2;width:22px}@keyframes wfStackOut{0%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.78)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(.83)}}@keyframes wfStackIn{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(.83)}to{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.78)}}.patb-workflow-menu.dark .wf-card-icon-wrap{background:#0000;border-color:#0000}.patb-workflow-menu.dark .patb-workflow-card:before{background:#ef40271a;border-color:#ef402742}.patb-workflow-menu:not(.dark) .patb-workflow-card{background:#fffffff5;border-color:#0f172a29;box-shadow:0 14px 24px #0f172a1a,0 10px 22px #00000014}.patb-workflow-menu:not(.dark) .patb-workflow-card:before{background:#0000;border-color:#0f172a14}.patb-workflow-menu:not(.dark) .patb-workflow-card .wf-card-title{color:#1e293b}.patb-workflow-menu:not(.dark) .patb-workflow-card .wf-card-subtitle{color:#1e293bd1}.patb-workflow-menu:not(.dark) .wf-dot{background:#1e293b33}body.workflow-card-dragging-cursor,body.workflow-card-dragging-cursor *{cursor:var(--hand-grab-cursor)!important}.patb-pill{align-items:center;background:#ef40271f;border:1px solid #ef402757;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.patb-pills-notch.dark .patb-pill{background:#ef402724;border-color:#ef402766;color:#f1f5f9}.patb-pill:hover{background:#ef402733;border-color:#ef402785;box-shadow:0 0 0 1px #ef402794;transform:scale(1.02)}.patb-pills-notch.dark .patb-pill:hover{background:#ef40273d;border-color:#ef402794;box-shadow:0 0 0 1px #ef40279e}.patb-pill.active{background:#ef4027!important;border-color:#ef4027!important;box-shadow:0 0 0 1px #ef4027f2!important;color:#fff!important}.patb-pill img,.patb-pill svg{height:18px;width:18px}.patb-pill img{filter:none;flex-shrink:0;object-fit:contain}.portal-agent-topbar.dark .patb-pill img{filter:brightness(0) invert(1)}.portal-agent-topbar:not(.dark) .patb-pill .patb-ai-image-gen-icon{filter:none!important}.dark .portal-agent-topbar .patb-pill .patb-ai-image-gen-icon,.portal-agent-topbar.dark .patb-pill .patb-ai-image-gen-icon,[data-theme=dark] .portal-agent-topbar .patb-pill .patb-ai-image-gen-icon{filter:brightness(0) invert(1)!important}.patb-pill.active svg{color:#fff!important}.patb-pill.active img{filter:brightness(0) invert(1)!important}.patb-internal-pills .patb-pill.active,.patb-pills-expanded-top .patb-pill.active,.patb-pills-notch .patb-pill.active,.portal-agent-topbar.dark .patb-internal-pills .patb-pill.active,.portal-agent-topbar.dark .patb-pills-expanded-top .patb-pill.active,.portal-agent-topbar.dark .patb-pills-notch .patb-pill.active{background:#ef4027!important;border-color:#ef4027!important;color:#fff!important}.patb-internal-pills{background:#0000;border-radius:0;display:flex;gap:8px;left:20px;padding:0;pointer-events:none;position:absolute;right:20px;top:75px;z-index:10}.patb-internal-pills .patb-pill{background:#ef40271a;border:1px solid #ef40274d;color:#1e293b!important;pointer-events:auto}.patb-internal-pills .patb-pill span,.patb-internal-pills .patb-pill svg{color:#1e293b!important}.portal-agent-topbar.dark .patb-internal-pills .patb-pill{background:#ef402724;border:1px solid #ef402766;color:#f1f5f9!important}.portal-agent-topbar.dark .patb-internal-pills .patb-pill span,.portal-agent-topbar.dark .patb-internal-pills .patb-pill svg{color:#f1f5f9!important}.patb-internal-pills .patb-pill.active{background:#ef4027!important;border-color:#ef4027!important;color:#fff!important}.patb-internal-pills .patb-pill.active span,.patb-internal-pills .patb-pill.active svg{color:#fff!important}.patb-pills-expanded-top{align-items:center;display:flex;gap:10px;justify-content:flex-start;left:20px;padding:8px 0;position:absolute;right:20px;top:12px;z-index:6}.portal-agent-topbar.dark .patb-pills-expanded-top .patb-pill{background:#ef402724;border-color:#ef402766;color:#fff!important}.portal-agent-topbar.dark .patb-pills-expanded-top .patb-pill span,.portal-agent-topbar.dark .patb-pills-expanded-top .patb-pill svg{color:#fff!important}.patb-minimize-btn{align-items:center;background:#ef40271a;border:1px solid #ef40274d;border-radius:12px;color:#ef4027;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:0;padding:0;transition:all .2s ease;width:36px}.patb-minimize-btn:hover{background:#ef402733;border-color:#ef402780}.patb-document-pills-notch{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border:1.5px solid #ef40271a;border-radius:12px;box-shadow:0 2px 12px 0 #ef402714;display:flex;gap:6px;padding:6px 10px;position:fixed;right:875px;top:140.78px;transform:scale(.83);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1999}.patb-document-pills-notch.dark{background:#18181ceb;border:1.5px solid #ffffff1a;box-shadow:0 2px 12px 0 #0000002e}.patb-messages-area{-webkit-overflow-scrolling:touch;background:#0000;border-radius:12px;bottom:86px;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;left:20px;opacity:1;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;padding:16px 10px 16px 16px;pointer-events:auto!important;position:absolute;right:20px;scroll-behavior:smooth;top:60px;z-index:5}.patb-messages-area::-webkit-scrollbar{width:8px}.patb-messages-area::-webkit-scrollbar-track{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border-radius:4px}.patb-messages-area::-webkit-scrollbar-thumb{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef402799;border:2px solid #fff3;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.patb-messages-area::-webkit-scrollbar-thumb:hover{background:#ef4027cc;border-color:#ffffff4d}.patb-messages-area::-webkit-scrollbar-thumb:active{background:#ef4027e6}.portal-agent-topbar.dark .patb-messages-area::-webkit-scrollbar-track{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d}.portal-agent-topbar.dark .patb-messages-area::-webkit-scrollbar-thumb{background:#ef402780;border:2px solid #0003}.portal-agent-topbar.dark .patb-messages-area::-webkit-scrollbar-thumb:hover{background:#ef4027b3;border-color:#0000004d}.portal-agent-topbar.dark .patb-messages-area::-webkit-scrollbar-thumb:active{background:#ef4027d9}.patb-messages-area .portal-agent-welcome{color:#1e293b;flex-shrink:0}.dark .patb-messages-area .portal-agent-welcome{color:#f1f5f9}.patb-empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;opacity:.6;padding:40px}.patb-messages-area .portal-agent-message{display:flex;flex-direction:column;margin-bottom:16px}.patb-messages-area .portal-agent-message.user{align-items:flex-end}.patb-messages-area .portal-agent-message.agent{align-items:flex-start}.patb-messages-area .floating-message-bubble{word-wrap:break-word;border-radius:12px;box-shadow:0 2px 6px #00000014;display:inline-block;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;max-width:70%;overflow-wrap:break-word;padding:10px 14px;text-align:left;white-space:pre-wrap;width:auto}.patb-messages-area .portal-agent-message.user .floating-message-bubble{background:#ef4027;border-bottom-right-radius:4px;box-shadow:0 2px 8px #ef402740;color:#fff;display:inline-block;font-size:14px;font-weight:500;line-height:1.4;max-width:400px;overflow-wrap:break-word;padding:6px 10px!important;text-align:center!important;white-space:normal;width:fit-content;word-break:keep-all;word-break:break-word}.patb-messages-area .portal-agent-message.agent .floating-message-bubble{background:#0000;border-bottom-left-radius:4px;color:#1e293b;font-size:12px;font-weight:400}.portal-agent-topbar.dark .patb-messages-area .portal-agent-message.agent .floating-message-bubble{color:#f9fafb}.patb-ai-message-direct{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1.4;margin:0;max-width:100%;padding:0;width:100%}.screenshot-message{display:flex;flex-direction:column;gap:8px;width:100%}.screenshot-container{border-radius:8px;max-width:100%;overflow:hidden}.screenshot-image{border-radius:8px;height:auto;max-width:100%}.screenshot-analysis{color:#1e293b;font-size:12px;line-height:1.5}.portal-agent-topbar.dark .screenshot-analysis{color:#f9fafb}.screenshot-content{color:#1e293b;font-size:12px;line-height:1.5}.portal-agent-topbar.dark .screenshot-content{color:#f9fafb}.generated-image-message{display:flex;flex-direction:column;gap:8px;width:100%}.image-caption{color:#1e293b;font-size:12px;line-height:1.5}.portal-agent-topbar.dark .image-caption{color:#f9fafb}.generated-image-container{border-radius:8px;max-width:100%;overflow:hidden;position:relative}.generated-image{border-radius:8px;height:auto;max-width:100%}.portal-agent-tool-call-only{display:flex;justify-content:flex-start;margin-bottom:12px;padding:0}.portal-agent-message h1,.portal-agent-message h2,.portal-agent-message h3,.portal-agent-message h4{font-weight:600;line-height:1.4;margin:8px 0 4px}.portal-agent-message h1{font-size:1.2em}.portal-agent-message h2{font-size:1.1em}.portal-agent-message h3{font-size:1em}.portal-agent-message h4{font-size:.95em}.portal-agent-message p{font-size:12px;line-height:1.5;margin:4px 0}.portal-agent-message strong{color:#ef4027;font-weight:600}.portal-agent-message em{font-style:italic;opacity:.9}.portal-agent-message ol,.portal-agent-message ul{font-size:12px;line-height:1.5;margin:4px 0 4px 16px}.portal-agent-message li{margin:2px 0}.portal-agent-message code{background:#ef40271a;border-radius:4px;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.portal-agent-topbar.dark .portal-agent-message code{background:#ef402733;color:#fda29b}.portal-agent-message pre{background:#0000000d;border-radius:4px;margin:4px 0;overflow-x:auto;padding:8px}.portal-agent-topbar.dark .portal-agent-message pre{background:#0000004d}.portal-agent-message blockquote{border-left:3px solid #ef4027;font-style:italic;margin-left:0;opacity:.8;padding-left:12px}.portal-agent-message table{border-collapse:collapse;font-size:12px;margin:8px 0;width:100%}.portal-agent-message th{background:#ef40271a;border:1px solid #ef402733;font-weight:600;padding:6px;text-align:left}.portal-agent-message td{border:1px solid #ef40271a;padding:6px}.portal-agent-topbar.dark .portal-agent-message th{background:#ef402726}.portal-agent-topbar.dark .portal-agent-message td{border-color:#ef402733}.patb-ai-message-direct p{margin:0 0 8px}.patb-ai-message-direct p:last-child{margin-bottom:0}.patb-message-content ul{list-style:none}.patb-message-content ul li{margin:4px 0;padding-left:12px;position:relative}.patb-message-content ul li:before{color:#ef4027;content:"•";left:0;position:absolute}.patb-message-content ol{padding-left:24px}.patb-message-content ol li{color:#ef4027;margin:4px 0}.patb-message-content ol li::marker{color:#ef4027}.patb-message-content code{border:1px solid #ef402733;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px}.patb-message-content pre{border:1px solid #ef402733;margin:8px 0}.patb-message-content pre code{background:#0000;border:none}.patb-tool-calls{border-top:1px solid #ef402733;margin-top:8px;padding-top:8px}.patb-tool-call{background:#ef40271a;border-radius:8px;font-family:SF Mono,monospace;font-size:12px;margin-top:4px;padding:6px 10px}.patb-loading{align-items:center;display:flex;padding:12px}.patb-loading-dots{display:flex;gap:6px}.patb-loading-dots span{animation:dotPulse 1.4s infinite;background:#ef4027;border-radius:50%;height:8px;width:8px}.patb-loading-dots span:nth-child(2){animation-delay:.2s}.patb-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.patb-model-dropdown{animation:dropdownSlideIn .25s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fffffffa;border:1.5px solid #ef402726;border-radius:16px;box-shadow:0 12px 48px #00000026;max-width:420px;min-width:340px;overflow:hidden}.portal-agent-topbar.dark .patb-model-dropdown{background:#1c1c20fa;border-color:#ef402740}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.patb-model-dropdown-section{border-bottom:1px solid #ef402714;padding:14px}.patb-model-dropdown-section:last-child{border-bottom:none}.portal-agent-topbar.dark .patb-model-dropdown-section{border-bottom-color:#ef402726}.patb-model-dropdown-label{color:#1e293b80;font-weight:700;letter-spacing:.8px;margin-bottom:10px}.portal-agent-topbar.dark .patb-model-dropdown-label{color:#f1f5f980}.patb-model-provider-item{border-radius:10px;margin-bottom:3px;padding:11px 13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.patb-model-provider-item:hover{transform:translateX(2px)}.patb-model-provider-item.selected{background:#ef402724}.portal-agent-topbar.dark .patb-model-provider-item:hover{background:#ef402726}.portal-agent-topbar.dark .patb-model-provider-item.selected{background:#ef402738}.patb-provider-info{gap:3px}.patb-provider-name{font-size:14px;font-weight:600;letter-spacing:-.2px}.portal-agent-topbar.dark .patb-provider-name{color:#f1f5f9}.patb-provider-description{color:#1e293b8c;letter-spacing:-.1px}.portal-agent-topbar.dark .patb-provider-description{color:#f1f5f98c}.patb-provider-arrow{color:#1e293b59}.patb-model-provider-item:hover .patb-provider-arrow{color:#ef4027;transform:translateX(3px)}.portal-agent-topbar.dark .patb-provider-arrow{color:#f1f5f959}.patb-provider-submenu{animation:submenuSlideIn .2s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid #ef402726;border-radius:16px;box-shadow:0 12px 48px #00000026;left:calc(100% + 10px);max-height:400px;min-width:300px;padding:14px;z-index:100002}.portal-agent-topbar.dark .patb-provider-submenu{background:#1c1c20fa;border-color:#ef402740}@keyframes submenuSlideIn{0%{opacity:0;transform:translateX(-10px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.patb-model-item{align-items:center;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:3px;padding:11px 13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.patb-model-item:hover{transform:translateX(2px)}.patb-model-item.selected{background:#ef402724}.portal-agent-topbar.dark .patb-model-item:hover{background:#ef402726}.portal-agent-topbar.dark .patb-model-item.selected{background:#ef402738}.patb-model-info{gap:3px}.patb-model-item .patb-model-name{color:#1e293b;font-size:14px;font-weight:600;letter-spacing:-.2px}.portal-agent-topbar.dark .patb-model-item .patb-model-name{color:#fff!important}.patb-model-provider{color:#1e293b8c;letter-spacing:-.1px}.portal-agent-topbar.dark .patb-model-provider{color:#f1f5f9e6!important}.patb-model-desc{color:#1e293b8c;letter-spacing:-.1px}.portal-agent-topbar.dark .patb-model-desc{color:#f1f5f9e6!important}.patb-current-selection .patb-model-item{background:#ef40271f;cursor:default}.patb-current-selection .patb-model-item:hover{background:#ef40271f;transform:none}.portal-agent-topbar.dark .patb-current-selection .patb-model-item,.portal-agent-topbar.dark .patb-current-selection .patb-model-item:hover{background:#ef40272e}.portal-agent-status-minimal{align-items:center;align-self:flex-start;display:flex;gap:8px;margin-top:4px;padding:8px 12px}.portal-agent-topbar .floating-thinking-panel.inline-history-thinking,.portal-agent-topbar .floating-thinking-panel.inline-thinking{border-radius:10px;margin:8px 8px 6px;max-height:260px;min-height:170px;overflow:hidden;padding:10px 12px;width:calc(100% - 16px)}.portal-agent-topbar .floating-thinking-content{font-size:12px;line-height:1.45;max-height:240px;overflow-wrap:anywhere;scrollbar-color:#ef4027d9 #18181c59;scrollbar-width:thin;white-space:pre-wrap;word-break:break-word}.portal-agent-topbar .floating-thinking-content::-webkit-scrollbar{width:8px}.portal-agent-topbar .floating-thinking-content::-webkit-scrollbar-track{background:#18181c59;border-radius:6px}.portal-agent-topbar .floating-thinking-content::-webkit-scrollbar-thumb{background:#ef4027b3;border:1px solid #ef402740;border-radius:6px}.portal-agent-topbar .floating-thinking-content::-webkit-scrollbar-thumb:hover{background:#ef4027e6}.status-dot{animation:pulse 2s ease-in-out infinite;border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-dot.thinking{background:#ef4027;box-shadow:0 0 8px #ef402799}.status-dot.acting{background:#3b82f6;box-shadow:0 0 8px #3b82f699}.status-dot.generating{background:#10b981;box-shadow:0 0 8px #10b98199}.gradient-handles-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.gradient-handle{cursor:grab;height:10px;pointer-events:all;position:absolute;-webkit-user-select:none;user-select:none;width:10px}.gradient-handle.dragging,.gradient-handle:active{cursor:grabbing}.gradient-handle-inner{border:1.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000004d,0 2px 6px #0f172a38;height:100%;position:relative;width:100%}.gradient-handle:hover .gradient-handle-inner{box-shadow:0 0 0 2px #ef40272e,0 0 0 4px #ef40271f,0 4px 12px #0f172a38;transform:scale(1.14)}.gradient-handle.dragging .gradient-handle-inner{box-shadow:0 0 0 2px #ef402742,0 0 0 5px #ef402729,0 4px 16px #0f172a47;transform:scale(1.18)}.gradient-handle.center .gradient-handle-inner{background:#fff;border-radius:4px}.gradient-handle-label{background:#0f172ae0;border-radius:999px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:600;opacity:0;padding:3px 7px;pointer-events:none;top:-28px;transition:opacity .2s ease;white-space:nowrap}.gradient-handle-label,.gradient-handle-label:after{left:50%;position:absolute;transform:translateX(-50%)}.gradient-handle-label:after{border:4px solid #0000;border-top-color:#000c;content:"";top:100%}.gradient-handle.dragging .gradient-handle-label,.gradient-handle:hover .gradient-handle-label{opacity:1}.gradient-connection-line{pointer-events:none}@media (max-width:768px){.gradient-handle{height:20px;width:20px}.gradient-handle-label{font-size:12px;padding:6px 10px}}@keyframes handleAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.gradient-handle{animation:handleAppear .3s ease-out}.gradient-handle.dragging,.gradient-handle.dragging *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (prefers-contrast:high){.gradient-handle-inner{border-color:#000;border-width:3px}.gradient-handle-label{background:#000;border:1px solid #fff}}.ai-analysis-panel{animation:slideInFromRight .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef40271a;border-radius:16px;box-shadow:0 10px 40px #ef40271a;display:flex;flex-direction:column;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;max-height:calc(100vh - 120px);position:fixed;right:20px;top:80px;width:380px;z-index:10000}.ai-analysis-panel.dark{background:#111827f2;border:1px solid #ef402733;box-shadow:0 10px 40px #0000004d}.ai-analysis-header{align-items:center;border-bottom:1px solid #ef40271a;display:flex;justify-content:space-between;padding:16px 20px}.ai-analysis-panel.dark .ai-analysis-header{border-bottom:1px solid #ef402733}.ai-analysis-info{align-items:center;display:flex;gap:12px}.ai-analysis-icon{color:#ef4027;height:24px;width:24px}.ai-analysis-details{display:flex;flex-direction:column}.ai-analysis-title{color:#111827;font-size:16px;font-weight:600;margin:0}.ai-analysis-panel.dark .ai-analysis-title{color:#fff}.ai-analysis-subtitle{color:#6b7280;font-size:12px;margin:0}.ai-analysis-panel.dark .ai-analysis-subtitle{color:#9ca3af}.ai-analysis-close{align-items:center;background:#ef40271a;border:none;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ai-analysis-close:hover{background:#ef4027;color:#fff;transform:scale(1.1)}.ai-analysis-content{flex:1 1;overflow-y:auto;padding:20px}.ai-analysis-status{align-items:center;background:#ef40271a;border:1px solid #ef402733;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.ai-status-indicator{fontSize:14px;align-items:center;color:#ef4027;display:flex;font-weight:500;gap:8px}.ai-status-dot{background:#ef4027;border-radius:50%;height:8px;width:8px}.ai-status-dot.analyzing{animation:pulse 2s infinite}.ai-analyze-button{align-items:center;background:#ef4027;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.ai-analyze-button:hover{background:#d63516;transform:translateY(-1px)}.ai-analysis-section{margin-bottom:24px}.ai-section-title{color:#111827;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;margin-bottom:12px}.ai-analysis-panel.dark .ai-section-title{color:#fff}.ai-description-container{align-items:center;background:#ef40270d;border:1px solid #ef40271a;border-radius:8px;display:flex;justify-content:center;min-height:80px;padding:16px}.ai-description{color:#374151;font-size:14px;line-height:1.5;margin:0}.ai-analysis-panel.dark .ai-description{color:#d1d5db}.ai-placeholder{color:#9ca3af;font-size:14px;font-style:italic;margin:0}.ai-loading{align-items:center;display:flex;justify-content:center;padding:20px}.ai-spinner{border:3px solid #ef40274d;border-radius:50%;border-top-color:#ef4027;height:32px;width:32px}.ai-spinner,.ai-spinner-small{animation:spin 1s linear infinite}.ai-spinner-small{border:2px solid #ef40274d;border-radius:50%;border-top-color:#ef4027;height:24px;width:24px}.ai-tags-container{align-items:center;display:flex;justify-content:center;min-height:60px}.ai-tags{display:flex;flex-wrap:wrap;gap:8px;width:100%}.ai-tag{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.ai-tag.smart-tag{background:#ef40271a;border:1px solid #ef402733;color:#ef4027}.ai-tag.manual-tag{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.ai-tag-remove{background:none;border:none;color:currentColor;cursor:pointer;font-size:14px;margin-left:4px;opacity:.7;padding:0;transition:opacity .2s ease}.ai-tag-remove:hover{opacity:1}.ai-manual-tags{margin-bottom:12px}.ai-add-tag-form{align-items:center;display:flex;gap:8px;margin-top:12px}.ai-tag-input{background:#ffffffe6;border:1px solid #ef40274d;border-radius:8px;color:#374151;flex:1 1;font-size:12px;padding:8px 12px}.ai-analysis-panel.dark .ai-tag-input{background:#111827e6;color:#d1d5db}.ai-tag-input:focus{border-color:#ef4027;box-shadow:0 0 0 2px #ef402733;outline:none}.ai-tag-save{background:#ef4027;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.ai-tag-save:hover{background:#d63516}.ai-add-tag-button{align-items:center;background:#ef40271a;border:1px solid #ef402733;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:12px;padding:8px 12px;transition:all .2s ease}.ai-add-tag-button:hover{background:#ef402733}.ai-style-mood{display:flex;flex-direction:column;gap:12px}.ai-style-item{align-items:center;display:flex;gap:8px}.ai-label{color:#6b7280;font-size:14px;font-weight:600;min-width:60px}.ai-analysis-panel.dark .ai-label{color:#9ca3af}.ai-value{color:#374151;font-size:14px}.ai-analysis-panel.dark .ai-value{color:#d1d5db}.ai-colors{display:flex;flex-wrap:wrap;gap:12px}.ai-color-item{align-items:center;display:flex;gap:8px}.ai-color-swatch{border:1px solid #0000001a;border-radius:6px;box-shadow:0 2px 4px #0000001a;height:24px;width:24px}.ai-color-name{color:#6b7280;font-size:12px;font-weight:500}.ai-analysis-panel.dark .ai-color-name{color:#9ca3af}.ai-search-integration{background:#ef40270d;border:1px solid #ef40271a;border-radius:8px;padding:16px}.ai-integration-title{color:#111827;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;margin-bottom:8px}.ai-analysis-panel.dark .ai-integration-title{color:#fff}.ai-integration-text{color:#6b7280;font-size:12px;line-height:1.4;margin:0 0 12px}.ai-analysis-panel.dark .ai-integration-text{color:#9ca3af}.ai-integration-features{display:flex;flex-direction:column;gap:4px}.ai-feature-item{color:#10b981;font-size:11px;font-weight:500}.ai-analysis-panel.dark .ai-feature-item{color:#34d399}.alignment-system{height:100%;left:0;top:0;width:100%}.alignment-guide,.alignment-system{pointer-events:none;position:absolute;z-index:1001}.alignment-guide{animation:guide-appear .15s ease-out forwards;opacity:0}.alignment-guide.vertical{background:linear-gradient(180deg,#0000,#ef4027cc 20%,#ef4027e6 50%,#ef4027cc 80%,#0000);height:100vh;width:2px}.alignment-guide.horizontal,.alignment-guide.vertical{box-shadow:0 0 4px #ef402780,0 0 8px #ef40274d;filter:blur(.5px)}.alignment-guide.horizontal{background:linear-gradient(90deg,#0000,#ef4027cc 20%,#ef4027e6 50%,#ef4027cc 80%,#0000);height:2px;width:100vw}@keyframes guide-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.alignment-guide:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef402726;border:1px solid #ef40274d;border-radius:50%;box-shadow:0 2px 8px #ef402733,inset 0 1px 0 #fff3;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.alignment-guide.horizontal:before,.alignment-guide.vertical:before{height:12px;width:12px}.snap-zone{animation:pulse-snap 1s ease-in-out infinite;background:#ef40270d;border:1px dashed #ef402766;border-radius:4px;pointer-events:none;position:absolute}@keyframes pulse-snap{0%,to{opacity:.3}50%{opacity:.7}}.alignment-grid{height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:999}.alignment-grid.active{opacity:.3;transition:opacity .2s ease}.grid-line{background:#ef402733}.grid-line.vertical{height:100%}.grid-line.horizontal{width:100%}.distance-indicator{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef402726;border:1px solid #ef40274d;border-radius:4px;box-shadow:0 2px 8px #ef402733;color:#ef4027;display:flex;font-family:HK Grotesk Wide,sans-serif;font-size:10px;font-weight:500;justify-content:center;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1002}.spacing-indicator{pointer-events:none;position:absolute;z-index:1001}.spacing-line{background:#ef402799;position:absolute}.spacing-line.horizontal{border-top:1px solid #ef4027cc;height:1px}.spacing-line.vertical{border-left:1px solid #ef4027cc;width:1px}.spacing-arrow{border:2px solid #ef4027;border-bottom:none;border-right:none;height:8px;position:absolute;transform:rotate(45deg);width:8px}.spacing-arrow.end{transform:rotate(225deg)}.multi-align-guide{background:#8b5cf6cc;box-shadow:0 0 4px #8b5cf680,0 0 8px #8b5cf64d;pointer-events:none;position:absolute;z-index:1001}.multi-align-guide.vertical{height:100vh;width:2px}.multi-align-guide.horizontal{height:2px;width:100vw}@media (max-width:768px){.alignment-guide{filter:blur(.3px)}.alignment-guide.horizontal,.alignment-guide.vertical{opacity:.8}.distance-indicator{font-size:9px;padding:1px 4px}}.App.dark .alignment-guide.horizontal,.App.dark .alignment-guide.vertical{background:linear-gradient(180deg,#0000,#ef4027e6 20%,#ef4027 50%,#ef4027e6 80%,#0000);background:linear-gradient(var(--direction,180deg),#0000 0,#ef4027e6 20%,#ef4027 50%,#ef4027e6 80%,#0000 100%);box-shadow:0 0 6px #ef4027b3,0 0 12px #ef402766}.App.dark .alignment-guide.horizontal{--direction:90deg}.App.dark .alignment-guide:before{background:#ef402740;border-color:#ef402780;box-shadow:0 2px 12px #ef40274d,inset 0 1px 0 #ffffff4d}.App.dark .distance-indicator{background:#ef402740;border-color:#ef402780;box-shadow:0 2px 12px #ef40274d;color:#ff6b4a}.App.dark .snap-zone{background:#ef40271a;border-color:#ef402799}.alignment-guide,.distance-indicator,.spacing-indicator{transform:translateZ(0);will-change:transform,opacity}.snap-feedback{animation:snap-pulse .3s ease-out;background:#ef402733;border:2px solid #ef402799;border-radius:6px;pointer-events:none;position:absolute;z-index:1003}@keyframes snap-pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}:root{--eraser-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="rgba%28239,64,39,0.1%29" stroke="rgba%28239,64,39,0.6%29" stroke-width="1.5"/><circle cx="12" cy="12" r="1" fill="rgba%28239,64,39,0.8%29"/></svg>') 12 12,crosshair;--design-selection-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M2 2 L2 18 L7 13 L10 16 L18 8 L10 16 L13 7 Z" fill="white" stroke="rgb%28239,64,39%29" stroke-width="2"/></svg>') 2 2,auto;--design-pen-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 4 L20 6 L10 16 L4 20 L8 14 Z" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2.5"/><circle cx="19" cy="5" r="1.5" fill="rgb%28239,64,39%29"/></svg>') 2 22,crosshair;--design-brush-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><ellipse cx="12" cy="15" rx="5" ry="7" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2.5"/><rect x="9" y="2" width="6" height="10" rx="1" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2"/></svg>') 12 12,crosshair;--section-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="rgba%28239,64,39,0.18%29" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><path d="M12 8v8M8 12h8" stroke="rgb%28239,64,39%29" stroke-width="1.8" stroke-linecap="round"/></svg>') 12 12,crosshair}.infinite-canvas-container [style*="cursor: 'pointer'"],.infinite-canvas-container [style*="cursor: pointer"],.infinite-canvas-container [style*="cursor:pointer"],.infinite-canvas-container [style*='cursor: "pointer"']{cursor:var(--hand-pointer-cursor)!important}@keyframes artboardBounceIn{0%{opacity:0;transform:scale(.8)}60%{opacity:.9;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.artboard-bounce-in{animation:artboardBounceIn .4s cubic-bezier(.25,.46,.45,.94)}.selection-box{background-color:#ef402714;border:2px solid #ef4027cc;border-radius:4px;box-shadow:0 0 0 1px #ef402733,0 0 8px #ef40271a;z-index:1000}.infinite-canvas.dark .selection-box{background-color:#ef40271f;border:2px solid #ef4027e6;box-shadow:0 0 0 1px #ef40274d,0 0 12px #ef402726}.just-placed{animation:justPlacedFadeIn .4s cubic-bezier(.25,.46,.45,.94)}@keyframes generatedVideoArrival{0%{box-shadow:0 0 0 0 #ef402700;opacity:0;transform:translate(-50%,-50%) scale(.82)}58%{box-shadow:0 0 0 10px #ef40271f,0 0 34px #ef402747;opacity:1;transform:translate(-50%,-50%) scale(1.035)}to{box-shadow:0 0 0 0 #ef402700;opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes generatedVideoPulse{0%{opacity:0;transform:scale(.94)}45%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.08)}}.generated-video-entry{animation:generatedVideoArrival .9s cubic-bezier(.2,.78,.2,1) both}.generated-video-entry:after{animation:generatedVideoPulse .95s ease-out both;border:1.5px solid #ef40275c;border-radius:20px;box-shadow:0 0 18px #ef40273d,0 0 32px #ef402729;content:"";inset:-12px;pointer-events:none;position:absolute}.ai-placeholder{background:linear-gradient(130deg,#eceff8e6,#f5f6fce6);border:1px solid #aab6d059;box-shadow:inset 0 0 0 1px #fff3;overflow:hidden;position:relative}.infinite-canvas-container[data-theme=dark] .ai-placeholder,.infinite-canvas.dark .ai-placeholder{background:linear-gradient(130deg,#2c313ee0,#1e222ce6);border-color:#5a6a8873;box-shadow:inset 0 0 0 1px #bed2f812}.ai-placeholder:before{animation:traceSweep 2.1s linear infinite;background:linear-gradient(90deg,#0000 28%,#597de0db 50%,#0000 72%) 0 0 /240% 100% no-repeat;border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.infinite-canvas-container[data-theme=dark] .ai-placeholder:before,.infinite-canvas.dark .ai-placeholder:before{background:linear-gradient(90deg,#0000 30%,#b2cdffc7 50%,#0000 70%) 0 0 /240% 100% no-repeat}.ai-placeholder:after{background:radial-gradient(ellipse at 50% 85%,#849cd633,#0000 62%);content:"";inset:0;opacity:.78;pointer-events:none;position:absolute;z-index:1}.infinite-canvas-container[data-theme=dark] .ai-placeholder:after,.infinite-canvas.dark .ai-placeholder:after{background:radial-gradient(ellipse at 50% 85%,#b6cdff1f,#0000 62%);opacity:.56}.ai-placeholder .sheen{animation:sheenRise 1.55s cubic-bezier(.35,0,.22,1) infinite;background:radial-gradient(ellipse at center,#5982dc85 0,#6e96e64d 24%,#82a5eb26 42%,#0000 72%);bottom:-68%;height:86%;left:-40%;mix-blend-mode:multiply;pointer-events:none;position:absolute;width:180%;z-index:2}.infinite-canvas-container[data-theme=dark] .ai-placeholder .sheen,.infinite-canvas.dark .ai-placeholder .sheen{background:radial-gradient(ellipse at center,#dcecff94 0,#cee2ff4d 28%,#c4daff24 44%,#0000 70%);mix-blend-mode:overlay}.ai-placeholder .sheen.sheen-2{animation:sheenRise2 1.9s cubic-bezier(.35,0,.22,1) infinite;bottom:-74%;height:70%;left:-28%;opacity:1;width:160%}.infinite-canvas{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100vw}.infinite-canvas,.infinite-canvas.dark{background:#0000!important}.canvas-environment-layer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.canvas-workspace-layer{position:absolute;transition:all .3s ease;z-index:10}.canvas-workspace__drop-message{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.canvas-workspace__drop-message p{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6366f11a;border-radius:8px;color:#6366f1cc;font-size:14px;font-weight:500;margin:0;padding:12px 24px}.canvas-card{background:#0000;border:none;border-radius:12px;box-shadow:none;cursor:grab;overflow:visible;position:absolute;touch-action:none;transition:none;-webkit-user-select:none;user-select:none}.canvas-card [contenteditable=true]{cursor:text!important;-webkit-user-select:text!important;user-select:text!important}.canvas-card .ai-card__text,.canvas-card .card-text-editable,.canvas-card [contenteditable]{scrollbar-color:#ef40274d #0000;scrollbar-width:thin}.canvas-card .ai-card__text::-webkit-scrollbar,.canvas-card .card-text-editable::-webkit-scrollbar,.canvas-card [contenteditable]::-webkit-scrollbar{width:8px}.canvas-card .ai-card__text::-webkit-scrollbar-track,.canvas-card .card-text-editable::-webkit-scrollbar-track,.canvas-card [contenteditable]::-webkit-scrollbar-track{background:#ef40270d;border-radius:6px}.canvas-card .ai-card__text::-webkit-scrollbar-thumb,.canvas-card .card-text-editable::-webkit-scrollbar-thumb,.canvas-card [contenteditable]::-webkit-scrollbar-thumb{background:#ef40274d;border-radius:6px}.canvas-card .ai-card__text::-webkit-scrollbar-thumb:hover,.canvas-card .card-text-editable::-webkit-scrollbar-thumb:hover,.canvas-card [contenteditable]::-webkit-scrollbar-thumb:hover{background:#ef402780}.infinite-canvas-container[data-theme=dark] .canvas-card .ai-card__text::-webkit-scrollbar-track,.infinite-canvas-container[data-theme=dark] .canvas-card .card-text-editable::-webkit-scrollbar-track,.infinite-canvas-container[data-theme=dark] .canvas-card [contenteditable]::-webkit-scrollbar-track{background:#ef40271a}.infinite-canvas-container[data-theme=dark] .canvas-card .ai-card__text::-webkit-scrollbar-thumb,.infinite-canvas-container[data-theme=dark] .canvas-card .card-text-editable::-webkit-scrollbar-thumb,.infinite-canvas-container[data-theme=dark] .canvas-card [contenteditable]::-webkit-scrollbar-thumb{background:#ef402766}.infinite-canvas-container[data-theme=dark] .canvas-card .ai-card__text::-webkit-scrollbar-thumb:hover,.infinite-canvas-container[data-theme=dark] .canvas-card .card-text-editable::-webkit-scrollbar-thumb:hover,.infinite-canvas-container[data-theme=dark] .canvas-card [contenteditable]::-webkit-scrollbar-thumb:hover{background:#ef402799}.canvas-card--dragging{box-shadow:0 20px 40px #0000004d;transform:scale(1.05) rotate(2deg);z-index:1500}.canvas-card--selected{border-color:#6366f166;box-shadow:0 0 0 1px #6366f126}.infinite-canvas-container[data-theme=dark] .canvas-card{background:#0000;border:none;color:#f3f4f6}.canvas-card__action-btn{overflow:hidden;position:relative}.canvas-card__action-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.canvas-card__action-btn:hover:before{left:100%}.canvas-card__action-btn svg{position:relative;z-index:1}.canvas-card__action-btn--delete{color:#ef4444cc}.canvas-card__action-btn--delete:hover{background:#ef4444e6;border-color:#ef4444;color:#fff;transform:scale(1.1)}.canvas-card__action-btn--tag{color:#6b7280cc}.canvas-card__action-btn--tag:hover{background:#6366f1e6;border-color:#6366f1;color:#fff;transform:scale(1.1)}.canvas-card__action-btn--maximize{color:#10b981cc}.canvas-card__action-btn--maximize:hover{background:#10b981e6;border-color:#10b981;color:#fff;transform:scale(1.1)}.infinite-canvas-container[data-theme=dark] .canvas-card__action-btn{background:#00000026;border-color:#ffffff14;color:#fffc}.infinite-canvas-container[data-theme=dark] .canvas-card__action-btn--delete:hover{background:#ef4027e6;border-color:#ef4027;color:#fff}.canvas-ai-send-btn{align-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#6366f126;border:1px solid #6366f133;border-radius:50%;bottom:20px;box-shadow:0 8px 24px #6366f133;color:#6366f1e6;cursor:var(--hand-pointer-cursor);display:flex;height:56px;justify-content:center;left:50%;overflow:hidden;position:fixed;transform:translateX(-50%);transition:all .3s ease;width:56px;z-index:1500}.canvas-ai-send-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.canvas-ai-send-btn:hover:before{left:100%}.canvas-ai-send-btn:hover{background:#6366f1e6;border-color:#6366f1;box-shadow:0 12px 32px #6366f166;color:#fff;transform:translateX(-50%) scale(1.1)}.canvas-ai-send-btn svg{height:24px;position:relative;width:24px;z-index:1}.canvas-card__ai-send{background:#ffffff14;border:1px solid #ffffff1f;color:#ef4027e6}.canvas-card__ai-send:hover{background:#ef4027e6;color:#fff;transform:translateX(-50%) scale(1.1)}.infinite-canvas-container[data-theme=dark] .canvas-card__action{background:#1f2937e6;color:#9ca3af}.infinite-canvas-container[data-theme=dark] .canvas-card__action:hover{background:#1f2937;color:#f3f4f6}.canvas-card__action{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#6b7280;cursor:var(--hand-pointer-cursor);display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.canvas-card__action:hover{background:#fff;color:#374151;transform:scale(1.1)}.canvas-card__delete{color:#ef4444}.canvas-card__delete:hover{background:#fef2f2;color:#dc2626}.canvas-card__tag{color:#8b5cf6}.canvas-card__tag:hover{background:#f3f4f6;color:#7c3aed}.canvas-card__maximize{color:#10b981}.canvas-card__maximize:hover{background:#f0fdf4;color:#059669}.canvas-card__tag-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6366f11a;border:1px solid #6366f133;border-radius:4px;color:#6366f1cc;font-size:10px;font-weight:500;padding:2px 6px;white-space:nowrap}.canvas-card__tag-input{position:absolute;right:8px;top:40px;z-index:15}.canvas-card__tag-input input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:12px;padding:6px 8px;width:120px}.canvas-card__tag-input input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.canvas-card__content{height:100%;padding:16px;position:relative;z-index:1}.canvas-card[data-content-type=image] .canvas-card__content{height:100%;overflow:hidden;padding:0;width:100%}.canvas-card__image img{border-radius:8px;height:100%;margin-bottom:0;object-fit:cover;width:100%}.canvas-card__image-title{color:#374151;font-size:12px;font-weight:600;line-height:1.3;margin-top:8px}.canvas-card__title{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 8px}.canvas-card__text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.canvas-card__placeholder{align-items:center;background:#f3f4f6;border-radius:8px;color:#9ca3af;display:flex;font-size:12px;height:140px;justify-content:center}.infinite-canvas-container[data-theme=dark] .canvas-card__title{color:#f3f4f6}.infinite-canvas-container[data-theme=dark] .canvas-card__text{color:#9ca3af}.infinite-canvas-container[data-theme=dark] .canvas-card__image-title{color:#f3f4f6}.infinite-canvas-container[data-theme=dark] .canvas-card__placeholder{background:#374151;color:#6b7280}.canvas-card--environment{background:#0000;border:none;box-shadow:none;min-height:200px;min-width:280px}.canvas-card--workspace:hover{border-color:#6366f166}.canvas-document-overlay,.canvas-image-overlay{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.canvas-image-viewer{max-height:90%;max-width:90%;position:relative}.canvas-image-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:var(--hand-pointer-cursor);display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:0;top:-40px;transition:background .2s ease;width:32px}.canvas-image-close:hover{background:#fff}.canvas-document-viewer{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80%;max-width:80%;overflow:auto;padding:24px;position:relative}.canvas-document-close{background:none;border:none;color:#6b7280;cursor:var(--hand-pointer-cursor);font-size:24px;position:absolute;right:12px;top:12px;transition:color .2s ease}.canvas-document-close:hover{color:#374151}@media (max-width:768px){.canvas-card{height:180px!important;width:240px!important}.canvas-workspace-layer{height:60vh!important;width:90vw!important}.canvas-card__actions{gap:2px;right:6px;top:6px}.canvas-card__action{height:24px;width:24px}}.canvas-card,.canvas-card__action,.canvas-card__tag-chip{will-change:transform}.canvas-card:focus-visible,.canvas-card__action:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.canvas-card__actions{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;z-index:10}.canvas-card:hover .canvas-card__actions{opacity:1}.canvas-card__action-btn{align-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#000000b3;cursor:var(--hand-pointer-cursor);display:flex;height:28px;justify-content:center;outline:none;transition:all .2s ease;width:28px}.canvas-card__action-btn:hover{background:#ef4027e6;border-color:#ef4027;color:#fff;transform:scale(1.1)}.canvas-card__action-btn svg{height:14px;width:14px}.infinite-canvas.dark .canvas-card__action-btn{background:#00000026;border-color:#ffffff14;color:#fffc}.infinite-canvas.dark .canvas-card__action-btn:hover{background:#ef4027e6;border-color:#ef4027;color:#fff}.canvas-card__tags{display:flex;flex-wrap:wrap;gap:4px;left:8px;max-width:calc(100% - 120px);position:absolute;top:8px;z-index:5}.canvas-card__tag{align-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;color:#000c;display:inline-flex;font-size:10px;font-weight:500;padding:2px 8px;transition:all .2s ease}.infinite-canvas.dark .canvas-card__tag{background:#00000026;border-color:#ffffff14;color:#ffffffe6}.canvas-card__ai-send{align-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ef4027e6;border:2px solid #ffffffe6;border-radius:50%;bottom:8px;box-shadow:0 4px 16px #ef402766;color:#fff;cursor:var(--hand-pointer-cursor);display:flex;height:32px;justify-content:center;left:50%;opacity:0;outline:none;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:32px}.canvas-card:hover .canvas-card__ai-send{opacity:1}.canvas-card__ai-send:hover{background:#fffffff2;border-color:#ef4027;box-shadow:0 6px 20px #ef402780;color:#ef4027;transform:translateX(-50%) scale(1.15)}.canvas-card__ai-send svg{height:16px;width:16px}.infinite-canvas.dark .canvas-card__ai-send{background:#00000026;border-color:#ffffff14;color:#ef4027e6}.canvas-card--workspace{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important}.canvas-card--workspace .canvas-card__content{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.canvas-card--workspace img{border-radius:8px}.canvas-image-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1800}.canvas-image-overlay img{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90%;max-width:90%;object-fit:contain}.canvas-image-overlay__close{align-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:var(--hand-pointer-cursor);display:flex;font-size:24px;height:48px;justify-content:center;position:absolute;right:40px;top:40px;transition:all .2s ease;width:48px}.canvas-image-overlay__close:hover{background:#ef4027e6;border-color:#ef4027;transform:scale(1.1)}.infinite-canvas{background:#f5f5f5;height:100vh;overflow:hidden;position:relative;width:100%}.infinite-canvas.dark{background:#1a1a1a}.canvas-card img{background:#0000;border:none;border-radius:8px;height:100%;object-fit:cover;width:100%}.canvas-card--workspace img{background:#0000;border:none;height:auto;max-height:none}.contextual-bar,.inspiration-contextual-bar{animation:fadeIn .15s ease-out}.contextual-bar__action{transition:all .2s cubic-bezier(.4,0,.2,1)}.contextual-bar__action:hover{transform:scale(1.1)}.contextual-bar__action:active{transform:scale(.95)}.canvas-card.environment-card:hover .canvas-card__ai-send{opacity:1;transform:translateX(-50%) scale(1)}.canvas-card.environment-card .canvas-card__ai-send:hover{background:#fff!important;box-shadow:0 4px 16px #ef40274d!important;color:#ef4027!important;transform:translateX(-50%) scale(1.05)!important}.canvas-card--workspace .canvas-card__ai-send:hover{background:#fff!important;box-shadow:0 6px 20px #ef402766!important;color:#ef4027!important;transform:translateX(-50%) scale(1.05)!important}.maximize-button{transition:all .2s cubic-bezier(.4,0,.2,1)}.maximize-button:hover{box-shadow:0 8px 25px #00000026;transform:scale(1.05) translateY(-1px)}.canvas-card,.canvas-card>div{overflow:visible!important}.canvas-card>div[style*="position: absolute"][style*="width: 100%"][style*="height: 100%"]{overflow:visible!important;z-index:1005!important}.canvas-card div[style*="border-radius: 50%"][style*="background: white"]{overflow:visible!important;position:absolute!important;z-index:1010!important}.canvas-content,.canvas-environment-layer{overflow:visible!important}.canvas-card.inspiration-mode{transition:opacity .3s ease,transform .3s ease}@keyframes fadeInInspiration{0%{opacity:0;transform:translate(-50%,-50%) scale(.95) translateY(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.canvas-card.inspiration-mode{animation:fadeInInspiration .6s ease-out both}@keyframes justPlacedFadeIn{0%{opacity:0}to{opacity:1}}.just-placed{animation:justPlacedFadeIn .4s cubic-bezier(.25,.46,.45,.94) forwards}.design-grid{transition:opacity .3s ease}.design-artboard{position:relative;transition:box-shadow .2s ease}.design-artboard-tab.dragging,.design-artboard.dragging{transition:none!important;will-change:transform}.design-artboard-tab.dragging{box-shadow:0 8px 32px #00000026!important;pointer-events:none!important;z-index:1001!important}.design-artboard-tab{position:absolute;transition:background-color .2s ease,color .2s ease;will-change:transform;z-index:1000!important}.design-selection-handle{background:#ef4027;z-index:1003}.design-selection-handle:hover{box-shadow:0 4px 12px #ef40274d;transform:scale(1.2)}@keyframes designGridFadeIn{0%{opacity:0}to{opacity:.3}}.design-grid{animation:designGridFadeIn .3s ease}@keyframes designArtboardFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.design-artboard.just-created{animation:designArtboardFadeIn .4s cubic-bezier(.25,.46,.45,.94)}.infinite-canvas.design-mode{background:radial-gradient(circle at 1px 1px,#00000014 1px,#0000 0),linear-gradient(135deg,#f8fafc,#e2e8f0)!important;background-attachment:local!important;background-size:16px 16px,100% 100%!important}.infinite-canvas.design-mode.dark{background:radial-gradient(circle at 1px 1px,#ffffff1f 1px,#0000 0),linear-gradient(135deg,#0f172a,#1e293b)!important;background-attachment:local!important;background-size:16px 16px,100% 100%!important}.infinite-canvas.design-mode{cursor:default}.infinite-canvas.design-mode.selection-tool{cursor:default!important}.infinite-canvas.sketch-mode{cursor:crosshair!important}.infinite-canvas.section-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="rgba%28239,64,39,0.18%29" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><path d="M12 8v8M8 12h8" stroke="rgb%28239,64,39%29" stroke-width="1.8" stroke-linecap="round"/></svg>') 12 12,crosshair!important;cursor:var(--section-cursor)!important}.infinite-canvas .eraser-mode,.infinite-canvas.eraser-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="rgba%28239,64,39,0.1%29" stroke="rgba%28239,64,39,0.6%29" stroke-width="1.5"/><circle cx="12" cy="12" r="1" fill="rgba%28239,64,39,0.8%29"/></svg>') 12 12,crosshair!important;cursor:var(--eraser-cursor)!important}.infinite-canvas.design-mode,.infinite-canvas.design-mode.selection-tool{cursor:var(--global-default-cursor)!important}.infinite-canvas.design-mode.ellipse-tool,.infinite-canvas.design-mode.line-tool,.infinite-canvas.design-mode.rectangle-tool{cursor:crosshair!important}.infinite-canvas.design-mode.pen-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 4 L20 6 L10 16 L4 20 L8 14 Z" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2.5"/><circle cx="19" cy="5" r="1.5" fill="rgb%28239,64,39%29"/></svg>') 2 22,crosshair!important;cursor:var(--design-pen-cursor)!important}.infinite-canvas.design-mode.brush-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><ellipse cx="12" cy="15" rx="5" ry="7" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2.5"/><rect x="9" y="2" width="6" height="10" rx="1" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2"/></svg>') 12 12,crosshair!important;cursor:var(--design-brush-cursor)!important}.infinite-canvas.design-mode.artboard-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M2 2 L2 18 L7 13 L10 16 L18 8 L10 16 L13 7 Z" fill="white" stroke="rgb%28239,64,39%29" stroke-width="2"/></svg>') 2 2,auto!important;cursor:var(--design-artboard-cursor)!important}.infinite-canvas.design-mode.spacebar-pressed{cursor:grab!important}.infinite-canvas.design-mode.z-key-pressed{cursor:zoom-in!important}.infinite-canvas.design-mode.z-key-pressed.alt-pressed{cursor:zoom-out!important}.design-sidebar-toggle{transition:opacity .3s ease}.design-sidebar-toggle.hidden{opacity:0;pointer-events:none}.design-sidebar-toggle:hover{background:#fff3!important;transform:translateY(-50%) scale(1.05)}.design-sidebar{scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.design-sidebar::-webkit-scrollbar{width:6px}.design-sidebar::-webkit-scrollbar-track{background:#0000}.design-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.design-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes searchGlow{0%,to{box-shadow:0 0 0 2px #ef402766,0 0 20px #ef402733}50%{box-shadow:0 0 0 2px #ef4027cc,0 0 30px #ef402766}}.search-result-highlight{animation:searchGlow 2s ease-in-out infinite;z-index:999!important}.search-result-highlight:before{background:linear-gradient(45deg,#ef402733,#ef40271a);border-radius:inherit;bottom:-4px;content:"";left:-4px;pointer-events:none;position:absolute;right:-4px;top:-4px;z-index:-1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.maximize-overlay-with-panel{padding-right:380px}.ai-analysis-panel{scrollbar-color:#8b45c34d #0000;scrollbar-width:thin}.ai-analysis-panel::-webkit-scrollbar{width:6px}.ai-analysis-panel::-webkit-scrollbar-track{background:#0000}.ai-analysis-panel::-webkit-scrollbar-thumb{background:#8b45c34d;border-radius:3px}.ai-analysis-panel::-webkit-scrollbar-thumb:hover{background:#8b45c380}.card-text-editable::selection{background:#ef40274d;color:inherit}.card-text-editable::-moz-selection{background:#ef40274d;color:inherit}.note-content-scroll::-webkit-scrollbar{width:6px}.note-content-scroll::-webkit-scrollbar-track{background:#0000}.note-content-scroll::-webkit-scrollbar-thumb{background:#0000;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.note-content-scroll:hover::-webkit-scrollbar-thumb{background:#0000004d}.note-content-scroll:hover::-webkit-scrollbar-thumb:hover{background:#00000080}.theme-dark .note-content-scroll:hover::-webkit-scrollbar-thumb{background:#ffffff4d}.theme-dark .note-content-scroll:hover::-webkit-scrollbar-thumb:hover{background:#ffffff80}.note-content-scroll{scrollbar-color:#0000 #0000;scrollbar-width:thin}.note-content-scroll:hover{scrollbar-color:#0000004d #0000}.theme-dark .note-content-scroll:hover{scrollbar-color:#ffffff4d #0000}.gradient-picker{background:#0000;border:none;border-radius:0;box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;left:auto;position:relative;top:auto;width:100%;z-index:1000}.gradient-picker.dark{background:#0000;color:#fff}.gradient-picker-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:12px 16px}.gradient-picker.dark .gradient-picker-header{border-bottom-color:#404040}.gradient-picker-header h3{font-size:14px;font-weight:600;margin:0}.close-btn{background:none;border-radius:4px;color:#666;cursor:pointer;font-size:18px;padding:4px}.close-btn:hover{background:#f5f5f5;color:#333}.gradient-picker.dark .close-btn{color:#ccc}.gradient-picker.dark .close-btn:hover{background:#404040;color:#fff}.gradient-picker-content{padding:8px 0 0}.gradient-picker-content>div{margin-bottom:16px}.gradient-picker-content>div:last-child{margin-bottom:0}.gradient-picker-content label{color:#333;display:block;font-size:11px;font-weight:600;margin-bottom:8px}.gradient-picker.dark .gradient-picker-content label{color:#fff}.gradient-type-buttons button{background:#ffffffeb;border:1px solid #0000001a;cursor:pointer;font-size:12px;padding:7px 10px}.gradient-type-buttons button:hover{background:#f5f5f5}.gradient-type-buttons button.active{background:#ef40271f;border-color:#ef402747;color:#ef4027}.gradient-picker.dark .gradient-type-buttons button{background:#404040;border-color:#555;color:#fff}.gradient-picker.dark .gradient-type-buttons button:hover{background:#4a4a4a}.gradient-angle-slider{appearance:none;background:#0000;margin-bottom:8px;width:100%}.gradient-angle-slider::-webkit-slider-runnable-track{background:#78829659;border-radius:999px;height:6px}.gradient-angle-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:1.5px solid #0f172a38;border-radius:50%;box-shadow:0 1px 3px #0f172a33;height:12px;margin-top:-3px;width:12px}.gradient-angle-slider::-moz-range-track{background:#78829659;border-radius:999px;height:6px}.gradient-angle-slider::-moz-range-thumb{background:#fff;border:1.5px solid #0f172a38;border-radius:50%;box-shadow:0 1px 3px #0f172a33;height:12px;width:12px}.gradient-preview{background-image:repeating-conic-gradient(#ccc 0 25%,#0000 0 50%) 50% /20px 20px,linear-gradient(#fff,#fff);border:1px solid #e1e5e9;border-radius:6px;height:40px;width:100%}.gradient-picker.dark .gradient-preview{border-color:#555}.gradient-bar{background-image:repeating-conic-gradient(#ccc 0 25%,#0000 0 50%) 50% /10px 10px;border:1px solid #0000001a;border-radius:4px;cursor:crosshair;height:22px;position:relative}.gradient-picker.dark .gradient-bar{border-color:#555}.gradient-stop{border:2px solid #fff;border-radius:999px;box-shadow:0 2px 4px #0003;cursor:grab;height:30px;position:absolute;top:-5px;transform:translateX(-50%);transition:all .2s ease;width:12px}.gradient-stop:active{cursor:grabbing}.gradient-stop.selected{border-color:#111827;box-shadow:0 0 0 2px #11182733}.gradient-picker.dark .gradient-stop{border-color:#666}.gradient-picker.dark .gradient-stop.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff47}.gradient-bar-labels{color:#666;display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.gradient-stop-actions{display:flex;gap:8px;margin-top:8px}.gradient-action-btn{background:#ffffff0f;border:1px solid #0000001a;border-radius:7px;color:#374151;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;height:28px}.gradient-action-btn:hover:not(:disabled){background:#ef402714;border-color:#ef402773;color:#ef4027}.gradient-action-btn:disabled{cursor:not-allowed;opacity:.45}.gradient-picker.dark .gradient-action-btn{background:#ffffff0d;border-color:#ffffff1f;color:#f3f4f6}.gradient-picker.dark .gradient-bar-labels{color:#9ca3af}.stop-opacity-section{margin-top:10px}.stop-opacity-header{align-items:center;color:#4b5563;display:flex;font-size:11px;font-weight:600;justify-content:space-between;margin-bottom:6px}.gradient-picker.dark .stop-opacity-header{color:#d1d5db}.stop-opacity-controls{align-items:center;display:flex;gap:8px}.gradient-opacity-slider{accent-color:#ef4027;appearance:none;background:#0000;flex:1 1;min-width:0}.gradient-opacity-slider::-webkit-slider-runnable-track{background:#78829659;border-radius:999px;height:6px}.gradient-opacity-slider::-webkit-slider-thumb{appearance:none;background:#ef4027;border:1.5px solid #ef402766;border-radius:50%;box-shadow:0 1px 3px #0f172a33;height:12px;margin-top:-3px;width:12px}.gradient-opacity-slider::-moz-range-track{background:#78829659;border-radius:999px;height:6px}.gradient-opacity-slider::-moz-range-thumb{background:#ef4027;border:1.5px solid #ef402766;border-radius:50%;box-shadow:0 1px 3px #0f172a33;height:12px;width:12px}.gradient-picker.dark .gradient-opacity-slider::-webkit-slider-runnable-track{background:#94a3b859}.gradient-picker.dark .gradient-opacity-slider::-moz-range-track{background:#94a3b859}.gradient-picker.dark .gradient-opacity-slider::-moz-range-thumb,.gradient-picker.dark .gradient-opacity-slider::-webkit-slider-thumb{background:#ef4027;border-color:#ff7a6673}.gradient-opacity-input{-moz-appearance:textfield;background:#ffffff14;border:1px solid #0000001f;border-radius:6px;color:#374151;font-size:11px;font-weight:600;padding:4px 6px;text-align:right;width:52px}.gradient-opacity-input::-webkit-inner-spin-button,.gradient-opacity-input::-webkit-outer-spin-button{-webkit-appearance:none}.gradient-picker.dark .gradient-opacity-input{background:#ffffff0d;border-color:#ffffff24;color:#f3f4f6}.stop-position-section{margin-top:8px}.stop-position-row{align-items:center;display:flex;gap:6px}.stop-pos-label{color:#6b7280;font-size:10px;font-weight:600;white-space:nowrap}.gradient-picker.dark .stop-pos-label{color:#9ca3af}.stop-pos-input{-moz-appearance:textfield;background:#ffffff14;border:1px solid #0000001a;border-radius:5px;color:#374151;font-size:11px;font-weight:600;padding:3px 4px;text-align:right;width:40px}.stop-pos-input::-webkit-inner-spin-button,.stop-pos-input::-webkit-outer-spin-button{-webkit-appearance:none}.gradient-picker.dark .stop-pos-input{background:#ffffff12;border-color:#ffffff1a;color:#f3f4f6}.stop-pos-unit{color:#9ca3af;font-size:10px}.stop-pos-slider{appearance:none;background:#0000001a;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.stop-pos-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1.5px solid #0f172a38;border-radius:50%;box-shadow:0 1px 3px #0f172a33;cursor:pointer;height:12px;width:12px}.gradient-picker.dark .stop-pos-slider{background:#ffffff1a}.gradient-presets{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.gradient-preset{background-image:repeating-conic-gradient(#ccc 0 25%,#0000 0 50%) 50% /8px 8px;border:1px solid #e1e5e9;border-radius:6px;cursor:pointer;height:32px;transition:all .2s ease;width:100%}.gradient-preset:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.gradient-picker.dark .gradient-preset{border-color:#555}@media (max-width:380px){.gradient-picker{width:280px}}.gradient-picker *{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.gradient-picker-content::-webkit-scrollbar{display:none}.color-picker{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000001a;border-radius:14px;box-shadow:0 6px 20px #0000001a;cursor:var(--hand-panning-cursor);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:160px;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-user-select:none;user-select:none;width:320px;will-change:transform}.color-picker.floating{width:320px}.color-picker.gradient-mode{min-height:220px;width:332px}.color-picker.dark{background:#18181cf2;border:1px solid #ffffff1a;color:#fff}.color-picker-top-drag-handle{align-items:center;background:#0000;cursor:var(--hand-panning-cursor);display:flex;flex-shrink:0;height:24px;justify-content:center;padding:8px 0;transition:background .2s ease;width:100%}.color-picker-top-drag-handle:hover{background:#ef40270d}.color-picker-top-drag-handle:active{cursor:var(--hand-grab-cursor)}.color-picker.dark .color-picker-top-drag-handle:hover{background:#ef402714}.drag-dots{background-image:radial-gradient(circle,#ef402780 1.5px,#0000 0);background-position:0 0,4px 0,8px 0,12px 0,16px 0;background-repeat:repeat-x;background-size:4px 4px;height:4px;width:20px}.color-picker.dark .drag-dots{background-image:radial-gradient(circle,#ef402799 1.5px,#0000 0)}.color-picker-main{display:flex;flex:0 0 auto;flex-direction:column}.color-picker-header{border-bottom:1px solid #00000014;display:flex;flex-direction:column;gap:10px;padding:8px 14px 10px;position:relative}.color-picker.dark .color-picker-header{border-bottom:1px solid #ffffff14}.fill-gradient-tabs{background:#0000000d;border-radius:6px;display:flex;gap:2px;padding:2px}.color-picker.dark .fill-gradient-tabs{background:#ffffff0d}.fill-gradient-tab{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:var(--hand-pointer-cursor);flex:1 1;font-size:11px;font-weight:500;padding:5px 10px;transition:all .2s ease}.fill-gradient-tab:hover{color:#374151}.fill-gradient-tab.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#ef4027}.color-picker.dark .fill-gradient-tab{color:#9ca3af}.color-picker.dark .fill-gradient-tab:hover{color:#fff}.color-picker.dark .fill-gradient-tab.active{background:#ffffff1a;color:#ef4027}.header-bottom{align-items:center;display:flex;justify-content:space-between}.color-picker-tabs{align-items:center;display:flex;gap:4px}.tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:var(--hand-pointer-cursor);font-size:11px;font-weight:500;padding:4px 8px;transition:all .2s ease}.tab:hover{background:#0000000d;color:#374151}.tab.active{background:#ef4027;color:#fff}.color-picker.dark .tab{color:#9ca3af}.color-picker.dark .tab:hover{background:#ffffff0d;color:#fff}.tab-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:var(--hand-pointer-cursor);display:inline-flex;height:28px;justify-content:center;margin-left:2px;transition:all .2s ease;width:28px}.tab-icon-btn:hover{background:#0000000d;color:#374151}.color-picker.dark .tab-icon-btn{color:#9ca3af}.color-picker.dark .tab-icon-btn:hover{background:#ffffff0d;color:#fff}.close-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#6b7280;cursor:var(--hand-pointer-cursor);display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:auto;transition:all .2s ease;width:24px}.close-btn:hover{background:#0000000d;color:#374151}.color-picker.dark .close-btn{color:#9ca3af}.color-picker.dark .close-btn:hover{background:#ffffff0d;color:#fff}.color-picker-content{overflow-x:hidden;overflow-y:auto;padding:16px}.color-picker.gradient-mode .color-picker-content{overflow:visible;padding:12px 16px 14px}.gradient-stop-spectrum{height:100px!important}.gradient-stop-hue{margin-bottom:4px;margin-top:6px}.picker-tab{display:flex;flex-direction:column;gap:16px}.color-spectrum-container{border-radius:8px;cursor:var(--hand-pointer-cursor);height:160px;overflow:hidden;position:relative;width:100%}.color-spectrum{height:100%;position:relative;width:100%}.spectrum-cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:12px}.hue-slider-container{border-radius:6px;cursor:var(--hand-pointer-cursor);height:12px;overflow:hidden;position:relative;width:100%}.hue-slider{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);height:100%;position:relative;width:100%}.hue-cursor{background:#fff;border-radius:2px;box-shadow:0 2px 8px #0000004d;height:16px;pointer-events:none;position:absolute;top:-2px;transform:translateX(-50%);width:4px}.color-preview-section{align-items:flex-start;display:flex;gap:12px}.color-preview{border:1px solid #0000001a;border-radius:8px;flex-shrink:0;height:48px;width:48px}.color-picker.dark .color-preview{border:1px solid #ffffff1a}.color-inputs{display:flex;flex:1 1;flex-direction:column;gap:8px}.input-mode-tabs{background:#0000000d;border-radius:6px;display:flex;gap:2px;padding:2px}.color-picker.dark .input-mode-tabs{background:#ffffff0d}.input-tab{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:var(--hand-pointer-cursor);flex:1 1;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s ease}.input-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#374151}.color-picker.dark .input-tab{color:#9ca3af}.color-picker.dark .input-tab.active{background:#ffffff1a;color:#fff}.hex-input{display:flex}.hex-input input{background:#ffffff80;border:1px solid #0000001a;border-radius:6px;color:#374151;font-family:Monaco,Menlo,monospace;font-size:13px;outline:none;padding:6px 8px;transition:all .2s ease;width:100%}.hex-input input:focus{border-color:#ef4027;box-shadow:0 0 0 3px #ef44271a}.color-picker.dark .hex-input input{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.hsb-inputs,.rgb-inputs{display:flex;gap:6px}.hsb-input,.rgb-input{display:flex;flex:1 1;flex-direction:column;gap:2px}.hsb-input label,.rgb-input label{color:#6b7280;font-size:11px;font-weight:500;text-align:center}.color-picker.dark .hsb-input label,.color-picker.dark .rgb-input label{color:#9ca3af}.hsb-input input,.rgb-input input{background:#ffffff80;border:1px solid #0000001a;border-radius:4px;color:#374151;font-size:12px;outline:none;padding:4px 6px;text-align:center;transition:all .2s ease;width:100%}.hsb-input input:focus,.rgb-input input:focus{border-color:#ef4027;box-shadow:0 0 0 2px #ef44271a}.color-picker.dark .hsb-input input,.color-picker.dark .rgb-input input{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.recent-tab,.swatches-tab{max-height:260px;overflow-y:auto}.color-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(8,minmax(0,1fr));margin-bottom:16px;width:100%}.color-swatch{aspect-ratio:1/1;border:1px solid #0000001a;cursor:var(--hand-pointer-cursor);height:auto;outline:none;transition:all .2s ease;width:100%}.color-swatch:hover{box-shadow:0 4px 12px #0003;position:relative;transform:scale(1.1);z-index:1}.color-picker.dark .color-swatch{border:1px solid #ffffff1a}.swatch-category{margin-bottom:20px}.category-title{color:#374151;font-size:13px;font-weight:600;margin:0 0 8px}.color-picker.dark .category-title{color:#fff}.recent-tab::-webkit-scrollbar,.swatches-tab::-webkit-scrollbar{width:4px}.recent-tab::-webkit-scrollbar-track,.swatches-tab::-webkit-scrollbar-track{background:#0000}.recent-tab::-webkit-scrollbar-thumb,.swatches-tab::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.color-picker.dark .recent-tab::-webkit-scrollbar-thumb,.color-picker.dark .swatches-tab::-webkit-scrollbar-thumb{background:#ffffff1a}.color-picker{animation:colorPickerFadeIn .2s ease-out}@keyframes colorPickerFadeIn{0%{opacity:0;transform:translateY(0) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:320px){.color-picker{width:260px}.color-grid{grid-template-columns:repeat(6,1fr)}}.gradient-tab{padding:0}.gradient-tab-content{display:flex;flex-direction:column;gap:8px}.gradient-controls{display:flex;flex-direction:column;gap:12px;max-height:240px;overflow-y:auto;padding-right:4px}.gradient-controls::-webkit-scrollbar{width:6px}.gradient-controls::-webkit-scrollbar-track{background:#0000}.gradient-controls::-webkit-scrollbar-thumb{background:#64646480;border:none;border-radius:10px}.gradient-controls::-webkit-scrollbar-thumb:hover{background:#646464b3}.gradient-controls{scrollbar-color:#64646480 #0000;scrollbar-width:thin}.gradient-type-selector{display:flex;flex-direction:column;gap:6px}.gradient-type-buttons{display:flex;gap:8px}.gradient-type-buttons button{border:none;border-radius:6px;cursor:var(--hand-pointer-cursor);flex:1 1;font-size:11px;font-weight:500;padding:8px 12px;transition:all .2s ease}.gradient-type-buttons button:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.gradient-presets,.gradient-preview-section{display:flex;flex-direction:column;gap:6px}.gradient-tab .recent-tab,.gradient-tab .swatches-tab{max-height:180px;overflow-x:hidden;overflow-y:auto}.gradient-preset-grid{display:flex;flex-direction:column;gap:4px}.gradient-preset-grid button{border:none;border-radius:3px;cursor:var(--hand-pointer-cursor);height:24px;transition:all .2s ease;width:100%}.gradient-preset-grid button:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.02)}.modern-contextual-bar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #00000014;border-radius:10px;box-shadow:0 6px 24px #0000000f,0 2px 6px #0000000a;display:flex;gap:8px;min-height:40px;padding:6px 12px;pointer-events:auto;-webkit-user-select:none;user-select:none}.modern-contextual-bar.dark{background:#141414fa;border:1px solid #ffffff1f;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d}.modern-control{align-items:center;display:flex;flex-direction:column;gap:3px;min-width:30px;position:relative}.control-header,.control-icon,.control-label{display:none}.modern-color-button{align-items:center;border:2px solid #00000026;border-radius:6px;box-shadow:0 2px 4px #00000014;cursor:pointer;display:flex;height:28px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:28px}.modern-contextual-bar.dark .modern-color-button{border:2px solid #fff3}.modern-color-button:hover{border-color:#ef402766;box-shadow:0 4px 12px #0000001f;transform:scale(1.05)}.modern-color-button:active{transform:scale(.98)}.fill-control .modern-color-button{border-radius:8px}.stroke-control .modern-color-button{background:#0000!important;border-radius:50%}.stroke-indicator{border-radius:2px;height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .2s ease;width:22px}.transparent-icon{align-items:center;color:#999;display:flex;font-size:16px;font-weight:700;justify-content:center}.modern-contextual-bar.dark .transparent-icon{color:#fff9}.modern-slider-container{align-items:center;display:flex;flex-direction:column;gap:2px;width:40px}.modern-slider{appearance:none;background:#e2e8f0;border-radius:2px;cursor:pointer;height:4px;outline:none;transition:all .2s ease;width:100%}.modern-slider::-webkit-slider-thumb{appearance:none;background:#ef4027;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.modern-slider::-moz-range-thumb{background:#ef4027;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;height:14px;-moz-transition:all .2s ease;transition:all .2s ease;width:14px}.modern-slider:hover::-webkit-slider-thumb{box-shadow:0 3px 10px #ef40274d;transform:scale(1.1)}.modern-slider:hover::-moz-range-thumb{box-shadow:0 3px 10px #ef40274d;transform:scale(1.1)}.stroke-slider{background:linear-gradient(90deg,#e2e8f0 0,#64748b)}.stroke-slider::-webkit-slider-thumb{background:#ef4027}.stroke-slider::-moz-range-thumb{background:#ef4027}.opacity-slider{background:linear-gradient(90deg,#0000 0,#0003 25%,#00000080 50%,#000c 75%,#000)}.opacity-slider::-webkit-slider-thumb{background:#ef4027}.opacity-slider::-moz-range-thumb{background:#ef4027}.slider-value{background:#0000000f;border-radius:4px;color:#64748b;color:var(--text-color,#666);font-size:9px;font-weight:700;line-height:1;min-width:28px;padding:2px 6px;text-align:center}.modern-contextual-bar.dark .slider-value{background:#ffffff1f;color:#ffffffe6}.modern-contextual-bar.dark .modern-slider{background:#fff3}.modern-contextual-bar.dark .stroke-slider{background:linear-gradient(90deg,#fff3 0,#fff9)}.modern-contextual-bar.dark .opacity-slider{background:linear-gradient(90deg,#fff0 0,#fff3 25%,#ffffff80 50%,#fffc 75%,#fff)}.modern-contextual-bar.group-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 32px #0000001f;flex-direction:row;gap:8px;padding:8px 12px}.modern-contextual-bar.group-bar.dark{background:#1e1e1ef2;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.modern-control.group-info{flex-direction:column;gap:2px;min-width:auto}.modern-control.group-info .control-header{margin-bottom:0}.group-count{color:var(--text-secondary);font-size:12px;font-weight:600;text-align:center}.modern-control.delete-control{margin-left:8px}.modern-icon-button.delete-button{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modern-icon-button.delete-button:hover{background:#dc2626;transform:scale(1.05)}.modern-icon-button.delete-button .button-icon{height:16px;width:16px}@media (max-width:768px){.modern-contextual-bar{gap:8px;padding:6px 12px}.modern-control{min-width:50px}.modern-color-button{height:28px;width:28px}.modern-slider-container{width:60px}}:root{--border-color:#e2e8f0;--text-color:#64748b}.dark{--border-color:#fff3;--text-color:#fffc}.modern-color-picker{z-index:1005!important}.modern-color-picker.draggable-color-picker{position:relative}.modern-color-picker.draggable-color-picker:before{background:#0000;content:"";cursor:grab;height:40px;left:0;position:absolute;right:0;top:0;z-index:1}.modern-color-picker.draggable-color-picker:active:before{cursor:grabbing}.modern-color-picker .color-picker{box-shadow:0 12px 40px #00000026;left:auto!important;position:relative!important;top:auto!important;transform:none!important}.layers-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--panel-bg);border-left:1px solid var(--panel-border);box-shadow:-8px 0 32px #0000001f;display:flex;flex-direction:column;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;position:fixed;right:0;top:0;width:280px;z-index:1000}.layers-panel.light{--panel-bg:#fffffff2;--panel-border:#0000001a;--text-primary:#1f2937;--text-secondary:#6b7280;--item-bg:#0000;--item-hover:#ef40270d;--item-selected:#ef40271a;--button-hover:#0000001a;--border-color:#0000001a}.layers-panel.dark{--panel-bg:#141414fa;--panel-border:#ffffff1f;--text-primary:#fff;--text-secondary:#fff9;--item-bg:#0000;--item-hover:#ffffff14;--item-selected:#ef402726;--button-hover:#ffffff1f;--border-color:#ffffff1f}.layers-panel-header{align-items:center;background:var(--panel-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px 20px}.header-actions{align-items:center;display:flex;gap:8px}.add-layer-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-layer-button:hover{background:var(--button-hover);color:var(--text-primary);transform:scale(1.05)}.add-layer-button .icon{height:16px;width:16px}.layers-panel-header h3{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.close-button{border-radius:4px;color:var(--text-secondary);font-size:16px;padding:4px;transition:all .15s ease}.close-button:hover{background:var(--button-hover);color:var(--text-primary)}.layers-panel-content{flex:1 1;overflow-y:auto;padding:8px 0}.layer-group{margin-bottom:8px}.layer-group-header{background:var(--item-hover);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase}.layer-item{min-height:36px;padding:8px 20px}.layer-item:hover{background:var(--item-hover)}.layer-item.selected{background:var(--item-selected);border-left:3px solid #ef4027}.layer-item.nested{padding-left:40px}.layer-item.artboard,.layer-item.artboard-container{border-bottom:1px solid var(--border-color);font-weight:600}.layer-item.artboard-container{background-color:var(--item-bg);color:var(--text-primary);padding-bottom:12px;padding-top:12px;position:relative}.layer-item.artboard-container:hover{background-color:var(--item-hover)}.layer-item.artboard-container.selected{background:var(--item-selected);border-left:3px solid #ef4027}.artboard-icon{align-items:center;display:flex;height:18px;justify-content:center;margin-right:8px;width:18px}.artboard-icon svg{color:#ef4027;height:18px;width:18px}.artboard-name{font-weight:600}.layer-group:not(:last-child){border-bottom:1px dashed var(--border-color);margin-bottom:12px;padding-bottom:8px}.artboard-elements-container{background-color:#ef402708;border-left:1px dashed #ef402733;margin-bottom:4px;margin-left:20px;margin-top:4px}.empty-artboard-message{color:var(--text-secondary);font-size:12px;font-style:italic;padding:10px 20px;text-align:center}.expand-button{align-items:center;background:none;border:none;border-radius:2px;color:var(--text-secondary);cursor:pointer;display:flex;height:16px;justify-content:center;margin-right:8px;padding:2px;transition:all .15s ease;width:16px}.expand-button:hover{background:var(--button-hover);color:var(--text-primary)}.expand-button .icon{height:12px;width:12px}.layer-icon{align-items:center;display:flex;font-size:14px;height:16px;justify-content:center;margin-right:8px;width:16px}.layer-name{border-radius:3px;font-size:12px;font-weight:500;padding:2px 4px;transition:background .15s ease}.layer-name:hover{background:#ef40270d}.layer-name-input{background:#ef40271a;border-radius:3px;font-family:inherit;font-size:12px;font-weight:500;padding:2px 4px}.layer-name-input:focus{background:#ef402726;box-shadow:0 0 0 2px #ef402733}.layer-controls{align-items:center;gap:8px}.layer-item.selected .layer-controls,.layer-item:hover .layer-controls{opacity:1}.layer-controls button{align-items:center;background:#ef402714;border:1px solid #ef402740;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:6px;transition:all .15s ease;width:28px}.layer-controls button:hover{background:#ef402740;border-color:#ef402780;color:#1f2937;transform:scale(1.05)}.layer-controls button .icon{stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;height:16px;pointer-events:none;width:16px}.visibility-button.hidden{background:#ef444426!important;border-color:#ef44444d!important;color:#ef4444!important}.visibility-button.hidden .icon{color:#ef4444!important}.visibility-button.visible{background:#22c55e1a!important;border-color:#22c55e33!important;color:#22c55e!important}.visibility-button.visible .icon{color:#22c55e!important}.lock-button.locked{background:#f59e0b26!important;border-color:#f59e0b4d!important}.lock-button.locked,.lock-button.locked .icon{color:#f59e0b!important}.lock-button.unlocked,.lock-button.unlocked .icon{color:#6b7280!important}.duplicate-button{color:#6b7280}.duplicate-button:hover{background:#22c55e33!important;border-color:#22c55e66!important;color:#22c55e!important}.duplicate-button:hover .icon{color:#22c55e!important}.delete-button{color:#6b7280}.delete-button:hover{background:#ef444433!important;border-color:#ef444466!important}.delete-button:hover,.delete-button:hover .icon{color:#ef4444!important}.empty-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-state p{font-size:13px;margin:0 0 8px}.empty-hint{font-size:11px;opacity:.8}.layers-panel-content::-webkit-scrollbar{width:6px}.layers-panel-content::-webkit-scrollbar-track{background:#0000}.layers-panel-content::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px;opacity:.3}.layers-panel-content::-webkit-scrollbar-thumb:hover{opacity:.6}.grid-system{height:100%;left:0;opacity:.15;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:999}.grid-system.dark{opacity:.1}.grid-line{background:#ef40274d;pointer-events:none;position:absolute}.grid-line.vertical{height:100vh;width:1px}.grid-line.horizontal{height:1px;width:100vw}.grid-line.major{background:#ef402780;opacity:1}.grid-line.major.vertical{width:1.5px}.grid-line.major.horizontal{height:1.5px}.grid-origin{background:#ef4027cc;border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #ef40274d;height:12px;position:absolute;transform:translate(-50%,-50%);width:12px;z-index:1000}.grid-system.dark .grid-origin{background:#ef4027;border-color:#ffffffe6;box-shadow:0 2px 12px #ef402780}.grid-system.zoom-far{opacity:.05}.grid-system.zoom-close{opacity:.25}.grid-system.dark.zoom-far{opacity:.02}.grid-system.dark.zoom-close{opacity:.15}.grid-measurement{background:#ffffffe6;border:1px solid #ef402733;border-radius:2px;color:#ef4027b3;font-family:HK Grotesk Wide,monospace;font-size:9px;font-weight:500;padding:1px 3px;pointer-events:none;position:absolute}.grid-system.dark .grid-measurement{background:#18181ce6;border-color:#ef40274d;color:#ef4027cc}.sub-grid-line{background:#ef40271a;opacity:.5}.sub-grid-line.vertical{width:.5px}.sub-grid-line.horizontal{height:.5px}.grid-snap-indicator{animation:grid-snap-pulse .3s ease-out;background:#ef4027cc;border:2px solid #ffffffe6;border-radius:50%;height:8px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:8px;z-index:1001}@keyframes grid-snap-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}.grid-system.dark .grid-snap-indicator{background:#ef4027;box-shadow:0 0 8px #ef402780}.grid-line,.sub-grid-line{transform:translateZ(0);will-change:transform}@media (max-width:768px){.grid-system{opacity:.1}.grid-system.dark{opacity:.05}.grid-measurement{font-size:8px}}.cursor-ai-expanding-circle{border-radius:50%;pointer-events:none;position:fixed;transition:all .05s linear;z-index:10000}.cursor-ai-mini-ui{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;transform-origin:top left;z-index:10001}.cursor-ai-red-square{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%{opacity:1;transform:scale(1)}30%{opacity:.95;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.cursor-ai-mini-ui.compact-pill{border:1px solid #ef40274d;gap:10px;overflow:hidden;padding:10px 14px}.cursor-ai-mic-button,.cursor-ai-plus-button{padding:4px}.cursor-ai-mic-button:hover,.cursor-ai-plus-button:hover{background:#ef40271a}.cursor-ai-mic-button.recording{animation:pulse 1s ease-in-out infinite;color:#ef4027}@keyframes scaleUpBounce{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.cursor-ai-mini-ui.expanded-chat{align-items:stretch;animation:fadeInChat .25s ease-out forwards;border:1px solid #ef402799;box-shadow:0 4px 12px #ef40274d;flex-direction:column;gap:0;height:380px;padding:0;width:480px}@keyframes fadeInChat{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cursor-ai-mini-ui.light{background:#fffffffa;border:1px solid #ef402733;color:#1e293b}.cursor-ai-mini-ui.dark{background:#18181cfa;border:1px solid #ef40274d;color:#f1f5f9}.cursor-ai-mini-ui.compact-pill{align-items:center!important;animation:scaleUpBounce .3s cubic-bezier(.34,1.56,.64,1) forwards;border:1px solid #ef402799;box-shadow:0 4px 12px #ef40274d;flex-direction:row;gap:8px;height:44px;padding:8px 12px;transform-origin:top left;width:260px}.cursor-ai-pill-input{align-items:center;background:#0000;border:none;color:inherit;display:flex;flex:1 1;font-family:inherit;font-size:14px;height:100%;line-height:1;margin:0;min-width:0;outline:none;padding:0}.cursor-ai-pill-input::placeholder{opacity:.5}.cursor-ai-pill-buttons{align-items:center;display:flex;flex-shrink:0;gap:4px;height:100%}.cursor-ai-mic-button,.cursor-ai-plus-button{background:#0000;border:none;border-radius:6px;color:inherit;height:32px;padding:6px;transition:background .2s ease;width:32px}@keyframes smoothGrow{0%{opacity:0;transform:scaleY(0);transform-origin:top center}to{opacity:1;transform:scaleY(1);transform-origin:top center}}@keyframes smoothShrink{0%{opacity:1;transform:scaleY(1);transform-origin:top center}to{opacity:0;transform:scaleY(0);transform-origin:top center}}@keyframes subtleBounceIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes growToChat{0%{height:44px;width:260px}to{height:380px;width:480px}}.cursor-ai-input{background:#0000!important;color:inherit}.cursor-ai-input::placeholder{color:currentColor;opacity:.4}.cursor-ai-mini-ui.light .cursor-ai-input{color:#1e293b}.cursor-ai-mini-ui.dark .cursor-ai-input{color:#f1f5f9}.cursor-ai-mic-button,.cursor-ai-plus-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef402714;border:1px solid #ef402733;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s ease}.cursor-ai-mic-button:hover,.cursor-ai-plus-button:hover{background:#ef402726;border-color:#ef402766;box-shadow:0 4px 12px #ef402733;transform:translateY(-1px)}.cursor-ai-mic-button:active,.cursor-ai-plus-button:active{transform:translateY(0)}.cursor-ai-mic-button.recording{animation:pulse 1.5s ease-in-out infinite;background:#ef402733;border-color:#ef402780}.cursor-ai-plus-button .spinner{animation:spin .8s linear infinite;border:2px solid #ef402733;border-radius:50%;border-top-color:#ef4027;flex-shrink:0;height:16px;width:16px}.cursor-ai-expanded-header{align-items:center;border-bottom:1px solid #ef402733;color:inherit;display:flex;gap:10px;padding:12px 16px}.cursor-ai-expanded-header button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef402714;border:1px solid #ef402733;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;padding:8px;transition:all .2s ease}.cursor-ai-expanded-header button:hover{background:#ef402726;border-color:#ef402766;box-shadow:0 4px 12px #ef402733;transform:translateY(-1px)}.cursor-ai-expanded-header span{color:inherit;opacity:.8}.cursor-ai-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-message{border-radius:12px;font-size:14px;line-height:1.5;max-width:80%;padding:10px 14px}.chat-message.user{align-self:flex-end;background:#ef402726;border:1px solid #ef40274d}.chat-message.assistant{align-self:flex-start;background:#ffffff0d;border:1px solid #ffffff1a}.chat-message.assistant p{margin:0 0 8px}.chat-message.assistant p:last-child{margin-bottom:0}.chat-message.assistant code{background:#0003;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px;padding:2px 6px}.chat-message.assistant pre{background:#0000004d;border-radius:8px;margin:8px 0;overflow-x:auto;padding:12px}.chat-message.assistant pre code{background:#0000;padding:0}.typing-cursor{animation:blink 1s step-end infinite;color:#ef4027;display:inline-block;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-ai-chat-input{border-top:1px solid #ef402733;padding:12px 16px}.cursor-ai-chat-input input{background:#0000;border:none;color:inherit;font-size:14px;outline:none;padding:8px 0;width:100%}.cursor-ai-chat-input input::placeholder{color:currentColor;opacity:.5}.cursor-ai-prompts-container{-ms-overflow-style:none;display:flex;flex-direction:row;gap:8px;max-width:600px;overflow-x:auto;overflow-y:hidden;padding:8px;position:fixed;scrollbar-width:none}.cursor-ai-prompts-container::-webkit-scrollbar{display:none}.floating-prompt-pill{animation:slideInPrompt .3s ease-out forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ef402733;border-radius:10px;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;opacity:0;padding:7px 12px;transition:all .2s ease;white-space:nowrap}.floating-prompt-pill:first-child{animation-delay:0s}.floating-prompt-pill:nth-child(2){animation-delay:.05s}.floating-prompt-pill:nth-child(3){animation-delay:.1s}.floating-prompt-pill:nth-child(4){animation-delay:.15s}.floating-prompt-pill:nth-child(5){animation-delay:.2s}.floating-prompt-pill.dark{background:#18181cfa;color:#f1f5f9}.floating-prompt-pill.light{background:#fffffffa;color:#1e293b}.floating-prompt-pill:hover{background:#ef402726;border-color:#ef402799;box-shadow:0 4px 12px #ef40274d;transform:translateY(-2px)}@keyframes slideInPrompt{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cursor-ai-mini-ui .mini-ui-close{align-items:center;background:#ef40271a;border:none;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.cursor-ai-mini-ui .mini-ui-close .icon{height:16px;width:16px}.cursor-ai-mini-ui .mini-ui-close:hover{background:#ef402733;transform:scale(1.05)}.cursor-ai-mini-ui .mini-ui-header{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:8px 12px;transition:all .2s ease}.cursor-ai-mini-ui.light .mini-ui-header{background:#ef40270d;color:#ef4027}.cursor-ai-mini-ui.dark .mini-ui-header{background:#ef40271a;color:#ef4027}.cursor-ai-mini-ui .mini-ui-header:hover{transform:translateY(-1px)}.cursor-ai-mini-ui .mini-ui-header .icon{height:20px;width:20px}.cursor-ai-mini-ui .mini-ui-screenshot{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:8px;opacity:.8;padding:8px 12px}.cursor-ai-mini-ui.light .mini-ui-screenshot{background:#00000008}.cursor-ai-mini-ui.dark .mini-ui-screenshot{background:#ffffff0d}.cursor-ai-mini-ui .mini-ui-screenshot .icon{height:16px;opacity:.6;width:16px}.cursor-ai-mini-ui .contextual-prompts{animation:fadeIn .3s ease forwards;display:flex;flex-direction:column;gap:6px}.cursor-ai-mini-ui .prompt-button{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px;text-align:left;transition:all .2s ease}.cursor-ai-mini-ui.light .prompt-button{background:#ef40270d;color:#1e293b}.cursor-ai-mini-ui.dark .prompt-button{background:#ef402714;color:#f1f5f9}.cursor-ai-mini-ui .prompt-button:hover{background:#ef402726;transform:translateX(2px)}.cursor-ai-mini-ui .prompt-button:active{transform:scale(.98)}.cursor-ai-mini-ui .mini-ui-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.cursor-ai-mini-ui .mic-button{align-items:center;background:linear-gradient(135deg,#ef4027,#a259ff);border:none;border-radius:12px;box-shadow:0 4px 12px #ef40274d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.cursor-ai-mini-ui .mic-button .icon{height:20px;width:20px}.cursor-ai-mini-ui .mic-button:hover{box-shadow:0 6px 16px #ef402766;transform:scale(1.05)}.cursor-ai-mini-ui .mic-button:active{transform:scale(.95)}.cursor-ai-mini-ui .mic-button.recording{animation:recordingPulse 1.5s ease-in-out infinite}@keyframes recordingPulse{0%,to{box-shadow:0 4px 12px #ef40274d}50%{box-shadow:0 4px 20px #ef402799,0 0 30px #ef402766}}.cursor-ai-mini-ui .recording-pulse{animation:pulse 1.5s ease-in-out infinite;background:#ef4027;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.cursor-ai-mini-ui.expanded{max-height:500px}.cursor-ai-mini-ui.collapsed{max-height:200px}.cursor-ai-mini-ui.collapsed .contextual-prompts{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.cursor-ai-mini-ui.expanded .contextual-prompts{max-height:400px;opacity:1;transition:max-height .3s ease,opacity .3s ease .1s}@keyframes marchingAnts{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.marquee-selection-box{animation:marchingAnts 1s linear infinite;background:#ef40270f;border:2px dashed #ef4027;pointer-events:none;position:absolute;z-index:1000}.active-marquee-selection{background:#ef402714;border:2px solid #ef4027;box-shadow:0 0 0 1px #ffffff4d,0 2px 8px #ef402733;pointer-events:none;position:absolute;z-index:1001}@keyframes strokeTrace{0%{strokeDashoffset:400;opacity:0}5%{opacity:1}to{strokeDashoffset:0;opacity:0}}.artboard-generate-stroke-trace{filter:drop-shadow(0 0 4px rgba(239,64,39,.6))}.generate-button-text-shimmer{-webkit-text-fill-color:#0000;animation:textShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#ef4027b3 25%,#ef4027 50%,#ef4027b3 75%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%}@keyframes textShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.artboard-generate-button-active .generate-button-text-shimmer{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ef4027cc 25%,#ff6450 50%,#ef4027cc 75%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%}.design-canvas .ai-placeholder{background:linear-gradient(132deg,#eff1f5f0,#e8eaeff0);border:1px solid #ef40273d;box-shadow:inset 0 0 0 1px #fff3;overflow:hidden;position:relative}.design-canvas.dark .ai-placeholder{background:linear-gradient(132deg,#080a10f0,#0d080ced);border-color:#ef402775;box-shadow:inset 0 0 0 1px #ef40271f}.design-canvas .ai-placeholder:before{animation:traceSweep 2.1s linear infinite;background:linear-gradient(90deg,#0000 28%,#ef4027e0 50%,#0000 72%) 0 0 /240% 100% no-repeat;border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.design-canvas.dark .ai-placeholder:before{background:linear-gradient(90deg,#0000 30%,#ff7e6ddb 50%,#0000 70%) 0 0 /240% 100% no-repeat}.design-canvas .ai-placeholder:after{background:radial-gradient(ellipse at 50% 85%,#ef40272e,#0000 62%);content:"";inset:0;opacity:.78;pointer-events:none;position:absolute;z-index:1}.design-canvas.dark .ai-placeholder:after{background:radial-gradient(ellipse at 50% 85%,#ef40274d,#0000 62%);opacity:.72}.design-canvas .ai-placeholder .sheen{animation:sheenRise 1.55s cubic-bezier(.35,0,.22,1) infinite;background:radial-gradient(ellipse at center,#ef40277a 0,#f4614e47 24%,#ff8a7a24 42%,#0000 72%);bottom:-68%;height:86%;left:-40%;mix-blend-mode:multiply;pointer-events:none;position:absolute;width:180%;z-index:2}.design-canvas.dark .ai-placeholder .sheen{background:radial-gradient(ellipse at center,#ff705a99 0,#ff544157 28%,#ef402738 44%,#0000 70%);mix-blend-mode:overlay}.design-canvas .ai-placeholder .sheen.sheen-2{animation:sheenRise2 1.9s cubic-bezier(.35,0,.22,1) infinite;bottom:-74%;height:70%;left:-28%;opacity:1;width:160%}.design-canvas .artboard-generation-overlay{backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);background:linear-gradient(145deg,#fafcffdb,#eef2f8d1)}.design-canvas .artboard-generation-overlay.ai-placeholder{background:linear-gradient(145deg,#fbfcffeb,#f1f4fae6);border-color:#ef40275c;box-shadow:inset 0 0 0 1px #ffffff7a,0 0 32px #ef402724}.design-canvas.dark .artboard-generation-overlay{background:linear-gradient(145deg,#000000e6,#000000d1)}.design-canvas.dark .artboard-generation-overlay.ai-placeholder{background:linear-gradient(145deg,#000000eb,#000000d6)}.design-canvas .artboard-generation-overlay.ai-placeholder:after{background:radial-gradient(ellipse 96% 64% at 50% 88%,#ef402747 0,#ef40271f 34%,#ef40270d 54%,#0000 74%),linear-gradient(180deg,#ffffff0a,#eff1f638);opacity:.9}.design-canvas .artboard-generation-overlay .sheen{background:radial-gradient(ellipse at center,#ff806c7a 0,#ef40274d 30%,#ef40271f 48%,#0000 72%);mix-blend-mode:multiply;opacity:.78}.design-canvas.dark .artboard-generation-overlay.ai-placeholder:after{background:radial-gradient(ellipse 96% 64% at 50% 88%,#ef402757 0,#ef402733 30%,#ef402714 52%,#0000 74%),linear-gradient(180deg,#0000001f,#00000042);opacity:.92}.design-canvas.dark .artboard-generation-overlay .sheen{background:radial-gradient(ellipse at center,#ff7661b8 0,#ef40275c 27%,#ef402729 46%,#0000 72%);mix-blend-mode:screen;opacity:.9}.design-canvas .artboard-generation-overlay .sheen.sheen-2{opacity:.68}.design-canvas.dark .artboard-generation-overlay .sheen.sheen-2{opacity:.72}@keyframes traceSweep{0%{background-position:180% 0}to{background-position:-160% 0}}@keyframes sheenRise{0%{opacity:0;transform:translateZ(0) scale(1.02)}16%{opacity:.9}72%{opacity:.42}to{opacity:0;transform:translate3d(0,-175%,0) scale(1.08)}}@keyframes sheenRise2{0%{opacity:0;transform:translateZ(0) scale(1)}20%{opacity:.74}74%{opacity:.34}to{opacity:0;transform:translate3d(0,-188%,0) scale(1.06)}}@keyframes designChunkPopIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes designGenerationPillSheen{0%{background-position:170% 0}to{background-position:-140% 0}}.design-generation-indicator-pill{overflow:hidden;position:relative}.design-generation-indicator-pill:after{animation:designGenerationPillSheen 1.8s linear infinite;background:linear-gradient(90deg,#0000 30%,#ef402733 50%,#0000 70%);background-size:220% 100%;content:"";inset:0;pointer-events:none;position:absolute}.design-canvas.marquee-tool{cursor:crosshair!important}:root{--design-pen-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2"><path d="m12 19 7-7 3 3-7 7-3-3z"/><path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="m2 2 7.586 7.586"/><circle cx="11.5" cy="11.5" r="2"/></svg>') 2 2,crosshair;--design-brush-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" stroke="rgb%28239,64,39%29" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M23.8 6.2l2 2c.95.95.95 2.49 0 3.44L12.2 25.2 7 26.8l1.6-5.2L22.2 8c.95-.95 2.49-.95 3.44 0Z"/><path d="M8.7 21.3 11 23.6"/><path d="M6.2 28.1 9.6 24.7"/></svg>') 3 31,crosshair;--design-artboard-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M2 2 L2 18 L7 13 L10 16 L18 8 L10 16 L13 7 Z" fill="white" stroke="rgb%28239,64,39%29" stroke-width="2"/></svg>') 2 2,auto;--design-rectangle-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><line x1="10" y1="0" x2="10" y2="20" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><line x1="0" y1="10" x2="20" y2="10" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><rect x="14" y="14" width="4" height="3" fill="none" stroke="rgb%28239,64,39%29" stroke-width="1" rx="0.5"/></svg>') 10 10,crosshair;--design-ellipse-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><line x1="10" y1="0" x2="10" y2="20" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><line x1="0" y1="10" x2="20" y2="10" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><ellipse cx="16" cy="15.5" rx="2" ry="1.5" fill="none" stroke="rgb%28239,64,39%29" stroke-width="1"/></svg>') 10 10,crosshair;--design-line-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><line x1="10" y1="0" x2="10" y2="20" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><line x1="0" y1="10" x2="20" y2="10" stroke="rgb%28239,64,39%29" stroke-width="1.5"/></svg>') 10 10,crosshair;--design-rotate-cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M9 2a7 7 0 1 0 7 7" fill="none" stroke="rgb%28230,230,230%29" stroke-width="2" stroke-linecap="round"/><path d="M13 2h3v3" fill="none" stroke="rgb%28230,230,230%29" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 9 9,alias}.design-canvas{background:#0000;height:100vh;overflow:hidden;pointer-events:auto;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100vw}.design-canvas.design-mode{cursor:var(--global-default-cursor)!important}.design-canvas.design-mode.zoom-in-mode,.design-canvas.zoom-in-mode,.design-transform-container.zoom-in-mode{cursor:var(--zoom-in-cursor)!important}.design-canvas.design-mode.zoom-out-mode,.design-canvas.zoom-out-mode,.design-transform-container.zoom-out-mode{cursor:var(--zoom-out-cursor)!important}.design-canvas.design-mode.space-pressed,.design-canvas.space-pressed,.design-transform-container.space-pressed{cursor:var(--hand-panning-cursor)!important}.design-canvas.design-mode.panning,.design-canvas.panning,.design-transform-container.panning{cursor:var(--hand-grab-cursor)!important}.design-canvas.design-mode.zoom-in-mode *,.design-canvas.design-mode.zoom-in-mode .artboard-content,.design-canvas.design-mode.zoom-in-mode .design-artboard,.design-canvas.design-mode.zoom-in-mode .design-artboard-tab,.design-canvas.design-mode.zoom-in-mode .design-element,.design-canvas.zoom-in-mode *,.design-canvas.zoom-in-mode .artboard-content,.design-canvas.zoom-in-mode .design-artboard,.design-canvas.zoom-in-mode .design-artboard-tab,.design-canvas.zoom-in-mode .design-element{cursor:var(--zoom-in-cursor)!important}.design-canvas.design-mode.zoom-out-mode *,.design-canvas.design-mode.zoom-out-mode .artboard-content,.design-canvas.design-mode.zoom-out-mode .design-artboard,.design-canvas.design-mode.zoom-out-mode .design-artboard-tab,.design-canvas.design-mode.zoom-out-mode .design-element,.design-canvas.zoom-out-mode *,.design-canvas.zoom-out-mode .artboard-content,.design-canvas.zoom-out-mode .design-artboard,.design-canvas.zoom-out-mode .design-artboard-tab,.design-canvas.zoom-out-mode .design-element{cursor:var(--zoom-out-cursor)!important}.design-canvas.design-mode.space-pressed *,.design-canvas.design-mode.space-pressed .artboard-content,.design-canvas.design-mode.space-pressed .design-artboard,.design-canvas.design-mode.space-pressed .design-artboard-tab,.design-canvas.design-mode.space-pressed .design-element,.design-canvas.space-pressed *,.design-canvas.space-pressed .artboard-content,.design-canvas.space-pressed .design-artboard,.design-canvas.space-pressed .design-artboard-tab,.design-canvas.space-pressed .design-element{cursor:var(--hand-panning-cursor)!important}.design-canvas.design-mode.panning *,.design-canvas.design-mode.panning .artboard-content,.design-canvas.design-mode.panning .design-artboard,.design-canvas.design-mode.panning .design-artboard-tab,.design-canvas.design-mode.panning .design-element,.design-canvas.panning *,.design-canvas.panning .artboard-content,.design-canvas.panning .design-artboard,.design-canvas.panning .design-artboard-tab,.design-canvas.panning .design-element{cursor:var(--hand-grab-cursor)!important}.design-canvas.design-mode.rectangle-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><line x1="10" y1="0" x2="10" y2="20" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><line x1="0" y1="10" x2="20" y2="10" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><rect x="14" y="14" width="4" height="3" fill="none" stroke="rgb%28239,64,39%29" stroke-width="1" rx="0.5"/></svg>') 10 10,crosshair!important;cursor:var(--design-rectangle-cursor)!important}.design-canvas.design-mode.direct-select-mode{cursor:url(../../static/media/selection-tool-active.07aa02be145126faef42.svg) 8 8,var(--global-pointer-cursor)!important}.design-canvas.design-mode.ellipse-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><line x1="10" y1="0" x2="10" y2="20" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><line x1="0" y1="10" x2="20" y2="10" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><ellipse cx="16" cy="15.5" rx="2" ry="1.5" fill="none" stroke="rgb%28239,64,39%29" stroke-width="1"/></svg>') 10 10,crosshair!important;cursor:var(--design-ellipse-cursor)!important}.design-canvas.design-mode.line-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><line x1="10" y1="0" x2="10" y2="20" stroke="rgb%28239,64,39%29" stroke-width="1.5"/><line x1="0" y1="10" x2="20" y2="10" stroke="rgb%28239,64,39%29" stroke-width="1.5"/></svg>') 10 10,crosshair!important;cursor:var(--design-line-cursor)!important}.design-canvas.design-mode.pen-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2"><path d="m12 19 7-7 3 3-7 7-3-3z"/><path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="m2 2 7.586 7.586"/><circle cx="11.5" cy="11.5" r="2"/></svg>') 2 2,crosshair!important;cursor:var(--design-pen-cursor)!important}.design-canvas.design-mode.brush-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" stroke="rgb%28239,64,39%29" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M23.8 6.2l2 2c.95.95.95 2.49 0 3.44L12.2 25.2 7 26.8l1.6-5.2L22.2 8c.95-.95 2.49-.95 3.44 0Z"/><path d="M8.7 21.3 11 23.6"/><path d="M6.2 28.1 9.6 24.7"/></svg>') 3 31,crosshair!important;cursor:var(--design-brush-cursor)!important}.design-canvas.design-mode.text-tool{cursor:text!important}.design-canvas.design-mode.artboard-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M2 2 L2 18 L7 13 L10 16 L18 8 L10 16 L13 7 Z" fill="white" stroke="rgb%28239,64,39%29" stroke-width="2"/></svg>') 2 2,auto!important;cursor:var(--design-artboard-cursor)!important}.design-canvas.dark,.design-canvas.light{background:#0000!important}.design-transform-container{background:#0000;cursor:inherit;height:100%;pointer-events:auto;width:100%}.design-transform-container>*{pointer-events:auto}.design-artboard,.design-transform-container *,.design-transform-container .design-artboard,.design-transform-container .design-artboard-tab,.design-transform-container .design-element{cursor:inherit!important}.design-artboard-label{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;letter-spacing:-.01em}.design-element{cursor:pointer;transition:none}.design-debug-info{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000}.design-selection-handle{background:#6366f1;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #6366f140;cursor:pointer;height:14px;position:absolute;transform:translate(-50%,-50%);width:14px;z-index:100}.design-selection-handle.nw{cursor:nw-resize}.design-selection-handle.n{cursor:n-resize}.design-selection-handle.ne{cursor:ne-resize}.design-selection-handle.e{cursor:e-resize}.design-selection-handle.se{cursor:se-resize}.design-selection-handle.s{cursor:s-resize}.design-selection-handle.sw{cursor:sw-resize}.design-selection-handle.w{cursor:w-resize}.design-selection-handle.rotate{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2"/><path d="M12 5L15 8L12 11" fill="none" stroke="rgb%28239,64,39%29" stroke-width="2"/></svg>') 8 8,pointer}.design-transform-container .rotation-cursor-zone,.design-transform-container .rotation-cursor-zone *,.rotation-cursor-zone,.rotation-cursor-zone *{cursor:crosshair!important;cursor:var(--rotate-corner-cursor,crosshair)!important}.design-transform-container .resize-cursor-zone,.design-transform-container .resize-cursor-zone *,.resize-cursor-zone,.resize-cursor-zone *{cursor:nwse-resize!important;cursor:var(--resize-cursor,nwse-resize)!important}.design-selection-box{background:#6366f114;border:1px solid #6366f1;border-radius:4px;box-shadow:0 0 0 1px #6366f140,0 2px 12px #6366f126;z-index:99}.design-selection-box,.selection-box{pointer-events:none;position:absolute;transform:translateZ(0);transition:none!important;will-change:transform}.selection-box{background:#6366f11a;border:1px solid #6366f1}@keyframes design-artboard-create{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.design-artboard.creating{animation:design-artboard-create .3s ease-out}@media (max-width:768px){.design-debug-info{font-size:10px;padding:6px 8px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.design-cursor-artboard,.design-cursor-brush,.design-cursor-ellipse,.design-cursor-line,.design-cursor-pen,.design-cursor-rectangle,.design-cursor-text{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><rect x="8" y="8" width="32" height="32" fill="none" stroke="rgb%28239,64,39%29" stroke-width="4"/><circle cx="24" cy="24" r="2" fill="rgb%28239,64,39%29"/></svg>') 24 24,crosshair!important}}body.canvas-design-fullscreen .context-pills-bottom-left,body.canvas-design-fullscreen .control-bar,body.canvas-design-fullscreen .design-sidebar,body.canvas-design-fullscreen .dynamic-toolbar,body.canvas-design-fullscreen .floating-design-button-container,body.canvas-design-fullscreen .floating-layers-container,body.canvas-design-fullscreen .left-layers-panel,body.canvas-design-fullscreen .patb-pills-notch,body.canvas-design-fullscreen .patb-workflow-notch,body.canvas-design-fullscreen .portal-agent-topbar,body.canvas-design-fullscreen .portal-agent-topbar-light-container,body.canvas-design-fullscreen .right-design-dropdown,body.canvas-design-fullscreen .top-bar,body.canvas-design-fullscreen .top-utility-row{opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important}.vp-canvas-container{background-color:#f8fafc;background-color:var(--bg-primary,#f8fafc);height:100vh;overflow:hidden;position:relative;width:100%}.vp-canvas-container.dark{background-color:#0f172a;background-color:var(--bg-primary-dark,#0f172a)}.vp-canvas-content{left:50%;position:absolute;top:50%;transform-origin:center;will-change:transform}.vp-mode-container{position:relative}.vp-mode-selector{position:absolute}.vp-mode-button{border:1px solid #0000;color:#64748b;padding:8px 12px}.vp-mode-button .icon{height:20px;width:20px}.vp-mode-button span{font-weight:500}.vp-mode-button:hover{background:#ef402714;color:#ef4027}.vp-mode-button.active{background:#ef40271a;border-color:#ef40274d;color:#ef4027}.vp-device-selector{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef402733;border-radius:12px;bottom:80px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;gap:8px;left:20px;padding:8px;position:absolute;z-index:100}.vp-device-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.vp-device-button .icon{height:18px;width:18px}.vp-device-button:hover{background:#ef402714;color:#ef4027}.vp-device-button.active{background:#ef40271a;border-color:#ef40274d;color:#ef4027}.vp-zoom-controls{border:1px solid #ef402733;border-radius:12px;bottom:20px;box-shadow:0 4px 16px #0000001a;flex-direction:column;gap:8px;left:20px;padding:8px}.vp-close-button,.vp-zoom-controls{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;display:flex;position:absolute;z-index:100}.vp-close-button{align-items:center;border:1px solid #ef402733;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:36px;justify-content:center;right:20px;top:20px;transition:all .2s ease;width:36px}.vp-close-button:hover{background:#ef402714;transform:scale(1.05)}.vp-close-button .icon{color:#64748b;font-size:18px;line-height:1}.vp-build-viewport{align-items:center;display:flex;flex-direction:row;gap:40px;height:100%;justify-content:center;position:relative;width:100%}.vp-device-frame{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.vp-device-frame.desktop{height:768px;width:1024px}.vp-device-frame.tablet{height:1024px;width:768px}.vp-device-frame.mobile{height:667px;width:375px}.vp-code-panel{background:#1e293bf2;border-radius:12px;box-shadow:0 10px 30px #0003;height:600px;overflow:hidden;width:400px}.vp-code-header{align-items:center;background:#0f172acc;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.vp-code-content{color:#e2e8f0;font-family:Menlo,monospace;font-size:13px;height:calc(100% - 44px);line-height:1.5;overflow:auto;padding:16px}.vp-slides-viewport{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.vp-slide-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;height:576px;overflow:hidden;position:relative;width:1024px}.vp-slides-nav{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:20px}.vp-story-viewport{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:100%;padding:20px;position:relative;width:100%}.vp-story-panel{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden}.vp-story-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:12px}.vp-story-content{flex:1 1;overflow:auto;padding:16px}.vp-compose-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.vp-compose-container.vp-compose-contained{height:100%}.vp-viewport-wrapper{flex:1 1;overflow:hidden;position:relative}.vp-mode-selector{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--glass-bg,#fffffff2);border:1px solid #ef402733;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;gap:12px;left:50%;padding:8px;position:fixed;top:20px;transform:translateX(-50%);z-index:100}.vp-mode-selector.dark{background:#18181cf2;background:var(--glass-bg-dark,#18181cf2)}.vp-mode-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:4px;justify-content:center;padding:8px 16px;transition:all .2s ease}.vp-mode-button svg{margin-bottom:4px}.vp-mode-button span{font-size:12px}.vp-mode-button:hover{background-color:#ef40271a}.vp-mode-button.vp-active{background-color:#ef4027;background-color:var(--primary-red,#ef4027);color:#fff}.vp-prompt-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--glass-bg,#fffffff2);border:1px solid #ef402733;border-radius:12px;bottom:20px;box-shadow:0 4px 16px #0000001a;display:flex;left:50%;max-width:800px;padding:8px;position:fixed;transform:translateX(-50%);width:80%;z-index:100}.vp-prompt-form.dark{background:#18181cf2;background:var(--glass-bg-dark,#18181cf2)}.vp-prompt-input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none;padding:12px 16px}.vp-prompt-input,.vp-prompt-input::placeholder{color:#1e293b;color:var(--text-primary,#1e293b)}.vp-prompt-input::placeholder{opacity:.5}.vp-prompt-input.dark,.vp-prompt-input.dark::placeholder{color:#f1f5f9;color:var(--text-primary-dark,#f1f5f9)}.vp-prompt-input.dark::placeholder{opacity:.5}.vp-generate-button{background-color:#ef4027;background-color:var(--primary-red,#ef4027);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.vp-generate-button:hover:not(:disabled){background-color:#e6002d;background-color:var(--primary-red-hover,#e6002d)}.vp-generate-button:disabled{background-color:#cbd5e1;cursor:not-allowed}@media (max-width:768px){.vp-prompt-form{width:95%}.vp-mode-button{font-size:14px;padding:8px 12px}}@keyframes maximizeOverlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}@keyframes maximizeImageScale{0%{opacity:0;transform:scale(.7) translateY(20px)}50%{opacity:.8}to{opacity:1;transform:scale(1) translateY(0)}}.vp-design-thumbnail{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--glass-bg,#fffffff2);border:1px solid #ef402733;border-radius:12px;box-shadow:0 4px 16px #0000001a;left:20px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:140px;z-index:1000}.vp-design-thumbnail.dark{background:#18181cf2;background:var(--glass-bg-dark,#18181cf2);border-color:#ffffff1a}.vp-design-thumbnail-header{background:#ef40270d;border-bottom:1px solid #ef40271a;color:#1e293b;color:var(--text-primary,#1e293b);font-size:10px;font-weight:600;padding:8px;text-align:center}.vp-design-thumbnail-header.dark{background:#ffffff0d;border-bottom-color:#ffffff1a;color:#f1f5f9;color:var(--text-primary-dark,#f1f5f9)}.vp-design-thumbnail-image{display:block;height:80px;object-fit:cover;width:100%}.vp-design-thumbnail-label{display:none}.search-results-panel{animation:slideInFromRight .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;max-height:calc(100vh - 120px);position:fixed;right:20px;top:80px;width:320px;z-index:10000}.search-results-panel.dark{background:#111827f2;border:1px solid #ffffff1a;box-shadow:0 10px 40px #0000004d}.search-results-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:16px 20px}.search-results-panel.dark .search-results-header{border-bottom:1px solid #ffffff1a}.search-info{align-items:center;display:flex;flex:1 1;gap:12px}.search-icon{color:#6b7280;height:20px;width:20px}.search-results-panel.dark .search-icon{color:#9ca3af}.search-details{flex:1 1}.search-query{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px}.search-results-panel.dark .search-query{color:#f9fafb}.search-count{color:#6b7280;font-size:12px}.search-results-panel.dark .search-count{color:#9ca3af}.close-button{background:none;padding:8px;transition:background-color .2s ease}.close-button:hover{background:#0000000d}.search-results-panel.dark .close-button:hover{background:#ffffff1a}.close-icon{color:#6b7280}.search-results-panel.dark .close-icon{color:#9ca3af}.search-results-content{flex:1 1;overflow-y:auto;padding:8px}.search-results-content::-webkit-scrollbar{width:6px}.search-results-content::-webkit-scrollbar-track{background:#0000}.search-results-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.search-results-panel.dark .search-results-content::-webkit-scrollbar-thumb{background:#fff3}.no-results{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-results-icon{font-size:32px;margin-bottom:12px;opacity:.5}.no-results-text{color:#6b7280;font-size:14px;line-height:1.5}.search-results-panel.dark .no-results-text{color:#9ca3af}.search-results-list{display:flex;flex-direction:column;gap:8px}.search-result-item{background:#ffffff80;border:1px solid #0000000d;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease;will-change:transform}.search-results-panel.dark .search-result-item{background:#ffffff0d;border:1px solid #ffffff1a}.search-result-item:hover{background:#ef40271a;border-color:#ef402733;transform:translateY(-1px)}.search-results-panel.dark .search-result-item:hover{background:#ef402726;border-color:#ef40274d}.search-result-preview{align-items:center;background:#0000000d;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.search-results-panel.dark .search-result-preview{background:#ffffff0d}.image-preview img{height:100%;object-fit:cover;pointer-events:none;width:100%}.preview-icon{color:#6b7280;height:24px;width:24px}.search-results-panel.dark .preview-icon{color:#9ca3af}.audio-preview{background:#fef3c7}.search-results-panel.dark .audio-preview{background:#fbbf2433}.audio-preview .preview-icon{color:#92400e}.search-results-panel.dark .audio-preview .preview-icon{color:#fbbf24}.document-preview{background:#f3f4f6}.search-results-panel.dark .document-preview{background:#ffffff1a}.text-preview{background:#f3f4f6}.search-results-panel.dark .text-preview{background:#ffffff1a}.text-content{color:#6b7280;font-size:8px;line-height:1.2;overflow:hidden;padding:4px;pointer-events:none;text-align:center;word-break:break-all}.search-results-panel.dark .text-content{color:#9ca3af}.default-preview{background:#e5e7eb}.search-results-panel.dark .default-preview{background:#ffffff1a}.search-result-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.search-result-title{color:#1f2937;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results-panel.dark .search-result-title{color:#f9fafb}.search-result-type{color:#6b7280;font-size:11px;text-transform:capitalize}.search-results-panel.dark .search-result-type{color:#9ca3af}.search-result-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.search-result-tag{background:#ef40271a;border-radius:4px;color:#dc2626;font-size:9px;font-weight:500;padding:2px 6px}.search-results-panel.dark .search-result-tag{background:#ef402733;color:#fca5a5}.search-result-tag.more{background:#0000001a;color:#6b7280}.search-results-panel.dark .search-result-tag.more{background:#ffffff1a;color:#9ca3af}@media (max-width:768px){.search-results-panel{right:10px;top:70px;width:280px}}.mode-selector-glassy{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-radius:1rem;bottom:auto;box-shadow:none;height:42px;left:0;max-width:276px;min-width:0;padding:0;right:0;top:0;transition:none;width:100%;z-index:200}.mode-selector-glassy,.mode-selector-track{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative}.mode-selector-track{background:#ffffffeb;background:var(--mode-selector-bg,#ffffffeb);border:1.5px solid #ef40271a;border:1.5px solid var(--mode-selector-border,#ef40271a);border-radius:1rem;box-shadow:0 2px 12px 0 #ef402714;gap:6px;height:40px;padding:4px 6px;width:272px}.App.dark .mode-selector-track{background:#141414fa;background:var(--mode-selector-bg-dark,#141414fa);border:1.5px solid #ffffff1f;border:1.5px solid var(--mode-selector-border-dark,#ffffff1f);box-shadow:0 2px 12px 0 #0000002e}.mode-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:none;border:1px solid #0000;border-radius:.8rem;color:#222;cursor:pointer;display:flex;flex:1 1;font-family:HK Grotesk Wide,sans-serif;font-size:.88rem;font-weight:400;height:30px;justify-content:center;letter-spacing:.01em;line-height:30px;margin:0;outline:none;padding:0 14px;position:relative;text-align:center;transition:color .2s ease,background .2s ease,border-color .2s ease;z-index:1}.mode-btn.active,.mode-btn:focus[aria-pressed=true]{background:#ef402724;border-color:#ef402733;color:#ef4027!important;font-weight:600;text-shadow:0 1px 8px #ef40271a}.App.dark .mode-btn{color:#f3f4f6}.App.dark .mode-btn.active,.App.dark .mode-btn:focus[aria-pressed=true]{color:#fff!important}.mode-btn:focus{border-radius:.7rem;box-shadow:0 0 0 2px #ef40274d;outline:none}.mode-btn:hover:not(.active){color:#555;transition:color .15s ease}.App.dark .mode-btn:hover:not(.active){color:#e0e0e0}.mode-btn.disabled{color:#999!important;cursor:not-allowed;opacity:.5;pointer-events:auto}.App.dark .mode-btn.disabled{color:#666!important}.mode-btn.disabled:hover{color:#999!important;transform:none}.App.dark .mode-btn.disabled:hover{color:#666!important}.mode-btn.disabled:focus{box-shadow:none;outline:none}.mode-btn.disabled svg{margin-left:2px}@media (max-width:600px){.mode-selector-glassy{height:36px;max-width:98vw;min-width:0}.mode-selector-track{gap:4px;height:34px;min-width:0;padding:3px}.mode-btn{font-size:.9rem;height:28px;line-height:28px;min-width:0;padding:0 10px}}.feedback-chat-container{position:relative}.feedback-chat-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ef4027;border:none;border-radius:12px;box-shadow:0 4px 16px #ef402733;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.feedback-chat-button:hover{background:#d90027;box-shadow:0 6px 20px #ef402766;transform:translateY(-1px)}.feedback-chat-button.active{background:#c50023}.feedback-chat-button svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.feedback-chat-button.active svg{transform:rotate(180deg)}.feedback-chat-dropdown{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border:1.5px solid #ef402726;border-radius:12px;box-shadow:0 4px 20px #ef40271a;display:flex;flex-direction:column;height:520px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;transform:scale(.95);transform-origin:bottom right;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:380px;z-index:10020}.feedback-chat-dropdown.open{opacity:1;pointer-events:auto;transform:scale(1)}.feedback-chat-close{align-items:center;background:#ef402714;border:1px solid #ef402733;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;height:28px;justify-content:center;pointer-events:auto;position:absolute;right:10px;top:10px;transition:all .2s ease;width:28px;z-index:10030}.feedback-chat-close:hover{background:#ef402729;border-color:#ef402759}.feedback-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:52px 16px 16px}.feedback-chat-messages::-webkit-scrollbar{width:6px}.feedback-chat-messages::-webkit-scrollbar-track{background:#0000}.feedback-chat-messages::-webkit-scrollbar-thumb{background:#ef402733;border-radius:3px}.feedback-chat-messages::-webkit-scrollbar-thumb:hover{background:#ef40274d}.feedback-message{align-items:flex-start;display:flex;gap:8px}.founder-message{flex-direction:row}.user-message{flex-direction:row-reverse}.message-avatar{border:1px solid #ef402733;border-radius:50%;flex-shrink:0;height:28px;overflow:hidden;width:28px}.founder-image-small{height:100%;object-fit:cover;object-position:center;width:100%}.user-avatar{align-items:center;background:#ef40271a;color:#ef4027;display:flex;justify-content:center}.message-bubble{border-radius:12px;font-size:14px;line-height:1.5;max-width:75%;padding:10px 14px}.founder-message .message-bubble{background:#ef40271a;border-top-left-radius:4px;color:#1e293b}.user-message .message-bubble{background:#ef4027;border-top-right-radius:4px;color:#fff}.message-text{word-wrap:break-word;margin:0}.feedback-chat-input-container{align-items:flex-end;background:#ffffff80;display:flex;gap:8px;padding:12px 16px}.feedback-chat-input{background:#fff;border:1px solid #ef402733;border-radius:8px;color:#1e293b;flex:1 1;font-family:inherit;font-size:14px;max-height:100px;min-height:36px;padding:8px 12px;resize:none;transition:all .2s ease}.feedback-chat-input:focus{border-color:#ef402766;box-shadow:0 0 0 3px #ef40271a;outline:none}.feedback-chat-input::placeholder{color:#94a3b8}.feedback-chat-input:disabled{cursor:not-allowed;opacity:.6}.feedback-send-button{align-items:center;background:#ef4027;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.feedback-send-button:hover:not(:disabled){background:#e6002d;box-shadow:0 4px 12px #ef40274d;transform:translateY(-1px)}.feedback-send-button:disabled{cursor:not-allowed;opacity:.5}.feedback-spinner{animation:feedback-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes feedback-spin{to{transform:rotate(1turn)}}.feedback-chat-toolbar-container{position:relative}[data-theme=dark] .feedback-chat-button,body.dark .feedback-chat-button{background:#ef4027}[data-theme=dark] .feedback-chat-button:hover,body.dark .feedback-chat-button:hover{background:#d90027}[data-theme=dark] .feedback-chat-button.active,body.dark .feedback-chat-button.active{background:#c50023}[data-theme=dark] .feedback-chat-dropdown,body.dark .feedback-chat-dropdown{background:#18181cf2;border-color:#ffffff1a;box-shadow:0 4px 20px #0006}[data-theme=dark] .feedback-chat-close,body.dark .feedback-chat-close{background:#ef402724;border-color:#ef402759;color:#ffd9d3}[data-theme=dark] .feedback-chat-messages::-webkit-scrollbar-thumb,body.dark .feedback-chat-messages::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .feedback-chat-messages::-webkit-scrollbar-thumb:hover,body.dark .feedback-chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=dark] .founder-message .message-bubble,body.dark .founder-message .message-bubble{background:#ef402726;color:#f1f5f9}[data-theme=dark] .user-message .message-bubble,body.dark .user-message .message-bubble{background:#ef4027;color:#fff}[data-theme=dark] .message-avatar,body.dark .message-avatar{border-color:#ffffff26}[data-theme=dark] .user-avatar,body.dark .user-avatar{background:#ef402733;color:#ef4027}[data-theme=dark] .feedback-chat-input-container,body.dark .feedback-chat-input-container{background:#1e1e2299}[data-theme=dark] .feedback-chat-input,body.dark .feedback-chat-input{background:#1e1e22e6;border-color:#ef40274d;color:#f1f5f9}[data-theme=dark] .feedback-chat-input:focus,body.dark .feedback-chat-input:focus{border-color:#ef402780;box-shadow:0 0 0 3px #ef402726}[data-theme=dark] .feedback-chat-input::placeholder,body.dark .feedback-chat-input::placeholder{color:#64748b}[data-theme=dark] .feedback-send-button,body.dark .feedback-send-button{background:#ef4027}[data-theme=dark] .feedback-send-button:hover:not(:disabled),body.dark .feedback-send-button:hover:not(:disabled){background:#d90027}:root{--surface-primary:#fff;--surface-secondary:#f8f9fa;--surface-hover:#0000000d;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#00000014;--primary-red:#ef4027}[data-theme=dark]{--surface-primary:#000000f2;--surface-secondary:#ffffff0d;--surface-hover:#ffffff1a;--text-primary:#fff;--text-secondary:#9ca3af;--border-color:#ffffff14;--primary-red:#ef4027}.screenshot-capture-overlay{background:#0000;cursor:crosshair;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2147483646}.screenshot-instructions{background:#fffffff2;border:1px solid #00000014;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#1f2937;color:var(--text-primary);font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;left:50%;padding:16px 24px;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000000}[data-theme=dark] .screenshot-instructions{background:#000000e6;border:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;color:#1f2937;color:var(--text-primary)}.instruction-content{justify-content:space-between;width:100%}.instruction-content,.instruction-main{align-items:center;display:flex;gap:16px}.instruction-icon{align-items:center;background:#ef402733;border-radius:10px;color:#ef4027;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.instruction-icon svg{height:20px;width:20px}.instruction-text{color:#1f2937;color:var(--text-primary);line-height:1.4}[data-theme=dark] .instruction-text{color:#ffffffe6}.instruction-close-button{align-items:center;background:#0000001a;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:auto;transition:all .2s ease;width:32px}.instruction-close-button:hover{background:#ef40271a;color:#ef4027;transform:scale(1.1)}[data-theme=dark] .instruction-close-button{background:#ffffff1a;color:#ffffffb3}[data-theme=dark] .instruction-close-button:hover{background:#ef402733;color:#ef4027}.capture-overlay{cursor:crosshair;height:100%;width:100%}.selection-rectangle{background:#ef40270d;border:2px solid #ef4027;border:2px solid var(--primary-red,#ef4027);border-radius:4px;box-shadow:0 0 0 1px #ef40274d,0 4px 20px #ef402733;pointer-events:none;position:absolute}.capture-controls{position:absolute;z-index:10000}.destination-selector{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0006,0 8px 24px #0003,inset 0 1px 0 #ffffff1a;max-width:400px;min-width:320px;padding:24px}.destination-title{color:#fff;font-size:18px;margin:0 0 20px;text-align:center}.destination-options{margin-bottom:20px}.destination-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffe6}.destination-btn:hover{background:#ffffff14}.destination-btn.active,.destination-btn.active .destination-icon{color:#fff}.capture-actions{border-top:1px solid #ffffff1a}.cancel-btn{background:#ffffff14;border:1px solid #ffffff1a;color:#ffffffb3}.cancel-btn:hover{background:#ffffff1f;color:#ffffffe6}.ai-prompt-section{border-top:1px solid #ffffff1a;margin-top:20px}.ai-prompt-input{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.ai-prompt-input::placeholder{color:#ffffff80}.ai-prompt-input:focus{background:#ffffff14}.quick-prompt-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffe6}.quick-prompt-btn:hover{color:#fff}@media (prefers-color-scheme:dark){.screenshot-capture-overlay{background:#0009}.destination-selector{background:#141414f2;border-color:#ffffff26}.destination-btn{background:#ffffff08;border-color:#ffffff14}.destination-btn:hover{background:#ffffff0f}.destination-btn.active{background:#ef402733;border-color:#ef4027b3}}.screenshot-floating-panel{animation:slideInFromRight .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ef40271a;border-radius:16px;box-shadow:0 10px 40px #ef40271a;display:flex;flex-direction:column;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;max-height:calc(100vh - 120px);position:fixed;right:20px;top:80px;width:380px;z-index:1000001}.screenshot-floating-panel.dark{background:#111827f2;border:1px solid #ef402733;box-shadow:0 10px 40px #0000004d}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.screenshot-panel-header{align-items:center;border-bottom:1px solid #ef40271a;display:flex;justify-content:space-between;padding:16px 20px}.screenshot-floating-panel.dark .screenshot-panel-header{border-bottom:1px solid #ef402733}.screenshot-info{align-items:center;display:flex;gap:12px}.screenshot-icon{color:#ef4027;height:24px;width:24px}.screenshot-floating-panel.dark .screenshot-icon{color:#ef4027}.screenshot-details{display:flex;flex-direction:column}.screenshot-title{color:#111827;font-size:16px;font-weight:600;margin:0}.screenshot-floating-panel.dark .screenshot-title{color:#fff}.screenshot-subtitle{color:#6b7280;font-size:12px;margin:0}.screenshot-floating-panel.dark .screenshot-subtitle{color:#9ca3af}.close-button{align-items:center;background:#ef40271a;border:none;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.close-button:hover{background:#ef402733;transform:scale(1.05)}.close-icon{height:16px;width:16px}.screenshot-panel-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.screenshot-panel-content::-webkit-scrollbar{width:6px}.screenshot-panel-content::-webkit-scrollbar-track{background:#0000}.screenshot-panel-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.screenshot-floating-panel.dark .screenshot-panel-content::-webkit-scrollbar-thumb{background:#fff3}.screenshot-preview{background:#0000000d;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;width:100%}.screenshot-preview img{display:block;height:auto;width:100%}.destination-selection{display:flex;flex-direction:column;gap:16px}.destination-title{color:#1f2937;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;margin:0}.screenshot-floating-panel.dark .destination-title{color:#f9fafb}.destination-options{display:flex;flex-direction:column;gap:8px}.destination-btn{align-items:center;background:#ffffff80;border:1px solid #00000014;border-radius:12px;color:#1f2937;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:16px;overflow:hidden;padding:16px 20px;position:relative}.screenshot-floating-panel.dark .destination-btn{background:#ffffff0d;border-color:#ffffff14;color:#f9fafb}.destination-btn:before{background:linear-gradient(135deg,#ef40271a,#ef40270d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.destination-btn:hover{background:#fffc;border-color:#ef402766}.screenshot-floating-panel.dark .destination-btn:hover{background:#ffffff14;border-color:#ef402766}.destination-btn:hover:before{opacity:1}.destination-btn.active{background:#ef402726;border-color:#ef402799;box-shadow:0 0 0 1px #ef40274d,0 8px 25px #ef40274d;color:#1f2937}.screenshot-floating-panel.dark .destination-btn.active{color:#f9fafb}.destination-btn.active:before{opacity:1}.destination-icon{align-items:center;background:#ef402733;border-radius:10px;color:#ef4027;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.destination-btn.active .destination-icon{background:#ef40274d;color:#d63320}.destination-icon svg{height:20px;width:20px}.destination-text{flex:1 1;position:relative;text-align:left;z-index:1}.destination-name{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600;line-height:1.3;margin-bottom:2px}.destination-desc{font-size:12px;line-height:1.3;opacity:.7}.ai-prompt-section{border-top:1px solid #0000001a;padding-top:20px}.screenshot-floating-panel.dark .ai-prompt-section{border-top-color:#ffffff1a}.ai-prompt-input{background:#ffffffb3;border:1px solid #0000001a;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;margin-bottom:16px;padding:14px 16px;width:100%}.screenshot-floating-panel.dark .ai-prompt-input{background:#ffffff0d;border-color:#ffffff1a;color:#f9fafb}.ai-prompt-input::placeholder{color:#00000080}.screenshot-floating-panel.dark .ai-prompt-input::placeholder{color:#ffffff80}.ai-prompt-input:focus{background:#ffffffe6;border-color:#ef402799;box-shadow:0 0 0 3px #ef402733,0 4px 12px #ef40271a;outline:none}.screenshot-floating-panel.dark .ai-prompt-input:focus{background:#ffffff14}.quick-prompts{display:flex;flex-direction:column;gap:8px}.quick-prompt-btn{background:#ffffff80;border:1px solid #0000001a;border-radius:10px;color:#1f2937;cursor:pointer;font-size:13px;font-weight:500;line-height:1.4;padding:12px 16px;text-align:left}.screenshot-floating-panel.dark .quick-prompt-btn{background:#ffffff0d;border-color:#ffffff1a;color:#f9fafb}.quick-prompt-btn:hover{background:#ef40271a;border-color:#ef40274d;color:#1f2937}.screenshot-floating-panel.dark .quick-prompt-btn:hover{color:#f9fafb}.capture-actions{border-top:1px solid #0000001a;display:flex;gap:12px;padding-top:20px}.screenshot-floating-panel.dark .capture-actions{border-top-color:#ffffff1a}.capture-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 20px;position:relative}.capture-action-btn svg{height:16px;width:16px}.primary-btn{background:linear-gradient(135deg,#ef4027,#d63320);box-shadow:0 4px 15px #ef402766,0 2px 8px #ef402733;color:#fff;flex:1 1}.primary-btn:before{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.primary-btn:hover:before{opacity:1}.cancel-btn{background:#0000000d;border:1px solid #0000001a;color:#6b7280;justify-content:center;min-width:48px;padding:14px}.screenshot-floating-panel.dark .cancel-btn{background:#ffffff14;border-color:#ffffff1a;color:#ffffffb3}.cancel-btn:hover{background:#0000001a;color:#1f2937}.screenshot-floating-panel.dark .cancel-btn:hover{background:#ffffff1f;color:#ffffffe6}@media (max-width:768px){.screenshot-floating-panel{right:10px;top:70px;width:320px}}.right-design-dropdown{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #00000014;border-radius:12px;box-shadow:0 10px 28px #0f172a1f;contain:layout style paint;font-family:HK Grotesk Wide,HKGroteskWide,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;max-height:calc(100vh - 106px);opacity:0;overflow:hidden;overflow-y:auto;pointer-events:none;position:fixed;right:16px;top:90px;transform:translateY(-10px);transition:all .2s ease;width:min(356px,calc(100vw - 32px));z-index:1300}.right-design-dropdown.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.right-design-dropdown.dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#18181cf2;border-color:#ffffff1a;box-shadow:0 8px 32px #0006;color:#fff}.dropdown-section{border-bottom:1px solid #0000000f}.right-design-dropdown.dark .dropdown-section{border-bottom-color:#ffffff14}.dropdown-section:last-child{border-bottom:none}.section-header{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:600;justify-content:space-between;padding:11px 16px;transition:background .15s ease;width:100%}.section-header:hover{background:#00000008}.right-design-dropdown.dark .section-header:hover{background:#ffffff0d}.section-title{color:#374151;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none}.right-design-dropdown.dark .section-title{color:#f9fafb}.section-chevron{color:#6b7280;height:12px;transition:transform .2s ease;width:12px}.right-design-dropdown.dark .section-chevron{color:#9ca3af}.section-content{display:flex;flex-direction:column;gap:10px;padding:0 16px 14px}.grid-row{align-items:flex-end;display:flex;gap:6px}.rd-alignment-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr))}.rd-align-btn{align-items:center;background:#ffffffe6;border:1px solid #0000001f;border-radius:7px;color:#4b5563;cursor:pointer;display:inline-flex;height:24px;justify-content:center;transition:all .14s ease}.rd-align-btn svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;height:13px;width:13px}.rd-align-btn:hover:not(:disabled){border-color:#ef402780;color:#ef4027}.rd-align-btn:disabled{cursor:not-allowed;opacity:.45}.right-design-dropdown.dark .rd-align-btn{background:#26282eeb;border-color:#ffffff1f;color:#c3c8d3}.right-design-dropdown.dark .rd-align-btn:hover:not(:disabled){border-color:#ef40278f;color:#ff7a66}.constraints-anchor-layout{align-items:flex-start;display:flex;gap:6px}.constraints-anchor-grid{grid-gap:5px;background:#0f172a0d;border:1px solid #0000001f;border-radius:8px;display:grid;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));height:100px;padding:8px;width:100px}.constraints-anchor-dot{background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;height:100%;position:relative;transition:all .14s ease;width:100%}.constraints-anchor-dot:after{background:#0f172a47;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.constraints-anchor-dot:hover:not(:disabled){background:#ef402714;border-color:#ef402759}.constraints-anchor-dot.active{background:#ef40271f;border-color:#ef402773}.constraints-anchor-dot.active:after{background:#ef4027;height:8px;width:8px}.constraints-anchor-dot:disabled{cursor:not-allowed;opacity:.45}.constraints-stretch-column{display:flex;flex-direction:column;gap:4px;width:26px}.constraints-stretch-toggle{align-items:center;background:#0f172a0d;border:1px solid #0000001f;border-radius:6px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:10px;font-weight:500;height:48px;justify-content:center;transition:all .14s ease;width:26px}.constraints-stretch-icon{height:12px;width:12px}.constraints-stretch-toggle:hover:not(:disabled){border-color:#ef402773;color:#ef4027}.constraints-stretch-toggle.active{background:#ef40271f;border-color:#ef40278f;color:#ef4027}.constraints-stretch-toggle:disabled{cursor:not-allowed;opacity:.45}.right-design-dropdown.dark .constraints-anchor-grid{background:#0206176b;border-color:#ffffff1f}.right-design-dropdown.dark .constraints-anchor-dot:after{background:#cbd5e180}.right-design-dropdown.dark .constraints-anchor-dot.active,.right-design-dropdown.dark .constraints-anchor-dot:hover:not(:disabled){background:#ef402733;border-color:#ef40278f}.right-design-dropdown.dark .constraints-anchor-dot.active:after{background:#ff7a66}.right-design-dropdown.dark .constraints-stretch-toggle{background:#0206176b;border-color:#ffffff1f;color:#c3c8d3}.right-design-dropdown.dark .constraints-stretch-toggle.active,.right-design-dropdown.dark .constraints-stretch-toggle:hover:not(:disabled){border-color:#ef40278f;color:#ff7a66}.input-field{display:flex;flex:1 1;flex-direction:column;gap:3px}.field-label{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:none}.right-design-dropdown.dark .field-label{color:#9ca3af}.field-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:var(--text-primary);font-size:10px;height:24px;padding:3px 8px;transition:all .15s ease;width:100%}.scrubbable-number{align-items:center;display:flex;position:relative}.scrubbable-number .field-input,.scrubbable-number .number-input{padding-right:50px}.scrub-zone{align-items:center;background:#ffffffb3;border:1px dashed #0000002e;border-radius:5px;color:#9ca3af;cursor:grab;display:flex;font-size:9px;font-weight:700;height:20px;justify-content:center;position:absolute;right:28px;top:50%;touch-action:none;transform:translateY(-50%);-webkit-user-select:none;user-select:none;width:20px}.scrub-zone:hover{border-color:#ef40278c;color:#ef4027}.scrub-zone:active{cursor:grabbing}.scrub-stepper{background:#ffffffeb;border:1px solid #0000001f;border-radius:5px;cursor:default;display:grid;grid-template-rows:1fr 1fr;height:20px;overflow:hidden;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:20px}.step-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:8px;font-weight:700;justify-content:center;line-height:1;padding:0}.step-btn.up{border-bottom:1px solid #00000014}.step-btn:hover:not(:disabled){background:#ef402714;color:#ef4027}.step-btn:disabled{cursor:not-allowed}.scrub-stepper:hover{border-color:#ef402773}.scrubbable-number.dragging .scrub-stepper{background:#ef402714;border-color:#ef4027b3}.scrubbable-number.dragging .scrub-zone{background:#ef40271a;border-color:#ef4027bf;color:#ef4027;cursor:grabbing}.scrubbable-number.dragging .step-btn{color:#ef4027}.scrubbable-number.disabled .scrub-stepper{cursor:not-allowed;opacity:.45}.right-design-dropdown.dark .scrub-stepper{background:#1f2127f2;border-color:#ffffff24}.right-design-dropdown.dark .scrub-zone{background:#1f2127f2;border-color:#ffffff2e;color:#9ca3af}.right-design-dropdown.dark .scrub-zone:hover{border-color:#ef402794;color:#ff7a66}.right-design-dropdown.dark .step-btn{color:#9ca3af}.right-design-dropdown.dark .step-btn.up{border-bottom:1px solid #ffffff1a}.right-design-dropdown.dark .step-btn:hover:not(:disabled){background:#ef402724;color:#ff7a66}.right-design-dropdown.dark .scrub-stepper:hover{border-color:#ef402794}.no-native-spinner::-webkit-inner-spin-button,.no-native-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-native-spinner[type=number]{appearance:textfield}.field-input:focus{border-color:#ef4027;box-shadow:0 0 0 2px #ef40271a;outline:none}.right-design-dropdown.dark .field-input{background:#374151;border-color:#4b5563;color:#f9fafb}.right-design-dropdown.dark .field-input:focus{border-color:#ef4027;box-shadow:0 0 0 2px #ef402733}.number-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:var(--text-primary);font-size:10px;font-weight:500;height:24px;padding:3px 8px;text-align:center;transition:all .15s ease;width:100%}.number-input:focus{border-color:#ef4027;box-shadow:0 0 0 2px #ef40271a;outline:none}.right-design-dropdown.dark .number-input{background:#374151;border-color:#4b5563;color:#fff}.right-design-dropdown.dark .number-input:focus{border-color:#ef4027;box-shadow:0 0 0 2px #ef402733}.color-controls{align-items:center;display:flex;gap:8px}.color-type-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease;width:24px}.color-type-btn.active,.color-type-btn:hover:not(.active){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef402726;border:1px solid #ef40274d;color:#ef4027}.right-design-dropdown.dark .color-type-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.btn-icon{height:12px;width:12px}.color-swatch{border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;flex-shrink:0;height:24px;transition:all .15s ease;width:24px}.color-swatch:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.right-design-dropdown.dark .color-swatch{border-color:#4b5563}.color-input{background:#f8fafc;border:1px solid #e2e8f0;color:var(--text-primary);flex:1 1;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px;height:28px;padding:4px 8px;text-transform:uppercase}.color-input:focus{border-color:#ef4027;box-shadow:0 0 0 2px #ef40271a;outline:none}.right-design-dropdown.dark .color-input{background:#374151;border-color:#4b5563;color:#f9fafb}.slider-field{display:flex;flex-direction:column;gap:5px}.slider-header{align-items:center;display:flex;justify-content:space-between}.slider-value{color:var(--text-primary);font-size:10px;font-weight:500}.right-design-dropdown.dark .slider-value{color:#f9fafb}.slider-input{appearance:none;background:#0000;height:24px;outline:none;padding:5px 0;pointer-events:auto!important;position:relative;touch-action:pan-x;width:100%;z-index:1}.slider-input,.slider-input:active{cursor:ew-resize}.slider-input:disabled{cursor:not-allowed;opacity:.55;pointer-events:none!important}.slider-input::-webkit-slider-runnable-track{background:#e5e7eb;border-radius:999px;height:7px}.slider-input::-webkit-slider-thumb{appearance:none;background:#fff;border:1.5px solid #d1d5db;border-radius:50%;box-shadow:0 1px 3px #0f172a2e;cursor:ew-resize;height:14px;margin-top:-4px;position:relative;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;width:14px;z-index:2}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 4px 8px #0003;cursor:ew-resize;transform:scale(1.15)}.slider-input::-webkit-slider-thumb:active{box-shadow:0 0 0 3px #ef40271f;cursor:ew-resize;transform:scale(1.1)}.slider-input::-moz-range-track{background:#e5e7eb;border-radius:999px;height:7px}.slider-input::-moz-range-thumb{background:#fff;border:1.5px solid #d1d5db;border-radius:50%;box-shadow:0 1px 3px #0f172a2e;cursor:ew-resize;height:14px;-moz-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;width:14px}.slider-input::-moz-range-thumb:hover{box-shadow:0 4px 8px #0003;transform:scale(1.15)}.slider-input::-moz-range-thumb:active{box-shadow:0 0 0 3px #ef40271f;cursor:ew-resize;transform:scale(1.1)}.right-design-dropdown.dark .slider-input{background:#0000}.right-design-dropdown.dark .slider-input::-moz-range-track,.right-design-dropdown.dark .slider-input::-webkit-slider-runnable-track{background:#ffffff29}.right-design-dropdown.dark .slider-input::-moz-range-thumb,.right-design-dropdown.dark .slider-input::-webkit-slider-thumb{background:#f8fafc;border-color:#fff3}.effect-color-trigger{align-items:center;background:#ffffffe6;border:1px solid #0000001f;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;height:30px;padding:0 8px;transition:border-color .15s ease,background .15s ease;width:100%}.effect-color-trigger:hover{background:#ef402714;border-color:#ef402770}.effect-color-label{color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px;letter-spacing:.02em;text-transform:uppercase}.right-design-dropdown.dark .effect-color-trigger{background:#1f2127f2;border-color:#ffffff29}.right-design-dropdown.dark .effect-color-trigger:hover{background:#ef402724;border-color:#ef402794}.right-design-dropdown.dark .effect-color-label{color:#f1f5f9}.effect-item{align-items:center;display:flex;gap:8px;padding:6px 0}.effect-icon{color:#6b7280;height:16px;width:16px}.right-design-dropdown.dark .effect-icon{color:#9ca3af}.effect-name{color:#374151;flex:1 1;font-size:12px}.right-design-dropdown.dark .effect-name{color:#f9fafb}.add-effect-btn{align-items:center;background:none;border:1px dashed #e2e8f0;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;transition:all .15s ease;width:20px}.add-effect-btn:hover{border-color:#ef4027;color:#ef4027}.right-design-dropdown.dark .add-effect-btn{border-color:#4b5563;color:#9ca3af}.right-design-dropdown.dark .add-effect-btn:hover{border-color:#ef4027;color:#ef4027}.right-design-dropdown::-webkit-scrollbar{width:6px}.right-design-dropdown::-webkit-scrollbar-track{background:#0000}.right-design-dropdown::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.right-design-dropdown::-webkit-scrollbar-thumb:hover{background:#0000004d}.right-design-dropdown.dark::-webkit-scrollbar-thumb{background:#fff3}.right-design-dropdown.dark::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.unified-appearance-controls{display:flex;gap:12px;justify-content:flex-start;margin-bottom:16px}.color-control-group{align-items:center;display:flex;flex-direction:column;gap:6px}.color-button{align-items:center;background:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:relative;transition:all .15s ease;width:32px}.color-button:hover{box-shadow:0 2px 8px #0003!important;transform:scale(1.05)}.color-button.active{box-shadow:0 0 0 2px #ef4444!important;transform:scale(1.1)}.color-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.color-button.disabled-with-slash:after{background:#ef4027f2;border-radius:999px;content:"";height:2px;position:absolute;transform:rotate(-45deg);width:130%}.scene-dots-toggle{background:#0000;border:1px solid #ef402761;border-radius:999px;color:#ef4027;cursor:pointer;font-size:11px;font-weight:700;height:24px;letter-spacing:.02em;min-width:44px;transition:all .15s ease}.scene-dots-toggle.active{background:#ef402729;box-shadow:inset 0 0 0 1px #ef402733}.right-design-dropdown.dark .scene-dots-toggle{border-color:#ef402780;color:#ff7a66}.right-design-dropdown.dark .scene-dots-toggle.active{background:#ef402733}.component-action-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.component-action-btn{align-items:center;background:#ffffffe6;border:1px solid #0000001f;border-radius:10px;color:#1f2937;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:8px;height:32px;justify-content:flex-start;padding:0 10px;transition:all .15s ease;width:100%}.component-action-btn:hover:not(:disabled){background:#ef402714;border-color:#ef402773;color:#ef4027}.component-action-btn:disabled{cursor:not-allowed;opacity:.5}.component-action-icon{height:15px;width:15px}.shape-builder-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.shape-op-btn{align-items:center;background:#ffffffe6;border:1px solid #0000001f;border-radius:10px;color:#1f2937;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;height:32px;justify-content:center;transition:all .15s ease}.shape-op-btn:hover:not(:disabled){background:#ef402714;border-color:#ef402773;color:#ef4027}.shape-op-btn:disabled{cursor:not-allowed;opacity:.5}.shape-op-icon{height:14px;width:14px}.right-design-dropdown.dark .component-action-btn,.right-design-dropdown.dark .shape-op-btn{background:#1f2127f2;border-color:#ffffff26;color:#f3f4f6}.right-design-dropdown.dark .component-action-btn:hover:not(:disabled),.right-design-dropdown.dark .shape-op-btn:hover:not(:disabled){background:#ef402729;border-color:#ef40278f;color:#ff7a66}.color-label{color:#6b7280;font-size:11px;font-weight:500;text-align:center}.appearance-property-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.appearance-property-row,.appearance-toggle-row{grid-gap:10px;align-items:center;background:#ffffffe0;border:1px solid #0000001a;border-radius:10px;cursor:pointer;display:grid;gap:10px;min-height:40px;padding:8px 10px;text-align:left;transition:all .15s ease;width:100%}.appearance-property-row{grid-template-columns:18px minmax(0,1fr) auto}.appearance-toggle-row{grid-template-columns:minmax(0,1fr) auto}.appearance-property-row:hover:not(:disabled),.appearance-toggle-row:hover{background:#ef402712;border-color:#ef402766}.appearance-property-row:disabled{cursor:not-allowed;opacity:.5}.appearance-property-swatch{background-position:50%;border:1px solid #0000001f;border-radius:5px;height:16px;width:16px}.appearance-property-copy,.appearance-toggle-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.appearance-property-label{color:#374151;font-size:11px;font-weight:600}.appearance-property-value{color:#6b7280;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appearance-property-badge,.appearance-property-meta,.appearance-toggle-pill{background:#ef40271f;border:1px solid #ef40272e;border-radius:999px;color:#ef4027;font-size:10px;font-weight:700;padding:3px 8px}.appearance-toggle-row.active .appearance-toggle-pill{background:#ef402729}.field-help-text{color:#6b7280;font-size:10px;margin-top:4px}.right-design-dropdown.dark .color-label{color:#9ca3af}.right-design-dropdown.dark .appearance-property-row,.right-design-dropdown.dark .appearance-toggle-row{background:#1f2127f0;border-color:#ffffff1f}.right-design-dropdown.dark .appearance-property-row:hover:not(:disabled),.right-design-dropdown.dark .appearance-toggle-row:hover{background:#ef402724;border-color:#ef40278c}.right-design-dropdown.dark .appearance-property-swatch{border-color:#ffffff2e}.right-design-dropdown.dark .appearance-property-label{color:#f3f4f6}.right-design-dropdown.dark .appearance-property-value,.right-design-dropdown.dark .field-help-text{color:#9ca3af}.transparent-indicator{color:#666;font-size:14px;font-weight:700}.right-design-dropdown.dark .transparent-indicator{color:#999}.stroke-width-control{margin-top:8px}.right-design-dropdown.dark .stroke-width-control{border-top:none}.stroke-row{grid-gap:0;align-items:center;background:#ffffffe0;border:1px solid #0000001a;border-radius:10px;display:grid;gap:0;grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:0;transition:all .15s ease;width:100%}.stroke-row:hover{background:#ef402712;border-color:#ef402766}.right-design-dropdown.dark .stroke-row{background:#1f2127f0;border-color:#ffffff1f}.right-design-dropdown.dark .stroke-row:hover{background:#ef402724;border-color:#ef40278c}.appearance-property-color-trigger{grid-gap:10px;align-items:center;background:#0000;border:none;border-radius:9px 0 0 9px;cursor:pointer;display:grid;flex:1 1;gap:10px;grid-template-columns:18px minmax(0,1fr);min-width:0;padding:8px 10px;text-align:left}.appearance-property-color-trigger:disabled{cursor:not-allowed;opacity:.5}.stroke-width-inline{align-items:center;display:flex;flex-shrink:0;gap:4px;justify-content:flex-end;min-width:112px;padding:4px 10px}.stroke-width-input{-moz-appearance:textfield;background:#0000;border:none;color:#374151;font-size:11px;font-weight:600;padding:0 28px 0 0;text-align:right;width:76px}.stroke-row .scrubbable-number{width:90px}.stroke-scrub-input{background:#0000;border:none;color:#374151;font-size:11px;font-weight:600;outline:none;padding-right:50px;text-align:right;width:58px}.right-design-dropdown.dark .stroke-scrub-input{color:#f3f4f6}.stroke-width-plain-input{background:#ffffffd1;border:1px solid #0000001f;border-radius:6px;color:#374151;font-size:11px;font-weight:600;height:24px;outline:none;padding:0 8px;text-align:right;width:72px}.stroke-width-plain-input:focus{border-color:#ef402780;box-shadow:0 0 0 2px #ef40271f}.right-design-dropdown.dark .stroke-width-plain-input{background:#1f2127f2;border-color:#ffffff1f;color:#f3f4f6}.stroke-width-input::-webkit-inner-spin-button,.stroke-width-input::-webkit-outer-spin-button{-webkit-appearance:none}.right-design-dropdown.dark .stroke-width-input{color:#f3f4f6}.stroke-width-unit{color:#9ca3af;font-size:10px;font-weight:500}.color-picker-container{margin-bottom:16px;margin-top:16px;z-index:150}.color-picker-container .color-picker{box-shadow:0 4px 12px #00000014!important;left:0!important;max-width:320px!important;position:relative!important;top:0!important;transform:none!important;width:100%!important}.unified-color-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.color-btn{align-items:center;background:#fffc;border:1px solid #0000001a;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;min-height:32px;padding:8px 12px;transition:all .15s ease}.color-btn:hover{background:#ffffffe6;border-color:#0003}.color-btn.active{background:#ef4027;border-color:#ef4027;color:#fff}.color-btn:disabled{cursor:not-allowed;opacity:.5}.color-btn-preview{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;height:16px;width:16px}.color-picker-container{margin-top:8px;position:relative;z-index:1000}.right-design-dropdown.dark .color-btn{background:#ffffff14;border-color:#ffffff1a;color:#fff}.right-design-dropdown.dark .color-btn:hover{background:#ffffff1f;border-color:#fff3}.right-design-dropdown.dark .color-btn.active{background:#ef4027;border-color:#ef4027;color:#fff}.right-design-dropdown.dark .color-btn-preview{border-color:#fff3}@media (max-width:1024px){.right-design-dropdown{width:min(320px,calc(100vw - 32px))}}@media (max-width:768px){.right-design-dropdown{bottom:80px;left:20px;max-height:50vh;right:20px;top:auto;width:calc(100vw - 40px)}}.typography-control-group{margin-bottom:12px}.typography-control-group:last-child{margin-bottom:0}.typography-control-group .field-label{color:#6b7280;display:block;font-size:10px;font-weight:600;letter-spacing:.02em;margin-bottom:5px;text-transform:none}.right-design-dropdown.dark .typography-control-group .field-label{color:#9ca3af}.button-group{display:flex;gap:4px;margin-top:4px}.align-button{background:#ef402705;border:1px solid #ef402733;border-radius:4px;color:#374151;cursor:pointer;flex:1 1;font-size:12px;padding:6px 12px;text-transform:capitalize;transition:all .15s ease}.align-button:hover{background:#ef40270d;border-color:#ef40274d}.align-button.active{background:#ef4027;border-color:#ef4027;color:#fff}.right-design-dropdown.dark .align-button{background:#ef40270d;border-color:#ef40274d;color:#d1d5db}.right-design-dropdown.dark .align-button:hover{background:#ef40271a}.right-design-dropdown.dark .align-button.active{background:#ef4027;border-color:#ef4027;color:#fff}.text-color-button{border:2px solid #ef402733;border-radius:6px;cursor:pointer;height:32px;transition:all .15s ease;width:100%}.text-color-button:hover{border-color:#ef402766;transform:scale(1.02)}.right-design-dropdown.dark .text-color-button{border-color:#ef40274d}.typography-color-grid{display:flex;flex-direction:column;gap:8px}.typography-color-row{grid-gap:8px;align-items:center;background:#ffffffe6;border:1px solid #0000001f;border-radius:10px;cursor:pointer;display:grid;gap:8px;grid-template-columns:16px 1fr auto;height:34px;padding:0 10px;text-align:left;transition:all .15s ease;width:100%}.typography-color-row:hover:not(:disabled){background:#ef402714;border-color:#ef402773}.typography-color-row:disabled{cursor:not-allowed;opacity:.5}.typography-color-swatch{border:1px solid #0000001f;border-radius:4px;height:14px;width:14px}.typography-color-label{color:#374151;font-size:11px;font-weight:600}.typography-color-value{color:#6b7280;font-size:10px;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-design-dropdown.dark .typography-color-row{background:#1f2127f2;border-color:#ffffff24}.right-design-dropdown.dark .typography-color-row:hover:not(:disabled){background:#ef402729;border-color:#ef402780}.right-design-dropdown.dark .typography-color-swatch{border-color:#ffffff2e}.right-design-dropdown.dark .typography-color-label{color:#e5e7eb}.right-design-dropdown.dark .typography-color-value{color:#9ca3af}.effect-control-group{border-bottom:1px solid #0000000f;margin-bottom:20px;padding-bottom:16px}.effect-control-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.right-design-dropdown.dark .effect-control-group{border-bottom-color:#ffffff0f}.effect-control-group input[type=color]{border:1px solid #0000001a;border-radius:6px;cursor:pointer}.right-design-dropdown.dark .effect-control-group input[type=color]{border-color:#ffffff26}.floating-layers-container{gap:8px;top:90px;z-index:10001}.floating-layers-button,.floating-layers-container{align-items:center;display:flex;left:20px;position:fixed}.floating-layers-button{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ef402726!important;border:1px solid #ef40274d!important;border-radius:12px;cursor:pointer;height:40px;justify-content:center;padding:0;top:200px;width:40px;z-index:10000}.floating-layers-button,.floating-layers-icon{color:#ef4027!important;transition:none!important}.floating-layers-icon{height:20px;width:20px}.floating-layers-button:hover:not(.expanded){border-color:#ef402766!important;box-shadow:0 6px 16px #ef40274d!important}.floating-layers-button.expanded,.floating-layers-button:hover:not(.expanded){background:#ef402740!important;color:#fff!important;transform:none!important;transition:none!important}.floating-layers-button.expanded{border-color:#ef402780!important;box-shadow:0 6px 20px #ef402766!important}.floating-layers-button.expanded:hover{background:#ef402759!important;border-color:#ef402799!important;box-shadow:0 8px 24px #ef402780!important;transform:none!important;transition:none!important}.floating-layers-button .layers-icon,.floating-layers-button.expanded .layers-icon,.floating-layers-button:hover:not(.expanded) .layers-icon,.layers-icon{color:#ef4027!important}.layers-icon{transition:color .2s ease}.floating-layers-container.dark .floating-layers-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ef402726;border:1px solid #ef40274d;box-shadow:0 4px 12px #ef402733;color:#ef4027}.floating-layers-container.dark .floating-layers-button:hover:not(.expanded){background:#ef402740!important;border-color:#ef402766!important;box-shadow:0 6px 16px #ef40274d!important;color:#fff!important}.floating-layers-container.dark .floating-layers-button.expanded{background:#ef402740!important;border-color:#ef402780!important;box-shadow:0 6px 20px #ef402766!important;color:#fff!important}.collapse-layers-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;padding:6px;pointer-events:none;transform:translateX(-8px);transition:all .2s ease;width:32px}.floating-layers-container:hover .collapse-layers-button{opacity:1;pointer-events:auto;transform:translateX(0)}.collapse-layers-button:hover{background:#ef40271a;color:#ef4027}.floating-layers-container.dark .collapse-layers-button{background:#1f2937e6;color:#9ca3af}.floating-layers-container.dark .collapse-layers-button:hover{background:#ef402733;color:#ef4027}.layers-icon{flex-shrink:0;height:20px;width:20px}.collapse-icon{flex-shrink:0;height:16px;width:16px}@media (max-width:768px){.floating-layers-container{left:12px;top:98px}.floating-layers-button{height:44px;width:44px}.layers-icon{height:18px;width:18px}}.floating-layers-container{animation:none!important}.floating-design-button-container{align-items:center;display:flex;gap:8px;position:fixed;right:20px;top:200px;z-index:102}.floating-design-button{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ef402726;border:1px solid #ef40274d;border-radius:12px;box-shadow:0 2px 8px #ef40271a;color:#ef4027;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.floating-design-button:hover:not(.active){background:#ef402740!important;border-color:#ef402766!important;box-shadow:0 3px 10px #ef402726!important;color:#fff!important;transform:translateY(-1px)}.floating-design-button.active{background:#ef402740!important;border-color:#ef402780!important;box-shadow:0 3px 12px #ef402733!important;color:#fff!important}.floating-design-button.active:hover{background:#ef402759!important;border-color:#ef402799!important;box-shadow:0 4px 15px #ef402740!important}.button-icon,.floating-design-button .button-icon,.floating-design-button.active .button-icon,.floating-design-button:hover:not(.active) .button-icon{color:#ef4027!important}.button-icon{transition:color .2s ease}.floating-design-button-container.dark .floating-design-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ef402726;border:1px solid #ef40274d;box-shadow:0 4px 12px #ef402733;color:#ef4027}.floating-design-button-container.dark .floating-design-button:hover:not(.active){background:#ef402740;border-color:#ef402766;box-shadow:0 6px 16px #ef40274d;color:#fff;transform:translateY(-1px)}.floating-design-button-container.dark .floating-design-button.active{background:#ef402740;border-color:#ef402780;box-shadow:0 6px 20px #ef402766;color:#fff;transform:scale(1.02)}.button-icon{flex-shrink:0;height:20px;width:20px}@media (max-width:768px){.floating-design-button-container{right:12px;top:98px}.floating-design-button{height:44px;width:44px}}.left-layers-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #00000014;border-radius:12px;box-shadow:0 10px 28px #0f172a1f;font-family:HK Grotesk Wide,HKGroteskWide,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;left:16px;max-height:calc(100vh - 106px);opacity:0;pointer-events:none;position:fixed;top:90px;transform:translateY(-10px);transition:all .2s ease;width:356px;z-index:101}.left-layers-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.left-layers-panel.dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#18181cf2;border-color:#ffffff1a;box-shadow:0 8px 32px #0006;color:#f9fafb}.layers-header{border-bottom:none;display:block;padding:0}.left-layers-panel.dark .layers-header{border-bottom-color:#ffffff1a}.layers-title{color:var(--text-primary);font-size:13px;font-weight:600}.layers-controls{display:flex;gap:6px}.layers-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid #0000001a;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease;width:24px}.layers-button:hover{background:#fffffff2;border-color:#ef40274d;box-shadow:0 2px 8px #ef402726}.layers-button:active{background:#ef40271a;transform:scale(.95)}.layers-button:disabled{background:#ffffff80;cursor:not-allowed;opacity:.4}.layers-button:disabled:hover{background:#ffffff80;border-color:#0000001a;box-shadow:none;transform:none}.layers-button-icon{color:#374151;height:12px;width:12px}.layers-button:hover .layers-button-icon{color:#ef4027}.layers-button:disabled .layers-button-icon{color:#9ca3af}.left-layers-panel.dark .layers-button{background:#1f2937cc;border-color:#ffffff1a}.left-layers-panel.dark .layers-button:hover{background:#1f2937f2;border-color:#ef402766}.left-layers-panel.dark .layers-button:active{background:#ef402733}.left-layers-panel.dark .layers-button-icon{color:#d1d5db}.left-layers-panel.dark .layers-button:hover .layers-button-icon{color:#ef4027}.left-layers-panel.dark .layers-title{color:#f9fafb}.layers-panel-header{border-bottom:1px solid #00000014;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:10px 12px 8px}.left-sidebar-tabs{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr))}.left-sidebar-tab,.left-sidebar-tabs{align-items:center;min-width:0;width:100%}.left-sidebar-tab{background:#fffc;border:1px solid #00000014;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:10px;gap:6px;height:32px;justify-content:flex-start;overflow:hidden;padding:0 8px;text-overflow:ellipsis;transition:all .15s ease;white-space:nowrap}.left-sidebar-tab:hover{border-color:#ef402759;color:#ef4027}.left-sidebar-tab.active{background:#ef40271a;border-color:#ef402773;color:#ef4027}.left-sidebar-tab-icon{flex-shrink:0;height:12px;width:12px}.left-sidebar-tab span{overflow:hidden;text-overflow:ellipsis}.left-sidebar-search-wrap{margin-bottom:0;position:relative;width:100%}.left-sidebar-search-icon{color:#9ca3af;height:12px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.left-sidebar-kit-select,.left-sidebar-search-input{background:#ffffffeb;border:1px solid #0000001f;border-radius:8px;color:#111827;font-size:11px;height:34px;padding:0 10px;width:100%}.left-sidebar-search-input{padding-left:32px}.left-sidebar-kit-select:focus,.left-sidebar-search-input:focus{border-color:#ef402780;box-shadow:0 0 0 2px #ef402724;outline:none}.left-sidebar-kit-select{display:none}.left-sidebar-library-list{display:flex;flex-direction:column;gap:6px;padding:2px 8px 10px}.left-sidebar-library-gallery{display:flex;flex-direction:column;gap:10px;padding:6px 8px 14px}.left-sidebar-library-card{background:#ffffffeb;border:1px solid #0000001a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:118px;overflow:hidden;text-align:left;width:100%}.left-sidebar-library-card.active{border-color:#ef40278c;box-shadow:0 0 0 2px #ef40272e}.left-sidebar-library-card-thumbnail{align-items:flex-start;background:linear-gradient(140deg,#0f172ae6,#1e293bbf);display:flex;height:72px;justify-content:flex-start;padding:8px;width:100%}.left-sidebar-library-card.shadcn-official .left-sidebar-library-card-thumbnail{background:linear-gradient(140deg,#131a29f2,#ef402780)}.left-sidebar-library-card-thumbnail-chip{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;color:#f9fafb;display:inline-flex;font-size:10px;font-weight:600;height:22px;padding:0 10px}.left-sidebar-library-card-copy{display:flex;flex-direction:column;gap:4px;padding:10px}.left-sidebar-library-components-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr;margin-top:6px}.left-sidebar-library-card-name{color:#111827;font-size:12px;font-weight:700;line-height:1.1}.left-sidebar-library-card-meta{color:#6b7280;font-size:10px;line-height:1.2}.left-sidebar-library-item{align-items:center;background:#ffffffe6;border:1px solid #00000014;border-radius:10px;color:#111827;cursor:pointer;display:flex;gap:8px;justify-content:flex-start;min-height:56px;padding:8px 10px;text-align:left;width:100%}.left-sidebar-library-item-preview{align-items:center;background:#0000;border:none;border-radius:0;display:inline-flex;flex-shrink:0;height:56px;justify-content:center;overflow:visible;width:96px}.left-sidebar-library-item-preview svg{filter:drop-shadow(0 2px 5px rgba(15,23,42,.2));height:100%;overflow:visible;width:100%}.left-sidebar-library-item-copy{display:flex;flex:1 1;flex-direction:column;min-width:0}.left-sidebar-library-item:not(.static):hover{background:#ef402714;border-color:#ef402766}.left-sidebar-library-item.static{cursor:default}.left-sidebar-library-item-name{color:inherit;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-sidebar-library-item-meta{color:#6b7280;flex-shrink:0;font-size:10px}.left-sidebar-empty-state{color:#9ca3af;font-size:11px;padding:12px 4px}.left-layers-panel.dark .layers-panel-header{border-bottom-color:#ffffff1a}.left-layers-panel.dark .left-sidebar-tab{background:#1f2937db;border-color:#ffffff1f;color:#d1d5db}.left-layers-panel.dark .left-sidebar-tab.active,.left-layers-panel.dark .left-sidebar-tab:hover{background:#ef402733;border-color:#ef402780;color:#ff7a66}.left-layers-panel.dark .left-sidebar-kit-select,.left-layers-panel.dark .left-sidebar-search-input{background:#1f2937e6;border-color:#ffffff24;color:#f9fafb}.left-layers-panel.dark .left-sidebar-search-input::placeholder{color:#d1d5db}.left-layers-panel.dark .left-sidebar-library-item{background:#1f2937e6;border-color:#ffffff1f;color:#f3f4f6}.left-layers-panel.dark .left-sidebar-library-card{background:#1f2937e6;border-color:#ffffff24}.left-layers-panel.dark .left-sidebar-library-card.active{border-color:#ef402799;box-shadow:0 0 0 2px #ef40273d}.left-layers-panel.dark .left-sidebar-library-card-name{color:#f3f4f6}.left-layers-panel.dark .left-sidebar-library-card-meta{color:#9ca3af}.left-layers-panel.dark .left-sidebar-library-item-preview{border-color:#0000}.left-layers-panel.dark .left-sidebar-library-item-preview svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.left-layers-panel.dark .left-sidebar-library-item:not(.static):hover{background:#ef402733;border-color:#ef402773}.left-layers-panel.dark .left-sidebar-empty-state,.left-layers-panel.dark .left-sidebar-library-item-meta,.left-layers-panel.dark .left-sidebar-search-icon{color:#9ca3af}.layers-panel-title{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.left-layers-panel.dark .layers-panel-title{color:#d1d5db}.layers-list{max-height:calc(100vh - 162px);overflow-y:auto;padding:8px 0 14px}.scenes-panel{border-bottom:1px solid #00000014;padding:10px 10px 8px}.left-layers-panel.dark .scenes-panel{border-bottom-color:#ffffff1a}.scenes-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.scenes-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.02em}.left-layers-panel.dark .scenes-title{color:#9ca3af}.scenes-add-btn{border-radius:6px;height:22px;width:22px}.scenes-list{display:flex;flex-direction:column;gap:4px}.scene-row{background:#0000000a;border:1px solid #0000;border-radius:8px;color:#1f2937;cursor:pointer;font-size:12px;min-height:30px;padding:6px 10px;text-align:left;transition:all .15s ease;width:100%}.scene-row:hover{background:#0f172a0f;border-color:#0f172a24}.scene-row.selected{background:#ef402714;border-color:#ef402738;color:#b42318}.scene-row-empty{background:#00000005;color:#9ca3af;cursor:default}.scene-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-layers-panel.dark .scene-row{background:#ffffff0f;color:#e5e7eb}.left-layers-panel.dark .scene-row:hover{background:#ffffff1a;border-color:#ffffff2e}.left-layers-panel.dark .scene-row.selected{border-color:#ef402759;color:#fecaca}.left-layers-panel.dark .scene-row-empty{background:#ffffff0a;color:#9ca3af}.layer-item,.layer-item-container{position:relative}.layer-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin:1px 6px;min-height:30px;padding:4px 8px 4px 6px;transition:all .15s ease}.layer-item:hover{background:#0000000d}.layer-item.selected{background:#0f172a0f!important;border:1px solid #0f172a14!important;border-radius:8px;color:#111827!important}.layer-item.locked{cursor:not-allowed;opacity:.6}.layer-item.dragging{cursor:grabbing;opacity:.4}.layer-item.drag-over-above:before{top:-2px}.layer-item.drag-over-above:before,.layer-item.drag-over-below:after{background:#ef4027;border-radius:2px;box-shadow:0 0 8px #ef402799;content:"";height:3px;left:8px;position:absolute;right:8px}.layer-item.drag-over-below:after{bottom:-2px}.left-layers-panel.dark .layer-item:hover{background:#ffffff1a}.left-layers-panel.dark .layer-item.selected{background:#ffffff14!important;border:1px solid #ffffff14!important;border-radius:8px;color:#f9fafb!important}.group-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-right:2px;position:relative;transition:all .15s ease;width:18px;z-index:2}.group-toggle:hover{background:#ef40271a;color:#ef4027}.group-toggle:active{background:#ef402733;transform:scale(.95)}.left-layers-panel.dark .group-toggle{color:#9ca3af}.left-layers-panel.dark .group-toggle:hover{background:#ef402733;color:#ef4027}.group-toggle-spacer{flex-shrink:0;width:10px}.chevron-icon{height:12px;transition:transform .2s ease;width:12px}.layer-icon-container{align-items:center;display:flex;flex-shrink:0;height:14px;justify-content:center;margin-right:6px;width:14px}.layer-icon{color:#6b7280;height:12px;width:12px}.layer-item.selected .layer-icon{color:#374151!important}.left-layers-panel.dark .layer-icon{color:#9ca3af}.layer-name{color:var(--text-primary);flex:1 1;font-size:11px;font-weight:400;line-height:1.2;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-icon-component{height:13px;width:13px}.layer-item.selected .layer-name{color:#111827!important;font-weight:500}.left-layers-panel.dark .layer-name{color:#d1d5db}.left-layers-panel.dark .layer-item.selected .layer-name{color:#f9fafb!important}.left-layers-panel.dark .layer-item.selected .layer-icon{color:#f3f4f6!important}.layer-name-input{background:#fffffff2;border:1px solid #ef4027;border-radius:4px;box-shadow:0 0 0 2px #ef402733;color:var(--text-primary);flex:1 1;font-size:13px;font-weight:400;margin-right:8px;min-width:0;outline:none;padding:2px 6px}.layer-name-input:focus{border-color:#ef4027;box-shadow:0 0 0 3px #ef402740}.left-layers-panel.dark .layer-name-input{background:#1e1e23f2;border-color:#ef4027;color:#d1d5db}.layer-name{cursor:text}.layer-component-badge-row{display:flex;margin-right:6px}.layer-component-badge-row-left{margin-right:6px}.layer-component-badge{align-items:center;background:#ef40271f;border:1px solid #ef402759;border-radius:6px;color:#ef4027;display:inline-flex;height:18px;justify-content:center;padding:0;width:18px}.layer-component-badge.instance{background:#3b82f61f;border-color:#3b82f659;color:#2563eb}.left-layers-panel.dark .layer-component-badge{background:#ef402738;border-color:#fca5a559;color:#fca5a5}.left-layers-panel.dark .layer-component-badge.instance{background:#3b82f633;border-color:#93c5fd59;color:#93c5fd}.layer-component-badge-icon{height:12px;width:12px}.layer-controls{display:flex;gap:4px;opacity:1;transition:opacity .15s ease}.layer-item.selected .layer-controls,.layer-item:hover .layer-controls{opacity:1}.layer-control-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s ease;width:18px}.layer-control-btn:hover{background:#0f172a0f;color:var(--text-primary)}.layer-control-btn.hidden{color:#ef4027}.layer-control-btn.locked{color:#f59e0b}.layer-control-btn.component-action{font-size:10px;font-weight:700;height:20px;letter-spacing:.02em;width:20px}.layer-control-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.layer-control-btn:disabled:hover{background:#0000;color:inherit}.layer-item.selected .layer-control-btn{color:#6b7280}.layer-item.selected .layer-control-btn:hover{background:#0f172a14;color:#0f172a}.layer-item.selected .layer-control-btn.hidden{color:#fca5a5}.layer-item.selected .layer-control-btn.locked{color:#fbbf24}.left-layers-panel.dark .layer-control-btn{background:#0000;color:#cbd5e1}.left-layers-panel.dark .layer-control-btn:hover{background:#ffffff14;color:#f9fafb}.left-layers-panel.dark .layer-control-btn.hidden{color:#ef4444}.left-layers-panel.dark .layer-control-btn.locked{color:#fbbf24}.control-icon{stroke-width:1.9;color:inherit;display:block!important;flex-shrink:0;height:14px!important;opacity:1!important;width:14px!important}.layer-children{animation:expandChildren .2s ease-out;overflow:hidden;position:relative}@keyframes expandChildren{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.layer-children:before{background:#0000001a;bottom:0;content:"";left:24px;position:absolute;top:0;width:1px}.left-layers-panel.dark .layer-children:before{background:#fff3}.layers-list::-webkit-scrollbar{width:4px}.layers-list::-webkit-scrollbar-track{background:#0000}.layers-list::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.layers-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.left-layers-panel.dark .layers-list::-webkit-scrollbar-thumb{background:#fff3}.left-layers-panel.dark .layers-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@media (max-width:768px){.left-layers-panel{left:12px;top:120px;width:300px}}.workspace-sidebar{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid #0000001a;border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;font-family:var(--font-family);height:calc(100vh - 40px);left:20px;overflow:hidden;position:fixed;top:20px;width:280px;z-index:10000}.workspace-sidebar.closing{animation:slideOutLeft .3s cubic-bezier(.4,0,.2,1)}.workspace-sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.workspace-sidebar.closing+.workspace-sidebar-overlay{animation:fadeOut .3s ease}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.workspace-sidebar-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.workspace-sidebar-title{color:var(--text-primary);font-size:16px;font-weight:600}.workspace-sidebar-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.workspace-sidebar-close:hover{background:var(--primary-red-light);color:var(--primary-red)}.split-view-controls{background:#ef40270d;border-bottom:1px solid #ef40271a;flex-shrink:0;padding:12px 16px}.split-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.split-view-title{color:var(--primary-red);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.split-view-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--primary-red);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.split-view-close:hover{background:var(--primary-red-light)}.split-view-workspaces{align-items:center;display:flex;gap:8px;margin-bottom:8px}.split-view-workspace{flex:1 1;min-width:0;text-align:center}.split-view-workspace-name{color:var(--text-primary);display:block;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-view-workspace-label{color:var(--text-light);display:block;font-size:10px;margin-top:2px}.split-view-divider,.split-view-swap{align-items:center;display:flex;justify-content:center}.split-view-swap{background:#ef40271a;border:none;border-radius:6px;color:var(--primary-red);cursor:pointer;height:24px;transition:all .2s ease;width:24px}.split-view-swap:hover{background:#ef402733;transform:scale(1.1)}.split-view-actions{display:flex;justify-content:center}.split-view-orientation{align-items:center;background:#ef40271a;border:none;border-radius:8px;color:var(--primary-red);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.split-view-orientation:hover{background:#ef402733}.workspace-pinned-section{border-bottom:1px solid #0000000d;flex-shrink:0;padding:16px}.workspace-section-title{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.workspace-pinned-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.workspace-pinned-item{align-items:center;background:var(--bg-light);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all .2s ease;width:48px}.workspace-pinned-item:hover{background:var(--primary-red-light);border-color:var(--primary-red);transform:translateY(-2px)}.workspace-pinned-item.active{background:var(--primary-red);border-color:var(--primary-red)}.workspace-pinned-icon{color:var(--text-primary);font-size:18px;font-weight:600}.workspace-pinned-item.active .workspace-pinned-icon{color:#fff}.workspace-tabs-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.workspace-section-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 16px 8px}.workspace-add-btn{align-items:center;background:var(--bg-light);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.workspace-add-btn:hover{background:var(--primary-red-light);color:var(--primary-red);transform:scale(1.1)}.workspace-tabs-list{flex:1 1;overflow-y:auto;padding:0 8px 16px;scrollbar-color:#0003 #0000;scrollbar-width:thin}.workspace-tabs-list::-webkit-scrollbar{width:4px}.workspace-tabs-list::-webkit-scrollbar-track{background:#0000}.workspace-tabs-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.workspace-tabs-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.workspace-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:2px 0;min-height:40px;padding:8px 12px;position:relative;transition:all .2s ease}.workspace-tab:hover{background:var(--bg-light);border-color:#0000000d}.workspace-tab.active{background:var(--primary-red-light);border-color:var(--primary-red)}.workspace-tab.split-view{background:#ef402714;border-color:#ef402733}.workspace-tab-content{align-items:center;display:flex;flex:1 1;justify-content:space-between;min-width:0;position:relative}.workspace-tab-delete{background:none;border:none;border-radius:4px;color:var(--text-light);cursor:pointer;opacity:0;padding:4px;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:10}.workspace-tab-delete svg{height:14px;width:14px}.workspace-tab:hover .workspace-tab-delete{opacity:1}.workspace-tab-delete:hover{background:var(--primary-red-light);color:var(--primary-red);transform:translateY(-50%) scale(1.1)}.workspace-tab-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-tab.active .workspace-tab-name{color:var(--primary-red);font-weight:600}.workspace-tab-input{background:#fff;border:none;border-radius:4px;box-shadow:0 0 0 2px var(--primary-red);color:var(--text-primary);font-family:var(--font-family);font-size:14px;font-weight:500;outline:none;padding:4px 8px;width:100%}.workspace-tab-indicator{align-items:center;display:flex;margin-left:8px}.split-view-dot{animation:pulse 2s ease-in-out infinite;background:var(--primary-red);border-radius:50%;height:6px;width:6px}.workspace-context-menu{animation:contextMenuAppear .15s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid #0000001a;border-radius:8px;box-shadow:0 8px 32px #0000004d;min-width:180px;padding:4px;position:fixed;z-index:10001}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.workspace-context-menu-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.workspace-context-menu-item:hover:not(.disabled){background:var(--primary-red-light);color:var(--primary-red)}.workspace-context-menu-item.disabled{cursor:not-allowed;opacity:.5}.workspace-context-menu-icon{flex-shrink:0;height:16px;width:16px}.workspace-context-menu-separator{background:#0000001a;height:1px;margin:4px 8px}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}.confirm-dialog{animation:scaleIn .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid #0000001a;border-radius:16px;box-shadow:0 20px 60px #00000040;font-family:var(--font-family);max-width:500px;min-width:400px;padding:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-dialog-header{align-items:center;display:flex;gap:12px;padding:24px 24px 16px}.confirm-dialog-icon{align-items:center;background:#ef40271a;border-radius:12px;color:var(--primary-red);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.confirm-dialog-icon svg{height:24px;width:24px}.confirm-dialog-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.confirm-dialog-body{margin-left:60px;padding:0 24px 24px}.confirm-dialog-message{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.confirm-dialog-actions{border-top:1px solid #00000014;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px 24px}.confirm-dialog-btn{border:none;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s ease}.confirm-dialog-btn--cancel{background:var(--bg-light);border:1px solid #0000001a;color:var(--text-secondary)}.confirm-dialog-btn--cancel:hover{background:#0000000d;color:var(--text-primary)}.confirm-dialog-btn--confirm{background:var(--primary-red);color:#fff}.confirm-dialog-btn--confirm:hover{background:#d63526;box-shadow:0 4px 12px #ef40274d;transform:translateY(-1px)}.confirm-dialog-btn--danger{background:var(--primary-red);color:#fff}.dark .confirm-dialog{background:#1a1a1af2;border-color:#ffffff1a}.dark .confirm-dialog-title{color:#fffffff2}.dark .confirm-dialog-message{color:#ffffffb3}.dark .confirm-dialog-actions{border-top-color:#ffffff1a}.dark .confirm-dialog-btn--cancel{background:#ffffff1a;border-color:#ffffff1a;color:#fffc}.dark .confirm-dialog-btn--cancel:hover{background:#ffffff26;color:#fffffff2}.workspace-sidebar.dark{background:#141414fa;border-color:#ffffff1f;box-shadow:0 20px 60px #00000080}.workspace-sidebar.dark .workspace-sidebar-header{border-bottom-color:#ffffff1a}.workspace-sidebar.dark .workspace-sidebar-title{color:#fffffff2}.workspace-sidebar.dark .workspace-sidebar-close{color:#ffffffb3}.workspace-sidebar.dark .workspace-sidebar-close:hover{background:#ef402733;color:var(--primary-red)}.workspace-sidebar.dark .workspace-section-title{color:#fff9}.workspace-sidebar.dark .workspace-pinned-item{background:#ffffff1a}.workspace-sidebar.dark .workspace-pinned-item:hover{background:#ef402733;border-color:var(--primary-red)}.workspace-sidebar.dark .workspace-pinned-icon{color:#ffffffe6}.workspace-sidebar.dark .workspace-add-btn{background:#ffffff1a;color:#ffffffb3}.workspace-sidebar.dark .workspace-add-btn:hover{background:#ef402733;color:var(--primary-red)}.workspace-sidebar.dark .workspace-tab:hover{background:#ffffff1a;border-color:#ffffff1a}.workspace-sidebar.dark .workspace-tab-name{color:#ffffffe6}.workspace-sidebar.dark .workspace-context-menu{background:#1a1a1af2;border-color:#ffffff1a}.workspace-sidebar.dark .workspace-context-menu-item{color:#ffffffe6}.workspace-sidebar.dark .workspace-context-menu-item:hover:not(.disabled){background:#ef402733;color:var(--primary-red)}.workspace-sidebar.dark .workspace-context-menu-separator{background:#ffffff1a}@media (max-width:768px){.workspace-sidebar{width:260px}}@media (max-width:640px){.workspace-sidebar{max-width:320px;width:calc(100vw - 40px)}}.design-sidebar{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid #0000001a;border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;font-family:var(--font-family);height:calc(100vh - 40px);left:20px;opacity:1;overflow:hidden;position:fixed;top:20px;transform:translateX(0);width:320px;z-index:10000}.design-sidebar.closing{animation:slideOutLeft .3s cubic-bezier(.4,0,.2,1)}.design-sidebar.hidden{opacity:0;pointer-events:none;transform:translateX(-100%)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.design-sidebar-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.design-sidebar-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.design-sidebar-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.design-sidebar-close:hover{background:var(--primary-red-light);color:var(--primary-red)}.design-sidebar-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px}.design-sidebar-section{margin-bottom:16px}.design-sidebar-section:last-child{margin-bottom:0}.design-sidebar-section-title{color:var(--text-primary);font-size:12px;font-weight:600;margin-bottom:8px}.design-sidebar-form-row{display:flex;gap:8px;margin-bottom:6px}.design-sidebar-form-group{flex:1 1}.design-sidebar-label{color:var(--text-secondary);display:block;font-size:11px;font-weight:500;margin-bottom:3px}.design-sidebar-input{background:var(--bg-light);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:12px;padding:6px 8px;transition:all .2s ease;width:100%}.design-sidebar-input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px var(--primary-red-light);outline:none}.design-sidebar-input:hover{border-color:var(--border-hover)}.design-sidebar-color-row{align-items:center;display:flex;gap:6px}.design-sidebar-color-swatch{border:none;border-radius:4px;box-shadow:0 0 0 1px #0000001a;cursor:pointer;height:24px;transition:transform .2s ease;width:24px}.design-sidebar-color-swatch:hover{transform:scale(1.1)}.design-sidebar-checkbox-row{align-items:center;cursor:pointer;display:flex;gap:6px;padding:2px 0}.design-sidebar-checkbox{background:var(--bg-light);border:2px solid var(--border-light);border-radius:3px;height:14px;transition:all .2s ease;width:14px}.design-sidebar-checkbox:checked{background:var(--primary-red);border-color:var(--primary-red)}.design-sidebar-checkbox-label{color:var(--text-primary);font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.design-sidebar-preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.design-sidebar-preset-button{background:var(--bg-light);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.design-sidebar-preset-button:hover{background:var(--primary-red-light);border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-1px)}.design-sidebar-preset-button:active{transform:translateY(0)}.design-sidebar-instructions{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.design-sidebar-instructions-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:12px;text-transform:capitalize}.design-sidebar-instructions-text{font-size:14px;line-height:1.5;margin-bottom:20px;max-width:240px}.design-sidebar-instructions-button{background:var(--bg-light);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.design-sidebar-instructions-button:hover{background:var(--primary-red-light);border-color:var(--primary-red);color:var(--primary-red)}.design-sidebar-prompt{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px 20px;text-align:center}.prompt-icon{font-size:48px;margin-bottom:8px}.prompt-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.prompt-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.design-sidebar-action-button{align-items:center;background:var(--bg-light);border:1px solid #0000001a;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.design-sidebar-action-button:hover{background:var(--primary-red-light);border-color:#0000;color:var(--primary-red)}.design-sidebar-button-content{align-items:center;display:flex;gap:12px;width:100%}.design-sidebar-button-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.design-sidebar-button-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.design-sidebar-button-title{color:currentColor;font-weight:600}.design-sidebar-secondary-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px;padding:16px;text-align:left;transition:all .2s ease;width:100%}.design-sidebar-secondary-button:hover{background:var(--bg-hover);border-color:var(--primary-red);transform:translateY(-1px)}.design-sidebar-button-icon{font-size:16px;margin-bottom:4px}.design-sidebar-button-description{color:var(--text-secondary);font-size:12px;font-weight:400}.design-sidebar.dark{background:#0f172af2;border-color:#ffffff1a}.design-sidebar.dark .design-sidebar-header{border-bottom-color:#ffffff1a}.design-sidebar.dark .design-sidebar-title{color:#ffffffe6}.design-sidebar.dark .design-sidebar-close{color:#ffffffb3}.design-sidebar.dark .design-sidebar-close:hover{background:var(--primary-red-light);color:var(--primary-red)}.design-sidebar.dark .design-sidebar-section-title{color:#ffffffe6}.design-sidebar.dark .design-sidebar-label{color:#ffffffb3}.design-sidebar.dark .design-sidebar-input{background:#ffffff1a;border-color:#fff3;color:#fff}.design-sidebar.dark .design-sidebar-input:hover{border-color:#ffffff4d}.design-sidebar.dark .design-sidebar-checkbox{background:#ffffff1a;border-color:#fff3}.design-sidebar.dark .design-sidebar-checkbox-label{color:#ffffffe6}.design-sidebar.dark .design-sidebar-preset-button{background:#ffffff1a;border-color:#fff3;color:#fff}.design-sidebar.dark .design-sidebar-preset-button:hover{background:var(--primary-red-light);border-color:var(--primary-red);color:var(--primary-red)}.design-sidebar.dark .design-sidebar-instructions{color:#fff9}.design-sidebar.dark .design-sidebar-instructions-title{color:#ffffffe6}.design-sidebar.dark .design-sidebar-instructions-button{background:#ffffff1a;border-color:#fff3;color:#fff}.design-sidebar.dark .design-sidebar-instructions-button:hover{background:var(--primary-red-light);border-color:var(--primary-red);color:var(--primary-red)}.tool-options{display:flex;flex-direction:column;gap:20px}.tool-section{background:var(--bg-secondary);border:1px solid #0000000d;border-radius:12px;padding:16px}.tool-section-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.property-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.property-group:last-child{margin-bottom:0}.property-label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px}.color-input{border:2px solid #0000001a;border-radius:6px;cursor:pointer;height:32px;width:32px}.range-input{appearance:none;-webkit-appearance:none;background:#0000001a;border-radius:2px;flex:1 1;height:4px;margin:0 12px;outline:none}.range-input::-webkit-slider-thumb{appearance:none;background:var(--primary-red);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:16px;width:16px}.range-input::-moz-range-thumb{background:var(--primary-red);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:16px;width:16px}.property-value{color:var(--text-secondary);font-size:12px;font-weight:500;min-width:40px;text-align:right}.checkbox-input{accent-color:var(--primary-red);height:16px;margin:0;width:16px}.tool-button-group{display:flex;gap:8px}.tool-button{background:#fff;border:1px solid #0000001a;border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.tool-button:hover{border-color:var(--primary-red);color:var(--primary-red)}.tool-button.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}.tool-instructions{background:#00000005;border-left:3px solid var(--primary-red);border-radius:8px;margin-top:16px;padding:12px}.tool-instructions p{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}.grayed-out{opacity:.5;pointer-events:none}.design-sidebar.dark .tool-section{background:#ffffff0d;border-color:#ffffff1a}.design-sidebar.dark .property-label{color:#ffffffb3}.design-sidebar.dark .property-value{color:#fff9}.design-sidebar.dark .color-input{border-color:#fff3}.design-sidebar.dark .range-input{background:#ffffff1a}.design-sidebar.dark .tool-button{background:#ffffff0d;border-color:#fff3;color:#ffffffb3}.design-sidebar.dark .tool-button:hover{border-color:var(--primary-red);color:var(--primary-red)}.design-sidebar.dark .tool-button.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}.design-sidebar.dark .tool-instructions{background:#ffffff08}.design-sidebar.dark .tool-instructions p{color:#fff9}@media (max-width:768px){.design-sidebar{height:calc(100vh - 20px);right:10px;top:10px;width:280px}}.canvas-element.ai-generated,.canvas-element[data-tags*=ai-generated],.canvas-element[data-tags*=pollinations]{--ai-gradient-border-width:4px;--ai-border-radius:8px;--ai-gradient-primary:#ef4027e6;--ai-gradient-secondary:#ff9900e6}.canvas-element.ai-generated.selected[data-type=image],.canvas-element.canvas-card.selected[data-tags*=ai-generated],.canvas-element.canvas-card.selected[data-tags*=pollinations]{border:none!important;box-shadow:none!important;outline:none!important;position:relative;z-index:2}.canvas-element.ai-generated.selected[data-type=image]:before,.canvas-element.canvas-card.selected[data-tags*=ai-generated]:before,.canvas-element.canvas-card.selected[data-tags*=pollinations]:before{animation:pulseAIBorder 2s ease-in-out infinite;background:linear-gradient(135deg,var(--ai-gradient-primary) 0,var(--ai-gradient-secondary) 100%);border-radius:calc(var(--ai-border-radius) + var(--ai-gradient-border-width));bottom:calc(var(--ai-gradient-border-width)*-1);content:"";left:calc(var(--ai-gradient-border-width)*-1);pointer-events:none;position:absolute;right:calc(var(--ai-gradient-border-width)*-1);top:calc(var(--ai-gradient-border-width)*-1);z-index:-1}.dark .canvas-element.ai-generated{--ai-gradient-primary:#ff5e48cc;--ai-gradient-secondary:#ffb74dcc}@keyframes pulseAIBorder{0%{box-shadow:0 0 10px 2px #ef40274d;opacity:1}50%{box-shadow:0 0 15px 3px #f906;opacity:.8}to{box-shadow:0 0 10px 2px #ef40274d;opacity:1}}.canvas-element.ai-generated.selected[data-type=image]:after,.canvas-element.selected[data-tags*=ai-generated]:after,.canvas-element.selected[data-tags*=pollinations]:after{animation:glowAIBorder 2s ease-in-out infinite;background:#0000;border-radius:calc(var(--ai-border-radius) + var(--ai-gradient-border-width) + 4px);bottom:calc(-4px - var(--ai-gradient-border-width));box-shadow:0 0 15px 5px #ef40274d,0 0 30px 10px #ff99001a;content:"";left:calc(-4px - var(--ai-gradient-border-width));opacity:0;position:absolute;right:calc(-4px - var(--ai-gradient-border-width));top:calc(-4px - var(--ai-gradient-border-width));z-index:-2}@keyframes glowAIBorder{0%{opacity:.1}50%{opacity:.3}to{opacity:.1}}.canvas-element.ai-generated[data-ai-type=image-generation].selected[data-type=image]:before{background:linear-gradient(135deg,var(--ai-gradient-primary) 0,var(--ai-gradient-secondary) 100%)}.canvas-element.ai-generated[data-ai-type=brainstorming].selected[data-type=image]:before{background:linear-gradient(135deg,#667eeacc,#764ba2cc)}.canvas-element.ai-generated[data-ai-type=inspiration].selected[data-type=image]:before{background:linear-gradient(135deg,#38bdf8cc,#3b82f6cc)}.canvas-element.ai-generated.selected[data-type=image] .design-selection-handle,.canvas-element.selected[data-tags*=ai-generated] .design-selection-handle,.canvas-element.selected[data-tags*=pollinations] .design-selection-handle{background:linear-gradient(135deg,var(--ai-gradient-primary) 0,var(--ai-gradient-secondary) 100%)!important;border:2px solid #fff!important;box-shadow:0 2px 8px #ef402766,0 0 12px #ff99004d!important}.canvas-element.ai-generated.selected[data-type=image] .design-selection-handle:hover,.canvas-element.selected[data-tags*=ai-generated] .design-selection-handle:hover,.canvas-element.selected[data-tags*=pollinations] .design-selection-handle:hover{box-shadow:0 4px 16px #ef402780,0 0 20px #f906!important;transform:translate(-50%,-50%) scale(1.2)!important}.dark .canvas-element.ai-generated.selected[data-type=image] .design-selection-handle,.dark .canvas-element.selected[data-tags*=ai-generated] .design-selection-handle,.dark .canvas-element.selected[data-tags*=pollinations] .design-selection-handle{background:linear-gradient(135deg,#ff5e48e6,#ffb74de6)!important}.update-notification-wrapper{bottom:75px;display:flex;justify-content:center;left:50%;max-width:400px;pointer-events:auto;position:fixed;transform:translateX(-50%);transition:bottom .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:2001}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-browser) .update-notification-wrapper{bottom:870px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-notes) .update-notification-wrapper{bottom:555px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-notes.document-mode) .update-notification-wrapper{bottom:925px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-upload) .update-notification-wrapper{bottom:675px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-ambient) .update-notification-wrapper{bottom:575px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-settings) .update-notification-wrapper{bottom:395px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-audio) .update-notification-wrapper{bottom:475px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.section-ai-search-results) .update-notification-wrapper{bottom:695px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.expand-design) .update-notification-wrapper{bottom:75px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.expand-brainstorming) .update-notification-wrapper{bottom:75px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.expand-ai) .update-notification-wrapper{bottom:75px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.expand-upload) .update-notification-wrapper{bottom:75px}.dynamic-toolbar-wrapper:has(.dynamic-toolbar.artboard-mode) .update-notification-wrapper{bottom:625px}.update-notification{align-items:center;animation:slideUpFromBottom .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444;border:none;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000040;display:flex;gap:16px;justify-content:space-between;padding:16px 20px;position:relative;width:100%}.update-content{flex:1 1;gap:12px}.update-content,.update-icon{align-items:center;display:flex}.update-icon{color:#fff;height:24px;justify-content:center;width:24px}.update-text{display:flex;flex-direction:column;gap:2px}.update-title{color:#fff;font-size:14px;font-weight:600}.update-title,.update-version{font-family:HK Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.update-version{color:#fffc;font-size:12px;font-weight:500}.update-actions{align-items:center;display:flex;gap:8px}.update-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-family:HK Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.update-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.download-btn{background:#ffffff40;border-color:#fff6}.download-btn:hover{background:#ffffff59;border-color:#fff9}.later-btn{background:#ffffff1a;border-color:#fff3}.later-btn:hover{background:#fff3;border-color:#ffffff4d}.update-dismiss{align-items:center;background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.update-dismiss:hover{background:#ffffff1a;color:#fff}@media (max-width:480px){.update-notification{margin:0 16px;padding:12px 16px}.update-text{gap:1px}.update-title{font-size:13px}.update-btn,.update-version{font-size:11px}.update-btn{padding:5px 10px}}.dark .update-notification{background:#dc2626;box-shadow:0 -4px 20px #0006}.dark .update-btn{background:#ffffff26;border-color:#ffffff40}.dark .update-btn:hover{background:#ffffff40;border-color:#fff6}.applet-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #94a3b842;border-radius:14px;box-shadow:0 8px 22px #0f172a1a;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.applet-card:hover{border-color:#94a3b861;box-shadow:0 10px 26px #0f172a24}.applet-card--selected{border-color:#94a3b870;box-shadow:0 10px 22px #0f172a1f}.applet-card--dark{background:#1a1a1af2;border-color:#4755696b}.applet-card--dark:hover{border-color:#64748ba3}.applet-card__header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffc7;border-bottom:1px solid #94a3b833;border-radius:14px 14px 0 0;cursor:var(--hand-panning-cursor),grab;display:flex;justify-content:space-between;min-height:72px;padding:13px 16px;-webkit-user-select:none;user-select:none}.applet-card__header--collapsed{border-radius:14px}.applet-card--dark .applet-card__header{background:#1a1a1af2!important;border-bottom-color:#4755696b}.applet-card__title{align-items:center;color:#1e293b;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;min-width:0}.applet-card__title-text{display:inline-block;max-width:420px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applet-card--dark .applet-card__title{color:#f1f5f9}.applet-card__agent-icon{color:#ef4027;display:block;flex-shrink:0;height:20px!important;max-height:20px;max-width:20px;min-height:20px;min-width:20px;width:20px!important}.applet-card__prompt-hint{color:#64748b;font-size:12px;font-weight:400;margin-left:4px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applet-card--dark .applet-card__prompt-hint{color:#94a3b8}.applet-card__controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.applet-card__header-spinner{animation:applet-spin .8s linear infinite;border:2px solid #ef402738;border-radius:999px;border-top-color:#ef4027;height:16px;width:16px}@keyframes applet-spin{to{transform:rotate(1turn)}}.applet-card__control-btn{align-items:center;background:#ef40271a;border:1px solid #ef402747;border-radius:9px;cursor:var(--hand-pointer-cursor),pointer;display:flex;height:38px;justify-content:center;padding:0;transition:all .2s ease;width:38px}.applet-card__control-btn svg{color:#b42318;display:block;height:17px;width:17px}.applet-card__control-btn--active{background:#ef402733;border-color:#ef402785}.applet-card__control-btn--active svg{color:#ef4027}.applet-card__control-btn:hover{background:#ef402729;border-color:#ef40277a}.applet-card__control-btn:hover svg{color:#ef4027}.applet-card__control-btn--remove:hover{background:#ef402729;border-color:#ef40277a}.applet-card__control-btn--remove:hover svg{color:#ef4027}.applet-card--dark .applet-card__control-btn{background:#ef402729;border-color:#ef40276b}.applet-card--dark .applet-card__control-btn svg{color:#ffd7d1}.applet-card--dark .applet-card__control-btn:hover{background:#ef40273d}.applet-card--dark .applet-card__control-btn--active{background:#ef402733;border-color:#ef40278f}.applet-card--dark .applet-card__control-btn--active svg{color:#ffd7d1}.applet-card__content{background:#f8fafcf5;border-radius:0 0 14px 14px;flex:1 1;overflow:hidden;position:relative}.applet-card--dark .applet-card__content{background:#1a1a1af2}.applet-card__streaming{display:flex;flex-direction:column;height:100%;overflow:auto;padding:16px}.applet-card__streaming-indicator{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:12px}.applet-card--dark .applet-card__streaming-indicator{color:#94a3b8}.applet-card__streaming-dot{animation:pulse 1.5s ease-in-out infinite;background:#ef4027;border-radius:50%;height:8px;width:8px}.applet-card__code-view{border-radius:0 0 14px 14px;height:100%;overflow:auto;padding:16px}.applet-card__code{color:#1e293b;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.7;margin:0;padding:0;white-space:pre-wrap;word-break:break-word}.applet-card--dark .applet-card__code{color:#e2e8f0}.applet-card__code code{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.applet-card__iframe{background:#fff;border:none;border-radius:0 0 14px 14px;display:block;height:100%;padding:0;width:100%}.applet-card--dark .applet-card__iframe{background:#1a1a1af2}.applet-card__code-view::-webkit-scrollbar,.applet-card__streaming::-webkit-scrollbar{height:8px;width:8px}.applet-card__code-view::-webkit-scrollbar-track,.applet-card__streaming::-webkit-scrollbar-track{background:#ef40271f;border-radius:4px}.applet-card__code-view::-webkit-scrollbar-thumb,.applet-card__streaming::-webkit-scrollbar-thumb{background:#ef40278c;border-radius:4px}.applet-card__code-view::-webkit-scrollbar-thumb:hover,.applet-card__streaming::-webkit-scrollbar-thumb:hover{background:#ef402780}:root{--icon-xs:12px;--icon-sm:16px;--icon-md:18px;--icon-lg:20px;--icon-xl:24px}.icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;transition:all .2s ease}.icon--xs{height:12px;height:var(--icon-xs);width:12px;width:var(--icon-xs)}.icon--sm{height:16px;height:var(--icon-sm);width:16px;width:var(--icon-sm)}.icon--md{height:18px;height:var(--icon-md);width:18px;width:var(--icon-md)}.icon--lg{height:20px;height:var(--icon-lg);width:20px;width:var(--icon-lg)}.icon--xl{height:24px;height:var(--icon-xl);width:24px;width:var(--icon-xl)}.action-button .icon:not(.cursor-ai-toolbar-button svg),.action-button svg:not(.cursor-ai-toolbar-button svg){height:18px!important;height:var(--icon-md)!important;width:18px!important;width:var(--icon-md)!important}.control-bar .icon,.control-bar svg{height:16px!important;height:var(--icon-sm)!important;width:16px!important;width:var(--icon-sm)!important}.control-bar .waveform-animation{height:20px!important;height:var(--icon-lg)!important;width:auto!important}.close-icon,.contextual-bar .icon,.contextual-bar svg,.dismiss-icon,.input-icon,.search-icon{height:16px!important;height:var(--icon-sm)!important;width:16px!important;width:var(--icon-sm)!important}.chevron-icon,.indicator-icon,.nav-icon,.status-icon{height:12px!important;height:var(--icon-xs)!important;width:12px!important;width:var(--icon-xs)!important}.icon--interactive:hover:not(.cursor-ai-toolbar-button *){opacity:.8}.icon--primary:not(.cursor-ai-toolbar-button *){color:#ef4027;color:var(--primary-red,#ef4027)}.icon--primary:hover:not(.cursor-ai-toolbar-button *){color:#d63525;color:var(--primary-red-hover,#d63525)}.icon--secondary{color:#6b7280;color:var(--text-secondary,#6b7280)}.icon--secondary:hover{color:#111827;color:var(--text-primary,#111827)}.icon--success{color:#10b981;color:var(--success-color,#10b981)}.icon--warning{color:#f59e0b;color:var(--warning-color,#f59e0b)}.icon--danger{color:#ef4444;color:var(--danger-color,#ef4444)}.dark .icon--secondary{color:#9ca3af;color:var(--dark-text-secondary,#9ca3af)}.dark .icon--secondary:hover{color:#f9fafb;color:var(--dark-text-primary,#f9fafb)}.icon[role=button],.icon[tabindex]{border-radius:4px;cursor:pointer;padding:2px}.icon[role=button]:focus,.icon[tabindex]:focus{outline:2px solid #3b82f6;outline:2px solid var(--focus-color,#3b82f6);outline-offset:2px}.icon--loading{animation:spin 1s linear infinite}.icon--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.portal-agent-app-level-status-bar{align-items:center;background:#ef4027;border-radius:10px;bottom:335px;box-shadow:0 2px 2px #ef402733;color:#fff;display:flex;font-size:11px;font-weight:500;height:60px;justify-content:space-between;left:50%;max-width:800px;padding:0 18px;position:fixed;transform:translateX(-50%);transition:width .3s ease;width:min(800px,calc(100vw - 40px));z-index:1000000}.portal-agent-app-level-status-bar.compose-mode{max-width:600px;width:min(600px,calc(100vw - 40px))}.portal-agent-app-level-status-bar.brainstorming-mode,.portal-agent-app-level-status-bar.design-mode,.portal-agent-app-level-status-bar.inspiration-mode{max-width:800px;width:min(800px,calc(100vw - 40px))}.portal-agent-status-content{align-items:center;display:flex;gap:8px;margin-top:-20px;overflow:hidden;white-space:nowrap}.portal-agent-status-content svg{color:#fffc;cursor:pointer;transition:transform .2s ease}.portal-agent-status-content svg:hover{transform:rotate(180deg)}.portal-agent-status-actions{margin-bottom:22px}.portal-agent-status-btn{background:#ffffff26;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;height:20px;padding:2px 8px;transition:all .2s ease}.portal-agent-status-btn:hover{background:#ffffff40;border-color:#fff6}.portal-agent-accept:hover{background:#22c55e4d;border-color:#22c55e80}.portal-agent-undo{color:#fffc}.portal-agent-undo:hover{background:#ef44444d;border-color:#ef444480;color:#fff}.portal-agent-mode-text{bottom:35px;color:#ffffffe6;font-size:12px;font-weight:600;left:18px;pointer-events:none;position:fixed;white-space:nowrap;z-index:1002}.status-main-text{display:inline-block;margin-left:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-agent-status-actions{align-items:center;display:flex;gap:6px;margin-top:2px}.portal-agent-app-level-status-bar.active-status{animation:statusPulse 2s ease-in-out infinite;background:#ef4027!important;border-top:1px solid #ffffff4d}.portal-agent-app-level-status-bar.active-status .portal-agent-status-content{color:#fff}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.85}}*{box-sizing:border-box;margin:0;padding:0}body,html{overscroll-behavior-x:none;overscroll-behavior-y:none}body{overflow-x:hidden}#root,body,html{height:100%;overflow:hidden}.App{background:#fff;display:flex;flex-direction:column;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;overscroll-behavior-x:none;overscroll-behavior-y:none;transition:background .3s ease;width:100vw}.App.dark{background:#101010}.waveform-container{overflow:hidden;position:relative;width:100%}.waveform-container svg{display:block}.waveform-container rect{transition:height .1s ease-out}.recording-active{background-color:var(--primary-red-light)!important;color:var(--primary-red)!important}.recording-dot{animation:pulse 1.5s infinite;background-color:var(--primary-red);border-radius:50%;height:12px;width:12px}.waveform-overlay{position:absolute;right:16px;top:50px;width:200px;z-index:100}.App.with-right-sidebar{padding-right:280px}.App.with-right-sidebar .design-canvas,.App.with-right-sidebar .infinite-canvas{width:calc(100vw - 280px)}.App.with-left-sidebar{padding-left:280px}.App.with-left-sidebar .design-canvas,.App.with-left-sidebar .infinite-canvas{margin-left:280px;width:calc(100vw - 280px)}.App.with-left-sidebar.with-right-sidebar .design-canvas,.App.with-left-sidebar.with-right-sidebar .infinite-canvas{margin-left:280px;width:calc(100vw - 560px)}@media (max-width:1024px){.App.with-right-sidebar{padding-right:240px}.App.with-right-sidebar .design-canvas,.App.with-right-sidebar .infinite-canvas{width:calc(100vw - 240px)}.App.with-left-sidebar{padding-left:240px}.App.with-left-sidebar .design-canvas,.App.with-left-sidebar .infinite-canvas{margin-left:240px;width:calc(100vw - 240px)}.App.with-left-sidebar.with-right-sidebar .design-canvas,.App.with-left-sidebar.with-right-sidebar .infinite-canvas{margin-left:240px;width:calc(100vw - 480px)}}@media (max-width:768px){.App.with-right-sidebar{padding-bottom:50vh;padding-right:0}.App.with-right-sidebar .design-canvas,.App.with-right-sidebar .infinite-canvas{height:calc(100vh - 110px);width:100vw}.App.with-left-sidebar{padding-left:0;padding-top:50vh}.App.with-left-sidebar .design-canvas,.App.with-left-sidebar .infinite-canvas{height:calc(100vh - 110px);margin-left:0;width:100vw}}.portal-agent-app-level-status-bar.screenshot-active{animation:statusBarPulse 2s ease-in-out infinite;background:#ef4027!important;border-top:1px solid #ffffff4d;transform:translateX(-50%) translateY(-10px)!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.portal-agent-app-level-status-bar.screenshot-active .portal-agent-status-content,.portal-agent-app-level-status-bar.screenshot-active .portal-agent-status-content span{color:#fff!important}@keyframes statusBarPulse{0%,to{opacity:1}50%{opacity:.9}}.portal-agent-app-level-status-bar{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.portal-agent-app-level-status-bar.closing{animation:statusBarSlideOut .3s ease-in-out forwards}@keyframes statusBarSlideOut{0%{opacity:1;transform:translateX(-50%) scale(1);width:800px;width:var(--current-width,800px)}50%{opacity:.7;transform:translateX(-50%) scale(.95);width:560px;width:calc(var(--current-width, 800px)*.7)}to{opacity:0;pointer-events:none;transform:translateX(-50%) scale(.9);width:0}}.beta-limit-modal-overlay{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0a0a0a4d;display:flex;inset:0;justify-content:center;padding:24px;pointer-events:auto;position:fixed;z-index:2147483000}.beta-limit-modal-overlay.light{background:#f4eeea6b}.beta-limit-modal-overlay.dark{background:#0a0a0a7a}.beta-limit-modal{border:1px solid #ef40272e;border-radius:16px;box-shadow:0 30px 80px #1010102e;display:flex;flex-direction:column;gap:18px;padding:24px;width:min(460px,calc(100vw - 40px))}.beta-limit-modal.light{background:linear-gradient(180deg,#ffffffd1,#fcf2ede0);color:#2a1d18}.beta-limit-modal.dark{background:linear-gradient(180deg,#1c1c1cd6,#141414e6);box-shadow:0 36px 90px #00000061;color:#fffffff0}.beta-limit-modal-icon-wrap{align-items:center;background:#ef402724;border:1px solid #ef402733;border-radius:12px;display:inline-flex;height:44px;justify-content:center;width:44px}.beta-limit-modal-icon{color:#ef4027;height:22px;width:22px}.beta-limit-modal-copy{display:flex;flex-direction:column;gap:10px}.beta-limit-modal-title{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.beta-limit-modal-body{color:inherit;font-size:14px;line-height:1.6;opacity:.86}.beta-limit-modal-pill{align-self:flex-start;background:#ef40271f;border:1px solid #ef40272e;border-radius:999px;color:#ef4027;font-size:12px;font-weight:600;padding:6px 10px}.update-commit-modal{width:min(520px,calc(100vw - 40px))}.update-commit-modal .beta-limit-modal-body{white-space:pre-wrap}.update-commit-modal-pill{margin-top:2px}.beta-limit-modal-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.beta-limit-modal-button{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;min-height:40px;padding:0 14px;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.beta-limit-modal-button:hover{transform:translateY(-1px)}.beta-limit-modal-button.primary{background:#ef4027;border-color:#ef402780;color:#fff}.beta-limit-modal-button.primary:hover{background:#de3821}.beta-limit-modal-button.secondary{background:#ef402714;border-color:#ef402729;color:inherit}.beta-limit-modal.dark .beta-limit-modal-button.secondary{background:#ffffff14;border-color:#ffffff1f}@media (max-width:640px){.beta-limit-modal{padding:20px}.beta-limit-modal-actions{align-items:stretch;flex-direction:column}.beta-limit-modal-button{width:100%}}.portal-agent-inline-dropdown{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#fffffff2;border:1px solid #ef402733;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#1e293b;font-size:13px;left:0;margin-top:4px;max-height:200px;overflow-y:auto;pointer-events:all;position:absolute;right:0;top:100%;transition:all .2s ease;width:280px;z-index:10000}.dark .portal-agent-inline-dropdown,.portal-agent-inline-dropdown[data-theme=dark]{background:#141414fa!important;border:1px solid #ffffff1f!important;color:#f1f5f9!important}.patb-manage-models-button svg{height:18px;width:18px}.app-mode-selector-floating{left:50%;pointer-events:auto;position:fixed;top:24px;transform:translateX(-50%);z-index:2200}.top-utility-row{align-items:center;display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(180px,1fr);left:14px;pointer-events:none;position:fixed;right:14px;top:22px;z-index:2205}.top-utility-row .app-mode-selector-floating{justify-self:center;left:auto;pointer-events:auto;position:relative;top:auto;transform:none}.top-utility-slot{height:1px;width:1px}.ai-credits-hud.compact{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #ef402724;border-radius:10px;box-shadow:0 2px 12px #ef402714;display:inline-flex;gap:7px;height:34px;justify-self:start;max-width:320px;min-width:274px;overflow:hidden;padding:0 10px;pointer-events:auto}.top-utility-row.dark .ai-credits-hud.compact{background:#141414f2;border:1px solid #ffffff1a;box-shadow:0 2px 12px #0000002e}.ai-credits-label{background:#ef40271a;border:1px solid #ef402759;border-radius:8px;color:#ef4027;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.top-utility-row.dark .ai-credits-label{background:#ef402724;border-color:#ef402773}.ai-credits-value{color:#ef4027;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.ai-credits-inline-meter{background:#ef402724;border-radius:999px;flex:1 1;height:6px;min-width:92px;overflow:hidden}.top-utility-row.dark .ai-credits-inline-meter{background:#ffffff24}.ai-credits-inline-meter-fill{background:#ef4027;border-radius:inherit;height:100%;transition:width .2s ease}.top-utility-row .welcome-stack-button.top-utility-stack-btn{border-radius:12px;box-shadow:0 4px 14px #0f172a24;height:40px;justify-self:end;pointer-events:auto;position:relative;right:auto;top:auto;width:40px}@media (max-width:980px){.top-utility-row{grid-template-columns:auto;justify-items:center;left:12px;right:12px;row-gap:8px;top:16px}.top-utility-row .welcome-stack-button.top-utility-stack-btn,.top-utility-slot{display:none}.ai-credits-hud.compact{max-width:278px;min-width:236px}}.patb-model-dropdown-app-level{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffffd9;border:1px solid #ef402726;border-radius:12px;box-shadow:0 8px 32px #00000026;color:#1e293b;font-size:12px;left:50%;max-height:350px;overflow-x:visible;overflow-y:auto;padding:6px;position:fixed;top:131.78px;transform:translateX(-50%) translateX(-250px);width:220px;z-index:3000}.patb-model-dropdown-app-level::-webkit-scrollbar{width:6px}.patb-model-dropdown-app-level::-webkit-scrollbar-track{background:#ef40270d;border-radius:3px}.patb-model-dropdown-app-level::-webkit-scrollbar-thumb{background:#ef40274d;border-radius:3px}.patb-model-dropdown-app-level::-webkit-scrollbar-thumb:hover{background:#ef402780}.dark .patb-model-dropdown-app-level{background:#141414fa;border:1px solid #ffffff1f;color:#f1f5f9}.dark .patb-model-dropdown-app-level::-webkit-scrollbar-track{background:#ef40271a}.dark .patb-model-dropdown-app-level::-webkit-scrollbar-thumb{background:#ef402766}.dark .patb-model-dropdown-app-level::-webkit-scrollbar-thumb:hover{background:#ef402799}.patb-model-dropdown-section{padding:2px 0}.patb-model-dropdown-section+.patb-model-dropdown-section{border-top:1px solid #ef40271a;margin-top:6px;padding-top:8px}.patb-model-dropdown-label{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.05em;opacity:.8;padding:4px 10px;text-transform:uppercase}.patb-model-provider-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:6px;justify-content:space-between;padding:8px 10px;position:relative;transition:all .2s ease}.patb-model-provider-item:hover{background:#ef402714}.patb-model-provider-item.selected{background:#ef40271f}.patb-provider-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.patb-provider-name{color:#1e293b;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .patb-provider-name{color:#f1f5f9}.patb-provider-description{color:#64748b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .patb-provider-description{color:#94a3b8}.patb-provider-arrow{color:#94a3b8;flex-shrink:0;opacity:.6;transition:all .2s ease}.patb-model-provider-item:hover .patb-provider-arrow{opacity:1;transform:translateX(2px)}.patb-provider-submenu{animation:submenuSlideInLeft .2s ease;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fffffffa;border:1px solid #ef402726;border-radius:12px;box-shadow:0 4px 24px #0000001f;margin-right:4px;max-height:320px;max-width:280px;min-width:220px;overflow-y:auto;padding:8px;position:absolute;right:100%;top:0;z-index:3001}.dark .patb-provider-submenu{background:#18181cfa;border:1px solid #ffffff26}.patb-provider-submenu-external{animation:submenuSlideInLeft .2s ease;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffffd9;border:1px solid #ef402726;border-radius:12px;box-shadow:0 8px 32px #00000026;font-size:12px;max-height:300px;max-width:220px;min-width:220px;overflow-y:auto;padding:6px;pointer-events:auto;width:220px}.patb-provider-submenu-external::-webkit-scrollbar{width:6px}.patb-provider-submenu-external::-webkit-scrollbar-track{background:#ef40270d;border-radius:3px}.patb-provider-submenu-external::-webkit-scrollbar-thumb{background:#ef40274d;border-radius:3px}.patb-provider-submenu-external::-webkit-scrollbar-thumb:hover{background:#ef402780}.patb-provider-submenu-external.dark{background:#18181cd9;border:1px solid #ffffff26}.patb-provider-submenu-external.dark::-webkit-scrollbar-track{background:#ef40271a}.patb-provider-submenu-external.dark::-webkit-scrollbar-thumb{background:#ef402766}.patb-provider-submenu-external.dark::-webkit-scrollbar-thumb:hover{background:#ef402799}@keyframes submenuSlideInLeft{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.patb-model-item{border-radius:8px;cursor:pointer;padding:6px 10px;transition:all .2s ease}.patb-model-item:hover{background:#ef402714}.patb-model-item.selected{background:#ef402726}.patb-model-name{color:#1e293b;font-size:12px;font-weight:500}.dark .patb-model-name{color:#fff!important}.patb-current-selection{pointer-events:none}.patb-current-selection .patb-model-item{background:#ef40271a;border:1px solid #ef402733}.patb-model-info{display:flex;flex-direction:column;gap:2px}.patb-model-provider{color:#64748b;font-size:11px;font-weight:400}.dark .patb-model-provider{color:#f1f5f9e6!important}.patb-model-desc{color:#1e293b99;font-size:11px}.dark .patb-model-desc,.patb-provider-submenu-external.dark .patb-model-desc{color:#f1f5f9b3!important}.portal-agent-topbar .patb-messages-area{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:12px!important;justify-content:flex-start!important}.portal-agent-topbar .patb-messages-area .patb-message{animation:messageSlideIn .3s ease;border-radius:12px;display:flex!important;flex-direction:column;line-height:1.6;margin:8px 0;opacity:1!important;padding:12px 16px;visibility:visible!important;width:fit-content!important}.portal-agent-topbar:not(.dark) .patb-message.user,.portal-agent-topbar:not(.dark) .patb-messages-area .patb-message.user{align-self:flex-end!important;background:var(--primary-red)!important;border:none!important;color:#fff!important;font-weight:400!important;margin-left:auto!important;margin-right:0!important;max-width:80%!important}.portal-agent-topbar:not(.dark) .patb-message.user *,.portal-agent-topbar:not(.dark) .patb-message.user .patb-message-content,.portal-agent-topbar:not(.dark) .patb-messages-area .patb-message.user *,.portal-agent-topbar:not(.dark) .patb-messages-area .patb-message.user .patb-message-content{color:#fff!important}.portal-agent-topbar:not(.dark) .patb-message.assistant,.portal-agent-topbar:not(.dark) .patb-messages-area .patb-message.assistant{align-self:flex-start!important;background:#0000!important;border:none!important;color:#1e293b!important;margin-left:0!important;margin-right:auto!important;max-width:85%!important;padding:8px 0!important}.portal-agent-topbar:not(.dark) .patb-message.assistant *,.portal-agent-topbar:not(.dark) .patb-message.assistant .patb-message-content,.portal-agent-topbar:not(.dark) .patb-messages-area .patb-message.assistant *,.portal-agent-topbar:not(.dark) .patb-messages-area .patb-message.assistant .patb-message-content{color:#1e293b!important}.portal-agent-topbar.dark .patb-message.user,.portal-agent-topbar.dark .patb-messages-area .patb-message.user{align-self:flex-end!important;background:#ef402726!important;border:1px solid #ef402733;color:#f9fafb!important;margin-left:auto!important;margin-right:0!important;max-width:80%!important}.portal-agent-topbar.dark .patb-message.user *,.portal-agent-topbar.dark .patb-message.user .patb-message-content,.portal-agent-topbar.dark .patb-messages-area .patb-message.user *,.portal-agent-topbar.dark .patb-messages-area .patb-message.user .patb-message-content{color:#f9fafb!important}.portal-agent-topbar.dark .patb-message.assistant,.portal-agent-topbar.dark .patb-messages-area .patb-message.assistant{align-self:flex-start!important;background:#ffffff14!important;border:none!important;color:#f9fafb!important;margin-left:0!important;margin-right:auto!important;max-width:85%!important;padding:8px 0!important}.portal-agent-topbar.dark .patb-message.assistant *,.portal-agent-topbar.dark .patb-message.assistant .patb-message-content,.portal-agent-topbar.dark .patb-messages-area .patb-message.assistant *,.portal-agent-topbar.dark .patb-messages-area .patb-message.assistant .patb-message-content{color:#f9fafb!important}.patb-message-content{color:inherit!important;font-size:14px;line-height:1.5;opacity:1!important;visibility:visible!important}.patb-message-content ul{list-style-type:none;margin:8px 0;padding-left:20px}.patb-message-content ul li:before{color:var(--primary-red);content:"●";display:inline-block;font-weight:700;margin-left:-1em;width:1em}.patb-message-content ol{margin:8px 0;padding-left:20px}.patb-message-content ol li{counter-increment:list-counter}.patb-message-content ol li::marker{color:var(--primary-red);font-weight:700}.patb-message-content code{background:#ef40271a;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9em;padding:2px 6px}.patb-message-content pre{background:#ef40270d;border-radius:8px;margin:12px 0;overflow-x:auto;padding:12px}.patb-message-content pre code{background:none;padding:0}.cursor-ai-results-bar{animation:slideUpFromBottom .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #fff3;border-radius:16px;bottom:120px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #ffffff4d;left:50%;max-width:600px;min-width:320px;padding:16px;position:fixed;transform:translateX(-50%);z-index:10001}body.cursor-ai-active .auth-button,body.cursor-ai-active .modal-auth-button,body.cursor-ai-active .startup-mode-selector-container,body.cursor-ai-active .startup-prompt-pill,body.cursor-ai-active .startup-prompt-pills,body.cursor-ai-active .tab-key-hint{pointer-events:auto!important}body.cursor-ai-active .auth-button,body.cursor-ai-active .auth-button *,body.cursor-ai-active .login-modal-overlay,body.cursor-ai-active .login-modal-overlay *,body.cursor-ai-active .modal-auth-button,body.cursor-ai-active .modal-auth-button *,body.cursor-ai-active .mode-selector,body.cursor-ai-active .mode-selector *,body.cursor-ai-active .startup-mode-selector-container,body.cursor-ai-active .startup-mode-selector-container *,body.cursor-ai-active .startup-prompt-pill,body.cursor-ai-active .startup-prompt-pill *,body.cursor-ai-active button[class*=auth],body.cursor-ai-active button[class*=modal],body.cursor-ai-active button[class*=startup]{cursor:pointer!important;pointer-events:auto!important}.startup-gradient-overlay.cursor-ai-active .auth-button,.startup-gradient-overlay.cursor-ai-active .auth-button:active,.startup-gradient-overlay.cursor-ai-active .auth-button:focus,.startup-gradient-overlay.cursor-ai-active .auth-button:hover,.startup-gradient-overlay.cursor-ai-active .startup-prompt-pill,.startup-gradient-overlay.cursor-ai-active .startup-prompt-pill:active,.startup-gradient-overlay.cursor-ai-active .startup-prompt-pill:focus,.startup-gradient-overlay.cursor-ai-active .startup-prompt-pill:hover,body.cursor-ai-active,body.cursor-ai-active *,body.cursor-ai-active .auth-button,body.cursor-ai-active .auth-button:active,body.cursor-ai-active .auth-button:focus,body.cursor-ai-active .auth-button:hover,body.cursor-ai-active .startup-gradient-overlay .auth-button,body.cursor-ai-active .startup-gradient-overlay .auth-button:hover,body.cursor-ai-active .startup-gradient-overlay .startup-prompt-pill,body.cursor-ai-active .startup-gradient-overlay .startup-prompt-pill:hover,body.cursor-ai-active .startup-prompt-pill,body.cursor-ai-active .startup-prompt-pill:active,body.cursor-ai-active .startup-prompt-pill:focus,body.cursor-ai-active .startup-prompt-pill:hover,body.cursor-ai-active :active,body.cursor-ai-active :focus,body.cursor-ai-active :hover,body.cursor-ai-active [role=button],body.cursor-ai-active [role=button]:hover,body.cursor-ai-active button,body.cursor-ai-active button:hover{cursor:none!important}.cursor-ai-portal-simple,.cursor-ai-portal-simple *,.cursor-ai-portal-simple div,.cursor-ai-portal-simple svg,.cursor-ai-portal-simple>*{pointer-events:none!important}.cursor-ai-portal-simple .cursor-ai-bubble,.cursor-ai-portal-simple .cursor-ai-chat,.cursor-ai-portal-simple .cursor-ai-input,.cursor-ai-portal-simple .slash-prompt{pointer-events:auto!important}body.dark .cursor-ai-results-bar{background:#1e1e28f2;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.cursor-ai-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cursor-ai-results-title{color:#000c;font-size:14px;font-weight:600}body.dark .cursor-ai-results-title{color:#ffffffe6}.cursor-ai-results-close{align-items:center;background:#0000000d;border:none;border-radius:6px;color:#0009;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}body.dark .cursor-ai-results-close{background:#ffffff1a;color:#ffffffb3}.cursor-ai-results-close:hover{background:#0000001a;transform:scale(1.05)}body.dark .cursor-ai-results-close:hover{background:#ffffff26}.cursor-ai-results-carousel{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-color:#0003 #0000;scrollbar-width:thin}.cursor-ai-results-carousel::-webkit-scrollbar{height:6px}.cursor-ai-results-carousel::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.cursor-ai-results-carousel::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}body.dark .cursor-ai-results-carousel::-webkit-scrollbar-track{background:#ffffff0d}body.dark .cursor-ai-results-carousel::-webkit-scrollbar-thumb{background:#fff3}.cursor-ai-result-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;flex-shrink:0;overflow:hidden;transition:all .2s;width:200px}body.dark .cursor-ai-result-item{background:#ffffff14;border:1px solid #ffffff26}.cursor-ai-result-item:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.cursor-ai-result-preview{background:#0000000d;cursor:pointer;height:120px;object-fit:cover;width:100%}.cursor-ai-result-info{padding:10px}.cursor-ai-result-prompt{color:#000000b3;font-size:12px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark .cursor-ai-result-prompt{color:#ffffffb3}.cursor-ai-result-actions{display:flex;gap:6px}.cursor-ai-result-action{align-items:center;background:#0000000d;border:none;border-radius:6px;color:#0009;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}body.dark .cursor-ai-result-action{background:#ffffff14;color:#ffffffb3}.cursor-ai-result-action:hover{background:#0000001a;transform:scale(1.05)}body.dark .cursor-ai-result-action:hover{background:#ffffff26}.cursor-ai-result-action.favorite{color:#f59e0b}.cursor-ai-chat{pointer-events:auto}.cursor-ai-container{background:#fffffffa;background:var(--cursor-ai-bg,#fffffffa);background-clip:padding-box;border:2.5px solid #ef4027;border:2.5px solid var(--cursor-ai-gradient,#ef4027);border-radius:14px;box-shadow:0 4px 32px #0000001a;display:flex;filter:drop-shadow(0 0 8px rgba(239,64,39,.15)) drop-shadow(0 0 16px rgba(162,89,255,.1));flex-direction:column;gap:0;max-width:340px;min-width:260px;padding:0;transition:box-shadow .2s,background .2s}body.dark .cursor-ai-container{--cursor-ai-bg:#1e1e28fa;--cursor-ai-gradient:linear-gradient(90deg,#ef4027,#a259ff);box-shadow:0 4px 32px #0000002e;filter:drop-shadow(0 0 12px rgba(239,64,39,.2)) drop-shadow(0 0 20px rgba(162,89,255,.15))}body:not(.dark) .cursor-ai-container{--cursor-ai-bg:#fff;--cursor-ai-gradient:linear-gradient(90deg,#ef4027,#a259ff);box-shadow:0 4px 32px #0000001a;filter:drop-shadow(0 0 8px rgba(239,64,39,.12)) drop-shadow(0 0 16px rgba(162,89,255,.08))}.cursor-ai-container.gradient-accent{-webkit-backdrop-filter:none;backdrop-filter:none;background-clip:padding-box;background:#fff;background:var(--ai-solid-light,#fff);border:none;border-radius:14px;box-shadow:0 4px 32px #0000001f;box-shadow:var(--ai-shadow-solid,0 4px 32px #0000001f);display:flex;filter:drop-shadow(0 0 12px rgba(239,64,39,.2)) drop-shadow(0 0 24px rgba(162,89,255,.15));flex-direction:column;gap:0;max-width:340px;min-width:260px;padding:0;position:relative;transition:box-shadow .2s,background .2s}body.dark .cursor-ai-container.gradient-accent{-webkit-backdrop-filter:none;backdrop-filter:none;background:#181824;box-shadow:0 4px 32px #00000040;filter:drop-shadow(0 0 18px rgba(239,64,39,.3)) drop-shadow(0 0 30px rgba(162,89,255,.22))}body:not(.dark) .cursor-ai-container.gradient-accent{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;background:var(--ai-solid-light,#fff);box-shadow:0 4px 32px #0000001f;box-shadow:var(--ai-shadow-solid,0 4px 32px #0000001f);filter:drop-shadow(0 0 10px rgba(239,64,39,.18)) drop-shadow(0 0 22px rgba(162,89,255,.12))}.cursor-ai-container.gradient-accent:before{background:linear-gradient(90deg,#ef4027,#a259ff);border:3.5px solid #0000;border-radius:14px;box-sizing:border-box;content:"";filter:drop-shadow(0 0 4px rgba(239,64,39,.15)) drop-shadow(0 0 8px rgba(162,89,255,.1));inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:0;pointer-events:none;position:absolute;z-index:1}.cursor-ai-messages{display:flex;flex-direction:column;gap:0;position:relative;z-index:2}.cursor-ai-msg{align-self:stretch;animation:fadeIn .3s;background:#0000;border:none;border-radius:12px;box-shadow:none;color:#222;font-size:15px;line-height:1.5;margin:0;max-width:100%;padding:12px 16px;word-break:break-word}body.dark .cursor-ai-msg{background:#0000;border:none;color:#fff}body.dark .cursor-ai-msg-question{color:#aaa}body.dark .cursor-ai-msg-ai{color:#fff;font-weight:400}.cursor-ai-msg-question{color:#888;font-size:13px;font-style:italic;font-weight:400;margin-bottom:2px;padding-bottom:0}.cursor-ai-msg-ai{color:#000;font-size:15px;font-style:normal;font-weight:400}.cursor-ai-container>.cursor-ai-messages{padding:0}.cursor-ai-input-row{background:#ef4027;background:var(--cursor-ai-gradient,#ef4027);border-radius:12px;box-shadow:0 2px 8px #0001;gap:8px;margin-top:4px;padding:2px 4px 2px 10px}.cursor-ai-input{background:#fff;border-radius:8px;box-shadow:none;color:#222;font-size:15px;height:32px;max-width:220px;min-width:120px;padding:7px 14px}body.dark .cursor-ai-input{background:#23233a;color:#fff}.cursor-ai-send{background:#fff;border:none;border-radius:8px;color:#23233a;cursor:pointer;font-size:16px;padding:6px 10px;transition:background .2s}.cursor-ai-send:disabled{cursor:not-allowed;opacity:.5}.cursor-ai-mic{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:6px 8px;transition:background .2s}.cursor-ai-mic.recording{animation:cursor-ai-mic-pulse 1s infinite alternate;background:#ff3b3b;color:#fff}@keyframes cursor-ai-mic-pulse{0%{box-shadow:0 0 0 0 #ff3b3b44}to{box-shadow:0 0 0 6px #ff3b3b22}}body.cursor-ai-active iframe,body.cursor-ai-active:not(.canvas-tool-active){cursor:url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grad" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="%23fff"/><stop offset="0.18" stop-color="%23ef4027"/><stop offset="0.5" stop-color="%23a259ff"/><stop offset="1" stop-color="%23fff"/></linearGradient></defs><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93.6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="url(%23grad)" stroke="%23fff" stroke-width="1.85" stroke-miterlimit="10"/></svg>') 5 5,auto!important}body.cursor-ai-active #global-dropdown-portal,body.cursor-ai-active #global-dropdown-portal *,body.cursor-ai-active .model-option,body.cursor-ai-active .portal-agent-global-dropdown,body.cursor-ai-active .portal-agent-global-dropdown *{cursor:url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grad" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="%23fff"/><stop offset="0.18" stop-color="%23ef4027"/><stop offset="0.5" stop-color="%23a259ff"/><stop offset="1" stop-color="%23fff"/></linearGradient></defs><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93.6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="url(%23grad)" stroke="%23fff" stroke-width="1.85" stroke-miterlimit="10"/></svg>') 5 5,pointer!important;pointer-events:auto!important;z-index:2147483647!important}.portal-agent-global-dropdown{pointer-events:auto!important;z-index:2147483647!important}.portal-agent-global-dropdown .model-option{pointer-events:auto!important}body.cursor-ai-active #global-dropdown-portal,body.cursor-ai-active .portal-agent-global-dropdown{pointer-events:auto!important;z-index:2147483647!important}.cursor-ai-container,.cursor-ai-results-bar{z-index:2147483646!important}body.cursor-ai-active #global-dropdown-portal,body.cursor-ai-active .model-option,body.cursor-ai-active .portal-agent-global-dropdown,body.cursor-ai-active .portal-agent-global-dropdown *{cursor:pointer!important;pointer-events:auto!important}body.cursor-ai-active.canvas-tool-active #root,body.cursor-ai-active.canvas-tool-active .App,body.cursor-ai-active.canvas-tool-active .canvas-cursor,body.cursor-ai-active.canvas-tool-active .canvas-overlay,body.cursor-ai-active.canvas-tool-active .infinite-canvas,body.cursor-ai-active.canvas-tool-active [class*=Cursor],body.cursor-ai-active.canvas-tool-active [class*=canvas]{cursor:inherit!important}body.dark .cursor-ai-container.gradient-accent{--cursor-ai-bg:#23233a}body:not(.dark) .cursor-ai-container.gradient-accent{--cursor-ai-bg:#fff}.cursor-ai-container.slash-prompt{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--ai-backdrop-blur,blur(12px));backdrop-filter:var(--ai-backdrop-blur,blur(12px));background:#fff;background:var(--ai-glass-light,#fff);border:none;border-radius:12px;box-shadow:0 4px 32px #0000001a;box-shadow:var(--ai-shadow-glass,0 4px 32px #0000001a);display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;max-width:220px;min-width:120px;padding:7px 16px;pointer-events:none}body.dark .cursor-ai-container.slash-prompt{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181824;box-shadow:0 4px 32px #0000002e;color:#fff}.cursor-ai,.cursor-ai-chat,.cursor-ai-container,.cursor-ai-pointer,.cursor-ai-selection-box,.cursor-ai-slash-prompt,[data-cursor-ai=true]{z-index:2147483646!important}body.cursor-ai-active .startup-gradient-overlay{cursor:url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grad" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="%23fff"/><stop offset="0.18" stop-color="%23ef4027"/><stop offset="0.5" stop-color="%23a259ff"/><stop offset="1" stop-color="%23fff"/></linearGradient></defs><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93.6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="url(%23grad)" stroke="%23fff" stroke-width="1.85" stroke-miterlimit="10"/></svg>') 5 5,auto!important;pointer-events:auto!important;z-index:1000000!important}body.cursor-ai-active .startup-mode-selector-container{cursor:url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grad" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="%23fff"/><stop offset="0.18" stop-color="%23ef4027"/><stop offset="0.5" stop-color="%23a259ff"/><stop offset="1" stop-color="%23fff"/></linearGradient></defs><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93_6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="url(%23grad)" stroke="%23fff" stroke-width="1.85" stroke-miterlimit="10"/></svg>') 5 5,pointer!important;z-index:1000001!important}body.cursor-ai-active .cursor-ai-container{z-index:1000002!important}body.cursor-ai-active .auth-buttons-container,body.cursor-ai-active .portal-brand,body.cursor-ai-active .portal-subtitle,body.cursor-ai-active .startup-gradient-overlay,body.cursor-ai-active .startup-mode-selector-container,body.cursor-ai-active .tab-key-hint{cursor:url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grad" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="%23fff"/><stop offset="0.18" stop-color="%23ef4027"/><stop offset="0.5" stop-color="%23a259ff"/><stop offset="1" stop-color="%23fff"/></linearGradient></defs><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93.6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="url(%23grad)" stroke="%23fff" stroke-width="1.85" stroke-miterlimit="10"/></svg>') 5 5,auto!important;isolation:auto!important}body.cursor-ai-active .portal-brand,body.cursor-ai-active .portal-subtitle,body.cursor-ai-active .tab-key-hint{cursor:url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grad" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="%23fff"/><stop offset="0.18" stop-color="%23ef4027"/><stop offset="0.5" stop-color="%23a259ff"/><stop offset="1" stop-color="%23fff"/></linearGradient></defs><path d="M90.53,33.68l2.88,187.3c-.14,1.55,1.6,2.55,2.9,1.67l54.83-45.68c.21-.14.45-.24.7-.29l71.08-6.35c1.54-.3,2.06-2.23.87-3.23L93_6,32.41c-1.15-.96-2.94-.23-3.07,1.27Z" fill="url(%23grad)" stroke="%23fff" stroke-width="1.85" stroke-miterlimit="10"/></svg>') 5 5,auto!important}.cursor-ai-input-field{background:#0000!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;pointer-events:auto;width:300px}.cursor-ai-input-container,.cursor-ai-input-field>.cursor-ai-input-container,div[data-cursor-ai=true]>.cursor-ai-input-container{background:#0000!important;border:none!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;width:100%!important}.cursor-ai-input-row{align-items:center;background:#1e1e23f2;border:1px solid #ef402766;border-radius:8px;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;display:flex;gap:4px;max-width:none;min-width:0;min-width:auto;padding:8px 12px;transition:all .2s ease;width:100%}@media (prefers-color-scheme:light){.cursor-ai-input-row{background:#f8fafcf2;border-color:#ef402759;box-shadow:0 2px 8px #0000001a}.cursor-ai-input-row:focus-within{border-color:#ef402799;box-shadow:0 4px 12px #ef402733}}@media (prefers-color-scheme:dark){.cursor-ai-input-row{background:#1e1e23f2;border-color:#ef402780;box-shadow:0 2px 8px #00000080}.cursor-ai-input-row:focus-within{border-color:#ef4027b3;box-shadow:0 4px 12px #ef40274d}}.cursor-ai-input{background:#0000;border:none;caret-color:#ef4027;color:#1e293b;flex:1 1;font-size:14px;font-weight:500;outline:none;padding:0}.cursor-ai-input::placeholder{color:#1e293b66}@media (prefers-color-scheme:dark){.cursor-ai-input{caret-color:#ef4027;color:#f1f5f9}.cursor-ai-input::placeholder{color:#f1f5f966}}.cursor-ai-voice-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef40271a;border:1px solid #ef402733;border-radius:8px;color:#ef4027;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-width:36px;overflow:hidden;position:relative;transition:all .2s ease;width:36px}.cursor-ai-voice-button:hover{background:#ef402733;border-color:#ef402766;box-shadow:0 4px 12px #ef40274d}.cursor-ai-voice-button:active{background:#ef402740;transform:scale(.98)}@media (prefers-color-scheme:dark){.cursor-ai-voice-button{background:#ef402726;border-color:#ef40274d}.cursor-ai-voice-button:hover{background:#ef402740;border-color:#ef402780;box-shadow:0 4px 12px #ef402766}}.cursor-ai-voice-button.recording{animation:pulse 1.5s ease-in-out infinite;background:#ffffff40}.cursor-ai-voice-button.processing{background:#ffffff40}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #fff6}50%{box-shadow:0 0 0 6px #fff0}}.waveform-mini{align-items:center;display:flex;gap:2px;height:20px;justify-content:center}.waveform-bar{animation:waveform-pulse .8s ease-in-out infinite;background:linear-gradient(180deg,#fff,#fff9);border-radius:2px;height:4px;width:2px}@keyframes waveform-pulse{0%,to{height:4px}50%{height:14px}}.spinner-mini{animation:spin 1s linear infinite;height:20px;position:relative;width:20px}.spinner-gradient{border-color:#fff #ffffff80 #0000 #0000;border-radius:50%;border-style:solid;border-width:2px;height:100%;width:100%}.cursor-ai-three-dots-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#a259ff1a;border:1px solid #a259ff33;border-radius:8px;color:#a259ff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-width:36px;transition:all .2s ease;width:36px}.cursor-ai-three-dots-button:hover{background:#a259ff33;border-color:#a259ff66;box-shadow:0 4px 12px #a259ff4d}.cursor-ai-three-dots-button:active{background:#a259ff40;transform:scale(.98)}.cursor-ai-three-dots-button.active{background:#a259ff4d;border-color:#a259ff80}@media (prefers-color-scheme:dark){.cursor-ai-three-dots-button{background:#a259ff26;border-color:#a259ff4d}.cursor-ai-three-dots-button:hover{background:#a259ff40;border-color:#a259ff80;box-shadow:0 4px 12px #a259ff66}.cursor-ai-three-dots-button.active{background:#a259ff59;border-color:#ef402799}}.cursor-ai-prompt-pills{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0003,0 0 0 1px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;left:0;max-width:300px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:100%;z-index:10}.cursor-ai-prompt-pill{background:linear-gradient(135deg,#ef40271a,#a259ff1a);border:1px solid #ef40274d;border-radius:12px;color:#1e293b;cursor:inherit;font-size:13px;font-weight:500;padding:8px 12px;text-align:left;transition:all .2s ease}.cursor-ai-prompt-pill:hover{background:linear-gradient(135deg,#ef402733,#a259ff33);border-color:#ef402780;transform:translateX(4px)}.cursor-ai-prompt-pill:active{background:linear-gradient(135deg,#ef402740,#a259ff40);transform:translateX(2px)}.cursor-ai-response-area::-webkit-scrollbar{width:6px}.cursor-ai-response-area::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.cursor-ai-response-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ef4027,#a259ff);border-radius:3px}.cursor-ai-response-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e6002d,#9047ff)}.cursor-ai-response-area{max-height:0;overflow:hidden;padding:0 12px 12px;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);width:100%}.cursor-ai-response-area.expanded{max-height:400px;overflow-y:auto;width:100%}.cursor-ai-response-content{border-top:1px solid #ef40271a;box-sizing:border-box;padding-top:8px;width:100%;word-break:break-word}.cursor-ai-loading-dots{align-items:center;display:flex;gap:4px;justify-content:center;padding:12px 0}.cursor-ai-loading-dots span{animation:bounceDot 1.4s ease-in-out infinite both;background:#ef4027;border-radius:50%;height:8px;width:8px}.cursor-ai-loading-dots span:first-child{animation-delay:-.32s}.cursor-ai-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounceDot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.cursor-ai-response-content{word-wrap:break-word;color:#1e293b;font-size:14px;line-height:1.6;white-space:pre-wrap}@media (prefers-color-scheme:dark){.cursor-ai-prompt-pills{background:#1e1e23f2}.cursor-ai-prompt-pill{background:linear-gradient(135deg,#ef402726,#a259ff26);color:#f1f5f9}.cursor-ai-prompt-pill:hover{background:linear-gradient(135deg,#ef402740,#a259ff40)}.cursor-ai-response-content{border-top-color:#ef402733;color:#f1f5f9}.cursor-ai-loading-dots span{background:#ef4027}}.cursor-loading-bubble{animation:fadeInSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cursor-loading-container{background-clip:padding-box;border:none;border-radius:14px;display:flex;flex-direction:column;gap:0;max-height:190px;max-width:360px;min-width:260px;padding:0;position:relative;transition:box-shadow .2s,background .2s}.cursor-loading-container.dark{background:#181824;border:1px solid #ef402766;box-shadow:0 4px 32px #00000040}.cursor-loading-container.light{background:#fff;border:1px solid #ef40274d;box-shadow:0 4px 32px #0000001f}.cursor-loading-container:before{display:none}.cursor-loading-content{align-items:center;display:flex;gap:10px;padding:12px 14px;position:relative;z-index:2}.cursor-toolcall-wrap{width:100%}.cursor-toolcall-wrap .tool-call-indicator{border-radius:10px;margin-bottom:0;width:100%}.cursor-loading-bubble.toolcall-only .cursor-toolcall-wrap{max-width:340px;min-width:250px}.cursor-loading-stream{background:#ef40271a;border:1px solid #ef402740;border-radius:10px;color:#f1f5f9eb;font-size:12px;line-height:1.35;margin:0 14px 12px;max-height:92px;overflow-y:auto;padding:8px 10px;scroll-behavior:smooth;scrollbar-color:#ef4027b8 #ef402729;scrollbar-width:thin;white-space:pre-wrap}.cursor-loading-stream::-webkit-scrollbar{width:6px}.cursor-loading-stream::-webkit-scrollbar-thumb{background:#ef402799;border-radius:999px}.cursor-loading-stream::-webkit-scrollbar-track{background:#ef40272e;border-radius:999px}.cursor-loading-container.light .cursor-loading-stream{background:#ef402717;border-color:#ef402738;color:#1e293be6}.cursor-loading-message{-webkit-text-fill-color:#0000;animation:shimmerSweep 2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff4d,#fff 50%,#ffffff4d);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#fff;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;line-height:1.4;text-shadow:0 0 8px #ffffff40;word-break:break-word}@keyframes shimmerSweep{0%{background-position:200% 0;opacity:1}to{background-position:-200% 0;opacity:1}}.cursor-circle-spinner{animation:spin 1s linear infinite;color:#ef4027;flex-shrink:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cursor-loading-container.light .cursor-loading-message{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e293b4d,#1e293b 50%,#1e293b4d);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#1e293b;text-shadow:0 0 8px #1e293b26}.pie-menu{--pie-size:360px;animation:pieMenuFadeIn .2s ease-out;filter:drop-shadow(0 2px 10px rgba(0,0,0,.12));font-family:var(--font-family);-webkit-user-select:none;user-select:none}.pie-menu__svg{height:var(--pie-size);width:var(--pie-size)}.pie-menu__slice{cursor:pointer;transition:fill var(--transition-fast),filter var(--transition-fast)}.pie-menu__slice:hover{cursor:pointer;filter:brightness(1.1)}.pie-menu__icon-container{align-items:center;display:flex;height:24px;justify-content:center;opacity:.9;transition:all var(--transition-fast);width:24px}.pie-menu__icon-container--hovered{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.pie-menu__icon{stroke-width:1.5;color:#374151;height:18px;width:18px}.App.dark .pie-menu__icon{stroke:#fff;color:#fff}.pie-menu__tooltip{animation:tooltipFadeIn .1s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff4d;border:1px solid #ffffff40;border-radius:var(--radius-sm);box-shadow:0 2px 8px #00000026;color:#374151;font-size:13px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;opacity:1;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;white-space:nowrap}.App.dark .pie-menu__tooltip{background:#18181cf2;border:1px solid #ffffff40;box-shadow:0 2px 10px #00000040;color:#fff}.pie-menu__center{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ef402714;border:1px solid #ef402726;border-radius:var(--radius-sm);box-shadow:0 2px 6px #00000014;color:#374151;font-size:12px;font-weight:var(--font-weight-semibold);left:50%;letter-spacing:.02em;opacity:.9;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%);white-space:nowrap}.App.dark .pie-menu__center{background:#18181ceb;border:1px solid #ffffff26;box-shadow:0 2px 6px #0000002e;color:#fff}.pie-menu__nucleus{height:32px;left:50%;opacity:0;pointer-events:none;position:absolute;top:60%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:32px}.pie-menu__nucleus.active{opacity:1}.pie-menu__nucleus-outer{animation:nucleusRotate 2s linear infinite;background:linear-gradient(135deg,#ef4027,#a259ff) border-box;height:32px;width:32px}.pie-menu__nucleus-inner,.pie-menu__nucleus-outer{border:2px solid #0000;border-radius:50%;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.pie-menu__nucleus-inner{animation:nucleusRotate 1.5s linear infinite reverse;background:linear-gradient(45deg,#a259ff,#ef4027) border-box;height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes pieMenuFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes nucleusRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.infinite-canvas.dark .pie-menu__center,.infinite-canvas.dark .pie-menu__tooltip{background:#000000f2;border-color:#ffffff1a}.startup-portal-agent-footer-container{animation:floatIn .6s cubic-bezier(.25,.46,.45,.94) forwards;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));left:50%;max-width:900px;position:fixed;top:60%;transform:translate(-50%,-50%);width:clamp(600px,70vw,900px);z-index:1000001}@keyframes floatIn{0%{transform:translate(-50%,-40%)}to{transform:translate(-50%,-50%)}}.startup-portal-agent-footer-container .portal-agent-chat-container{backdrop-filter:blur(60px)!important;-webkit-backdrop-filter:blur(60px)!important;background:#fff!important;border:none!important;border-radius:12px!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;box-shadow:0 4px 16px #ef40271a,0 8px 32px #0000001a!important;height:150px!important;max-height:none!important;min-height:auto!important;overflow:hidden!important;padding:10px!important;position:relative!important}.startup-portal-agent-footer-container .input-row{padding:0 12px!important}.startup-portal-agent-footer-container .portal-agent-button-row{margin:2px 0 0!important;padding:0 12px 2px!important}.startup-portal-agent-footer-container .portal-agent-conversation-area{display:none!important;flex:0 0!important;height:100px!important;margin:50px!important;max-height:0!important;min-height:100px!important;overflow:hidden!important;padding:50px!important}.App.dark .startup-portal-agent-footer-container .portal-agent-chat-container{backdrop-filter:blur(60px)!important;-webkit-backdrop-filter:blur(60px)!important;background:#121214!important}.App.dark .startup-portal-agent-footer-container .portal-agent-chat-container:after{background:#121214f2,inherit!important}.App.dark .startup-portal-agent-footer-container .input-row,.App.dark .startup-portal-agent-footer-container .portal-agent-input,.App.dark .startup-portal-agent-footer-container .portal-agent-input-area,.App.dark .startup-portal-agent-footer-container .portal-agent-input-container,.App.dark .startup-portal-agent-footer-container .portal-agent-input-wrapper,.App.dark .startup-portal-agent-footer-container .portal-agent-input-wrapper:after,.App.dark .startup-portal-agent-footer-container .portal-agent-input-wrapper:before,.App.dark .startup-portal-agent-footer-container textarea{background:#0000!important}.startup-portal-agent-footer-container .portal-agent-ai-button,.startup-portal-agent-footer-container .portal-agent-button-row button{align-items:center!important;background:#ef40271a!important;border:1px solid #ef40274d!important;display:flex!important;font-size:12px!important;height:32px!important;justify-content:center!important;padding:6px 10px!important}.startup-portal-agent-footer-container .portal-agent-ai-button:hover,.startup-portal-agent-footer-container .portal-agent-button-row button:hover{background:#ef402726!important;border-color:#ef402780!important}.startup-portal-agent-footer-container .attachments-container,.startup-portal-agent-footer-container .portal-agent-compose-selectors,.startup-portal-agent-footer-container .portal-agent-inline-dropdown,.startup-portal-agent-footer-container .portal-agent-inspiration-indicator,.startup-portal-agent-footer-container .portal-agent-left-controls,.startup-portal-agent-footer-container .portal-agent-messages-container,.startup-portal-agent-footer-container .portal-agent-mode-slider,.startup-portal-agent-footer-container .portal-agent-model-selector-top,.startup-portal-agent-footer-container .portal-agent-right-controls,.startup-portal-agent-footer-container .portal-agent-settings-button,.startup-portal-agent-footer-container .portal-agent-top-bar{display:none!important}.startup-portal-agent-footer-container .portal-agent-chat-container:hover{box-shadow:0 4px 16px #ef40271a,0 8px 32px #0000001a!important}.startup-portal-agent-footer-container .portal-agent-chat-container:focus-within{box-shadow:0 4px 24px #ef402740,0 16px 48px #0003,0 0 0 2px #ef4027!important}.dark .startup-portal-agent-footer-container .portal-agent-chat-container:hover,body.dark .startup-portal-agent-footer-container .portal-agent-chat-container:hover{box-shadow:0 4px 16px #ef402733,0 8px 32px #0000004d!important}.dark .startup-portal-agent-footer-container .portal-agent-chat-container:focus-within,body.dark .startup-portal-agent-footer-container .portal-agent-chat-container:focus-within{box-shadow:0 4px 24px #ef40274d,0 16px 48px #0006,0 0 0 2px #ef4027!important}.startup-portal-agent-footer-container .portal-agent-left-buttons>.portal-agent-ai-button{flex:1 1!important;max-width:none!important;min-width:100px!important;white-space:nowrap!important}.startup-portal-agent-footer-container .container-button,.startup-portal-agent-footer-container .portal-agent-button-row>button:last-child,.startup-portal-agent-footer-container .portal-agent-button-row>div:last-child,.startup-portal-agent-footer-container .portal-agent-camera-button,.startup-portal-agent-footer-container .portal-agent-container-controls,.startup-portal-agent-footer-container .portal-agent-right-buttons,.startup-portal-agent-footer-container button[aria-label*=Camera],.startup-portal-agent-footer-container button[aria-label*=camera]{display:none!important;height:0!important;left:-9999px!important;margin:0!important;opacity:0!important;padding:0!important;position:absolute!important;visibility:hidden!important;width:0!important}.startup-portal-agent-footer-container .portal-agent-button-row{background:#0000!important;display:flex!important;flex-wrap:nowrap!important;gap:12px!important;margin:0!important;padding:0 12px 4px!important;width:100%!important}.startup-portal-agent-footer-container .input-row{background:#0000!important;margin:0!important;padding:4px 12px 0!important}.App.dark .startup-portal-agent-footer-container .input-row,.App.dark .startup-portal-agent-footer-container .portal-agent-input,.App.dark .startup-portal-agent-footer-container .portal-agent-input-area,.App.dark .startup-portal-agent-footer-container .portal-agent-input-container,.App.dark .startup-portal-agent-footer-container .portal-agent-input-wrapper{background:#0000!important}.App.dark .startup-portal-agent-footer-container .portal-agent-input-wrapper:after,.App.dark .startup-portal-agent-footer-container .portal-agent-input-wrapper:before{background:#0000!important;display:none!important}.startup-portal-agent-footer-container .portal-agent-button-row button:first-child,.startup-portal-agent-footer-container .portal-agent-button-row button:nth-child(2){flex:1 1!important;min-width:0!important;padding:10px 16px!important;white-space:nowrap!important}.startup-portal-agent-footer-container .portal-agent-button-row button:first-child svg,.startup-portal-agent-footer-container .portal-agent-button-row button:nth-child(2) svg{display:inline-block!important;height:16px!important;margin-right:8px!important;width:16px!important}.startup-portal-agent-footer-container .input-row button:first-child svg,.startup-portal-agent-footer-container .portal-agent-mic-btn svg,.startup-portal-agent-footer-container .portal-agent-send-btn svg,.startup-portal-agent-footer-container button[aria-label="Send message"] svg,.startup-portal-agent-footer-container button[aria-label="Voice input"] svg{height:16px!important;width:16px!important}.startup-portal-agent-footer-container .portal-agent-dropdown,.startup-portal-agent-footer-container .portal-agent-input,.startup-portal-agent-footer-container button,.startup-portal-agent-footer-container select,.startup-portal-agent-footer-container textarea{border-radius:12px!important}.startup-portal-agent-footer-container .ai-editor-dropdown,.startup-portal-agent-footer-container .dropdown-content,.startup-portal-agent-footer-container .portal-agent-dropdown-menu{position:fixed!important;z-index:1000002!important}.startup-portal-agent-footer-container .input-row,.startup-portal-agent-footer-container .portal-agent-button-row{display:flex!important}.startup-portal-agent-footer-container .portal-agent-ai-button svg:last-child,.startup-portal-agent-footer-container .portal-agent-button-row button:first-child svg:last-child,.startup-portal-agent-footer-container .portal-agent-button-row button:nth-child(2) svg:last-child,.startup-portal-agent-footer-container .portal-agent-left-buttons button svg:last-child{margin-left:auto!important;margin-right:0!important}.startup-portal-agent-footer-container .portal-agent-ai-button.active,.startup-portal-agent-footer-container .portal-agent-left-buttons button.active{align-items:center!important;justify-content:space-between!important}.startup-portal-agent-footer-container .ai-editor-dropdown svg,.startup-portal-agent-footer-container .dropdown-content svg,.startup-portal-agent-footer-container .dropdown-item svg,.startup-portal-agent-footer-container .menu svg,.startup-portal-agent-footer-container .menu-item svg,.startup-portal-agent-footer-container .portal-agent-ai-button+* svg,.startup-portal-agent-footer-container .portal-agent-dropdown svg,.startup-portal-agent-footer-container [role=menu] svg,.startup-portal-agent-footer-container button[aria-expanded=true]+* svg{flex-shrink:0!important;height:14px!important;max-height:14px!important;max-width:14px!important;min-height:14px!important;min-width:14px!important;width:14px!important}@media (max-width:768px){.startup-portal-agent-footer-container{width:calc(100vw - 40px)}}.startup-mode-selector-container{left:50%;pointer-events:auto;position:fixed;top:calc(58% - 240px);transform:translateX(-50%);transition:all .6s cubic-bezier(.25,.46,.45,.94);z-index:1001}@media screen and (max-height:900px){.startup-mode-selector-container{top:calc(58% - 220px)}}@media screen and (max-height:768px){.startup-mode-selector-container{top:calc(58% - 200px)}}.startup-prompt-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;left:50%;max-width:90%;position:fixed;top:calc(58% - 150px);transform:translateX(-50%);transition:all .3s ease;z-index:1001}@media screen and (max-height:900px){.startup-prompt-pills{gap:10px;max-width:95%;top:calc(58% - 130px)}}@media screen and (max-height:768px){.startup-prompt-pills{flex-wrap:wrap;gap:8px;top:calc(58% - 110px)}.startup-prompt-pill{font-size:13px;padding:8px 12px}.startup-prompt-pill .pill-icon{height:12px;width:12px}}.startup-prompt-pill{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;display:flex;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.startup-gradient-overlay.dark~* .startup-prompt-pill,.startup-prompt-pills.theme-dark .startup-prompt-pill{background:#ef40271a;border:1px solid #ef40274d;color:#ef4027cc}.startup-gradient-overlay.dark~* .startup-prompt-pill:hover,.startup-prompt-pills.theme-dark .startup-prompt-pill:hover{background:#ef402726;border-color:#ef402780;box-shadow:0 8px 32px #ef402733;transform:translateY(-2px)}.startup-gradient-overlay.light~* .startup-prompt-pill,.startup-prompt-pills.theme-light .startup-prompt-pill{background:#ef402726;border:1px solid #ef402726;box-shadow:0 1px 4px 0 #ef40271a;color:#ef4027}.startup-gradient-overlay.light~* .startup-prompt-pill:hover,.startup-prompt-pills.theme-light .startup-prompt-pill:hover{background:#ef402733;border-color:#ef402733;box-shadow:0 2px 8px 0 #ef402726;transform:translateY(-2px)}.startup-gradient-overlay.dark .startup-prompt-pill,.startup-gradient-overlay.dark~* .startup-prompt-pill{background:#ef40271a!important;border:1px solid #ef40274d!important;color:#ef4027cc!important}.startup-gradient-overlay.dark .startup-prompt-pill:hover,.startup-gradient-overlay.dark~* .startup-prompt-pill:hover{background:#ef402726!important;background:#ef402733;border-color:#ef402780!important;border-color:#ef402726;box-shadow:0 2px 8px 0 #ef402726;color:#ef4027!important;transform:translateY(-2px)}.startup-prompt-pill:active{background:#ef402733;border-color:#ef4027cc;box-shadow:0 4px 16px #ef40274d;color:#fff;transform:translateY(0)}.startup-prompt-pill.clicked{animation:pillClickFeedback .6s ease-out}@keyframes pillClickFeedback{0%{box-shadow:0 8px 32px #ef40274d;transform:translateY(-2px) scale(1)}50%{background:#ef402726;box-shadow:0 12px 40px #ef402780;transform:translateY(-4px) scale(1.05)}to{box-shadow:0 8px 32px #ef402733;transform:translateY(-2px) scale(1)}}.startup-prompt-pill .pill-icon{flex-shrink:0;height:14px;transition:color .2s ease;width:14px}.startup-gradient-overlay.dark~* .startup-prompt-pill .pill-icon,.startup-prompt-pills.theme-dark .startup-prompt-pill .pill-icon{color:#ef4027cc}.startup-gradient-overlay.light~* .startup-prompt-pill .pill-icon,.startup-prompt-pills.theme-light .startup-prompt-pill .pill-icon{color:#ef4027}.startup-prompt-pill .pill-text{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.startup-gradient-overlay.dark~* .startup-prompt-pill .pill-text,.startup-prompt-pills.theme-dark .startup-prompt-pill .pill-text{color:#ffffffe6}.startup-gradient-overlay.light~* .startup-prompt-pill .pill-text,.startup-prompt-pills.theme-light .startup-prompt-pill .pill-text{color:#ef4027;font-weight:600}.startup-prompt-pill.brainstorming:hover .pill-icon,.startup-prompt-pill.compose:hover .pill-icon,.startup-prompt-pill.design:hover .pill-icon{color:#ef4027}.startup-gradient-overlay{align-items:center;display:flex;flex-direction:column;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;justify-content:flex-start;left:0;padding-top:240px;pointer-events:auto;position:fixed;top:0;transition:opacity .8s ease,background .3s ease;width:100vw;z-index:500}.startup-gradient-overlay.dark{background:linear-gradient(180deg,#0003,#00000026 20%,#0000001a 40%,#0000000d 60%,#00000005 80%,#0000)}.startup-gradient-overlay.light{background:linear-gradient(180deg,#fff0,#fff0)}@media screen and (max-height:1200px){.startup-gradient-overlay{padding-top:120px}}@media screen and (max-height:900px){.startup-gradient-overlay{padding-top:80px}}@media screen and (max-height:768px){.startup-gradient-overlay{padding-top:60px}}.startup-gradient-overlay *{pointer-events:auto}body.cursor-ai-active .startup-gradient-overlay{pointer-events:none!important;z-index:-1!important}.portal-brand{font-size:4rem;font-weight:700;letter-spacing:-2px;margin:0 0 8px;padding-top:0;transition:color .3s ease}.startup-gradient-overlay.dark .portal-brand,.startup-gradient-overlay.dark~* .portal-brand{color:#fff;text-shadow:0 2px 8px #0000004d}.startup-gradient-overlay.light .portal-brand,.startup-gradient-overlay.light~* .portal-brand{color:#1e293b;text-shadow:0 1px 2px #0000000d}@media screen and (max-height:1200px){.portal-brand{font-size:3.5rem;padding-top:0}}@media screen and (max-height:900px){.portal-brand{font-size:3.2rem;padding-top:0}}@media screen and (max-height:768px){.portal-brand{font-size:3rem;padding-top:0}}.portal-decorative-line{height:2px;margin:0 0 16px;transition:background .3s ease;width:60px}.startup-gradient-overlay.dark .portal-decorative-line,.startup-gradient-overlay.dark~* .portal-decorative-line{background:linear-gradient(90deg,#0000,#ef4027cc,#0000)}.startup-gradient-overlay.light .portal-decorative-line,.startup-gradient-overlay.light~* .portal-decorative-line{background:linear-gradient(90deg,#0000,#ef402799,#0000)}.portal-subtitle{font-size:1rem;margin:0 0 400px;transition:color .3s ease}.startup-gradient-overlay.dark .portal-subtitle,.startup-gradient-overlay.dark~* .portal-subtitle{color:#fffc}.startup-gradient-overlay.light .portal-subtitle,.startup-gradient-overlay.light~* .portal-subtitle{color:#1e293bb3}@media screen and (max-height:1200px){.portal-subtitle{font-size:.9rem;margin:0 0 60px}}@media screen and (max-height:900px){.portal-subtitle{font-size:.88rem;margin:0 0 50px}}@media screen and (max-height:768px){.portal-subtitle{font-size:1rem;margin:0 0 40px}}.tab-key-hint{left:50%;pointer-events:none;position:fixed;top:calc(58% - 250px);transform:translateX(-50%);z-index:999999}@media screen and (max-height:900px){.tab-key-hint{top:calc(58% - 250px)}}@media screen and (max-height:768px){.tab-key-hint{top:calc(58% - 230px)}}.tab-key-hint span{display:inline-block;font-size:.9rem;font-weight:400;letter-spacing:.5px;transition:color .3s ease}.tab-key-hint.dark-theme span{color:#fff9}.tab-key-hint.light-theme span{color:#1e293b99}.startup-gradient-overlay.dark~* .tab-key-hint span{color:#fff9}.startup-gradient-overlay.light~* .tab-key-hint span{color:#1e293b99}.auth-buttons-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center;left:50%;pointer-events:auto;position:absolute;top:72%!important;transform:translateX(-50%);z-index:1000}@media screen and (max-height:1200px){.auth-buttons-container{gap:12px}.auth-button{font-size:.85rem;min-width:180px;padding:10px 20px}}@media screen and (max-height:900px){.auth-buttons-container{gap:10px}.auth-button{font-size:.82rem;min-width:170px;padding:9px 18px}}@media screen and (max-height:768px){.auth-buttons-container{flex-direction:column;gap:8px}.auth-button{font-size:.8rem;min-width:160px;padding:8px 16px}}.auth-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:12px;justify-content:center;min-width:200px;padding:12px 24px;transition:all .2s ease}.startup-gradient-overlay.dark .auth-button,.startup-gradient-overlay.dark~* .auth-button{background:#ffffff1a;border:1px solid #fff3;color:#fff}.startup-gradient-overlay.dark .auth-button:hover,.startup-gradient-overlay.dark~* .auth-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.startup-gradient-overlay.dark .auth-button.google-login:hover,.startup-gradient-overlay.dark~* .auth-button.google-login:hover{background:#4285f426;border-color:#4285f44d}.startup-gradient-overlay.dark .auth-button.email-signup:hover,.startup-gradient-overlay.dark~* .auth-button.email-signup:hover{background:#ef402726;border-color:#ef40274d}.startup-gradient-overlay.light .auth-button,.startup-gradient-overlay.light~* .auth-button{background:#ffffffeb;border:1.5px solid #ef40271a;box-shadow:0 2px 12px 0 #ef402714;color:#1e293b}.startup-gradient-overlay.light .auth-button:hover,.startup-gradient-overlay.light~* .auth-button:hover{background:#fffffff2;border-color:#ef402726;box-shadow:0 4px 16px 0 #ef40271f;transform:translateY(-1px)}.startup-gradient-overlay.light .auth-button.google-login:hover,.startup-gradient-overlay.light~* .auth-button.google-login:hover{background:#fffffff2;border-color:#4285f433;box-shadow:0 4px 16px 0 #4285f41f;color:#4285f4}.startup-gradient-overlay.light .auth-button.email-signup:hover,.startup-gradient-overlay.light~* .auth-button.email-signup:hover{background:#fffffff2;border-color:#ef402733;box-shadow:0 4px 16px 0 #ef402726;color:#ef4027}.email-icon,.google-icon{flex-shrink:0}.login-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000000}.login-modal-overlay.dark-theme{background:#000c}.login-modal{animation:slideUp .3s ease;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 8px 32px #00000026;max-width:400px;padding:32px;position:relative;width:90%}.login-modal-overlay.dark-theme .login-modal{background:#1e1e23f2;border:1px solid #fff3}.login-modal-header{margin-bottom:24px;text-align:center}.login-modal-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 8px}.login-modal-overlay.dark-theme .login-modal-header h3{color:#fff}.login-modal-header p{color:#1e293bb3;font-size:.9rem;margin:0}.login-modal-overlay.dark-theme .login-modal-header p{color:#ffffffb3}.login-modal-buttons{display:flex;flex-direction:column;gap:12px}.modal-auth-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293b0d;border:1px solid #1e293b26;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:12px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.login-modal-overlay.dark-theme .modal-auth-button{background:#ffffff1a;border:1px solid #fff3;color:#fff}.modal-auth-button:hover{background:#1e293b1a;border-color:#1e293b40;transform:translateY(-1px)}.login-modal-overlay.dark-theme .modal-auth-button:hover{background:#ffffff26;border-color:#ffffff4d}.modal-auth-button.google:hover{background:#4285f41a;border-color:#4285f44d}.login-modal-overlay.dark-theme .modal-auth-button.google:hover{background:#4285f426;border-color:#4285f44d}.modal-auth-button.email:hover{background:#ef40271a;border-color:#ef40274d}.login-modal-overlay.dark-theme .modal-auth-button.email:hover{background:#ef402726;border-color:#ef40274d}.modal-close{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;font-size:24px;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s ease}.modal-close:hover{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.startup-gradient-overlay.transitioning{opacity:0;pointer-events:none}.startup-mode-selector-container.transitioning{opacity:0;transform:translateX(-50%) translateY(-500px)}.portal-brand{color:#fffffff2;font-size:48px;font-weight:600;margin:0 0 16px;text-align:center;text-shadow:0 2px 8px #0000004d;z-index:10}.portal-subtitle{color:#ffffffb3;font-size:16px;font-weight:400;margin:0;text-align:center;z-index:10}.startup-portal-agent-border-bg{border-radius:12px;height:154px!important;left:50%;opacity:1;overflow:hidden;pointer-events:none;position:fixed;top:60%!important;transform:translate(-50%,-50%);transition:opacity .3s ease,width .3s ease,height .3s ease;width:905px!important;z-index:999999}body:has(.startup-portal-agent-footer-container .portal-agent-chat-container:focus-within) .startup-portal-agent-border-bg{opacity:0}.startup-portal-agent-border-bg:before{animation:startupRotatingBorder 3s linear infinite;aspect-ratio:1;background:conic-gradient(#0000 270deg,#ef4027cc,#ef402766,#ef402733,#0000);content:"";left:50%;pointer-events:none;position:absolute;top:50%;width:100%}.dark .startup-portal-agent-border-bg:before{background:conic-gradient(#0000 270deg,#ef4027e6,#e6002d99,#b4286466,#0000)}@keyframes startupRotatingBorder{0%{transform:translate(-50%,-50%) scale(1.4) rotate(0turn)}to{transform:translate(-50%,-50%) scale(1.4) rotate(1turn)}}.interactive-mode-demo{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1600px;width:90%}.demo-viewport-container{aspect-ratio:16/9;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;position:relative;width:100%}.interactive-mode-demo.dark-theme .demo-viewport-container{background:#0a0e17;border:1px solid #ffffff1a;box-shadow:0 20px 60px #00000080}.interactive-mode-demo.light-theme .demo-viewport-container{background:#f8fafc;border:1px solid #0000001a;box-shadow:0 20px 60px #00000026}.demo-lock-overlay{bottom:0;cursor:default;left:0;position:absolute;right:0;top:0;z-index:20}.demo-screenshot-area{display:flex;height:100%;left:0;position:absolute;top:0;transition:transform .4s cubic-bezier(.4,0,.2,1);width:300%}.demo-screenshot-area[data-mode=design]{transform:translateX(0)}.demo-screenshot-area[data-mode=brainstorming]{transform:translateX(-33.333%)}.demo-screenshot-area[data-mode=compose]{transform:translateX(-66.666%)}.demo-screenshot{flex-shrink:0;height:100%;object-fit:cover;width:33.333%}@media screen and (max-width:768px){.interactive-mode-demo{width:95%}}:root{--startup-vertical-offset:80px;--startup-overlay-top:calc(18px + var(--startup-vertical-offset));--tab-hint-top:calc(38% + var(--startup-vertical-offset));--mode-selector-top:calc(50% + var(--startup-vertical-offset));--startup-mode-selector-gap:32px;--startup-gap-mode-to-tab:22px;--startup-gap-tab-to-cards:22px;--startup-cards-top:calc(54% - 20px);--startup-cards-gap:18px;--startup-card-width:156px;--startup-card-height:178px;--startup-card-overlap:-9px;--startup-cards-wrapper-padding:20px 40px}.startup-splash-bg-image{filter:blur(1.2px);height:100vh;left:0;object-fit:cover;object-position:center center;opacity:1;pointer-events:none;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100vw;z-index:0}.tab-key-hint-v2{left:50%;pointer-events:none;position:fixed;top:calc(38% + 80px);top:var(--tab-hint-top);transform:translateX(-50%);z-index:999999}.tab-key-hint-v2 span{display:inline-block;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.01rem;font-weight:400;letter-spacing:.5px;transition:color .3s ease}.tab-key-hint-v2.dark-theme span,.tab-key-hint-v2.light-theme span{color:#ffffff80}.tab-key-hint-v2.dark-theme span strong,.tab-key-hint-v2.light-theme span strong{color:#fffc;font-weight:700}.startup-mode-selector-container-v2{left:50%;pointer-events:auto;position:fixed;top:calc(50% + 80px);top:var(--mode-selector-top);transform:translateX(-50%);transition:all .6s cubic-bezier(.25,.46,.45,.94);z-index:1001}.landing-scroll-container .startup-hero-stack{--startup-stack-top:-30px;--startup-logo-top-edge:30px;--startup-logo-top-edge-beta:68px;--startup-logo-top-edge-final:68px;align-items:center;display:flex;flex-direction:column;gap:25px;margin-top:18px;position:relative;width:100%}.landing-scroll-container .startup-hero-stack .startup-mode-selector-container-v2{margin:32px 0 0;margin:var(--startup-mode-selector-gap,var(--startup-stack-top)) 0 0}.landing-scroll-container .startup-hero-stack .tab-key-hint-v2{margin:22px 0;margin:var(--startup-gap-mode-to-tab) 0 var(--startup-gap-tab-to-cards) 0}.landing-scroll-container .startup-hero-stack .startup-cards-container{margin-top:18px}.landing-scroll-container .startup-hero-stack .mode-selector-glassy{top:0!important}.landing-scroll-container .startup-hero-stack.beta .startup-gradient-overlay-v2.closed-beta-layout{padding-top:26px!important;padding-top:var(--startup-logo-top-edge-beta,var(--startup-logo-top-edge,26px))!important}.landing-scroll-container .startup-hero-stack.final .startup-gradient-overlay-v2.final-startup-layout{padding-top:34px!important;padding-top:var(--startup-logo-top-edge-final,34px)!important}.startup-gradient-overlay-v2{align-items:center;display:flex;flex-direction:column;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:auto;justify-content:flex-start;left:0;padding-top:106px;padding-top:calc(var(--startup-overlay-top) + 8px);pointer-events:none;position:fixed;top:0;transition:opacity .8s ease,background .3s ease;width:100vw;z-index:500}.startup-main-logo-v2{height:auto;margin:0 0 14px;object-fit:contain;width:160px}.startup-gradient-overlay-v2.dark,.startup-gradient-overlay-v2.light{background:none!important;background-color:initial!important}.startup-gradient-overlay-v2.transitioning{opacity:0;pointer-events:none}.portal-brand-v2{font-size:3.5rem;font-weight:700;letter-spacing:-2px;margin:0 0 16px;text-align:center;transition:color .3s ease}.startup-gradient-overlay-v2.dark .portal-brand-v2,.startup-gradient-overlay-v2.light .portal-brand-v2{color:#fff;text-shadow:0 2px 8px #0000004d}.portal-decorative-line-v2{height:2px;margin:0 0 18px;transition:background .3s ease;width:50px}.startup-gradient-overlay-v2.dark .portal-decorative-line-v2,.startup-gradient-overlay-v2.light .portal-decorative-line-v2{background:linear-gradient(90deg,#0000,#ef4027cc,#0000)}.portal-subtitle-v2{font-size:1.05rem;font-weight:400;margin:0 0 22px;text-align:center;transition:color .3s ease}.startup-gradient-overlay-v2.dark .portal-subtitle-v2,.startup-gradient-overlay-v2.light .portal-subtitle-v2{color:#fffc}.auth-buttons-container-v2{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center;margin-bottom:34px;pointer-events:auto}@media (min-width:1600px) and (max-width:1899px){:root{--startup-vertical-offset:20px}.landing-scroll-container .startup-hero-stack{--startup-logo-top-edge-beta:200px;--startup-logo-top-edge-final:200px}.landing-scroll-container .startup-hero-stack .startup-cards-container{margin-top:24px}.auth-buttons-container-v2{margin-bottom:42px}}@media (min-width:1900px){:root{--startup-vertical-offset:100px}.landing-scroll-container .startup-hero-stack{--startup-logo-top-edge:48px;--startup-logo-top-edge-beta:550px;--startup-logo-top-edge-final:320px}}@media (max-width:1024px){.auth-buttons-container-v2{margin-bottom:28px}}.auth-button-v2{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:8px;justify-content:center;min-width:160px;padding:8px 16px;transition:all .2s ease}.startup-gradient-overlay-v2.dark .auth-button-v2{background:#0e0e14b8;border:1px solid #ffffff24;box-shadow:0 4px 18px #00000059,inset 0 1px 0 #ffffff12;color:#ffffffeb}.startup-gradient-overlay-v2.dark .auth-button-v2:hover{background:#16161edb;border-color:#ffffff3d;box-shadow:0 6px 22px #0006,inset 0 1px 0 #ffffff1a;color:#fff;transform:translateY(-1px)}.startup-gradient-overlay-v2.dark .auth-button-v2.google-login:hover{background:#0e162cdb;border-color:#4285f459}.startup-gradient-overlay-v2.dark .auth-button-v2.email-signup:hover{background:#2c0c0adb;border-color:#ef402759}.startup-gradient-overlay-v2.light .auth-button-v2{background:#ffffffeb;border:1.5px solid #ef40271a;box-shadow:0 2px 12px 0 #ef402714;color:#1e293b}.startup-gradient-overlay-v2.light .auth-button-v2:hover{background:#fffffff2;border-color:#ef402726;box-shadow:0 4px 16px 0 #ef40271f;transform:translateY(-1px)}.startup-gradient-overlay-v2.light .auth-button-v2.google-login:hover{background:#fffffff2;border-color:#4285f433;box-shadow:0 4px 16px 0 #4285f41f;color:#4285f4}.startup-gradient-overlay-v2.light .auth-button-v2.email-signup:hover{background:#fffffff2;border-color:#ef402733;box-shadow:0 4px 16px 0 #ef402726;color:#ef4027}.auth-button-v2 .email-icon,.auth-button-v2 .google-icon{flex-shrink:0}.login-modal-overlay-v2{align-items:center;animation:fadeInV2 .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000000}.login-modal-overlay-v2.dark-theme{background:#000c}.login-modal-v2{animation:slideUpV2 .3s ease;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 8px 32px #00000026;max-width:400px;padding:32px;position:relative;width:90%}.login-modal-overlay-v2.dark-theme .login-modal-v2{background:#1e1e23f2;border:1px solid #fff3}.login-modal-header-v2{margin-bottom:24px;text-align:center}.login-modal-header-v2 h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 8px}.login-modal-overlay-v2.dark-theme .login-modal-header-v2 h3{color:#fff}.login-modal-header-v2 p{color:#1e293bb3;font-size:.9rem;margin:0}.login-modal-overlay-v2.dark-theme .login-modal-header-v2 p{color:#ffffffb3}.login-modal-buttons-v2{display:flex;flex-direction:column;gap:12px}.modal-auth-button-v2{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293b0d;border:1px solid #1e293b26;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:12px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.login-modal-overlay-v2.dark-theme .modal-auth-button-v2{background:#ffffff1a;border:1px solid #fff3;color:#fff}.modal-auth-button-v2:hover{background:#1e293b1a;border-color:#1e293b40;transform:translateY(-1px)}.login-modal-overlay-v2.dark-theme .modal-auth-button-v2:hover{background:#ffffff26;border-color:#ffffff4d}.modal-auth-button-v2.google:hover{background:#4285f41a;border-color:#4285f44d}.login-modal-overlay-v2.dark-theme .modal-auth-button-v2.google:hover{background:#4285f426}.modal-auth-button-v2.email:hover{background:#ef40271a;border-color:#ef40274d}.login-modal-overlay-v2.dark-theme .modal-auth-button-v2.email:hover{background:#ef402726}.modal-close-v2{background:none;border:none;border-radius:4px;color:#1e293b80;cursor:pointer;font-size:24px;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s ease}.login-modal-overlay-v2.dark-theme .modal-close-v2{color:#fff9}.modal-close-v2:hover{color:#1e293b}.login-modal-overlay-v2.dark-theme .modal-close-v2:hover{color:#fff}@keyframes fadeInV2{0%{opacity:0}to{opacity:1}}@keyframes slideUpV2{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (min-width:2200px) and (min-height:1200px){:root{--startup-overlay-top:calc(132px + var(--startup-vertical-offset));--tab-hint-top:calc(37.5% + var(--startup-vertical-offset));--mode-selector-top:calc(39.5% + var(--startup-vertical-offset));--startup-mode-selector-gap:82px;--startup-gap-mode-to-tab:40px;--startup-gap-tab-to-cards:46px;--startup-cards-top:calc(56% - 24px);--startup-cards-gap:36px;--startup-card-width:166px;--startup-card-height:194px;--startup-card-overlap:-6px;--startup-cards-wrapper-padding:28px 56px}.startup-gradient-overlay-v2{padding-top:98px;padding-top:var(--startup-overlay-top)}.portal-brand-v2{font-size:4.5rem}.portal-subtitle-v2{font-size:1.1rem;margin:0 0 28px}.auth-button-v2{font-size:.88rem;min-width:188px;padding:11px 22px}.tab-key-hint-v2{top:calc(38% + 80px);top:var(--tab-hint-top)}.startup-mode-selector-container-v2{top:calc(50% + 80px);top:var(--mode-selector-top)}}@media screen and (max-height:1100px){:root{--startup-overlay-top:calc(120px + var(--startup-vertical-offset));--tab-hint-top:calc(36% + var(--startup-vertical-offset));--mode-selector-top:calc(35% + var(--startup-vertical-offset))}.startup-gradient-overlay-v2{padding-top:98px;padding-top:var(--startup-overlay-top)}.portal-brand-v2{font-size:3.2rem}.portal-subtitle-v2{font-size:1 rem;margin:0 0 18px}.auth-button-v2{font-size:.78rem;gap:6px;min-width:150px;padding:8px 14px}.tab-key-hint-v2{top:calc(38% + 80px);top:var(--tab-hint-top)}.startup-mode-selector-container-v2{top:calc(50% + 80px);top:var(--mode-selector-top)}}@media screen and (max-height:900px){:root{--startup-overlay-top:calc(60px + var(--startup-vertical-offset));--tab-hint-top:calc(34% + var(--startup-vertical-offset));--mode-selector-top:calc(36% + var(--startup-vertical-offset))}.startup-gradient-overlay-v2{padding-top:98px;padding-top:var(--startup-overlay-top)}.portal-brand-v2{font-size:2.8rem}.portal-decorative-line-v2{margin:0 0 10px;width:40px}.portal-subtitle-v2{font-size:.85rem;margin:0 0 16px}.auth-button-v2{font-size:.75rem;min-width:140px;padding:7px 12px}.tab-key-hint-v2{top:calc(38% + 80px);top:var(--tab-hint-top)}.startup-mode-selector-container-v2{top:calc(50% + 80px);top:var(--mode-selector-top)}}@media screen and (max-height:768px){:root{--startup-overlay-top:calc(40px + var(--startup-vertical-offset));--tab-hint-top:calc(32% + var(--startup-vertical-offset));--mode-selector-top:calc(34% + var(--startup-vertical-offset))}.startup-gradient-overlay-v2{padding-top:98px;padding-top:var(--startup-overlay-top)}.portal-brand-v2{font-size:2.4rem}.portal-decorative-line-v2{margin:0 0 8px;width:35px}.portal-subtitle-v2{font-size:.8rem;margin:0 0 14px}.auth-buttons-container-v2{gap:8px}.auth-button-v2{border-radius:8px;font-size:.72rem;min-width:130px;padding:6px 10px}.tab-key-hint-v2{top:calc(38% + 80px);top:var(--tab-hint-top)}.tab-key-hint-v2 span{font-size:.8rem}.startup-mode-selector-container-v2{top:calc(50% + 80px);top:var(--mode-selector-top)}}@media screen and (max-height:650px){:root{--startup-overlay-top:calc(30px + var(--startup-vertical-offset));--tab-hint-top:calc(30% + var(--startup-vertical-offset));--mode-selector-top:calc(32% + var(--startup-vertical-offset))}.startup-gradient-overlay-v2{padding-top:98px;padding-top:var(--startup-overlay-top)}.portal-brand-v2{font-size:2rem}.portal-decorative-line-v2{display:none}.portal-subtitle-v2{font-size:.75rem;margin:0 0 12px}.auth-buttons-container-v2{gap:6px}.auth-button-v2{font-size:.68rem;min-width:110px;padding:5px 8px}.tab-key-hint-v2{top:calc(38% + 80px);top:var(--tab-hint-top)}.startup-mode-selector-container-v2{top:calc(50% + 80px);top:var(--mode-selector-top)}}@media screen and (max-height:500px){:root{--startup-overlay-top:calc(20px + var(--startup-vertical-offset));--tab-hint-top:calc(25% + var(--startup-vertical-offset));--mode-selector-top:calc(30% + var(--startup-vertical-offset))}.startup-gradient-overlay-v2{padding-top:98px;padding-top:var(--startup-overlay-top)}.portal-brand-v2{font-size:1.6rem}.portal-decorative-line-v2{display:none}.portal-subtitle-v2{font-size:.7rem;margin:0 0 10px}.auth-buttons-container-v2{flex-direction:row;gap:5px}.auth-button-v2{font-size:.65rem;min-width:100px;padding:4px 6px}.tab-key-hint-v2{top:calc(38% + 80px);top:var(--tab-hint-top)}.tab-key-hint-v2 span{font-size:.75rem}.startup-mode-selector-container-v2{top:calc(50% + 80px);top:var(--mode-selector-top)}}@media screen and (max-width:500px){.auth-buttons-container-v2{flex-direction:column;gap:8px}.auth-button-v2{min-width:180px}}.feature-video.edge-to-edge{aspect-ratio:16/9;background:#000;border-radius:0;display:block;height:auto;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100vw;min-height:400px;object-fit:cover;width:100vw}.landing-feature-section{align-items:center;background:#080c15;display:flex;justify-content:center;margin:0;min-height:400px;overflow:hidden;padding:0}.landing-scroll-container.light-theme .landing-feature-section{background:#f8fafc}:root{--landing-hero-padding:18px;--landing-hero-min-height-web:96vh;--landing-hero-min-height-desktop:94vh;--landing-scroll-indicator-gap:50px;--landing-headline-offset:-72px;--landing-feature-overlap:-50px}.landing-scroll-container{height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;scroll-behavior:smooth;scrollbar-color:#ef40274d #0000;scrollbar-width:thin;top:0;width:100vw;z-index:1000}.landing-scroll-container.dark-theme,.landing-scroll-container.light-theme{background:#0000}.landing-scroll-container::-webkit-scrollbar{width:8px}.landing-scroll-container::-webkit-scrollbar-track{background:#0000}.landing-scroll-container::-webkit-scrollbar-thumb{background:#ef40274d;border-radius:4px}.landing-scroll-container::-webkit-scrollbar-thumb:hover{background:#ef402780}.landing-hero-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:0;min-height:96vh;min-height:var(--landing-hero-min-height-web);padding:18px 0 0;padding-bottom:0;padding-top:var(--landing-hero-padding);position:relative}.landing-scroll-container.desktop-app .landing-hero-section{min-height:94vh;min-height:var(--landing-hero-min-height-desktop)}.landing-hero-section:after{display:none}.landing-peek-overlay{bottom:0;height:44vh;left:0;pointer-events:none;position:fixed;right:0;transition:opacity .6s ease;z-index:70}.landing-scroll-container.dark-theme .landing-peek-overlay,.landing-scroll-container.light-theme .landing-peek-overlay{background:linear-gradient(180deg,#080c1500,#080c1526 25%,#080c1580 52%,#080c15d1 75%,#080c15f0)}.landing-peek-overlay.hidden{opacity:0}.landing-scroll-container.dark-theme .landing-hero-section,.landing-scroll-container.light-theme .landing-hero-section{background:#0000}.landing-scroll-container .startup-gradient-overlay-v2{height:auto!important;left:auto!important;position:relative!important;top:auto!important;width:100%!important}.landing-hero-section.final-startup-layout{padding-top:28px;padding-top:calc(var(--landing-hero-padding) + 10px)}.landing-hero-section.final-startup-layout .startup-cards-container{margin-top:0}.landing-scroll-container .portal-brand-v2{margin:0 0 10px}.landing-scroll-container .portal-decorative-line-v2{margin:0 0 8px}.landing-scroll-container .portal-subtitle-v2{margin:0 0 10px}.closed-beta-cta-wrap{align-items:center;display:flex;flex-direction:column;gap:10px;margin:18px auto 8px;max-width:calc(100% - 28px);pointer-events:auto;position:relative;width:fit-content;z-index:1205}.closed-beta-cta{background:#181018;border:1px solid #ef402757;border-radius:14px;box-shadow:inset 0 1px 0 #ffa18f2e,0 0 0 1px #ef40271a;color:#ffffffed;cursor:pointer;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.79rem;font-weight:500;height:45px;isolation:isolate;letter-spacing:.15px;min-width:0;overflow:hidden;padding:0 16px;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:auto}.closed-beta-cta:before{animation:closedBetaRotatingBorder 3s linear infinite;aspect-ratio:1;background:conic-gradient(#0000 270deg,#ef4027cc,#ef40276b,#ef402733,#0000);left:50%;top:50%;transform:translate(-50%,-50%) scale(1.4) rotate(0deg);width:145%;z-index:0}.closed-beta-cta:after,.closed-beta-cta:before{content:"";pointer-events:none;position:absolute}.closed-beta-cta:after{background:radial-gradient(120% 180% at 50% 50%,#141414fa 0,#141414fa 42%,#1f1016 78%,#120f1a 100%),linear-gradient(180deg,#251014,#120f1a);border-radius:inherit;inset:1px;z-index:1}.closed-beta-cta:hover{border-color:#ef4027b8;box-shadow:inset 0 1px 0 #ffbaaa47,0 0 0 1px #ef40273d}.closed-beta-cta.pulse-once{animation:closedBetaOutlineGlow 1.65s cubic-bezier(.22,1,.36,1) 1}.closed-beta-cta.pulse-once:after{animation:none}.closed-beta-cta__label{align-items:center;display:inline-flex;gap:6px;position:relative;z-index:2}.closed-beta-cta__lead{font-weight:700}.closed-beta-cta__suffix{font-weight:500}.closed-beta-cta__lead,.closed-beta-cta__suffix{animation:closedBetaTextSheen 2.2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff94,#fffffffa 45%,#ffffff94);-webkit-background-clip:text;background-clip:text;background-size:220% 100%;color:#0000}.closed-beta-cta__arrow{height:12px;width:12px}.closed-beta-cta__trace{display:none}.closed-beta-cta__trace rect{fill:none;stroke:#ff968afa;stroke-width:1.06;stroke-linecap:round;stroke-dasharray:34 620;stroke-dashoffset:0;animation:betaOutlineTrace 4.3s linear infinite;filter:drop-shadow(0 0 3px rgba(255,148,132,.86)) drop-shadow(0 0 10px rgba(239,64,39,.56));opacity:.95}@keyframes betaOutlineTrace{to{stroke-dashoffset:-654}}.closed-beta-invite-link{background:#0000;border:none;color:#e2e8f0d1;cursor:pointer;font-size:.87rem;margin-top:2px;text-decoration:underline}.closed-beta-invite-link:hover{color:#ffd6d0f2}.closed-beta-invite-entry{align-items:center;display:flex;width:min(320px,calc(100vw - 34px))}.closed-beta-invite-input-wrap{position:relative;width:100%}.closed-beta-invite-input-wrap.invalid{animation:closedBetaInviteShake .3s ease}.closed-beta-invite-input{background:#160e16c7;border:1px solid #ef402757;border-radius:14px;color:#f8fafc;font-size:.86rem;height:45px;letter-spacing:.55px;padding:0 54px 0 16px;width:100%}.closed-beta-invite-inline-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#f8fafcb3;cursor:not-allowed;display:inline-flex;height:34px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .2s ease,background .2s ease;width:34px}.closed-beta-invite-inline-btn.ready{background:#ef402729;color:#ffbaadfa;cursor:pointer}.closed-beta-invite-inline-btn.invalid{background:#ef402724;color:#ff9786fa}.closed-beta-invite-error{color:#ffaea0f2;font-size:.78rem;letter-spacing:.1px;line-height:1.35;margin:8px 2px 0}.closed-beta-invite-confirm-icon{height:19px;width:19px}.closed-beta-invite-close{background:#0000;border:none;color:#ef4027;cursor:pointer;padding:2px 8px 0}.closed-beta-invite-close-icon{height:16px;width:16px}.landing-scroll-container.light-theme .closed-beta-cta{background:#f8fafc;border:1px solid #ef402752;color:#0f172adb}.landing-scroll-container.light-theme .closed-beta-cta:after{background:radial-gradient(120% 170% at 50% 50%,#fff 0,#fcfcfc 44%,#f8fafc 100%),linear-gradient(180deg,#fff,#f8fafc)}.landing-scroll-container.light-theme .closed-beta-cta.pulse-once:after{animation:none}.landing-scroll-container.light-theme .closed-beta-cta__lead,.landing-scroll-container.light-theme .closed-beta-cta__suffix{background:linear-gradient(90deg,#0f172a73,#0f172ae6 45%,#0f172a73);-webkit-background-clip:text;background-clip:text;background-size:220% 100%}.landing-scroll-container.light-theme .closed-beta-cta__trace rect{stroke:#ef4027f5}.landing-scroll-container.light-theme .closed-beta-invite-link{color:#ffffffdb}.landing-scroll-container.light-theme .closed-beta-invite-input{background:#ffffffeb;border:1px solid #ef40274d;color:#0f172a}.landing-scroll-container.light-theme .closed-beta-invite-input::placeholder{color:#64748be6}.landing-scroll-container.light-theme .closed-beta-invite-inline-btn{color:#475569b8}.landing-scroll-container.light-theme .closed-beta-invite-inline-btn.invalid,.landing-scroll-container.light-theme .closed-beta-invite-inline-btn.ready{background:#ef402721;color:#be2310f2}.landing-scroll-container.light-theme .closed-beta-invite-error{color:#b91c1ceb}@keyframes closedBetaRotatingBorder{0%{transform:translate(-50%,-50%) scale(1.4) rotate(0turn)}to{transform:translate(-50%,-50%) scale(1.4) rotate(1turn)}}@keyframes closedBetaOutlineGlow{0%{border-color:#ef402757;box-shadow:inset 0 1px 0 #ffa18f2e,0 0 0 1px #ef40271a}24%{border-color:#ef4027e6;box-shadow:inset 0 1px 0 #ffc4b64d,0 0 0 1px #ef40276b,0 0 14px #ef40273d}68%{border-color:#ef4027bd;box-shadow:inset 0 1px 0 #ffbaaa47,0 0 0 1px #ef402752,0 0 10px #ef40272e}to{border-color:#ef402757;box-shadow:inset 0 1px 0 #ffa18f2e,0 0 0 1px #ef40271a}}@keyframes closedBetaTextSheen{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes closedBetaInviteShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.closed-beta-cta:before{animation:none}}.landing-scroll-container .startup-mode-selector-container-v2,.landing-scroll-container .tab-key-hint-v2{left:auto!important;margin:0;position:relative!important;top:auto!important;transform:none!important}.landing-scroll-container .auth-buttons-container-v2{margin-top:5px}.landing-scroll-container .auth-button-v2{font-size:.85rem;min-width:175px;padding:10px 20px}.landing-scroll-indicator{align-items:center;animation:gentleBob 2.5s ease-in-out infinite;background:#0000;border:none;border-radius:999px;cursor:default;display:flex;height:44px;justify-content:center;margin:50px auto 0;margin:var(--landing-scroll-indicator-gap) auto 0;position:relative;transition:opacity .4s ease,transform .4s ease;width:44px;z-index:130}.landing-scroll-indicator.hidden,.landing-side-scroll-indicator{opacity:0;pointer-events:none;transform:translateY(8px)}.landing-side-scroll-indicator{align-items:center;background:#0000;border:none;bottom:22px;cursor:pointer;display:flex;height:42px;justify-content:center;position:fixed;right:22px;transition:opacity .28s ease,transform .28s ease;width:42px;z-index:220}.landing-side-scroll-indicator.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.landing-scroll-container .startup-cards-container,.landing-scroll-container .startup-cards-wrapper{bottom:auto!important;left:auto!important;margin:0 auto;position:relative!important;top:auto!important;transform:none!important}.landing-scroll-container .startup-cards-container{align-items:center;display:flex;flex-direction:column;gap:18px;margin-top:0;padding-bottom:8px;width:100%}.landing-features-section{padding-bottom:0}.feature-grid-unified{margin-bottom:8px}.scroll-indicator-icon{stroke-width:2.5;color:#ef4027e0;height:29px;transition:color .3s ease;width:29px}.landing-scroll-container.dark-theme .scroll-indicator-icon{color:#ef4027b3}.landing-scroll-indicator:hover .scroll-indicator-icon{color:#ef4027e0}.landing-side-scroll-indicator:hover .scroll-indicator-icon{color:#ef4027}@keyframes gentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.landing-content{background:#0000;margin-top:0;position:relative;z-index:55}.landing-scroll-container.dark-theme .landing-content,.landing-scroll-container.light-theme .landing-content{background:linear-gradient(180deg,#080c1500,#080c15 140px)}.landing-section{flex-direction:column;min-height:auto;padding:70px 60px;position:relative}.landing-browser-section,.landing-feature-section,.landing-section{align-items:center;display:flex;justify-content:center;overflow:hidden}.landing-browser-section,.landing-feature-section{margin-top:-50px;margin-top:var(--landing-feature-overlap);padding:0}.landing-scroll-container.dark-theme .landing-feature-section,.landing-scroll-container.light-theme .landing-feature-section{background:#0000;padding:40px 0 60px}.section-gradient-fade{height:120px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.section-gradient-fade.top{top:0}.landing-scroll-container.dark-theme .section-gradient-fade.top,.landing-scroll-container.light-theme .section-gradient-fade.top{background:linear-gradient(180deg,#0a0a0c00,#0a0a0c4d 50%,#0a0a0c00)}.landing-headline-section{margin-top:-72px;margin-top:var(--landing-headline-offset);padding-bottom:0;padding-top:0;position:relative;text-align:center;z-index:60}.landing-main-headline{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1.8rem,4.5vw,3rem);font-weight:700;letter-spacing:-1px;line-height:1.15;margin:0 0 24px;text-align:center}@media (min-width:1600px){:root{--landing-hero-min-height-desktop:86vh;--landing-headline-offset:-66px}}@media screen and (max-height:980px){:root{--landing-scroll-indicator-gap:2px;--landing-headline-offset:-34px}}.landing-scroll-container.dark-theme .landing-main-headline,.landing-scroll-container.light-theme .landing-main-headline{color:#fff;text-shadow:0 2px 20px #ef402726}.landing-sub-headline{font-size:.95rem;font-weight:400;letter-spacing:.3px;margin:0 0 5px}.landing-scroll-container.dark-theme .landing-sub-headline,.landing-scroll-container.light-theme .landing-sub-headline{color:#fff9}.landing-tagline{font-size:1.2rem;font-weight:600;letter-spacing:1px;line-height:1.6;margin:60px 0 0;text-align:center}.landing-scroll-container.dark-theme .landing-tagline,.landing-scroll-container.light-theme .landing-tagline{color:#ffffffb3}.landing-tab-hint{margin:100px 0 40px;text-align:center}.landing-tab-hint span{display:inline-block;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.01rem;font-weight:400;letter-spacing:.5px}.landing-tab-hint.dark-theme span,.landing-tab-hint.light-theme span{color:#ffffff80}.landing-tab-hint.dark-theme span strong,.landing-tab-hint.light-theme span strong{color:#fffc;font-weight:700}.tab-keyword-animated{display:inline-block;padding:0 2px;position:relative}.tab-keyword-animated:after{animation:pencilUnderline 2s ease-in-out infinite;background:#ef4027;border-radius:50%;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(.95) translateY(0) rotate(-.5deg);width:100%}@keyframes pencilUnderline{0%,to{opacity:.5;transform:scaleX(.95) translateY(0) rotate(-.5deg)}50%{opacity:1;transform:scaleX(1) translateY(.5px) rotate(.5deg)}}.landing-section-headline{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:500;letter-spacing:.5px;line-height:1.5;margin:0 0 100px;max-width:1200px;text-align:center}.landing-scroll-container.dark-theme .landing-section-headline,.landing-scroll-container.light-theme .landing-section-headline{color:#ffffffe6}.landing-section-headline strong{color:#ef4027;font-weight:700}.video-placeholder{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e23cc;border-radius:16px;display:flex;justify-content:center;overflow:hidden;position:relative}.landing-scroll-container.dark-theme .video-placeholder,.landing-scroll-container.light-theme .video-placeholder{background:#1e1e23e6;border:1px solid #ffffff14;box-shadow:0 8px 40px #0006}.video-placeholder.large{aspect-ratio:16/9;max-width:900px;width:100%}.feature-video.edge-to-edge,.video-placeholder.edge-to-edge{aspect-ratio:16/9;background:#000;border-radius:16px;display:block!important;height:auto!important;margin-left:auto;margin-right:auto;max-width:1600px;object-fit:cover!important;width:90%}.landing-scroll-container.dark-theme .feature-video.edge-to-edge,.landing-scroll-container.light-theme .feature-video.edge-to-edge{box-shadow:0 16px 64px #0006}.video-placeholder.medium{aspect-ratio:16/9;max-width:1000px;width:100%}.video-placeholder.small{aspect-ratio:4/3;max-width:520px;width:100%}.video-placeholder-text{color:#ef4027;font-size:1.2rem;font-weight:500;letter-spacing:1px;opacity:.7}.floating-component-showcase{align-items:center;display:flex;flex-direction:column;gap:12px;position:relative;z-index:10}.showcase-label{border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:6px 14px;text-transform:capitalize}.landing-scroll-container.dark-theme .showcase-label,.landing-scroll-container.light-theme .showcase-label{background:#ef402726;border:1px solid #ef402740;color:#ef4027e6}.mode-selector-showcase{margin:0 0 -205px}.agent-showcase-container{display:block;margin:0 auto;position:relative;text-align:center;width:100%}.patb-showcase-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:80px;position:relative;width:100%}.agent-actions-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:-100px;max-width:1400px;width:90%}.landing-workflow-teaser{align-items:center;display:flex;flex-direction:column;gap:20px;margin:72px auto 0;width:min(980px,calc(100% - 48px))}.landing-workflow-trigger{align-items:center;display:flex;justify-content:center}.landing-workflow-trigger-btn{border-radius:12px;box-shadow:0 10px 28px #ef402747;height:46px;width:46px}.landing-workflow-trigger-btn.active:hover{transform:translateY(-2px)}.landing-workflow-teaser-copy,.landing-workflow-teaser-note{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;letter-spacing:.01em;line-height:1.5;margin:0;text-align:center}.landing-scroll-container.dark-theme .landing-workflow-teaser-copy,.landing-scroll-container.dark-theme .landing-workflow-teaser-note,.landing-scroll-container.light-theme .landing-workflow-teaser-copy,.landing-scroll-container.light-theme .landing-workflow-teaser-note{color:#f8fafceb}.landing-workflow-teaser-note{opacity:.82}.landing-workflow-card-row{align-items:center;display:flex;height:270px;justify-content:center;width:min(780px,100%)}.landing-workflow-static-menu{animation:none;left:auto;opacity:1;padding-top:0;pointer-events:auto;position:relative;top:auto;transform:none;width:min(780px,100%)}.landing-workflow-static-carousel{height:250px;margin:0 auto;width:360px}.landing-workflow-static-menu .patb-workflow-card{cursor:default}.landing-workflow-static-menu .patb-workflow-card.left{transform:translateX(-74px) rotate(-8deg) scale(.86)}.landing-workflow-static-menu .patb-workflow-card.right{transform:translateX(74px) rotate(8deg) scale(.86)}.agent-action-item{align-items:center;display:flex;flex-direction:column;gap:20px}.agent-action-item>.agent-action-image-stack,.agent-action-item>img{align-items:center;display:flex;height:240px;justify-content:center}.agent-action-image{border-radius:12px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.2));height:auto;max-height:240px;max-width:320px;object-fit:contain;transition:transform .3s ease;width:100%}.agent-action-image:hover{filter:drop-shadow(0 8px 24px rgba(0,0,0,.3));transform:translateY(-6px)}.agent-action-label{color:#ffffffe6;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;text-align:center;text-transform:uppercase}.agent-action-image-stack{align-items:center;display:flex;height:240px;justify-content:center;max-width:320px;position:relative;width:100%}.stacked-image{border-radius:8px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:auto;position:absolute;transition:transform .3s ease;width:140px}.stack-img-1{transform:rotate(-12deg) translate(-40px,10px);z-index:1}.stack-img-2{transform:rotate(-4deg) translate(-15px,-5px);z-index:2}.stack-img-3{transform:rotate(4deg) translate(15px,-5px);z-index:3}.stack-img-4{transform:rotate(12deg) translate(40px,10px);z-index:4}.cursor-pointer-overlay{filter:drop-shadow(0 3px 12px rgba(239,64,39,.7));height:56px;left:50%;pointer-events:none;position:absolute;top:45%;transform:translate(-50%,-50%);width:56px;z-index:10}.agent-action-item:hover .stacked-image{transform:scale(1.05)}.agent-action-item:hover .stack-img-1{transform:rotate(-12deg) translate(-40px,10px) scale(1.05)}.agent-action-item:hover .stack-img-2{transform:rotate(-4deg) translate(-15px,-5px) scale(1.05)}.agent-action-item:hover .stack-img-3{transform:rotate(4deg) translate(15px,-5px) scale(1.05)}.agent-action-item:hover .stack-img-4{transform:rotate(12deg) translate(40px,10px) scale(1.05)}.patb-showcase-container{align-items:center;display:flex;justify-content:center;margin-bottom:250px;position:relative;width:100%;z-index:10}.patb-showcase-container .portal-agent-topbar{left:auto!important;position:relative!important;top:auto!important;transform:scale(.85);transform-origin:center}.patb-showcase-container .portal-agent-topbar-light-container{left:50%!important;position:absolute!important;top:1.75px!important;transform:translateX(-50%) scale(.85)!important}.patb-showcase-container .portal-agent-topbar-light-container:before{animation:patbRotatingBorder 3s linear infinite!important}.patb-showcase-container .patb-pills-notch{left:50%;position:absolute!important;top:90%!important;transform:translateX(-50%) scale(.85)}.patb-showcase-container .patb-workflow-menu,.patb-showcase-container .patb-workflow-notch{display:none!important}.agent-video-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.chat-interface-showcase{display:none!important}.agent-demo-video{aspect-ratio:16/9;background:#000;border-radius:16px;box-shadow:0 12px 48px #0000004d;display:block;height:auto;margin:0 auto;max-width:1450px;object-fit:cover;width:100%}.chat-interface-preview{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;width:280px}.chat-showcase-wrapper{border-radius:16px;box-shadow:0 16px 64px #00000080;height:650px;overflow:hidden;pointer-events:none;position:relative;transform-origin:top center;width:480px}.chat-showcase-wrapper .floating-chat-sidebar{box-shadow:none!important;height:100%!important;position:relative!important;transform:none!important;width:100%!important}@keyframes blink-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.chat-showcase-wrapper .floating-input-wrapper:after{animation:blink-cursor 1s infinite;bottom:20px;color:#ef4027e6;content:"|";font-size:18px;font-weight:300;height:20px;left:24px;pointer-events:none;position:absolute;width:2px;z-index:10000}.chat-showcase-wrapper .floating-chat-sidebar textarea{cursor:text!important;pointer-events:none!important}.chat-showcase-wrapper .floating-chat-sidebar .error-message,.chat-showcase-wrapper .floating-chat-sidebar .speech-error{display:none!important}.chat-interface-static-preview{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;display:flex;flex-direction:column;height:520px;overflow:hidden;width:380px}.landing-scroll-container.dark-theme .chat-interface-static-preview,.landing-scroll-container.light-theme .chat-interface-static-preview{background:#18181cfa;border:1px solid #ffffff1a;box-shadow:0 16px 64px #00000080}.static-chat-header{align-items:center;border-bottom:1px solid #ef40271a;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px 20px 16px}.static-drag-indicator{background:#fff3;border-radius:2px;height:4px;width:40px}.landing-scroll-container.light-theme .static-drag-indicator{background:#fff3}.static-header-title{font-size:.85rem;font-weight:600;opacity:.9}.landing-scroll-container.dark-theme .static-header-title,.landing-scroll-container.light-theme .static-header-title{color:#fff}.static-model-badge{align-items:center;border-radius:12px;display:flex;font-size:.7rem;font-weight:500;gap:4px;padding:4px 10px}.landing-scroll-container.dark-theme .static-model-badge,.landing-scroll-container.light-theme .static-model-badge{background:#ef402726;border:1px solid #ef402740;color:#ef4027e6}.static-action-indicator{align-items:center;background:#ef40271a;border-radius:8px;color:#ef4027;display:flex;font-size:.8rem;gap:8px;margin:8px 0;padding:8px 12px}.static-action-icon{height:16px;width:16px}.static-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow:hidden;padding:20px}.static-message{display:flex;gap:12px;max-width:90%}.static-message.ai{align-self:flex-start}.static-message.user{align-self:flex-end;flex-direction:row-reverse}.static-message-avatar{align-items:center;background:linear-gradient(135deg,#ef4027,#d63520);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:32px;justify-content:center;width:32px}.static-message-content{border-radius:16px;font-size:.85rem;line-height:1.5;padding:12px 16px}.static-message-content p{margin:0}.static-message.ai .static-message-content{border-top-left-radius:4px}.static-message.user .static-message-content{background:linear-gradient(135deg,#ef4027,#d63520);border-top-right-radius:4px;color:#fff}.landing-scroll-container.dark-theme .static-message.ai .static-message-content,.landing-scroll-container.light-theme .static-message.ai .static-message-content{background:#ffffff14;color:#ffffffe6}.static-chat-input-area{border-top:1px solid #ef40271a;display:flex;flex-direction:column;gap:10px;padding:12px 16px 16px}.static-input-top-row{align-items:center;display:flex;justify-content:space-between}.static-input-left-controls{align-items:center;display:flex;gap:8px}.static-mode-dropdown{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.landing-scroll-container.dark-theme .static-mode-dropdown,.landing-scroll-container.light-theme .static-mode-dropdown{background:#ffffff14;color:#fff}.static-mode-dot{background:#ef4027;border-radius:50%;box-shadow:0 0 8px #ef402799;height:8px;width:8px}.static-dropdown-icon{height:14px;opacity:.6;width:14px}.static-input-right-controls{align-items:center;display:flex;gap:4px}.static-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.static-action-btn svg{height:18px;width:18px}.landing-scroll-container.dark-theme .static-action-btn{color:#ffffff80}.landing-scroll-container.dark-theme .static-action-btn.active,.landing-scroll-container.dark-theme .static-action-btn:hover{background:#ffffff1a;color:#fff}.landing-scroll-container.light-theme .static-action-btn{color:#ffffff80}.landing-scroll-container.light-theme .static-action-btn.active,.landing-scroll-container.light-theme .static-action-btn:hover{background:#ffffff1a;color:#fff}.static-textarea-wrapper{align-items:center;display:flex;gap:10px}.static-input-field{border-radius:12px;flex:1 1;font-size:.85rem;padding:12px 16px}.landing-scroll-container.dark-theme .static-input-field,.landing-scroll-container.light-theme .static-input-field{background:#ffffff0f;border:1px solid #ffffff1a;color:#fff6}.static-send-button{align-items:center;background:linear-gradient(135deg,#ef4027,#d63520);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.static-send-button.triangle-send-btn:after{border:2px solid;border-bottom:none;border-left:none;content:"";height:8px;margin-bottom:-2px;transform:rotate(-45deg);width:8px}.static-send-button.triangle-send-btn:before{background-color:currentColor;content:"";height:12px;margin-top:4px;position:absolute;width:2px}.landing-scroll-container.dark-theme .chat-interface-preview,.landing-scroll-container.light-theme .chat-interface-preview{background:#18181cf2;border:1px solid #ffffff1f;box-shadow:0 12px 48px #00000080}.chat-preview-header{align-items:center;border-bottom:1px solid #ef40271a;display:flex;gap:10px;padding:14px 16px}.chat-preview-dot{background:#ef4027;border-radius:50%;box-shadow:0 0 8px #ef402780;height:10px;width:10px}.chat-preview-header span{font-size:.85rem;font-weight:600}.landing-scroll-container.dark-theme .chat-preview-header span,.landing-scroll-container.light-theme .chat-preview-header span{color:#fff}.chat-preview-messages{display:flex;flex-direction:column;gap:12px;padding:16px}.chat-preview-message{border-radius:12px;font-size:.8rem;line-height:1.4;max-width:85%;padding:10px 14px}.chat-preview-message.ai{align-self:flex-start}.landing-scroll-container.dark-theme .chat-preview-message.ai,.landing-scroll-container.light-theme .chat-preview-message.ai{background:#ffffff14;color:#ffffffe6}.chat-preview-message.user{align-self:flex-end;background:linear-gradient(135deg,#ef4027,#d63520);color:#fff}.chat-preview-input{border-top:1px solid #ef40271a;font-size:.8rem;padding:14px 16px}.landing-scroll-container.dark-theme .chat-preview-input,.landing-scroll-container.light-theme .chat-preview-input{color:#fff6}.feature-grid{grid-gap:50px;gap:50px;grid-template-columns:repeat(3,1fr);max-width:1600px}.feature-grid,.feature-grid-unified{display:grid;margin-bottom:30px;width:100%}.feature-grid-unified{grid-gap:30px;gap:30px;grid-template-columns:repeat(3,1fr);max-width:1400px}.feature-item{align-items:center;display:flex;flex-direction:column;gap:20px}.feature-caption{font-size:1rem;font-weight:500;letter-spacing:.5px;line-height:1.5;text-align:center;text-transform:uppercase}.landing-scroll-container.dark-theme .feature-caption,.landing-scroll-container.light-theme .feature-caption{color:#ffffffb3}.landing-browser-section{padding-bottom:120px;padding-top:160px}.landing-more-section{padding-bottom:12px}.landing-footer-section{gap:24px;margin-top:-66px;padding:0 60px 38px}.landing-scroll-container .landing-enter-portal-cta{align-items:center;background:#ef4027!important;border:1px solid #ef4027;border-radius:14px;box-shadow:none;display:inline-flex;height:48px;justify-content:center;min-width:220px;padding:0 24px}.landing-scroll-container .landing-enter-portal-cta:after,.landing-scroll-container .landing-enter-portal-cta:before{content:none!important;display:none!important}.landing-scroll-container .landing-enter-portal-cta__label{align-items:center;color:#fff;display:inline-flex;font-weight:700;justify-content:center;letter-spacing:.08em;position:relative;text-shadow:none;text-transform:uppercase;z-index:2}.landing-scroll-container.light-theme .landing-enter-portal-cta__label{color:#fff}.landing-scroll-container .landing-enter-portal-cta:hover{background:#f04a31;border-color:#f04a31;box-shadow:none}.landing-scroll-container.dark-theme .landing-enter-portal-cta,.landing-scroll-container.light-theme .landing-enter-portal-cta{background:#ef4027!important;border-color:#ef4027!important}@media (max-width:1100px){.landing-workflow-card-row,.landing-workflow-static-carousel{display:flex;flex-wrap:wrap;gap:14px;height:auto;width:100%}.landing-workflow-static-carousel{justify-content:center}.landing-workflow-static-menu .patb-workflow-card,.landing-workflow-static-menu .patb-workflow-card.center,.landing-workflow-static-menu .patb-workflow-card.left,.landing-workflow-static-menu .patb-workflow-card.right{filter:none;opacity:1;position:relative;transform:none;width:min(206px,calc(50% - 10px))}}@media (max-width:700px){.landing-workflow-static-menu .patb-workflow-card,.landing-workflow-static-menu .patb-workflow-card.center,.landing-workflow-static-menu .patb-workflow-card.left,.landing-workflow-static-menu .patb-workflow-card.right{width:min(220px,100%)}}.landing-waitlist-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0e131fb8;border:1px solid #ef402738;border-radius:20px;box-shadow:0 22px 60px #0000005c;margin:0 auto;padding:24px 22px 18px;text-align:center;width:min(760px,100%)}.landing-waitlist-title{color:#f8fafc;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin:0}.landing-waitlist-subtitle{color:#e2e8f0c7;font-size:1.05rem;line-height:1.45;margin:12px auto 20px;max-width:540px}.landing-waitlist-actions{align-items:center;display:flex;gap:10px;justify-content:center}.landing-waitlist-input{background:#0b111ea8;border:1px solid #ef40273d;border-radius:14px;color:#f8fafc;flex:1 1;font-size:.95rem;height:46px;max-width:420px;min-width:220px;padding:0 16px}.landing-waitlist-input::placeholder{color:#e2e8f094}.landing-waitlist-join{background:#ef40272e;border:1px solid #ef402761;border-radius:14px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;height:46px;padding:0 20px}.landing-invite-code-input{background:#160e16b8;border:1px solid #ef402757;border-radius:14px;color:#f8fafc;flex:1 1;font-size:.95rem;height:46px;letter-spacing:.6px;max-width:420px;min-width:220px;padding:0 16px}.landing-invite-confirm{align-items:center;background:#0e131fb8;border:1px solid #ef402747;border-radius:14px;color:#f8fafcb3;cursor:not-allowed;display:inline-flex;height:46px;justify-content:center;transition:all .2s ease;width:46px}.landing-invite-confirm.ready{background:#ef402738;border-color:#ef4027c7;box-shadow:0 0 16px #ef402752;color:#ef4027;cursor:pointer}.landing-invite-confirm-icon{height:18px;width:18px}.landing-waitlist-join:hover{background:#ef402742}.landing-scroll-container.light-theme .landing-waitlist-card{background:#0e131fb8;border:1px solid #ef402738}.landing-scroll-container.light-theme .landing-waitlist-title{color:#f8fafc}.landing-scroll-container.light-theme .landing-waitlist-subtitle{color:#e2e8f0c7}.landing-scroll-container.light-theme .landing-waitlist-input{background:#0b111ea8;border:1px solid #ef40273d;color:#f8fafc}.landing-scroll-container.light-theme .landing-waitlist-input::placeholder{color:#e2e8f094}.landing-scroll-container.light-theme .landing-waitlist-join{background:#ef40272e;border:1px solid #ef402761;color:#fff}.landing-invite-link{background:#0000;border:none;color:#f8fafccc;cursor:pointer;font-size:.9rem;margin-top:14px;text-decoration:underline}.landing-cta-button{align-items:center;background:linear-gradient(135deg,#ef4027,#d63520);border:none;border-radius:12px;box-shadow:0 8px 32px #ef402759;color:#fff;cursor:pointer;display:flex;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;gap:12px;justify-content:center;letter-spacing:.5px;margin-top:2px;padding:16px 36px;transition:all .3s ease}.landing-cta-button:hover{box-shadow:0 12px 40px #ef402773;transform:translateY(-2px)}.landing-enter-portal-cta{align-items:center;border-radius:12px;display:inline-flex;font-weight:700;height:44px;justify-content:center;margin:18px auto 0;min-width:182px;padding:0 20px}.cta-icon{height:20px;width:20px}.back-to-top-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:16px;bottom:30px;cursor:pointer;display:none!important;display:flex;height:54px;justify-content:center;opacity:0;position:fixed;right:30px;transition:all .3s ease;visibility:hidden;width:54px;z-index:9999}.back-to-top-button.visible{opacity:1;visibility:visible}.landing-scroll-container.dark-theme .back-to-top-button,.landing-scroll-container.light-theme .back-to-top-button{background:#ef4027e6;box-shadow:0 4px 20px #ef402766}.back-to-top-button:hover{transform:scale(1.1)}.landing-scroll-container.dark-theme .back-to-top-button:hover,.landing-scroll-container.light-theme .back-to-top-button:hover{background:#ef4027;box-shadow:0 6px 24px #ef402780}.back-to-top-icon{color:#fff;height:24px;width:24px}.landing-section{transform:translateZ(0);will-change:transform}.landing-main-headline,.landing-section-headline{transform:translateY(0);transition:transform .1s ease-out}@media screen and (max-width:1024px){.landing-hero-section{padding-top:18vh}.landing-headline-section{margin-top:-140px}.landing-side-scroll-indicator{bottom:18px;right:18px}.landing-scroll-container .startup-mode-selector-container-v2,.landing-scroll-container .tab-key-hint-v2{margin:0}.landing-scroll-container .auth-buttons-container-v2{margin-top:22px}.landing-scroll-container .auth-button-v2{font-size:.82rem;min-width:165px;padding:9px 18px}.landing-section{padding:60px 40px}.agent-showcase-container{align-items:center;flex-direction:column;gap:40px}.chat-interface-showcase{position:relative;right:auto;top:auto;transform:none}.feature-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.feature-grid .feature-item:nth-child(3){grid-column:span 2;justify-self:center}.video-placeholder.small{max-width:320px}}@media screen and (max-width:768px){.landing-section{padding:60px 24px}.landing-headline-section{margin-top:-120px}.landing-side-scroll-indicator{bottom:14px;height:38px;right:14px;width:38px}.landing-main-headline{font-size:1.8rem}.landing-section-headline{font-size:1.1rem}.feature-grid{gap:40px;grid-template-columns:1fr}.feature-grid .feature-item:nth-child(3){grid-column:span 1}.video-placeholder.small{max-width:100%}.chat-interface-preview{max-width:300px;width:100%}.back-to-top-button{bottom:20px;height:44px;right:20px;width:44px}}@media screen and (max-width:480px){.landing-main-headline{font-size:1.5rem}.landing-section-headline{font-size:1rem}.landing-cta-button{font-size:.9rem;padding:14px 28px}.landing-waitlist-actions{flex-direction:column}.landing-waitlist-input,.landing-waitlist-join{max-width:100%;width:100%}}@media screen and (min-width:1440px){.landing-hero-section{padding-top:9vh}.landing-scroll-container .startup-mode-selector-container-v2,.landing-scroll-container .tab-key-hint-v2{margin:0}.landing-scroll-container .auth-buttons-container-v2{margin-top:28px}.landing-scroll-container .auth-button-v2{font-size:.88rem;min-width:185px;padding:11px 22px}.landing-section{padding:80px 0}.video-placeholder.medium{max-width:1200px}.agent-showcase-container{max-width:1300px}.chat-interface-static-preview{height:560px;width:420px}.landing-main-headline{font-size:3rem}.landing-section-headline{font-size:1.6rem}}@media screen and (min-width:1920px){.landing-hero-section{padding-top:8vh}.landing-scroll-container .startup-mode-selector-container-v2,.landing-scroll-container .tab-key-hint-v2{margin:0}.landing-scroll-container .auth-buttons-container-v2{margin-top:32px}.landing-scroll-container .auth-button-v2{font-size:.9rem;min-width:195px;padding:12px 24px}.landing-section{padding:120px 140px}.video-placeholder.medium{max-width:1400px}.agent-showcase-container{max-width:1500px}.feature-grid{gap:60px}.video-placeholder.small{max-width:400px}}.welcome-canvas-overlay{align-items:center;animation:wcFadeIn .28s ease forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;z-index:1200}.welcome-canvas-overlay.dark{background:radial-gradient(circle at center,#1212168a 0,#0a0a0eb3 68%,#06060ad1 100%)}.welcome-canvas-overlay.light{background:radial-gradient(circle at center,#ffffff8f 0,#f4f6fbbd 64%,#ecf0f7d6 100%)}.welcome-canvas-overlay.exiting{animation:wcFadeOut .28s ease forwards}.welcome-canvas-inner{align-items:center;animation:wcSlideUp .32s cubic-bezier(.22,1,.36,1) forwards;display:flex;flex-direction:column;gap:20px;padding:14px 0 0;width:100vw}.welcome-canvas-overlay.exiting .welcome-canvas-inner{animation:wcSlideDown .28s ease forwards}.welcome-canvas-header{align-items:center;display:flex;flex-direction:column;gap:0;transform:translateY(-16px)}.welcome-canvas-hint{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.06em;margin:0;opacity:.92;text-transform:uppercase}.welcome-canvas-overlay.dark .welcome-canvas-hint{color:#fff}.welcome-canvas-overlay.light .welcome-canvas-hint{color:#000}.welcome-canvas-carousel-shell{--wcc-card-width:160px;--wcc-card-height:164px;grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:48px minmax(0,1fr) 48px;margin:0 auto;position:relative;width:min(868px,calc(100vw - 96px))}.welcome-canvas-carousel{cursor:var(--hand-pointer-cursor),grab!important;height:228px;mask-image:linear-gradient(90deg,#0000,#00000024 8%,#000 18%,#000 82%,#00000024 92%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#00000024 8%,#000 18%,#000 82%,#00000024 92%,#0000);overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;width:100%}.welcome-canvas-carousel.dragging{cursor:var(--hand-grab-cursor),grabbing!important}.welcome-canvas-stage{height:100%;position:relative;width:100%}.welcome-canvas-card{background:#0000;border:none;border-radius:22px;cursor:var(--hand-pointer-cursor),pointer!important;height:var(--wcc-card-height);left:50%;margin:0;overflow:hidden;padding:0;position:absolute;top:24px;transform-origin:center bottom;transition:transform .24s cubic-bezier(.2,.7,.2,1),opacity .24s ease,box-shadow .24s ease;user-select:none;-webkit-user-select:none;width:var(--wcc-card-width);will-change:transform,opacity,filter}.welcome-canvas-card.is-center{cursor:var(--hand-pointer-cursor),pointer!important;filter:none!important}.welcome-canvas-card.is-near{filter:saturate(.9) blur(.45px)}.welcome-canvas-card.is-far{filter:saturate(.78) blur(1.4px)}.welcome-canvas-carousel.dragging .welcome-canvas-card{cursor:var(--hand-grab-cursor),grabbing!important}.welcome-canvas-card:hover{box-shadow:0 18px 34px #00000038}.wcc-card-background{border-radius:22px;inset:0;pointer-events:none;position:absolute}.welcome-canvas-card:before{border-radius:20px;content:"";inset:1px;pointer-events:none;position:absolute;z-index:1}.welcome-canvas-card:after{border-radius:22px;content:"";inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:border-color .22s ease,opacity .22s ease,box-shadow .22s ease}.welcome-canvas-overlay.dark .wcc-card-background{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#18181cf5;border:1.5px solid #ffffff1f;box-shadow:0 16px 28px #0000002e}.welcome-canvas-overlay.dark .welcome-canvas-card:before{background:#0000;border:1px solid #ffffff14}.welcome-canvas-overlay.dark .welcome-canvas-card:hover:after{border:2px solid #ef4027;box-shadow:0 0 0 1px #ef4027f2,0 0 14px #ef402757;opacity:1}.welcome-canvas-overlay.dark .welcome-canvas-card.is-center .wcc-card-background{box-shadow:0 28px 48px #00000042,0 0 0 1px #ffffff0d}.welcome-canvas-overlay.light .wcc-card-background{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1.5px solid #0f172a24;box-shadow:0 14px 28px #0f172a14,0 6px 16px #0000000d}.welcome-canvas-overlay.light .welcome-canvas-card:before{background:#ffffffc7;border:1px solid #0f172a14}.welcome-canvas-overlay.light .welcome-canvas-card:hover:after{border:2px solid #ef4027e6;box-shadow:0 0 0 1px #ef40278c,0 10px 24px #ef40271f;opacity:1}.welcome-canvas-overlay.light .welcome-canvas-card.is-center .wcc-card-background{box-shadow:0 22px 38px #0f172a1f,0 10px 22px #0000000d}.wcc-card-content{align-items:flex-start;flex-direction:column;height:100%;justify-content:flex-end;padding:14px 12px 16px;position:relative;text-align:left}.wcc-card-content,.wcc-icon-wrap{display:flex;pointer-events:none;z-index:2}.wcc-icon-wrap{align-items:center;height:28px;justify-content:center;left:12px;position:absolute;top:12px;width:28px}.wcc-heroicon{color:#ef4027;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));height:16px;width:16px}.wcc-custom-icon{filter:invert(27%) sepia(86%) saturate(3121%) hue-rotate(349deg) brightness(95%) contrast(93%);height:16px;object-fit:contain;width:16px}.wcc-plus-icon{color:#ef4027;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;font-weight:400;line-height:1}.wcc-agent-icon{height:16px;left:0;object-fit:contain;position:absolute;top:0;width:16px}.welcome-canvas-overlay.dark .wcc-agent-icon--white{opacity:0}.welcome-canvas-overlay.dark .wcc-agent-icon--red{opacity:1}.welcome-canvas-overlay.light .wcc-agent-icon--white{opacity:0}.welcome-canvas-overlay.light .wcc-agent-icon--red{opacity:1}.welcome-canvas-card:hover .wcc-agent-icon--white{opacity:0}.welcome-canvas-card:hover .wcc-agent-icon--red{opacity:1}.wcc-title{display:block;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.06rem;font-weight:700;letter-spacing:-.03em;line-height:1.02;margin-bottom:8px;max-width:100%}.welcome-canvas-overlay.dark .wcc-title{color:#f8fafc}.welcome-canvas-overlay.light .wcc-title{color:#1e293b}.wcc-subtitle{display:block;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:500;line-height:1.2}.welcome-canvas-overlay.dark .wcc-subtitle{color:#f8fafce6;opacity:.78}.welcome-canvas-overlay.light .wcc-subtitle{color:#1e293bad}.welcome-canvas-dismiss{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #ef40272e;border-radius:12px;cursor:var(--hand-pointer-cursor),pointer!important;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.02em;margin-top:6px;opacity:1;padding:9px 14px;transition:opacity .15s ease,background .15s ease,transform .15s ease,border-color .15s ease}.welcome-canvas-overlay.dark .welcome-canvas-dismiss{background:#2012107a;box-shadow:0 12px 24px #0000001f,inset 0 1px 0 #ffffff0a;color:#ef4027f5}.welcome-canvas-overlay.light .welcome-canvas-dismiss{background:#fff4f1d1;box-shadow:0 12px 24px #ef402714,inset 0 1px 0 #ffffff8a;color:#ef4027f5}.welcome-canvas-dismiss:hover{background:#ef40271f;border-color:#ef402757;transform:translateY(-1px)}.welcome-canvas-footer{align-items:center;display:flex;flex-direction:column;gap:12px}.welcome-canvas-dots{align-items:center;display:flex;gap:6px}.welcome-canvas-dot{border-radius:999px;height:7px;transition:transform .2s ease,opacity .2s ease,background .2s ease,width .2s ease;width:7px}.welcome-canvas-overlay.dark .welcome-canvas-dot{background:#ef402742}.welcome-canvas-overlay.light .welcome-canvas-dot{background:#ef40273d}.welcome-canvas-dot.active{background:linear-gradient(135deg,#ef4027fa,#d63520e6);box-shadow:0 0 0 1px #ef402738,0 4px 12px #ef402738;width:22px}.welcome-canvas-nav-btn{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:14px;cursor:var(--hand-pointer-cursor),pointer!important;display:flex;height:42px;justify-content:center;padding:0;transition:transform .16s ease,opacity .16s ease,border-color .16s ease,background .16s ease;width:42px}.welcome-canvas-overlay.dark .welcome-canvas-nav-btn{background:#2012107a;border:1px solid #ef40273d;box-shadow:0 12px 24px #0000001f,inset 0 1px 0 #ffffff0a;color:#ef4027f0}.welcome-canvas-overlay.light .welcome-canvas-nav-btn{background:#fff4f1b8;border:1px solid #ef402729;box-shadow:0 12px 24px #ef402714,inset 0 1px 0 #ffffff8a;color:#ef4027eb}.welcome-canvas-nav-btn:hover{background:#ef40271f;border-color:#ef40276b;transform:scale(1.04)}.welcome-canvas-nav-btn svg{stroke-width:2.4;height:18px;width:18px}body.welcome-canvas-dragging,body.welcome-canvas-dragging *{cursor:var(--hand-grab-cursor)!important}.welcome-canvas-input-shell{max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:max-height .28s ease,opacity .22s ease,transform .22s ease;width:min(500px,calc(100vw - 56px))}.welcome-canvas-input-shell.visible{max-height:280px;opacity:1;transform:translateY(0)}.welcome-canvas-input-container{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.welcome-canvas-input-wrapper{grid-gap:6px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 44px;padding:6px;position:relative;width:100%}.welcome-canvas-overlay.dark .welcome-canvas-input-wrapper{background:#18181ce6;border:1px solid #ef402738;box-shadow:0 18px 40px #0000001a,0 8px 18px #0000000f}.welcome-canvas-overlay.light .welcome-canvas-input-wrapper{background:#ffffffe6;border:1px solid #ef402724;box-shadow:0 18px 40px #0f172a0d,0 8px 18px #0f172a08}.welcome-canvas-input-wrapper:after{border-radius:999px;bottom:-10px;content:"";filter:blur(16px);height:20px;left:24px;opacity:.42;pointer-events:none;position:absolute;right:24px}.welcome-canvas-overlay.dark .welcome-canvas-input-wrapper:after{background:#00000029}.welcome-canvas-overlay.light .welcome-canvas-input-wrapper:after{background:#0f172a14}.welcome-canvas-input{background:#0000;border:none;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.84rem;line-height:1.2;min-width:0;outline:none;padding:0 12px}.welcome-canvas-overlay.dark .welcome-canvas-input{color:#fffffff0}.welcome-canvas-overlay.dark .welcome-canvas-input::placeholder{color:#ffffff6b}.welcome-canvas-overlay.light .welcome-canvas-input{color:#0f172ae6}.welcome-canvas-overlay.light .welcome-canvas-input::placeholder{color:#1e293b6b}.welcome-canvas-input-close,.welcome-canvas-input-submit,.welcome-canvas-template-option{cursor:var(--hand-pointer-cursor),pointer!important}.welcome-canvas-input-submit{align-items:center;background:#ef402714;border:1px solid #ef402738;border-radius:12px;color:#ef4027f5;display:flex;height:44px;justify-content:center;width:44px}.welcome-canvas-input-submit:disabled{opacity:.4}.welcome-canvas-close-icon,.welcome-canvas-submit-icon{stroke-width:2.1;height:18px;width:18px}.welcome-canvas-template-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.welcome-canvas-workflow-chip-rail{align-items:center;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 4px 4px;scrollbar-color:#ef40278c #0000;scrollbar-width:thin;width:100%}.welcome-canvas-workflow-chip-rail::-webkit-scrollbar{background:#0000;height:6px}.welcome-canvas-workflow-chip-rail::-webkit-scrollbar-track{background:#0000;box-shadow:none}.welcome-canvas-workflow-chip-rail::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ef4027b8,#d6352094);border:1px solid #ef40272e;border-radius:999px;box-shadow:0 2px 8px #ef40272e}.welcome-canvas-workflow-chip{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef40271a;border:1px solid #ef402752;border-radius:12px;color:#f8fafc;cursor:var(--hand-pointer-cursor),pointer!important;display:inline-flex;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;height:36px;justify-content:center;min-width:fit-content;padding:0 12px;transition:background .2s ease,border-color .2s ease,transform .18s ease,box-shadow .2s ease;white-space:nowrap}.welcome-canvas-overlay.light .welcome-canvas-workflow-chip{background:#fffffff5;border-color:#0f172a2e;color:#1e293b}.welcome-canvas-workflow-chip:hover{background:#ef40271f;border-color:#ef4027a3;box-shadow:0 0 0 1px #ef402794,0 2px 8px #ef402724;transform:scale(1.02)}.welcome-canvas-workflow-chip.active{box-shadow:0 4px 12px #ef402738}.welcome-canvas-overlay.dark .welcome-canvas-workflow-chip.active,.welcome-canvas-overlay.light .welcome-canvas-workflow-chip.active,.welcome-canvas-workflow-chip.active{background:#ef4027;border-color:#ef4027;color:#fff}.welcome-canvas-template-option{background:#0000;border:1px solid #ef402729;border-radius:999px;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.68rem;letter-spacing:.02em;padding:7px 12px}.welcome-canvas-overlay.dark .welcome-canvas-template-option{color:#ffffffc2}.welcome-canvas-overlay.light .welcome-canvas-template-option{color:#1e293bc7}.welcome-canvas-template-option.selected{background:#ef402714;border-color:#ef402757;color:#ef4027}.welcome-canvas-input-close{background:#0000;border:none;color:#ef4027eb;opacity:.86}.welcome-stack-button{align-items:center;border:none;border-radius:16px;cursor:var(--hand-pointer-cursor),pointer!important;display:flex;height:48px;justify-content:center;padding:0;position:fixed;right:22px;top:52px;transition:transform .15s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease;width:48px;z-index:1100}.welcome-stack-button.dark{background:#121620d6;border:1px solid #ffffff1a;box-shadow:0 8px 18px #0003}.welcome-stack-button.light{background:#ffffffe6;border:1px solid #0f172a14;box-shadow:0 8px 18px #0f172a1f}.welcome-stack-button:hover{transform:scale(1.06)}.welcome-stack-button:active{transform:scale(.96)}.welcome-stack-button.active{background:#ef4027!important;border-color:#ef4027f5!important;box-shadow:0 12px 28px #ef402747,inset 0 1px 0 #ffffff24!important}.stack-icon{height:20px;position:relative;width:20px}.welcome-stack-button .stack-icon span{display:none}.wcc-button-grid-icon{color:#ef4027;height:20px;width:20px}.welcome-stack-button.active .wcc-button-grid-icon{color:#fff}@keyframes wcFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wcFadeOut{0%{opacity:1}to{opacity:0}}@keyframes wcSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes wcSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@media (max-width:1440px){.welcome-canvas-carousel-shell{grid-template-columns:42px minmax(0,1fr) 42px;width:min(764px,calc(100vw - 88px))}.welcome-canvas-carousel{width:100%}}@media (max-width:1800px){.welcome-canvas-carousel-shell{--wcc-card-width:138px;--wcc-card-height:146px;gap:10px}.wcc-card-background,.welcome-canvas-card{border-radius:20px}.welcome-canvas-card:before{border-radius:18px}.welcome-canvas-card:after{border-radius:20px}.wcc-card-content{padding:12px 11px 16px}.wcc-title{font-size:.88rem;margin-bottom:7px}.wcc-subtitle{font-size:.68rem}.welcome-canvas-carousel{height:206px;width:100%}.welcome-canvas-nav-btn{border-radius:12px;height:38px;width:38px}.welcome-stack-button{border-radius:14px;height:42px;right:18px;top:50px;width:42px}.wcc-button-grid-icon{height:18px;width:18px}}@media (max-width:900px){.welcome-canvas-inner{width:min(100vw - 24px,100%)}.welcome-canvas-carousel-shell{grid-template-columns:minmax(0,1fr);width:min(100vw - 24px,540px)}.welcome-canvas-carousel{width:100%}.welcome-canvas-input-shell{width:min(100vw - 24px,460px)}.welcome-canvas-nav-btn{display:none}}.interactive-tour{animation:tourFadeIn .4s ease-out;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:2147483600}[data-tour-highlight=true]{isolation:isolate!important;z-index:100001!important}.interactive-tour~* .mode-selector-glassy,body:has(.interactive-tour) .mode-selector-glassy{isolation:isolate!important;z-index:100001!important}body:has(.interactive-tour) .dynamic-toolbar:not([data-tour-highlight=true]){z-index:1!important}body:has(.interactive-tour) .control-bar:not([data-tour-highlight=true]){z-index:1!important}body:has(.interactive-tour) .control-bar-wrapper:not([data-tour-highlight=true]){z-index:1!important}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}.tour-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .3s ease;z-index:1}.interactive-tour.dark-theme .tour-overlay{background:#0000004d}.interactive-tour.light-theme .tour-overlay{background:#fff6}.tour-spotlight{animation:spotlightPulse 2s ease-in-out infinite;border-radius:12px;box-shadow:0 0 0 4px #ef402799,0 0 0 9999px #00000059,inset 0 0 20px #ef402733;pointer-events:none;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2147483602}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 4px #ef402799,0 0 0 9999px #00000059,inset 0 0 20px #ef402733}50%{box-shadow:0 0 0 6px #ef4027cc,0 0 0 9999px #00000059,inset 0 0 30px #ef40274d}}.interactive-tour.light-theme .tour-spotlight{animation:spotlightPulseLightTheme 2s ease-in-out infinite;box-shadow:0 0 0 4px #ef4027b3,0 0 0 9999px #ffffff73,inset 0 0 20px #ef402726}@keyframes spotlightPulseLightTheme{0%,to{box-shadow:0 0 0 4px #ef4027b3,0 0 0 9999px #ffffff73,inset 0 0 20px #ef402726}50%{box-shadow:0 0 0 6px #ef4027e6,0 0 0 9999px #ffffff73,inset 0 0 30px #ef402740}}.tour-tooltip{border-radius:20px;display:flex;flex-direction:column;gap:20px;max-width:90vw;padding:28px;pointer-events:auto;position:absolute;width:420px;z-index:2147483604}body:has(.interactive-tour.step-integrated-browser) .advanced-browser,body:has(.interactive-tour.step-integrated-browser) .browser-iframe,body:has(.interactive-tour.step-integrated-browser) .browser-webview,body:has(.interactive-tour.step-integrated-browser) .dynamic-container.browser-mode,body:has(.interactive-tour.step-integrated-browser) .dynamic-toolbar-wrapper,body:has(.interactive-tour.step-integrated-browser) iframe,body:has(.interactive-tour.step-integrated-browser) webview{z-index:2147483500!important}.tour-tooltip.center{transform:translate(-50%,-50%)}.tour-tooltip.bottom,.tour-tooltip.top{transform:translateX(-50%)}.tour-tooltip.left,.tour-tooltip.right{transform:translateY(-50%)}@keyframes tooltipSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.interactive-tour.dark-theme .tour-tooltip{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#18181cfa;border:1px solid #ffffff1a;box-shadow:0 20px 60px #00000080,0 0 0 1px #ef402726}.interactive-tour.light-theme .tour-tooltip{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ef402733;box-shadow:0 20px 60px #00000026,0 0 0 1px #ef40271a}.tour-progress{align-items:center;display:flex;gap:16px;justify-content:space-between}.tour-progress-dots{display:flex;flex:1 1;gap:8px}.progress-dot{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.interactive-tour.dark-theme .progress-dot{background:#fff3}.interactive-tour.dark-theme .progress-dot.active{background:#ef4027;border-radius:4px;box-shadow:0 0 8px #ef402799;width:24px}.interactive-tour.dark-theme .progress-dot.completed{background:#ef402780}.interactive-tour.light-theme .progress-dot{background:#1e293b33}.interactive-tour.light-theme .progress-dot.active{background:#ef4027;border-radius:4px;box-shadow:0 0 8px #ef402766;width:24px}.interactive-tour.light-theme .progress-dot.completed{background:#ef402780}.tour-close-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.interactive-tour.dark-theme .tour-close-btn{background:#ffffff0d;color:#fff9}.interactive-tour.dark-theme .tour-close-btn:hover{background:#ef402726;color:#ef4027}.interactive-tour.light-theme .tour-close-btn{background:#1e293b0d;color:#1e293b99}.interactive-tour.light-theme .tour-close-btn:hover{background:#ef40271a;color:#ef4027}.tour-close-btn .icon{height:18px;width:18px}.tour-content{display:flex;flex-direction:column;gap:12px}.tour-title{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:24px;font-weight:700;line-height:1.3;margin:0}.interactive-tour.dark-theme .tour-title{color:#fff}.interactive-tour.light-theme .tour-title{color:#1e293b}.tour-description{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:400;line-height:1.6;margin:0}.interactive-tour.dark-theme .tour-description{color:#fffc}.interactive-tour.light-theme .tour-description{color:#1e293bcc}.tour-navigation{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:8px}.tour-step-indicator{font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.interactive-tour.dark-theme .tour-step-indicator{color:#ffffff80}.interactive-tour.light-theme .tour-step-indicator{color:#1e293b80}.tour-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:HK Grotesk Wide,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.tour-btn .icon{height:16px;width:16px}.tour-btn:disabled{cursor:not-allowed;opacity:.3}.tour-btn-primary{background:#ef4027;color:#fff}.tour-btn-primary:hover:not(:disabled){background:#d63031;box-shadow:0 4px 12px #ef402766;transform:translateY(-1px)}.tour-btn-primary .btn-sparkle{animation:sparkleRotate 2s linear infinite;font-size:16px}@keyframes sparkleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.interactive-tour.dark-theme .tour-btn-secondary{background:#ffffff0d;color:#fffc}.interactive-tour.dark-theme .tour-btn-secondary:hover:not(:disabled){background:#ffffff1a;color:#fff}.interactive-tour.light-theme .tour-btn-secondary{background:#1e293b14;color:#1e293bcc}.interactive-tour.light-theme .tour-btn-secondary:hover:not(:disabled){background:#1e293b26;color:#1e293b}@media screen and (max-height:900px){.tour-tooltip{gap:18px;padding:24px;width:380px}.tour-title{font-size:22px}.tour-description{font-size:14px}}@media screen and (max-height:768px){.tour-tooltip{gap:16px;padding:20px;width:360px}.tour-title{font-size:20px}.tour-btn,.tour-description{font-size:13px}.tour-btn{padding:8px 16px}}@media screen and (max-height:650px){.tour-tooltip{padding:18px;width:340px}.tour-title{font-size:18px}.tour-description{font-size:12px}}@media screen and (max-width:768px){.tour-tooltip{max-width:340px;width:90vw}.tour-navigation{flex-wrap:wrap}.tour-step-indicator{margin-bottom:8px;order:-1;text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.interactive-tour,.tour-spotlight,.tour-tooltip{animation:none}.progress-dot,.tour-btn,.tour-spotlight{transition:none}}