@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#27262d;background:#fbfaf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-size:14px;font-weight:400;--ink: #27262d;--muted: #85828d;--line: #eceaee;--soft: #f7f6f4;--purple: #6846ee;--purple-dark: #5435d5;--purple-wash: #f1edff;--green: #42a879}.workspace-action.publish-button:disabled{color:#a8a2b8;border-color:#ebe8f1;background:#f1eff5;cursor:not-allowed}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b7aaff;outline-offset:2px}.icon-button{display:inline-grid;place-items:center;color:#716e79;border:0;background:transparent;border-radius:8px;width:34px;height:34px;transition:background .18s,color .18s}.icon-button:hover{color:var(--ink);background:#f0eef1}.icon-button.tiny{width:25px;height:25px}.brand{display:inline-flex;align-items:center;gap:9px;color:#29272f;font:800 17px/1 Manrope,sans-serif;letter-spacing:-.8px;white-space:nowrap}.brand-mark{width:27px;height:27px;color:#fff;display:inline-grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#7f61ff,#6241e6);box-shadow:0 3px 7px #6846ee35}.brand-dot{color:var(--purple)}.brand-compact{gap:0}.brand-compact .brand-mark{width:29px;height:29px}.primary-button{color:#fff;border:none;border-radius:10px;background:var(--purple);font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,transform .2s}.primary-button:hover{background:var(--purple-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;transform:none}.spinner{width:16px;height:16px;border:2px solid #d9d2ff;border-top-color:var(--purple);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.spinner.light{border-color:#fff6;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(470px,.92fr);background:#fff}.auth-visual{position:relative;overflow:hidden;min-height:720px;display:flex;flex-direction:column;justify-content:space-between;padding:34px 46px 27px;color:#fff;background:#17151f;isolation:isolate}.auth-visual:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 55% 44%,#393052,#211d2d 39%,#17151f 77%)}.auth-visual:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.14;background-image:radial-gradient(#bdb0ff 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000 30%,transparent 90%)}.auth-visual-top{display:flex;align-items:center;justify-content:space-between}.auth-visual .brand{color:#fff}.auth-visual .brand-dot{color:#bdaeff}.beta-pill{color:#d1c6ff;font:700 9px Manrope,sans-serif;letter-spacing:1px;padding:5px 8px;border:1px solid #ffffff25;border-radius:999px;background:#ffffff0a}.auth-showcase{width:min(100%,550px);position:relative;margin:45px auto 58px}.showcase-caption{display:flex;gap:8px;align-items:center;font-size:11px;color:#c0bdca;margin:0 0 13px 9px;letter-spacing:.1px}.showcase-dot{width:7px;height:7px;border-radius:50%;background:#8a6eff;box-shadow:0 0 13px #8a6eff}.showcase-window{overflow:hidden;border:1px solid #ffffff34;border-radius:13px;background:#fff;box-shadow:0 25px 100px #05040969,0 3px 10px #0004;transform:rotate(-1.2deg)}.showcase-bar{height:32px;padding:0 11px;display:flex;align-items:center;gap:5px;color:#9895a0;background:#f7f6f9;border-bottom:1px solid #eeecf0}.showcase-bar>span{width:6px;height:6px;border-radius:50%;background:#d4d0dc}.showcase-bar>i{font:9px DM Sans;font-style:normal;padding:4px 24px;margin:0 auto;border-radius:5px;background:#fff;color:#92909a}.showcase-site{min-height:315px;padding:21px 27px 16px;color:#242325;font-family:DM Sans,sans-serif;background:radial-gradient(ellipse at 50% 70%,#f4eee1,#fffdfa 58%)}.showcase-nav{display:flex;align-items:center;justify-content:space-between;font-size:9px}.showcase-nav b{font:800 16px Manrope,sans-serif;letter-spacing:-1px}.showcase-nav b span{color:#9b765a}.showcase-nav div{display:flex;gap:16px;color:#67636a}.showcase-nav div i{font-style:normal}.showcase-nav button{font-size:8px;padding:7px 9px;border:0;border-radius:4px;background:#252326;color:#fff}.showcase-hero{padding:52px 14px 36px}.showcase-hero>span{display:block;color:#997c5f;font-size:7px;font-weight:700;letter-spacing:1.5px;margin-bottom:11px}.showcase-hero strong{display:block;font:600 43px/.94 Manrope,sans-serif;letter-spacing:-2.9px}.showcase-hero em{color:#8a6b4e;font-style:normal}.showcase-hero p{font-size:9px;margin:12px 0 15px;color:#65616a}.showcase-hero button{padding:9px 11px;border:0;border-radius:4px;background:#28262a;color:#fff;font-size:8px}.showcase-hero button span{margin-left:12px;color:#dbc1a7}.showcase-bottom{display:flex;justify-content:space-between;border-top:1px solid #ded9d3;padding:10px 14px 0;font-size:7px;color:#79736c}.showcase-float{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;background:#fff;color:#55515c;box-shadow:0 10px 35px #0003;font-size:10px;font-weight:600}.showcase-float svg:last-child{color:#43a779}.float-code{right:-19px;bottom:34px}.float-ai{left:-20px;top:76px;padding:9px 12px}.mini-spark{color:#6846ee;display:grid;place-items:center}.auth-orbit{position:absolute;z-index:-1;border:1px solid #9b8adb19;border-radius:50%}.orbit-one{width:720px;height:720px;top:15%;left:3%}.orbit-two{width:900px;height:900px;top:7%;left:-10%}.auth-footer{display:flex;justify-content:space-between;font-size:10px;color:#a09caa}.auth-form-side{display:grid;place-items:center;padding:48px}.auth-card{width:min(100%,380px)}.auth-heading{margin-bottom:28px}.auth-kicker{display:block;color:#8b7bc1;font:700 9px Manrope,sans-serif;letter-spacing:1.45px;margin-bottom:11px}.auth-heading h1{margin:0 0 8px;color:#29272f;font:700 27px/1.22 Manrope,sans-serif;letter-spacing:-.85px}.auth-heading p{color:#807d87;margin:0;font-size:13px}.google-button{width:100%;height:45px;border:1px solid #e5e3e8;border-radius:9px;background:#fff;display:flex;justify-content:center;align-items:center;gap:11px;color:#393740;font-weight:600;transition:background .2s,border-color .2s}.google-button:hover{border-color:#cbc7d2;background:#fbfafc}.google-button:disabled{opacity:.65}.google-glyph{width:17px;height:17px}.auth-divider{display:flex;align-items:center;gap:11px;margin:19px 0;color:#9d9aa4;font-size:10px}.auth-divider span{height:1px;flex:1;background:#eeecf0}.auth-fields{display:grid;gap:15px}.auth-fields label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#4d4a55}.auth-fields input{width:100%;height:42px;border:1px solid #e7e5ea;border-radius:8px;padding:0 12px;font-size:12px;color:#302e37;background:#fff;outline:none}.auth-fields input::placeholder{color:#aaa7b0}.auth-fields input:focus{border-color:#9e8af7;box-shadow:0 0 0 3px #6846ee12}.auth-submit{width:100%;height:43px;margin-top:5px;font-size:12px}.auth-switch{text-align:center;color:#85818c;font-size:11px;margin:21px 0 0}.auth-switch button{border:0;background:none;color:var(--purple);font-weight:700;padding:0 2px}.auth-privacy{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:38px;color:#9b98a1;font-size:10px}.auth-privacy svg{color:#6eae8a}.auth-error{padding:10px 11px;color:#a53e4b;background:#fff1f1;border:1px solid #f5d9db;border-radius:7px;font-size:11px;line-height:1.45}.auth-mobile-brand{display:none}.app-layout{min-height:100vh;display:flex;background:#fbfaf8}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:248px;padding:22px 14px 12px;display:flex;flex-direction:column;background:#fff;border-right:1px solid #eeecf0}.sidebar-brand-row{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 6px;margin-bottom:24px}.sidebar-brand-row .brand{font-size:16px}.sidebar-collapse{width:28px;height:28px}.new-project-button{width:100%;display:flex;align-items:center;gap:9px;height:38px;padding:0 11px;border:1px solid #e9e6ee;border-radius:9px;color:#393640;background:#fff;font-weight:600;font-size:11px;box-shadow:0 1px 2px #00000008;transition:border .18s,background .18s}.new-project-button svg{color:var(--purple)}.new-project-button:hover{border-color:#d7cef7;background:#fbfaff}.new-project-button>span{display:flex;align-items:center;gap:3px;margin-left:auto;color:#a19eaa;font:10px Manrope;padding:3px 5px;border:1px solid #eeecf0;border-radius:5px}.side-nav{display:grid;gap:3px;padding:19px 0 15px;border-bottom:1px solid #f0eef1}.side-link{height:34px;width:100%;display:flex;gap:10px;align-items:center;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#77747f;font-size:11px;text-align:left}.side-link:hover{color:#37343d;background:#f8f7f8}.side-link.active{color:#4e3ab3;background:#f2efff;font-weight:600}.side-link.active svg{color:var(--purple)}.nav-count{margin-left:auto;padding:2px 6px;border-radius:5px;background:#f3f1f5;color:#8b8791;font:10px Manrope}.sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 4px 9px 9px;color:#a09da7;font:700 8px Manrope,sans-serif;letter-spacing:1.1px}.sidebar-search{height:31px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid #eeecf0;border-radius:7px;color:#a5a2ab;background:#fff}.sidebar-search:focus-within{border-color:#cfc6f4}.sidebar-search input{width:100%;border:0;outline:none;background:transparent;color:#44414b;font-size:10px}.sidebar-search input::placeholder{color:#aaa7af}.project-nav-list{padding-top:7px;display:grid;gap:2px;overflow:auto}.project-nav-item{display:flex;align-items:center;gap:8px;min-height:32px;width:100%;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#77747d;text-align:left;font-size:10px}.project-nav-item:hover,.project-nav-item.selected{color:#3a3740;background:#f7f6f8}.project-mini-icon{width:17px;height:17px;display:grid;place-items:center;border-radius:5px;background:#efeafd;flex:0 0 auto}.project-mini-icon span{width:7px;height:7px;border:1.5px solid #816de2;border-radius:2px}.mini-1{background:#fff2e8}.mini-1 span{border-color:#dd8c58;border-radius:50%}.mini-2{background:#e9f5ef}.mini-2 span{border-color:#51a57b;transform:rotate(45deg)}.mini-3{background:#eaf1fc}.mini-3 span{border-color:#628ecb;border-radius:1px 5px}.project-nav-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-empty{padding:11px 8px;color:#aaa7af;font-size:10px;line-height:1.5}.sidebar-bottom{margin-top:auto;padding-top:13px;border-top:1px solid #f0eef1}.external-mini{margin-left:auto;opacity:.6}.account-wrap{position:relative;margin-top:10px}.account-card{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:7px;border:0;background:transparent;border-radius:9px;color:#8b8791}.account-card:hover{background:#f8f7f8}.avatar{display:inline-grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#e5ddff,#c7b8fb);color:#5942b5;font:700 11px Manrope}.account-copy{display:grid;gap:3px;flex:1;min-width:0}.account-copy b{color:#4b4852;font-size:10px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-copy small{color:#a09da6;font-size:9px}.account-menu{position:absolute;z-index:4;left:0;right:0;bottom:51px;background:#fff;border:1px solid #ebe9ee;border-radius:9px;box-shadow:0 8px 30px #2821371a;padding:7px}.account-menu-email{padding:7px 8px;color:#93909a;font-size:9px;overflow:hidden;text-overflow:ellipsis}.account-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 8px;border:0;border-radius:6px;color:#655f6e;background:#fff;font-size:10px;text-align:left}.account-menu button:hover{background:#f7f5f9}.home-main{width:calc(100% - 248px);margin-left:248px;min-height:100vh}.home-topbar{height:61px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeecf0;background:#fff}.breadcrumb{display:flex;align-items:center;gap:7px;color:#706d78;font-size:11px}.breadcrumb svg{color:#a6a3ad}.topbar-actions{display:flex;align-items:center;gap:13px}.install-button{display:inline-flex;align-items:center;gap:7px;height:30px;border:1px solid #e7e3ef;border-radius:7px;padding:0 10px;background:#fff;color:#6752c2;font-size:10px;font-weight:600}.install-button:hover{background:#f8f6ff}.notification-button{position:relative}.notification-button i{position:absolute;width:5px;height:5px;border-radius:50%;background:#8d71fa;top:7px;right:7px;border:1px solid white}.top-avatar{width:27px;height:27px}.home-content{width:min(100%,1170px);margin:0 auto;padding:27px clamp(24px,4.7vw,68px) 18px}.welcome-banner{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#f5f2ff;border:1px solid #eae4ff;border-radius:9px;color:#5c47b4}.welcome-banner>div{display:flex;align-items:center;gap:10px}.welcome-spark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:var(--purple)}.welcome-banner b{display:block;font-size:10px;font-weight:700;color:#4c3a99}.welcome-banner small{display:block;margin-top:3px;color:#776aa7;font-size:9px}.welcome-banner>button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#8779b5}.welcome-banner>button:hover{background:#ece6ff}.hero-create{text-align:center;padding:clamp(34px,5.1vh,59px) 0 30px}.hero-eyebrow{display:flex;justify-content:center;align-items:center;gap:11px;color:#8a79cb;font:700 8px Manrope,sans-serif;letter-spacing:1.45px}.eyebrow-line{width:24px;height:1px;background:#d7cffa}.hero-create h1{margin:16px 0 9px;color:#2b2931;font:700 clamp(29px,3.1vw,38px)/1.17 Manrope,sans-serif;letter-spacing:-1.9px}.hero-subtitle{margin:0 0 23px;color:#8c8993;font-size:12px}.prompt-card{max-width:660px;margin:0 auto;padding:14px 14px 10px 17px;border:1px solid #e5e1ea;border-radius:13px;background:#fff;box-shadow:0 6px 25px #2620300b,0 1px 2px #26203005;text-align:left;transition:border-color .2s,box-shadow .2s}.prompt-card:focus-within{border-color:#c5b8fa;box-shadow:0 0 0 3px #6846ee0c,0 7px 24px #2620300d}.prompt-card textarea{width:100%;min-height:72px;resize:vertical;border:0;outline:none;color:#37343d;background:transparent;font-size:12px;line-height:1.55}.prompt-card textarea::placeholder{color:#aaa7b0}.prompt-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.prompt-controls{display:flex;align-items:center;gap:12px;min-width:0}.model-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid #efedf1;border-radius:6px;background:#fff;color:#77737f;font-size:9px;white-space:nowrap}.model-pill:hover{background:#faf9fb}.model-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(140deg,#a38dff,#6648e3);box-shadow:0 0 0 3px #f2efff}.prompt-hint{color:#aaa7b0;font-size:8px;white-space:nowrap}.prompt-hint kbd{padding:2px 4px;border:1px solid #ece9ef;border-radius:3px;background:#faf9fb;color:#8d8994;font:8px DM Sans}.send-button{height:31px;display:flex;align-items:center;gap:10px;padding:0 11px;border:0;border-radius:7px;color:#fff;background:var(--purple);font-size:10px;font-weight:600;white-space:nowrap}.send-button:hover:not(:disabled){background:var(--purple-dark)}.send-button:disabled{background:#c9c1e9}.suggestion-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px;color:#a5a2ab;font-size:9px}.suggestion-row>span{margin-right:2px}.suggestion-row button{padding:5px 9px;border:1px solid #eeecf0;border-radius:999px;background:transparent;color:#7e7a85;font-size:9px}.suggestion-row button:hover{color:#654bc9;background:#f7f4ff;border-color:#e1d9ff}.projects-section{padding-top:20px;border-top:1px solid #eeecf0}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title-row h2{margin:0;font:700 15px Manrope,sans-serif;letter-spacing:-.35px}.section-title-row p{margin:4px 0 0;color:#96939d;font-size:10px}.project-tools{display:flex;align-items:center;gap:8px}.project-search{width:139px;height:30px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid #eceaee;border-radius:7px;background:#fff;color:#aaa7b0}.project-search:focus-within{border-color:#c5b8fa}.project-search input{width:100%;border:0;outline:none;font-size:10px;background:transparent;color:#494650}.project-search input::placeholder{color:#aaa7b0}.new-small-button{height:30px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #e9e6ee;border-radius:7px;background:#fff;color:#5d4db0;font-size:10px;font-weight:600}.new-small-button:hover{background:#f8f6ff}.empty-projects{min-height:137px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#9996a0;text-align:center;border:1px dashed #e5e2e9;border-radius:10px;background:#fffdfa}.empty-projects b{color:#6f6b75;font-size:10px;font-weight:600}.empty-projects>span{font-size:9px}.empty-icon{display:grid;place-items:center;width:35px;height:35px;margin-bottom:2px;border-radius:10px;color:#7b63da;background:#f1edff}.compact-empty{min-height:80px;font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.project-card{min-width:0;padding:0;border:0;border-radius:10px;text-align:left;color:inherit;background:transparent}.project-thumbnail{position:relative;height:119px;display:grid;place-items:center;overflow:hidden;border:1px solid #ece9ee;border-radius:9px;background:linear-gradient(135deg,#eae5ff,#faf7ff);transition:transform .2s,box-shadow .2s}.project-card:hover .project-thumbnail{transform:translateY(-2px);box-shadow:0 7px 17px #25203212}.thumb-1{background:linear-gradient(135deg,#f9e8dc,#fff8f0)}.thumb-2{background:linear-gradient(135deg,#dff1e7,#f5fbf7)}.thumb-3{background:linear-gradient(135deg,#dceafa,#f7f9ff)}.project-card-menu{position:absolute;top:7px;right:7px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #ffffff6b;border-radius:6px;background:#ffffffd9;color:#716d77;opacity:0;transition:opacity .2s}.project-card:hover .project-card-menu{opacity:1}.thumb-browser{width:58%;height:77px;overflow:hidden;border:1px solid #ffffffa0;border-radius:6px;background:#fff;box-shadow:0 7px 18px #33254a15;transform:rotate(-2deg)}.thumb-browser-bar{height:13px;display:flex;gap:3px;align-items:center;padding:0 5px;background:#f5f4f7}.thumb-browser-bar i{width:3px;height:3px;border-radius:50%;background:#d5d2dc}.thumb-browser-art{height:64px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;background:linear-gradient(140deg,#f8f3ff,#fff7ef)}.thumb-browser-art span{width:34%;height:3px;border-radius:3px;background:#cabcf4}.thumb-browser-art b{width:58%;height:7px;border-radius:3px;background:#3e3456}.thumb-browser-art i{width:26%;height:4px;border-radius:3px;background:#a394cf}.thumb-empty{color:#866ce3;opacity:.65}.project-card-info{display:flex;flex-direction:column;gap:5px;padding:9px 2px 0}.project-card-title{overflow:hidden;color:#48454f;font-size:10px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.project-card-date{color:#a19ea7;font-size:9px}.home-footer{display:flex;justify-content:space-between;align-items:center;padding-top:27px;color:#a3a0a9;font-size:9px}.footer-sep{color:#c5c1cc;margin:0 4px}.home-footer>span:last-child{display:flex;gap:13px}.home-footer button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#918e98;font-size:9px}.home-footer button:hover{color:#5d4db0}.editor-layout{background:#fbfaf8}.workspace-main{width:calc(100% - 248px);height:100vh;margin-left:248px;display:flex;flex-direction:column;min-width:0}.workspace-topbar{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px 0 17px;border-bottom:1px solid #ebe9ee;background:#fff}.workspace-breadcrumb,.workspace-actions{display:flex;align-items:center;gap:10px;min-width:0}.back-button{color:#7e7b85}.crumb-divider{color:#d2cfd6;font-size:12px}.workspace-breadcrumb>span:not(.crumb-divider):not(.save-status){color:#8c8993;font-size:10px;white-space:nowrap}.project-title-input{width:clamp(100px,15vw,220px);padding:5px 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:#3c3943;font-size:11px;font-weight:600;text-overflow:ellipsis}.project-title-input:hover,.project-title-input:focus{border-color:#e9e6ef;background:#fff;outline:none}.save-status{display:inline-flex;align-items:center;gap:5px;color:#9b98a1;font-size:9px;white-space:nowrap}.save-status>span,.code-save-label>span,.code-editor-state>i{width:5px;height:5px;border-radius:50%;background:#66ad86}.workspace-actions{gap:7px;flex:0 0 auto}.workspace-action{display:flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border:1px solid #e9e6ee;border-radius:7px;background:#fff;color:#696570;font-size:9px;font-weight:600;white-space:nowrap}.workspace-action:hover{background:#faf9fc}.workspace-action.publish-button{color:#fff;border-color:var(--purple);background:var(--purple)}.workspace-action.publish-button:hover{background:var(--purple-dark)}.editor-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,365px) minmax(0,1fr);gap:13px;padding:13px}.chat-panel{display:flex;flex-direction:column;min-height:0;border:1px solid #ebe9ee;border-radius:10px;background:#fff;box-shadow:0 2px 6px #22202d05}.chat-panel-head{height:53px;display:flex;align-items:center;gap:9px;padding:0 12px;border-bottom:1px solid #f0eef2}.chat-assistant-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--purple);background:#f1edff}.chat-panel-head>div:nth-child(2){display:grid;gap:3px;flex:1}.chat-panel-head b{color:#4b4852;font-size:10px}.chat-panel-head span{display:flex;align-items:center;gap:5px;color:#a09da7;font-size:8px}.chat-panel-head span i{width:5px;height:5px;border-radius:50%;background:#69b887}.chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:16px 13px 10px}.chat-bubble{display:flex;gap:8px;max-width:100%}.chat-bubble.user{align-self:flex-end;max-width:90%}.message-mark{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#765fe0;background:#f2efff}.bubble-content{padding-top:1px;color:#67636e;font-size:10px;line-height:1.65;overflow-wrap:anywhere}.chat-bubble.user .bubble-content{padding:8px 10px;border-radius:9px 9px 2px;color:#514677;background:#f3efff}.bubble-content b{display:block;margin:1px 0 4px;color:#49464f;font-size:10px}.bubble-content p{margin:0}.message-time{display:block;margin-top:6px;color:#aaa7b0;font-size:8px}.first-message{display:flex;gap:8px}.chat-suggestion-list{display:grid;gap:6px;margin-top:11px}.chat-suggestion-list button{display:flex;align-items:center;gap:5px;width:fit-content;padding:6px 8px;border:1px solid #efedf2;border-radius:6px;background:#fff;color:#77717f;font-size:8px}.chat-suggestion-list button:hover{border-color:#d9cff9;color:#634bbf}.thinking-message{display:flex;gap:8px;color:#77737e}.thinking-message b{display:block;color:#5b5663;font-size:9px;font-weight:600}.thinking-message>div:last-child>span{display:flex;gap:3px;margin-top:6px}.thinking-message>div:last-child>span i{width:4px;height:4px;border-radius:50%;background:#9b89ee;animation:dotPulse 1s ease-in-out infinite}.thinking-message>div:last-child>span i:nth-child(2){animation-delay:.15s}.thinking-message>div:last-child>span i:nth-child(3){animation-delay:.3s}.pulse{animation:softPulse 1.8s ease-in-out infinite}@keyframes dotPulse{50%{transform:translateY(-3px);opacity:.45}}@keyframes softPulse{50%{background:#e4ddff}}.generation-error{padding:9px;color:#a34d58;background:#fff4f3;border:1px solid #f1ddda;border-radius:8px;font-size:9px;line-height:1.5}.generation-error button{display:block;margin-top:5px;padding:0;border:0;color:#8a4050;background:none;text-decoration:underline;font-size:9px}.chat-composer{margin:4px 10px 0;padding:9px;border:1px solid #e7e4eb;border-radius:9px;background:#fff}.chat-composer:focus-within{border-color:#c8bbfa;box-shadow:0 0 0 3px #6846ee0b}.chat-composer textarea{width:100%;resize:none;outline:none;border:0;color:#504d57;background:transparent;font-size:10px;line-height:1.5}.chat-composer textarea::placeholder{color:#aaa7b0}.chat-composer-bottom{display:flex;align-items:center;justify-content:space-between}.chat-composer-bottom>span{display:flex;align-items:center;gap:5px;color:#9a96a2;font-size:8px}.chat-composer-bottom>span svg{color:#8a74e1}.chat-composer-bottom>button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:7px;color:#fff;background:var(--purple)}.chat-composer-bottom>button:disabled{background:#d0c9e6}.chat-disclaimer{padding:8px 10px 10px;color:#aaa7b0;text-align:center;font-size:8px}.preview-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #ebe9ee;border-radius:10px;background:#f3f2f5;box-shadow:0 2px 6px #22202d05}.preview-toolbar{height:45px;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid #ebe9ee;background:#fff}.preview-tabs{height:100%;display:flex;align-items:center;gap:2px}.preview-tabs button{height:30px;display:flex;align-items:center;gap:6px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#8c8993;font-size:9px}.preview-tabs button.active{color:#5541b1;background:#f3f0ff;font-weight:600}.preview-url{display:flex;align-items:center;gap:6px;width:min(34%,210px);margin:0 auto;padding:5px 9px;border:1px solid #efedf1;border-radius:6px;background:#faf9fb;color:#96929d;font-size:8px}.preview-url span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-url svg:first-child{color:#75aa87}.device-switcher{display:flex;align-items:center;gap:1px;padding:2px;border:1px solid #efedf1;border-radius:6px;background:#faf9fb}.device-switcher button{width:25px;height:24px;display:grid;place-items:center;border:0;border-radius:4px;color:#9996a0;background:transparent}.device-switcher button.selected{color:#614cc1;background:#fff;box-shadow:0 1px 3px #241c3419}.refresh-button{flex:0 0 auto;transform:rotate(0)}.code-save-label{display:flex;align-items:center;gap:6px;margin-left:auto;color:#9996a0;font-size:9px}.preview-stage{position:relative;flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:22px 14px;background-color:#f5f4f6;background-image:radial-gradient(#d7d4dd .65px,transparent .65px);background-size:14px 14px}.device-frame{display:flex;flex-direction:column;width:100%;height:100%;max-width:1120px;min-height:420px;overflow:hidden;border:1px solid #e4e1e8;border-radius:8px;background:#fff;box-shadow:0 7px 24px #221b3215;transition:width .25s ease}.frame-tablet{width:min(780px,86%)}.frame-mobile{width:min(390px,90%);border-radius:16px;min-height:500px}.device-browser{height:27px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid #eee;background:#fff;color:#aaa7b0}.browser-dots{display:flex;gap:3px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#d8d5dc}.browser-address{display:flex;align-items:center;gap:4px;padding:3px 14px;border:1px solid #f0eef2;border-radius:4px;background:#faf9fb;font-size:7px}.browser-address svg{color:#71a887}.site-preview{width:100%;height:100%;flex:1;border:0;background:#fff}.preview-overlay{position:absolute;top:50%;left:50%;display:flex;align-items:center;flex-direction:column;gap:7px;width:240px;text-align:center;transform:translate(-50%,-43%);pointer-events:none}.preview-overlay-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:2px;border-radius:12px;color:#795ce2;background:#ebe6ff}.preview-overlay b{color:#55515d;font-size:10px}.preview-overlay>span{color:#98949f;font-size:8px;line-height:1.5}.code-view{flex:1;min-height:0;display:grid;grid-template-columns:170px minmax(0,1fr);background:#fff}.file-tree{padding:10px 7px;border-right:1px solid #eeecf0}.file-tree-heading{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 9px;color:#a19ea8;font:700 8px Manrope;letter-spacing:.9px}.file-tree>button{display:flex;align-items:center;gap:7px;width:100%;height:28px;padding:0 7px;border:0;border-radius:5px;color:#77737e;background:transparent;font-size:9px;text-align:left}.file-tree>button svg{color:#7a64d2;flex:0 0 auto}.file-tree>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree>button:hover,.file-tree>button.file-selected{color:#5643ae;background:#f3f0ff}.code-editor-area{display:flex;flex-direction:column;min-width:0;min-height:0}.code-file-tab{height:35px;flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid #eeecf0;color:#6e6977;font-size:9px}.code-file-tab>svg{color:#7c65d8}.code-editor-state{margin-left:auto;display:flex;align-items:center;gap:5px;color:#a19da7;font-size:8px}.code-textarea{flex:1;min-height:0;width:100%;resize:none;padding:14px;border:0;outline:none;color:#4b4752;background:#fff;font:10px/1.7 Cascadia Code,Consolas,monospace;tab-size:2;white-space:pre}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#211b2b69;backdrop-filter:blur(2px)}.confirm-modal{width:min(90vw,350px);padding:22px;border:1px solid #eeecf0;border-radius:12px;background:#fff;box-shadow:0 20px 65px #17131f35}.modal-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px}.modal-icon.danger{color:#b7535c;background:#fff1f1}.confirm-modal h3{margin:13px 0 7px;color:#37343d;font:700 15px Manrope}.confirm-modal p{margin:0;color:#827e89;font-size:10px;line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.secondary-button,.danger-button{height:32px;padding:0 11px;border:1px solid #e7e4ea;border-radius:7px;background:#fff;color:#6b6771;font-size:10px;font-weight:600}.danger-button{border-color:#b84e58;color:#fff;background:#b84e58}.danger-button:hover{background:#9d3f49}.loading-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:#fbfaf8}.loading-screen .brand{font-size:19px}.loading-route{position:fixed;z-index:30;inset:61px 0 0 248px;display:flex;justify-content:center;align-items:center;gap:10px;background:#fbfaf8;color:#716c7b;font-size:11px}.global-notice{position:fixed;z-index:60;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:80vw;padding:9px 11px;border:1px solid #ecd9dc;border-radius:8px;color:#8c454d;background:#fff7f7;box-shadow:0 4px 18px #2a162015;font-size:10px}.global-notice button{border:0;background:transparent;color:inherit}@media(max-width:1100px){.sidebar{width:215px}.home-main,.workspace-main{width:calc(100% - 215px);margin-left:215px}.sidebar{padding-left:11px;padding-right:11px}.editor-body{grid-template-columns:minmax(285px,320px) minmax(0,1fr);gap:9px;padding:9px}.workspace-topbar{padding-right:12px}.workspace-action{padding:0 7px}.home-content{padding-left:34px;padding-right:34px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side{min-height:100vh;padding:35px 24px;align-content:center}.auth-mobile-brand{display:block;position:absolute;top:25px;left:25px}.auth-card{margin-top:35px}.auth-privacy{margin-top:28px}.sidebar{width:62px;padding:18px 7px 10px;align-items:center}.sidebar-brand-row{padding:0;margin-bottom:22px}.sidebar-brand-row .brand:not(.brand-compact)>span:not(.brand-mark){display:none}.sidebar-brand-row .brand-mark{width:30px;height:30px}.sidebar-collapse,.new-project-button>span,.side-link:not(.active) span,.side-link:not(.active) .external-mini,.side-nav .side-link:not(:first-child),.sidebar-section-heading span,.sidebar-search,.project-nav-list,.sidebar-bottom .side-link,.account-copy,.account-card>svg{display:none}.new-project-button{width:38px;height:38px;justify-content:center;padding:0;font-size:0;gap:0}.new-project-button svg{width:18px;height:18px}.side-nav{width:100%;padding-top:14px}.side-link{justify-content:center;padding:0;gap:0;font-size:0}.side-link svg{width:18px;height:18px}.sidebar-section-heading{margin:15px 0 0}.sidebar-section-heading .tiny{display:grid}.sidebar-bottom{width:100%}.account-wrap{display:flex;justify-content:center}.account-card{justify-content:center;padding:4px}.home-main,.workspace-main{width:calc(100% - 62px);margin-left:62px}.editor-body{grid-template-columns:minmax(245px,42%) minmax(0,1fr)}.home-content{padding-left:22px;padding-right:22px}.workspace-breadcrumb>span:not(.crumb-divider):not(.save-status){display:none}.save-status,.workspace-action.subtle{display:none}}@media(max-width:620px){body{font-size:13px}.home-topbar{height:54px;padding:0 14px}.home-content{padding:16px 14px 18px}.welcome-banner{padding:8px}.welcome-banner small{max-width:230px;line-height:1.4}.hero-create{padding:34px 0 22px}.hero-create h1{font-size:28px;letter-spacing:-1.5px}.hero-subtitle{max-width:340px;margin:0 auto 20px;font-size:10px;line-height:1.55}.desktop-only{display:none}.prompt-card{padding:12px 11px 9px}.prompt-card textarea{min-height:75px;font-size:11px}.prompt-controls{gap:7px}.prompt-hint{display:none}.send-button{height:30px;padding:0 8px;gap:6px;font-size:9px}.suggestion-row{gap:6px}.suggestion-row>span{width:100%}.suggestion-row button{font-size:8px}.projects-section{padding-top:17px}.section-title-row{align-items:flex-start;gap:10px}.section-title-row h2{font-size:14px}.project-tools{gap:5px}.project-search{width:91px}.project-search input{min-width:0}.new-small-button{padding:0 6px}.project-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-thumbnail{height:93px}.home-footer{flex-direction:column;gap:10px;padding-top:20px}.home-footer>span:last-child{gap:14px}.home-footer>span:first-child{font-size:8px}.workspace-main{height:auto;min-height:100vh}.workspace-topbar{height:51px;min-height:51px;padding:0 8px;gap:4px}.workspace-breadcrumb{gap:5px;flex:1}.back-button{width:28px}.project-title-input{min-width:70px;width:100%;max-width:145px;font-size:9px}.workspace-actions{gap:3px}.workspace-action{height:27px;padding:0 7px;font-size:8px}.workspace-action.publish-button{gap:4px}.workspace-actions>.icon-button{width:27px}.editor-body{display:flex;flex-direction:column;padding:7px;gap:7px;min-height:calc(100vh - 51px)}.chat-panel{height:43vh;min-height:290px;order:2}.preview-panel{height:53vh;min-height:340px;order:1}.preview-toolbar{height:41px;gap:4px;padding:0 5px}.preview-tabs button{gap:4px;padding:0 6px;font-size:8px}.preview-url{width:auto;flex:1;max-width:130px;margin:0 3px;padding:5px 6px;font-size:7px}.device-switcher button{width:22px}.refresh-button{display:none}.preview-stage{padding:12px 8px}.device-frame,.frame-mobile{min-height:260px}.device-browser{height:23px}.code-view{grid-template-columns:102px minmax(0,1fr)}.file-tree{padding:8px 4px}.file-tree>button{padding:0 4px;gap:4px;font-size:8px}.file-tree>button svg{width:12px}.code-textarea{padding:10px;font-size:8px}.chat-panel-head{height:45px}.chat-messages{padding:12px 10px 8px}.chat-composer{margin:3px 8px 0}.chat-disclaimer{padding:6px}.loading-route{inset:54px 0 0 62px}.account-menu{left:45px;right:auto;bottom:0;width:205px}.global-notice{top:5px;max-width:90vw;font-size:9px}}