:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080d16;color:#edf4ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(820px 520px at 22% 0%,rgb(36 91 255 / .26),transparent 62%),radial-gradient(740px 520px at 84% 8%,rgb(132 182 91 / .2),transparent 60%),linear-gradient(145deg,#080d16,#0e1421 48%,#10170f)}:root[data-theme=light] body{background:radial-gradient(820px 520px at 22% 0%,rgb(45 103 255 / .16),transparent 62%),radial-gradient(740px 520px at 84% 8%,rgb(132 182 91 / .18),transparent 60%),linear-gradient(145deg,#f7f9fc,#eef3f9 48%,#f5f7ef);color:#172033}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#0c1320f5,#080c14fa),#0c1320;border-right:1px solid rgb(141 164 198 / .16);color:#f8fbff;display:flex;flex-direction:column;gap:28px;padding:24px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#2d67ff,#92bd5f);color:#fff;box-shadow:0 0 30px #2d67ff6b;font-weight:900}.brand strong,.brand span{display:block}.brand span{margin-top:2px;color:#91a0b7;font-size:13px}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;border-radius:8px;color:#aeb9cc;padding:11px 12px;font-size:14px;font-weight:650}.nav-item.active,.nav-item:hover{background:linear-gradient(135deg,#2d67ff3d,#92bd5f1f);border:1px solid rgb(91 132 255 / .3);color:#fff}.account-note{margin-top:auto;display:flex;gap:10px;background:#ffffff0a;border:1px solid rgb(141 164 198 / .18);border-radius:8px;color:#bdc8da;font-size:13px;line-height:1.45;padding:14px}.workspace{padding:34px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.ghl-context{align-items:stretch;background:linear-gradient(180deg,#121a2ad1,#0d1422b8);border:1px solid rgb(141 164 198 / .16);border-radius:8px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;margin-bottom:18px;padding:12px}.location-switcher{background:#ffffff0e;border:1px solid rgb(141 164 198 / .18);border-radius:8px;display:grid;gap:4px;padding:13px}.location-switcher span,.location-switcher em{color:#8f9db2;font-size:12px;font-style:normal;font-weight:800;text-transform:uppercase}.location-switcher strong{color:#f6faff;font-size:16px}.ghl-module-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ghl-module-row article{align-content:center;background:#ffffff0b;border:1px solid rgb(141 164 198 / .15);border-radius:8px;display:grid;gap:5px;min-height:86px;padding:13px}.ghl-module-row svg{color:#8fb0ff}.ghl-module-row span{color:#dfe7f5;font-size:13px;font-weight:850}.ghl-module-row strong{color:#8795aa;font-size:12px}h1,h2,h3,p{margin:0}h1{color:#f7fbff;font-size:38px;line-height:1.08;max-width:900px}.topbar p{color:#a9b7cc;margin-top:8px;max-width:760px;line-height:1.55}.workspace-kicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.workspace-kicker span{background:#ffffff0f;border:1px solid rgb(141 164 198 / .18);border-radius:8px;color:#b8c7df;font-size:12px;font-weight:850;padding:7px 9px;text-transform:uppercase}.ghost-button{align-items:center;background:#ffffff14;border:1px solid rgb(141 164 198 / .22);border-radius:8px;display:inline-flex;flex:0 0 auto;gap:8px;font-size:14px;font-weight:750;padding:11px 14px}.topbar-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.theme-control{align-items:center;background:#ffffff14;border:1px solid rgb(141 164 198 / .22);border-radius:8px;color:#eef5ff;display:inline-flex;gap:8px;padding:9px 10px}.theme-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;font-size:13px;font-weight:850;outline:0}.theme-control option{color:#172033}.api-state{border-radius:8px;font-size:13px;font-weight:850;padding:9px 10px;text-transform:capitalize}.api-state.live{background:#92bd5f38;color:#d8ffac;border:1px solid rgb(146 189 95 / .28)}.api-state.syncing{background:#2d67ff33;color:#cbd8ff}.api-state.fallback{background:#ffb2462e;color:#ffd49b}.hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px}.primary-panel,.ai-panel,.section{background:linear-gradient(180deg,#121a2aeb,#0d1422e0);border:1px solid rgb(141 164 198 / .18);border-radius:8px;box-shadow:0 18px 60px #00000047}.primary-panel{background:linear-gradient(135deg,#10192aeb,#101a16e0),radial-gradient(440px 240px at 92% 12%,rgb(45 103 255 / .32),transparent 70%);min-height:300px;padding:32px}.panel-heading{align-items:center;color:#9eb8ff;display:inline-flex;font-size:13px;font-weight:800;gap:8px;letter-spacing:0;margin-bottom:26px;text-transform:uppercase}.primary-panel h2{color:#fff;font-size:42px;line-height:1.02;max-width:720px}.primary-panel p{color:#b5c2d3;font-size:16px;line-height:1.65;margin-top:18px;max-width:720px}.flow{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.flow span{background:#ffffff12;border:1px solid rgb(141 164 198 / .22);border-radius:8px;color:#eaf0ff;font-size:13px;font-weight:800;padding:9px 11px}.ai-panel{align-content:end;background:radial-gradient(300px 240px at 82% 10%,rgb(146 189 95 / .36),transparent 72%),linear-gradient(180deg,#121b2c,#0b101b);color:#f7fbf6;display:grid;padding:28px}.ai-panel svg{color:#92bd5f;margin-bottom:18px}.ai-panel h3{font-size:24px;line-height:1.12}.ai-panel p{color:#cbd7ea;line-height:1.6;margin-top:12px}.prompt-box{background:#ffffff14;border:1px solid rgb(255 255 255 / .12);border-radius:8px;display:grid;gap:8px;margin-top:22px;padding:14px}.prompt-box span{color:#94a3bb;font-size:12px;font-weight:800;text-transform:uppercase}.prompt-box strong{color:#f8fbff;font-size:14px;line-height:1.4}.prompt-box button,.site-actions button{align-items:center;background:linear-gradient(135deg,#2d67ff,#224ec6);border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:850;gap:8px;justify-content:center;padding:10px 12px}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.stat-card{border-radius:8px;display:grid;gap:10px;min-height:118px;padding:18px;position:relative;overflow:hidden}.stat-card:after{border-radius:999px;content:"";height:110px;opacity:.32;position:absolute;right:-32px;top:-36px;width:110px}.stat-card span{color:#d7e2f5;font-size:13px;font-weight:800}.stat-card strong{align-self:end;color:#fff;font-size:32px}.stat-card.blue{background:linear-gradient(135deg,#2d67ffeb,#0f2a66eb)}.stat-card.green{background:linear-gradient(135deg,#668e3ef0,#224c30f0)}.stat-card.amber{background:linear-gradient(135deg,#d88b2df0,#643e12f0)}.stat-card.violet{background:linear-gradient(135deg,#7451e4f0,#2d2064f0)}.stat-card.blue:after{background:#8fb0ff}.stat-card.green:after{background:#d1ff93}.stat-card.amber:after{background:#ffd08a}.stat-card.violet:after{background:#c5b3ff}.section{margin-top:18px;padding:24px}.section-title{align-items:flex-start;display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title h2{color:#f6faff;font-size:22px}.section-title p{color:#9fadbf;line-height:1.5;margin-top:5px}.count{background:#92bd5f38;border-radius:8px;color:#d6ffa5;flex:0 0 auto;font-size:13px;font-weight:800;padding:8px 10px}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.site-card{background:linear-gradient(180deg,#ffffff0e,#ffffff08);border:1px solid rgb(141 164 198 / .18);border-radius:8px;padding:18px}.site-card-top{align-items:center;display:flex;justify-content:space-between}.site-status{border-radius:8px;font-size:12px;font-weight:850;padding:6px 8px;text-transform:capitalize}.site-status.needs-setup{background:#ffb2462e;color:#ffd69f}.site-card h3{font-size:21px;margin-top:18px}.site-card p{color:#9facbe;margin-top:5px}dl{display:grid;gap:10px;margin:18px 0 0}dl div{display:flex;justify-content:space-between;gap:12px}dt{color:#8391a5;font-size:13px}dd{color:#e7efff;font-size:13px;font-weight:800;margin:0;text-align:right}.site-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.site-actions button:last-child{background:linear-gradient(135deg,#92bd5f,#526e2f)}.command-center{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px}.preview-frame{background:#080d16;border:1px solid rgb(141 164 198 / .18);border-radius:8px;overflow:hidden}.preview-toolbar{align-items:center;background:#ffffff0d;border-bottom:1px solid rgb(141 164 198 / .15);display:flex;gap:8px;padding:12px}.preview-toolbar span{background:#64748b;border-radius:999px;height:10px;width:10px}.preview-toolbar span:first-child{background:#ff6b6b}.preview-toolbar span:nth-child(2){background:#ffbd45}.preview-toolbar span:nth-child(3){background:#92bd5f}.preview-toolbar strong{color:#9fadbf;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;margin-left:8px}.preview-canvas{background:linear-gradient(135deg,rgb(45 103 255 / .16),transparent 45%),linear-gradient(180deg,#121b2d,#0b111d);padding:24px}.preview-hero{background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid rgb(255 255 255 / .13);border-radius:8px;display:grid;gap:8px;min-height:150px;padding:20px}.preview-hero svg{color:#8fb0ff}.preview-hero strong{font-size:22px}.preview-hero span{color:#aebbd0}.preview-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.preview-columns span{background:#ffffff14;border:1px solid rgb(255 255 255 / .1);border-radius:8px;height:72px}.layer-list{display:grid;gap:10px}.layer-list button{align-items:center;background:#ffffff0d;border:1px solid rgb(141 164 198 / .18);border-radius:8px;color:#dfe8f8;cursor:pointer;display:grid;font:inherit;grid-template-columns:22px 1fr auto;gap:10px;padding:13px;text-align:left}.layer-list button.selected{background:linear-gradient(135deg,#2d67ff47,#92bd5f1a);border-color:#5b84ff85}.layer-list em{color:#92bd5f;font-size:12px;font-style:normal;font-weight:850}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.connector-list,.action-list{display:grid;gap:10px}.connector,.action{align-items:flex-start;background:#ffffff0b;border:1px solid rgb(141 164 198 / .18);border-radius:8px;display:grid;gap:12px;padding:14px}.connector{grid-template-columns:22px minmax(0,1fr) auto}.connector strong,.connector span,.connector em,.action strong,.action span{display:block}.connector span,.action span{color:#9ba8bb;font-size:13px;line-height:1.45;margin-top:3px}.connector small{color:#7f8ca2;display:block;font-size:12px;font-weight:750;line-height:1.4;margin-top:6px}.connector em{color:#bdc9dc;font-size:12px;font-style:normal;font-weight:850}.connected{color:#92bd5f}.planned{color:#ffbd65}.attention{color:#ff8181}.needs_oauth,.needs_secret{color:#ffbd65}.action{grid-template-columns:38px minmax(0,1fr)}.action-icon{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.action-icon.ready{background:#92bd5f33;color:#cfff9a}.action-icon.review{background:#2d67ff33;color:#b6c9ff}.action-icon.locked{background:#ffb2462b;color:#ffd49b}.activity-list{display:grid;gap:12px}.activity-list div{align-items:center;background:#ffffff0b;border:1px solid rgb(141 164 198 / .16);border-radius:8px;display:grid;grid-template-columns:12px 1fr;gap:12px;padding:13px}.activity-list span{background:#2d67ff;border-radius:999px;box-shadow:0 0 18px #2d67ffcc;height:9px;width:9px}.activity-list p{color:#dce5f4;line-height:1.45}.architecture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.architecture-grid div{background:#ffffff0b;border:1px solid rgb(141 164 198 / .14);border-radius:8px;display:grid;gap:8px;padding:18px}.architecture-grid strong,.architecture-grid span{display:block}.architecture-grid span{color:#9caabd;line-height:1.45}:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#fffffff5,#f3f7fcfa),#f8fbff;border-right-color:#151f331f;color:#172033}:root[data-theme=light] .brand span,:root[data-theme=light] .nav-item,:root[data-theme=light] .account-note,:root[data-theme=light] .topbar p,:root[data-theme=light] .section-title p,:root[data-theme=light] .site-card p,:root[data-theme=light] .connector span,:root[data-theme=light] .connector small,:root[data-theme=light] .action span,:root[data-theme=light] .preview-hero span,:root[data-theme=light] .activity-list p,:root[data-theme=light] .architecture-grid span,:root[data-theme=light] .ghl-module-row strong{color:#5e6b80}:root[data-theme=light] h1,:root[data-theme=light] .primary-panel h2,:root[data-theme=light] .section-title h2,:root[data-theme=light] .site-card h3,:root[data-theme=light] dd,:root[data-theme=light] .connector strong,:root[data-theme=light] .action strong,:root[data-theme=light] .preview-hero strong,:root[data-theme=light] .location-switcher strong,:root[data-theme=light] .ghl-module-row span,:root[data-theme=light] .architecture-grid strong{color:#172033}:root[data-theme=light] .primary-panel,:root[data-theme=light] .section,:root[data-theme=light] .ghl-context{background:linear-gradient(180deg,#ffffffe6,#f8fbffdb);border-color:#151f331f;box-shadow:0 18px 60px #151f331a}:root[data-theme=light] .primary-panel{background:linear-gradient(135deg,#ffffffeb,#f8fcf4e0),radial-gradient(440px 240px at 92% 12%,rgb(45 103 255 / .16),transparent 70%)}:root[data-theme=light] .ai-panel{background:radial-gradient(300px 240px at 82% 10%,rgb(146 189 95 / .28),transparent 72%),linear-gradient(180deg,#18243a,#101a2c)}:root[data-theme=light] .site-card,:root[data-theme=light] .connector,:root[data-theme=light] .action,:root[data-theme=light] .activity-list div,:root[data-theme=light] .architecture-grid div,:root[data-theme=light] .ghl-module-row article,:root[data-theme=light] .location-switcher,:root[data-theme=light] .layer-list button{background:#ffffffb8;border-color:#151f331f}:root[data-theme=light] .nav-item.active,:root[data-theme=light] .nav-item:hover{background:linear-gradient(135deg,#2d67ff24,#92bd5f1f);border-color:#2d67ff2e;color:#102a6a}:root[data-theme=light] .ghost-button,:root[data-theme=light] .theme-control,:root[data-theme=light] .workspace-kicker span,:root[data-theme=light] .flow span{background:#ffffffb8;border-color:#151f331f;color:#172033}:root[data-theme=light] .preview-frame{background:#f0f4fb;border-color:#151f331f}:root[data-theme=light] .preview-canvas{background:linear-gradient(135deg,rgb(45 103 255 / .1),transparent 45%),linear-gradient(180deg,#f8fbff,#eef3fb)}:root[data-theme=light] .preview-hero,:root[data-theme=light] .preview-columns span{background:#fffc;border-color:#151f331f}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid,.site-grid,.two-column,.command-center,.stats-row,.ghl-context,.ghl-module-row,.architecture-grid{grid-template-columns:1fr}.primary-panel h2{font-size:34px}.topbar{display:grid}.topbar-actions{align-items:flex-start;display:grid}}@media(max-width:620px){.workspace,.sidebar{padding:18px}nav{grid-template-columns:1fr}.primary-panel,.ai-panel,.section{padding:18px}h1{font-size:26px}.primary-panel h2{font-size:30px}dl div,.section-title{display:grid}dd{text-align:left}}
