: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;--space-unit:clamp(.25rem, .5vw, .5rem);--space-xs:calc(var(--space-unit) * 1);--space-sm:calc(var(--space-unit) * 2);--space-md:calc(var(--space-unit) * 3);--space-lg:calc(var(--space-unit) * 4);--space-xl:calc(var(--space-unit) * 6);--space-2xl:calc(var(--space-unit) * 8);--text-xs:clamp(.6875rem, .65rem + .2vw, .75rem);--text-sm:clamp(.75rem, .7rem + .25vw, .875rem);--text-base:clamp(.8125rem, .75rem + .3vw, 1rem);--text-lg:clamp(.9375rem, .85rem + .4vw, 1.125rem);--text-xl:clamp(1.0625rem, .95rem + .5vw, 1.25rem);--text-2xl:clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--text-3xl:clamp(1.5rem, 1.3rem + .9vw, 1.875rem);--sidebar-width:clamp(200px, 20vw, 280px);--panel-width:clamp(260px, 25vw, 400px);--modal-width:clamp(320px, 90vw, 600px);--modal-width-lg:clamp(400px, 90vw, 900px);--chat-max-width:clamp(600px, 70vw, 900px);--radius-sm:clamp(.25rem, .5vw, .375rem);--radius-md:clamp(.375rem, .75vw, .5rem);--radius-lg:clamp(.5rem, 1vw, .75rem);--radius-xl:clamp(.75rem, 1.25vw, 1rem);--radius-2xl:clamp(1rem, 1.5vw, 1.5rem);--touch-target-min:44px;--dock-size:clamp(48px, 5vw, 60px);--dock-icon-size:clamp(36px, 4vw, 44px)}.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 [class*=flex]{min-width:0}.studio-app main,.studio-app .chat-messages-area,.studio-app .chat-messages-area>*{max-width:100%;overflow-x:hidden}.studio-app p,.studio-app span,.studio-app div,.studio-app li{overflow-wrap:break-word;word-wrap: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}.input-mention-highlight{color:#0000;text-shadow:0 0 4px #22c55ee6,0 0 8px #22c55e99,0 0 14px #22c55e4d;background:0 0;animation:2.5s ease-in-out infinite mention-glow;display:inline}@keyframes mention-glow{0%,to{text-shadow:0 0 4px #22c55ee6,0 0 8px #22c55e99,0 0 14px #22c55e4d}50%{text-shadow:0 0 6px #22c55e,0 0 12px #22c55eb3,0 0 20px #22c55e66}}[data-theme=dark] .input-mention-highlight{text-shadow:0 0 4px #4ade80f2,0 0 10px #22c55eb3,0 0 18px #22c55e59;animation:2.5s ease-in-out infinite mention-glow-dark}@keyframes mention-glow-dark{0%,to{text-shadow:0 0 4px #4ade80f2,0 0 10px #22c55eb3,0 0 18px #22c55e59}50%{text-shadow:0 0 6px #4ade80,0 0 14px #22c55ecc,0 0 24px #22c55e73}}.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:479px){:root{--space-unit:.2rem;--sidebar-width:100%;--panel-width:100%;--modal-width:calc(100vw - 24px);--modal-width-lg:calc(100vw - 24px);--chat-max-width:100%;--dock-size:44px;--dock-icon-size:36px}.studio-app{font-size:14px}.desktop-floating-panel,.floating-panel{width:calc(100vw - 24px)!important;max-width:100%!important;left:12px!important;right:12px!important}.studio-header{gap:6px;padding:8px 12px!important}.mobile-action-buttons{flex-wrap:wrap}.studio-app .prose{font-size:13px;line-height:1.6}}@media (min-width:480px) and (max-width:639px){:root{--space-unit:.25rem;--sidebar-width:280px;--panel-width:calc(100vw - 24px);--modal-width:calc(100vw - 32px);--modal-width-lg:calc(100vw - 32px);--chat-max-width:100%}}@media (min-width:640px) and (max-width:767px){:root{--space-unit:.3rem;--sidebar-width:280px;--panel-width:min(340px, calc(100vw - 48px));--modal-width:min(500px, calc(100vw - 48px));--modal-width-lg:min(700px, calc(100vw - 48px));--chat-max-width:min(600px, calc(100vw - 48px))}.studio-app .chat-messages-area{padding:16px 20px}}@media (min-width:768px) and (max-width:1023px){:root{--space-unit:.35rem;--sidebar-width:clamp(200px, 25vw, 260px);--panel-width:clamp(280px, 35vw, 340px);--modal-width:min(550px, 85vw);--modal-width-lg:min(800px, 90vw);--chat-max-width:min(650px, 75vw);--dock-size:52px;--dock-icon-size:40px}.desktop-sidebar-dock{left:8px!important}.desktop-floating-panel{left:64px!important}.studio-app .chat-messages-area{padding:20px 24px 100px}}@media (min-width:1024px) and (max-width:1279px){:root{--space-unit:.4rem;--sidebar-width:clamp(220px, 20vw, 280px);--panel-width:clamp(300px, 28vw, 380px);--modal-width:min(600px, 70vw);--modal-width-lg:min(900px, 85vw);--chat-max-width:min(700px, 65vw);--dock-size:56px;--dock-icon-size:42px}}@media (min-width:1280px) and (max-width:1535px){:root{--space-unit:.45rem;--sidebar-width:clamp(240px, 18vw, 300px);--panel-width:clamp(320px, 25vw, 400px);--modal-width:600px;--modal-width-lg:900px;--chat-max-width:min(750px, 55vw);--dock-size:58px;--dock-icon-size:44px}}@media (min-width:1536px) and (max-width:1919px){:root{--space-unit:.5rem;--sidebar-width:clamp(260px, 16vw, 320px);--panel-width:clamp(340px, 22vw, 420px);--modal-width:650px;--modal-width-lg:950px;--chat-max-width:min(800px, 50vw)}}@media (min-width:1920px){:root{--space-unit:.5rem;--sidebar-width:clamp(280px, 15vw, 360px);--panel-width:clamp(360px, 20vw, 480px);--modal-width:700px;--modal-width-lg:1000px;--chat-max-width:min(900px, 45vw);--dock-size:64px;--dock-icon-size:48px}.studio-app{font-size:16px}.studio-app main{max-width:2400px;margin:0 auto}}@media (min-width:2560px){:root{--space-unit:.55rem;--sidebar-width:clamp(300px, 12vw, 400px);--panel-width:clamp(400px, 18vw, 520px);--modal-width:750px;--modal-width-lg:1100px;--chat-max-width:min(1000px, 40vw);--dock-size:72px;--dock-icon-size:52px}.studio-app{font-size:17px}.studio-app .prose{font-size:1rem;line-height:1.8}}@media (min-width:3840px){:root{--space-unit:.625rem;--sidebar-width:clamp(360px, 10vw, 480px);--panel-width:clamp(480px, 15vw, 600px);--modal-width:900px;--modal-width-lg:1400px;--chat-max-width:min(1200px, 35vw);--dock-size:80px;--dock-icon-size:60px}.studio-app{font-size:18px}}@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));z-index:100;background:0 0;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}}.responsive-container{width:100%;max-width:var(--chat-max-width);padding:0 var(--space-md);margin:0 auto}.responsive-panel{width:var(--panel-width);max-width:calc(100vw - var(--space-lg))}.responsive-modal{width:var(--modal-width);max-width:calc(100vw - var(--space-lg));max-height:calc(100vh - var(--space-xl));margin:auto}.responsive-modal-lg{width:var(--modal-width-lg);max-width:calc(100vw - var(--space-lg));max-height:calc(100vh - var(--space-xl));margin:auto}.text-responsive-xs{font-size:var(--text-xs)}.text-responsive-sm{font-size:var(--text-sm)}.text-responsive-base{font-size:var(--text-base)}.text-responsive-lg{font-size:var(--text-lg)}.text-responsive-xl{font-size:var(--text-xl)}.text-responsive-2xl{font-size:var(--text-2xl)}.text-responsive-3xl{font-size:var(--text-3xl)}.p-responsive{padding:var(--space-md)}.px-responsive{padding-left:var(--space-md);padding-right:var(--space-md)}.py-responsive{padding-top:var(--space-md);padding-bottom:var(--space-md)}.m-responsive{margin:var(--space-md)}.mx-responsive{margin-left:var(--space-md);margin-right:var(--space-md)}.my-responsive{margin-top:var(--space-md);margin-bottom:var(--space-md)}.gap-responsive{gap:var(--space-md)}.rounded-responsive{border-radius:var(--radius-md)}.rounded-responsive-lg{border-radius:var(--radius-lg)}.rounded-responsive-xl{border-radius:var(--radius-xl)}.studio-dock{width:var(--dock-size)}.studio-dock-icon{width:var(--dock-icon-size);height:var(--dock-icon-size)}.w-panel{width:var(--panel-width)}.w-sidebar{width:var(--sidebar-width)}.w-modal{width:var(--modal-width)}.w-modal-lg{width:var(--modal-width-lg)}.max-w-chat{max-width:var(--chat-max-width)}.aspect-responsive{aspect-ratio:auto}@media (min-width:768px){.aspect-responsive{aspect-ratio:16/9}}@media (min-width:1024px){.aspect-responsive{aspect-ratio:21/9}}.responsive-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:480px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1536px){.responsive-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1920px){.responsive-grid{grid-template-columns:repeat(6,1fr)}}.flex-responsive{gap:var(--space-md);flex-direction:column;display:flex}@media (min-width:640px){.flex-responsive{flex-flow:wrap}}.flex-responsive-reverse{gap:var(--space-md);flex-direction:column-reverse;display:flex}@media (min-width:640px){.flex-responsive-reverse{flex-direction:row}}@supports (container-type:inline-size){.container-query{container-type:inline-size}@container (min-width:400px){.cq-flex-row{flex-direction:row}.cq-grid-2{grid-template-columns:repeat(2,1fr)}}@container (min-width:600px){.cq-grid-3{grid-template-columns:repeat(3,1fr)}}}@media (orientation:portrait){.portrait-full-width{width:100%!important;max-width:100%!important}.portrait-stack{flex-direction:column!important}}@media (orientation:landscape) and (max-height:500px){.studio-app .chat-messages-area{padding-top:8px;padding-bottom:70px}.mobile-input-container{padding:6px 12px;padding-bottom:max(6px, env(safe-area-inset-bottom))}.landscape-compact{padding-top:4px!important;padding-bottom:4px!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.studio-app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.retina-border{border-width:.5px}}@media print{.studio-app{color:#000!important;background:#fff!important}.no-print,.desktop-sidebar-dock,.mobile-sidebar,.mobile-menu-btn{display:none!important}.studio-app .chat-messages-area{max-width:100%;padding:20px}}@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 (prefers-color-scheme:light){.auto-theme:not(.dark){--bg-primary:#fff;--bg-secondary:#f7f7f8;--text-primary:#000;--text-secondary:#374151}}