@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,input,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:default}.baseLogo{display:flex;align-items:center;gap:2px;color:#202124;font-size:19px;letter-spacing:-.07em}.baseLogo .logoMark{font-size:19px;margin-right:4px;color:#7559d9}.baseLogo b:last-child{font-weight:500}.primary{background:#5f45c7;color:#fff;border-radius:7px;padding:9px 15px;font-weight:600;box-shadow:0 1px 1px #0001}.primary:hover{background:#5038b4}.wide{width:100%;height:42px}.secondary{border:1px solid #dddde2;background:#fff;border-radius:7px;padding:9px 15px;font-weight:600}.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#77757d;font-weight:700}.icon{display:inline-flex;align-items:center;justify-content:center}.authPage{height:100%;background:#f7f7f8}.authTop{height:64px;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid #e7e7ea;background:#fff}.authWrap{height:calc(100% - 64px);display:grid;place-items:center}.authCard{width:min(410px,calc(100% - 32px));background:#fff;border:1px solid #dedee3;border-radius:12px;padding:30px;box-shadow:0 12px 40px #0000000b}.authCard h1{font:700 28px/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 8px}.authCard p{font-size:13px;color:#77757d;margin:0 0 22px}.authCard form{display:grid;gap:10px}.authCard input{height:43px;border:1px solid #d8d8dd;border-radius:7px;padding:0 12px;outline:0;background:#fff;color:#202124}.authCard input:focus{border-color:#745bd0;box-shadow:0 0 0 3px #7559d914}.formError{padding:9px;border-radius:7px;background:#fff0f0;color:#a53636;font-size:12px}.linkButton{display:block;margin:13px auto 0;color:#6a58bb;font-size:12px}.authSwitch{text-align:center;margin-top:22px;color:#77757d;font-size:12px}.authSwitch button{color:#4f39ad;margin-left:5px;font-weight:600}.homePage{height:100%;background:#fbfbfc;color:#202124}.homeTop{height:62px;border-bottom:1px solid #e5e5e8;background:#fff;display:flex;align-items:center;padding:0 24px;gap:35px}.homeNav{display:flex;gap:23px;font-size:12px;color:#6f6d75}.homeActions{margin-left:auto;display:flex;align-items:center;gap:9px}.homeActions>button:not(.primary){padding:7px 9px;color:#68666e;font-size:12px}.credits{border:1px solid #dddde2!important;border-radius:7px}.userDot{width:30px;height:30px;border-radius:50%;background:#edeaf9;color:#6046c2;font-size:11px;font-weight:700}.workspace{max-width:1120px;margin:auto;padding:54px 28px}.workspaceHead{display:flex;justify-content:space-between;align-items:end}.workspaceHead h1{font:700 38px/1.05 Manrope,sans-serif;letter-spacing:-.055em;margin:9px 0}.workspaceHead p{margin:0;color:#77757d;font-size:13px}.create{margin-bottom:2px}.appGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:35px}.createCard,.appCard{min-height:205px;text-align:left;border:1px solid #dedee3;border-radius:10px;background:#fff;transition:.15s;position:relative;overflow:hidden}.createCard{padding:20px;display:flex;flex-direction:column;justify-content:end}.createCard:hover,.appCard:hover{border-color:#c6c2d9;box-shadow:0 7px 25px #00000009;transform:translateY(-1px)}.createCircle{width:35px;height:35px;border:1px dashed #aaa7b1;border-radius:8px;display:grid;place-items:center;font-size:19px;color:#77747d;position:absolute;top:20px}.createCard strong{font-size:13px}.createCard small,.appMeta small{font-size:10px;color:#89868e;margin-top:5px}.appCard{display:flex;flex-direction:column}.appThumb{height:133px;background:linear-gradient(135deg,#f2eefc,#e7e4f8);display:grid;place-items:center;color:#6c53c9;font-size:26px}.appMeta{padding:13px 14px;display:flex;flex-direction:column}.appCard>.icon{position:absolute;right:10px;bottom:10px;color:#96939a}.baseEditor{height:100%;background:#f7f7f8;color:#25242a;display:flex;flex-direction:column}.editorTop{height:56px;flex:none;background:#fff;border-bottom:1px solid #e2e2e6;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;position:relative;z-index:20}.mobileAiToggle,.mobileClose{display:none}.aiHeaderActions{display:flex;align-items:center;gap:4px}.editorLeft,.editorRight{display:flex;align-items:center;gap:6px;min-width:0}.editorRight{justify-content:flex-end}.back{font-size:23px;color:#74717a;width:30px;height:30px;border-radius:6px}.back:hover,.editorRight>button:not(.publishBtn):hover{background:#f0f0f2}.appName{font-size:12px;color:#46444b;padding:7px 9px;border-radius:7px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appName span{margin-left:7px;color:#8d8991}.editorNav{display:flex;align-items:center;gap:2px;height:34px;padding:3px;border:1px solid #e1e1e5;border-radius:8px;background:#f8f8f9}.editorNav button{font-size:11px;color:#77747d;padding:7px 12px;border-radius:6px}.editorNav button.active{background:#fff;color:#27252b;box-shadow:0 1px 3px #0000000b}.editorRight>button:not(.publishBtn){height:31px;min-width:31px;padding:0 7px;border-radius:6px;color:#77747d;font-size:11px}.saveLabel{font-size:10px;color:#8b8890;margin-right:5px}.publishBtn{background:#6548ca;color:#fff;border-radius:7px;padding:8px 14px;font-size:11px;font-weight:600}.publishBtn:hover{background:#553bb7}.editorBody{min-height:0;flex:1;display:grid;grid-template-columns:355px minmax(0,1fr)}.aiPanel{background:#fff;border-right:1px solid #dedee2;display:flex;flex-direction:column;min-width:0}.aiHeader{height:58px;flex:none;border-bottom:1px solid #e6e6e9;padding:0 15px;display:flex;align-items:center;justify-content:space-between}.aiHeader strong{font-size:12px}.aiHeader small{display:block;color:#8a878e;font-size:10px;margin-top:3px}.aiHeader button{color:#89868d;font-size:15px}.chatScroll{flex:1;overflow:auto;padding:18px 17px}.welcome{text-align:center;padding:42px 13px 20px}.welcomeIcon{width:35px;height:35px;border-radius:9px;background:#f0edff;color:#765bd4;display:grid;place-items:center;margin:0 auto 15px;font-size:17px}.welcome h2{font:700 20px Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 8px}.welcome p{font-size:11px;line-height:1.6;color:#85828a;max-width:270px;margin:auto}.promptChips{display:grid;gap:7px;margin-top:20px}.promptChips button{border:1px solid #e0e0e4;background:#fff;border-radius:7px;text-align:left;padding:9px 10px;font-size:10px;color:#66636b}.promptChips button:hover{background:#f8f7fb;border-color:#cbc6dc}.message{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;margin:0 0 19px;font-size:11px;line-height:1.55}.msgAvatar{width:22px;height:22px;border-radius:6px;background:#f0f0f2;display:grid;place-items:center;font-size:8px;color:#706d76}.message.user .msgAvatar{background:#ece8fa;color:#6047bf}.message.ai>div>div:first-child{color:#49474f}.message.user>div>div:first-child{color:#29272d}.message.system{color:#7b4a4a}.msgTools{display:flex;gap:8px;margin-top:7px}.msgTools button{font-size:9px;color:#8a878f}.composer{border-top:1px solid #e5e5e8;padding:11px 12px 13px}.composer textarea{width:100%;height:61px;resize:none;border:1px solid #d9d9de;border-radius:8px;padding:10px;outline:0;font-size:11px;color:#27252b}.composer textarea:focus{border-color:#7760cc;box-shadow:0 0 0 3px #765bd414}.composer textarea::placeholder{color:#aaa7ae}.composerRow{display:flex;align-items:center;gap:5px;margin-top:6px;color:#96939a;font-size:9px}.composerRow button{height:25px;padding:0 7px;border-radius:5px;color:#85818a}.composerRow button:hover{background:#f2f2f4}.composerRow .send{margin-left:auto;background:#6a4dcc;color:#fff;font-weight:700}.appPreview{position:relative;min-width:0;background:#f4f4f6;display:flex;flex-direction:column}.previewHeader{height:45px;flex:none;border-bottom:1px solid #dedee2;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.previewTitle{display:flex;align-items:center;gap:7px;font-size:10px;color:#77747c}.previewTitle button{color:#5d5961;font-size:10px;padding:5px 7px;border-radius:5px}.previewTitle button:hover{background:#f3f3f5}.previewControls{display:flex;gap:2px}.previewControls button{width:28px;height:27px;border-radius:5px;color:#89858d;font-size:11px}.previewControls button.active,.previewControls button:hover{background:#eeeef1;color:#49464e}.previewArea{min-height:0;flex:1;display:grid;place-items:center;padding:25px;overflow:auto;background:radial-gradient(circle at 50% 35%,#fff 0,#f1f1f4 55%,#eeeef1)}.previewFrame{width:min(100%,1080px);height:calc(100vh - 126px);background:#fff;border:1px solid #d8d8dc;border-radius:9px;overflow:hidden;box-shadow:0 8px 30px #00000012}.previewFrame.tablet{width:768px}.previewFrame.mobile{width:390px}.previewFrame iframe{width:100%;height:100%;border:0;background:#fff}.pageMenu{position:absolute;top:50px;left:13px;z-index:15;background:#fff;border:1px solid #dcdce1;border-radius:8px;box-shadow:0 10px 30px #0002;padding:7px;width:190px}.pageMenuTitle{padding:7px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#99959d}.pageMenu button{width:100%;padding:8px;border-radius:6px;text-align:left;font-size:10px;color:#6e6b73}.pageMenu button:hover,.pageMenu button.active{background:#f3f1fa;color:#563db7}.pageMenu button span{margin-right:7px}.dashboardPanel{padding:25px;overflow:auto}.dashboardPanel h2{font:700 23px Manrope;margin:7px 0}.dashboardPanel p{font-size:11px;color:#87848c;line-height:1.5}.dashList{border:1px solid #e0e0e4;border-radius:8px;margin:20px 0 12px;overflow:hidden}.dashList button{display:block;width:100%;padding:12px;border-bottom:1px solid #e9e9ec;text-align:left}.dashList button:last-child{border:0}.dashList b{display:block;font-size:11px}.dashList span{display:block;color:#8a878e;font-size:9px;margin-top:3px}.dashStats{display:flex;gap:8px;margin-bottom:12px}.dashStats span{border:1px solid #e0e0e4;border-radius:7px;padding:10px;font-size:9px;color:#88858d;flex:1}.dashStats b{display:block;font-size:14px;color:#3a3840;margin-bottom:3px}.dashboardPreview{width:min(100%,1100px);height:calc(100vh - 126px);background:#fff;border:1px solid #dedee2;border-radius:8px;display:grid;grid-template-columns:190px 1fr;overflow:hidden}.dashSide{border-right:1px solid #e5e5e8;padding:18px 10px;display:flex;flex-direction:column;gap:4px;font-size:10px;color:#77747d}.dashSide b{font-size:13px;color:#333139;margin:0 8px 12px}.dashSide span{padding:8px;border-radius:5px}.dashSide .selected{background:#f0eef8;color:#6048bd;font-weight:600}.dashMain{padding:30px}.dashMain h1{font:700 27px Manrope;margin:7px 0 25px}.dashCards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dashCards div{border:1px solid #e1e1e5;border-radius:8px;padding:14px}.dashCards b{display:block;font-size:21px}.dashCards span{font-size:9px;color:#88858d}.canvasWelcome{margin:auto}.canvas{width:100%;height:100%;background-color:#f1f1f3;background-image:radial-gradient(#d4d3d9 1px,transparent 1px);background-size:18px 18px;overflow:auto}.canvasToolbar{height:39px;background:#fff;border-bottom:1px solid #dedee2;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#68656d}.canvasToolbar span{color:#99959d}.canvasGrid{padding:35px}.canvasCard{width:min(900px,100%);margin:auto;background:#fff;border:1px solid #d9d8de;border-radius:8px;padding:8px;box-shadow:0 10px 30px #0000000b}.canvasCardTitle{height:28px;padding:0 4px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#77747c}.canvasCardTitle span{color:#aaa6ae}.codeOverlay{position:absolute;top:56px;right:0;bottom:0;left:0;background:#0003;z-index:50;display:flex;align-items:flex-end}.codePanel{width:100%;height:62%;background:#1c1b20;color:#e9e7eb;display:flex;flex-direction:column;box-shadow:0 -15px 40px #0003}.codeTop{height:43px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #36343a;padding:0 10px}.codeTop>div{display:flex;overflow:auto;flex:1}.codeTop button{padding:7px 10px;color:#aaa6ae;font-size:10px}.codeTop button.active{color:#fff;border-bottom:2px solid #a998f4}.codeTop>button:last-child{font-size:18px}.codePanel textarea{flex:1;resize:none;background:#151418;color:#e1dee4;border:0;outline:0;padding:15px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.codeBottom{height:44px;border-top:1px solid #35333a;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:9px;color:#99959d}.publishedFrame{width:100%;height:100%;border:0;background:#fff}.publishedState{height:100%;display:grid;place-items:center;background:#f7f7f8;color:#77747d;font-size:13px}.topMenu{position:absolute;right:45px;top:45px;z-index:30;background:#fff;border:1px solid #dedee2;border-radius:8px;box-shadow:0 10px 30px #0002;padding:6px;width:150px}.topMenu button{display:block;width:100%;padding:8px;text-align:left;border-radius:5px;font-size:10px}.topMenu button:hover{background:#f4f3f6}@media(max-width:850px){.editorBody{grid-template-columns:1fr}.aiPanel{position:fixed;left:0;top:56px;bottom:0;width:min(355px,92vw);z-index:40;box-shadow:15px 0 35px #0002;transform:translate(-105%);transition:transform .22s ease}.aiPanel.mobileOpen{transform:translate(0)}.appPreview{grid-column:1}.editorNav{display:none}.editorTop{grid-template-columns:1fr auto}.mobileAiToggle{display:inline-flex;width:30px;height:30px;border-radius:6px;align-items:center;justify-content:center;color:#6a4dcc;background:#f1effa;font-size:13px}.editorLeft{gap:4px}.editorRight .saveLabel{display:none}.editorRight{gap:3px}.publishBtn{padding:8px 11px}.previewArea{padding:15px}.previewFrame{height:calc(100vh - 116px);width:min(100%,1080px)}.previewFrame.tablet{width:min(768px,100%)}.previewFrame.mobile{width:min(390px,100%)}.appGrid{grid-template-columns:repeat(2,1fr)}.workspace{padding:38px 18px}}@media(max-width:560px){.homeNav{display:none}.homeTop{padding:0 14px}.baseLogo{font-size:17px}.homeActions .credits{display:none}.workspaceHead{display:block}.workspaceHead h1{font-size:31px}.create{margin-top:20px;width:100%}.appGrid{grid-template-columns:1fr}.previewHeader{height:44px;padding:0 8px}.previewControls button{width:30px}.previewTitle{max-width:45vw}.previewArea{padding:8px}.previewFrame{height:calc(100vh - 108px);border-radius:6px}.previewFrame.desktop,.previewFrame.tablet{width:100%}.previewFrame.mobile{width:100%;max-width:390px}.aiPanel{width:min(92vw,355px)}.aiHeader{padding:0 12px}.mobileClose{display:inline-flex!important;width:28px;height:28px;border-radius:6px;align-items:center;justify-content:center;font-size:19px;color:#77747d}.composer{padding-bottom:max(13px,env(safe-area-inset-bottom))}.composer textarea{height:68px;font-size:12px}.composerRow button{min-width:32px;height:30px}.editorTop{height:56px;padding:0 7px}.appName{max-width:145px}.back{width:27px}.editorRight .userDot{width:28px;height:28px}.publishBtn{padding:8px 10px}.codeOverlay{top:56px;right:0;bottom:0;left:0}.codePanel{height:78%}.codeTop{overflow:hidden}.codeTop>div{overflow-x:auto}.codePanel textarea{font-size:11px;padding:12px}.dashboardPreview{height:calc(100vh - 116px);grid-template-columns:1fr}.dashSide{display:none}.dashMain{padding:20px}.dashCards{grid-template-columns:1fr}.canvasGrid{padding:15px}}:root{color:#ececf1;background:#111114}.authPage,.homePage,.baseEditor{background:#111114;color:#ececf1}.authTop,.homeTop,.editorTop,.aiPanel,.previewHeader,.secondary,.createCard,.appCard,.pageMenu,.topMenu,.dashboardPreview,.canvasCard{background:#18181c;color:#ececf1;border-color:#2d2d34}.baseLogo{color:#f4f4f7}.baseLogo .logoMark{color:#9a84ff}.homeNav,.workspaceHead p,.eyebrow,.saveLabel,.aiHeader small,.welcome p,.message.system,.composerRow,.previewTitle,.dashSide,.dashCards span,.dashboardPanel p,.dashList span,.dashStats span,.canvasToolbar,.canvasCardTitle span,.codeBottom{color:#9898a3}.homeTop,.authTop,.editorTop,.aiHeader,.composer,.previewHeader,.codeTop,.codeBottom{border-color:#2d2d34}.homePage,.workspace{background:#111114}.createCard,.appCard,.authCard{box-shadow:0 8px 28px #0005}.createCard:hover,.appCard:hover{border-color:#4b465b;box-shadow:0 10px 30px #0007}.createCircle{border-color:#55545e;color:#aaa7b1}.appThumb{background:linear-gradient(135deg,#24212f,#2a2740);color:#a594ff}.userDot{background:#2a2440;color:#b7a8ff}.editorNav{background:#151519;border-color:#2d2d34}.editorNav button{color:#9996a2}.editorNav button.active{background:#29282e;color:#f3f2f5;box-shadow:0 1px 3px #0008}.back,.appName,.editorRight>button:not(.publishBtn),.previewTitle button,.previewControls button,.composerRow button,.aiHeader button{color:#aaa7b1}.back:hover,.editorRight>button:not(.publishBtn):hover,.previewTitle button:hover,.previewControls button:hover,.composerRow button:hover{background:#29282e}.appPreview{background:#101014}.previewArea{background:radial-gradient(circle at 50% 35%,#27272d 0,#17171b 55%,#111114)}.previewFrame{border-color:#3a3940;box-shadow:0 10px 35px #0009}.aiHeader,.composer,.chatScroll{background:#18181c}.welcomeIcon{background:#292440;color:#a594ff}.welcome h2{color:#f1f0f4}.promptChips button{background:#202025;border-color:#34343c;color:#b5b2bc}.promptChips button:hover{background:#29282f;border-color:#514b66}.message.ai>div>div:first-child{color:#d4d1d9}.message.user>div>div:first-child{color:#efedf2}.msgAvatar{background:#29292f;color:#b4b1ba}.message.user .msgAvatar{background:#302750;color:#b7a8ff}.composer textarea{background:#121216;border-color:#383840;color:#eceaf0}.composer textarea::placeholder{color:#77747e}.composer textarea:focus{border-color:#7560c7;box-shadow:0 0 0 3px #765bd426}.pageMenu button{color:#aaa7b0}.pageMenu button:hover,.pageMenu button.active{background:#2a2636;color:#b9aaff}.dashboardPanel{background:#18181c}.dashList,.dashStats span{border-color:#303038}.dashList button{border-color:#2b2b32}.dashList b,.dashStats b{color:#ecebf0}.dashboardPreview{background:#18181c}.dashSide{border-color:#2d2d34}.dashSide b{color:#eeeef2}.dashSide .selected{background:#2a2638;color:#b9aaff}.dashMain h1{color:#f0eff3}.dashCards div{border-color:#303038;background:#1d1d22}.canvas{background-color:#121216;background-image:radial-gradient(#38373f 1px,transparent 1px)}.canvasToolbar{background:#18181c;border-color:#2d2d34}.codeOverlay{background:#0008}.topMenu button:hover{background:#29282e}.authCard h1{color:#f0eff3}.authCard p{color:#9898a3}.authCard input{background:#121216;border-color:#37373f;color:#eeeef2}.authCard input:focus{border-color:#7560c7;box-shadow:0 0 0 3px #765bd426}.authSwitch{color:#9898a3}.authSwitch button,.linkButton{color:#a594ff}.publishedState{background:#111114;color:#9898a3}.mobileAiToggle{background:#292440;color:#a594ff}