:root{color:#eaf2fb;font-synthesis:none;--bg:#06101b;--panel:#0a1724;--panel2:#0d1c2c;--line:#173047;--muted:#71879d;--text:#e9f2fb;--cyan:#39d3c5;--cyan2:#1aaea4;--orange:#ff875d;--red:#ff6575;--shadow:0 24px 70px #0007;background:#06101b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.boot{color:#8ba0b5;place-items:center;height:100vh;display:grid}.boot svg{margin-right:8px}.primary,.secondary{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.primary{color:#041218;background:linear-gradient(135deg,#35d6c8,#2cb6dc);box-shadow:0 12px 30px #1bb5ac24}.primary:hover{filter:brightness(1.06)}.secondary{color:#c9d7e5;background:#0d1c2a;border:1px solid #1d374e}.primary svg,.secondary svg{width:15px}.icon{color:#9eb1c4;background:#0b1826;border:1px solid #1b334a;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.icon svg{width:17px}.danger{color:#ff7583!important}.muted{color:var(--muted)}code{font-family:SFMono-Regular,Consolas,monospace}.toast{z-index:2000;box-shadow:var(--shadow);background:#102231;border:1px solid #24516a;border-radius:12px;align-items:center;gap:9px;padding:13px 16px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast svg{width:16px;color:var(--cyan)}.login{background:radial-gradient(circle,#0b1e31 0,#06101b 55%,#040b12 100%);place-items:center;height:100vh;display:grid;position:relative;overflow:hidden}.login-noise{opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.login-orb{filter:blur(100px);opacity:.25;border-radius:50%;position:absolute}.login-orb.one{background:#28cfbe;width:420px;height:420px;top:-80px;left:-120px}.login-orb.two{background:#2f78ff;width:350px;height:350px;bottom:-100px;right:-90px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#081522e8;border:1px solid #1a3349;border-radius:22px;width:min(470px,100vw - 34px);padding:44px;position:relative;box-shadow:0 40px 120px #0009}.internal{letter-spacing:.15em;color:#52dccf;align-items:center;gap:7px;font-size:9px;font-weight:900;display:inline-flex}.internal svg{width:13px}.login-card h1{letter-spacing:-.045em;margin:12px 0 10px;font-size:44px}.login-card h1 span{color:var(--cyan)}.login-card>p{color:#7d92a8;margin:0 0 28px;font-size:13px;line-height:1.7}.login-card label{color:#8fa3b6;text-transform:uppercase;letter-spacing:.08em;gap:7px;margin:14px 0;font-size:10px;display:grid}.login-card input{color:#fff;background:#050f1a;border:1px solid #1c354c;border-radius:10px;outline:none;height:48px;padding:0 14px}.login-card input:focus{border-color:#3caaaf;box-shadow:0 0 0 3px #39d3c510}.login-card .big{width:100%;min-height:50px;margin-top:10px}.login-card small{color:#50667c;text-align:center;margin-top:18px;font-size:9px;line-height:1.6;display:block}.error-box{color:#ff9faa;background:#3b161c;border:1px solid #7a2d39;border-radius:9px;padding:10px 12px;font-size:11px}.shell{background:#07111c;grid-template-columns:224px 1fr;min-height:100vh;display:grid}.side{z-index:100;background:#050d16;border-right:1px solid #13283b;flex-direction:column;height:100vh;padding:17px 13px;display:flex;position:sticky;top:0}.side-brand{align-items:center;gap:11px;height:64px;padding:0 7px;display:flex}.side-brand>div{color:#04111a;background:linear-gradient(140deg,#25d1bf,#2479e9);border-radius:12px;place-items:center;width:39px;height:39px;font-size:16px;font-weight:1000;display:grid}.side-brand span{gap:1px;display:grid}.side-brand b{font-size:14px}.side-brand small{color:#60778e;letter-spacing:.18em;font-size:7px}.side nav{gap:4px;margin-top:23px;display:grid}.side nav button,.side-bottom>button{color:#657c92;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;height:44px;padding:0 13px;font-size:11px;font-weight:650;display:flex}.side nav button svg,.side-bottom>button svg{width:16px}.side nav button.active{color:#fff;box-shadow:inset 2px 0 0 var(--cyan);background:#0c2030}.side nav button.active svg{color:var(--cyan)}.side nav button:hover,.side-bottom>button:hover{color:#aabbd0;background:#0a1825}.side-bottom{gap:9px;margin-top:auto;display:grid}.prod-state{border:1px solid #142d42;border-radius:11px;align-items:center;gap:8px;padding:11px;display:flex}.prod-state>i{background:#39d397;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #39d397}.prod-state span{display:grid}.prod-state b{font-size:9px}.prod-state small{color:#546a80;font-size:7px}.main-shell{min-width:0}.top{z-index:40;background:#081420;border-bottom:1px solid #132a3e;justify-content:space-between;align-items:center;gap:20px;height:118px;padding:26px 36px;display:flex;position:sticky;top:0}.top>div>span{color:#38d0c2;letter-spacing:.16em;font-size:8px;font-weight:900;display:block}.top h1{letter-spacing:-.025em;margin:5px 0 2px;font-size:26px}.top p{color:#60768c;margin:0;font-size:10px}.content{max-width:1700px;margin:auto;padding:32px 36px 70px}.hero-dashboard{background:radial-gradient(circle at 80% 20%,#11304b 0,#0b1c2d 34%,#081622 70%);border:1px solid #173047;border-radius:19px;grid-template-columns:1fr 250px;align-items:center;min-height:315px;padding:46px 52px;display:grid;position:relative;overflow:hidden}.hero-dashboard:before{content:"";border:1px solid #2b526a55;border-radius:50%;width:400px;height:400px;position:absolute;right:140px}.hero-dashboard:after{content:"";border:1px solid #2b526a33;border-radius:50%;width:540px;height:540px;position:absolute;right:70px}.app-kicker{letter-spacing:.18em;color:#42d7cb;font-size:8px;font-weight:900}.hero-dashboard h2{letter-spacing:-.045em;margin:12px 0 18px;font-size:51px;line-height:1.02}.hero-dashboard h2 em{color:#6e879e;font-style:normal}.hero-dashboard p{color:#71879d;max-width:640px;font-size:12px;line-height:1.75}.factory-mark{z-index:2;background:#0a1a27cc;border:1px solid #3e637c80;border-radius:50%;align-content:center;justify-self:end;place-items:center;width:190px;height:190px;display:grid;position:relative;box-shadow:inset 0 0 60px #18364c66}.factory-mark strong{font-size:48px}.factory-mark span{color:#698198;letter-spacing:.14em;font-size:8px}.factory-mark i{border:1px dashed #3e637c66;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:13px}@keyframes spin{to{transform:rotate(360deg)}}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 28px;display:grid}.metric{background:#0a1724;border:1px solid #153047;border-radius:13px;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;column-gap:12px;min-height:112px;padding:17px;display:grid}.metric>div{color:#4dd4c7;background:#10263a;border-radius:9px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.metric svg{width:17px}.metric span{color:#60768c;text-transform:uppercase;letter-spacing:.08em;align-self:end;font-size:8px}.metric strong{align-self:start;font-size:22px}.panel{background:#081522;border:1px solid #153047;border-radius:16px;overflow:hidden}.panel-head{border-bottom:1px solid #142a3e;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.panel-head h3{margin:0;font-size:13px}.panel-head p{color:#60758a;margin:4px 0 0;font-size:8px}.tools{gap:8px;display:flex}.search{background:#050f19;border:1px solid #173047;border-radius:8px;align-items:center;gap:7px;width:260px;height:36px;padding:0 10px;display:flex}.search svg{color:#526a81;width:13px}.search input{color:#fff;background:0 0;border:0;outline:none;width:100%;font-size:9px}.seg{background:#050f19;border:1px solid #173047;border-radius:8px;padding:3px;display:flex}.seg button{color:#60778d;background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:8px}.seg button.active{color:#fff;background:#14283a}.project-head,.project-line{grid-template-columns:minmax(260px,1.5fr) 1fr 120px 125px 105px 130px;align-items:center;gap:12px;padding:0 18px;display:grid}.project-head{color:#526a80;text-transform:uppercase;letter-spacing:.09em;background:#07121d;height:38px;font-size:7px}.project-line{border-top:1px solid #10263a;min-height:76px}.project-line:hover{background:#091927}.project-id{align-items:center;gap:11px;min-width:0;display:flex}.swatch{background:linear-gradient(135deg,var(--p),var(--a));border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:10px;font-weight:900;display:grid;overflow:hidden}.swatch img{object-fit:contain;background:#fff;width:100%;height:100%;padding:4px}.project-id>div:last-child{min-width:0;display:grid}.project-id b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.project-id small{color:#5f768c;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.template-tag{color:#8da4ba;background:#102132;border-radius:6px;padding:6px 8px;font-size:7px;display:inline-block}.state{letter-spacing:.06em;font-size:7px;font-weight:900}.state.online{color:#45d39c}.state.ready{color:#55c8ec}.state.draft{color:#e9b864}.project-line>.muted{font-size:8px}.project-line>div:nth-child(5) b{font-size:10px}.line-actions{justify-content:flex-end;gap:4px;display:flex}.line-actions button{color:#71899f;background:#0b1927;border:1px solid #183149;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.line-actions button svg{width:13px}.empty{text-align:center;align-content:center;place-items:center;min-height:330px;padding:40px;display:grid}.empty>div,.empty>svg{color:#3acabc;border:1px solid #1c3b55;border-radius:14px;place-items:center;width:55px;height:55px;padding:14px;display:grid}.empty h3{margin:16px 0 4px;font-size:15px}.empty p{color:#60768c;max-width:380px;font-size:9px;line-height:1.6}.empty .primary{margin-top:10px}.client-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.client-card{background:#091725;border:1px solid #163149;border-radius:15px;grid-template-columns:48px 1fr;gap:12px;padding:20px;display:grid}.client-avatar{color:#42d6ca;background:#102b40;border-radius:12px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.client-card>div:nth-child(2)>span{color:#4ccfc5;letter-spacing:.1em;font-size:7px}.client-card h3{margin:4px 0 2px;font-size:14px}.client-card p{color:#698095;margin:0;font-size:9px}.client-data,.client-sites{grid-column:1/-1;gap:5px;display:grid}.client-data a{color:#91a7ba;font-size:9px;text-decoration:none}.client-summary{border-top:1px solid #173047;border-bottom:1px solid #173047;grid-column:1/-1;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:7px;padding:12px 0;display:grid}.client-summary b{font-size:16px}.client-summary span{color:#5e758a;font-size:8px}.client-sites span{color:#61788e;font-size:8px}.templates-page{grid-template-columns:380px 1fr;gap:16px;display:grid}.template-library{align-content:start;gap:9px;display:grid}.template-library>button{color:#fff;text-align:left;background:#081522;border:1px solid #173047;border-radius:13px;grid-template-columns:105px 1fr;gap:12px;padding:13px;display:grid;position:relative}.template-library>button.selected{background:#0a1d2b;border-color:#38c9c0;box-shadow:0 0 0 1px #38c9c040}.template-library>button>span{color:#42d4c8;letter-spacing:.11em;font-size:7px}.template-library h3{margin:2px 0;font-size:12px}.template-library p{color:#71879c;margin:3px 0;font-size:8px;line-height:1.5}.template-library small{color:#547087;font-size:7px}.template-library b{color:#9aacbd;grid-column:2;font-size:7px;font-weight:600}.template-diagram{background:#06101a;border:1px solid #183149;border-radius:9px;grid-row:1/6;min-height:88px;position:relative;overflow:hidden}.template-diagram i{background:#234158;display:block;position:absolute}.template-diagram.axis i:first-child{width:38px;height:8px;top:8px;left:8px}.template-diagram.axis i:nth-child(2){width:35px;height:38px;top:30px;left:8px}.template-diagram.axis i:nth-child(3){background:#2e786f;width:47px;height:54px;top:20px;right:8px}.template-diagram.axis i:nth-child(4){width:85px;height:5px;bottom:8px;left:8px}.template-diagram.forge{background:#10100f}.template-diagram.forge i:first-child{background:#584132;inset:6px 6px 28px}.template-diagram.forge i:nth-child(2){background:#de704d;width:70px;height:12px;bottom:35px;left:10px}.template-diagram.forge i:nth-child(3){width:28px;height:18px;bottom:6px;left:6px}.template-diagram.forge i:nth-child(4){width:28px;height:18px;bottom:6px;left:38px}.template-diagram.forge i:nth-child(5){width:28px;height:18px;bottom:6px;left:70px}.template-diagram.maison{background:#eee8df}.template-diagram.maison i:first-child{background:#7b6e62;width:45px;height:5px;top:10px;left:30px}.template-diagram.maison i:nth-child(2){background:#c5b8a8;width:40px;height:35px;top:28px;left:10px}.template-diagram.maison i:nth-child(3){background:#6c7d67;width:38px;height:56px;top:20px;right:10px}.template-diagram.maison i:nth-child(4){background:#b17f65;width:55px;height:3px;bottom:10px;left:22px}.template-diagram.pulse{background:#07111d}.template-diagram.pulse i{border-radius:6px}.template-diagram.pulse i:first-child{background:#173d59;width:45px;height:23px;top:10px;left:7px}.template-diagram.pulse i:nth-child(2){background:#2a756f;width:38px;height:46px;top:10px;right:7px}.template-diagram.pulse i:nth-child(3){background:#11273b;width:45px;height:36px;top:39px;left:7px}.template-diagram.pulse i:nth-child(4){background:#bb654e;width:38px;height:16px;bottom:8px;right:7px}.template-diagram.grid{background:#eae4d9}.template-diagram.grid i{background:#eae4d9;border:1px solid #111}.template-diagram.grid i:first-child{width:58px;height:40px;top:6px;left:6px}.template-diagram.grid i:nth-child(2){background:#344c6e;width:31px;height:70px;top:6px;right:6px}.template-diagram.grid i:nth-child(3){background:#e47858;width:26px;height:24px;bottom:8px;left:6px}.template-diagram.grid i:nth-child(4){width:29px;height:24px;bottom:8px;left:35px}.template-diagram.stay{background:#171813}.template-diagram.stay i:first-child{background:linear-gradient(135deg,#52634f,#a28d70);inset:6px 6px 28px}.template-diagram.stay i:nth-child(2){background:#e4ddd0;height:16px;bottom:18px;left:14px;right:14px}.template-diagram.stay i:nth-child(3){background:#807462;width:18px;height:8px;bottom:22px;left:18px}.template-diagram.stay i:nth-child(4){background:#807462;width:18px;height:8px;bottom:22px;left:40px}.template-diagram.stay i:nth-child(5){background:#c7a97e;width:24px;height:12px;bottom:20px;right:18px}.template-big-preview{background:#050d15;border:1px solid #173047;border-radius:15px;min-width:0;padding:10px}.preview-label{justify-content:space-between;align-items:center;height:40px;padding:0 8px;display:flex}.preview-label span{color:#4fd5c8;letter-spacing:.1em;font-size:7px}.preview-label b{font-size:9px}.template-big-preview iframe{background:#fff;border:0;border-radius:9px;width:100%;height:calc(100vh - 230px);min-height:690px}.inquiry-list article{border-bottom:1px solid #142a3e;grid-template-columns:1fr 250px;gap:25px;padding:20px;display:grid}.inquiry-list article>div:first-child>span{color:#587187;font-size:7px}.inquiry-list h3{font-size:13px}.inquiry-list p{color:#8ca0b4;font-size:10px;line-height:1.6}.inquiry-list article>div:last-child{align-content:start;gap:6px;display:grid}.inquiry-list a{color:#86a1b8;font-size:9px;text-decoration:none}.settings-grid{grid-template-columns:1fr 420px;gap:14px;display:grid}.settings-card,.deployment-info{padding:24px}.settings-card h3,.deployment-info h3{font-size:15px}.deployment-info .shield{color:#3ed3c5;background:#0e2a39;border-radius:15px;place-items:center;width:55px;height:55px;display:grid}.deployment-info p,.deployment-info li{color:#748a9f;font-size:10px;line-height:1.7}.deployment-info code{color:#a3bacd}.safe-note{color:#49cfa4;border-top:1px solid #183149;padding-top:13px;font-size:8px;display:block}.builder{background:#050d15;height:100vh;overflow:hidden}.builder-top{z-index:80;background:#07131e;border-bottom:1px solid #142a3e;align-items:center;gap:12px;height:70px;padding:0 12px;display:flex;position:relative}.builder-project{min-width:210px;display:grid}.builder-project span{color:#46d0c4;letter-spacing:.12em;font-size:7px}.builder-project b{margin-top:2px;font-size:11px}.save-state{color:#60778d;align-items:center;gap:7px;margin-left:auto;font-size:8px;display:flex}.save-state i{background:#b9854c;border-radius:50%;width:6px;height:6px}.save-state i.ok{background:#46cc9a}.builder-grid{grid-template-columns:172px 555px minmax(520px,1fr);height:calc(100vh - 70px);display:grid}.builder-nav{background:#06111c;border-right:1px solid #142a3e;padding:14px 8px;position:relative;overflow:auto}.progress{background:#173047;width:1px;position:absolute;top:31px;bottom:31px;left:27px}.progress span{background:#39cdbf;width:1px;display:block}.builder-nav>button{color:#62798f;text-align:left;z-index:2;background:0 0;border:0;border-radius:8px;grid-template-columns:38px 1fr 18px;align-items:center;width:100%;height:50px;padding:0 8px;display:grid;position:relative}.builder-nav>button>i{background:#07131e;border:1px solid #1b354d;border-radius:50%;place-items:center;width:24px;height:24px;font-size:7px;font-style:normal;display:grid}.builder-nav>button>span{font-size:9px}.builder-nav>button>svg{width:11px}.builder-nav>button.active{color:#fff;background:#0d2030}.builder-nav>button.active>i{color:#041218;background:#36d0c3;border-color:#36d0c3;font-weight:900}.editor{background:#081522;border-right:1px solid #142a3e;padding:26px 28px 80px;overflow:auto}.step-head{border-bottom:1px solid #142a3e;margin-bottom:22px;padding-bottom:20px}.step-head>span{color:#42d2c5;letter-spacing:.13em;font-size:7px;font-weight:900}.step-head h2{letter-spacing:-.03em;margin:5px 0 4px;font-size:24px}.step-head p{color:#657c92;margin:0;font-size:9px;line-height:1.55}.form{gap:15px;display:grid}.field{gap:6px;display:grid}.field>span,.color-field>span,.image-field>span{color:#8ea2b6;font-size:8px;font-weight:700}.field input,.field textarea,.field select,.color-field>div{color:#dce8f4;background:#050f19;border:1px solid #19344c;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-size:10px}.field input,.field select{height:42px}.field textarea{resize:vertical;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:#3cbcb7;box-shadow:0 0 0 3px #3bcfc315}.two{grid-template-columns:1fr 1fr;gap:11px;display:grid}.three{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.section-title{border-top:1px solid #142a3e;margin:15px 0 2px;padding-top:17px}.section-title h3{margin:0;font-size:11px}.section-title p{color:#60778d;margin:4px 0 0;font-size:8px;line-height:1.5}.color-field{gap:6px;display:grid}.color-field>div{grid-template-columns:30px 1fr;align-items:center;gap:7px;height:44px;padding:5px 8px;display:grid}.color-field input[type=color]{background:0 0;border:0;width:28px;height:28px;padding:0}.color-field input:last-child{color:#dce8f4;background:0 0;border:0;outline:none;font-size:9px}.template-choice{gap:8px;display:grid}.template-choice>button{color:#fff;text-align:left;background:#06111b;border:1px solid #19344c;border-radius:12px;grid-template-columns:112px 1fr 22px;align-items:start;gap:12px;padding:11px;display:grid}.template-choice>button.active{background:#0a1d29;border-color:#3bcfc3;box-shadow:0 0 0 1px #3bcfc330}.template-choice .template-diagram{min-height:95px}.template-choice span{color:#45d2c6;letter-spacing:.12em;font-size:7px}.template-choice h3{margin:2px 0;font-size:12px}.template-choice p{color:#70869a;margin:3px 0;font-size:8px;line-height:1.45}.template-choice small{color:#4e6b82;font-size:7px}.template-choice>button>svg{color:#42d0c4;width:15px}.image-field{gap:6px;display:grid;position:relative}.image-field>div{background:#06101a;border:1px dashed #29506d;border-radius:10px;align-content:center;place-items:center;height:145px;display:grid;position:relative;overflow:hidden}.image-field>div>svg{color:#4fbec0;width:20px}.image-field>div>b{margin-top:6px;font-size:9px}.image-field>div>small{color:#526d84;margin-top:3px;font-size:7px}.image-field input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-field img{object-fit:cover;width:100%;height:100%}.image-field.contain img{object-fit:contain;background:#fff;padding:12px}.image-field>button{color:#ff7c89;background:#081522dd;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:25px;right:7px}.image-field>button svg{width:13px}.toggle{background:#24384b;border:0;border-radius:999px;width:34px;height:19px;padding:2px;display:flex}.toggle i{background:#8394a4;border-radius:50%;width:15px;height:15px;transition:all .2s}.toggle.on{background:#2b8a82}.toggle.on i{background:#eafdfb;transform:translate(15px)}.toggle:disabled{opacity:.45}.toggle-card{color:#fff;text-align:left;background:#06111b;border:1px solid #19344c;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:13px;display:flex}.toggle-card.active{background:#0a1c28;border-color:#347d7d}.toggle-card>div{display:grid}.toggle-card b{font-size:9px}.toggle-card span{color:#627b91;margin-top:3px;font-size:7px;line-height:1.4}.toggle-card .toggle{pointer-events:none}.sortable-list{gap:6px;display:grid}.sort-row{background:#06111b;border:1px solid #173149;border-radius:9px;grid-template-columns:24px 1fr 38px 30px 30px 30px;align-items:center;gap:5px;padding:7px;display:grid}.sort-row .drag{color:#4c667d;text-align:center}.sort-row input{color:#fff;background:#091826;border:0;border-radius:6px;height:34px;padding:0 9px;font-size:9px}.sort-row>button:not(.toggle){color:#687f94;background:#0b1927;border:1px solid #183149;border-radius:6px;place-items:center;height:30px;display:grid}.sort-row button svg{width:12px}.add-block{color:#55cfc6;background:#071420;border:1px dashed #2c6077;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:43px;font-size:9px;font-weight:800;display:flex}.add-block svg{width:14px}.add-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modules{gap:10px;display:grid}.module{background:#06111b;border:1px solid #19344c;border-radius:12px;gap:11px;padding:14px;display:grid}.module-head{border-bottom:1px solid #132a3e;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.module-head>div:first-child{display:grid}.module-head span{color:#48d1c5;letter-spacing:.1em;font-size:7px}.module-head h3{white-space:nowrap;text-overflow:ellipsis;max-width:270px;margin:2px 0 0;font-size:10px;overflow:hidden}.module-actions{align-items:center;gap:4px;display:flex}.module-actions>button{color:#647c93;background:#0b1927;border:1px solid #183149;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.module-actions>button svg{width:12px}.featured-check{color:#7890a6;align-items:center;gap:4px;font-size:7px;display:flex}.featured-check input{accent-color:#3acfc3}.mini-card{background:#081725;border:1px solid #153047;border-radius:9px;padding:10px}.mini-card .field+.field{margin-top:8px}.service-edit{grid-template-columns:1.2fr .8fr;gap:12px;display:grid}.hint{color:#5f778d;margin:0;font-size:8px;line-height:1.6}.step-arrows{border-top:1px solid #142a3e;justify-content:space-between;margin-top:28px;padding-top:25px;display:flex}.preview{background:#040b12;padding:10px;overflow:auto}.preview-top{grid-template-columns:150px 1fr 105px;align-items:center;gap:10px;height:48px;display:grid}.preview-top>div:first-child{display:grid}.preview-top>div:first-child span{color:#45cfc4;letter-spacing:.1em;font-size:7px}.preview-top>div:first-child b{font-size:9px}.page-tabs,.device-tabs{justify-content:center;gap:3px;min-width:0;display:flex}.page-tabs{overflow:auto}.page-tabs button,.device-tabs button{color:#61798f;white-space:nowrap;background:#091725;border:0;border-radius:6px;height:28px;font-size:7px}.page-tabs button{padding:0 9px}.device-tabs button{place-items:center;width:31px;display:grid}.device-tabs svg{width:12px}.page-tabs button.active,.device-tabs button.active{color:#fff;background:#163149}.browser{background:#fff;border-radius:10px;max-width:100%;height:calc(100vh - 172px);min-height:570px;margin:auto;transition:width .25s;overflow:hidden;box-shadow:0 25px 80px #000a}.browser.tablet{width:760px}.browser.mobile{width:390px}.browser-bar{background:#e7e9eb;align-items:center;gap:5px;height:29px;padding:0 8px;display:flex}.browser-bar>i{background:#b1b7bd;border-radius:50%;width:7px;height:7px}.browser-bar>div{color:#8b949c;background:#fff;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;height:17px;font-size:7px;display:flex}.browser-bar svg{width:8px}.browser iframe{background:#fff;border:0;width:100%;height:calc(100% - 29px)}.preview-foot{background:#071521;border:1px solid #153047;border-radius:9px;justify-content:space-between;align-items:center;height:45px;margin-top:7px;padding:0 10px;display:flex}.preview-foot>div{align-items:center;gap:8px;min-width:0;display:flex}.preview-foot svg{color:#44d1c5;width:15px}.preview-foot span{min-width:0;display:grid}.preview-foot b{font-size:8px}.preview-foot small{color:#4f6b82;white-space:nowrap;text-overflow:ellipsis;font-size:6px;overflow:hidden}.preview-foot>a{background:#102438;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.preview-foot>a svg{width:12px}.ready-banner{background:linear-gradient(135deg,#0b2030,#081723);border:1px solid #28506b;border-radius:14px;grid-template-columns:48px 1fr 140px;align-items:center;gap:13px;padding:18px;display:grid}.ready-check{color:#4cddc9;background:#163c3b;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.ready-check svg{width:20px}.ready-banner span{color:#55d1c7;letter-spacing:.09em;font-size:7px}.ready-banner h3{margin:3px 0;font-size:15px}.ready-banner p{color:#657c91;margin:0;font-size:8px}.ready-banner>div:last-child{text-align:right}.ready-banner b{margin-top:4px;font-size:9px;display:block}.publish-cards{gap:8px;margin-top:13px;display:grid}.publish-cards>button{color:#fff;text-align:left;background:#071521;border:1px solid #18364e;border-radius:12px;grid-template-columns:38px 1fr 24px;align-items:center;gap:10px;min-height:72px;padding:13px;display:grid}.publish-cards>button>svg:first-child{color:#50d1c7;width:18px}.publish-cards>button>div{display:grid}.publish-cards b{font-size:10px}.publish-cards span{color:#61798f;margin-top:3px;font-size:7px}.publish-cards>button>svg:last-child{color:#4e6c83;width:13px}.publish-cards .deploy-card{background:linear-gradient(135deg,#0c2936,#0b2030);border-color:#2b6b73}.publish-cards button:disabled{opacity:.45;cursor:not-allowed}.deploy-log{background:#04101a;border:1px solid #29425a;border-radius:10px;gap:5px;margin-top:12px;padding:12px;display:grid}.deploy-log.ok{border-color:#286f57}.deploy-log.bad{border-color:#713544}.deploy-log-head{align-items:center;gap:7px;margin-bottom:4px;display:flex}.deploy-log-head svg{color:#4bd0c3;width:14px}.deploy-log code{color:#7990a6;white-space:pre-wrap;font-size:7px}.deploy-log strong{color:#ff8d9a;font-size:8px}.versions{gap:6px;display:grid}.versions>div{border:1px solid #173149;border-radius:9px;justify-content:space-between;align-items:center;padding:10px;display:flex}.versions>div>div{display:grid}.versions b{font-size:8px}.versions span{color:#5c748a;font-size:7px}.versions .secondary{min-height:30px;font-size:7px}.modal-back{z-index:2000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(520px,100%);box-shadow:var(--shadow);background:#081522;border:1px solid #1d3b53;border-radius:18px;padding:28px;position:relative}.modal-x{color:#71899e;background:#0b1b29;border:1px solid #1c364d;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.modal-x svg{width:14px}.qr-modal{text-align:center}.qr-modal>span{color:#4ed1c5;letter-spacing:.13em;font-size:7px}.qr-modal h2{margin:7px;font-size:24px}.qr-modal p{color:#657b90;font-size:9px;line-height:1.6}.qr-white{background:#fff;border-radius:13px;margin:12px;padding:17px;display:inline-block}.qr-modal code{color:#738ea5;word-break:break-all;background:#050f19;border-radius:8px;padding:10px;font-size:7px;display:block}.qr-modal small{color:#50687e;margin-top:10px;font-size:7px;line-height:1.5;display:block}@media (width<=1450px){.builder-grid{grid-template-columns:155px 505px minmax(460px,1fr)}.project-head,.project-line{grid-template-columns:minmax(230px,1.5fr) .9fr 100px 110px 90px 120px}.content{padding-left:26px;padding-right:26px}.client-grid{grid-template-columns:1fr 1fr}}@media (width<=1160px){.shell{grid-template-columns:76px 1fr}.side-brand span,.side nav button span,.side-bottom span{display:none}.side-brand{justify-content:center}.side nav button,.side-bottom>button{justify-content:center;padding:0}.prod-state{justify-content:center}.builder{height:auto;overflow:auto}.builder-top{position:sticky;top:0}.builder-grid{height:auto;display:block}.builder-nav{z-index:70;border-bottom:1px solid #142a3e;border-right:0;gap:4px;padding:7px;display:flex;position:sticky;top:70px;overflow:auto}.builder-nav .progress{display:none}.builder-nav>button{gap:7px;width:auto;min-width:max-content;height:38px;padding:0 10px;display:flex}.builder-nav>button>svg{display:none}.editor{border-right:0;max-width:760px;margin:auto;overflow:visible}.preview{max-width:980px;margin:auto}.browser{height:720px}.templates-page{grid-template-columns:1fr}.template-library{grid-template-columns:1fr 1fr}.template-big-preview iframe{height:760px}.project-head,.project-line{grid-template-columns:minmax(250px,1.5fr) 1fr 100px 120px}.project-head>span:nth-child(4),.project-head>span:nth-child(5),.project-line>div:nth-child(4),.project-line>div:nth-child(5){display:none}.settings-grid{grid-template-columns:1fr}}@media (width<=760px){.shell{display:block}.side{z-index:1000;border-top:1px solid #173047;border-right:0;height:62px;padding:5px 8px;display:block;position:fixed;inset:auto 0 0}.side-brand,.side-bottom{display:none}.side nav{grid-template-columns:repeat(5,1fr);gap:2px;height:100%;margin:0;display:grid}.side nav button{height:50px}.side nav button svg{width:17px}.main-shell{padding-bottom:62px}.top{height:auto;min-height:100px;padding:20px 16px;position:relative}.top p{max-width:240px}.top .primary,.top .secondary{width:42px;padding:0;font-size:0}.top .primary svg,.top .secondary svg{margin:0}.content{padding:18px 14px 50px}.hero-dashboard{grid-template-columns:1fr;min-height:330px;padding:28px 22px}.hero-dashboard h2{font-size:39px}.hero-dashboard p{font-size:10px}.factory-mark{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:95px}.panel-head{flex-direction:column;align-items:flex-start}.tools{grid-template-columns:1fr auto;width:100%;display:grid}.search{width:100%}.project-head{display:none}.project-line{grid-template-columns:1fr auto;gap:7px;padding:12px}.project-line>div:nth-child(2),.project-line>div:nth-child(3),.project-line>div:nth-child(4),.project-line>div:nth-child(5){display:none}.client-grid{grid-template-columns:1fr}.client-card{padding:15px}.templates-page{display:block}.template-library{grid-template-columns:1fr}.template-big-preview{margin-top:12px}.template-big-preview iframe{height:650px}.inquiry-list article{grid-template-columns:1fr}.settings-card,.deployment-info{padding:17px}.builder-top{height:62px;padding:0 8px}.builder-project{flex:1;min-width:0}.builder-project b{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.save-state,.builder-top .secondary{display:none}.builder-top .primary{width:40px;padding:0;font-size:0}.builder-nav{top:62px}.builder-nav>button{height:35px}.builder-nav>button>span{font-size:8px}.editor{padding:22px 15px 70px}.two,.three,.service-edit{grid-template-columns:1fr}.template-choice>button{grid-template-columns:100px 1fr 18px}.template-choice .template-diagram{min-height:86px}.add-row{grid-template-columns:1fr}.sort-row{grid-template-columns:22px 1fr 34px 28px 28px}.sort-row>button:last-child{display:none}.ready-banner{grid-template-columns:44px 1fr}.ready-banner>div:last-child{text-align:left;grid-column:2}.preview{padding:6px}.preview-top{grid-template-columns:1fr auto;align-content:center;height:auto;min-height:74px}.preview-top>div:first-child{display:none}.page-tabs{grid-area:2/1/auto/-1;justify-content:flex-start}.browser{height:650px}.browser.desktop,.browser.tablet,.browser.mobile{width:100%}.preview-foot{display:none}.modal{padding:22px 16px}.login-card{padding:30px 22px}.login-card h1{font-size:36px}}.toggle-card{cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.toggle-card>.toggle{background:#173047;border-radius:999px;flex:none;width:34px;height:19px;margin:0;display:block;position:relative}.toggle-card>.toggle i{background:#7e93a7;border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle-card>.toggle.on{background:#225b5b}.toggle-card>.toggle.on i{background:#4be0d1;left:18px}.image-field .image-drop{cursor:pointer;background:#06101a;border:1px dashed #29506d;border-radius:10px;align-content:center;place-items:center;height:145px;display:grid;position:relative;overflow:hidden}.image-field .image-drop>svg{color:#4fbec0;width:20px}.image-field .image-drop>b{margin-top:6px;font-size:9px}.image-field .image-drop>small{color:#526d84;margin-top:3px;font-size:7px}.image-field .image-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-field .image-drop img{object-fit:cover;width:100%;height:100%}.image-field.contain .image-drop img{object-fit:contain;background:#fff;padding:12px}.image-field>button{top:25px}.image-collection{gap:8px;display:grid}.collection-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.collection-item,.collection-add{aspect-ratio:1.25;background:#06101a;border:1px solid #17364e;border-radius:9px;position:relative;overflow:hidden}.collection-item img{object-fit:cover;width:100%;height:100%}.collection-item button{color:#ff7b88;background:#07131ddd;border:0;border-radius:6px;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:5px;right:5px}.collection-item button svg{width:12px}.collection-add{color:#607d95;cursor:pointer;border-style:dashed;align-content:center;place-items:center;display:grid}.collection-add svg{color:#42cec3;width:18px}.collection-add b{color:#9fb1c2;margin-top:4px;font-size:8px}.collection-add small{margin-top:2px;font-size:7px}.collection-add input{opacity:0;cursor:pointer;position:absolute;inset:0}.add-row-5{grid-template-columns:repeat(5,1fr)}.add-row-5 .add-block{padding:0 8px;font-size:7px}.faq-editor{grid-template-columns:1fr;gap:8px;display:grid}.submodule{background:#06111c;border:1px solid #173149;border-radius:10px;margin:10px 0;padding:12px}.custom-editor>.section-title{margin-top:20px}.readiness-warning{color:#f1d69e;background:#2a2112;border:1px solid #7d5e2d;border-radius:10px;gap:4px;margin-bottom:12px;padding:13px;display:grid}.readiness-warning b{font-size:9px}.readiness-warning span{font-size:8px}.image-drop:focus-within,.collection-add:focus-within{border-color:#43cfc4;box-shadow:0 0 0 3px #39d3c510}@media (width<=760px){.collection-grid,.add-row-5{grid-template-columns:1fr 1fr}.add-row-5 .add-block:last-child{grid-column:1/-1}}.top-actions{gap:8px;display:flex}.settings-note{background:#071521;border:1px solid #173149;border-radius:10px;align-items:flex-start;gap:10px;margin-top:18px;padding:13px;display:flex}.settings-note>svg{color:#48d2c5;flex:none;width:17px}.settings-note>div{gap:4px;display:grid}.settings-note b{font-size:9px}.settings-note span{color:#627b91;font-size:7px;line-height:1.55}@media (width<=760px){.top-actions .secondary{display:none}}.inquiry-list article>div:last-child{padding-right:40px;position:relative}.inquiry-delete{color:#e9828e;cursor:pointer;background:#160c12;border:1px solid #3a2530;border-radius:8px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:0;right:0}.inquiry-delete:hover{background:#251018;border-color:#75404a}.inquiry-delete svg{width:13px}.publish-cards .dns-card{background:linear-gradient(135deg,#0b1d2b,#0a1722);border-color:#25445b}.publish-cards .dns-card.ok{border-color:#286f57;box-shadow:inset 0 0 0 1px #286f5738}.publish-cards .dns-card.bad{border-color:#7a493c}.publish-cards .dns-card.ok>svg:first-child{color:#58d5a6}.publish-cards .dns-card.bad>svg:first-child{color:#ea9a75}.dns-error{color:#ef9aa5;background:#241016;border:1px solid #6e3c45;border-radius:9px;margin-top:10px;padding:10px 12px;font-size:8px;line-height:1.5}.image-drop,.collection-add{transition:border-color .18s,box-shadow .18s,background .18s}.image-drop:hover,.collection-add:hover{background:#071722;border-color:#3d7d8f}.builder-top{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.editor>.form{animation:.22s both editor-in}@keyframes editor-in{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.editor>.form{animation:none}}.restore-backup{cursor:pointer}.restore-backup input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.collection-add.dragging{box-shadow:inset 0 0 0 3px #39d3c51a;background:#0b2630!important;border-color:#48d2c5!important}