@media (min-width: 769px){.chat{min-width:600px}}.chat-input input:focus{border-color:#3b7c8f!important;box-shadow:0 0 0 1.5px #3b7c8f!important;outline:none!important}.MuiDialog-root .MuiInputLabel-root.Mui-focused,.MuiDialog-root .MuiInputLabel-root.MuiInputLabel-animated.Mui-focused{color:#3b7c8f!important}.MuiDialog-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b7c8f!important}.MuiDialogActions-root .MuiButton-root.MuiButton-containedPrimary.MuiButton-colorPrimary:last-child{background:#3b7c8f!important;color:#fff!important}.MuiDialogActions-root .MuiButton-root.MuiButton-containedPrimary.MuiButton-colorPrimary:last-child:hover,.MuiDialogActions-root .MuiButton-root.MuiButton-containedPrimary.MuiButton-colorPrimary:last-child:focus,.MuiDialogActions-root .MuiButton-root.MuiButton-containedPrimary.MuiButton-colorPrimary:last-child:active{background:#2c5d6b!important;color:#fff!important}html,body,#root,.layout,.main-content,.sidebar,.sidebar *,.sidebar ul,.sidebar li,.sidebar button,.sidebar-app-title,.sidebar-user-row,.sidebar-header,.MuiButton-root,.MuiButtonBase-root,.MuiDialogActions-root .MuiButton-root,.MuiDialogActions-root .MuiButton-root.cancel-btn,.MuiDialogActions-root .MuiButton-root[color=error],.MuiDialogTitle-root,.MuiDialogContent-root,.MuiDialogActions-root,.MuiDialog-paper,.MuiDialog-container,.MuiDialog-root,.MuiInputBase-root,.MuiInputBase-input,.MuiOutlinedInput-input,.MuiInputLabel-root,.chat,.chat-header,.chat-body,.chat-message,.chat-message.ai,.chat-message.user,.chat-content,.chat-bubble,.chat-bubble.ai,.chat-bubble.user,.chat-input,.chat-input input,.chat-input button,.login-container,.login-container button,button,.sidebar-add-btn,.main-content button,.main-content a[download],.export-btn,.mockup-preview-overlay,.mockup-preview-img,.mockup-label,.user-info-row,.logout-btn{font-family:Inter,system-ui,sans-serif!important}.export-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#22272e73;z-index:3000;display:flex;align-items:center;justify-content:center}.export-overlay-content{background:#fff;border-radius:18px;box-shadow:0 4px 32px #0000002e;padding:48px 40px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;min-height:120px}.MuiButton-root.cancel-btn:before,.MuiButton-root.cancel-btn:hover:before,.MuiButton-root.cancel-btn:focus:before,.MuiButton-root.cancel-btn:active:before{content:""!important;display:none!important;background:none!important;box-shadow:none!important;outline:none!important;border:none!important}.MuiButton-root.cancel-btn{background-color:#656a73!important;color:#fff!important;border-radius:12px!important;box-shadow:none!important;outline:none!important;border:none!important;padding:6px 16px!important;min-width:120px!important;min-height:48px!important;font-size:1.1rem!important;font-weight:500!important;transition:background .2s,color .2s!important}.MuiButton-root.cancel-btn:hover,.MuiButton-root.cancel-btn:focus,.MuiButton-root.cancel-btn:active{background-color:#43464b!important;color:#fff!important;border-radius:12px!important;box-shadow:none!important;outline:none!important;border:none!important;padding:6px 16px!important}.MuiButton-root.cancel-btn.Mui-focusVisible,.MuiButton-root.cancel-btn:focus-visible,.MuiButton-root.cancel-btn.Mui-focusVisible:after,.MuiButton-root.cancel-btn:focus-visible:after{outline:none!important;box-shadow:none!important;border:none!important;background:#43464b!important}.MuiDialogActions-root .MuiButton-root.cancel-btn,.MuiDialogActions-root .MuiButton-root.cancel-btn>span{background-color:#656a73!important;color:#fff!important;border-radius:12px!important;box-shadow:none!important;outline:none!important;border:none!important;padding:6px 16px!important;margin:0!important}.MuiDialogActions-root .MuiButton-root.cancel-btn>span{background:transparent!important;box-shadow:none!important;border-radius:12px!important;padding:0!important;margin:0!important}.MuiDialogActions-root .MuiButton-root.cancel-btn:hover,.MuiDialogActions-root .MuiButton-root.cancel-btn:focus,.MuiDialogActions-root .MuiButton-root.cancel-btn:active,.MuiDialogActions-root .MuiButton-root.cancel-btn:hover>span,.MuiDialogActions-root .MuiButton-root.cancel-btn:focus>span,.MuiDialogActions-root .MuiButton-root.cancel-btn:active>span{background-color:#43464b!important;color:#fff!important;border-radius:12px!important;box-shadow:none!important;outline:none!important;border:none!important;padding:6px 16px!important;margin:0!important}.MuiDialogActions-root .MuiButton-root.cancel-btn:hover>span,.MuiDialogActions-root .MuiButton-root.cancel-btn:focus>span,.MuiDialogActions-root .MuiButton-root.cancel-btn:active>span{background:transparent!important;box-shadow:none!important;border-radius:12px!important;padding:0!important;margin:0!important}.MuiDialogActions-root .MuiButton-root.cancel-btn .MuiTouchRipple-root,.MuiDialogActions-root .MuiButton-root.cancel-btn .MuiTouchRipple-root *{display:none!important}.MuiDialogActions-root .MuiButton-root.cancel-btn:after{display:none!important;content:""!important;background:none!important;box-shadow:none!important;outline:none!important;border:none!important}.MuiDialogActions-root .MuiButton-root.cancel-btn{padding:6px 16px!important;min-width:120px!important;min-height:48px!important;box-shadow:none!important;border:none!important;outline:none!important;transition:background .2s,color .2s!important}.MuiDialogActions-root{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:24px!important;padding:24px 32px 16px!important;margin:0!important}.MuiDialogActions-root .MuiButton-root{min-width:120px!important;min-height:48px!important;font-size:1.1rem!important;font-weight:500!important;border-radius:8px!important;box-shadow:none!important;outline:none!important;border:none!important;padding:6px 16px!important;margin:0!important;transition:background .2s,color .2s!important}.MuiDialogActions-root .MuiButton-root:focus,.MuiDialogActions-root .MuiButton-root:active{box-shadow:none!important;outline:none!important;border:none!important}.MuiDialogActions-root .MuiButton-root.cancel-btn{background-color:#656a73!important;color:#fff!important}.MuiDialogActions-root .MuiButton-root.cancel-btn:hover,.MuiDialogActions-root .MuiButton-root.cancel-btn:focus,.MuiDialogActions-root .MuiButton-root.cancel-btn:active{background-color:#43464b!important;color:#fff!important}.MuiDialogActions-root .MuiButton-root.cancel-btn:after,.MuiDialogActions-root .MuiButton-root.cancel-btn:before{content:none!important;background:none!important;box-shadow:none!important;outline:none!important;border:none!important;display:none!important}.MuiDialogActions-root .MuiButton-root[color=error]{background-color:#c0392b!important;color:#fff!important}.MuiDialogActions-root .MuiButton-root[color=error]:hover,.MuiDialogActions-root .MuiButton-root[color=error]:focus,.MuiDialogActions-root .MuiButton-root[color=error]:active{background-color:#b00020!important;color:#fff!important}.MuiDialogActions-root .MuiButton-root[color=error]:after,.MuiDialogActions-root .MuiButton-root[color=error]:before{content:none!important;background:none!important;box-shadow:none!important;outline:none!important;border:none!important;display:none!important}.MuiDialogContent-root,.MuiDialogTitle-root{padding-bottom:0!important}.cancel-btn.MuiButton-contained{background-color:#656a73!important;color:#fff!important;box-shadow:none!important;outline:none!important;border:none!important;padding:6px 16px!important;min-width:64px!important;font-weight:500!important;font-size:1rem!important;line-height:1.75!important;transition:background .2s,color .2s!important}.cancel-btn.MuiButton-contained:hover,.cancel-btn.MuiButton-contained:focus,.cancel-btn.MuiButton-contained:active{background-color:#43464b!important;color:#fff!important;box-shadow:none!important;outline:none!important;border:none!important;padding:6px 16px!important}.cancel-btn.MuiButton-contained:after,.cancel-btn.MuiButton-contained:before{content:none!important;background:none!important;box-shadow:none!important;outline:none!important;border:none!important;display:none!important}@media (max-width: 768px){.main-content{padding:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:calc(100vh - 48px)!important;min-height:0!important;display:flex;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important}.chat{width:100vw!important;max-width:100vw!important;height:calc(100vh - 48px)!important;min-height:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#fff;display:flex;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;padding-top:48px!important;box-sizing:border-box!important}.chat-body{flex:1 1 auto;min-height:0;max-height:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:.5rem .5rem 0!important}.chat-input{position:sticky;bottom:0;background:#fff;z-index:10;padding:.5rem!important;border-top:1px solid #eee}}@media (max-width: 768px){.chat{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#fff;position:relative;top:0;left:0}.main-content{padding:0!important}}@media (max-width: 768px){.chat{margin-top:0!important;height:calc(100vh - 48px)!important;max-height:calc(100vh - 48px)!important;display:flex;flex-direction:column}.chat-body{flex:1 1 auto;min-height:0;max-height:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:.5rem .5rem 0!important}}@media (max-width: 768px){.MuiDrawer-paper ul,.MuiDrawer-paper .sidebar-project-list{list-style:none!important;padding:0!important;margin:0!important}.MuiDrawer-paper ul li,.MuiDrawer-paper .sidebar-project-list li{margin-bottom:.5rem!important}.MuiDrawer-paper ul li button,.MuiDrawer-paper .sidebar-project-list li button{font-size:.9em!important;font-weight:300!important;background:none!important;color:#fff!important;border:none!important;width:100%;text-align:left;padding:.25rem 0;border-radius:4px;cursor:pointer;transition:background .2s}.MuiDrawer-paper ul li button[style*="font-weight: bold"],.MuiDrawer-paper .sidebar-project-list li button[style*="font-weight: bold"]{font-weight:700!important}}@media (max-width: 768px){.main-content{padding:48px 0 0!important;height:calc(100vh - 48px)!important;min-height:0!important;display:flex;flex-direction:column}.chat{flex:1 1 auto;display:flex;flex-direction:column;height:100%;max-height:100%;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#fff}.chat-body{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;padding:.5rem .5rem 0!important}.chat-input{position:sticky;bottom:0;background:#fff;z-index:10;padding:.5rem!important;border-top:1px solid #eee}}@media (max-width: 768px){.chat{position:relative;margin-top:0!important;height:calc(100vh - 48px)!important;max-height:calc(100vh - 48px)!important;display:flex;flex-direction:column}.chat-body{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;padding-bottom:.5rem!important}.main-content{padding-top:48px!important}}@media (max-width: 768px){.chat-body{max-height:calc(100vh - 168px);overflow-y:auto}}@media (max-width: 768px){.mobile-topbar{position:fixed;top:0;left:0;width:100vw;height:48px;background:#22272e;color:#fff;display:flex;align-items:center;z-index:2000;box-shadow:0 1px 4px #00000014}.main-content{padding-top:48px!important}.chat{margin-top:0!important}}@media (max-width: 768px){html,body,#root,.layout,.main-content{width:100vw;max-width:100vw;overflow-x:hidden!important;padding:0!important;margin:0!important}.main-content{padding:0!important}.chat{max-width:100vw!important;margin:0!important;border-radius:0!important;box-shadow:none!important}.chat-body,.chat-input{padding:.5rem!important}}.chat{font-size:16px}.chat-message,.chat-message.ai,.chat-message.user,.chat-content,.chat-bubble{font-size:14px}.sidebar .sidebar-add-btn{font-size:1.7em!important}.sidebar ul li button,.sidebar ul li{font-size:.9em!important}.sidebar-user-row .logout-btn:hover svg,.sidebar-user-row .logout-btn:focus svg{font-size:.9em}.sidebar-app-title{margin-bottom:.2rem;margin-top:.2rem;display:flex;align-items:center;justify-content:center;font-size:.9em}.sidebar-user-row{margin-top:auto;display:flex;align-items:center;gap:.5rem;row-gap:.5rem;column-gap:.5rem;font-size:.8em!important;opacity:.7;padding-top:1.5rem}.sidebar-user-row .logout-btn svg{color:#fff!important}.sidebar-user-name{margin-right:8px}.mockup-preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b8;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.mockup-preview-img{max-width:90vw;max-height:90vh;border-radius:10px;box-shadow:0 4px 32px #0000002e;background:#fff;cursor:auto}.mockup-preview-close{position:absolute;top:32px;right:40px;background:none;border:none;color:#22272e;font-size:2em;cursor:pointer;z-index:1100;padding:4px 4px 0;border-radius:4px;transition:background .2s}.mockup-preview-close:hover,.mockup-preview-close:focus{background:#ffffff2e}.mockup-label{font-size:12px;text-align:center;color:#b0b0b0;font-weight:500;margin-bottom:2px}.mockup-thumb{outline:none;padding:4px 0 0!important;line-height:1.1;vertical-align:top;background:transparent!important}.mockup-thumb:hover,.mockup-thumb:focus{box-shadow:0 0 0 2px #22272e26}.mockup-thumbs{display:flex;gap:16px;align-items:flex-start;justify-content:flex-start;margin-top:4px}.chat-bubble.user{background:#ededed!important;color:#181a1b;border-radius:18px 18px 6px;align-self:flex-end;padding:.75em 1.1em}.chat-message.ai{background:none!important;box-shadow:none!important;color:#181a1b!important;font-size:14px}.chat-bubble.ai{background:none!important;box-shadow:none!important;color:#181a1b;border-radius:18px 18px 18px 6px;align-self:flex-start}.chat-message{margin-bottom:.5rem;display:flex;flex-direction:column;color:#181a1b;font-size:14px}.chat-bubble{max-width:75%;padding:.75em 1.1em;background:none!important;border-radius:18px 0 0;align-self:flex-end}.chat-bubble .chat-header{padding:1rem;font-weight:700}.chat-bubble.ai{background:none!important;color:#181a1b;border-radius:18px 18px 18px 6px;align-self:flex-start}.chat-author{font-weight:700;font-size:.95em;margin-right:.5em;opacity:.7}.chat-content{color:#181a1b;font-size:14px}.chat-input{display:flex;align-items:center;gap:.5rem}.chat-export-inline{display:flex;align-items:center;gap:.25rem;margin-right:.5rem}.chat-export-inline .export-btn{margin:0}.chat-export-inline .download-link{font-size:.95em;color:#22272e;text-decoration:underline;margin-left:2px;margin-right:6px}.chat-export-inline .download-link:hover{color:#11151a}.export-btn{background:none!important;color:#22272e!important;border:none;font-size:1.15em;padding:0!important;margin:0!important;min-width:0;min-height:0;cursor:pointer;border-radius:4px;transition:background .2s,color .2s;display:flex;align-items:center;box-shadow:none}.export-btn svg{color:#22272e!important}.export-btn:hover,.export-btn:focus{background:none!important;color:#11151a!important}.export-btn:hover svg,.export-btn:focus svg{color:#11151a!important}.user-info-row{display:flex;align-items:center;font-size:.95rem}.logout-btn{background:none!important;color:#22272e!important;border:none;font-size:1.15em;padding:0 4px;cursor:pointer;border-radius:4px;transition:background .2s,color .2s;display:flex;align-items:center}.logout-btn svg{color:#22272e!important}.logout-btn:hover,.logout-btn:focus{background:none!important;color:#fff!important}.logout-btn:hover svg,.logout-btn:focus svg{color:#fff!important}button,.login-container button,.sidebar-add-btn,.main-content button,.main-content a[download]{background:#444c56;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.create-btn,.MuiButton-root.create-btn{background:#3b7c8f!important;color:#fff!important}.create-btn:hover,.MuiButton-root.create-btn:hover,.create-btn:focus,.MuiButton-root.create-btn:focus,.create-btn:active,.MuiButton-root.create-btn:active{background:#2c5d6b!important;color:#fff!important}button:hover,.login-container button:hover,.sidebar-add-btn:hover,.main-content button:hover,.main-content a[download]:hover{background:#586069}.sidebar{width:240px;background:#22272e;padding:1rem;display:flex;flex-direction:column;background-color:#22272e;color:#fff;font-weight:300}.sidebar,.sidebar *{font-weight:300!important}.sidebar button:hover,.sidebar button:focus,.sidebar button[aria-current=true]{font-weight:700!important}.login-container button{padding:.75rem 2rem;font-size:1.1rem;margin-top:2rem}.sidebar ul button{background:none;color:#fff;border:none;width:100%;text-align:left;padding:.25rem 0;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.sidebar ul button:hover,.sidebar ul button:focus,.sidebar ul button:active{background:none}.sidebar ul button[style*="font-weight: bold"]{font-weight:700}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f8f9fa}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#22272e;color:#fff;padding:1rem;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sidebar button{background:none!important;color:#fff;border:none;border-radius:0;padding:.25rem 0;cursor:pointer}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:.5rem}.sidebar li button{background:none;color:#fff;border:none;cursor:pointer;text-align:left;width:100%;padding:.25rem 0}.main-content{font-family:Inter,system-ui,sans-serif;flex:1;padding:2rem}.chat{font-family:Inter,system-ui,sans-serif;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;max-width:600px;margin:2rem auto 0;display:flex;flex-direction:column;font-size:1em}.chat-header{padding:1rem;border-bottom:1px solid #eee;font-weight:700}.chat-body{padding:1rem;min-height:120px}.chat-message.ai{background:none!important;color:#181a1b!important;padding:.5rem 1rem;border-radius:6px;margin-bottom:.5rem;max-width:80%;font-size:.9em}.chat-input{display:flex;border-top:1px solid #eee;padding:1rem}.chat-input input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:4px;margin-right:.5rem}.chat-input button{background:#444c56;color:#fff;border:none;border-radius:6px;padding:.5rem 1.25rem;cursor:pointer;transition:background .2s}.chat-input button:hover{background:#586069}.login-container{font-family:Inter,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa}.login-container button{background:#444c56;color:#fff;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1.1rem;cursor:pointer;margin-top:2rem;transition:background .2s}.login-container button:hover{background:#586069}body{margin:0;font-family:system-ui,sans-serif;background:#f8f9fa}.app-container{max-width:600px;margin:4rem auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000012;padding:2rem;text-align:center}