:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c10;--chrome:#121318;--chrome2:#191a20;--line:#2b2d35;--text:#f4f5f7;--muted:#9095a1;--accent:#79a8ff;--gx:#ff3658;--page:#f5f6f8}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}.app{background:#0b0c10;grid-template-rows:54px 58px 1fr;height:100%;display:grid}.tabs{background:#0d0e12;border-bottom:1px solid #25272e;align-items:center;gap:6px;padding:7px 10px;display:flex;overflow:hidden}.windowDots{flex:none;gap:6px;padding:0 8px 0 3px;display:flex}.windowDots i{background:#3a3c43;border-radius:50%;width:10px;height:10px;display:block}.tab{color:#858a95;background:#15161b;border:1px solid #25272e;border-radius:11px;align-items:center;gap:8px;min-width:190px;max-width:280px;height:40px;padding:0 9px 0 15px;transition:all .15s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08}.tab:hover{color:#bfc3cb;background:#1c1d23}.tab.active{color:#fff;background:#24262d;border-color:#3a3d46;box-shadow:0 4px 16px #0005}.tab.active:after{content:"";background:var(--gx);opacity:.8;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:20px;right:20px}.tabSite{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:650;overflow:hidden}.tab button,.newtab{background:0 0;border:0}.tab button{color:#8c919c;border-radius:7px;width:25px;height:25px}.tab button:hover{color:#fff;background:#30323a}.newtab{color:#a7acb6;border-radius:10px;flex:none;width:36px;height:36px;font-size:19px}.newtab:hover{color:#fff;background:#22242b}.tabsSpacer{flex:1}.toolbar{background:#15161b;border-bottom:1px solid #292b32;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:11px;padding:9px 14px;display:grid}.actions{gap:2px;display:flex}.icon{color:#a0a5af;background:0 0;border:0;border-radius:10px;width:35px;height:35px;font-size:17px}.icon:hover:not(:disabled){color:#fff;background:#292b32}.icon:disabled{opacity:.28;cursor:default}.address{background:#222329;border:1px solid #3a3c44;border-radius:21px;align-items:center;gap:9px;height:40px;padding:0 15px;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff08}.address:hover{border-color:#50535d}.address:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent),inset 0 1px #ffffff0b}.addressLock{color:#7dd7a0;font-size:11px}.address input{color:#f0f1f4;text-align:center;background:0 0;border:0;outline:0;width:100%;font-size:13px}.address input::placeholder{color:#858a94}.main{background:var(--page);color:#17191e;min-height:0;position:relative;overflow:auto}.page{background:#fff;border:0;width:100%;height:100%;display:block}.panel{z-index:30;background:#17181d;border:1px solid #373941;border-radius:14px;width:300px;padding:8px;position:absolute;top:12px;right:13px;box-shadow:0 25px 70px #000c}.panel h2{margin:8px 10px;font-size:13px}.panel button{text-align:left;color:#d8dbe1;background:0 0;border:0;border-radius:9px;width:100%;padding:11px;font-size:13px;display:block}.panel button:hover{background:#292b32}.startPage{background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),linear-gradient(145deg,#fbfcfd,#eceef2);color:#17191e;min-height:100%;padding:30px clamp(22px,7vw,115px) 45px}.startHeader{justify-content:space-between;align-items:center;max-width:1160px;margin:auto;display:flex}.brand{align-items:center;gap:10px;font-size:14px;display:flex}.brandMark{color:#fff;background:#17181d;border-radius:10px;place-items:center;width:33px;height:33px;font-weight:850;display:grid;box-shadow:0 0 0 1px #373941}.settingsBtn{color:#4d525c;background:#fff;border:1px solid #d1d4da;border-radius:11px;width:36px;height:36px}.hero{max-width:1160px;margin:clamp(60px,9vw,125px) auto 42px}.eyebrow{letter-spacing:.18em;color:#7a808a;font-size:10px;font-weight:800}.hero h1{letter-spacing:-.075em;margin:12px 0 18px;font-size:clamp(54px,8vw,94px);font-weight:780;line-height:.88}.hero h1 em{color:#777d88;font-style:normal}.hero p{color:#737984;max-width:650px;font-size:14px;line-height:1.55}.homeSearch{background:#fff;border:1px solid #d1d4da;border-radius:19px;align-items:center;gap:10px;max-width:850px;height:56px;margin-top:27px;padding:6px 7px 6px 17px;display:flex;box-shadow:0 8px 26px #17181c0b}.homeSearch span{color:#68707c;font-size:20px}.homeSearch input{color:#17191e;background:0 0;border:0;outline:0;flex:1;font-size:14px}.homeSearch button,.primary{color:#fff;background:#17181d;border:0;border-radius:12px;padding:11px 17px;font-weight:750}.homeSearch button{width:43px;height:43px;padding:0}.quickGrid{grid-template-columns:1.3fr 1fr 1fr;gap:10px;max-width:1160px;margin:auto;display:grid}.featureCard{color:#17191e;text-align:left;background:#fff;border:1px solid #d2d5dc;border-radius:15px;align-items:flex-start;gap:13px;min-height:145px;padding:20px;transition:all .15s;display:flex;position:relative;box-shadow:0 5px 20px #17181c0a}.featureCard:hover{transform:translateY(-2px);box-shadow:0 12px 30px #17181c14}.featureCard.accent{color:#fff;background:#17181d;border-color:#17181d}.featureIcon{color:#59616c;background:#eef0f3;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.accent .featureIcon{color:#fff;background:#2b2d34}.featureCard div{flex-direction:column;gap:6px;display:flex}.featureCard b{font-size:14px}.featureCard small{color:#747b86;line-height:1.45}.accent small{color:#aeb3bd}.featureCard strong{color:#69717c;position:absolute;bottom:14px;right:16px}.section{max-width:1160px;margin:38px auto 0}.sectionTitle{align-items:center;gap:8px;margin-bottom:9px;font-size:13px;display:flex}.sectionTitle span{color:#68707c;background:#dfe2e7;border-radius:10px;padding:3px 7px;font-size:10px}.siteList{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.siteList button,.listPage button{color:#17191e;text-align:left;background:#fff;border:1px solid #d2d5dc;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.siteList small{color:#7a808a;flex:1}.siteList strong,.listPage button span{margin-left:auto}.startFooter{color:#898f99;border-top:1px solid #d8dbe0;justify-content:space-between;max-width:1160px;margin:42px auto 0;padding-top:15px;font-size:10px;display:flex}.settingsOverlay{z-index:40;background:#0b0c10;position:absolute;inset:0;overflow:auto}.settingsPage{background:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 22%),#0b0c10;color:#eef0f4;min-height:100%;padding:46px max(24px,8vw)}.settingsTop{justify-content:space-between;align-items:flex-start;max-width:960px;margin:0 auto 24px;display:flex}.settingsTop h1{letter-spacing:-.06em;margin:7px 0;font-size:55px}.settingsClose{background:#17181d;border:1px solid #343740;border-radius:10px;width:37px;height:37px}.settingsSections{grid-template-columns:1fr 1fr;gap:10px;max-width:960px;margin:auto;display:grid}.settingsSections section{background:#121318;border:1px solid #2c2e36;border-radius:13px;padding:22px}.settingsSections section:first-child{grid-column:1/-1}.settingsSections h2{margin:0 0 5px;font-size:15px}.settingsSections p{color:#89909b;margin-top:0;font-size:13px}.settingsSections label{color:#aeb4be;margin-top:16px;font-size:11px;font-weight:750;display:block}.settingsSections select{color:#eef0f4;background:#0f1014;border:1px solid #353740;border-radius:9px;width:100%;margin-top:7px;padding:10px;display:block}.colorChoices{gap:9px;margin-top:9px;display:flex}.colorChoices button{border:2px solid #121318;border-radius:50%;width:26px;height:26px;box-shadow:0 0 0 1px #59606c}.colorChoices button.selected{box-shadow:0 0 0 2px var(--accent),0 0 0 4px #121318}.save{grid-column:1/-1;justify-self:start}.creatorPro{background:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 22%),#0b0c10;color:#eef0f4;min-height:100%;padding:26px}.creatorTop{justify-content:space-between;align-items:start;margin-bottom:12px;display:flex}.creatorTop h1{letter-spacing:-.055em;margin:6px 0;font-size:42px}.creatorTop p{color:#89909b;margin:0;font-size:13px}.creatorTop button{background:#17181d;border:1px solid #353740;border-radius:10px;width:37px;height:37px}.creatorModes{gap:5px;margin:0 0 9px;display:flex}.creatorModes button{color:#9ca2ad;background:#131419;border:1px solid #353740;border-radius:9px;padding:9px 13px;font-size:12px}.creatorModes button.active{color:#fff;background:#2a2c33;border-color:#51545e}.creatorLayout{grid-template-columns:1fr 1fr;gap:9px;height:calc(100vh - 242px);min-height:390px;display:grid}.codePanel,.livePanel,.backendPanel{background:#121318;border:1px solid #2c2e36;border-radius:12px;min-height:0;overflow:hidden}.panelHead{color:#aab0bb;background:#18191f;border-bottom:1px solid #2c2e36;justify-content:space-between;align-items:center;height:42px;padding:0 12px;font-size:11px;display:flex}.codePanel textarea,.backendPanel textarea{resize:none;color:#dbe0e7;background:#0e0f13;border:0;outline:0;width:100%;height:calc(100% - 42px);padding:16px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.preview{background:#fff;border:0;width:100%;height:calc(100% - 42px)}.backendPanel{height:175px;margin-top:9px}.backendPanel p{color:#78808a;margin:0;padding:7px 12px;font-size:10px}.publishBar{background:#141519;border:1px solid #353740;border-radius:14px;align-items:center;max-width:820px;margin:9px auto 0;padding:5px 6px;display:flex}.publishBar input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:9px}.publishBar span{color:#8d95a1}.protocolBadge{color:#7dd7a0;white-space:nowrap;padding:0 7px 0 8px;font:600 12px ui-monospace,monospace}.notFound,.listPage{color:#17191e;background:#f5f6f8;min-height:100%;padding:75px max(25px,8vw)}.notFound span{letter-spacing:.15em;color:#69717c;font-size:11px;font-weight:800}.notFound h1,.listPage h1{letter-spacing:-.06em;font-size:54px}.notFound button{color:#fff;background:#17181d;border:0;border-radius:10px;padding:10px 14px}.setup{background:#0b0c10;place-items:center;height:100%;min-height:100%;padding:24px;display:grid}.setupCard{background:#121318;border:1px solid #2c2e36;border-radius:15px;width:min(820px,100%);padding:44px;position:relative;box-shadow:0 30px 80px #0009}.setupLogo{color:#111;background:#fff;border-radius:11px;place-items:center;width:44px;height:44px;margin-bottom:24px;font-weight:850;display:grid}.setup h1{letter-spacing:-.06em;margin:8px 0 12px;font-size:clamp(40px,6vw,62px);line-height:.95}.setupIntro{color:#9298a3;max-width:560px;line-height:1.55}.setupGrid{grid-template-columns:1fr 1fr;gap:10px;margin:26px 0;display:grid}.setupGrid label{color:#b9bec7;flex-direction:column;gap:7px;font-size:11px;font-weight:750;display:flex}.setupGrid select{color:#eef0f4;background:#0e0f13;border:1px solid #353740;border-radius:9px;padding:10px}.setupPreview{color:#e5e8ed;background:#18191f;border:1px solid #2c2e36;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.setupPreview span{color:#858c97;margin-top:3px;font-size:10px;display:block}.previewDot{border-radius:50%;width:9px;height:9px}.primary.big{width:100%;margin-top:13px;padding:13px}.primary.big span{float:right}.density-compact .toolbar{padding:6px 9px}.density-spacious .toolbar{padding:12px 14px}@media (width<=760px){.app{grid-template-rows:47px 94px 1fr}.tabs{gap:4px;padding:5px 7px}.windowDots{display:none}.tab{min-width:150px;height:37px}.toolbar{grid-template-rows:35px 39px;grid-template-columns:1fr auto;gap:7px;padding:8px 9px}.toolbar>.actions:first-child{grid-column:1/3}.address{grid-area:2/1/auto/3}.quickGrid,.siteList,.setupGrid,.creatorLayout,.settingsSections{grid-template-columns:1fr}.featureCard{min-height:118px}.hero h1{font-size:55px}.livePanel{display:none}.setupCard{padding:29px 22px}.startPage{padding:22px 18px}.panel{width:calc(100% - 14px);right:7px}.settingsSections section:first-child{grid-column:auto}}