: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 .chat-messages-area::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.studio-app ::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.studio-app .chat-messages-area::-webkit-scrollbar-track{background:0 0!important;display:none!important}.studio-app ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.studio-app .chat-messages-area::-webkit-scrollbar-thumb{background:0 0!important;display:none!important}.studio-app ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.studio-app .chat-messages-area::-webkit-scrollbar-thumb:hover{background:0 0!important;display:none!important}.studio-app .scrollbar-thin::-webkit-scrollbar{width:6px}.studio-app .scrollbar-thin::-webkit-scrollbar-track{background:0 0;border-radius:3px;margin-top:16px;margin-bottom:16px}.studio-app .scrollbar-thin::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;min-height:30px}.studio-app .scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.studio-app .scrollbar-thin::-webkit-scrollbar-thumb{background:0 0}.studio-app .scrollbar-thin:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.studio-app .scrollbar-thin:focus::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.studio-app .no-scrollbar,.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important;overflow:-moz-scrollbars-none!important}.studio-app .no-scrollbar::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.no-scrollbar::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.chat-messages-area,.chat-messages-area *,.studio-app .chat-messages-area,.studio-app .chat-messages-area *,[class*=chat-messages],[data-hide-scrollbar=true],[data-hide-scrollbar=true] *{-ms-overflow-style:none!important;scrollbar-width:none!important;overflow:-moz-scrollbars-none!important}.chat-messages-area::-webkit-scrollbar{visibility:hidden!important;opacity:0!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important;display:none!important}.chat-messages-area ::-webkit-scrollbar{visibility:hidden!important;opacity:0!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important;display:none!important}.studio-app .chat-messages-area::-webkit-scrollbar{visibility:hidden!important;opacity:0!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important;display:none!important}.studio-app .chat-messages-area ::-webkit-scrollbar{visibility:hidden!important;opacity:0!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important;display:none!important}[class*=chat-messages]::-webkit-scrollbar{visibility:hidden!important;opacity:0!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important;display:none!important}[class*=chat-messages] ::-webkit-scrollbar{visibility:hidden!important;opacity:0!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important;display:none!important}[data-hide-scrollbar=true]::-webkit-scrollbar{visibility:hidden!important;opacity:0!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important;display:none!important}[data-hide-scrollbar=true] ::-webkit-scrollbar{visibility:hidden!important;opacity:0!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important;display:none!important}.chat-messages-area::-webkit-scrollbar-thumb{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.chat-messages-area::-webkit-scrollbar-track{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.chat-messages-area::-webkit-scrollbar-corner{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.chat-messages-area::-webkit-scrollbar-button{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.chat-messages-area ::-webkit-scrollbar-thumb{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.chat-messages-area ::-webkit-scrollbar-track{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.chat-messages-area ::-webkit-scrollbar-corner{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.chat-messages-area ::-webkit-scrollbar-button{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.studio-app .chat-messages-area::-webkit-scrollbar-thumb{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.studio-app .chat-messages-area::-webkit-scrollbar-track{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.studio-app .chat-messages-area::-webkit-scrollbar-corner{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.studio-app .chat-messages-area::-webkit-scrollbar-button{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}[data-hide-scrollbar=true]::-webkit-scrollbar-thumb{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}[data-hide-scrollbar=true]::-webkit-scrollbar-track{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}[data-hide-scrollbar=true]::-webkit-scrollbar-corner{visibility:hidden!important;-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}[data-hide-scrollbar=true]::-webkit-scrollbar-button{visibility:hidden!important;-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%;line-height:1.7;overflow-x:hidden}.studio-app .prose *{overflow-wrap:break-word;max-width:100%}.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}.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{letter-spacing:-.02em;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-weight:600}.studio-app .prose h2{border-bottom:1px solid var(--border-primary);padding-bottom:.5rem}.studio-app .prose ul,.studio-app .prose ol{margin-top:.5rem;margin-bottom:.5rem}.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 blockquote{border-left:3px solid var(--accent-primary);color:var(--text-secondary);padding-left:1rem;font-style:normal}.studio-app .prose blockquote p{margin:0}.studio-app .prose a{color:var(--accent-primary);text-decoration:none;transition:color .15s}.studio-app .prose a:hover{color:var(--accent-secondary);text-decoration:underline}.studio-app .prose strong{color:var(--text-primary);font-weight:600}.studio-app .prose :not(pre)>code{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--accent-primary);border-radius:.25rem;padding:.15em .4em;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{background-color:var(--accent-soft);color:var(--accent-primary);border-radius:.375rem;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:.875em;font-weight:500;display:inline-flex}.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}html body .studio-app .chat-messages-area,html body .studio-app .chat-messages-area *,html body .chat-messages-area,html body [data-hide-scrollbar=true]{scrollbar-width:none!important;-ms-overflow-style:none!important}html body .studio-app .chat-messages-area::-webkit-scrollbar{-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}html body .studio-app .chat-messages-area ::-webkit-scrollbar{-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}html body .chat-messages-area::-webkit-scrollbar{-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}html body [data-hide-scrollbar=true]::-webkit-scrollbar{-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}html body [data-hide-scrollbar=true] ::-webkit-scrollbar{-webkit-appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}html body .studio-app .chat-messages-area::-webkit-scrollbar-thumb{-webkit-appearance:none!important;background:0 0!important;display:none!important}html body .studio-app .chat-messages-area::-webkit-scrollbar-track{-webkit-appearance:none!important;background:0 0!important;display:none!important}html body .chat-messages-area::-webkit-scrollbar-thumb{-webkit-appearance:none!important;background:0 0!important;display:none!important}html body .chat-messages-area::-webkit-scrollbar-track{-webkit-appearance:none!important;background:0 0!important;display:none!important}html body [data-hide-scrollbar=true]::-webkit-scrollbar-thumb{-webkit-appearance:none!important;background:0 0!important;display:none!important}html body [data-hide-scrollbar=true]::-webkit-scrollbar-track{-webkit-appearance:none!important;background:0 0!important;display:none!important}