:root { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #f6f8fc; color:#15213b; font-synthesis:none; } *{box-sizing:border-box} body{margin:0} button,input{font:inherit} button{cursor:pointer} .workspace{min-height:100vh;display:flex} .sidebar{width:247px;background:#0c172d;color:#d3d9e7;min-height:100vh;display:flex;flex-direction:column;padding:27px 18px;position:sticky;top:0;height:100vh} .side-brand{display:flex;align-items:center;gap:11px;padding:1px 10px 49px;font-size:15px;font-weight:780;color:white}.side-brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#8996b0;padding-top:3px}.symbol-small{width:39px;height:39px;background:#1969eb;display:grid;place-items:center;border-radius:11px;color:white;font-size:15px;box-shadow:0 7px 20px #0c4bb850}.nav-heading{color:#7888a3;font-size:10px;font-weight:760;letter-spacing:1.7px;padding:0 14px 15px}.nav-item{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:9px;font-size:13px}.nav-item.active{background:#183660;color:#fff;font-weight:640}.nav-ico{font-size:20px}.nav-chevron{margin-left:auto;color:#94baf0}.side-spacer{flex:1}.sidebar-note{background:#142542;border:1px solid #284162;border-radius:13px;padding:17px;margin:0 5px 21px}.sidebar-note>span{display:block;color:#70a7ff;font-size:22px;padding-bottom:6px}.sidebar-note strong{font-size:12px;color:white}.sidebar-note p{font-size:11px;line-height:1.65;color:#9aaac6;margin-bottom:0}.logout{background:transparent;color:#b9c6da;border:0;padding:12px 17px;font-size:12px;text-align:left;width:100%}.main{min-width:0;flex:1}.topbar{height:73px;border-bottom:1px solid #e6ebf3;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 48px}.crumb,.slash{font-size:12px;color:#96a2b6}.slash{padding:0 12px}.crumb-current{font-size:12px;font-weight:650}.top-right{font-size:12px;color:#8793a7;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#2bb57d}.content-wrap{max-width:1350px;margin:auto;padding:45px 48px 35px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#8390a4}.eyebrow.accent{color:#256be7}h1{font-size:35px;letter-spacing:-1.15px;margin:9px 0 9px;line-height:1.18;color:#101e38}.dot{color:#216de4}.intro>p{color:#7b899c;font-size:13px;margin:0;line-height:1.65}.process{display:flex;align-items:center;gap:17px;margin:35px 0 28px;max-width:540px}.process>div{display:flex;align-items:center;gap:9px;white-space:nowrap}.process strong{font-size:11px;color:#78879e;font-weight:650}.step-number{font-size:11px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8edf4;color:#8291a6;font-weight:750}.step-number.selected{background:#2369e4;color:white}.process-line{height:1px;background:#dfe5ef;min-width:12px;flex:1}.layout-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,0.85fr);align-items:start;gap:25px}.form-card,.preview-panel{background:white;border:1px solid #e8edf4;border-radius:15px;box-shadow:0 8px 26px rgba(29,52,88,.035)}.form-card section{padding:26px 31px 23px;border-bottom:1px solid #edf0f5}.section-title{display:flex;align-items:center;gap:13px;margin-bottom:25px}.section-title h2{font-size:15px;margin:0 0 3px;letter-spacing:-.2px}.section-title p,.preview-heading p{color:#97a3b3;font-size:11px;margin:0}.section-icon{width:36px;height:36px;background:#eef4ff;border-radius:10px;color:#1764e4;display:grid;place-items:center;font-size:22px}.field{margin-top:16px}.field label{display:block;font-size:12px;font-weight:670;color:#34435c;margin-bottom:8px}.required,.consent strong{color:#ed5959}.field input:not([type=color]):not([type=file]){width:100%;height:44px;border:1px solid #dfe6ef;border-radius:8px;padding:0 13px;font-size:12px;color:#1e2e48;background:#fff;outline:0}.field input:focus{border-color:#4585f1;box-shadow:0 0 0 3px #4585f11b}.field input::placeholder{color:#adbacb}.help{font-size:10px;line-height:1.55;color:#96a3b6;margin-top:7px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-input{border:1px solid #dfe6ef;border-radius:8px;height:44px;padding:5px 10px;display:flex;align-items:center;gap:12px}.color-input input{width:28px;height:27px;appearance:none;-webkit-appearance:none;padding:0;border:none;background:transparent;cursor:pointer}.color-input input::-webkit-color-swatch{border-radius:5px;border:0}.color-input span{font-size:12px;font-weight:700;color:#475774}.upload-label{height:44px;display:flex!important;align-items:center;justify-content:center;border:1px dashed #a8b6ca;border-radius:8px;cursor:pointer;color:#376ac2!important;font-size:12px!important;margin-bottom:0!important}.upload-label input{display:none}.optional{font-weight:400;font-size:10px;color:#9ca9b8}.consent{display:flex;align-items:flex-start;gap:11px;font-size:11px;color:#62718a;line-height:1.65;margin-top:22px;cursor:pointer}.consent input{margin-top:3px;accent-color:#246ce6}.submit-wrap{padding:23px 31px 26px}.primary-btn{background:#236ce6;color:white;border:0;border-radius:8px;padding:13px 16px;width:100%;font-weight:680;font-size:13px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 18px #236ce625}.primary-btn:hover{background:#155bd1}.submit-wrap>p{font-size:10px;color:#9da9bb;text-align:center;margin:13px 0 0;line-height:1.5}.preview-panel{padding:21px 22px 28px}.preview-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.preview-heading h2{font-size:13px;margin:0 0 5px}.preview-pill{font-size:9px;color:#3e70cc;background:#eef5ff;border:1px solid #dce9fe;border-radius:5px;padding:5px 7px;font-weight:700}.phone{width:238px;height:461px;margin:29px auto 1px;background:white;border:7px solid #142033;box-shadow:0 13px 35px #10224226;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;position:relative}.phone-island{position:absolute;left:74px;top:0;width:78px;height:15px;background:#142033;border-radius:0 0 13px 13px;z-index:2}.phone-bar{height:62px;flex:none;color:white;display:flex;align-items:end;padding:0 13px 11px;justify-content:space-between;font-weight:730;font-size:12px;background:#2563eb}.phone-bar span{font-size:22px;line-height:16px}.phone-screen{flex:1;background:#f8fbff;display:flex;align-items:center;flex-direction:column;padding:38px 20px 14px}.app-logo img{width:62px;height:62px;object-fit:cover;border-radius:16px;box-shadow:0 7px 14px #15213b20}.preview-title{font-size:12px;color:#253650;font-weight:700;margin-top:21px;text-align:center;max-width:190px;overflow-wrap:anywhere}.preview-desc{font-size:9px;line-height:1.65;color:#8493aa;text-align:center;margin-top:8px}.fake-card{background:#eaf0f9;height:33px;border-radius:7px;width:100%;margin-top:25px}.fake-card.small{width:75%;height:26px;margin-top:10px}.phone-nav{display:flex;border-top:1px solid #e9eff7;height:48px;flex:none;justify-content:space-around}.phone-nav div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.phone-nav b{font-size:17px;color:#546780;line-height:17px}.phone-nav span{font-size:7px;color:#7788a0}.tip-panel{background:#eef4fc;border:1px solid #dfebfb;border-radius:12px;display:flex;gap:12px;padding:17px;margin-top:18px}.tip-icon{font-size:19px;color:#246ce6}.tip-panel strong{font-size:11px;color:#294771}.tip-panel p{font-size:10px;line-height:1.7;color:#7790b1;margin:6px 0 0}.bottom-note{text-align:center;color:#9aa8bb;font-size:9px;letter-spacing:1.6px;margin-top:29px}.bottom-note span{padding:0 8px}.alert{border:1px solid #f1c7c7;background:#fff2f2;color:#9c3e3e;border-radius:9px;padding:14px 17px;font-size:12px;margin:14px 0 20px;line-height:1.6}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-panel{max-width:520px;margin:auto;width:100%;padding:55px}.brand-symbol{font-size:25px;font-weight:870;background:#1d6de8;color:white;border-radius:14px;width:63px;height:63px;display:grid;place-items:center;letter-spacing:-1px;margin-bottom:40px}.brand-symbol span{font-size:10px;margin-top:-28px;margin-left:29px}.login-panel h1{font-size:43px;margin:11px 0}.login-panel>.muted{color:#8995a8;font-size:14px;line-height:1.7}.login-form{margin-top:39px}.login-form label{font-size:12px;color:#33445e;font-weight:670;display:block;margin-bottom:9px}.login-form input{width:100%;border:1px solid #d9e2ed;border-radius:8px;padding:14px;margin-bottom:16px}.fine{font-size:11px;color:#99a7b8;margin-top:45px}.login-side{background:radial-gradient(circle at 74% 32%,#256be5 0,transparent 38%),linear-gradient(145deg,#07162f,#0a2755 65%,#144b92);position:relative;overflow:hidden;display:flex;align-items:end;padding:80px}.big-orb{height:350px;width:350px;position:absolute;top:10%;left:23%;border:1px solid #76abff50;border-radius:50%;box-shadow:0 0 0 70px #4486e910,0 0 0 140px #4486e909}.side-content{position:relative;max-width:450px}.side-kicker{font-size:12px;color:#85b5f9;letter-spacing:3px;font-weight:720}.side-content h2{font-size:38px;line-height:1.12;color:white;letter-spacing:-1px}.side-content p{font-size:14px;line-height:1.8;color:#aac2e3}
@media(max-width:1200px){.content-wrap{padding:35px 25px}.topbar{padding:0 25px}.layout-grid{grid-template-columns:1.3fr .85fr;gap:16px}.sidebar{width:208px}.form-card section,.submit-wrap{padding-left:22px;padding-right:22px}.preview-panel{padding:20px 10px}}@media(max-width:900px){.sidebar{width:75px;padding:24px 11px}.side-brand{font-size:0;padding:0 5px 40px}.side-brand small,.nav-heading,.nav-item:not(.active),.nav-item.active .nav-chevron,.sidebar-note,.logout{display:none}.nav-item.active{font-size:0;justify-content:center;padding:10px}.nav-ico{font-size:22px}.layout-grid{grid-template-columns:1fr}.preview-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.tip-panel{margin-top:0}.login-layout{grid-template-columns:1fr}.login-side{display:none}}@media(max-width:640px){.sidebar{display:none}.topbar{height:56px;padding:0 18px}.content-wrap{padding:27px 14px}h1{font-size:28px}.process{gap:8px;margin:25px 0}.process strong{font-size:9px}.process>div{gap:5px}.step-number{width:25px;height:25px;font-size:9px}.preview-column{grid-template-columns:1fr}.form-card section{padding:22px 17px}.submit-wrap{padding:20px 17px}.two-fields{grid-template-columns:1fr}.bottom-note{line-height:1.8}.login-panel{padding:30px}}
/* E15 1.1: persistent projects, secure cloud builds */
a { color: #256be7; text-decoration: none; }
a:hover { text-decoration: underline; }
a.nav-item { color: #c7d5eb; }
a.nav-item:hover { background: #183660; text-decoration: none; }
.projects-heading { margin-top: 26px; }
.project-nav { max-height: 40vh; overflow-y: auto; scrollbar-width: thin; }
.project-link { padding: 11px 12px; margin-bottom: 5px; }
.project-link.is-current { background: #1d3c65; color: #fff; }
.project-link-name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:175px; }
.project-link-name small { display:block; color:#849dbf; font-size:9px; padding-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.muted-side { color:#98a9c4; font-size:11px; padding-left:15px; }
.success { border:1px solid #b8e8d4; background:#f2fcf6; color:#1a754e; padding:13px 17px; border-radius:9px; margin:12px 0 20px; font-size:12px; }
.setup-banner { border:1px solid #dce6f5; background:#f2f6fc; padding:14px 17px; border-radius:10px; line-height:1.55; font-size:12px; margin:10px 0 26px; color:#4d6282; }
.setup-banner strong { color:#243d5f; }
.field input[readonly] { background:#f1f5fa!important; color:#78889d!important; cursor:not-allowed; }
.build-card { margin-top:29px; background:#fff; border:1px solid #e8edf4; border-radius:15px; padding:25px 30px; box-shadow:0 8px 26px rgba(29,52,88,.035); }
.build-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.build-heading h2 { color:#13213a; font-size:20px; letter-spacing:-.4px; margin:8px 0 5px; }
.build-heading p { font-size:11px; color:#8595ab; margin:0; line-height:1.7; }
.build-status { display:inline-flex; align-items:center; border-radius:16px; padding:6px 10px; background:#fff4e5; color:#a36a1b; font-weight:700; font-size:10px; white-space:nowrap; }
.build-status.ready { background:#e8fbf2; color:#178759; }
.build-actions { display:flex; flex-wrap:wrap; align-items:center; gap:11px; margin-top:25px; }
.build-actions form { margin:0; }
.action-primary, .action-secondary { display:inline-flex; text-align:center; justify-content:center; align-items:center; min-height:39px; padding:10px 16px; border-radius:8px; font-size:12px; font-weight:700; border:1px solid #246ce6; }
.action-primary { background:#246ce6; color:white; }
.action-secondary { color:#246ce6; background:white; }
.action-primary:disabled,.action-secondary:disabled { border-color:#d4dce8; background:#eff2f6; color:#a1adc0; cursor:not-allowed; }
.jobs-heading { border-top:1px solid #eff2f7; margin-top:25px; padding-top:21px; }
.jobs-heading h2 { font-size:17px; }
.empty-jobs { margin-top:16px; padding:27px 12px; text-align:center; border:1px dashed #dae2ef; border-radius:10px; color:#92a0b4; font-size:12px; }
.jobs-table { overflow-x:auto; font-size:12px; margin-top:16px; }
.job-head,.job-row { display:grid; grid-template-columns:1fr 1fr 1.3fr 1.5fr; align-items:center; min-width:490px; column-gap:15px; padding:13px 16px; border-bottom:1px solid #eaf0f7; }
.job-head { background:#f7f9fc; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-weight:750; color:#8d9aab; border-radius:8px 8px 0 0; }
.job-row small { display:block; padding-top:4px; color:#9aaabc; font-size:10px; }
.job-row>span:nth-child(3) { color:#8a98ac; font-size:10px; }
.job-pill { padding:5px 9px; border-radius:12px; background:#ecf4ff; color:#3566ac; font-size:10px; font-weight:750; }
@media(max-width:900px){ .project-nav,.projects-heading {display:none;} }
@media(max-width:640px){ .build-card{padding:17px} .build-heading{align-items:flex-start} .build-actions{flex-direction:column;align-items:stretch}.build-actions form,.build-actions button,.build-actions a{width:100%} }

.status-dot.is-offline { background:#f6ad55; }