:root{--bg-primary:#212121;--bg-secondary:#171717;--bg-tertiary:#2f2f2f;--bg-elevated:#303030;--bg-hover:#3a3a3a;--bg-active:#424242;--bg-input:#303030;--border-primary:#424242;--border-secondary:#525252;--border-focus:#10a37f;--text-primary:#ececec;--text-secondary:#b4b4b4;--text-muted:#8e8e8e;--text-inverted:#171717;--accent-primary:#10a37f;--accent-secondary:#0d8a6a;--accent-soft:#10a37f26;--highlight:#f9a825;--highlight-soft:#f9a82526;--success:#10a37f;--success-soft:#10a37f26;--warning:#f9a825;--warning-soft:#f9a82526;--error:#ef5350;--error-soft:#ef535026;--user-message-bg:#2f2f2f;--assistant-message-bg:transparent;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0000004d;--shadow-glow:0 0 20px #10a37f33;--scrollbar-track:transparent;--scrollbar-thumb:#424242;--scrollbar-thumb-hover:#525252}.light{--bg-primary:#fff;--bg-secondary:#f7f7f8;--bg-tertiary:#ececec;--bg-elevated:#fff;--bg-hover:#f0f0f0;--bg-active:#e5e5e5;--bg-input:#f4f4f4;--border-primary:#e5e5e5;--border-secondary:#d1d1d1;--border-focus:#10a37f;--text-primary:#000;--text-secondary:#374151;--text-muted:#6b7280;--text-inverted:#fff;--accent-primary:#10a37f;--accent-secondary:#0d8a6a;--accent-soft:#10a37f1a;--highlight:#f9a825;--highlight-soft:#f9a8251a;--success:#10a37f;--success-soft:#10a37f1a;--warning:#f9a825;--warning-soft:#f9a8251a;--error:#ef5350;--error-soft:#ef53501a;--user-message-bg:#f7f7f8;--assistant-message-bg:transparent;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d;--shadow-glow:0 0 20px #10a37f26;--scrollbar-track:transparent;--scrollbar-thumb:#d1d1d1;--scrollbar-thumb-hover:#b4b4b4}.studio-app{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}.studio-app,.studio-app p,.studio-app span,.studio-app div,.studio-app h1,.studio-app h2,.studio-app h3,.studio-app h4,.studio-app h5,.studio-app h6,.studio-app li,.studio-app td,.studio-app th,.studio-app label,.studio-app a{-webkit-user-select:text;user-select:text}.studio-app button,.studio-app input[type=button],.studio-app input[type=submit],.studio-app [role=button]{-webkit-user-select:none;user-select:none}.studio-app ::-webkit-scrollbar{width:8px;height:8px}.studio-app ::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.studio-app ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.studio-app ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.no-scrollbar::-webkit-scrollbar{-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.no-scrollbar::-webkit-scrollbar-thumb{-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.no-scrollbar::-webkit-scrollbar-track{-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}@keyframes studioSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes studioFadeIn{0%{opacity:0}to{opacity:1}}@keyframes studioScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes studioBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}@keyframes studioShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes studioPulseGlow{0%,to{box-shadow:0 0 #06b6d400}50%{box-shadow:0 0 20px #06b6d44d}}@keyframes studioSearchingDot{0%,20%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}80%,to{opacity:.3;transform:scale(.8)}}::view-transition-old(root){animation-duration:.5s;animation-timing-function:ease-out}::view-transition-new(root){animation-duration:.5s;animation-timing-function:ease-out}::view-transition-old(root){z-index:1;animation:none}::view-transition-new(root){z-index:9999;animation-name:theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0% at var(--click-x,50%)var(--click-y,50%))}to{clip-path:circle(150% at var(--click-x,50%)var(--click-y,50%))}}html.view-transitioning .theme-transition,html.view-transitioning *{transition:none!important}[class*=backdrop-blur],[style*=backdrop-filter]{view-transition-name:none!important}.studio-app .message-enter{animation:.2s ease-out studioSlideIn}.studio-app .animate-fadeIn{animation:.15s ease-out studioFadeIn}.studio-app .animate-scaleIn{animation:.2s ease-out studioScaleIn}.studio-app .typing-dot{animation:1.4s ease-in-out infinite studioBounce}.studio-app .typing-dot:first-child{animation-delay:0s}.studio-app .typing-dot:nth-child(2){animation-delay:.2s}.studio-app .typing-dot:nth-child(3){animation-delay:.4s}.studio-app .searching-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite studioSearchingDot;display:inline-block}.studio-app .searching-dot:first-child{animation-delay:0s}.studio-app .searching-dot:nth-child(2){animation-delay:.2s}.studio-app .searching-dot:nth-child(3){animation-delay:.4s}.studio-app input:focus,.studio-app textarea:focus{outline:none}.studio-app .prose{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-user-select:text;user-select:text;max-width:100%;color:var(--text-secondary);font-size:.9375rem;line-height:1.75;overflow-x:hidden}.studio-app .prose *{overflow-wrap:break-word;max-width:100%}.studio-app .prose>:first-child{margin-top:0!important}.studio-app .prose>:last-child{margin-bottom:0!important}.studio-app .prose p,.studio-app .prose li{overflow-wrap:break-word;word-break:break-word}.studio-app .prose pre{white-space:pre-wrap;word-wrap:break-word;max-width:100%;overflow-x:auto}.studio-app .prose code{word-break:break-all;white-space:pre-wrap;font-family:SF Mono,Menlo,Monaco,Consolas,monospace}.studio-app .prose pre code{white-space:pre-wrap!important;word-break:break-all!important;overflow-wrap:anywhere!important}.studio-app .prose h1,.studio-app .prose h2,.studio-app .prose h3,.studio-app .prose h4,.studio-app .prose h5,.studio-app .prose h6{letter-spacing:-.02em;color:var(--text-primary);margin-top:1.5em;margin-bottom:.75em;font-family:Inter,system-ui,sans-serif;font-weight:700}.studio-app .prose h1{border-bottom:2px solid var(--border-primary);padding-bottom:.5rem;font-size:1.375rem}.studio-app .prose h2{border-bottom:1px solid var(--border-primary);padding-bottom:.375rem;font-size:1.25rem}.studio-app .prose h3{font-size:1.125rem;font-weight:600}.studio-app .prose h4{font-size:1rem;font-weight:600}.studio-app .prose h5{font-size:.9375rem;font-weight:600}.studio-app .prose h6{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.875rem;font-weight:600}.studio-app .prose ul,.studio-app .prose ol{margin-top:.75rem;margin-bottom:.75rem;padding-left:1.5rem}.studio-app .prose ul{list-style-type:disc}.studio-app .prose ul ul{margin-top:.25rem;margin-bottom:.25rem;list-style-type:circle}.studio-app .prose ul ul ul{list-style-type:square}.studio-app .prose ol{list-style-type:decimal}.studio-app .prose ol ol{list-style-type:lower-alpha}.studio-app .prose li{margin-top:.375rem;margin-bottom:.375rem;padding-left:.375rem}.studio-app .prose li::marker{color:var(--text-muted)}.studio-app .prose ol>li::marker{color:var(--accent-primary);font-weight:600}.studio-app .prose li>p{margin-top:.5rem;margin-bottom:.5rem}.studio-app .prose li>ul,.studio-app .prose li>ol{margin-top:.5rem}.studio-app .prose blockquote{border-left:4px solid var(--accent-primary);background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:0 .5rem .5rem 0;margin:1rem 0;padding:.75rem 1rem;font-style:italic}.studio-app .prose blockquote p{margin:.5rem 0}.studio-app .prose blockquote p:first-child{margin-top:0}.studio-app .prose blockquote p:last-child{margin-bottom:0}.studio-app .prose blockquote blockquote{border-left-color:var(--text-muted);margin-left:.5rem}.studio-app .prose a{color:var(--accent-primary);text-decoration:underline;-webkit-text-decoration-color:var(--accent-primary);text-decoration-color:var(--accent-primary);text-underline-offset:2px;text-decoration-thickness:1px;transition:all .15s}.studio-app .prose a:hover{color:var(--accent-secondary);-webkit-text-decoration-color:var(--accent-secondary);text-decoration-color:var(--accent-secondary);text-decoration-thickness:2px}.studio-app .prose strong{color:var(--text-primary);font-weight:700}.studio-app .prose em{font-style:italic}.studio-app .prose strong em,.studio-app .prose em strong{font-style:italic;font-weight:700}.studio-app .prose del{color:var(--text-muted);text-decoration:line-through}.studio-app .prose hr{border:none;border-top:2px solid var(--border-primary);margin:2rem 0}.studio-app .prose :not(pre)>code{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--accent-primary);border-radius:.375rem;padding:.2em .4em;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85em}.studio-app .prose p{margin-top:.75rem;margin-bottom:.75rem;line-height:1.75}.studio-app .prose img{border:1px solid var(--border-primary);border-radius:.5rem;max-width:100%;height:auto;margin:1rem 0}.studio-app .prose ul.contains-task-list{padding-left:0;list-style:none}.studio-app .prose .task-list-item{align-items:flex-start;gap:.5rem;display:flex}.studio-app .prose .task-list-item input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-primary);margin-top:.375rem}.studio-app .prose .footnotes{border-top:1px solid var(--border-primary);color:var(--text-muted);margin-top:2rem;padding-top:1rem;font-size:.875rem}.studio-app .prose dl{margin:1rem 0}.studio-app .prose dt{color:var(--text-primary);margin-top:.75rem;font-weight:600}.studio-app .prose dd{color:var(--text-secondary);margin-left:1rem}.studio-app .prose abbr{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.studio-app .prose mark{background-color:var(--highlight-soft);color:var(--text-primary);border-radius:.25rem;padding:.1em .25em}.studio-app .prose sub,.studio-app .prose sup{font-size:.75em}.studio-app .prose kbd{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);box-shadow:0 1px 0 var(--border-secondary);color:var(--text-primary);border-radius:.25rem;padding:.15em .4em;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85em}.studio-app .btn-primary{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);color:var(--text-inverted);box-shadow:var(--shadow-sm);transition:all .2s}.studio-app .btn-primary:hover{box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.studio-app .btn-primary:active{transform:translateY(0)}.studio-app .btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);transition:all .2s}.studio-app .btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-secondary)}.studio-app .mention-highlight{color:var(--accent-primary);cursor:pointer;vertical-align:middle;background:linear-gradient(135deg,#10a37f26 0%,#06b6d426 100%);border:1px solid #10a37f4d;border-radius:.375rem;align-items:center;gap:.25rem;margin:0 .125rem;padding:.125rem .5rem;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.875em;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.studio-app .mention-highlight:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#10a37f40 0%,#06b6d440 100%);transform:translateY(-1px);box-shadow:0 0 8px #10a37f4d}.studio-app .mention-highlight[data-type=script]{color:#60a5fa;background:linear-gradient(135deg,#3b82f626 0%,#6366f126 100%);border-color:#3b82f64d}.studio-app .mention-highlight[data-type=script]:hover{background:linear-gradient(135deg,#3b82f640 0%,#6366f140 100%);border-color:#60a5fa;box-shadow:0 0 8px #3b82f64d}.studio-app .mention-highlight[data-type=instance]{color:#34d399;background:linear-gradient(135deg,#10b98126 0%,#34d39926 100%);border-color:#10b9814d}.studio-app .mention-highlight[data-type=instance]:hover{background:linear-gradient(135deg,#10b98140 0%,#34d39940 100%);border-color:#34d399;box-shadow:0 0 8px #10b9814d}.studio-app .mention-highlight[data-type=asset]{color:#c084fc;background:linear-gradient(135deg,#a855f726 0%,#c084fc26 100%);border-color:#a855f74d}.studio-app .mention-highlight[data-type=asset]:hover{background:linear-gradient(135deg,#a855f740 0%,#c084fc40 100%);border-color:#c084fc;box-shadow:0 0 8px #a855f74d}.studio-app .card-interactive{background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:.75rem;transition:all .2s}.studio-app .card-interactive:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.studio-app .input-modern{background-color:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:.75rem;padding:.75rem 1rem;transition:all .2s}.studio-app .input-modern::placeholder{color:var(--text-muted)}.studio-app .input-modern:focus{background-color:var(--bg-elevated);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.studio-app .badge{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.studio-app .badge-primary{background-color:var(--accent-soft);color:var(--accent-primary)}.studio-app .badge-success{background-color:var(--success-soft);color:var(--success)}.studio-app .badge-warning{background-color:var(--warning-soft);color:var(--warning)}.studio-app .badge-error{background-color:var(--error-soft);color:var(--error)}.studio-app .chat-item-time{transition:opacity .15s}.studio-app .group:hover .chat-item-time{opacity:0;visibility:hidden}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.mobile-input-container{background-color:var(--bg-primary);border-top:1px solid var(--border-primary);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:100;transition:transform .2s ease-out;position:fixed;bottom:0;left:0;right:0}@supports (-webkit-touch-callout:none){.mobile-input-container{position:fixed;bottom:0}.keyboard-visible .mobile-input-container{position:absolute;bottom:0}}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.touch-target-sm{min-width:40px;min-height:40px}.touch-target-lg{min-width:48px;min-height:48px}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;background-color:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);z-index:999;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:280px;max-width:85vw;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-sidebar.open{transform:translate(0)}.mobile-menu-btn{background-color:var(--bg-secondary);border:1px solid var(--border-primary);min-width:44px;min-height:44px;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-menu-btn:active{background-color:var(--bg-hover);transform:scale(.95)}@media (max-width:768px){.mobile-menu-btn{display:flex}.desktop-sidebar-dock,.desktop-floating-panel{display:none!important}.studio-app main{margin-left:0!important;padding-left:0!important}.studio-app .chat-messages-area{padding:16px 16px 100px}.studio-app button{min-width:44px;min-height:44px}.studio-app button.btn-icon-sm{min-width:32px;min-height:32px}.studio-app .max-w-\[80\%\]{max-width:95%}.mobile-hide{display:none!important}.agent-selector button{min-height:44px;padding:0 16px}}@media (max-width:480px){.studio-app .chat-messages-area{padding:12px 12px 110px}.touch-target{min-width:48px;min-height:48px}.mobile-sidebar{width:100%;max-width:100%}.welcome-examples{grid-template-columns:1fr;gap:8px}.mobile-input-container{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.mobile-welcome-title{text-align:center;padding:0 8px;font-size:22px!important;line-height:1.3!important}}@media (max-width:768px){.studio-header{flex-wrap:wrap;gap:8px;min-height:56px;height:auto!important;padding:12px 16px!important}.studio-header-logo{order:1}.studio-header-actions{order:2;margin-left:auto}.studio-header-status{border-top:1px solid var(--border-primary);order:3;justify-content:center;width:100%;margin-top:4px;padding-top:8px}.welcome-container{padding:16px!important;padding-top:calc(env(safe-area-inset-top,0px) + 70px)!important}.welcome-title{line-height:1.3;margin-bottom:24px!important;font-size:24px!important}}@media (max-width:480px){.welcome-title{margin-bottom:20px!important;font-size:20px!important}}@media (max-width:768px){.mobile-input-bar{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--bg-primary);border-top:1px solid var(--border-primary);z-index:100;position:fixed;bottom:0;left:0;right:0}.mobile-input-form{box-shadow:0 -4px 20px #00000026;border-radius:20px!important}.mobile-input-controls{border-top:1px solid var(--border-primary);flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex}.mobile-input-controls-row{align-items:center;gap:8px;width:100%;display:flex}.mobile-agent-selector{background:var(--bg-tertiary);border-radius:10px;flex:1;gap:4px;padding:4px;display:flex}.mobile-agent-btn{flex:1;justify-content:center;align-items:center;gap:4px;min-height:40px;display:flex;border-radius:8px!important;padding:10px 8px!important;font-size:11px!important}.mobile-status-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.mobile-plugin-status{border-radius:20px;flex-shrink:0;padding:8px 12px!important;font-size:11px!important}.mobile-credits-badge{padding:8px 12px!important;font-size:11px!important}.mobile-send-btn{border-radius:50%!important;min-width:48px!important;min-height:48px!important}.suggestion-chips-container{padding:0 4px;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.suggestion-chip{text-align:center;width:100%!important;padding:14px 16px!important;font-size:14px!important}}@media (max-width:480px){.suggestion-chips-container{padding:0}.suggestion-chip{padding:12px 14px!important;font-size:13px!important}}@media (max-width:768px){.mobile-textarea{min-height:52px!important;padding:16px!important;font-size:16px!important}.mobile-textarea::placeholder{font-size:15px}.mobile-action-buttons{align-items:center;gap:4px;display:flex}.mobile-action-btn{border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.mobile-attachments{gap:8px!important;padding:12px!important}.mobile-attachment-preview{width:56px!important;height:56px!important}}.mobile-connection-banner{display:none}@media (max-width:768px){.mobile-connection-banner{border-radius:20px;justify-content:center;align-items:center;gap:8px;margin:0 16px 8px;padding:8px 16px;font-size:12px;font-weight:500;animation:.3s ease-out slideDown;display:flex}.mobile-connection-banner.connected{background:var(--success-soft);color:var(--success);border:1px solid var(--success)}.mobile-connection-banner.disconnected{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-height:500px) and (orientation:landscape){.studio-app .chat-messages-area{padding-bottom:80px}.mobile-input-container{padding:8px 16px}}@media (hover:none) and (pointer:coarse){.studio-app button:not(.btn-icon-sm),.studio-app [role=button],.studio-app input[type=checkbox],.studio-app input[type=radio]{min-width:44px;min-height:44px}.studio-app .space-y-1{gap:8px}.studio-app .space-y-2{gap:12px}.studio-app .text-xs{font-size:14px;line-height:1.5}.studio-app .text-sm{font-size:16px;line-height:1.5}.studio-app button:hover{background-color:inherit}.studio-app button:active{background-color:var(--bg-hover);transform:scale(.98)}}.chat-input-mobile-wrapper{background:linear-gradient(to top,var(--bg-primary)85%,transparent);z-index:50;padding:8px 0 0;position:sticky;bottom:0;left:0;right:0}@media (max-width:768px){.chat-input-mobile-wrapper{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--bg-primary);border-top:1px solid var(--border-primary);position:fixed;bottom:0;left:0;right:0}.chat-input-form{box-shadow:var(--shadow-lg);border-radius:24px}.chat-input-form textarea{padding:14px 16px!important;font-size:16px!important}.chat-input-actions{padding:8px 12px}.chat-input-actions button{border-radius:22px;min-width:44px;min-height:44px}.chat-send-btn{border-radius:24px!important;min-width:48px!important;min-height:48px!important}}.keyboard-visible .chat-input-mobile-wrapper{padding-bottom:12px}@supports (-webkit-touch-callout:none){input,textarea{font-size:16px}.chat-messages-area{-webkit-overflow-scrolling:touch}}