:root{--bg-primary:#0a0f1d;--bg-secondary:#111827;--bg-tertiary:#1e293b;--bg-card:#111827bf;--bg-card-hover:#1e293bd9;--bg-glass:#ffffff0a;--bg-input:#0f172acc;--border-subtle:#ffffff14;--border-focus:#6366f180;--border-glass:#ffffff1f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#818cf8;--gradient-mia:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--gradient-card:linear-gradient(180deg, #ffffff0d 0%, #ffffff03 100%);--gradient-glow:radial-gradient(circle at 50% -20%, #6366f12e, transparent 70%);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-glow:0 0 35px #6366f140;--agent-coordinator:#6366f1;--agent-tutor:#06b6d4;--agent-coach:#f59e0b;--agent-creative:#ec4899;--agent-demystifier:#10b981;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-body);background-color:var(--bg-primary);background-image:var(--gradient-glow);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.25}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-glass)}.btn-primary{background:var(--gradient-mia);color:#fff;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #6366f159}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 22px #6366f180}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-glass);background:#ffffff14}.agent-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.agent-pill.coordinator{color:#a5b4fc;background:#6366f126;border:1px solid #6366f159}.agent-pill.tutor{color:#67e8f9;background:#06b6d426;border:1px solid #06b6d459}.agent-pill.prompt_coach{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b59}.agent-pill.creative{color:#f472b6;background:#ec489926;border:1px solid #ec489959}.agent-pill.demystifier{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159}@keyframes pulseSubtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.pulse-anim{animation:3s ease-in-out infinite pulseSubtle}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.streaming-cursor{background-color:var(--text-accent);vertical-align:text-bottom;width:6px;height:1.1em;margin-left:4px;animation:1s infinite cursorBlink;display:inline-block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-container{box-sizing:border-box;flex-direction:column;max-width:1440px;height:100dvh;max-height:100dvh;margin:0 auto;padding:0 16px;display:flex;overflow:hidden}.app-header{border-radius:14px;justify-content:space-between;align-items:center;margin-top:6px;margin-bottom:6px;padding:10px 20px;display:flex}.brand-wrapper{align-items:center;gap:12px;display:flex}.brand-icon-box{background:var(--gradient-mia);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #6366f166}.brand-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.brand-subtitle{color:var(--text-secondary);font-size:.78rem;font-weight:500}.nav-tabs{border:1px solid var(--border-subtle);background:#0f172a99;border-radius:12px;align-items:center;gap:8px;padding:4px;display:flex}.nav-tab-btn{color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.nav-tab-btn.active{background:var(--bg-tertiary);color:#fff;box-shadow:0 2px 8px #0003}.nav-tab-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0a}.status-badge{border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.status-badge.status-connected{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.status-badge.status-disconnected{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.status-dot{border-radius:50%;width:8px;height:8px;transition:all .3s}.status-dot.status-connected{background-color:#10b981;box-shadow:0 0 8px #10b981}.status-dot.status-disconnected{background-color:#f59e0b;animation:1.5s infinite pulse-dot;box-shadow:0 0 8px #f59e0b}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.main-content{flex-direction:column;flex:1;gap:6px;min-height:0;margin-bottom:2px;display:flex;overflow:hidden}.agents-sidebar{flex-direction:column;width:320px;padding:18px;display:flex;overflow-y:auto}.sidebar-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:12px;font-size:.88rem;display:flex}.agent-card-select{background:var(--bg-glass);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:12px;flex-direction:column;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.agent-card-select:hover{border-color:var(--border-subtle);background:#ffffff0f}.agent-card-select.selected{background:#6366f11f;border-color:#6366f166;box-shadow:0 4px 12px #6366f126}.agent-card-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.agent-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.agent-card-name{color:#fff;font-size:.95rem;font-weight:700}.agent-card-role{color:var(--text-secondary);font-size:.76rem}.agent-card-desc{color:var(--text-muted);margin-top:6px;font-size:.8rem;line-height:1.4}.chat-window,.chat-view-container{flex-direction:column;flex:1;width:100%;max-width:960px;height:100%;min-height:0;margin:0 auto;display:flex;position:relative;overflow:hidden}.chat-banner,.chat-top-bar{border-bottom:1px solid var(--border-subtle);background:#0f172a66;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px;display:flex;overflow-y:auto}.chat-bubble-row{gap:12px;max-width:85%;display:flex}.chat-bubble-row.user{flex-direction:row-reverse;align-self:flex-end}.chat-bubble-row.assistant{align-self:flex-start}.avatar-badge{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bubble-content{flex-direction:column;gap:6px;display:flex}.bubble-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:.78rem;display:flex}.bubble-body{white-space:pre-wrap;word-break:break-word;border-radius:16px;padding:14px 18px;font-size:.95rem;line-height:1.6}.chat-bubble-row.user .bubble-body{background:var(--gradient-mia);color:#fff;border-bottom-right-radius:4px}.chat-bubble-row.assistant .bubble-body{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);border-bottom-left-radius:4px}.suggestions-box{border-top:1px solid var(--border-subtle);background:#0f172a66;flex-wrap:wrap;flex-shrink:0;gap:8px;max-height:110px;padding:10px 20px;display:flex;overflow-y:auto}.suggestion-chip{background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:.8rem;transition:all .2s}.suggestion-chip:hover{border-color:var(--border-glass);color:#fff;background:#ffffff14;transform:translateY(-1px)}.chat-input-bar{border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#0f172ad9;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:14px 20px;display:flex}.input-tool-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.input-tool-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.input-tool-btn.active{color:#a5b4fc;background:#6366f140;border-color:#6366f180}.input-tool-btn.listening-active{color:#ef4444;background:#ef444440;border-color:#ef444499;animation:1.5s infinite pulse-mic}.chat-textarea{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);resize:none;border-radius:12px;outline:none;flex:1;min-height:48px;max-height:120px;padding:12px 16px;font-size:.95rem;transition:border-color .2s}.chat-textarea:focus{border-color:var(--border-focus)}.chat-textarea::placeholder{color:var(--text-muted);font-size:.9rem;line-height:1.35}.send-btn{background:var(--gradient-mia);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn:not(:disabled):hover{transform:scale(1.05);box-shadow:0 4px 14px #6366f166}.mic-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mic-btn:hover{color:#fff;border-color:var(--border-glass);background:#ffffff14}.mic-btn.listening{color:#fff;background:#ef4444;border-color:#ef4444;animation:1.5s infinite pulse-mic}@keyframes pulse-mic{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.04);box-shadow:0 0 0 12px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.listening-indicator{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:600;animation:.3s fadeIn;display:flex}.listening-wave{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.voice-speak-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.voice-speak-btn:hover{color:#a5b4fc;background:#ffffff0f}.voice-speak-btn.active{color:#38bdf8;background:#38bdf81f}.voice-toggle-btn{border:1px solid var(--border-subtle);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;transition:all .2s;display:flex}.voice-toggle-btn.active{color:#34d399;background:#10b9811f;border-color:#10b9814d}.voice-toggle-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.voice-selector-box{border:1px solid var(--border-subtle);background:#0f172a99;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;display:flex}.voice-dropdown{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;max-width:170px;font-size:.78rem}.voice-dropdown option{color:#f8fafc;background:#0f172a}.btn-test-voice{color:#c7d2fe;cursor:pointer;background:#6366f133;border:1px solid #6366f166;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:600;transition:all .2s;display:flex}.btn-test-voice:hover{background:var(--gradient-mia);color:#fff;border-color:#0000}.lab-container{flex:1;grid-template-columns:1fr 1fr;gap:20px;padding:24px;display:grid;overflow-y:auto}.lab-formula-card{flex-direction:column;gap:16px;padding:24px;display:flex}.formula-step{flex-direction:column;gap:6px;display:flex}.formula-label{color:var(--text-accent);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.formula-input{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:.9rem}.formula-input:focus{border-color:var(--border-focus)}.prompt-preview-box{font-family:var(--font-mono);color:#a5b4fc;background:#0f172ae6;border:1px dashed #6366f166;border-radius:12px;min-height:120px;padding:18px;font-size:.88rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:24px;display:grid;overflow-y:auto}.team-card{flex-direction:column;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden}.team-card-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.attach-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.attach-btn:hover:not(:disabled){color:#60a5fa;background:#ffffff14;border-color:#60a5fa66;transform:translateY(-1px)}.attach-btn.active{color:#60a5fa;background:#3b82f629;border-color:#3b82f680;box-shadow:0 0 12px #3b82f640}.image-preview-bar{padding:0 20px 8px;animation:.25s fadeIn}.image-preview-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #6366f159;border-radius:14px;align-items:center;gap:12px;padding:6px 14px 6px 8px;display:inline-flex;box-shadow:0 8px 20px #0000004d}.image-preview-thumb{object-fit:cover;border:1px solid #ffffff26;border-radius:8px;width:42px;height:42px}.image-preview-details{flex-direction:column;gap:2px;display:flex}.image-preview-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.82rem;font-weight:600;overflow:hidden}.image-preview-size{color:#94a3b8;font-size:.72rem}.image-preview-remove-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:6px;transition:all .2s;display:flex}.image-preview-remove-btn:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.message-image-card{cursor:pointer;background:#0f172a80;border:1px solid #ffffff1f;border-radius:12px;max-width:320px;margin-bottom:10px;transition:all .25s;position:relative;overflow:hidden}.message-image-card:hover{border-color:#6366f180;box-shadow:0 8px 24px #0006}.message-image-thumb{object-fit:cover;width:100%;max-height:240px;display:block}.image-expand-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;opacity:.9;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:600;transition:opacity .2s;display:flex;position:absolute;bottom:8px;right:8px}.message-image-card:hover .image-expand-hint{opacity:1;color:#60a5fa}.chat-window.dragging-over{border-color:#6366f1}.drag-drop-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;border-radius:var(--radius-lg);pointer-events:none;background:#0f172aeb;border:2px dashed #6366f1;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.drag-drop-content{color:#c7d2fe;text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.drag-drop-content p{color:#fff;font-size:1.15rem;font-weight:700}.drag-drop-content span{color:var(--text-muted);font-size:.85rem}.image-lightbox-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;cursor:zoom-out;background:#030712e0;justify-content:center;align-items:center;padding:30px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.image-lightbox-modal{cursor:default;max-width:90vw;max-height:90vh;position:relative}.image-lightbox-img{object-fit:contain;border:1px solid #ffffff26;border-radius:12px;max-width:90vw;max-height:85vh;box-shadow:0 20px 50px #000000b3}.image-lightbox-close{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 4px 12px #0006}.image-lightbox-close:hover{background:#ef4444;transform:scale(1.1)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#03071273;animation:.25s fadeIn;position:fixed;inset:0}.side-drawer{-webkit-backdrop-filter:blur(24px);z-index:1100;background:#0f172af2;border-left:1px solid #ffffff1f;flex-direction:column;width:min(500px,92vw);animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-15px 0 40px #0009}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-subtle);background:#1e293b80;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.drawer-title-group{align-items:center;gap:12px;display:flex}.drawer-badge-icon{background:var(--gradient-mia);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #6366f14d}.drawer-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.drawer-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:.76rem}.drawer-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.drawer-close-btn:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.drawer-toolbar{border-bottom:1px solid var(--border-subtle);background:#0f172a99;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.drawer-font-controls{align-items:center;gap:6px;display:flex}.toolbar-label{color:var(--text-muted);margin-right:4px;font-size:.75rem}.toolbar-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:.78rem;transition:all .2s;display:flex}.toolbar-btn:hover:not(:disabled){color:#fff;background:#ffffff1f;border-color:#ffffff40}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.copied{color:#34d399;background:#10b98126;border-color:#10b9814d}.drawer-action-buttons{align-items:center;gap:8px;display:flex}.drawer-body{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.drawer-readable-content{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;background:#02061766;border:1px solid #ffffff12;border-radius:12px;padding:20px;line-height:1.7;transition:font-size .2s}.drawer-refine-box{background:#1e293b66;border:1px solid #6366f133;border-radius:12px;padding:16px}.refine-box-header{color:#a5b4fc;align-items:center;gap:8px;margin-bottom:4px;font-size:.9rem;font-weight:600;display:flex}.refine-box-desc{color:var(--text-muted);margin-bottom:12px;font-size:.78rem}.refine-buttons-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=480px){.refine-buttons-grid{grid-template-columns:1fr}}.refine-btn{color:#cbd5e1;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.refine-btn:hover{color:#fff;background:#6366f126;border-color:#6366f166;transform:translateY(-1px)}.drawer-tech-details{background:#00000026;border:1px solid #ffffff0d;border-radius:8px;padding:8px 12px}.tech-details-summary{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:.75rem;list-style:none;display:flex}.tech-details-summary::-webkit-details-marker{display:none}.details-chevron{transition:transform .2s}.drawer-tech-details[open] .details-chevron{transform:rotate(180deg)}.tech-details-content{border-top:1px solid #ffffff0d;flex-direction:column;gap:6px;margin-top:10px;padding-top:8px;display:flex}.tech-row{color:var(--text-secondary);justify-content:space-between;font-size:.74rem;display:flex}.tech-row strong{color:#f1f5f9}.btn-open-drawer{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:.74rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-open-drawer:hover{color:#c7d2fe;background:#6366f126;border-color:#6366f159}.btn-drawer-runnable{box-shadow:0 0 12px #10b98133;color:#34d399!important;background:#10b98126!important;border:1px solid #10b98159!important;padding:3px 8px!important;font-weight:600!important}.btn-drawer-runnable:hover{transform:translateY(-1px);color:#6ee7b7!important;background:#10b98140!important}.chat-runnable-card{background:linear-gradient(135deg,#10b98114 0%,#6366f114 100%);border:1px solid #10b9814d;border-radius:12px;flex-direction:column;gap:8px;margin-top:14px;padding:14px 16px;display:flex;box-shadow:0 4px 20px #00000040}.runnable-card-header{justify-content:space-between;align-items:center;display:flex}.runnable-card-title{color:#6ee7b7;align-items:center;gap:7px;font-size:.86rem;font-weight:700;display:flex}.sparkle-icon{color:#10b981}.runnable-badge-pill{color:#c7d2fe;background:#6366f140;border:1px solid #6366f166;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:700}.runnable-card-desc{color:#cbd5e1;margin:0;font-size:.8rem;line-height:1.4}.btn-launch-runnable{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:9px 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b98159}.btn-launch-runnable:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 6px 18px #10b98180}.badge-runnable{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important}.drawer-tabs-bar{background:#0f172ab3;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:4px;padding:5px 14px;display:flex;overflow-x:auto}.drawer-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.drawer-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.drawer-tab-btn.active{color:#fff;background:#6366f133;border:1px solid #6366f166}.tab-pill-live{color:#064e3b;letter-spacing:.5px;background:#10b981;border-radius:4px;padding:1px 5px;font-size:.62rem;font-weight:800}.drawer-preview-controls{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.segmented-control{background:#0f172acc;border:1px solid #ffffff1a;border-radius:6px;padding:2px;display:flex}.segmented-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.segmented-btn.active{color:#fff;background:#6366f180}.sandbox-preview-wrapper{flex-direction:column;gap:14px;width:100%;display:flex}.sandbox-canvas-wrapper{border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:16px;transition:background .3s;display:flex;overflow:hidden}.sandbox-canvas-wrapper.bg-dark{background:#090d16}.sandbox-canvas-wrapper.bg-light{background:#e2e8f0}.sandbox-frame-container{background:#fff;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;width:100%;max-width:640px;height:560px;max-height:70vh;margin:0 auto;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.sandbox-frame-container.viewport-full{width:100%;max-width:680px}.sandbox-frame-container.viewport-mobile{max-width:380px;height:600px}.sandbox-browser-mockup-bar{background:#1e293b;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots .dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.mockup-url-pill{color:var(--text-muted);background:#0f172ab3;border-radius:100px;padding:2px 12px;font-family:JetBrains Mono,monospace;font-size:.68rem}.mockup-refresh-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.mockup-refresh-icon:hover{color:#fff;background:#ffffff1a}.sandbox-live-iframe{background:#fff;border:none;flex:1;width:100%;height:100%;min-height:0;overflow:auto}.drawer-code-view{background:#090d16;border:1px solid #ffffff14;border-radius:10px;max-height:480px;padding:16px;overflow:auto}.code-display-block{color:#38bdf8;white-space:pre-wrap;word-break:break-word;margin:0;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.6}.search-live-indicator{color:#38bdf8;background:#0ea5e91f;border:1px solid #0ea5e94d;border-radius:20px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 14px;font-size:.78rem;font-weight:600;animation:2s ease-in-out infinite pulseSearch;display:inline-flex}.spin-globe-icon{color:#0284c7;animation:3s linear infinite rotateGlobe}@keyframes rotateGlobe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseSearch{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.message-sources-box{background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;margin-top:12px;padding:10px 14px;display:flex}.sources-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.globe-icon{color:#38bdf8}.sources-chips-list{flex-wrap:wrap;gap:6px;display:flex}.source-chip{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;max-width:100%;padding:4px 10px;font-size:.74rem;text-decoration:none;transition:all .2s;display:inline-flex}.source-chip:hover{color:#fff;background:#0ea5e92e;border-color:#0ea5e966;transform:translateY(-1px)}.source-title-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:500;overflow:hidden}.source-domain{color:#38bdf8;font-size:.7rem;font-weight:600}.btn-highlight{font-weight:600;color:#34d399!important;background:linear-gradient(135deg,#10b98133,#0ea5e940)!important;border-color:#10b98166!important}.btn-highlight:hover{transform:translateY(-1px);color:#fff!important;background:linear-gradient(135deg,#10b9814d,#0ea5e959)!important;border-color:#34d399!important}.tab-pill-count{color:#fff;background:#3b82f6;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:.68rem;font-weight:700}.quick-tweaks-bar{background:#0f172ad9;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;display:flex;overflow-x:auto}.tweaks-title{color:#cbd5e1;white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.tweaks-pills-list{align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.tweak-pill{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.74rem;font-weight:500;transition:all .2s;display:inline-flex}.tweak-pill:hover{color:#fff;background:linear-gradient(135deg,#6366f140,#a855f740);border-color:#a855f780;transform:translateY(-1px);box-shadow:0 2px 8px #6366f133}.drawer-gallery-view{max-height:calc(100vh - 230px);padding:18px;overflow-y:auto}.gallery-empty-state{text-align:center;background:#0f172a80;border:1px dashed #ffffff1f;border-radius:16px;max-width:440px;margin:30px auto;padding:48px 24px}.empty-icon{margin-bottom:12px;font-size:42px}.gallery-empty-state h4{color:#f1f5f9;margin:0 0 8px;font-size:1.05rem}.gallery-empty-state p{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.5}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.gallery-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;transition:all .2s;display:flex}.gallery-card:hover{background:#1e293bd9;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 4px 14px #00000040}.gallery-card-header{justify-content:space-between;align-items:center;display:flex}.card-badge{color:#c084fc;background:#a855f726;border:1px solid #a855f74d;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:600}.card-date{color:#64748b;font-size:.72rem}.card-title{color:#f1f5f9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.gallery-card-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.card-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.card-action-btn.load-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);flex:1}.card-action-btn.load-btn:hover{opacity:.92;transform:translateY(-1px)}.card-action-btn.delete-btn{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.card-action-btn.delete-btn:hover{color:#fff;background:#ef444440}.formatted-chat-message{flex-direction:column;gap:8px;line-height:1.65;display:flex}.chat-paragraph{color:inherit;margin:0}.chat-bold-text{color:#f8fafc;font-weight:700}.chat-italic-text{color:#cbd5e1;font-style:italic}.chat-line-spacing{height:6px}.chat-divider{background:#ffffff1a;border:none;height:1px;margin:6px 0}.chat-list-item{align-items:flex-start;gap:8px;margin-left:4px;display:flex}.chat-list-bullet{color:#38bdf8;font-size:1.1rem;line-height:1.3}.chat-list-text{flex:1}.chat-interactive-link{color:#38bdf8;vertical-align:middle;cursor:pointer;background:linear-gradient(135deg,#0ea5e92e,#6366f12e);border:1px solid #38bdf866;border-radius:20px;align-items:center;gap:6px;margin:4px 4px 4px 0;padding:4px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .22s ease-in-out;display:inline-flex;box-shadow:0 2px 6px #00000026}.chat-interactive-link:hover{color:#fff;background:linear-gradient(135deg,#0ea5e959,#6366f159);border-color:#38bdf8;transform:translateY(-1.5px);box-shadow:0 4px 12px #0ea5e94d}.chat-interactive-link .link-icon{color:#38bdf8;flex-shrink:0}.chat-interactive-link:hover .link-icon{color:#fff}.chat-interactive-link .link-arrow{opacity:.75;flex-shrink:0;transition:transform .2s}.chat-interactive-link:hover .link-arrow{opacity:1;transform:translate(1px,-1px)}.chat-interactive-link .link-label{white-space:normal;word-break:break-word}.message-quick-followups{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.btn-followup{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-followup:hover{color:#fff;background:#6366f133;border-color:#6366f166;transform:translateY(-1px)}.handsfree-banner{color:#34d399;background:linear-gradient(135deg,#10b98126,#0ea5e926);border-bottom:1px solid #10b9814d;align-items:center;gap:10px;padding:8px 20px;font-size:.8rem;font-weight:500;animation:.3s fadeInBanner;display:flex}.handsfree-banner.standby{color:#c084fc;background:linear-gradient(135deg,#6366f126,#a855f726);border-bottom:1px solid #a855f759}.handsfree-pulse-icon{animation:1.5s ease-in-out infinite pulseIcon}.handsfree-active{box-shadow:0 0 12px #10b98166;color:#fff!important;background:linear-gradient(135deg,#10b981,#06b6d4)!important;border-color:#34d399!important}@keyframes pulseIcon{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.suggestions-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.suggestions-title{color:var(--text-muted);font-size:.8rem}.btn-surprise-me{color:#f472b6;cursor:pointer;background:linear-gradient(135deg,#a855f740,#ec489940);border:1px solid #a855f766;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-surprise-me:hover{color:#fff;background:linear-gradient(135deg,#a855f766,#ec489966);border-color:#f472b6;transform:translateY(-1px);box-shadow:0 2px 10px #ec48994d}.btn-surprise-quick{color:#c084fc!important}.btn-surprise-quick:hover{color:#f472b6!important;background:#a855f726!important}.header-action-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.header-action-btn:hover{color:#fff;background:#ffffff1a;border-color:#c084fc66;transform:translateY(-1px)}.drawer-quick-edit-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border-top:1px solid #ffffff1a;padding:12px 20px}.quick-edit-input-wrapper{background:#ffffff0f;border:1px solid #c084fc4d;border-radius:10px;align-items:center;gap:8px;padding:4px 8px 4px 12px;transition:all .2s;display:flex}.quick-edit-input-wrapper:focus-within{background:#ffffff17;border-color:#c084fc;box-shadow:0 0 12px #c084fc40}.quick-edit-input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.82rem}.quick-edit-input::placeholder{color:#94a3b8}.quick-edit-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#6366f1);border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.quick-edit-send-btn:hover:not(:disabled){opacity:.92;transform:scale(1.02)}.quick-edit-send-btn:disabled{opacity:.5;cursor:not-allowed}.message-thought-wrapper{margin-top:8px}.btn-explanation-toggle{color:#d8b4fe;cursor:pointer;background:#c084fc14;border:1px dashed #c084fc59;border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-explanation-toggle:hover{color:#fff;background:#c084fc29;border-color:#c084fc}.thought-card-box{color:#e0e7ff;background:linear-gradient(135deg,#1e1b4b99,#312e8166);border:1px solid #a855f740;border-radius:8px;margin-top:6px;padding:9px 13px;font-size:.77rem;line-height:1.45;animation:.25s fadeInBanner}.thought-card-box p{margin:0}.modal-backdrop-custom{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;padding:16px;animation:.2s fadeInBanner;display:flex;position:fixed;inset:0}.modal-card-custom{background:#0f172a;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}.modal-header-custom{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.modal-icon-badge{background:#c084fc26;border:1px solid #c084fc4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modal-title-custom{color:#f8fafc;margin:0;font-size:1.05rem;font-weight:700}.modal-subtitle-custom{color:#94a3b8;margin:3px 0 0;font-size:.75rem;line-height:1.35}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.modal-body-custom{flex-direction:column;gap:16px;padding:20px 22px;display:flex}.modal-field-group{flex-direction:column;gap:6px;display:flex}.modal-label{color:#cbd5e1;font-size:.78rem;font-weight:600}.modal-input,.modal-textarea{color:#f8fafc;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.82rem;transition:all .2s}.modal-input:focus,.modal-textarea:focus{background:#ffffff14;border-color:#c084fc;outline:none;box-shadow:0 0 10px #c084fc40}.activity-chips-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:2px;display:grid}.activity-chip-btn{text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:flex-start;padding:8px 10px;transition:all .2s;display:flex}.activity-chip-btn:hover{background:#ffffff14;border-color:#c084fc59}.activity-chip-btn.selected{background:#a855f72e;border-color:#c084fc;box-shadow:0 0 10px #a855f733}.activity-chip-label{color:#f1f5f9;font-size:.77rem;font-weight:600}.activity-chip-desc{color:#94a3b8;margin-top:2px;font-size:.68rem}.modal-footer-custom{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;padding-top:14px;display:flex}.brand-info-col{flex-direction:column;gap:2px;display:flex}.user-greeting-chip{color:#c084fc;cursor:pointer;background:#c084fc26;border:1px solid #c084fc59;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:600;transition:all .2s}.user-greeting-chip:hover{color:#fff;background:#c084fc40;border-color:#c084fc}.header-controls-group{align-items:center;gap:8px;display:flex}.audio-controls-pill{background:#0f172ab3;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:4px;padding:2px 4px;display:flex}.header-tool-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:14px;align-items:center;gap:5px;padding:4px 9px;font-size:.74rem;font-weight:500;transition:all .2s;display:inline-flex}.header-tool-btn:hover{color:#fff;background:#ffffff14}.header-tool-btn.active-tool{color:#34d399;background:#10b98126;font-weight:600}.header-tool-btn.active-handsfree{background:linear-gradient(135deg,#10b981,#06b6d4);font-weight:600;box-shadow:0 0 10px #10b98166;color:#fff!important}.header-icon-action-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.header-icon-action-btn:hover{color:#fff;background:#ffffff1f;transform:translateY(-1px)}.header-profile-btn{color:#e2e8f0;cursor:pointer;background:#c084fc1a;border:1px solid #c084fc40;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.header-profile-btn:hover{color:#fff;background:#c084fc33;border-color:#c084fc}.main-content.split-canvas-active{grid-template-columns:46% 54%;gap:16px;height:calc(100vh - 80px);max-height:calc(100vh - 80px);display:grid;overflow:hidden;min-height:0!important}.chat-pane-wrapper{flex-direction:column;flex:1;width:100%;height:100%;max-height:100%;display:flex;overflow:hidden;min-height:0!important}.canvas-pane-wrapper{flex-direction:column;height:100%;max-height:100%;animation:.3s fadeInBanner;display:flex;position:relative;overflow:hidden;min-height:0!important}.main-content.canvas-maximized{grid-template-columns:0 100%!important}.main-content.canvas-maximized .chat-pane-wrapper{display:none!important}.side-drawer.split-pane-drawer{border:1px solid #ffffff1f!important;border-radius:16px!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;animation:none!important;display:flex!important;position:static!important;overflow:hidden!important;box-shadow:0 12px 30px #00000080!important}.side-drawer.split-pane-drawer .drawer-body{flex:1;flex-direction:column!important;gap:16px!important;min-height:0!important;max-height:100%!important;padding:16px!important;display:flex!important;overflow:hidden auto!important}.side-drawer.maximized-drawer{z-index:1050!important;border-radius:0!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.welcome-hero-dashboard{text-align:center;flex-direction:column;align-items:center;padding:24px 20px;animation:.4s fadeInBanner;display:flex}.welcome-hero-dashboard.compact-2col{text-align:left;grid-template-columns:1fr;align-content:start;align-items:start;gap:16px;width:100%;max-width:760px;margin:0 auto;padding:6px 16px;display:grid}.welcome-hero-video-col{flex-direction:column;gap:6px;max-width:245px;display:flex}.welcome-video-badge-row{justify-content:space-between;align-items:center;display:flex}.welcome-hero-video-col .welcome-video-frame{aspect-ratio:16/9;background:#000;border:1px solid #a855f759;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 6px 18px #00000073}.welcome-hero-video-col .welcome-video-player{object-fit:cover;width:100%;height:100%;display:block}.welcome-hero-video-col .welcome-flow-quote{color:#cbd5e1;text-align:center;margin:0;font-size:.74rem;font-style:italic;line-height:1.35}.welcome-hero-actions-col{flex-direction:column;gap:10px;display:flex}.welcome-hero-badge-row{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.welcome-forget-interests{color:#a5b4fc;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:.72rem;text-decoration:underline}.welcome-forget-interests:hover,.welcome-forget-interests:focus-visible{color:#fff}.welcome-hero-actions-col .welcome-hero-header{text-align:left;max-width:100%;margin-bottom:0}.welcome-hero-actions-col .welcome-hero-title{margin:2px 0 4px;font-size:1.25rem}.welcome-hero-actions-col .welcome-hero-subtitle{color:var(--text-secondary);margin:0;font-size:.78rem}.welcome-action-cards-grid.compact-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-width:100%;display:grid}.welcome-action-cards-grid.compact-grid .action-hero-card{border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.welcome-action-cards-grid.compact-grid .action-card-top{margin-bottom:2px}.welcome-action-cards-grid.compact-grid .action-card-emoji{font-size:1.15rem}.welcome-action-cards-grid.compact-grid .action-card-tag{font-size:.62rem}.welcome-action-cards-grid.compact-grid .action-card-title{margin:0;font-size:.84rem;font-weight:700}.welcome-action-cards-grid.compact-grid .action-card-desc{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.25}@media (width<=960px){.welcome-hero-dashboard.compact-2col{grid-template-columns:1fr;gap:16px;padding:12px 14px}}.welcome-hero-header{max-width:580px;margin-bottom:24px}.welcome-hero-badge{color:#a5b4fc;background:#6366f12e;border:1px solid #6366f159;border-radius:20px;margin-bottom:10px;padding:4px 12px;font-size:.74rem;font-weight:600;display:inline-block}.welcome-hero-title{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:1.45rem;font-weight:800}.welcome-hero-subtitle{color:#94a3b8;margin:0;font-size:.88rem;line-height:1.45}.welcome-action-cards-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:740px;display:grid}.action-hero-card{text-align:left;cursor:pointer;background:#0f172aa6;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;padding:16px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.action-hero-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0006}.card-gradient-cartel:hover{background:linear-gradient(135deg,#ec48991f,#0f172ad9);border-color:#ec489999}.card-gradient-boleta:hover{background:linear-gradient(135deg,#10b9811f,#0f172ad9);border-color:#10b98199}.card-gradient-letra:hover{background:linear-gradient(135deg,#6366f11f,#0f172ad9);border-color:#6366f199}.card-gradient-voz:hover{background:linear-gradient(135deg,#0ea5e91f,#0f172ad9);border-color:#0ea5e999}.action-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.action-card-emoji{font-size:1.4rem}.action-card-tag{text-transform:uppercase;letter-spacing:.04em;color:#cbd5e1;background:#ffffff14;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:600}.action-card-title{color:#f8fafc;margin:0 0 6px;font-size:.95rem;font-weight:700}.action-card-desc{color:#94a3b8;flex:1;margin:0 0 12px;font-size:.77rem;line-height:1.4}.action-card-link{color:#c084fc;font-size:.76rem;font-weight:600;transition:color .2s}.action-hero-card:hover .action-card-link{color:#fff}.chat-input-bar{background:#0f172ad9!important;border:1px solid #ffffff24!important;border-radius:16px!important;transition:all .25s!important;box-shadow:0 8px 24px #00000059!important}.drawer-header-main-group{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.btn-return-chat-prominent{color:#c7d2fe;cursor:pointer;white-space:nowrap;background:#6366f133;border:1px solid #a5b4fc66;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-return-chat-prominent:hover{color:#fff;background:#6366f159;border-color:#818cf8;transform:translate(-2px);box-shadow:0 4px 12px #6366f14d}.drawer-header-right-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.drawer-size-toggle-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.drawer-size-toggle-btn:hover{color:#fff;background:#ffffff1f}.maximized-guide-banner{background:linear-gradient(90deg,#1e1b4b 0%,#31104b 100%);border-bottom:1px solid #c084fc4d;justify-content:space-between;align-items:center;gap:12px;padding:8px 18px;animation:.25s fadeIn;display:flex}.maximized-guide-info{color:#e2e8f0;align-items:center;gap:8px;font-size:.84rem;display:flex}.maximized-guide-actions{align-items:center;gap:8px;display:flex}.btn-guide-back-chat{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-guide-back-chat:hover{background:#4f46e5;transform:translate(-2px)}.btn-guide-restore{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.btn-guide-restore:hover{color:#fff;background:#ffffff29}.active-canvas-hint-banner{background:#9333ea24;border:1px solid #c084fc59;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:10px 16px 0;padding:6px 14px;animation:.3s fadeInBanner;display:flex}.active-canvas-hint-text{color:#e9d5ff;align-items:center;gap:8px;font-size:.8rem;display:flex}.live-pulse-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 10px #34d399}.btn-close-canvas-from-chat{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-close-canvas-from-chat:hover{color:#fca5a5;background:#ef444433;border-color:#ef444466}.drawer-quick-return-bar{justify-content:center;margin-top:8px;display:flex}.btn-footer-chat-return{color:#a5b4fc;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-footer-chat-return:hover{color:#fff;background:#6366f133;text-decoration:underline}@media (width<=900px){.main-content.split-canvas-active{flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;position:relative!important;overflow:hidden!important}.main-content.split-canvas-active .chat-pane-wrapper{display:none!important}.main-content.split-canvas-active .canvas-pane-wrapper{flex-direction:column!important;flex:1!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.welcome-action-cards-grid{grid-template-columns:1fr!important}}.brand-icon-box.clickable-avatar{cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;position:relative;overflow:hidden}.brand-icon-box.clickable-avatar:hover{transform:scale(1.06);box-shadow:0 0 20px #a855f7a6,0 0 10px #06b6d480}.brand-avatar-img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.fallback-bot-icon{display:none}.btn-meet-mia{color:#c7d2fe;cursor:pointer;background:#6366f126;border:1px solid #a855f773;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-meet-mia:hover{color:#fff;background:#a855f747;border-color:#c084fc;transform:translateY(-1px);box-shadow:0 2px 10px #a855f759}.avatar-badge{position:relative;overflow:hidden}.avatar-badge-img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.avatar-fallback-icon{display:none}.pulse-glow{animation:2s ease-in-out infinite avatarPulse}@keyframes avatarPulse{0%,to{transform:scale(1);box-shadow:0 0 8px #6366f166}50%{transform:scale(1.05);box-shadow:0 0 16px #a855f7cc,0 0 6px #06b6d499}}.chat-welcome-container{background:linear-gradient(135deg,#0f172ad9 0%,#1e1b4bd9 100%);border:1px solid #a855f74d;border-radius:20px;flex-direction:column;gap:20px;max-width:680px;margin:20px auto 32px;padding:24px;animation:.4s ease-out fadeInWelcome;display:flex;box-shadow:0 12px 36px #00000073}@keyframes fadeInWelcome{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-welcome-video-card,.welcome-flow-hero-card{flex-direction:column;gap:12px;width:100%;max-width:560px;margin:0 auto 16px;display:flex}.welcome-video-header{justify-content:space-between;align-items:center;display:flex}.welcome-video-badge{color:#c7d2fe;background:#6366f133;border:1px solid #818cf84d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.welcome-video-status{color:#4ade80;letter-spacing:.02em;font-size:.74rem;font-weight:600}.welcome-video-frame{aspect-ratio:16/9;background:#000;border:1px solid #a855f759;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 26px #00000080}.welcome-video-player{object-fit:cover;width:100%;height:100%;display:block}.welcome-video-footer{text-align:center;padding:0 8px}.welcome-flow-quote{color:#e2e8f0;margin:0;font-size:.88rem;font-style:italic;line-height:1.45}.chat-welcome-suggestions{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:16px;display:flex}.welcome-suggestions-title{color:var(--text-secondary);margin:0;font-size:.85rem;font-weight:600}.welcome-chips-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;display:grid}.welcome-chip-btn{color:#cbd5e1;text-align:left;cursor:pointer;background:#1e293bb3;border:1px solid #94a3b826;border-radius:12px;padding:10px 14px;font-size:.82rem;line-height:1.35;transition:all .2s}.welcome-chip-btn:hover{color:#fff;background:#6366f133;border-color:#a855f780;transform:translateY(-1px)}.welcome-cinema-modal{background:#0f172af0;border:1px solid #a855f773;border-radius:20px;flex-direction:column;gap:18px;width:92%;max-width:820px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) cinemaZoom;display:flex;box-shadow:0 20px 50px #000000a6,0 0 30px #6366f140}@keyframes cinemaZoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.welcome-modal-header{justify-content:space-between;align-items:center;display:flex}.welcome-modal-title-row{align-items:center;gap:12px;display:flex}.welcome-badge-icon{background:var(--gradient-mia);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.welcome-modal-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.welcome-modal-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:.8rem}.welcome-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.welcome-close-btn:hover{color:#fff;background:#ffffff1a}.welcome-video-container{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1a;border-radius:14px;width:100%;overflow:hidden}.welcome-cinema-video{object-fit:cover;width:100%;height:100%;display:block}.welcome-capabilities-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.welcome-cap-item{color:#e2e8f0;background:#1e293b8c;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.83rem;display:flex}.cap-icon-tech{color:#a855f7;flex-shrink:0}.header-feedback-btn{color:#f87171!important;border-color:#f8717140!important}.header-feedback-btn:hover{box-shadow:0 0 12px #ef444440;color:#fca5a5!important;background:#ef44442e!important;border-color:#f8717199!important}.btn-report-msg-action{opacity:.85;color:#fca5a5!important;border-color:#f8717140!important}.btn-report-msg-action:hover{opacity:1;color:#fff!important;background:#ef444426!important;border-color:#f8717180!important}.feedback-modal-card{max-width:580px}.feedback-target-box{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;margin-bottom:4px;padding:10px 14px}.feedback-target-label{color:#fcd34d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:.73rem;font-weight:600;display:block}.feedback-target-snippet{color:#cbd5e1;margin:0;font-size:.8rem;font-style:italic;line-height:1.4}.feedback-categories-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;display:grid}.feedback-category-btn{color:#cbd5e1;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:.8rem;font-weight:500;transition:all .18s;display:flex}.feedback-category-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff38}.feedback-category-btn.selected{color:#fff;background:#9333ea40;border-color:#c084fc99;font-weight:600;box-shadow:0 0 12px #a855f733}.feedback-telemetry-toggle{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;margin-top:2px;padding:12px 14px}.feedback-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;display:flex}.feedback-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#a855f7;flex-shrink:0;width:17px;height:17px;margin-top:2px}.checkbox-text{color:#cbd5e1;font-size:.8rem;line-height:1.45}.checkbox-text strong{color:#f8fafc}.btn-toggle-tech-details{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;margin-top:4px;padding:4px 6px;font-size:.74rem;transition:color .15s;display:inline-flex}.btn-toggle-tech-details:hover{color:#e2e8f0}.tech-details-box{background:#0f172acc;border:1px solid #ffffff12;border-radius:8px;margin-top:8px;padding:10px 14px;animation:.2s fadeInBanner}.tech-details-box ul{color:#94a3b8;margin:0;padding-left:18px;font-size:.75rem;line-height:1.6}.tech-details-box strong{color:#cbd5e1}.privacy-note{color:#34d399;margin:8px 0 0;font-size:.72rem;font-weight:500}@media (width<=600px){.feedback-categories-grid{grid-template-columns:1fr}}.feedback-mic-btn{color:#d8b4fe;cursor:pointer;background:#9333ea1f;border:1px solid #c084fc59;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:.73rem;font-weight:600;transition:all .2s;display:inline-flex}.feedback-mic-btn:hover{color:#fff;background:#9333ea40;border-color:#c084fc99}.feedback-mic-btn.recording{color:#fca5a5;background:#ef444433;border-color:#f87171;animation:1.4s infinite pulseRecording}.feedback-voice-recording-banner{color:#fca5a5;background:#ef44441a;border:1px solid #f871714d;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.74rem;animation:.2s fadeInBanner;display:flex}.pulse-mic-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s infinite pulseRecording;box-shadow:0 0 8px #ef4444}@keyframes pulseRecording{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.7;transform:scale(.95)}}.speed-toggle-btn{letter-spacing:.2px;color:#38bdf8!important;font-size:.74rem!important;font-weight:600!important}.speed-toggle-btn:hover{color:#bae6fd!important;background:#38bdf826!important;border-color:#38bdf866!important}.creator-credit-badge{font-family:var(--font-heading), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;letter-spacing:.02em;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:5px;font-size:.82rem;line-height:1;transition:opacity .2s,transform .2s;display:inline-flex}.creator-text-yellow{color:#ffe600;text-shadow:0 1px 4px #0006;font-weight:600}.creator-text-blue{color:#08f;text-shadow:0 1px 4px #0006;font-weight:800}.creator-text-red{color:#f22;text-shadow:0 1px 4px #0006;font-weight:900}.creator-credit-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;border:1px solid #ffffff1a;border-radius:9999px;padding:3px 9px;font-size:.72rem}.creator-credit-header:hover{border-color:#ffffff40;box-shadow:0 0 12px #ffe60026}.app-global-footer{z-index:10;flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;margin-bottom:6px;padding:6px 16px;display:flex}.creator-credit-footer{opacity:.8;background:#0f172a80;border:1px solid #ffffff0f;border-radius:9999px;padding:2px 10px;font-size:.66rem}.creator-credit-footer:hover{opacity:1}.creator-credit-modal{opacity:.8;background:#0f172a80;border:1px solid #ffffff0f;border-radius:9999px;padding:2px 10px;font-size:.64rem}.creator-credit-drawer{background:#0f172a99;border:1px solid #ffffff14;border-radius:9999px;padding:3px 10px;font-size:.73rem}.app-container{height:100dvh}.tab-label-full,.audio-label-full,.handsfree-label-full,.return-label-full{display:inline}.tab-label-short,.audio-label-short,.handsfree-label-short,.return-label-short{display:none}@media (width<=860px){.app-container{padding:0 10px}.app-header{border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;margin-bottom:8px;padding:10px 14px;display:flex}.brand-wrapper{flex:auto;order:1;min-width:0}.header-controls-group{flex:none;order:2;gap:6px}.nav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:3;justify-content:space-between;gap:4px;width:100%;margin-top:4px;padding:3px;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab-btn{text-align:center;white-space:nowrap;flex:auto;justify-content:center;padding:6px 10px;font-size:.8rem}.tab-label-full{display:none}.tab-label-short{display:inline}.lab-container,.team-grid{grid-template-columns:1fr!important;gap:14px!important;padding:14px!important}}@media (width<=640px){.app-container{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding:0 6px!important;overflow-x:hidden!important}.app-header{box-sizing:border-box!important;gap:6px!important;max-width:100%!important;margin:3px 0 4px!important;padding:5px 8px!important;overflow:hidden!important}.brand-icon-box{border-radius:10px;width:38px;height:38px}.brand-title{font-size:1.22rem}.brand-subtitle{display:none}.btn-meet-mia{padding:3px 8px;font-size:.72rem}.creator-credit-header{padding:2px 7px;font-size:.68rem}.header-controls-group{-webkit-overflow-scrolling:touch;scrollbar-width:none!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:4px!important;max-width:100%!important;overflow-x:auto!important}.header-controls-group::-webkit-scrollbar{display:none!important}.audio-controls-pill{flex-shrink:0!important;gap:2px!important;padding:2px 3px!important}.header-tool-btn{border-radius:6px!important;padding:4px 6px!important;font-size:.7rem!important}.audio-label-full,.handsfree-label-full,.audio-label-short,.handsfree-label-short{display:none!important}.header-icon-action-btn{border-radius:6px!important;flex-shrink:0!important;width:26px!important;height:26px!important}.header-profile-btn{border-radius:6px!important;flex-shrink:0!important;padding:4px 6px!important;font-size:.74rem!important}.header-profile-btn span{display:none!important}.status-badge{flex-shrink:0!important;gap:0!important;padding:4px 6px!important}.chat-input-bar{z-index:50!important;box-sizing:border-box!important;background:#0f172af2!important;border-radius:12px!important;flex-shrink:0!important;gap:6px!important;max-width:100%!important;margin-top:4px!important;margin-bottom:2px!important;padding:6px 8px!important;position:relative!important;box-shadow:0 4px 16px #0006!important}.input-tool-btn{border-radius:8px!important;flex-shrink:0!important;width:36px!important;height:36px!important}.chat-textarea{box-sizing:border-box!important;border-radius:10px!important;min-height:42px!important;max-height:100px!important;padding:8px 12px!important;font-size:.84rem!important;line-height:1.35!important}.chat-textarea::placeholder{color:#cbd5e1a6!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.78rem!important;line-height:1.25!important;overflow:hidden!important}.send-btn{border-radius:8px!important;flex-shrink:0!important;width:36px!important;height:36px!important}.chat-view,.chat-messages{-webkit-overflow-scrolling:touch;box-sizing:border-box!important;flex:1!important;gap:8px!important;max-width:100%!important;min-height:0!important;padding:6px!important;overflow:hidden auto!important}.message-wrapper{max-width:96%!important}.chat-window,.chat-view-container{box-sizing:border-box!important;max-width:100%!important;padding:2px 0 0!important;overflow-x:hidden!important}.welcome-hero-dashboard,.welcome-hero-dashboard.compact-2col{box-sizing:border-box!important;flex:none!important;grid-template-columns:1fr!important;align-content:start!important;align-items:start!important;gap:4px!important;max-width:100%!important;padding:0 4px 4px!important}.welcome-hero-actions-col{box-sizing:border-box!important;flex:none!important;gap:4px!important;max-width:100%!important}.welcome-hero-video-col{gap:2px!important;max-width:185px!important;margin:0 auto!important}.welcome-hero-video-col .welcome-video-frame{aspect-ratio:16/9;border-radius:8px!important;max-height:90px!important}.welcome-video-badge-row{margin-bottom:1px!important}.welcome-video-badge{padding:1px 6px!important;font-size:.62rem!important}.welcome-video-status{font-size:.62rem!important}.welcome-flow-quote{display:none!important}.welcome-hero-header{text-align:center!important;margin-bottom:2px!important}.welcome-hero-badge{margin-bottom:2px!important;padding:1px 7px!important;font-size:.65rem!important}.welcome-hero-title{margin:0 0 1px!important;font-size:1.02rem!important}.welcome-hero-subtitle{font-size:.7rem!important;line-height:1.25!important}.welcome-action-cards-grid,.welcome-action-cards-grid.compact-grid{box-sizing:border-box!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important;max-width:100%!important;display:grid!important}.action-hero-card{box-sizing:border-box!important;border-radius:8px!important;gap:1px!important;min-width:0!important;min-height:0!important;padding:6px 8px!important;overflow:hidden!important}.action-card-emoji{font-size:.92rem!important}.action-card-tag{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:.56rem!important;overflow:hidden!important}.action-card-title{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.72rem!important;overflow:hidden!important}.action-card-desc{display:none!important}.welcome-cinema-modal,.modal-custom,.feedback-modal{border-radius:14px!important;width:95vw!important;max-width:95vw!important;max-height:90dvh!important;padding:12px!important}.welcome-cinema-video{max-height:180px!important}.welcome-capabilities-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.app-global-footer{flex-shrink:0!important;margin-top:0!important;margin-bottom:2px!important;padding:2px 6px!important}.creator-credit-footer{padding:1px 8px!important;font-size:.6rem!important}.side-drawer.split-pane-drawer{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box!important;border-radius:12px!important;flex-direction:column!important;flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;display:flex!important;overflow:hidden auto!important}.drawer-header{background:#0f172af2!important;flex-wrap:nowrap!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:6px 10px!important}.drawer-header-main-group{flex:auto!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important;overflow:hidden!important}.btn-return-chat-prominent{border-radius:8px!important;flex-shrink:0!important;gap:4px!important;padding:5px 9px!important;font-size:.74rem!important}.return-label-full{display:none!important}.return-label-short{display:inline!important}.drawer-title-group{flex:auto!important;gap:6px!important;min-width:0!important;overflow:hidden!important}.drawer-badge-icon{display:none!important}.drawer-titles-col{min-width:0!important;overflow:hidden!important}.drawer-title{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.84rem!important;overflow:hidden!important}.drawer-subtitle{display:none!important}.drawer-header-right-controls{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.drawer-size-toggle-btn{display:none!important}.drawer-close-btn{border-radius:6px!important;flex-shrink:0!important;width:28px!important;height:28px!important}.drawer-tabs-bar{-webkit-overflow-scrolling:touch;white-space:nowrap!important;scrollbar-width:none!important;flex-wrap:nowrap!important;flex-shrink:0!important;gap:4px!important;padding:3px 6px!important;overflow-x:auto!important}.drawer-tabs-bar::-webkit-scrollbar{display:none!important}.drawer-tab-btn{white-space:nowrap!important;border-radius:6px!important;flex-shrink:0!important;padding:5px 9px!important;font-size:.74rem!important}.drawer-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none!important;flex-wrap:nowrap!important;flex-shrink:0!important;padding:4px 8px!important;overflow-x:auto!important}.drawer-toolbar::-webkit-scrollbar{display:none!important}.drawer-preview-controls{scrollbar-width:none!important;flex-wrap:nowrap!important;gap:5px!important;width:auto!important;display:flex!important;overflow-x:auto!important}.drawer-preview-controls::-webkit-scrollbar{display:none!important}.toolbar-btn{white-space:nowrap!important;border-radius:6px!important;flex-shrink:0!important;gap:4px!important;padding:4px 8px!important;font-size:.7rem!important}.segmented-control{display:none!important}.quick-tweaks-bar{scrollbar-width:none!important;flex-shrink:0!important;gap:6px!important;padding:3px 6px!important;overflow-x:auto!important}.quick-tweaks-bar::-webkit-scrollbar{display:none!important}.tweaks-title{flex-shrink:0!important;font-size:.68rem!important}.tweak-pill{border-radius:12px!important;flex-shrink:0!important;padding:3px 8px!important;font-size:.68rem!important}.side-drawer.split-pane-drawer .drawer-body{flex:none!important;gap:6px!important;min-height:auto!important;max-height:none!important;padding:6px!important;overflow:visible!important}.sandbox-preview-wrapper{flex-direction:column!important;flex:none!important;gap:6px!important;height:auto!important;display:flex!important}.sandbox-canvas-wrapper{background:0 0!important;border:none!important;flex:none!important;width:100%!important;height:auto!important;padding:0!important}.sandbox-frame-container{border-radius:8px!important;flex-direction:column!important;flex:none!important;width:100%!important;max-width:100%!important;height:52dvh!important;min-height:280px!important;max-height:500px!important;margin:0!important;display:flex!important;overflow:hidden!important}.sandbox-browser-mockup-bar{flex-shrink:0!important;padding:3px 8px!important}.sandbox-live-iframe{border:none!important;flex:1!important;width:100%!important;height:100%!important;min-height:0!important}.drawer-quick-edit-footer{flex-shrink:0!important;padding:6px 8px!important}.quick-edit-input-wrapper{border-radius:8px!important;gap:6px!important;padding:3px 6px 3px 8px!important}.quick-edit-input{font-size:.74rem!important}.quick-edit-send-btn{border-radius:6px!important;padding:4px 8px!important;font-size:.72rem!important}.drawer-quick-return-bar{margin-top:3px!important}.btn-footer-chat-return{padding:2px 6px!important;font-size:.7rem!important}}@media (width<=400px){.creator-credit-header{display:none}.nav-tab-btn{gap:4px;padding:5px 6px;font-size:.74rem}}.main-content.split-canvas-active{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}.chat-pane-wrapper,.canvas-pane-wrapper,.lab-container,.team-grid,.bubble-content,.welcome-hero-actions-col{min-width:0}.header-menu-toggle{display:none}.header-icon-action-btn,.header-profile-btn,.header-tool-btn{min-height:40px}:where(button,a,input,textarea,select,summary):focus-visible{outline-offset:3px;outline:2px solid #c7d2fe}.modal-backdrop,.modal-backdrop-custom{z-index:1200;overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card-custom,.welcome-cinema-modal{min-height:0;max-height:calc(100dvh - 32px)}.modal-card-custom .modal-body-custom,.welcome-cinema-modal{overscroll-behavior:contain;overflow-y:auto}.modal-card-custom .modal-body-custom{min-height:0}@media (width<=1180px){.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid;overflow:visible}.brand-wrapper{grid-column:1;min-width:0}.brand-info-col{min-width:0}.header-menu-toggle{min-height:44px;color:var(--text-primary);font:600 .85rem var(--font-heading);cursor:pointer;background:#6366f124;border:1px solid #818cf859;border-radius:10px;grid-column:2;justify-content:center;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.header-menu-status{background:#f59e0b;border-radius:50%;width:8px;height:8px}.header-menu-status.status-connected{background:#10b981}.nav-tabs{grid-column:1/-1;width:100%;min-width:0;margin:0}.nav-tab-btn{flex:1 1 0;justify-content:center;min-width:0;min-height:44px}.header-controls-group,.header-controls-group.open{border:1px solid var(--border-subtle);background:#0f172af2;border-radius:10px;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;width:100%;max-width:100%;padding:8px;overflow:visible}.header-controls-group{display:none}.header-controls-group.open{display:flex}.header-icon-action-btn,.header-profile-btn,.header-tool-btn{justify-content:center;min-width:44px;min-height:44px}}@media (width<=860px){.app-header{grid-template-columns:minmax(0,1fr) auto;display:grid!important}.brand-wrapper,.nav-tabs{order:initial!important}.header-menu-toggle{order:initial}.header-controls-group{order:initial!important}.lab-container,.team-grid{min-height:0}}@media (width<=640px){.app-container{padding-bottom:env(safe-area-inset-bottom)}.app-header{overflow:visible!important}.brand-title{font-size:1.3rem}.header-controls-group{flex-wrap:wrap!important;justify-content:flex-start!important;display:none!important;overflow:visible!important}.header-controls-group.open{display:flex!important}.audio-controls-pill{flex:100%;justify-content:flex-start;width:100%;gap:8px!important}.header-tool-btn,.header-icon-action-btn,.header-profile-btn{width:auto!important;min-width:44px!important;height:44px!important;min-height:44px!important}.nav-tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:visible!important}.nav-tab-btn{flex-direction:column;gap:2px;min-width:0;min-height:50px;line-height:1.15;white-space:normal!important;padding:5px 3px!important;font-size:.75rem!important}.chat-view-container{min-height:0}.welcome-hero-dashboard.compact-2col{overscroll-behavior:contain;flex-direction:column!important;flex:auto!important;align-items:stretch!important;gap:16px!important;min-height:0!important;padding:12px!important;display:flex!important;overflow-y:auto!important}.welcome-hero-actions-col{order:1;width:100%;flex:none!important;gap:12px!important}.welcome-hero-video-col{order:2;width:min(100%,320px);gap:8px!important;max-width:320px!important;margin:0 auto!important}.welcome-hero-video-col .welcome-video-frame{max-height:none!important}.welcome-hero-badge,.welcome-video-badge,.welcome-video-status{font-size:.75rem!important}.welcome-hero-title{line-height:1.25;font-size:clamp(1.2rem,4.5vw,1.5rem)!important}.welcome-hero-subtitle{font-size:.875rem!important;line-height:1.5!important}.welcome-action-cards-grid.compact-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:10px!important}.welcome-action-cards-grid.compact-grid .action-hero-card{gap:4px!important;padding:12px!important;overflow:visible!important}.welcome-action-cards-grid.compact-grid .action-card-tag{font-size:.7rem!important}.welcome-action-cards-grid.compact-grid .action-card-title{white-space:normal!important;font-size:.9rem!important;overflow:visible!important}.welcome-action-cards-grid.compact-grid .action-card-desc{color:#cbd5e1;font-size:.78rem!important;line-height:1.4!important;display:block!important}.chat-textarea,.formula-input,.modal-input,.modal-textarea,.quick-edit-input{font-size:16px!important}.chat-textarea::placeholder{font-size:.875rem!important}.input-tool-btn,.send-btn{width:44px!important;height:44px!important}.chat-bubble-row{max-width:100%}.modal-backdrop,.modal-backdrop-custom{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));align-items:flex-start}.modal-card-custom,.welcome-cinema-modal{padding:0;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important}.welcome-cinema-modal{padding:16px!important}.modal-header-custom{flex-shrink:0;padding:12px 14px}.modal-body-custom{padding:14px}.activity-chips-grid,.feedback-categories-grid,.welcome-capabilities-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important}.modal-close-btn,.welcome-close-btn,.drawer-close-btn{min-width:44px!important;min-height:44px!important}}@media (width<=420px){.nav-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-tab-btn{flex-direction:row;min-height:44px}.btn-meet-mia span{display:none}.btn-meet-mia{justify-content:center;min-width:44px;min-height:44px}.header-menu-toggle span:not(.header-menu-status){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=860px){.lab-container{grid-template-columns:minmax(0,1fr)!important}.lab-formula-card{min-width:0;max-width:100%}.formula-input,.prompt-preview-box{width:100%;min-width:0}.prompt-preview-box{overflow-wrap:anywhere;white-space:pre-wrap}}@media (width<=420px){.lab-container{padding:10px!important}.lab-formula-card{padding:16px}.lab-action-row{flex-direction:column}}.team-grid{grid-auto-rows:max-content;align-content:start}.team-card{min-height:max-content}.chat-input-bar{background:linear-gradient(135deg,#1d263ff5,#131b30f7)!important;border-color:#a5b4fc5c!important;box-shadow:0 8px 26px #00000061,0 0 0 1px #8b82f01a!important}.chat-input-bar:focus-within{border-color:#c4b5fdb8!important;box-shadow:0 10px 30px #0000006b,0 0 0 3px #a78bfa21!important}.chat-textarea{background:#0a1122d1;border-color:#a5b4d447}.chat-textarea::placeholder{color:#dde3f0c7!important}@media (orientation:landscape) and (height<=500px){.chat-window,.chat-view-container{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto!important}.welcome-hero-dashboard.compact-2col{flex:none!important}}