.workspace-studio{--workspace-toolbar-height: 64px;--workspace-sidebar-width: 64px;--workspace-chat-gutter: 32px;--workspace-chat-panel-width: clamp(300px, 28vw, 420px);--workspace-chat-rail-width: 32px;display:grid;grid-template-columns:var(--workspace-sidebar-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0;min-width:0;overflow:hidden;background:var(--softi-color-surface-base);color:var(--softi-color-text-primary)}.workspace-studio__sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--softi-color-border-default)}.workspace-studio__body{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--workspace-chat-panel-width) var(--workspace-chat-rail-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);transition:grid-template-columns var(--softi-motion-enter) var(--softi-motion-ease-out);flex:1;min-height:0;overflow:hidden}.workspace-studio[data-layout=chat] .workspace-studio__body{grid-template-columns:minmax(0,1fr)}.workspace-studio[data-layout=app] .workspace-studio__body{grid-template-columns:0px var(--workspace-chat-rail-width) minmax(0,1fr)}.workspace-studio__conversation{container-type:inline-size;min-height:0;min-width:0;overflow:hidden;border-right:1px solid var(--softi-color-border-default);transition:opacity var(--softi-motion-slow),visibility var(--softi-motion-slow)}.workspace-studio:not([data-layout=chat]) .workspace-studio__conversation>.workspace-studio__surface{width:var(--workspace-chat-panel-width)}.workspace-studio[data-layout=app] .workspace-studio__conversation{visibility:hidden;opacity:0;pointer-events:none}.workspace-studio[data-layout=chat] .workspace-studio__conversation{border-right:0}.workspace-studio__workspace,.workspace-studio__surface{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;overflow:hidden}.workspace-studio__workspace{position:relative;isolation:isolate}.workspace-studio .workspace-resource-drawer[data-side=right]{right:0;width:min(360px,100%)}.workspace-studio__surface[hidden]{display:none}.workspace-studio__toolbar{--workspace-toolbar-gap: 8px;display:flex;align-items:center;height:var(--workspace-toolbar-height);min-height:var(--workspace-toolbar-height);flex-shrink:0;border-bottom:1px solid var(--softi-color-border-default);padding:0 12px;gap:var(--workspace-toolbar-gap)}.workspace-studio__account-toolbar{padding-inline:6px;gap:4px}.workspace-studio__controls{display:flex;margin-left:auto;align-items:center;gap:2px;flex-shrink:0}.workspace-studio__edit-app[aria-pressed=true]{color:var(--softi-color-text-primary);background:var(--softi-color-surface-hover)}.workspace-studio__chat-rail{grid-column:2;grid-row:1;display:flex;align-items:flex-start;justify-content:center;padding:14px 0;border:0;border-right:1px solid var(--softi-color-border-default);background:var(--softi-color-surface-base);color:var(--softi-color-text-muted);cursor:pointer;transition:background-color var(--softi-motion-fast),color var(--softi-motion-fast)}.workspace-studio__chat-rail:hover{background:var(--softi-color-surface-hover);color:var(--softi-color-text-primary)}.workspace-studio__chat-rail:focus-visible{outline:2px solid var(--softi-color-brand);outline-offset:-2px}.workspace-studio__toolbar .workspace-studio__tabs{display:flex;min-width:0;height:100%;overflow-x:auto;border-bottom:0}.workspace-studio__tabs .workspace-studio__tab{flex-shrink:0;gap:8px;height:100%;max-width:240px}.workspace-studio__tab svg{flex-shrink:0}.workspace-studio__app-tab{display:flex;align-items:center;height:100%;flex-shrink:0;position:relative}.workspace-studio__tabs .workspace-studio__app-tab .workspace-studio__tab{padding-right:36px}.workspace-studio__edit-app{position:absolute;right:4px;width:28px;height:28px;opacity:0;pointer-events:none;transition:opacity var(--softi-motion-fast),background var(--softi-motion-fast)}.workspace-studio__app-tab:hover .workspace-studio__edit-app,.workspace-studio__app-tab:has(:focus-visible) .workspace-studio__edit-app{opacity:1;pointer-events:auto}@media (hover: none){.workspace-studio__edit-app{opacity:1;pointer-events:auto}}.workspace-studio .workspace-studio__tab-body{grid-column:3;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;margin-top:0}.workspace-studio .workspace-studio__tab-body[hidden]{display:none}.workspace-studio__content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:auto}.workspace-studio__content>.workspace-studio__surface{flex:1}.workspace-studio__subheader{padding:10px 16px;border-bottom:1px solid var(--softi-color-border-default);flex-shrink:0}.workspace-studio[data-layout=chat] .conversation-thread,.workspace-studio[data-layout=chat] .conversation-thread__history{background:var(--softi-color-surface-base)}.workspace-studio[data-layout=chat] .conversation-thread>header{justify-content:flex-start}.workspace-studio[data-layout=chat] .conversation-thread>header,.workspace-studio[data-layout=chat] .conversation-thread>footer{width:min(100% - var(--workspace-chat-gutter) * 2,var(--softi-chat-reading-width));margin-inline:auto}.workspace-studio[data-layout=chat] .conversation-thread__history{padding:32px max(var(--workspace-chat-gutter),calc((100% - var(--softi-chat-reading-width)) / 2))}.workspace-studio[data-layout=chat] .conversation-thread>footer{padding:16px 0 24px;border-top:0}.workspace-studio[data-layout=chat] .conversation-thread[data-empty=true] .conversation-thread__history{flex:0 1 auto;margin-top:auto;padding-bottom:12px}.workspace-studio[data-layout=chat] .conversation-thread[data-empty=true] .conversation-thread__empty{min-height:0}.workspace-studio[data-layout=chat] .conversation-thread[data-empty=true]>header,.workspace-studio[data-layout=chat] .conversation-thread[data-empty=true]>footer{max-width:var(--softi-chat-column-width)}.workspace-studio[data-layout=chat] .conversation-thread[data-empty=true]>footer{margin-bottom:auto}.workspace-studio__chat-backdrop{display:none}@media (max-width: 1000px){.workspace-studio{--workspace-chat-panel-width: min(420px, calc(100% - var(--workspace-chat-rail-width)))}.workspace-studio:not([data-layout=chat]) .workspace-studio__body{grid-template-columns:0px var(--workspace-chat-rail-width) minmax(0,1fr)}.workspace-studio:not([data-layout=chat]) .workspace-studio__conversation{position:absolute;inset:0 auto 0 var(--workspace-chat-rail-width);width:var(--workspace-chat-panel-width);z-index:2;background:var(--softi-color-surface-base);transition:transform var(--softi-motion-enter) var(--softi-motion-ease-out),opacity var(--softi-motion-slow),visibility var(--softi-motion-slow)}.workspace-studio:not([data-layout=chat]) .workspace-studio__conversation>.workspace-studio__surface{width:100%}.workspace-studio[data-layout=app] .workspace-studio__conversation{transform:translate(-100%)}.workspace-studio__chat-backdrop{display:block;position:absolute;inset:0 0 0 var(--workspace-chat-rail-width);z-index:1;background:#0000004d}.workspace-studio__chat-rail{position:relative;z-index:3}}@media (prefers-reduced-motion: reduce){.workspace-studio__edit-app,.workspace-studio__chat-rail,.workspace-studio__body,.workspace-studio__conversation,.workspace-studio:not([data-layout=chat]) .workspace-studio__conversation{transition:none}}@media (max-width: 640px){.workspace-studio{--workspace-sidebar-width: 56px;--workspace-toolbar-height: 56px;--workspace-chat-gutter: 16px;position:relative}.workspace-studio__account-toolbar{padding-inline:2px}.workspace-studio__workspace>.workspace-studio__toolbar{--workspace-toolbar-gap: 2px;padding-inline:4px}.workspace-studio__tabs .workspace-studio__tab{padding-inline:10px;max-width:150px;font-size:12px}}.workspace-studio__build{padding:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;overflow:auto}.workspace-studio__checklist{display:grid;gap:.75rem;font-size:.875rem}.workspace-studio__checklist li{display:flex;align-items:center;gap:.5rem}