.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workspace-hub{scroll-margin-top:24px;margin:0 0 38px;padding:26px;border:1px solid #e1e2f0;border-radius:20px;background:linear-gradient(115deg,#f7faff,#faf6ff);color:#242735}.workspace-hub h2{font-size:25px;letter-spacing:-.8px;margin:0 0 7px}.workspace-hub .eyebrow{margin-bottom:10px}.workspace-hub p{font-size:16px;line-height:1.6;color:#666b80}.workspace-hub-heading,.workspace-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px}.workspace-welcome>div{max-width:670px}.workspace-welcome p{margin:8px 0 0}.workspace-hub-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.workspace-private,.workspace-project-mode{font-size:13px;color:#656480}.workspace-primary,.workspace-secondary,.workspace-dialog button,.cloud-project-bar button{font:inherit;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 15px;cursor:pointer;line-height:1.3;white-space:nowrap;transition:transform .15s,box-shadow .15s;text-decoration:none}.workspace-primary{background:linear-gradient(110deg,#2869ee,#7935e8);border:1px solid transparent;color:#fff!important;font-weight:600;box-shadow:0 3px 10px #6445d51a}.workspace-primary:hover{transform:translateY(-1px);box-shadow:0 5px 14px #6445d533}.workspace-secondary{background:#fff;border:1px solid #dadcea;color:#42465f}.workspace-picker select,.workspace-dialog select,.workspace-dialog input:not([type=radio]){font:inherit;font-size:16px;padding:11px 13px;border:1px solid #d8dbea;border-radius:9px;background:white;color:#282c42;max-width:100%;width:100%}.workspace-picker{max-width:250px}.workspace-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.workspace-project{min-width:0;background:#fff;border:1px solid #e6e6f0;border-radius:14px;padding:20px}.workspace-project-top{display:flex;align-items:center;gap:10px}.workspace-project-icon{font-size:22px;color:#7051d7}.workspace-project h3{font-size:19px;letter-spacing:-.4px;margin:16px 0 4px;overflow-wrap:anywhere}.workspace-project p{font-size:13px;margin:0 0 20px}.workspace-project-links>div{display:flex;flex-wrap:wrap;gap:16px;margin-top:15px}.workspace-project-links>div a,.workspace-project-links>div button{font:inherit;font-size:14px;background:none;padding:0;border:0;color:#5651b1;cursor:pointer}.workspace-empty{display:flex;gap:24px;align-items:center;justify-content:space-between;border:1px dashed #cecde3;background:#ffffff80;padding:25px;border-radius:12px;margin-top:24px}.workspace-empty h3{margin:0;font-size:20px}.workspace-empty p{margin:8px 0 0}.workspace-first-note{display:flex;align-items:center;gap:15px;max-width:740px}.workspace-first-note>span{font-size:28px;color:#7960d4}.workspace-first-note p{font-size:14px;margin-bottom:0}#account-control{display:flex;gap:16px;align-items:center}.workspace-account-name{font-size:13px;color:#72758a;max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.workspace-loading{font-size:16px;padding:20px;color:#6c6888}
.workspace-dialog{font:16px/1.5 Arial,Helvetica,sans-serif;color:#292d40;background:#fff;border:1px solid #e3e2ef;border-radius:18px;padding:26px;width:min(580px,calc(100vw - 32px));max-height:90dvh;overflow:auto;box-shadow:0 25px 90px #24124333}.workspace-dialog::backdrop{background:#17183070;backdrop-filter:blur(4px)}.workspace-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.workspace-dialog-heading h2{font-size:24px;letter-spacing:-.7px;margin:0}.workspace-dialog-heading button{font-size:24px;border:0;background:#f1f0f7;padding:4px 12px}.workspace-dialog label{display:block;font-size:14px;font-weight:600;margin:0 0 18px}.workspace-dialog input,.workspace-dialog select{display:block;margin-top:7px}.workspace-dialog p{font-size:14px;color:#696b7d}.workspace-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.workspace-form-actions button{border:1px solid #dddde9;background:#fff;color:#43445a}.workspace-form-actions .workspace-primary{background:linear-gradient(110deg,#2869ee,#7935e8);color:white}.workspace-dialog button:disabled{opacity:.55;cursor:wait}.workspace-start-options{padding:0;border:0;margin:22px 0}.workspace-start-options legend{font-size:14px;font-weight:600;margin-bottom:10px}.workspace-start-options label{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #e1e1ec;border-radius:10px;margin:8px 0;cursor:pointer}.workspace-start-options label:has(input:checked){border-color:#8661e5;background:#f6f2ff}.workspace-start-options input{accent-color:#7450d9;flex:none;margin:4px 0 0}.workspace-start-options small{display:block;font-size:14px;font-weight:400;color:#6c6b80;margin-top:3px}.workspace-import-review{background:#f4f4fb;border-radius:9px;padding:14px;font-size:14px;margin-bottom:18px;overflow-wrap:anywhere}.workspace-import-review p{margin:4px 0 10px}.workspace-form-error{color:#a33244!important}.workspace-import-help{font-size:14px;color:#676580}.workspace-import-help summary{cursor:pointer}.workspace-import-help a{color:#6542bc;text-decoration:underline}.workspace-form-note{line-height:1.5}
.cloud-project-bar{position:sticky;top:0;z-index:80;margin-left:var(--os-sidebar-size,0);background:#fff;border-bottom:1px solid #e5e3ef;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font:14px/1.4 Arial,Helvetica,sans-serif;color:#575973}.cloud-project-context{display:flex;align-items:center;gap:10px;min-width:0}.cloud-project-context>a{color:#6250b0;text-decoration:none}.cloud-project-context strong{font-weight:600;color:#303447;max-width:330px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cloud-project-actions{display:flex;align-items:center;gap:10px}.cloud-project-bar button{background:#fff;border:1px solid #dfdfed;padding:7px 10px;color:#59517b}.cloud-project-bar [data-cloud-state]{font-size:13px;color:#6b6e80}.cloud-project-bar [data-state=error],.cloud-project-bar [data-state=conflict]{color:#a5394a}.cloud-project-bar [data-state=pending],.cloud-project-bar [data-state=saving]{color:#6e44b2}.cloud-demo{font-size:12px;font-weight:500;border-radius:5px;background:#eee8fc;color:#7450bc;padding:3px 6px}.cloud-project-bar [data-cloud-recovery]{width:100%;padding:10px;border-radius:8px;background:#fff4f0;color:#944033;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cloud-project-bar [data-cloud-recovery][hidden]{display:none}.cloud-project-bar [data-cloud-recovery]>span{flex:1;min-width:250px}.cloud-load-error{font:16px/1.6 Arial,Helvetica,sans-serif;max-width:680px;margin:12vh auto;padding:28px;color:#36394e}.cloud-load-error h1{font-size:32px}.cloud-load-error div{display:flex;gap:20px;align-items:center}.cloud-load-error a{color:#6940c4}.cloud-load-error button{font:inherit;padding:10px 16px;border:1px solid #ddd;border-radius:8px;cursor:pointer}.os-planned-studios{font-size:14px;color:#7c7d91;line-height:1.8;padding:12px 20px}.cloud-studio .os-sidebar{z-index:90}
@media(min-width:761px){body.os-has-sidebar:not([data-os-collapsed=true]) .cloud-project-bar{margin-left:var(--os-sidebar-size)}body.os-has-sidebar[data-os-collapsed=true] .cloud-project-bar{margin-left:var(--os-sidebar-size)}}
@media(max-width:1100px){.workspace-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-hub-heading{align-items:flex-start}.workspace-hub-tools{justify-content:flex-end}.cloud-project-context strong{max-width:210px}}
@media(max-width:800px){.workspace-hub-heading,.workspace-welcome,.workspace-empty{align-items:flex-start;flex-direction:column}.workspace-hub-tools{justify-content:flex-start;width:100%}.workspace-picker{max-width:100%;flex:1}.workspace-account-name{display:none}.workspace-hub{padding:21px}.workspace-projects{grid-template-columns:1fr}.cloud-project-bar{margin-left:64px!important;padding:10px 12px}.cloud-project-actions{flex-wrap:wrap}.cloud-project-context strong{max-width:180px}.cloud-project-bar [data-cloud-recovery]>span{min-width:0;flex-basis:100%}}
@media(max-width:480px){.workspace-hub-tools{flex-wrap:wrap}.workspace-picker{flex-basis:100%}.workspace-dialog{padding:20px}.site-header nav{gap:13px}.site-header nav a{font-size:14px}.workspace-hub h2{font-size:23px}.cloud-project-context{flex-wrap:wrap;gap:6px}.cloud-project-context strong{max-width:150px}.cloud-project-actions{gap:7px}.cloud-project-bar button{font-size:13px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.workspace-primary{transition:none}.workspace-primary:hover{transform:none}}
/* Project library, using the shared blue and violet studio palette. */
.workspace-browser-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:20px;border-top:1px solid #e0deed;flex-wrap:wrap}.workspace-views{display:flex;gap:5px;padding:4px;border:1px solid #e1dfed;border-radius:11px;background:#eeedf7}.workspace-views button{font:600 14px/1.4 Arial,Helvetica,sans-serif;border:0;background:transparent;color:#67667b;border-radius:8px;padding:9px 13px;cursor:pointer}.workspace-views button[aria-pressed=true]{background:#fff;color:#5535b5;box-shadow:0 2px 5px #29235310}.workspace-views span{margin-left:7px;font-size:12px;background:#f1eef9;border-radius:5px;padding:2px 6px;color:#71628e}.workspace-find{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-find input,.workspace-find select{font:14px/1.4 Arial,Helvetica,sans-serif;padding:10px 12px;border:1px solid #dddfed;border-radius:9px;color:#4b4f65;background:#fff;max-width:100%}.workspace-find input{width:190px}.workspace-find .workspace-secondary{padding:10px 12px}.workspace-secondary:disabled,.workspace-notice button:disabled{opacity:.4;cursor:default}.workspace-hub :is(button,a,input,select,summary):focus-visible,.cloud-project-bar :is(button,a):focus-visible{outline:3px solid #8767e9;outline-offset:3px}.workspace-notice{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #d5c8f5;border-left:3px solid #8060dc;border-radius:9px;margin-top:20px;padding:12px 16px;font-size:14px;color:#544076}.workspace-notice>span{flex:1;overflow-wrap:anywhere}.workspace-notice button{background:none;border:0;font:600 14px/1.4 Arial,Helvetica,sans-serif;color:#6540ba;cursor:pointer;padding:4px}.workspace-project{position:relative;display:flex;flex-direction:column;box-shadow:0 3px 12px #3d2d6410;transition:box-shadow .2s,border-color .2s}.workspace-project:hover{border-color:#cec2f1;box-shadow:0 6px 20px #3d2d6418}.workspace-project-icon{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f0ff,#f0e5ff);border-radius:10px}.workspace-project-top .workspace-project-mode{flex:1}.workspace-project-menu{position:relative}.workspace-project-menu[open]{z-index:5}.workspace-project-menu summary{list-style:none;cursor:pointer;font-size:16px;letter-spacing:1px;color:#74718a;padding:8px;line-height:1}.workspace-project-menu summary::-webkit-details-marker{display:none}.workspace-project-menu>div{position:absolute;right:0;top:100%;width:185px;padding:6px;border:1px solid #e3ddec;border-radius:11px;box-shadow:0 10px 32px #27174222;background:#fff}.workspace-project-menu button{display:block;width:100%;text-align:left;font:14px/1.4 Arial,Helvetica,sans-serif;padding:10px;border:0;border-radius:6px;background:white;color:#4c4367;cursor:pointer}.workspace-project-menu button:hover{background:#f3effb}.workspace-project h3{line-height:1.35;margin-bottom:7px}.workspace-project .workspace-project-time{margin-bottom:18px}.workspace-studio-status{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.workspace-studio-status>span{display:flex;flex-direction:column;gap:3px;flex:1;font-size:14px;color:#737287;padding:10px 12px;border:1px solid #e9e8f0;border-radius:9px;background:#fcfcfe}.workspace-studio-status small{font-size:12px;color:#7a788b}.workspace-studio-status .has-plan{background:#f5f3ff;border-color:#e5defa;color:#66519c}.workspace-studio-status .has-plan small{color:#66519c}.workspace-project-links{margin-top:auto}.workspace-project-links>.workspace-primary{width:100%}.workspace-project-links>div{justify-content:space-between;gap:12px}.workspace-project.is-archived{background:#ffffffb0;box-shadow:none}.workspace-project .workspace-archived-date{margin:12px 0 0;font-size:12px}.workspace-hub .workspace-archive-note{font-size:14px;margin:18px 0 0;max-width:830px}.cloud-project-context>a{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-studio-switch{display:flex;gap:3px;padding:3px;background:#f3f1f9;border-radius:8px}.cloud-studio-switch a{font-size:14px;text-decoration:none;padding:6px 10px;border-radius:6px;color:#77718b}.cloud-studio-switch a[aria-current=page]{background:#fff;color:#653bc0;box-shadow:0 1px 4px #30214c15}.cloud-load-error{overflow-wrap:anywhere}.cloud-load-error div{flex-wrap:wrap}
@media(max-width:1100px){.workspace-browser-tools{align-items:flex-start}.workspace-find{flex:1;justify-content:flex-end}.cloud-project-context{flex-wrap:wrap}}
@media(max-width:800px){.workspace-find{flex-basis:100%;justify-content:flex-start}.workspace-find>label:first-child{flex:1}.workspace-find input{width:100%}.workspace-project-menu>div{width:180px}.cloud-project-context{width:100%}.cloud-project-context>a{max-width:180px}}
@media(max-width:480px){.workspace-find{gap:8px}.workspace-find>label:first-child{flex-basis:100%}.workspace-find>label:nth-child(2){flex:1;min-width:0}.workspace-find select{width:100%}.workspace-notice{padding:10px;gap:8px}.site-header nav #account-control a{display:inline-flex}.cloud-project-context>a,.cloud-project-context strong{max-width:100%}.workspace-projects{gap:12px}}
@media(prefers-reduced-motion:reduce){.workspace-project{transition:none}}
.demo-industries{border:0;padding:0;margin:6px 0 16px}.demo-industries legend{font-weight:600;font-size:14px;margin-bottom:7px}.workspace-dialog .demo-industries label{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid #dedfec;border-radius:10px;margin:7px 0;cursor:pointer}.demo-industries input{accent-color:#7350da;flex:none;margin:4px 0 0}.demo-industries small{display:block;color:#74728a;font-weight:400;font-size:14px;margin-top:3px}.demo-industries label:has(input:checked){border-color:#8e6ce0;background:linear-gradient(120deg,#f2f6ff,#f8f1ff)}.demo-preview{background:linear-gradient(120deg,#f4f7ff,#f8f3ff);border:1px solid #ddd6f0;border-radius:12px;padding:17px;margin:10px 0 22px}.demo-preview-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:16px}.demo-preview-heading>span{font-size:12px;color:#7a638f;background:#fff;border-radius:5px;padding:3px 6px}.demo-preview-stats{display:flex;flex-wrap:wrap;gap:10px 18px;padding:17px 0 10px}.demo-preview-stats span{font-size:12px;color:#757085}.demo-preview-stats b{display:block;color:#604aaa;font-size:21px;font-weight:600;margin-bottom:3px}.workspace-dialog .demo-preview p{font-size:14px;margin:8px 0 14px;color:#51476b}.demo-preview-studios{display:grid;gap:6px;font-size:14px;color:#635189}.demo-preview>small{display:block;color:#7b758d;font-size:12px;margin-top:14px;line-height:1.5}.cloud-demo-tools{display:inline-flex;gap:7px;align-items:center}.cloud-demo-tools a{font-size:12px;color:#7354b6;text-decoration:underline}
@media(min-width:720px){.workspace-dialog-demo{width:min(850px,calc(100vw - 48px))}.workspace-dialog-demo .workspace-start-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.workspace-dialog-demo .workspace-start-options label{margin:0;padding:12px}.workspace-dialog-demo .workspace-start-options small{font-size:12px}.workspace-dialog-demo [data-demo-panel]:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.workspace-dialog-demo .demo-preview{margin:25px 0 18px;height:calc(100% - 43px)}.workspace-dialog-demo .demo-preview-stats{gap:12px 19px}}

/* Recovery controls wrap with the existing cloud bar on phones. */
.cloud-project-bar [data-draft-status]{flex:1 0 100%;font-size:12px;color:#536079;margin:0;padding:3px 0}
.draft-review [data-draft-detail]{padding:12px;border-radius:10px;background:#f1f4ff;color:#344979}
.draft-review .workspace-form-actions{flex-wrap:wrap}
.draft-review select{width:100%;max-width:100%;min-width:0}

.cloud-project-bar [hidden],.workspace-dialog [hidden]{display:none!important}

/* Keep the homepage project browser compact until requested. */
.workspace-disclosure-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.workspace-disclosure-heading>div{min-width:0}
.workspace-disclosure-heading h2{font-size:23px;margin:0}
.workspace-disclosure-heading [data-project-summary]{font-size:14px;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}
.workspace-toggle{min-height:44px;flex-shrink:0;color:#6540ba}
.workspace-toggle svg{flex-shrink:0}
.workspace-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#workspace-panel{margin-top:22px;padding-top:22px;border-top:1px solid #dedfee}
#workspace-panel[hidden]{display:none}
#workspace-panel .workspace-hub-tools{flex:1}
#workspace-panel .workspace-hub-heading h3{margin:0}
@media(max-width:480px){.workspace-disclosure-heading{gap:10px;align-items:flex-start}.workspace-disclosure-heading h2{font-size:21px}.workspace-disclosure-heading [data-project-summary]{font-size:13px}.workspace-toggle{padding:10px 12px;font-size:13px}#workspace-panel{margin-top:18px;padding-top:18px}}

.workspace-studio-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}.cloud-studio-switch{flex-wrap:wrap}