.builderComposer{flex-shrink:0;margin:12px 16px 16px;padding:12px;border:1px solid #465172;border-radius:14px;background:#151c2e;min-width:0}.builderPromptLabel{display:block;font-size:13px;color:#d9d1ef;margin-bottom:6px}.builderComposer textarea{display:block;width:100%;box-sizing:border-box;min-height:110px;max-height:260px;resize:vertical;border:0;background:transparent;color:#f5f1ff;font:inherit;line-height:1.5;padding:6px}.builderComposer textarea:focus-visible{outline:2px solid #b8a0ff;outline-offset:2px;border-radius:6px}.builderComposerTools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.builderComposerTools button,.builderComposerTools select{min-height:44px;border:1px solid #596383;border-radius:9px;background:#263047;color:#fff;padding:8px 10px;font:inherit;font-size:13px}.builderComposerTools button{display:flex;gap:6px;align-items:center;justify-content:center;cursor:pointer}.builderComposerTools .builderSend{margin-left:auto;background:#7c3aed;border-color:#9961ee}.builderComposerTools button[aria-pressed=true]{background:#713340;border-color:#f28c9b}.builderComposer button:disabled,.builderComposer select:disabled{opacity:.55;cursor:default}.builderComposer button:focus-visible,.builderComposer select:focus-visible{outline:2px solid #d0b9ff;outline-offset:2px}.builderAttachments{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px}.builderAttachments li{max-width:100%;display:flex;align-items:center;gap:6px;background:#30284d;border-radius:8px;padding:5px 7px}.builderAttachments span{font-size:12px;overflow-wrap:anywhere;min-width:0}.builderAttachments button{min-width:36px;min-height:36px;background:transparent;color:#fff;border:0;display:grid;place-items:center}.builderComposerHelp{font-size:11px;color:#bbc2d8;line-height:1.5;margin:10px 0 0}.builderComposerMessage{font-size:13px;line-height:1.5;color:#e3d7ff;margin:8px 0 0}@media(max-width:420px){.builderComposer{flex-shrink:0;margin:10px 10px 14px}.builderComposerTools select{max-width:145px}.builderComposerTools .builderSend{margin-left:0}}.customerDomainPanel{margin:16px;padding:24px;border:1px solid #554277;border-radius:16px;background:#171c2d;color:#eef0ff;overflow-wrap:anywhere}.customerDomainPanel h2{margin:0 0 12px;font-size:22px}.customerDomainPanel h3{margin:20px 0 10px;font-size:17px}.customerDomainPanel p{line-height:1.6;color:#c5c9de}.customerDomainPanel form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.customerDomainPanel form>label{flex-basis:100%}.customerDomainPanel label{display:block;font-size:14px;line-height:1.5;margin:12px 0}.customerDomainPanel input{display:block;width:100%;max-width:100%;min-width:0;padding:12px;margin-top:6px;border:1px solid #586079;border-radius:8px;background:#0d1221;color:#eef0ff;font:inherit}.customerDomainPanel form>input{flex:1 1 240px;margin:0}.customerDomainPanel button{min-height:44px;padding:10px 14px;margin:4px 8px 4px 0;border:1px solid #75609c;border-radius:8px;background:#392750;color:#faf5ff;font:inherit;cursor:pointer}.customerDomainPanel button:disabled{opacity:.6;cursor:wait}.customerDomainPanel button:focus-visible,.customerDomainPanel input:focus-visible{outline:2px solid #c4a4ff;outline-offset:3px}.customerDomainPanel ul{padding:0;list-style:none}.customerDomainPanel li{padding:16px 0;border-bottom:1px solid #343c55;line-height:1.7}.customerDomainPanel li strong{display:block}.customerDomainPanel [role=status]{padding:12px;background:#25223d;border-radius:8px}@media(max-width:600px){.customerDomainPanel{margin:8px;padding:16px}.customerDomainPanel form>button{width:100%;margin-right:0}}.customerDomainPanel input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0}.customerDomainPanel fieldset{width:100%;min-width:0;border:1px solid #586079;border-radius:8px;padding:16px}.customerDomainPanel a{color:#c4a4ff}.tbHome{background:#f8f6fc;color:#241e35;font:16px/1.6 Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.tbHome *{box-sizing:border-box}.tbHome a{color:inherit;text-decoration:none}.tbHome button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}.tbHome a:focus-visible,.tbHome button:focus-visible{outline:3px solid #8150dc;outline-offset:5px}.tbSkip{position:absolute;left:16px;top:-100px}.tbSkip:focus{top:10px;z-index:10;background:#fff;padding:12px}.tbNav{max-width:1240px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tbBrand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:23px;letter-spacing:-.8px}.tbBrand svg{color:#7945d8}.tbNavLinks{display:flex;gap:28px;font-size:14px}.tbSignIn{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700}.tbHero{max-width:1240px;margin:42px auto 90px;padding:28px 32px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.tbEyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#7852a7;display:inline-flex;gap:8px;align-items:center}.tbEyebrow>span{width:6px;height:6px;border-radius:50%;background:#8353d6}.tbHome h1{font-size:clamp(40px,4.7vw,66px);line-height:1.08;letter-spacing:-3px;margin:22px 0}.tbHome h1 em{font-style:normal;color:#7b44d2}.tbHeroCopy>p{max-width:470px;color:#70667f;font-size:18px}.tbActions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}.tbPrimary,.tbSecondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:9px;font-weight:700;font-size:14px}.tbHome .tbPrimary{background:#7945d8;color:#fff;box-shadow:0 8px 20px #7845d825}.tbSecondary{border:1px solid #d9d0e5;background:#fff}.tbHeroCopy>small{color:#887c96;font-size:12px}.tbDemo{border:1px solid #ded5eb;border-radius:18px;background:#fff;box-shadow:0 30px 80px #5c3c9820;transform:rotate(2deg);overflow:hidden}.tbDemoBar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:#95879f;font-size:11px;border-bottom:1px solid #eee7f5}.tbDemoBar>span:first-child{color:#d8cee3;letter-spacing:3px}.tbPrompt{margin:22px;padding:12px 16px;border:1px solid #e6dcf2;border-radius:10px;display:flex;gap:10px;align-items:center;color:#694094;background:#faf7ff}.tbPrompt p{margin:0;font-size:13px}.tbSample{margin:0 22px 20px;background:#eee7f5;padding:24px;border-radius:10px}.tbSampleTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.tbSampleTop b{font-family:Georgia,serif;font-size:18px}.tbSampleTop span{font-size:7px;letter-spacing:1px}.tbSample h2{font-family:Georgia,serif;font-size:32px;line-height:1.15;font-weight:400;margin:26px 0 10px}.tbSample p{font-size:11px;color:#7c6b8f}.tbAppointment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#fff;border-radius:8px;font-size:11px;margin-top:22px}.tbAppointment small{color:#91819e}.tbSampleButton{background:#453056;color:#fff;padding:8px;border-radius:5px;font-size:9px}.tbDemoFoot{display:flex;gap:8px;padding:0 22px 18px;color:#8b7c99;font-size:11px}.tbExamples,.tbSteps,.tbPricing{max-width:1240px;margin:0 auto;padding:60px 32px}.tbSectionHead{max-width:620px;margin-bottom:32px}.tbHome h2{font-size:34px;letter-spacing:-1.2px;line-height:1.2;margin:14px 0}.tbSectionHead p,.tbGrid p,.tbStepGrid p{color:#7b708a;font-size:14px}.tbGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tbGrid article{background:#fff;border:1px solid #e5dfec;border-radius:13px;padding:25px 22px}.tbCardNumber{font-size:12px;color:#a48aba;font-weight:700}.tbHome h3{font-size:18px;line-height:1.3;margin:20px 0 10px}.tbGrid article>a:not(.tbPrimary):not(.tbSecondary){display:flex;align-items:center;gap:8px;font-size:12px;color:#7747b7;margin-top:24px}.tbSteps{border-top:1px solid #e8e0ef;border-bottom:1px solid #e8e0ef}.tbStepGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.tbStepGrid svg{color:#7b44d2}.tbPricing .tbSectionHead{margin:0 auto 35px;text-align:center}.tbPrice{font-size:36px;font-weight:750;letter-spacing:-1px}.tbPrice small{font-size:12px;color:#8e819a;font-weight:400;letter-spacing:0}.tbPricing article>a{width:100%;padding:11px 8px;font-size:11px}.tbPricingNote{text-align:center;color:#8c7f96;font-size:12px;margin-top:25px}.tbPricingNote button{text-decoration:underline}.tbPriceFallback{text-align:center}.tbPriceFallback a{text-decoration:underline}.tbFinal{text-align:center;background:#eee7f9;padding:68px 24px;margin-top:40px}.tbFinal>svg{color:#8050d1}.tbFinal p{color:#83718f}.tbFooter{max-width:1240px;margin:auto;padding:40px 32px;display:flex;justify-content:space-between;align-items:start;gap:24px;flex-wrap:wrap}.tbFooter p,.tbFooter small{font-size:11px;color:#94859f}.tbFooterLinks{display:flex;gap:15px;flex-wrap:wrap;font-size:12px}.tbFooterLinks button{padding:0}@media(max-width:900px){.tbHero{gap:32px}.tbGrid{grid-template-columns:repeat(2,1fr)}.tbNavLinks{gap:14px}.tbHero h1{letter-spacing:-2px}.tbStepGrid{gap:24px}}@media(max-width:640px){.tbNav{padding:22px}.tbNavLinks{display:none}.tbHero{grid-template-columns:1fr;margin:14px auto 30px;padding:22px;gap:38px}.tbHero h1{font-size:43px}.tbDemo{transform:none}.tbExamples,.tbSteps,.tbPricing{padding:40px 22px}.tbGrid,.tbStepGrid{grid-template-columns:1fr}.tbHome h2{font-size:29px}.tbFooter{padding:30px 22px}.tbAppointment,.tbSampleTop{flex-wrap:wrap}}.tbHome main{display:block;background:transparent;flex:none}.tbHome .tbNav{margin-top:0}.tbHome .tbFooterLinks button{display:inline;color:inherit;background:none}.tbHeroPhoto{margin:0;border:1px solid #e1d8ed;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 22px 60px #5c3c9818}.tbHeroPhoto>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.tbHeroPhoto figcaption{padding:22px 24px}.tbPhotoLabel{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#79529e}.tbHeroPhoto strong{display:block;font-size:22px;line-height:1.3;margin-top:8px}.tbHeroPhoto p{font-size:13px;line-height:1.6;color:#655970;margin:9px 0 14px}.tbPhotoSteps{display:flex;flex-wrap:wrap;gap:8px}.tbPhotoSteps span{background:#f2ecfb;color:#64418c;padding:6px 10px;border-radius:7px;font-size:11px;font-weight:700}.tbReleaseScope{max-width:1176px;margin:30px auto 0;border:1px solid #e1d8ed;border-radius:14px;padding:26px 30px;background:#fff}.tbReleaseScope h2{font-size:24px}.tbReleaseScope p{font-size:14px;color:#655970;max-width:850px}@media(max-width:640px){.tbHeroPhoto figcaption{padding:20px}.tbReleaseScope{margin:24px 22px 0;padding:22px}.tbHeroPhoto strong{font-size:21px}}.domainOrderReturn{position:fixed;z-index:1400;top:80px;right:20px;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;background:#fff;color:#28163e;border:1px solid #dfd2ef;border-radius:18px;padding:24px;box-shadow:0 16px 60px #0005;font-family:Inter,system-ui,sans-serif}.domainOrderReturn h2{margin:0 30px 16px 0;font-size:24px}.domainOrderReturn p{line-height:1.6}.domainOrderReturn a{color:#7135ad}.domainOrderReturn dl{background:#f5f0fa;border-radius:12px;padding:16px}.domainOrderReturn dt{font-size:13px;color:#6c6078;margin-top:12px}.domainOrderReturn dt:first-child{margin-top:0}.domainOrderReturn dd{margin:4px 0 0;overflow-wrap:anywhere}.domainOrderClose{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#28163e;font-size:28px;width:40px;height:40px}.domainOrderReturn .domainOrderCheck{display:inline-block;border:0;border-radius:10px;background:#7135ad;color:#fff;padding:12px 16px;text-decoration:none;font-weight:700}.domainOrderHelp{font-size:13px;margin-bottom:0}@media(max-width:480px){.domainOrderReturn{top:72px;right:16px;padding:20px}}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0b1020;color:#e8ecf7}.app{display:flex;height:100vh;background:#0b1020}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}aside{width:252px;background:#12172a;color:#fff;padding:20px 16px;display:flex;flex-direction:column;border-right:1px solid #242c44}.brand{display:flex;align-items:center;gap:9px;font-size:21px;margin:5px 5px 24px}.new{display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;border:0;border-radius:10px;padding:11px 12px;font-weight:800;box-shadow:0 8px 24px #7c3aed25}nav{margin-top:20px;display:grid;gap:6px}nav button{display:flex;gap:10px;align-items:center;padding:10px;color:#aab3ca;background:transparent;border:0;border-radius:8px;text-align:left}.navActive{background:#1d2540!important;color:#fff!important}.sideList{margin-top:10px;display:grid;gap:6px;overflow:auto}.sideList>button{border:0;background:transparent;color:#aeb7cf;text-align:left;border-radius:8px;padding:9px 10px;display:grid;gap:3px}.sideList>button:hover{background:#1c2340;color:#fff}.sideList small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7f8aa8}.sideList p{font-size:12px;color:#74809c;padding:0 10px}.projectRow{display:flex;align-items:center;border-radius:9px;border:1px solid transparent}.projectRow:hover,.projectRow.itemActive{background:#1c2340;border-color:#2b3655}.projectPick{min-width:0;flex:1;border:0;background:transparent;color:#aeb7cf;text-align:left;padding:9px 8px;display:grid;gap:3px}.projectPick span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectRow.itemActive .projectPick{color:#fff}.projectActions{display:flex;gap:2px;padding-right:5px;opacity:.45}.projectRow:hover .projectActions,.projectRow.itemActive .projectActions{opacity:1}.projectActions button{border:0;background:transparent;color:#8f9ab5;border-radius:6px;width:27px;height:27px;display:grid;place-items:center}.projectActions button:hover{background:#2a3451;color:#fff}.usage{margin-top:auto;background:#1a2239;padding:13px;border:1px solid #2a3553;border-radius:10px;display:grid;gap:7px}.usage small{color:#9ca6bf}.usage div{height:5px;background:#303a57;border-radius:9px}.usage i{display:block;height:100%;background:#8b5cf6;border-radius:9px}main{flex:1;min-width:0;display:flex;flex-direction:column;background:#0f1525}header{height:64px;background:#101626;border-bottom:1px solid #242c44;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.projectMeta{display:flex;align-items:center;gap:10px}.projectMeta b{color:#f4f6fb}.projectMeta small{color:#7f8ba7;margin-left:7px}.menuBtn{display:none;background:transparent;border:0;color:#c6cde0}.headerActions{display:flex;align-items:center;gap:8px}.status{font-size:12px;color:#b8c1d6;background:#1b2338;border:1px solid #2c3754;padding:6px 9px;border-radius:999px}.accountBtn{max-width:220px;display:flex;align-items:center;gap:6px;background:#171f34;color:#c9d2e8;border:1px solid #2c3754;border-radius:9px;padding:8px 10px}.accountBtn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publish{display:flex;align-items:center;gap:7px;background:#7c3aed;color:#fff;border:0;border-radius:9px;padding:9px 14px;font-weight:700}.publishBar{background:#17213a;border-bottom:1px solid #2d3c60;color:#cbd5e1;padding:9px 16px;display:flex;align-items:center;gap:10px;font-size:13px}.publishBar a{color:#c4b5fd;font-weight:700}.publishBar button{border:1px solid #374563;background:#111827;color:#dbe3f5;border-radius:7px;padding:5px 8px}.workspace{display:grid;grid-template-columns:390px 1fr;min-height:0;flex:1}.chat{background:#111827;border-right:1px solid #242c44;display:flex;flex-direction:column;min-height:0}.chatTitle{padding:16px;border-bottom:1px solid #242c44;display:grid;gap:4px}.chatTitle>div{display:flex;align-items:center;gap:7px}.chatTitle small{color:#7f8ba7;font-size:12px}.messages{padding:16px;overflow:auto;flex:1}.msg{padding:11px 13px;border-radius:12px;margin-bottom:11px;line-height:1.45;font-size:14px}.msg.assistant{background:#1a2238;color:#dfe5f5;border:1px solid #29344f}.msg.user{background:linear-gradient(135deg,#3b2568,#4b2b7b);color:#fff;margin-left:35px}.suggestions{padding:0 12px 6px;display:flex;gap:7px;flex-wrap:wrap}.suggestions button{border:1px solid #303a58;background:#141b2d;color:#aeb8d0;border-radius:999px;padding:7px 10px;font-size:12px}.composer{margin:12px;border:1px solid #303a58;border-radius:12px;padding:8px;display:flex;align-items:flex-end;background:#141b2d}.composer textarea{border:0;outline:0;resize:none;flex:1;min-height:62px;padding:5px;background:transparent;color:#eef2ff}.composer textarea::placeholder{color:#69758f}.composer button{border:0;background:#7c3aed;color:#fff;width:38px;height:38px;border-radius:8px;display:grid;place-items:center}.stage{min-width:0;display:flex;flex-direction:column;background:#0d1321}.tabs{height:52px;background:#101626;border-bottom:1px solid #242c44;padding:7px 15px;display:flex;gap:4px;align-items:center}.tabs button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#9aa5bd;padding:7px 12px;border-radius:7px}.tabs .active{background:#1d2940;color:#fff}.stageLabel{margin-left:auto;color:#6f7b95;font-size:12px}.preview{padding:22px;flex:1;min-height:0}.browser{height:100%;min-height:450px;background:#fff;border:1px solid #2a344e;border-radius:14px;box-shadow:0 12px 34px #0003;overflow:hidden}.browserBar{height:42px;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:90px 1fr;align-items:center;padding:0 12px;background:#f8fafc}.dots{color:#b4bac5;letter-spacing:3px}.address{justify-self:center;background:#eef1f5;border-radius:7px;padding:6px 12px;font-size:12px;color:#7d8799;min-width:220px;text-align:center}.browser iframe{display:block;width:100%;height:calc(100% - 42px);min-height:408px;border:0;background:#fff}.code{margin:22px;background:#060a12;color:#cbd5e1;border:1px solid #222c42;border-radius:12px;padding:22px;flex:1;overflow:auto;white-space:pre-wrap}.filesWorkspace{display:grid;grid-template-columns:230px 1fr;flex:1;min-height:0}.fileTree{border-right:1px solid #242c44;background:#0f1627;padding:12px;overflow:auto}.fileTreeHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#dfe5f5;font-size:13px}.fileTreeHead button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2f3a58;background:#161f33;color:#cbd5e1;border-radius:7px}.fileTree>button{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#9da8bf;padding:9px 10px;border-radius:7px;text-align:left}.fileTree>button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fileTree>button:hover,.fileTree>button.fileActive{background:#1b2540;color:#fff}.fileEditor{display:flex;flex-direction:column;min-width:0}.fileEditorHead{height:46px;border-bottom:1px solid #242c44;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#b8c2d8;font-size:13px}.fileEditorHead button{display:flex;align-items:center;gap:6px;border:1px solid #374563;background:#17213a;color:#e4e9f4;border-radius:7px;padding:7px 10px}.fileEditor textarea{flex:1;min-height:0;width:100%;resize:none;border:0;outline:0;padding:18px;background:#070b13;color:#d9e2f1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;tab-size:2}.dataPanel{flex:1;min-height:0;padding:18px;overflow:auto}.dataToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dataToolbar>div{display:grid;gap:3px}.dataToolbar strong{font-size:16px}.dataToolbar small{color:#8390aa}.dataToolbar button{display:flex;align-items:center;gap:7px;border:1px solid #34415f;background:#17213a;color:#e7ebf5;border-radius:8px;padding:8px 11px}.dataNotice{border:1px solid #6f3030;background:#30191d;color:#fecaca;border-radius:10px;padding:11px 13px;margin-bottom:12px}.dataEmpty{min-height:260px;border:1px dashed #303a58;border-radius:14px;display:grid;place-items:center;align-content:center;gap:9px;color:#8f9ab5;text-align:center;padding:30px}.dataEmpty strong{color:#e6eaf3}.dataTableWrap{width:100%;max-width:100%;border:1px solid #27324c;border-radius:12px;overflow-x:auto;overflow-y:auto;background:#0a0f1b;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.dataTable{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.dataTable th{position:sticky;top:0;background:#131b2e;color:#9eabc3;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:11px 12px;border-bottom:1px solid #2a3550;z-index:2}.dataTable td{max-width:260px;padding:12px;border-bottom:1px solid #20293e;color:#dce3f1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dataTable th:first-child,.dataTable td:first-child{position:sticky;left:0;min-width:130px;z-index:3;background:#0f1728;box-shadow:1px 0 #27324c}.dataTable th:first-child{background:#131b2e;z-index:4}.dataTable tr:hover td{background:#111827}.dataTable tr:hover td:first-child{background:#141d30}.dataType{display:inline-flex;max-width:118px;padding:4px 8px;border-radius:999px;background:#251b43;color:#c4b5fd;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dataDelete{display:grid;place-items:center;width:30px;height:30px;border:1px solid #4a2d36;background:#25171c;color:#fca5a5;border-radius:7px}.dataDelete:hover{background:#3a1d25}.modalBackdrop,.mobileDrawerBackdrop{position:fixed;inset:0;background:#050816cc;z-index:100}.modalBackdrop{display:grid;place-items:center;padding:20px}.authModal{width:min(430px,100%);background:#111827;border:1px solid #303a58;border-radius:18px;padding:24px;box-shadow:0 30px 80px #0009}.authLogo{display:flex;align-items:center;gap:8px;color:#ddd6fe}.authModal h2{margin:18px 0 7px}.authModal>p{color:#94a3b8;margin:0 0 20px}.authModal label{display:grid;gap:7px;margin:12px 0;color:#cbd5e1;font-size:13px}.authModal input{width:100%;border:1px solid #34415f;border-radius:10px;background:#0d1321;color:#fff;padding:12px;outline:none}.authModal input:focus{border-color:#8b5cf6}.authMessage{background:#1b2440;border:1px solid #34415f;color:#dbe4f7;border-radius:9px;padding:10px;margin:12px 0;font-size:13px}.authPrimary{width:100%;border:0;background:#7c3aed;color:#fff;border-radius:10px;padding:12px;font-weight:800;margin-top:8px}.authSwitch{width:100%;border:0;background:transparent;color:#c4b5fd;padding:12px}.mobileDrawerBackdrop{display:none}.mobileDrawer{height:100%;width:min(86vw,360px);background:#111827;border-right:1px solid #2b3655;padding:16px;display:flex;flex-direction:column;box-shadow:20px 0 50px #0008}.drawerHead{display:flex;align-items:center;justify-content:space-between}.drawerHead .brand{margin:0}.drawerHead button{background:transparent;border:0;color:#dce3f4}.drawerNew{margin-top:18px}.drawerTabs{display:flex;gap:8px;margin:16px 0 10px}.drawerTabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:0;border-radius:8px;background:#161e31;color:#aeb7cf}.drawerList{display:grid;gap:6px;overflow:auto;min-height:0}.drawerList>button{border:0;background:transparent;color:#aeb7cf;text-align:left;border-radius:8px;padding:9px 10px;display:grid;gap:3px}.drawerList small{color:#7f8aa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawerList p{color:#7f8aa8;font-size:13px}.drawerStatus{margin-top:auto;padding:12px 4px 0;color:#8f9ab5;font-size:12px;border-top:1px solid #26304a}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){body{overflow:auto}.app{height:auto;min-height:100vh;display:block}aside{width:100%;height:58px;padding:8px 12px;display:flex;flex-direction:row;align-items:center;gap:10px;position:sticky;top:0;z-index:20}.brand{margin:0 auto 0 0;font-size:18px}.new{width:auto;padding:9px 12px}.new span{display:inline}nav,.sideList,.usage{display:none}main{display:block}header{height:58px;padding:0 10px;position:sticky;top:58px;z-index:19}.menuBtn{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2d3856;border-radius:8px}.projectMeta small,.status,.accountBtn span,.accountBtn svg:last-child{display:none}.accountBtn{padding:8px}.publish{padding:8px 10px}.publishBar{flex-wrap:wrap}.workspace{display:flex;flex-direction:column}.chat{display:flex;border-right:0;border-bottom:1px solid #242c44;min-height:410px;max-height:none}.chatTitle{padding:12px 14px}.messages{min-height:150px;padding:12px;max-height:260px}.suggestions{padding:0 10px 5px}.composer{margin:10px;position:sticky;bottom:0}.composer textarea{min-height:58px;font-size:16px}.stage{min-height:560px}.tabs{position:sticky;top:116px;z-index:10;overflow-x:auto;scrollbar-width:thin}.tabs button{flex:0 0 auto}.preview{padding:10px}.browser{min-height:500px}.browser iframe{min-height:458px}.address{min-width:120px}.code{margin:10px;min-height:500px}.msg.user{margin-left:20px}.stageLabel{display:none}.mobileDrawerBackdrop{display:block}.filesWorkspace{grid-template-columns:1fr;min-height:520px}.fileTree{border-right:0;border-bottom:1px solid #242c44;max-height:170px}.fileEditor{min-height:350px}.fileEditor textarea{min-height:310px}.dataPanel{padding:10px;overflow:visible}.dataToolbar{align-items:flex-start;flex-wrap:wrap}.dataToolbar>div:first-child{min-width:0;flex:1 1 180px}.dataToolbar>div:last-child{width:100%;justify-content:flex-start!important}.dataTableWrap{border-radius:9px;max-width:calc(100vw - 20px)}.dataTable th,.dataTable td{padding:10px}.dataTable th:first-child,.dataTable td:first-child{min-width:112px}.dataType{max-width:100px}}@media(max-width:480px){.brand b{font-size:16px}.new{padding:8px 10px}.new span,.publish{font-size:13px}.preview{padding:8px}.browserBar{grid-template-columns:55px 1fr;padding:0 8px}.dots{font-size:10px}.address{min-width:100px;padding:5px 7px}.composer textarea{min-height:64px}.suggestions{overflow-x:auto;flex-wrap:nowrap}.suggestions button{white-space:nowrap}.projectMeta b{font-size:14px;max-width:115px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.headerActions{gap:5px}.tabs button{white-space:nowrap}.dataToolbar button{padding:7px 9px}.dataTableWrap{max-width:calc(100vw - 20px)}.dataTable th:first-child,.dataTable td:first-child{min-width:104px}.dataType{max-width:92px}}.modalBackdrop{z-index:1600;overflow-y:auto;overscroll-behavior:contain}.authModal{max-height:calc(100dvh - 40px);overflow-y:auto;overflow-x:hidden}.authModal input[type=checkbox]{width:auto;flex:0 0 auto;margin:2px 0 0}@media(max-width:480px){.modalBackdrop{padding:10px}.authModal{width:100%;max-height:calc(100dvh - 20px);padding:18px}.authModal label,.authModal input[type=email],.authModal input[type=password]{min-width:0}}#workspace-actions{display:contents}@media(max-width:900px){#workspace-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;background:#101626;border-bottom:1px solid #242c44}#workspace-actions:empty{display:none}#workspace-actions>.workspace-action{position:static!important;height:auto!important;min-height:42px;max-width:100%;margin:0;box-shadow:none!important;z-index:auto!important}.workspace-legal{position:static!important;max-width:100%!important;width:100%;padding:14px;gap:10px!important;background:#101626;border-top:1px solid #242c44;line-height:1.5}.workspace-legal span{display:block;flex-basis:100%;overflow-wrap:anywhere}.composer textarea{min-width:0}}