.code-editor-container{height:100%;background-color:hsl(var(--card));border:1px solid hsl(var(--border));position:relative;overflow:hidden}.code-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background-color:hsl(var(--background));position:relative}.placeholder-content{text-align:center;padding:3rem 2rem;color:hsl(var(--muted-foreground));background-color:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));max-width:400px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.placeholder-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.8;color:hsl(var(--primary))}.placeholder-content h3{color:hsl(var(--foreground));font-size:1.5rem;margin-bottom:.75rem;font-weight:600}.placeholder-content p{color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.5;margin:0 auto}.code-editor-container .monaco-editor{flex:1!important;min-height:0!important;position:relative!important}.code-editor-container .monaco-editor .monaco-editor-background{background-color:hsl(var(--background))!important}.code-editor-container .monaco-editor .margin{background-color:hsl(var(--muted))!important}.code-editor-container .monaco-editor .monaco-scrollable-element .scrollbar{background-color:hsl(var(--secondary))!important}.code-editor-container .monaco-editor .monaco-scrollable-element .scrollbar .slider{background-color:hsl(var(--muted-foreground))!important;border-radius:3px!important}.code-editor-container .monaco-editor .monaco-scrollable-element .scrollbar .slider:hover{background-color:hsl(var(--foreground))!important}@media (max-width: 768px){.placeholder-content{padding:2rem 1.5rem;max-width:320px}.placeholder-content h3{font-size:1.25rem}.placeholder-content p{font-size:.875rem}.placeholder-icon{font-size:2.5rem}}.preview-container{height:100%;background-color:hsl(var(--background));border:1px solid hsl(var(--border));overflow:hidden;position:relative}.preview-container.has-content{background-color:hsl(var(--card))}.preview-header{background-color:hsl(var(--card));border-bottom:1px solid hsl(var(--border));padding:.75rem 1rem;min-height:50px;display:flex;align-items:center}.preview-title{color:hsl(var(--foreground));font-size:1rem;font-weight:600}.preview-content{flex:1;position:relative;overflow:hidden}.preview-iframe{width:100%;height:100%;border:none;background-color:hsl(var(--background));display:block;transition:all .3s ease;transform:translateZ(0);backface-visibility:hidden}.empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:hsl(var(--muted-foreground));text-align:center;padding:3rem 2rem;background-color:hsl(var(--background))}.empty-preview:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:200px;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);z-index:-1;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.empty-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.8;color:hsl(var(--primary))}.empty-preview p{font-size:1rem;line-height:1.6;max-width:350px;color:hsl(var(--muted-foreground));font-weight:500;margin:0 auto}.preview-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:hsl(var(--background));z-index:10}.preview-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:hsl(var(--background));padding:2rem;text-align:center;color:hsl(var(--muted-foreground))}.preview-error h3{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:1.125rem}.preview-error p{font-size:.875rem;line-height:1.5;max-width:400px}.preview-fade-in{animation:fadeIn .3s ease-in-out}.preview-content{position:relative;width:100%;height:100%}.auto-fix-notification{position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#10b981,#059669);color:#fff;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:.875rem;z-index:100;box-shadow:0 2px 4px #0000001a;animation:slideDown .3s ease-out}.auto-fix-icon{font-size:1rem;animation:pulse 2s infinite}.auto-fix-text{flex:1;font-weight:500}.preview-content .preview-iframe{margin-top:0;height:100%}.preview-content{position:relative}.auto-fix-notification{position:absolute;top:8px;left:8px;right:8px;background:linear-gradient(90deg,#10b981,#059669);color:#fff;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:.875rem;z-index:100;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease-out;border-radius:6px;opacity:.95;max-width:400px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 767px){.preview-container{border-radius:0;border-left:none;border-right:none}.preview-header{padding:.75rem;min-height:56px}.preview-title{font-size:.875rem}.empty-preview{padding:1.5rem}.empty-preview:before{width:200px;height:120px}.empty-preview p{font-size:.8125rem;max-width:250px}.empty-icon{font-size:2rem;margin-bottom:1rem}.preview-error{padding:1.5rem}.preview-error h3{font-size:1rem}.preview-error p{font-size:.8125rem;max-width:300px}}@media (min-width: 768px) and (max-width: 1023px){.empty-preview{padding:2.5rem 2rem}.empty-preview:before{width:280px;height:180px}}@media (hover: none) and (pointer: coarse){.preview-header{min-height:60px;padding:1rem}.empty-preview{padding:2rem 1.5rem}}@media (max-width: 480px){.preview-iframe{will-change:auto}.preview-fade-in{animation:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){.empty-preview:before{box-shadow:0 2px 8px #0000001a}}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 84% 4.9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-feature-settings:"rlig" 1,"calt" 1}.app-container{display:flex;flex-direction:column;height:100vh;background-color:hsl(var(--background))}.full-width-header{background-color:hsl(var(--card));border-bottom:1px solid hsl(var(--border));padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;height:70px;width:100%}.version-dropdown{position:relative}.version-dropdown button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.version-dropdown button:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.version-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background-color:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;min-width:200px;max-height:300px;overflow-y:auto}.file-name{color:hsl(var(--foreground));font-size:1rem;font-weight:600;flex-shrink:0}.header-center{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center;margin-left:0;position:relative}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:.5rem;background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;transition:all .2s}.action-button:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));border-color:hsl(var(--border))}.action-button:focus{outline:none}.action-button:disabled,.action-button.disabled{opacity:.5;cursor:not-allowed;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.deploy-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s;flex-shrink:0}.deploy-button:hover{background-color:hsl(var(--primary) / .9)}.deploy-button:focus{outline:none}.deploy-button.deploying{cursor:not-allowed;opacity:.8}.deploy-button:disabled{cursor:not-allowed;opacity:.6;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.export-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s;flex-shrink:0;touch-action:manipulation}.export-button:hover:not(:disabled){background-color:hsl(var(--primary) / .9)}.export-button:focus{outline:none}.export-button.exporting{cursor:not-allowed;opacity:.8}.export-button:disabled{cursor:not-allowed;opacity:.6;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.device-switcher{display:flex;gap:.25rem;align-items:center;background-color:hsl(var(--muted));padding:.25rem;border-radius:var(--radius);margin-right:.5rem}.device-button{padding:.5rem;border:none;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:calc(var(--radius) - 2px);transition:all .2s;display:flex;align-items:center;justify-content:center}.device-button:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.device-button:focus{outline:none}.device-button.active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 1px 3px #0000001a}.header-tabs{display:flex;gap:.25rem;align-items:center;background-color:hsl(var(--muted));padding:.25rem;border-radius:var(--radius)}.tab-button{padding:.5rem 1rem;border:none;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:all .2s}.tab-button:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.tab-button:focus{outline:none}.tab-button.active{background-color:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.generating-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:hsl(var(--secondary));border-radius:var(--radius);color:hsl(var(--secondary-foreground));font-size:.875rem;font-weight:500;border:1px solid hsl(var(--border));box-shadow:0 2px 4px #0000000d}@media (max-width: 767px){.generating-indicator{padding:.5rem .75rem;font-size:.8125rem}}.spinner{width:1rem;height:1rem;border:2px solid hsl(var(--border));border-top:2px solid hsl(var(--foreground));border-radius:50%;animation:spin 1s linear infinite}.loading-skeleton{background:linear-gradient(90deg,hsl(var(--muted)),hsl(var(--muted) / .8),hsl(var(--muted)));background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.pulse-loader{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bounce-loader{animation:bounce 1s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.gpu-acceleration{will-change:transform;backface-visibility:hidden;perspective:1000px}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.content-wrapper{display:flex;flex:1;overflow:hidden}.chatbot-sidebar{width:400px;flex-shrink:0;background-color:hsl(var(--card));border-right:1px solid hsl(var(--border));height:100%}.main-content-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.content-area{flex:1;overflow:hidden;height:100%;position:relative}.code-view-content{height:100%;width:100%;background-color:hsl(var(--card));position:absolute;top:0;left:0;opacity:1;transform:translate(0) scale(1);transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1}.code-view-content.inactive{opacity:0;transform:translate(-50px) scale(.95);pointer-events:none}.preview-view-content{height:100%;width:100%;background-color:hsl(var(--background));position:absolute;top:0;left:0;opacity:1;transform:translate(0) scale(1);transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1}.preview-view-content.inactive{opacity:0;transform:translate(50px) scale(.95);pointer-events:none}.chatbot-container{height:100%;display:flex;flex-direction:column}.chatbot-header{background-color:hsl(var(--card));padding:1rem;border-bottom:1px solid hsl(var(--border));text-align:center}.chatbot-title{color:hsl(var(--foreground));font-size:1rem;font-weight:600}.messages-area{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:transparent transparent}.messages-area:hover{scrollbar-color:hsl(var(--muted-foreground)) hsl(var(--secondary))}.messages-area::-webkit-scrollbar{width:6px;background:transparent}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.messages-area:hover::-webkit-scrollbar-track{background:hsl(var(--secondary))}.messages-area:hover::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground))}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;height:100%;opacity:.8}.empty-state-icon{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;opacity:.6}.empty-state-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.75rem}.empty-state-description{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5;margin-bottom:2rem;max-width:280px}.empty-state-examples{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:260px}.example-prompt{padding:.75rem 1rem;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:var(--radius);font-size:.8125rem;font-style:italic;transition:all .2s;cursor:pointer}.example-prompt:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));transform:translateY(-1px)}.message{display:flex}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-bubble{max-width:80%;padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;line-height:1.5}.message-bubble.user{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.message-bubble.bot{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.message-time{font-size:.75rem;opacity:.7;margin-top:.25rem;color:hsl(var(--muted-foreground))}.chat-input-area{border-top:1px solid hsl(var(--border));padding:1rem;background-color:hsl(var(--card))}.chat-input-container{display:flex;align-items:flex-end}.chat-input-wrapper{flex:1;position:relative;display:flex;align-items:flex-end}.chat-input{flex:1;padding:.75rem 3rem .75rem 1rem;border:1px solid hsl(var(--input));border-radius:var(--radius);background-color:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem;outline:none;transition:border-color .2s;resize:none;min-height:2.5rem;max-height:8rem;overflow-y:auto;line-height:1.5;font-family:inherit}.chat-input:focus{outline:none;border-color:hsl(var(--input))}.chat-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.chat-input::placeholder{color:hsl(var(--muted-foreground))}.send-button-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.5rem;border:none;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:var(--radius);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;z-index:10;pointer-events:auto}.send-button-icon:hover:not(:disabled){transform:translateY(-50%) translateY(-1px)}.send-button-icon:focus{outline:none}.send-button-icon:disabled{cursor:not-allowed;opacity:.5;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.thinking-indicator{display:flex;align-items:center;padding:.5rem}.thinking-text{color:hsl(var(--muted-foreground));font-weight:500;font-size:.875rem;background:linear-gradient(90deg,hsl(var(--muted-foreground)),hsl(var(--foreground)),hsl(var(--muted-foreground)));background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.typing-indicator{display:flex;gap:.25rem;align-items:center;padding:.5rem}.typing-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:hsl(var(--muted-foreground));animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-.25rem);opacity:1}}.analyzing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem}.analyzing-text{color:hsl(var(--primary));font-weight:500;font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) * 2);box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid hsl(var(--border))}.modal-header h3{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.modal-close{background:none;border:none;cursor:pointer;color:hsl(var(--muted-foreground));padding:.5rem;border-radius:var(--radius);transition:all .2s}.modal-close:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.modal-body{padding:1.5rem}.success-content,.error-content{text-align:center}.success-icon,.error-icon{margin:0 auto 1rem;width:48px;height:48px}.success-message{font-size:1.125rem;font-weight:500;color:hsl(var(--foreground));margin-bottom:1.5rem}.error-message{font-size:1.125rem;font-weight:500;color:#ef4444;margin-bottom:1rem}.deployment-details{text-align:left;background-color:hsl(var(--secondary));border-radius:var(--radius);padding:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.detail-item:last-child{margin-bottom:0}.detail-item label{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.detail-item span{color:hsl(var(--foreground));font-family:Courier New,monospace;font-size:.875rem}.site-url,.admin-url{color:hsl(var(--primary));text-decoration:none;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.site-url:hover,.admin-url:hover{text-decoration:underline}.deploy-id{font-family:Courier New,monospace;font-size:.75rem;opacity:.8}.instructions-text{color:hsl(var(--foreground))!important;font-family:inherit!important;font-size:.875rem!important;line-height:1.4;font-style:italic}.modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid hsl(var(--border));justify-content:flex-end}.modal-button{padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none}.modal-button.primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.modal-button.primary:hover{background-color:hsl(var(--primary) / .9)}.modal-button.secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.modal-button.secondary:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.app-container{position:relative}.full-width-header{flex-wrap:wrap;padding:.75rem;height:auto;min-height:60px;gap:.5rem}.full-width-header>div:first-child{display:flex;align-items:center;gap:.5rem;order:1;flex-shrink:0}.file-name{font-size:.875rem;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-center{position:static;transform:none;order:3;width:100%;justify-content:center;margin-top:.5rem}.header-actions{order:2;gap:.25rem;flex-shrink:0}.content-wrapper{flex-direction:column;position:relative}.chatbot-sidebar{position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;background-color:hsl(var(--card));display:flex;flex-direction:column}.chatbot-sidebar.mobile-open{transform:translate(0)}.mobile-overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.mobile-overlay.active{opacity:1;visibility:visible}.main-content-area{width:100%;min-height:calc(100vh - 60px)}.mobile-chat-toggle{display:none;position:fixed;bottom:1rem;right:1rem;width:60px;height:60px;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:50%;cursor:pointer;z-index:998;box-shadow:0 4px 12px #00000026;transition:all .3s ease;align-items:center;justify-content:center}.mobile-chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.mobile-chat-toggle.active{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.header-tabs{width:100%;justify-content:stretch}.tab-button{flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-align:center}.action-button{min-width:44px;min-height:44px;padding:.75rem;touch-action:manipulation}.deploy-button,.export-button{min-height:44px;padding:.75rem 1rem;font-size:.875rem;touch-action:manipulation}@media (min-width: 768px){.full-width-header{flex-wrap:nowrap;padding:1rem 1.5rem;height:70px;gap:1rem}.file-name{font-size:1rem}.full-width-header>div:first-child{order:0}.header-center{display:flex;align-items:center;gap:1rem;order:0;width:auto;margin-top:0;margin-left:350px;position:relative}.header-actions{order:0;gap:.5rem}.content-wrapper{flex-direction:row}.chatbot-sidebar{position:relative;transform:none;width:350px;height:calc(100vh - 70px);z-index:auto;transition:none;display:flex;flex-direction:column}.mobile-chat-toggle{display:none!important}.header-tabs{width:auto}.tab-button{flex:none;padding:.5rem 1rem;font-size:.875rem}.action-button{min-width:2rem;min-height:2rem;padding:.5rem}}@media (min-width: 1024px){.chatbot-sidebar{width:400px}.full-width-header{padding:1rem 2rem}}@media (min-width: 1440px){.chatbot-sidebar{width:450px}}@media (hover: none) and (pointer: coarse){.action-button,.tab-button,.deploy-button,.export-button,.mobile-chat-toggle{min-height:48px;padding:.875rem}.tab-button{padding:1rem;font-size:1rem}.header-tabs{gap:.5rem}}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2){.action-button svg,.deploy-button svg,.export-button svg{width:18px;height:18px}}@media (max-width: 768px) and (orientation: landscape){.full-width-header{padding:.5rem;min-height:50px}.file-name{font-size:.8125rem}.tab-button{padding:.5rem .75rem;font-size:.8125rem}.main-content-area{min-height:calc(100vh - 50px)}}@media (min-width: 1920px){.chatbot-sidebar{width:500px}.full-width-header{padding:1.5rem 3rem}}@media (prefers-reduced-motion: reduce){.chatbot-sidebar,.mobile-overlay,.mobile-chat-toggle,.code-view-content,.preview-view-content{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.chatbot-sidebar{border-right:2px solid hsl(var(--border))}.full-width-header{border-bottom:2px solid hsl(var(--border))}.action-button,.tab-button{border:2px solid hsl(var(--border))}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsl(var(--background));color:hsl(var(--foreground));height:100vh;overflow:hidden;font-size:16px;line-height:1.5;font-feature-settings:"rlig" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}#root{height:100vh;width:100vw;position:relative;overflow:hidden}h1,.text-4xl{font-size:clamp(1.75rem,4vw,2.5rem)}h2,.text-3xl{font-size:clamp(1.5rem,3.5vw,2rem)}h3,.text-2xl{font-size:clamp(1.25rem,3vw,1.75rem)}h4,.text-xl{font-size:clamp(1.125rem,2.5vw,1.5rem)}h5,.text-lg{font-size:clamp(1rem,2vw,1.25rem)}h6,.text-base{font-size:clamp(.875rem,1.75vw,1rem)}.text-sm{font-size:clamp(.8125rem,1.5vw,.875rem)}.text-xs{font-size:clamp(.75rem,1.25vw,.8125rem)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;letter-spacing:-.025em}p,.text-base,.text-sm,.text-xs{line-height:1.6}@media (max-width: 767px){body{font-size:14px;line-height:1.4}h1,h2,h3,h4,h5,h6{line-height:1.25;margin-bottom:.75rem}p{margin-bottom:1rem}}@media (hover: none) and (pointer: coarse){button,[role=button],input[type=button],input[type=submit],.clickable{min-height:44px;min-width:44px}a{min-height:32px;display:inline-block}}@media (prefers-contrast: high){body{font-weight:500}h1,h2,h3,h4,h5,h6{font-weight:700}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){body{-webkit-font-smoothing:subpixel-antialiased}}@media print{body{font-size:12pt;line-height:1.4;color:#000;background:#fff}#root{height:auto;overflow:visible}}