@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eefcf7;background:#07110f;--bg:#07110f;--panel:#0c1916;--panel2:#10221d;--line:#1e3b33;--muted:#8eaaa1;--mint:#58e1c1;--mint2:#9ff4df}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.brand{display:flex;align-items:center;gap:7px;font:600 16px Space Grotesk;letter-spacing:.04em}.brand b{color:var(--mint)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.landing{min-height:100vh;background:radial-gradient(circle at 65% 12%,#12352d 0,transparent 34%),var(--bg)}.clientHero{padding:120px 0 150px;text-align:center}.clientHero h1{font:700 clamp(48px,8vw,88px)/.98 "Space Grotesk";letter-spacing:-.055em;margin:26px auto;max-width:980px}.clientHero h1 span{color:var(--mint)}.clientHero>p{max-width:720px;margin:0 auto 30px;color:var(--muted);font-size:18px;line-height:1.7}.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #2b5d50;border-radius:99px;color:var(--mint2);font-size:12px;background:#0d201b}.clientBenefits{margin-top:28px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:#8eaaa1;font-size:12px}.clientBenefits span{display:flex;align-items:center;gap:6px}.clientBenefits svg{width:14px;color:var(--mint)}.footer{padding:38px 0 54px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.primaryBtn,.ghostBtn,.googleBtn{border:0;border-radius:10px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.primaryBtn{background:var(--mint);color:#04110d}.primaryBtn:hover{background:var(--mint2)}.primaryBtn:disabled{opacity:.45;cursor:not-allowed}.primaryBtn.big{min-height:54px;padding:0 24px}.ghostBtn{background:#10231e;color:#dff7ef;border:1px solid var(--line)}.authPage{min-height:100vh;display:grid;place-items:center;padding:30px}.backLink{position:absolute;top:24px;left:24px;background:none;border:0;color:var(--muted)}.authCard{width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:18px;background:#0c1916}.brand.solo{margin-bottom:30px}.authCard h1{font:600 34px Space Grotesk;letter-spacing:-.04em;margin:0 0 8px}.authCard>p{color:var(--muted);margin:0 0 26px}.authCard form{display:grid;gap:15px}.authCard label,.adminPanel label{font-size:12px;font-weight:700;color:#bcd2ca;display:grid;gap:7px}.authCard input,.adminPanel input,.adminPanel textarea,.composer textarea{border:1px solid #29483f;border-radius:9px;background:#08120f;color:#fff;outline:0}.authCard input,.adminPanel input{height:46px;padding:0 12px}.authCard input:focus,.adminPanel input:focus,.adminPanel textarea:focus,.composer textarea:focus{border-color:var(--mint)}.passwordLabel{position:relative}.passwordLabel input{padding-right:48px}.passwordToggle{position:absolute;right:8px;bottom:7px;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#9ff4df;display:grid;place-items:center}.noticeBox{padding:10px 12px;border:1px solid #2f6b5a;border-radius:8px;background:#10281f;color:#bff5e5;font-size:13px;line-height:1.45}.errorBox{padding:10px 12px;border:1px solid #6f3035;border-radius:8px;background:#301519;color:#ffc6cb;font-size:13px}.authDivider{display:flex;align-items:center;gap:10px;color:#718f85;font-size:11px;margin:18px 0 12px}.authDivider span{height:1px;background:#1e3b33;flex:1}.googleBtn{width:100%;background:#fff;color:#18211e;border:1px solid #d9e0dd}.googleBtn b{font:700 18px Arial;color:#4285f4}.switchAuth{width:100%;margin-top:18px;background:none;border:0;color:var(--mint)}.studio{min-height:100vh}.studioHeader{position:fixed;z-index:30;top:0;left:0;right:0;height:64px;border-bottom:1px solid var(--line);background:#07110ff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.studioRight{display:flex;align-items:center;gap:8px}.usage{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:11px}.roleBadge{margin-left:5px;padding:4px 7px;border:1px solid #2a5549;border-radius:99px;color:#7ecbb8;font:700 9px DM Sans;letter-spacing:.12em}.iconBtn{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#10231e;color:#fff;display:grid;place-items:center}.mobileMenuBtn{display:none}.sidebar{position:fixed;top:64px;bottom:0;left:0;width:245px;border-right:1px solid var(--line);background:#091411;padding:16px;display:flex;flex-direction:column;z-index:20}.sideTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.projectList{display:grid;gap:5px;overflow:auto}.project{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#dbece6;padding:11px;border-radius:9px;display:grid;gap:4px}.project small{color:#718f85;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project.active{background:#10231e;border-color:#22483e}.sideInfo{margin-top:auto;border:1px solid var(--line);border-radius:11px;background:#0d1b17;padding:14px;display:grid;gap:7px;color:var(--muted);font-size:11px;line-height:1.45}.sideInfo svg,.sideInfo b{color:var(--mint)}.mobileLogout{display:none;margin-top:10px;height:38px;border:1px solid var(--line);border-radius:8px;background:#10231e;color:#fff}.studioMain{margin-left:245px;padding-top:64px;min-height:100vh}.studioError{margin:16px 18px 0;display:flex;gap:8px;align-items:center}.emptyStudio{min-height:calc(100vh - 64px);display:grid;place-items:center;align-content:center;text-align:center;gap:10px;padding:30px}.emptyStudio h1{font:600 38px Space Grotesk;margin:8px 0 0}.emptyStudio p{color:var(--muted);max-width:560px}.workHeader{min-height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.workHeader>div:first-child{font-size:9px;color:#719187;letter-spacing:.12em}.workHeader h1{font:600 24px Space Grotesk;color:#fff;letter-spacing:-.03em;margin:5px 0 0}.statusDot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:5px}.workActions{display:flex;gap:8px;align-items:center}.linkBtn{font-size:12px}.reviewBadge{min-height:42px;padding:0 12px;border:1px solid #365148;border-radius:10px;display:inline-flex;align-items:center;gap:7px;color:#9bc2b6;font-size:12px}.workspace{height:calc(100vh - 158px);display:grid;grid-template-columns:minmax(330px,44%) 1fr}.chat{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.chatNav{height:46px;flex:none;padding:0 10px 0 14px;border-bottom:1px solid var(--line);background:#0b1714;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700}.chatNav>div:last-child{display:flex;gap:6px}.chatNav button,.miniBtn{height:30px;border:1px solid #29483f;border-radius:7px;background:#10231e;color:#bfe4d9;padding:0 9px;font-size:11px;font-weight:700}.messages{flex:1;min-height:0;overflow:auto;padding:18px;overscroll-behavior:contain}.msg{max-width:88%;margin-bottom:13px;padding:12px 14px;border-radius:12px}.msg small{font-size:9px;letter-spacing:.12em;color:#6f9186}.msg p{margin:5px 0 0;white-space:pre-wrap;line-height:1.5;font-size:13px}.msg.user{margin-left:auto;background:#173b32}.msg.agent{background:#10201b;border:1px solid var(--line)}.thinking{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:10px}.composer{border-top:1px solid var(--line);padding:12px;display:grid;grid-template-columns:1fr auto;gap:9px;background:#091411}.composer textarea{resize:none;padding:10px;min-width:0}.suggestBox{display:grid;gap:9px;padding:18px;border:1px dashed #285044;border-radius:13px;color:var(--muted)}.suggestBox>b{color:#fff}.suggestBox button{text-align:left;border:1px solid var(--line);border-radius:8px;padding:10px;background:#0e201b;color:#cce3dc}.previewPane{min-width:0;display:flex;flex-direction:column;background:#dfe8e4}.previewTop{height:44px;flex:none;padding:0 12px;background:#0c1916;color:#73988d;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em}.previewActions{display:flex;align-items:center;gap:8px}.checks{display:flex;gap:5px;align-items:center;color:var(--mint)}.previewPane iframe,.adminPreview iframe{width:100%;height:100%;border:0;background:#fff}.previewEmpty{height:100%;display:grid;place-items:center;align-content:center;color:#547267;gap:8px;text-align:center;padding:24px}.previewEmpty b{color:#28483e}.previewFull{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1000!important;width:100vw!important;height:100dvh!important}.previewFull .previewTop{height:52px}.publicSite{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#fff}.centerPage{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.loader{width:16px;height:16px;border:2px solid #285044;border-top-color:var(--mint);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.adminWorkspace{height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(360px,42%) 1fr}.adminPanel{padding:22px;border-right:1px solid var(--line);overflow:auto;display:grid;align-content:start;gap:16px;background:#091411}.panelTitle span{font-size:9px;letter-spacing:.16em;color:#719187}.panelTitle h1{font:600 25px Space Grotesk;margin:5px 0 0}.adminPanel label small{color:#718f85;font-weight:400}.htmlEditor{min-height:280px;padding:12px;resize:vertical;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.toggleRow{grid-template-columns:auto 1fr!important;align-items:start!important;gap:10px!important;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0d1b17}.toggleRow input{width:18px;height:18px;margin:2px 0 0}.toggleRow span{display:grid;gap:4px}.adminActions{display:flex;gap:8px;flex-wrap:wrap}.publishedLink{display:inline-flex;align-items:center;gap:6px;color:var(--mint);font-size:12px}.adminPreview{min-width:0;display:flex;flex-direction:column;background:#dfe8e4}.adminPreview .previewTop{height:44px}@media(max-width:900px){.clientHero{padding-top:80px}.sidebar{transform:translate(-100%);transition:.2s;width:min(290px,86vw);box-shadow:25px 0 50px #0008}.sidebar.open{transform:translate(0)}.studioMain{margin-left:0}.mobileMenuBtn{display:grid}.desktopOnly{display:none}.mobileLogout{display:block}.workspace,.adminWorkspace{grid-template-columns:1fr;height:auto}.chat{border-right:0;min-height:620px}.previewPane,.adminPreview{height:70vh;border-top:1px solid var(--line)}.workHeader{align-items:flex-start;flex-direction:column}.workActions{width:100%;flex-wrap:wrap}.workActions>*{flex:1}.composer{grid-template-columns:1fr}.composer .primaryBtn{width:100%}.adminPanel{border-right:0}.usage{display:none}}@media(max-width:520px){.clientHero h1{font-size:48px}.clientHero>p{font-size:16px}.authCard{padding:24px}.workActions{display:grid}.workHeader{padding:14px}.messages{padding:12px}.msg{max-width:94%}.chatNav span:not(.statusDot){display:none}.roleBadge{display:none}}