.cloud-page{background:#f7f9fc}.cloud-nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650;color:#586780}.cloud-main{min-height:calc(100vh - 190px);padding-top:54px;padding-bottom:80px;max-width:1320px}.cloud-main:focus{outline:0}.cloud-page .site-footer{background:#fff}.cloud-loading{display:flex;gap:12px;align-items:center;justify-content:center;min-height:340px;color:#61718a;font-size:14px}.loading-dot{width:9px;height:9px;background:#3477fa;border-radius:50%;box-shadow:0 0 0 6px #e5edff}.cloud-notice{padding:15px 18px;border:1px solid #c9dafa;background:#edf4ff;color:#244d8d;border-radius:12px;margin-bottom:24px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.cloud-notice[data-tone=error]{color:#8a333b;background:#fff3f3;border-color:#f2d1d5}.cloud-notice[data-tone=success]{color:#176447;background:#effaf5;border-color:#c6e9d7}.cloud-notice a{text-decoration:underline}.cloud-muted{color:#637087;font-size:14px;line-height:1.75}.welcome-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid #dfe7f2;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(27,50,90,.05)}.welcome-story{background:radial-gradient(ellipse at 100% 10%,#163e79,transparent 65%),#0c172c;color:#fff;padding:54px 44px}.welcome-story h1{font-size:clamp(32px,3.4vw,47px);line-height:1.15;letter-spacing:-1.9px;margin:26px 0 19px}.welcome-story>p{color:#b1c0d9;font-size:15px;line-height:1.8}.welcome-preview{background:#12213b;border:1px solid #2d4162;border-radius:14px;padding:18px 20px;margin:30px 0}.preview-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#89a6d6;padding-bottom:17px;border-bottom:1px solid #293b5a}.preview-dots{color:#46618d;letter-spacing:3px}.preview-row{display:flex;align-items:center;gap:13px;padding-top:20px}.preview-glyph{display:grid;place-items:center;height:35px;width:35px;background:#233b62;color:#a7c7fb;border-radius:10px;font-size:22px}.preview-row strong{display:block;font-size:12px;font-weight:650}.preview-row div>span{display:block;color:#91a6c8;font-size:10px;margin-top:6px}.preview-line{height:5px;width:28px;border-radius:4px;background:#35527c;margin-left:auto}.welcome-features{list-style:none;padding:0;display:grid;gap:18px;font-size:13px;color:#d5e0f4}.welcome-features li{display:flex;align-items:center;gap:13px}.welcome-features li>span{color:#7399d7;font-size:10px;font-weight:750}.welcome-story .welcome-note{font-size:11px;color:#91a7ca;margin-top:28px}.access-panel{padding:54px 44px}.access-panel h2{font-size:29px;letter-spacing:-1px;margin:0 0 15px}.access-panel>.cloud-muted{margin-bottom:28px}.cloud-label{display:block;font-size:12px;font-weight:750;color:#41516b;margin:18px 0 9px}.cloud-input{width:100%;min-width:0;border:1px solid #dbe3ee;background:#fff;border-radius:10px;padding:13px 14px;color:#1b2c47;font-size:14px;line-height:1.5;transition:border-color .15s}.cloud-input::placeholder{color:#8b97aa}.cloud-input:hover{border-color:#9eb6d8}.key-input,.recovery-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.field-help{font-size:12px;color:#6b7890;line-height:1.65;margin:10px 0 18px}.cloud-wide{width:100%}.access-divider{display:flex;align-items:center;gap:12px;margin:29px 0 20px;color:#8390a4;font-size:11px}.access-divider:before,.access-divider:after{content:"";height:1px;background:#e7ecf4;flex:1}.restore-panel summary{cursor:pointer;color:#326acc;font-weight:700;font-size:13px;padding:4px 0}.restore-panel[open] summary{margin-bottom:15px}.access-foot{color:#7f8ba0;font-size:11px;line-height:1.7;margin:27px 0 0}.access-foot a{text-decoration:underline;text-underline-offset:2px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.dashboard-heading h1{font-size:clamp(31px,4vw,43px);line-height:1.16;letter-spacing:-1.6px;overflow-wrap:anywhere;margin:0 0 12px}.dashboard-heading .cloud-muted{margin:0}.heading-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.plan-badge{font-size:11px;font-weight:800;background:#e8efff;color:#3168cb;border:1px solid #d3e2ff;padding:7px 12px;border-radius:7px;text-transform:uppercase;letter-spacing:1px}.plan-badge[data-plan=pro]{color:#12634b;background:#e5f6ee;border-color:#bfe5d5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:28px;align-items:start}.projects-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 20px}.projects-heading h2{font-size:21px;letter-spacing:-.55px;margin:0 0 8px;display:flex;align-items:center;gap:11px}.projects-heading p{font-size:12px;line-height:1.6;margin:0;color:#718096}.number-badge{font-size:10px;font-weight:700;color:#75849a;background:#e9eef6;border:1px solid #dfe6f1;padding:4px 7px;border-radius:5px;letter-spacing:0}.browser-build{background:#edf3fe;border:1px dashed #bbcff3;border-radius:12px;padding:17px;display:flex;align-items:center;gap:14px;margin-bottom:24px}.browser-icon{font-size:22px;color:#487bc7;width:30px;flex-shrink:0;text-align:center}.browser-build strong{font-size:12px;color:#294c83}.browser-build p{font-size:11px;color:#6681aa;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere}.browser-build>div{flex:1;min-width:0}.browser-build>.btn{flex-shrink:0}.project-list{display:grid;gap:13px}.project-card{background:#fff;border:1px solid #dfe7f1;border-radius:13px;padding:21px 22px;box-shadow:0 4px 15px #20335403}.project-card-head{display:flex;align-items:start;gap:14px}.project-symbol{display:grid;place-items:center;color:#487bf1;background:#edf2ff;border:1px solid #dce7ff;width:39px;height:42px;flex-shrink:0;font-size:23px;border-radius:11px}.project-title-group{min-width:0;flex:1}.project-card h3{font-size:16px;letter-spacing:-.3px;line-height:1.45;margin:0 0 6px;overflow-wrap:anywhere}.project-card h3 a:hover{color:#3477fa}.project-meta{font-size:11px;line-height:1.7;color:#7c899c;display:flex;gap:10px;flex-wrap:wrap}.shared-tag{font-size:9px;font-weight:650;color:#447b67;background:#eaf6f0;padding:3px 6px;border-radius:4px;white-space:nowrap}.project-actions{display:flex;align-items:center;gap:6px;padding-top:17px;margin-top:16px;border-top:1px solid #edf0f5;flex-wrap:wrap}.project-actions .btn{font-size:11px;padding:9px 11px}.project-actions .project-delete{margin-left:auto;color:#987078}.project-actions .project-delete:hover{color:#a73b49;background:#fff2f3}.empty-projects{padding:48px 22px;background:#fff;border:1px dashed #d5deec;border-radius:14px;text-align:center}.empty-symbol{display:grid;place-items:center;margin:0 auto 17px;width:50px;height:50px;background:#f0f4fc;color:#6590d8;border-radius:14px;font-size:29px}.empty-projects h3{font-size:19px;letter-spacing:-.5px;margin:0 0 11px}.empty-projects p{font-size:13px;line-height:1.8;color:#718099;max-width:350px;margin:0 auto 20px}.plan-panel{background:radial-gradient(ellipse at 100% 0%,#1b3d72,transparent 55%),#101c31;border:1px solid #233653;color:#fff;border-radius:15px;padding:27px 24px}.plan-eyebrow{font-size:9px;color:#98b9f0;letter-spacing:1.7px;font-weight:750}.plan-panel h2{font-size:25px;line-height:1.23;letter-spacing:-.8px;margin:18px 0 14px}.plan-panel>p{color:#a7b8d3;font-size:12px;line-height:1.75}.plan-benefits{list-style:none;padding:20px 0;margin:20px 0;border-top:1px solid #2b3b55;border-bottom:1px solid #2b3b55;display:grid;gap:19px}.plan-benefits li{display:flex;gap:12px;color:#8da6cd;font-size:11px;line-height:1.6}.plan-benefits li>span:first-child{color:#7bacf7}.plan-benefits strong{display:block;color:#e0eafa;font-weight:650;font-size:12px;margin-bottom:3px}.billing-price{font-size:30px;font-weight:750;letter-spacing:-1px;margin-bottom:12px}.billing-price small{font-size:12px;letter-spacing:0;font-weight:500;color:#a7b8d3}.plan-panel .billing-status{color:#c6d7f1;font-size:12px;margin:16px 0}.plan-panel .cloud-wide+.cloud-wide{margin-top:10px}.plan-panel .plan-small{font-size:10px;color:#96a9c7;line-height:1.7;margin-bottom:0}.workspace-footnote{display:flex;gap:12px;max-width:710px;padding:27px 0 0;color:#8996a8}.workspace-footnote>span{font-size:23px;flex-shrink:0}.workspace-footnote p{font-size:11px;line-height:1.8;margin:0}.cloud-dialog h2{font-size:27px;letter-spacing:-.8px;margin:0 0 17px}.cloud-dialog .cloud-muted{margin:8px 0 20px}.cloud-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cloud-dialog-head .icon-btn{font-size:25px;color:#6f7e94;line-height:1;flex-shrink:0}.dialog-symbol{display:grid;place-items:center;width:45px;height:45px;background:#eaf1ff;color:#4379dc;border-radius:12px;font-size:29px;margin-bottom:22px}.dialog-button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.recovery-value{background:#f5f8fd;resize:none;overflow-wrap:anywhere;word-break:break-all;font-size:15px;line-height:1.65;user-select:all}.acknowledge{display:flex;align-items:flex-start;gap:11px;margin:26px 0 0;font-size:12px;color:#53647f;line-height:1.7;cursor:pointer}.acknowledge input{margin:3px 0 0;flex-shrink:0;width:17px;height:17px;accent-color:#3477fa}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.btn-danger-outline{color:#a33f4b;border-color:#e8cbd0;background:#fff}.btn-danger-outline:hover{background:#fff3f4}.version-list{display:grid;gap:10px}.version-row{padding:15px;background:#f6f8fc;border:1px solid #e3eaf3;border-radius:10px;display:flex;gap:15px;align-items:center;justify-content:space-between}.version-info{min-width:0}.version-info strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere;display:block}.version-info span{font-size:11px;color:#75849b;display:block;margin-top:5px}.version-current{font-size:10px;font-weight:750;color:#3e7190;white-space:nowrap}.share-main{max-width:1100px;padding-top:62px}.share-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}.share-heading h1{font-size:clamp(31px,4vw,46px);line-height:1.14;letter-spacing:-1.4px;margin:17px 0;overflow-wrap:anywhere}.share-label{display:inline-flex;align-items:center;gap:8px;background:#e9effa;color:#54709a;font-size:10px;font-weight:750;letter-spacing:1px;border:1px solid #dce6f5;padding:7px 10px;border-radius:6px}.share-heading .cloud-muted{margin:0}.share-objective{padding:27px 30px;background:#101d34;color:#dfeaff;border-radius:15px;margin-bottom:34px}.share-objective .overline{color:#8fb4ed;margin-bottom:12px;font-size:10px}.share-objective p{font-size:17px;line-height:1.75;margin:0;overflow-wrap:anywhere}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.shared-component{background:#fff;border:1px solid #dfe7f2;border-radius:13px;padding:23px;min-width:0}.shared-component .overline{font-size:9px;margin-bottom:12px}.shared-component h3{font-size:20px;letter-spacing:-.6px;line-height:1.3;margin:0 0 10px;overflow-wrap:anywhere}.shared-component p{font-size:12px;color:#6d7d93;line-height:1.8;overflow-wrap:anywhere}.shared-component a{font-size:12px;font-weight:700;color:#3477fa;display:inline-block;margin-top:10px}.shared-component-empty{background:#f1f4f9;border-style:dashed;color:#7b8aa2}.share-section-heading{font-size:22px;letter-spacing:-.6px;margin:32px 0 18px}.share-note{margin-top:35px;font-size:12px;line-height:1.8;color:#74839a;background:#edf2f9;border-left:3px solid #89abdf;padding:17px 21px;border-radius:7px}.share-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0 0}.share-cta h2{font-size:19px;margin:0 0 8px;letter-spacing:-.5px}.share-cta p{font-size:12px;color:#708096;margin:0;line-height:1.7}.share-error{max-width:620px;margin:65px auto;text-align:center}.share-error h1{font-size:35px;letter-spacing:-1.2px}.share-error p{color:#637087;line-height:1.8;font-size:14px;margin-bottom:25px}
@media(max-width:1050px){.welcome-story,.access-panel{padding:40px 30px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.plan-panel{padding:24px 20px}.projects-heading{align-items:flex-start;flex-direction:column;gap:14px}.browser-build{flex-wrap:wrap}.browser-build>.btn{margin-left:44px}.project-actions .btn{padding:9px}.welcome-story h1{font-size:37px}}
@media(max-width:760px){.cloud-main{padding-top:32px;padding-bottom:55px}.welcome-grid{grid-template-columns:1fr}.welcome-story{padding:34px}.welcome-story h1{font-size:38px}.welcome-preview{display:none}.welcome-features{margin-top:25px;gap:13px}.welcome-story .welcome-note{margin-bottom:0}.access-panel{padding:33px}.dashboard-grid{grid-template-columns:1fr}.plan-panel{display:block;padding:28px;max-width:none;margin-top:10px}.plan-panel h2 br{display:none}.plan-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.plan-panel .cloud-wide{max-width:360px}.dashboard-heading{align-items:flex-start}.heading-actions{gap:8px}.projects-heading{flex-direction:row;align-items:center}.browser-build{flex-wrap:nowrap}.browser-build>.btn{margin-left:0}.share-main{padding-top:40px}.share-heading{flex-direction:column}.share-heading h1{margin-top:15px}.share-cta{align-items:flex-start}.share-objective{padding:23px}}
@media(max-width:540px){.cloud-nav{gap:12px}.cloud-nav>a:not(.btn){display:none}.cloud-nav>.btn{padding:10px 11px;font-size:11px}.cloud-page .header-row{gap:12px}.cloud-main{padding-top:25px}.welcome-story{padding:31px 25px}.welcome-story h1{font-size:35px;letter-spacing:-1.3px}.welcome-story>p{font-size:13px}.welcome-story .eyebrow{font-size:9px}.welcome-features{font-size:12px;gap:14px}.access-panel{padding:31px 24px}.access-panel h2{font-size:27px}.cloud-input{font-size:16px}.recovery-value{font-size:14px}.dashboard-heading{display:block;margin-bottom:28px}.dashboard-heading h1{font-size:32px}.heading-actions{margin-top:18px}.projects-heading{align-items:flex-start;flex-direction:column;gap:14px}.projects-heading h2{font-size:20px}.browser-build{flex-wrap:wrap;padding:15px;gap:10px}.browser-build>div{flex-basis:calc(100% - 50px)}.browser-build>.btn{margin-left:40px}.project-card{padding:18px}.project-symbol{width:34px;height:37px;font-size:20px}.project-card h3{font-size:15px}.project-meta{font-size:10px}.project-actions{gap:2px}.project-actions .btn{font-size:10px;padding:9px 8px}.plan-benefits{grid-template-columns:1fr;gap:17px}.plan-panel h2{font-size:27px}.plan-panel .cloud-wide{max-width:none}.cloud-dialog .modal-inner{padding:24px}.cloud-dialog h2{font-size:25px}.cloud-dialog .dialog-button-row .btn{font-size:12px;padding:12px 14px}.version-row{gap:10px;padding:13px}.version-row .btn{font-size:10px;padding:9px}.share-grid{grid-template-columns:1fr}.share-heading h1{font-size:34px}.share-objective p{font-size:15px}.share-cta{flex-direction:column}.share-main{padding-top:31px}.share-error{margin-top:35px}.shared-component{padding:21px}.cloud-notice{font-size:13px;padding:13px 15px}}