:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090a0f;--chrome:#101116;--chrome2:#17181f;--line:#292b34;--text:#f4f5f8;--muted:#858b98;--accent:#8b7cff;--pink:#ff4668}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}.browserShell{background:#090a0f;grid-template-rows:51px 57px 1fr;height:100%;display:grid}.browserTop{background:linear-gradient(#17181f,#111217);border-bottom:1px solid #292b34;align-items:center;gap:10px;padding:7px 10px;display:flex}.traffic{flex:none;justify-content:center;gap:7px;width:57px;display:flex}.traffic i{background:#3c3e47;border-radius:50%;width:10px;height:10px}.traffic i:first-child{background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:last-child{background:#28c840}.tabsRail{flex:1;align-items:center;gap:5px;height:37px;display:flex;overflow:hidden}.browserTab{color:#858b96;background:#15161c;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;min-width:170px;max-width:280px;height:37px;padding:0 10px 0 15px;font-size:11px;transition:all .18s;display:flex}.browserTab:hover{background:#1d1e25}.browserTab.active{color:#fff;background:#252730;border-color:#363944;position:relative;box-shadow:0 4px 18px #0005}.browserTab.active:after{content:"";background:var(--pink);height:2px;position:absolute;bottom:-8px;left:20px;right:20px;box-shadow:0 0 12px #ff466877}.browserTab span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.browserTab button,.addTab,.topMenu{background:0 0;border:0}.browserTab button{color:#858b96;border-radius:7px;width:24px;height:24px}.browserTab button:hover{color:#fff;background:#343640}.addTab{color:#9ca1ad;border-radius:9px;width:34px;height:34px;font-size:17px}.addTab:hover,.topMenu:hover{background:#272932}.topMenu{color:#b0b5c0;border-radius:9px;flex:none;width:35px;height:35px;font-size:16px}.browserBar{background:#101116;border-bottom:1px solid #282a31;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 13px;display:grid}.navControls,.barControls{gap:2px;display:flex}.navControls button,.barControls button{color:#9ba1ad;background:0 0;border:0;border-radius:9px;width:34px;height:34px;font-size:19px}.navControls button:hover:not(:disabled),.barControls button:hover{color:#fff;background:#272932}.navControls button:disabled{opacity:.25}.addressBar{background:#1c1d24;border:1px solid #373943;border-radius:21px;align-items:center;gap:10px;height:39px;padding:0 13px;transition:all .18s;display:flex;box-shadow:inset 0 1px #ffffff09}.addressBar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.addressBar span{color:#8c93a0}.addressBar input{color:#f4f5f8;text-align:center;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.addressBar input::placeholder{color:#727885}.addressBar i{letter-spacing:.13em;color:#69dba8;font:500 8px DM Mono,monospace}.browserContent{background:#f4f5f7;min-height:0;position:relative;overflow:auto}.siteFrame{background:#fff;border:0;width:100%;height:100%;display:block}.homePage{background:radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 25%),linear-gradient(140deg,#f9fafb 0%,#edf0f4 100%);color:#15171d;min-height:100%;padding:28px clamp(20px,7vw,112px) 38px}.homeTop{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;display:flex}.homeBrand{align-items:center;gap:10px;display:flex}.homeBrand>span{color:#fff;background:#15171d;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.homeBrand b{letter-spacing:-.02em;font-size:13px;display:block}.homeBrand small{letter-spacing:.18em;color:#8b919b;margin-top:2px;font:500 8px DM Mono;display:block}.homeStatus{letter-spacing:.13em;color:#777e89;text-transform:uppercase;font:500 9px DM Mono}.homeStatus i{background:#42d29c;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #42d29c}.homeHero{max-width:1180px;margin:clamp(58px,8vw,105px) auto 44px}.heroKicker,.pageKicker,.kicker{letter-spacing:.2em;color:#7c838e;font:700 9px DM Mono}.homeHero h1{letter-spacing:-.085em;margin:12px 0 18px;font-size:clamp(52px,7.8vw,96px);font-weight:800;line-height:.88}.homeHero h1 em{color:#737985;font-style:normal}.homeHero p{color:#777e89;max-width:560px;font-size:13px;line-height:1.6}.homeHero form{background:#fff;border:1px solid #d3d7dd;border-radius:17px;align-items:center;gap:10px;max-width:900px;height:58px;margin-top:25px;padding:6px 7px 6px 18px;display:flex;box-shadow:0 15px 40px #1118270c}.homeHero form span{color:#69717c;font-size:20px}.homeHero input{color:#15171d;background:0 0;border:0;outline:0;flex:1;font-size:13px}.homeHero form button{color:#fff;background:#15171d;border:0;border-radius:12px;width:44px;height:44px;font-size:17px}.homeModules{grid-template-columns:1.25fr 1fr 1fr;gap:10px;max-width:1180px;margin:auto;display:grid}.homeModule{color:#15171d;text-align:left;background:#fff;border:1px solid #d4d7dd;border-radius:16px;min-height:170px;padding:19px;transition:all .2s;position:relative;box-shadow:0 9px 28px #1118270a}.homeModule:hover{transform:translateY(-3px);box-shadow:0 18px 38px #11182715}.homeModule.featured{color:#fff;background:#17181f;border-color:#17181f}.moduleTop{letter-spacing:.16em;color:#747b86;align-items:center;gap:9px;font:700 8px DM Mono;display:flex}.featured .moduleTop{color:#aeb3bf}.moduleGlyph{color:#555d68;background:#eef0f3;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.featured .moduleGlyph{color:#fff;background:#2a2c35}.homeModule h2{letter-spacing:-.04em;margin:27px 0 6px;font-size:20px}.homeModule p{color:#777e89;max-width:220px;margin:0;font-size:11px;line-height:1.45}.featured p{color:#a6acb7}.moduleArrow{position:absolute;bottom:15px;right:17px}.homeSites{max-width:1180px;margin:48px auto 0}.sectionHeader{justify-content:space-between;align-items:end;margin-bottom:11px;display:flex}.sectionHeader span{letter-spacing:.18em;color:#878e99;font:700 8px DM Mono}.sectionHeader h2{letter-spacing:-.05em;margin:5px 0 0;font-size:25px}.sectionHeader>b{color:#858c97;font:500 11px DM Mono}.siteCards{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.siteCards button{color:#17191f;text-align:left;background:#fff;border:1px solid #d5d8de;border-radius:11px;grid-template-columns:34px 1fr auto 25px;align-items:center;gap:9px;min-width:0;padding:12px 14px;display:grid}.siteCards button:hover{border-color:#aeb3bd;transform:translateY(-1px)}.siteIndex{color:#8a919c;font:500 9px DM Mono}.siteCards strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.siteCards small{color:#8a919c;font-size:9px}.siteCards b{color:#747b86}.emptySites{background:#fffa;border:1px dashed #c9cdd4;border-radius:13px;align-items:center;gap:14px;padding:19px;display:flex}.emptySites>span{color:#8d94a0;font-size:25px}.emptySites b{font-size:12px}.emptySites p{color:#818893;margin:4px 0 0;font-size:10px}.emptySites>button{color:#fff;background:#17181f;border:0;border-radius:9px;margin-left:auto;padding:9px 12px;font-size:10px}.homePage footer{letter-spacing:.08em;color:#8a919c;border-top:1px solid #d8dbe0;justify-content:space-between;max-width:1180px;margin:37px auto 0;padding-top:13px;font:500 8px DM Mono;display:flex}.fullPage{background:radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 25%),#0b0c10;color:#eef0f4;min-height:100%;padding:44px max(22px,8vw)}.fullPage>header{justify-content:space-between;align-items:start;max-width:1000px;margin:0 auto 28px;display:flex}.fullPage h1{letter-spacing:-.07em;margin:8px 0;font-size:58px}.fullPage header p{color:#858c98;font-size:12px}.roundClose{color:#b7bcc6;background:#17181d;border:1px solid #353741;border-radius:11px;width:37px;height:37px;font-size:20px}.settingsGrid{grid-template-columns:1fr 1fr;gap:9px;max-width:1000px;margin:auto;display:grid}.settingsCard{background:#121318;border:1px solid #2b2d35;border-radius:13px;padding:20px}.settingsCard.wide{grid-column:1/-1}.cardTitle{gap:12px;display:flex}.cardTitle>span{color:#69717d;font:500 9px DM Mono}.cardTitle h2{margin:0;font-size:14px}.cardTitle p{color:#7e8591;margin:5px 0 0;font-size:10px;line-height:1.45}.settingOptions{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;display:grid}.settingsCard label{color:#9aa0aa;font-size:9px;font-weight:700}.settingsCard select{color:#eef0f4;background:#0e0f13;border:1px solid #343741;border-radius:9px;outline:0;width:100%;margin-top:6px;padding:9px;display:block}.colorLine{color:#8e95a0;align-items:center;gap:9px;margin-top:17px;font-size:9px;display:flex}.colorLine button,.accentRow button{border:2px solid #0000;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 1px #5a606b}.colorLine button.chosen,.accentRow button.chosen{box-shadow:0 0 0 2px var(--accent),0 0 0 4px #121318}.privacyBadge{color:#aeb4be;background:#191b21;border-radius:9px;margin-top:20px;padding:10px;font:500 9px DM Mono}.privacyBadge i{background:#48d7a2;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.saveButton{color:#111319;background:#f4f5f8;border:0;border-radius:10px;margin:12px max(0px,50% - 500px);padding:11px 15px;font-size:11px;font-weight:800;display:block}.saveButton b{margin-left:22px}.creatorNew{background:radial-gradient(circle at 94% 0%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 25%),#0b0c10;color:#edf0f5;flex-direction:column;height:100%;padding:27px 30px 18px;display:flex}.creatorHeader{justify-content:space-between;align-items:start;display:flex}.creatorHeader h1{letter-spacing:-.065em;margin:7px 0;font-size:40px}.creatorHeader p{color:#838a96;margin:0;font-size:11px}.creatorToolbar{justify-content:space-between;align-items:center;margin:20px 0 8px;display:flex}.editorTabs,.viewSwitch{gap:3px;display:flex}.editorTabs button,.viewSwitch button{color:#858c97;background:#14151a;border:1px solid #30323b;border-radius:8px;padding:8px 11px;font-size:9px}.editorTabs button.active,.viewSwitch button.active{color:#fff;background:#2a2c34;border-color:#4a4d58}.editorStage{flex:1;grid-template-columns:1fr 1fr;gap:8px;min-height:330px;display:grid}.editorStage.code .previewPane{display:none}.editorStage.code{grid-template-columns:1fr}.editorStage.preview .editorPane{display:none}.editorStage.preview{grid-template-columns:1fr}.editorPane,.previewPane{background:#101116;border:1px solid #2a2c34;border-radius:11px;min-height:0;overflow:hidden}.paneBar{color:#aeb4be;background:#17181e;border-bottom:1px solid #2a2c34;justify-content:space-between;align-items:center;height:37px;padding:0 11px;font:500 9px DM Mono;display:flex}.paneBar i{background:#48d7a2;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.paneBar small{color:#6e7580}.editorPane textarea{resize:none;color:#d8dde5;background:#0d0e12;border:0;outline:0;width:100%;height:calc(100% - 37px);padding:15px;font:12px/1.7 DM Mono,monospace;display:block}.previewPane iframe{background:#fff;border:0;width:100%;height:calc(100% - 37px)}.backendStrip{color:#aeb4be;background:#121318;border:1px solid #2a2c34;border-radius:9px;margin-top:7px;padding:9px 11px;font:500 9px DM Mono}.backendStrip small{color:#6e7580;margin-left:10px}.publishDock{background:#15161b;border:1px solid #343640;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:5px;display:flex}.publishDock>div{min-width:170px;padding:0 9px}.publishDock>div span{letter-spacing:.14em;color:#6e7580;font:700 7px DM Mono;display:block}.publishDock>div b{font-size:10px}.publishDock input{color:#f2f4f7;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.publishDock>button{color:#111319;background:#f1f3f6;border:0;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:800}.publishDock>button b{margin-left:12px}.listNew{background:linear-gradient(145deg,#0b0c10,#11131a)}.listRows{border-top:1px solid #292b34;max-width:1000px;margin:auto}.listRows button{color:#e9ebef;text-align:left;background:0 0;border:0;border-bottom:1px solid #292b34;grid-template-columns:35px 1fr 30px;align-items:center;gap:12px;width:100%;padding:15px 4px;display:grid}.listRows button:hover{background:#15171d}.listRows button>span{color:#656d79;font:500 9px DM Mono}.listRows button div{min-width:0}.listRows button b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.listRows button small{color:#747c88;margin-top:4px;font:500 9px DM Mono;display:block}.listRows button>strong{color:#7e8590}.listEmpty{color:#8c939e;text-align:center;border:1px dashed #30323b;border-radius:12px;max-width:1000px;margin:auto;padding:45px}.listEmpty span{margin-bottom:8px;font-size:30px;display:block}.notFound{color:#15171d;background:#f5f6f8;place-content:center;height:100%;padding:30px;display:grid}.notFound span{letter-spacing:.18em;color:#777e89;font:700 9px DM Mono}.notFound h1{letter-spacing:-.07em;margin:10px 0;font-size:55px}.notFound p{color:#747b86;font-size:12px}.notFound button{color:#fff;background:#17181d;border:0;border-radius:9px;width:max-content;padding:10px 13px;font-size:10px}.browserMenu{z-index:50;background:#15161b;border:1px solid #363943;border-radius:14px;width:290px;padding:8px;position:absolute;top:10px;right:12px;box-shadow:0 25px 80px #000d}.menuHead{justify-content:space-between;padding:9px 10px 12px;font-size:11px;display:flex}.menuHead span{color:#49d6a1;font:500 8px DM Mono}.browserMenu button{color:#e1e4e9;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;display:grid}.browserMenu button:hover{background:#292b33}.browserMenu small{color:#707783;font:500 8px DM Mono}.overlay{z-index:40;background:#0b0c10;position:absolute;inset:0;overflow:auto}.onboarding{background:#08090d;place-items:center;height:100%;padding:20px;display:grid;position:relative;overflow:hidden}.onboardOrb{filter:blur(20px);background:radial-gradient(circle,#8b7cff33,#0000 68%);border-radius:50%;width:55vw;height:55vw;position:absolute;top:-25%;right:-12%}.onboardCard{background:#111218ef;border:1px solid #2b2d35;border-radius:19px;width:min(720px,100%);padding:43px;position:relative;box-shadow:0 40px 100px #000b}.logoLarge{color:#101116;background:#f4f5f8;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:25px;font-size:24px;font-weight:900;display:grid}.onboardCard h1{letter-spacing:-.075em;margin:10px 0 18px;font-size:clamp(43px,7vw,70px);line-height:.9}.onboardCard h1 i{color:#858c98;font-style:normal}.onboardCard>p{color:#8a919c;max-width:520px;font-size:12px;line-height:1.6}.onboardControls{grid-template-columns:1fr 1fr;gap:9px;margin-top:25px;display:grid}.onboardControls label{color:#949ba6;font-size:9px}.onboardControls select{color:#eef0f4;background:#0d0e13;border:1px solid #343640;border-radius:9px;width:100%;margin-top:6px;padding:10px;display:block}.accentRow{color:#949ba6;align-items:center;gap:9px;margin:17px 0;font-size:9px;display:flex}.accentRow button{border:0}.enterButton{color:#111319;background:#f4f5f8;border:0;border-radius:10px;width:100%;padding:13px;font-size:11px;font-weight:800}.enterButton b{float:right}.fatal{color:#fff;background:#0b0c10;place-content:center;height:100%;padding:30px;display:grid}.fatal h1{margin:8px 0;font-size:45px}.fatal p{color:#8c939e}.fatal button{color:#111;background:#fff;border:0;border-radius:9px;width:max-content;padding:10px 13px}@media (width<=800px){.browserShell{grid-template-rows:47px 94px 1fr}.traffic{display:none}.browserTop{padding:5px 7px}.browserTab{min-width:145px;height:35px}.browserBar{grid-template-rows:34px 39px;grid-template-columns:auto 1fr}.navControls{grid-column:1}.barControls{grid-column:2;justify-content:flex-end}.addressBar{grid-area:2/1/auto/3}.homePage{padding:22px 17px 30px}.homeHero{margin:65px auto 35px}.homeHero h1{font-size:57px}.homeModules,.siteCards,.settingsGrid,.settingOptions,.onboardControls{grid-template-columns:1fr}.settingsCard.wide{grid-column:auto}.fullPage{padding:30px 18px}.fullPage h1{font-size:47px}.creatorNew{padding:20px 13px 12px}.creatorHeader h1{font-size:31px}.editorStage{grid-template-columns:1fr}.editorStage.split .previewPane,.publishDock>div{display:none}.publishDock input{padding:8px}.onboardCard{padding:29px 22px}.homePage footer{flex-direction:column;gap:10px}.emptySites{flex-wrap:wrap;align-items:flex-start}.emptySites>button{margin-left:0}.browserMenu{width:calc(100% - 14px);right:7px}}