.workspace-demo{--workspace-demo-accent:var(--global-green);--workspace-demo-tint:rgba(112, 232, 138, 0.07);--workspace-demo-line:var(--global-line);--workspace-demo-pointer-travel:81px;width:100%;min-width:0;margin:0;overflow:hidden;border:1px solid var(--global-line);border-radius:12px;background:var(--global-surface);box-shadow:var(--global-shadow),0 0 48px var(--global-green-dim);color:var(--global-ink);font-family:var(--global-font-family);font-size:13px}.workspace-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid var(--global-line-subtle)}.workspace-demo-toolbar-label{color:var(--global-ink-muted);font-family:var(--global-font-mono);font-size:11px;letter-spacing:.05em}.workspace-demo-controls{display:flex;flex-wrap:wrap;gap:6px}.workspace-demo-motion,.workspace-demo-scenario-button{min-height:34px;padding:6px 12px;border:1px solid transparent;border-radius:5px;background:0 0;color:var(--global-ink-soft);font-size:12px;cursor:pointer}.workspace-demo-motion:hover,.workspace-demo-scenario-button:hover{border-color:var(--global-line);color:var(--global-ink)}.workspace-demo-scenario-button-work{animation:20s step-end infinite workspace-demo-work-tab}.workspace-demo-scenario-button-personal{animation:20s step-end infinite workspace-demo-personal-tab}.workspace-demo-motion{min-width:65px;border-color:var(--global-line-subtle);font-family:var(--global-font-mono)}.workspace-demo-steps{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;margin:0;padding:24px 28px 0;list-style:none}.workspace-demo-step{display:flex;align-items:center;gap:10px;min-width:0;color:var(--global-ink-muted);font-family:var(--global-font-mono);font-size:12px}.workspace-demo-step-number{display:grid;flex:0 0 26px;place-items:center;height:26px;border:1px solid var(--global-line-subtle);border-radius:50%;font-size:10px}.workspace-demo-step-project{animation:10s step-end infinite workspace-demo-step-project}.workspace-demo-step-action{animation:10s step-end infinite workspace-demo-step-action}.workspace-demo-step-workspace{animation:10s step-end infinite workspace-demo-step-workspace}.workspace-demo-viewport{position:relative;height:484px;margin:0}.workspace-demo-scene{position:absolute;inset:0;padding:26px 28px 20px;animation:20s step-end infinite workspace-demo-scene}.workspace-demo-scene-personal{--workspace-demo-accent:#91b7f4;--workspace-demo-tint:rgba(145, 183, 244, 0.07);--workspace-demo-line:rgba(145, 183, 244, 0.25);opacity:0;visibility:hidden;animation-delay:-10s}.workspace-demo-windows{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:20px;height:368px}.workspace-demo-explorer,.workspace-demo-ide{position:relative;min-width:0;overflow:hidden;border:1px solid #2a352d;border-radius:8px;background:#0d120f;box-shadow:0 8px 24px rgba(0,0,0,.22)}.workspace-demo-window-bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-bottom:1px solid var(--global-line-subtle);background:rgba(143,154,145,.025);font-size:12px}.workspace-demo-explorer-icon{width:14px;height:11px;border-radius:2px;background:#c9ad6f}.workspace-demo-window-controls{display:flex;gap:6px;margin-left:auto}.workspace-demo-window-control{width:5px;height:5px;border-radius:50%;background:#526056}.workspace-demo-app-icon,.workspace-demo-menu-icon{object-fit:contain}.workspace-demo-path{display:flex;gap:12px;margin:14px;padding:9px 12px;border:1px solid var(--global-line-subtle);border-radius:4px;background:var(--global-surface-raised);font-size:12px}.workspace-demo-path-parent,.workspace-demo-path-separator{color:var(--global-ink-muted)}.workspace-demo-path-current{color:var(--workspace-demo-accent)}.workspace-demo-explorer-body{position:relative;display:flex;height:233px}.workspace-demo-explorer-sidebar{display:flex;flex:0 0 90px;flex-direction:column;gap:8px;padding:5px 10px;color:var(--global-ink-muted);font-size:11px}.workspace-demo-sidebar-item{padding:7px 4px}.workspace-demo-sidebar-item-active{color:var(--global-ink-soft)}.workspace-demo-files{flex:1;min-width:0;padding:0 14px 0 0}.workspace-demo-files-heading{margin:0 0 8px;padding:7px 10px;color:var(--global-ink-muted);font-size:11px}.workspace-demo-account-list,.workspace-demo-folders,.workspace-demo-project-list{margin:0;padding:0;list-style:none}.workspace-demo-folder{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid transparent;border-radius:4px;color:var(--global-ink-soft);font-size:12px}.workspace-demo-folder-icon{position:relative;flex:0 0 14px;height:11px;border:1px solid #c9ad6f;border-radius:2px;background:rgba(201,173,111,.12)}.workspace-demo-folder-icon::before{content:"";position:absolute;top:-4px;left:-1px;width:7px;height:3px;border:1px solid #c9ad6f;border-bottom:0;border-radius:2px 2px 0 0}.workspace-demo-folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-demo-folder-selected{border-color:var(--workspace-demo-line);background:var(--workspace-demo-tint);color:var(--global-ink)}.workspace-demo-context-menu{position:absolute;z-index:3;top:78px;left:108px;width:220px;padding:6px;border:1px solid #3a493e;border-radius:7px;background:#19211c;box-shadow:0 12px 32px rgba(0,0,0,.5);opacity:0;animation:10s infinite workspace-demo-menu}.workspace-demo-menu-item{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border-radius:4px;color:var(--global-ink-soft);font-size:12px}.workspace-demo-menu-open{color:var(--global-ink);animation:10s step-end infinite workspace-demo-menu-action}.workspace-demo-menu-properties{margin-top:5px;border-top:1px solid var(--global-line-subtle);border-radius:0}.workspace-demo-menu-icon{width:17px;height:17px}.workspace-demo-pointer{position:absolute;z-index:5;top:56px;left:155px;width:17px;height:24px;background:#eceee8;clip-path:polygon(0 0,100% 67%,60% 70%,78% 100%,58% 100%,39% 73%,0 98%);filter:drop-shadow(1px 2px 1px #050806);animation:10s infinite workspace-demo-pointer}.workspace-demo-click-ring{position:absolute;z-index:4;top:51px;left:150px;width:26px;height:26px;border:2px solid var(--workspace-demo-accent);border-radius:50%;opacity:0;animation:10s ease-out infinite workspace-demo-click}.workspace-demo-scene-personal .workspace-demo-click-ring,.workspace-demo-scene-personal .workspace-demo-context-menu,.workspace-demo-scene-personal .workspace-demo-pointer{translate:0 38px}.workspace-demo-explorer-status{position:absolute;bottom:0;right:0;left:0;padding:9px 14px;border-top:1px solid var(--global-line-subtle);color:var(--global-ink-muted);font-size:10px}.workspace-demo-idle{position:absolute;inset:40px 0 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--global-ink-muted);animation:10s infinite workspace-demo-idle}.workspace-demo-idle-icon{width:52px;height:52px;object-fit:contain;opacity:.45}.workspace-demo-idle-copy{font-size:12px}.workspace-demo-environment{position:relative;opacity:0;animation:10s infinite workspace-demo-open}.workspace-demo-workspace-heading{display:flex;flex-direction:column;gap:8px;padding:18px 20px 16px;border-bottom:1px solid var(--global-line-subtle);background:var(--workspace-demo-tint)}.workspace-demo-auto-label{color:var(--workspace-demo-accent);font-family:var(--global-font-mono);font-size:10px}.workspace-demo-workspace-name{color:var(--global-ink);font-size:24px;font-weight:600;letter-spacing:-.04em}.workspace-demo-contents{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:16px;padding:18px}.workspace-demo-accounts,.workspace-demo-projects{min-width:0}.workspace-demo-panel-label{margin:0 0 12px;color:var(--global-ink-muted);font-family:var(--global-font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.workspace-demo-project-list .workspace-demo-folder{padding:9px 6px;font-size:11px}.workspace-demo-account-list{display:grid;gap:6px}.workspace-demo-account{display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 9px;border:1px solid var(--global-line-subtle);border-radius:5px;background:var(--global-surface-raised)}.workspace-demo-account-icon{flex:0 0 20px;width:20px;height:20px;border-radius:5px;object-fit:contain}.workspace-demo-account-icon-chatgpt{filter:brightness(0) invert(.85)}.workspace-demo-account-name{min-width:0;font-size:11px;line-height:1.3}.workspace-demo-connected{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--global-ink-muted);font-size:9px}.workspace-demo-connected-dot{flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:var(--workspace-demo-accent)}.workspace-demo-multiple-accounts{margin:10px 0 0;color:var(--global-ink-muted);font-size:10px;line-height:1.5}.workspace-demo-ide-status{position:absolute;bottom:0;right:0;left:0;display:flex;align-items:center;gap:8px;min-height:32px;padding:8px 14px;border-top:1px solid var(--global-line-subtle);background:var(--workspace-demo-tint);color:var(--workspace-demo-accent);font-size:10px;opacity:0;animation:10s infinite workspace-demo-open}.workspace-demo-scene-work .workspace-demo-ide-status{background:rgba(145,183,244,.07);color:#91b7f4}.workspace-demo-scene-personal .workspace-demo-ide-status{background:rgba(112,232,138,.07);color:var(--global-green)}.workspace-demo-relationship{display:flex;align-items:center;justify-content:center;gap:16px;min-height:62px;padding-top:14px;font-family:var(--global-font-mono);font-size:12px}.workspace-demo-relationship-project{color:var(--global-ink-soft)}.workspace-demo-relationship-arrow{color:var(--global-ink-muted)}.workspace-demo-relationship-workspace{color:var(--workspace-demo-accent);font-weight:500}.workspace-demo-relationship-accounts{color:var(--global-ink-soft)}.workspace-demo-caption{padding:16px 24px;border-top:1px solid var(--global-line-subtle);color:var(--global-ink-soft);font-size:12px;line-height:1.5;text-align:center}.workspace-demo-accessible-summary{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.workspace-demo[data-paused=true] *{animation-play-state:paused}@keyframes workspace-demo-scene{0%,49.999%{opacity:1;visibility:visible}100%,50%{opacity:0;visibility:hidden}}@keyframes workspace-demo-menu{0%,100%,13%,42%{opacity:0;transform:translateY(3px)}17%,37%{opacity:1;transform:translateY(0)}}@keyframes workspace-demo-menu-action{0%,100%,27%,43%{background:0 0}28%,42%{background:rgba(112,232,138,.12)}}@keyframes workspace-demo-pointer{0%,12%{opacity:1;transform:translate(0,0)}28%,36%{opacity:1;transform:translate(32px,var(--workspace-demo-pointer-travel))}100%,43%{opacity:0;transform:translate(32px,var(--workspace-demo-pointer-travel))}}@keyframes workspace-demo-click{0%,10%,100%,24%{opacity:0;transform:scale(.6)}13%{opacity:.7;transform:scale(.6)}22%{opacity:0;transform:scale(1.6)}}@keyframes workspace-demo-open{0%,100%,39%,99%{opacity:0;transform:translateY(4px)}45%,95%{opacity:1;transform:translateY(0)}}@keyframes workspace-demo-idle{0%,100%,36%{opacity:1}43%,97%{opacity:0}}@keyframes workspace-demo-work-tab{0%,49.999%{color:var(--global-green);background:var(--global-green-dim)}100%,50%{color:var(--global-ink-soft);background:0 0}}@keyframes workspace-demo-personal-tab{0%,49.999%{color:var(--global-ink-soft);background:0 0}100%,50%{color:#91b7f4;background:rgba(145,183,244,.07)}}@keyframes workspace-demo-step-project{0%,15%{color:var(--global-ink)}100%,16%{color:var(--global-ink-muted)}}@keyframes workspace-demo-step-action{0%,100%,15%,42%{color:var(--global-ink-muted)}16%,41%{color:var(--global-ink)}}@keyframes workspace-demo-step-workspace{0%,100%,42%{color:var(--global-ink-muted)}43%,99%{color:var(--global-green)}}@media (max-width:1100px){.workspace-demo-explorer-sidebar{display:none}.workspace-demo-files{padding-left:14px}.workspace-demo-context-menu{left:38px}.workspace-demo-pointer{left:85px}.workspace-demo-click-ring{left:80px}.workspace-demo-contents{grid-template-columns:minmax(0,0.7fr) minmax(0,1.3fr);gap:10px;padding:14px}.workspace-demo-connected-label{display:none}.workspace-demo-relationship{gap:12px;font-size:11px}}@media (max-width:800px){.workspace-demo{--workspace-demo-pointer-travel:46px}.workspace-demo-toolbar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.workspace-demo-controls{width:100%}.workspace-demo-motion{margin-left:auto}.workspace-demo-steps{gap:8px;padding:20px 16px 0}.workspace-demo-step{align-items:flex-start;gap:6px;font-size:10px;line-height:1.4}.workspace-demo-step-number{flex-basis:20px;height:20px;font-size:8px}.workspace-demo-viewport{height:786px}.workspace-demo-scene{padding:20px 16px 16px}.workspace-demo-windows{grid-template-columns:minmax(0,1fr);grid-template-rows:250px 380px;height:646px;gap:16px}.workspace-demo-explorer-body{height:150px}.workspace-demo-explorer-sidebar{display:flex}.workspace-demo-files{padding-left:0}.workspace-demo-context-menu{top:43px;left:108px}.workspace-demo-scene-personal{--workspace-demo-pointer-travel:8px}.workspace-demo-scene-personal .workspace-demo-context-menu{translate:none}.workspace-demo-menu-properties{display:none}.workspace-demo-pointer{left:155px}.workspace-demo-click-ring{left:150px}.workspace-demo-relationship{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px 12px;padding-top:18px;text-align:center;font-size:11px}.workspace-demo-relationship-accounts{grid-column:1/-1}.workspace-demo-relationship-arrow:nth-child(4){display:none}}@media (max-width:480px){.workspace-demo-toolbar{padding:14px 12px}.workspace-demo-toolbar-label{font-size:10px}.workspace-demo-motion,.workspace-demo-scenario-button{min-height:44px;padding:7px 8px;font-size:11px}.workspace-demo-motion{min-width:50px}.workspace-demo-steps{padding-right:12px;padding-left:12px;grid-template-columns:1fr 1.2fr 1fr}.workspace-demo-step{flex-direction:column;gap:7px}.workspace-demo-scene{padding-right:12px;padding-left:12px}.workspace-demo-explorer-sidebar{display:none}.workspace-demo-files{padding:0 12px}.workspace-demo-context-menu{left:26px;width:min(220px,calc(100% - 40px))}.workspace-demo-pointer{left:60px}.workspace-demo-click-ring{left:55px}.workspace-demo-window-bar{padding:0 12px}.workspace-demo-path{margin:12px}.workspace-demo-workspace-heading{gap:6px;padding:14px}.workspace-demo-workspace-name{font-size:22px}.workspace-demo-contents{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.workspace-demo-project-list{display:flex;flex-wrap:wrap;gap:4px}.workspace-demo-project-list .workspace-demo-folder{padding:5px;font-size:9px}.workspace-demo-project-list .workspace-demo-folder-icon{flex-basis:10px;height:8px}.workspace-demo-panel-label{margin-bottom:8px;font-size:9px}.workspace-demo-account-list{gap:5px}.workspace-demo-account{min-height:32px;padding:6px 8px}.workspace-demo-account-icon{flex-basis:17px;width:17px;height:17px}.workspace-demo-multiple-accounts{margin-top:6px;font-size:9px}.workspace-demo-ide-status{padding:7px 12px;font-size:9px}.workspace-demo-caption{padding:14px 12px;font-size:11px}.workspace-demo-relationship-project{font-size:10px;overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.workspace-demo,.workspace-demo *,.workspace-demo ::after,.workspace-demo ::before,.workspace-demo::after,.workspace-demo::before{animation:none!important;transition:none!important}.workspace-demo-click-ring,.workspace-demo-idle,.workspace-demo-motion,.workspace-demo-pointer{display:none}.workspace-demo-scene{opacity:0;visibility:hidden}.workspace-demo[data-preview=personal] .workspace-demo-scene-personal,.workspace-demo[data-preview=work] .workspace-demo-scene-work{opacity:1;visibility:visible}.workspace-demo-context-menu,.workspace-demo-environment,.workspace-demo-ide-status{opacity:1;transform:none}.workspace-demo-menu-open{background:var(--global-green-dim)}.workspace-demo[data-preview=work] .workspace-demo-scenario-button-work{color:var(--global-green);background:var(--global-green-dim)}.workspace-demo[data-preview=personal] .workspace-demo-scenario-button-personal{color:#91b7f4;background:rgba(145,183,244,.07)}}