.demo-chat{--radius:0.5rem;--radius-full:9999px;--sp-half:2px;--line-box:20px;--pane-pad-x:var(--sp4);--inset-edge:var(--pane-pad-x);--menu-pad-x:var(--sp3);--row-bleed:var(--sp2);--menu-w:min(var(--col-w),calc(100vw - var(--sp4)));--content-col:46rem;--layer-menu:40;--font-sans:var(--font);--font-mono:var(--mono);--type-label:14px;--type-meta:12px;--fw-regular:400;--fw-medium:500;--lh-tight:1.2;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:var(--shadow-soft);--transition-fast:var(--fast) var(--ease);--bar-h:40px;--control-h:32px;--pill-h:20px;--tree-row-gap:var(--sp0);--tree-icon:16px;--text:var(--ink);--text-dim:var(--ink-muted);--text-faint:var(--ink-faint);--text-warning:var(--amber-text);--surface-floating:var(--surface-raised);--surface-inset:var(--active-shade);--feed-pad:var(--sp3);--feed-gap-tight:var(--sp2);color:var(--text);font-family:var(--font-sans);font-size:var(--type-label);line-height:1.45}.demo-chat .chat-composer,.demo-chat .chat-system--card,.demo-chat .connect-card,.demo-chat .deploy-card,.demo-chat .disclosure,.demo-chat .popover-panel{--surface-hover:var(--surface-hover-raised);--active-shade:var(--active-shade-raised)}.demo-chat.chat-pane{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--surface-base)}.demo-chat .chat-feed-region{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.demo-chat .chat-scroll{flex:1;min-height:0;overflow-y:auto}.demo-chat .chat-feed{display:flex;flex-direction:column;width:100%;max-width:var(--content-col);margin:0 auto;padding:var(--feed-pad) var(--inset-edge);list-style:none}.demo-chat .chat-feed>*+*{margin-top:var(--feed-pad)}.demo-chat .chat-system--plain+.chat-system--plain{margin-top:var(--feed-gap-tight)}.demo-chat .chat-user{align-self:flex-end;max-width:85%;padding:var(--sp2) var(--sp3);border-radius:var(--radius);background:var(--active-shade);color:var(--text);font-size:var(--type-label);line-height:1.5}.demo-chat .chat-user p{margin:0}.demo-chat .chat-assistant{display:flex;flex-direction:column;gap:var(--sp2);font-size:var(--type-label);line-height:1.6;color:var(--text)}.demo-chat .chat-assistant h3{margin:0;font-size:var(--type-label);font-weight:var(--fw-medium);color:var(--text)}.demo-chat .chat-assistant p{margin:0;color:var(--text-dim);white-space:pre-wrap}.demo-chat .chat-assistant .chat-next{color:var(--text)}.demo-chat .chat-next-label{font-weight:var(--fw-medium)}.demo-chat .chat-system{display:flex;gap:var(--sp2);font-size:var(--type-label);color:var(--text-dim)}.demo-chat .chat-system--card{padding:var(--feed-pad);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-xs)}.demo-chat .chat-system-icon{display:flex;flex:0 0 auto;width:var(--tree-icon);height:var(--line-box);align-items:center;justify-content:center;color:var(--text-faint)}.demo-chat .chat-system.is-success .chat-system-icon{color:var(--brand)}.demo-chat .chat-system.is-warning .chat-system-icon{color:var(--text-warning)}.demo-chat .chat-system-body{display:flex;flex-direction:column;gap:var(--sp1);min-width:0}.demo-chat .chat-system-body strong{font-size:var(--type-label);font-weight:var(--fw-medium);color:var(--text)}.demo-chat .chat-system-body p{margin:0;line-height:1.5}.demo-chat .chat-system-meta{font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.demo-chat .chat-pending-spin{animation:demo-chat-spin 1.1s linear infinite}.demo-chat .chat-streaming-caret{color:var(--text-faint)}.demo-chat .chat-new-events{position:absolute;left:50%;bottom:var(--sp3);transform:translateX(-50%);display:flex;align-items:center;gap:var(--sp1);height:var(--control-h);padding:0 var(--sp3);border:1px solid var(--ui-line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-md);font-size:var(--type-meta);font-weight:var(--fw-medium);color:var(--text)}.demo-chat .chat-empty{flex:1}.demo-chat .chat-dock{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--sp2);width:100%;max-width:var(--content-col);margin:0 auto;padding:var(--sp2) var(--inset-edge) var(--sp3)}.demo-chat .chat-composer{display:flex;flex-direction:column;gap:var(--sp1);padding:var(--sp2) var(--sp3);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-md)}.demo-chat .chat-composer:has(:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.demo-chat .chat-composer-input{width:100%;min-height:var(--line-box);max-height:9rem;padding:var(--sp1) 0;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:var(--type-label);line-height:1.5;resize:none;field-sizing:content}.demo-chat .chat-composer-input:focus-visible{outline:none}.demo-chat .chat-composer-input::placeholder{color:var(--text-faint)}.demo-chat .chat-composer-actions{display:flex;align-items:center;gap:var(--sp2)}.demo-chat .chat-composer-right{display:flex;align-items:center;gap:var(--sp1);margin-left:auto}.demo-chat .theme-toggle.chat-model-select{display:flex;align-items:center;gap:var(--sp1);width:auto;padding:0 var(--sp2);aspect-ratio:unset}.demo-chat .chat-model-label{font-size:var(--type-meta);font-weight:var(--fw-medium);color:var(--text-dim);white-space:nowrap}.demo-chat .chat-model-select:hover .chat-model-label,.demo-chat .chat-model-select[aria-expanded=true] .chat-model-label{color:var(--text)}.demo-chat .chat-composer-flyer{position:relative;display:flex}.demo-chat .chat-composer-flyer .popover-panel{position:absolute;right:0;bottom:calc(100% + var(--sp-half))}.demo-chat .chat-composer-flyer--start .popover-panel{left:0;right:auto}.demo-chat .disclosure{border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-xs);overflow:hidden}.demo-chat .disclosure-head{display:flex;align-items:center;gap:var(--sp2);width:100%;min-height:var(--control-h);padding:0 var(--sp3);border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background-color var(--transition-fast)}.demo-chat .disclosure-head:hover{background:var(--surface-hover)}.demo-chat .disclosure-head:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.demo-chat .disclosure-icon{display:flex;flex:0 0 auto;color:var(--text-faint)}.demo-chat .disclosure-copy{display:flex;align-items:baseline;gap:var(--sp2);min-width:0;flex:1}.demo-chat .disclosure-title{flex:0 0 auto;font-size:var(--type-label);font-weight:var(--fw-medium);color:var(--text)}.demo-chat .disclosure-title.is-mono{font-family:var(--font-mono)}.demo-chat .disclosure-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-meta);color:var(--text-dim)}.demo-chat .disclosure-body{padding:var(--sp3)}.demo-chat .disclosure-caret{display:flex;flex:0 0 auto;align-items:center;color:var(--text-faint);transition:transform var(--transition-fast)}.demo-chat .disclosure-caret.is-open{transform:rotate(180deg)}.demo-chat .chat-reasoning{margin:0;font-size:var(--type-label);line-height:1.6;color:var(--text-dim)}.demo-chat .chat-tool-output{margin:0;padding:var(--sp2);border-radius:var(--radius);background:var(--surface-inset);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.5;color:var(--text-dim);white-space:pre;overflow-x:auto}.demo-chat .chat-steps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.demo-chat .chat-step{display:flex;align-items:center;gap:var(--sp2);width:100%;min-height:var(--control-h);padding:0 var(--sp2);border:0;border-radius:var(--radius);background:transparent;text-align:left;font:inherit;cursor:pointer;font-size:var(--type-label);color:var(--text-dim);transition:background-color var(--transition-fast)}.demo-chat .chat-step:disabled{cursor:default}.demo-chat .chat-step:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.demo-chat .chat-step:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.demo-chat .chat-step-index{flex:0 0 auto;font-family:var(--font-mono);color:var(--text-faint)}.demo-chat .chat-step-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:var(--text)}.demo-chat .chat-step[data-status=pending] .chat-step-label{color:var(--text-dim)}.demo-chat .chat-step-capability{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.demo-chat .chat-step-go{display:flex;flex:0 0 auto;color:var(--text-faint)}.demo-chat .chat-system-actions{display:flex;flex-wrap:wrap;gap:var(--sp2);margin-top:var(--sp1)}.demo-chat .chat-system-action{display:inline-flex;align-items:center;gap:var(--sp1);height:var(--control-h);padding:0 var(--sp3);border-radius:var(--radius);background:var(--surface-hover);border:1px solid var(--ui-line);font-family:var(--font-mono);font-size:var(--type-meta);text-transform:lowercase;color:var(--text-dim);text-decoration:none;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.demo-chat .chat-system-action:hover{background:var(--active-shade);color:var(--text)}.demo-chat .chat-system-action:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.demo-chat .deploy-card{display:flex;flex-direction:column;gap:var(--feed-pad);padding:var(--feed-pad);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-xs)}.demo-chat .deploy-card-title{font-size:var(--type-label);font-weight:var(--fw-medium);color:var(--text)}.demo-chat .deploy-card-truth{margin:var(--sp1) 0 0;font-size:var(--type-label);line-height:1.5;color:var(--text-dim)}.demo-chat .deploy-rows{display:flex;flex-direction:column;gap:var(--sp1);margin:0}.demo-chat .deploy-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp3);min-height:var(--line-box)}.demo-chat .deploy-row dt{flex:0 0 auto;font-size:var(--type-meta);color:var(--text-dim)}.demo-chat .deploy-row dd{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--sp2);margin:0;min-width:0;text-align:right}.demo-chat .deploy-row-note{font-size:var(--type-meta);color:var(--text-faint)}.demo-chat .deploy-row-value{font-family:var(--font-mono);font-size:var(--type-meta);font-variant-numeric:tabular-nums;color:var(--text)}.demo-chat .deploy-checks{display:flex;flex-direction:column;gap:var(--sp1);margin:0;padding:0;list-style:none}.demo-chat .deploy-check{display:flex;align-items:flex-start;gap:var(--sp2);font-size:var(--type-label);line-height:1.5;color:var(--text-dim)}.demo-chat .deploy-check-icon{display:flex;flex:0 0 auto;width:var(--tree-icon);height:var(--line-box);align-items:center;justify-content:center;color:var(--brand)}.demo-chat .deploy-check.is-pending .deploy-check-icon{color:var(--text-faint)}.demo-chat .deploy-stages{display:flex;flex-direction:column;gap:var(--sp1);margin:0;padding:0;list-style:none}.demo-chat .deploy-stage{display:flex;align-items:baseline;gap:var(--sp2);min-height:var(--line-box);font-size:var(--type-label)}.demo-chat .deploy-stage-dot{flex:0 0 auto;width:7px;height:7px;align-self:center;border-radius:var(--radius-full);border:1.5px solid var(--ui-line-strong);background:transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.demo-chat .deploy-stage.is-running .deploy-stage-dot{border-color:var(--brand)}.demo-chat .deploy-stage.is-done .deploy-stage-dot{border-color:var(--brand);background:var(--brand)}.demo-chat .deploy-stage-label{flex:0 0 3.5rem;font-weight:var(--fw-medium);color:var(--text-faint)}.demo-chat .deploy-stage.is-done .deploy-stage-label{color:var(--text)}.demo-chat .deploy-stage-body{flex:1;min-width:0;color:var(--text-dim);animation:demo-chat-fade var(--transition-fast)}.demo-chat .deploy-stage-meta{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.demo-chat .deploy-live{border-top:1px solid var(--ui-line);padding-top:var(--feed-pad)}@keyframes demo-chat-fade{0%{opacity:0}}.demo-chat .pill{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--sp1);height:var(--pill-h);padding:0 var(--sp2);border:0;border-radius:var(--radius-full);background:var(--active-shade);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--type-meta);font-weight:var(--fw-medium);line-height:var(--lh-tight);white-space:nowrap}.demo-chat .pill-row{display:flex;flex-wrap:wrap;gap:var(--sp1);min-width:0}.demo-chat .pill--ok{color:var(--green-text,var(--green));background:color-mix(in srgb,var(--green) 12%,transparent)}.demo-chat .suggest-chip{flex:0 0 auto;height:var(--control-h);padding:0 var(--sp3);border:1px solid var(--ui-line);border-radius:var(--radius);background:transparent;color:var(--text-dim);font:inherit;font-family:var(--font-mono);font-size:var(--type-meta);font-weight:var(--fw-medium);text-transform:lowercase;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.demo-chat .suggest-chip:hover{background:var(--surface-hover);color:var(--text)}.demo-chat .chip-scroller{--chip-fade:var(--sp5);display:flex;align-items:center;gap:var(--sp2);overflow-x:auto;scrollbar-width:none;padding-inline:var(--chip-fade);margin-inline:calc(var(--chip-fade) * -1);mask-image:linear-gradient(to right,transparent,#000 var(--chip-fade),#000 calc(100% - var(--chip-fade)),transparent)}.demo-chat .chip-scroller::-webkit-scrollbar{display:none}.demo-chat .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp1);height:var(--control-h);padding:0 var(--sp3);border:1px solid transparent;border-radius:var(--radius);font:inherit;font-size:var(--type-label);font-weight:var(--fw-medium);cursor:pointer;background:var(--btn);color:var(--btn-ink);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.demo-chat .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-soft)}.demo-chat .btn-primary:disabled{background:var(--surface-inset);border-color:var(--ui-line);color:var(--text-faint);box-shadow:none;cursor:default}.demo-chat .btn-icon,.demo-chat .theme-toggle{width:var(--control-h);padding:0}.demo-chat .theme-toggle{height:var(--control-h);flex-shrink:0;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-dim);font:inherit;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.demo-chat .theme-toggle:hover{background:var(--surface-hover);color:var(--text)}.demo-chat .theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.demo-chat .theme-toggle[aria-expanded=true]{background:var(--active-shade);border-color:transparent;color:var(--text)}.demo-chat .theme-toggle[aria-disabled=true]{cursor:default}.demo-chat .theme-toggle[aria-disabled=true]:hover{background:transparent;color:var(--text-dim)}.demo-chat .btn-primary:focus-visible,.demo-chat .suggest-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.demo-chat .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp1);padding:var(--sp5) var(--sp4);text-align:center}.demo-chat .empty-state-icon{display:grid;place-items:center;width:var(--bar-h);height:var(--bar-h);margin-bottom:var(--sp1);border-radius:var(--radius);border:1px dashed var(--ui-line-strong);color:var(--text-faint)}.demo-chat .empty-state-title{color:var(--text);font-family:var(--font-sans);font-size:var(--type-label);font-weight:var(--fw-medium)}.demo-chat .empty-state-body{max-width:34ch;color:var(--text-faint);font-family:var(--font-sans);font-size:var(--type-label);line-height:1.6}.demo-chat .empty-state-eyebrow{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--type-meta)}.demo-chat .empty-state-cta{display:flex;justify-content:center;margin-top:var(--sp2)}.demo-chat .connect-card,.demo-chat .popover-panel{background:var(--surface-floating);border:1px solid var(--ui-line-strong);border-radius:var(--radius);box-shadow:var(--shadow-md)}.demo-chat .popover-panel{display:flex;flex-direction:column;gap:var(--tree-row-gap);padding:var(--sp1)}.demo-chat .connect-card,.demo-chat .popover-panel{z-index:var(--layer-menu);animation:demo-chat-pop-in var(--transition-fast) ease-out}.demo-chat .connect-card{width:var(--menu-w);flex-shrink:0;overflow:hidden}.demo-chat .chat-composer-menu{padding:0}.demo-chat .connect-card-header{display:flex;align-items:center;gap:var(--sp2);height:var(--bar-h);padding:0 var(--sp2) 0 var(--menu-pad-x);font-size:var(--type-label);color:var(--text-faint)}.demo-chat .connect-card-body{display:flex;flex-direction:column;gap:var(--tree-row-gap);padding:var(--sp2) calc(var(--menu-pad-x) - var(--row-bleed))}.demo-chat .session-dropdown-item{display:flex;align-items:flex-start;gap:var(--sp2);width:100%;padding:calc((var(--control-h) - var(--line-box)) / 2) var(--row-bleed);border:none;background:transparent;border-radius:var(--radius);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background-color var(--transition-fast)}.demo-chat .session-item-icon{display:flex;align-items:center;justify-content:center;width:var(--tree-icon);flex:0 0 auto;height:var(--line-box);color:var(--text-faint)}.demo-chat .session-item-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.demo-chat .session-dropdown-item:hover{background:var(--surface-hover)}.demo-chat .session-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-label);color:var(--text-dim)}.demo-chat .session-dropdown-item:hover .session-item-title{color:var(--text)}.demo-chat .menu-choice.is-checked .session-item-title{font-size:var(--type-label);font-weight:var(--fw-medium);color:var(--text)}.demo-chat .menu-choice-mark{display:flex;align-items:center;justify-content:center;width:var(--tree-icon);flex:0 0 auto;color:var(--text)}.demo-chat .session-dropdown-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}@keyframes demo-chat-spin{to{transform:rotate(1turn)}}@keyframes demo-chat-pop-in{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.demo-chat *,.demo-chat :after,.demo-chat :before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.demo-chat .btn-primary:hover:not(:disabled){transform:none}}.studio-shell{--radius:0.5rem;--radius-full:9999px;--sp-half:2px;--line-box:20px;--pane-pad-x:var(--sp4);--menu-pad-x:var(--sp3);--row-bleed:var(--sp2);--menu-w:min(var(--col-w),calc(100vw - var(--sp4)));--card-pad:var(--sp3);--popover-scroll-max:min(40vh,22rem);--layer-menu:40;--font-sans:var(--font);--font-mono:var(--mono);--type-label:14px;--type-meta:12px;--fw-regular:400;--fw-medium:500;--fw-strong:600;--lh-tight:1.2;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:var(--shadow-soft);--transition-fast:var(--fast) var(--ease);--pane-header-h:56px;--bar-h:40px;--control-h:32px;--pill-h:20px;--pane-block-gap:var(--sp3);--tree-row-gap:var(--sp0);--tree-pad-x:var(--row-bleed);--tree-icon:16px;--tree-gap:var(--sp2);--tree-indent:calc(var(--tree-pad-x) + var(--tree-icon) + var(--tree-gap));--text:var(--ink);--text-dim:var(--ink-muted);--text-faint:var(--ink-faint);--surface-floating:var(--surface-raised);--surface-inset:var(--active-shade);font-size:var(--type-label);line-height:1.45}.studio-shell .connect-card{--surface-hover:var(--surface-hover-raised);--active-shade:var(--active-shade-raised)}.studio-shell .rail{display:flex;flex-direction:column;background:var(--surface-base);min-width:0;min-height:0;border-right:1px solid var(--ui-line);overflow:hidden}.studio-shell .rail-workflows{flex:0 0 auto;width:13rem;height:100%;padding:0;position:relative;transition:width var(--base) var(--ease)}@media (min-width:1280px){.studio-shell .rail-workflows{width:16rem}}.studio-shell .rail-workflows.is-collapsed{width:calc(var(--control-h) + 2 * var(--sp3))}.studio-shell .rail-workflows.is-collapsed .brand-lockup,.studio-shell .rail-workflows.is-collapsed .plan-row,.studio-shell .rail-workflows.is-collapsed .rail-header,.studio-shell .rail-workflows.is-collapsed .rail-nav-kbd,.studio-shell .rail-workflows.is-collapsed .rail-nav-label,.studio-shell .rail-workflows.is-collapsed .rail-profile-caret,.studio-shell .rail-workflows.is-collapsed .rail-profile-copy{display:none}.studio-shell .rail-workflows.is-collapsed .rail-tree{visibility:hidden}.studio-shell .rail-workflows.is-collapsed .brand-header{justify-content:center;padding:0}.studio-shell .rail-workflows.is-collapsed .brand-header-tools{margin-left:0}.studio-shell .rail-workflows.is-collapsed .rail-nav{padding-inline:var(--sp2);align-items:center}.studio-shell .rail-workflows.is-collapsed .rail-nav-item{width:var(--control-h);justify-content:center;padding:0}.studio-shell .rail-workflows.is-collapsed .rail-footer{padding-inline:var(--sp2);align-items:center}.studio-shell .rail-workflows:after{content:"";position:absolute;inset:0 0 0 auto;width:12px;pointer-events:none;z-index:1;background:linear-gradient(to left,color-mix(in srgb,var(--ink) 3%,transparent),transparent)}.studio-shell .brand-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:var(--pane-header-h);padding:0 calc(var(--pane-pad-x) - var(--row-bleed)) 0 var(--pane-pad-x);background:var(--surface-base)}.studio-shell .brand-header--stacked{height:auto;min-height:var(--pane-header-h);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--sp1);padding-block:var(--sp2) var(--sp2)}.studio-shell .brand-chrome-row{display:flex;align-items:center;justify-content:space-between;min-height:var(--control-h)}.studio-shell .rail-workflows.is-collapsed .brand-header--stacked .brand-lockup{display:none}.studio-shell .brand-lockup{display:block;min-width:0;margin:0;font-size:var(--type-meta);line-height:var(--lh-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-shell .brand-logotype{display:inline;vertical-align:baseline;margin-bottom:calc(-1 * var(--brand-logotype-descender, 0px));color:var(--text)}.studio-shell .brand-product{margin-left:var(--sp2);font-family:var(--font-mono);font-size:var(--type-meta);font-weight:var(--fw-medium);letter-spacing:.06em;color:var(--text-dim);line-height:var(--lh-tight)}.studio-shell .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.studio-shell .rail-nav{display:flex;flex-direction:column;gap:var(--tree-row-gap);padding:var(--pane-block-gap) calc(var(--pane-pad-x) - var(--row-bleed)) 0}.studio-shell .rail-nav-item{display:flex;align-items:center;gap:var(--sp2);width:100%;height:var(--control-h);padding:0 var(--row-bleed);border:none;background:transparent;border-radius:var(--radius);font:inherit;font-size:var(--type-label);font-weight:var(--fw-regular);color:var(--text-dim);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast)}.studio-shell .rail-nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-shell .rail-nav-kbd{flex:0 0 auto;margin-left:auto;font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.studio-shell .rail-nav-kbd:before{content:"["}.studio-shell .rail-nav-kbd:after{content:"]"}.studio-shell .rail-nav-item:hover{background:var(--surface-hover);color:var(--text)}.studio-shell .rail-nav-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.studio-shell .rail-nav-item[aria-disabled=true]{cursor:default}.studio-shell .rail-nav-item[aria-disabled=true]:hover{background:transparent;color:var(--text-dim)}.studio-shell .rail-header{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:var(--sp2);height:var(--bar-h);padding:0 calc(var(--pane-pad-x) - var(--row-bleed));margin-top:var(--pane-block-gap)}.studio-shell .rail-header-toggle{flex:1;min-width:0}.studio-shell .rail-header:hover{background:var(--surface-hover);border-radius:var(--radius)}.studio-shell .rail-header:hover .rail-header-toggle:hover{background:transparent}.studio-shell .rail-header-toggle .workspace-caret{margin-left:auto;opacity:0;transition:opacity var(--transition-fast)}.studio-shell .rail-header-toggle:focus-visible .workspace-caret,.studio-shell .rail-header-toggle[aria-expanded=false] .workspace-caret,.studio-shell .rail-header:hover .workspace-caret{opacity:1}.studio-shell .brand-header-tools,.studio-shell .rail-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp1);flex-shrink:0}.studio-shell .theme-toggle{width:var(--control-h);height:var(--control-h);flex-shrink:0;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-dim);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.studio-shell .theme-toggle:hover{background:var(--surface-hover);color:var(--text)}.studio-shell .theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.studio-shell .theme-toggle:active{transform:scale(.96)}.studio-shell .rail-header-btn:hover{border-color:var(--ui-line-strong);background:var(--surface-hover)}.studio-shell .theme-toggle[aria-disabled=true]{cursor:default}.studio-shell .theme-toggle[aria-disabled=true]:active,.studio-shell .theme-toggle[aria-disabled=true]:hover{background:transparent;border-color:transparent;color:var(--text-dim);transform:none}.studio-shell .rail-tree{position:relative}.studio-shell .rail-list,.studio-shell .rail-tree{flex:1;min-height:0;display:flex;flex-direction:column}.studio-shell .rail-list{overflow-y:auto;gap:var(--tree-row-gap);padding:var(--sp1) calc(var(--pane-pad-x) - var(--row-bleed)) var(--sp3)}.studio-shell .rail-list[hidden]{display:none}.studio-shell .workspace-group{display:flex;flex-direction:column;gap:var(--tree-row-gap);margin-bottom:var(--sp2);position:relative}.studio-shell .workspace-row{position:relative;display:flex;align-items:center;height:var(--control-h);border-radius:var(--radius)}.studio-shell .workspace-row:hover{background:var(--bg-hover,var(--surface-hover))}.studio-shell .workspace-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp2);height:100%;padding:0 var(--tree-pad-x);border:none;background:transparent;border-radius:var(--radius);font:inherit;font-size:var(--type-label);font-weight:var(--fw-medium);color:var(--text-dim);text-align:left;cursor:pointer}.studio-shell .workspace-row-main:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.studio-shell .workspace-caret{display:flex;align-items:center;flex:0 0 auto;color:var(--text-faint);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.studio-shell .workspace-caret.is-open{transform:rotate(180deg)}.studio-shell .workspace-row-main:focus-visible .workspace-caret,.studio-shell .workspace-row:hover .workspace-caret{opacity:1}.studio-shell .tree-row{display:flex;align-items:center;gap:var(--sp2);width:100%;height:var(--control-h);padding:0 var(--tree-pad-x) 0 var(--tree-indent);border:none;background:transparent;border-radius:var(--radius);font:inherit;font-size:var(--type-label);font-weight:var(--fw-regular);color:var(--text-dim);text-align:left;cursor:pointer}.studio-shell .tree-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.studio-shell .tree-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-shell .workflow-status{display:flex;align-items:center;justify-content:center;width:var(--tree-icon);flex:0 0 auto;color:var(--text-faint)}.studio-shell .workflow-status[data-deployed=true]{color:var(--text-dim)}.studio-shell .workflow-item{position:relative;display:flex;align-items:center;border-radius:var(--radius);color:var(--text-dim)}.studio-shell .workflow-item:hover{color:var(--text);background:var(--surface-hover)}.studio-shell .workflow-item.is-focused{background:var(--active-shade);color:var(--text)}.studio-shell .workflow-item-trigger{flex:1;min-width:0;color:inherit}.studio-shell .rail-nav-item.is-active{background:var(--active-shade);color:var(--text)}.studio-shell .rail-footer{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--sp2);padding:var(--sp2) var(--pane-pad-x) var(--sp3)}.studio-shell .rail-footer-row{display:flex;align-items:center;padding:0}.studio-shell .plan-row{height:auto;min-width:0;min-height:0;padding:0}.studio-shell .rail-plan-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp2);flex:1;min-width:0;border:0;border-radius:var(--radius);background:var(--active-shade);padding:var(--sp2) var(--sp3);height:auto;min-height:var(--control-h);width:100%;color:var(--text-dim);text-align:left}.studio-shell .rail-plan-card-head{display:flex;align-items:center;gap:var(--sp2);min-width:0}.studio-shell .rail-profile-copy{display:grid;flex:1;gap:0;min-width:0}.studio-shell .rail-profile-caret{display:flex;align-items:center;flex:0 0 auto;color:var(--text-faint)}.studio-shell .rail-profile-name{color:inherit;font-size:var(--type-label);font-weight:var(--fw-regular)}.studio-shell .rail-profile-meta{display:inline-flex;align-items:center;gap:var(--sp1);color:inherit;font-size:var(--type-meta)}.studio-shell .rail-profile-copy,.studio-shell .rail-profile-meta,.studio-shell .rail-profile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-shell .rail-plan-spend{font-family:var(--font-mono);color:var(--text-faint)}.studio-shell .rail-profile{display:flex;align-items:center;gap:var(--sp2);flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--text-faint);text-align:left}.studio-shell .rail-profile-avatar{display:grid;place-items:center;flex:0 0 auto;width:var(--control-h);height:var(--control-h);border-radius:var(--radius);background:var(--surface-inset);border:1px solid var(--ui-line);color:var(--text);font-size:var(--type-label);font-weight:var(--fw-strong)}.studio-shell .session-bar{display:flex;align-items:center;gap:var(--sp2);height:var(--pane-header-h);flex:0 0 auto;padding:0 var(--pane-pad-x);background:var(--surface-base);position:relative;font-size:var(--type-label)}@media (max-width:767px){.studio-shell .session-bar{height:auto;min-height:48px;flex-wrap:wrap;row-gap:var(--sp1);padding-block:var(--sp2)}}.studio-shell .session-context{display:flex;align-items:center;gap:var(--sp2);flex:1;min-width:min(7rem,45%);overflow:hidden;color:var(--text-dim)}.studio-shell .session-context>.brand-product{margin-left:0}.studio-shell .session-context-title{flex:0 1 auto;min-width:4ch;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.studio-shell .session-actions{display:flex;align-items:center;gap:var(--sp2);margin-left:auto;flex:0 0 auto}@media (max-width:767px){.studio-shell .session-actions{flex:0 1 auto;min-width:0;flex-wrap:wrap}}.studio-shell .session-free-line{font-size:var(--type-meta);color:var(--text-faint);white-space:nowrap}.studio-shell .pill{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--sp1);height:var(--pill-h);padding:0 var(--sp2);border:0;border-radius:var(--radius-full);background:var(--active-shade);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--type-meta);font-weight:var(--fw-medium);line-height:var(--lh-tight);white-space:nowrap}.studio-shell .pill--action{cursor:pointer}.studio-shell .pill--action:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.studio-shell .pill--action.is-open,.studio-shell .pill.is-open{color:var(--text);background:var(--active-shade);box-shadow:inset 0 0 0 1px var(--ui-line-strong)}.studio-shell .pill--info{color:var(--info-text,#2563eb);background:color-mix(in srgb,var(--info-tint,#2563eb) 12%,transparent)}.studio-shell .pill--count{justify-content:center;min-width:var(--pill-h);padding:0 var(--sp1);font-variant-numeric:tabular-nums}.studio-shell .pill--lifecycle{letter-spacing:.01em;text-transform:lowercase}.studio-shell .pill--ok{color:var(--green-text,var(--green));background:color-mix(in srgb,var(--green) 12%,transparent)}.studio-shell .pill-label{white-space:nowrap}.studio-shell .right-pane{position:relative;display:flex;flex-direction:column;background:var(--surface-raised);border-left:1px solid var(--ui-line);min-width:0;min-height:0;overflow:visible;container:rightpane/inline-size}.studio-shell .right-pane-tabs{display:flex;align-items:center;gap:var(--sp1);flex-shrink:0;height:var(--pane-header-h);padding:0 var(--pane-pad-x);background:var(--surface-raised)}.studio-shell .right-pane-tab{height:var(--control-h);padding:0 var(--sp3);flex:0 0 auto;overflow:visible;white-space:nowrap;font:inherit;font-size:var(--type-label);font-weight:var(--fw-regular);color:var(--text-faint);background:transparent;border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp1);position:relative}.studio-shell .right-pane-tab:hover{color:var(--text-dim);background:var(--surface-hover)}.studio-shell .right-pane-tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.studio-shell .right-pane-tab-icon{flex:0 0 14px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.studio-shell .right-pane-tab-icon svg{display:block;width:14px;height:14px}.studio-shell .right-pane-controls{display:flex;align-items:center;gap:var(--sp1);margin-left:auto;flex-shrink:0}.studio-shell .right-pane-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.studio-shell .workflow-status-badges{display:inline-flex;align-items:center;gap:var(--sp1);flex:0 0 auto}.studio-shell .right-pane-controls .workflow-status-badges .pill{height:calc(var(--line-box) + var(--sp2));flex-shrink:0;padding:0 var(--sp3)}.studio-shell .tab-track{position:relative}.studio-shell .tab-indicator{position:absolute;z-index:0;top:50%;left:0;height:var(--control-h);margin-top:calc(var(--control-h) / -2);border-radius:var(--radius);background:var(--active-shade);pointer-events:none;transition:transform var(--base) var(--ease),width var(--base) var(--ease),opacity var(--transition-fast)}.studio-shell .tab-track>[role=tab]{position:relative;z-index:1;border-radius:var(--radius)}.studio-shell .tab-track>[role=tab].is-active{background:transparent;border-color:transparent;box-shadow:none;color:var(--text)}@container rightpane (max-width: 540px){.studio-shell .right-pane-tabs{gap:var(--sp1);padding:0 var(--sp2)}.studio-shell .right-pane-tab{width:var(--control-h);min-width:var(--control-h);padding:0;flex:0 0 auto}.studio-shell .right-pane-tab-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@container rightpane (max-width: 440px){.studio-shell .right-pane-controls .workflow-status-badges .pill .pill-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.studio-shell .right-pane-controls .workflow-status-badges .pill{width:calc(var(--line-box) + var(--sp2));min-width:calc(var(--line-box) + var(--sp2));padding:0;justify-content:center;gap:0}}.studio-shell .connect-card{width:var(--menu-w);flex-shrink:0;overflow:hidden;z-index:var(--layer-menu);background:var(--surface-floating);border:1px solid var(--ui-line-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);animation:studio-shell-pop-in var(--transition-fast) ease-out}.studio-shell .connect-card--scroll{max-height:var(--popover-scroll-max);overflow-y:auto}.studio-shell .connect-card-header{display:flex;align-items:center;gap:var(--sp2);height:var(--bar-h);padding:0 var(--sp2) 0 var(--menu-pad-x);font-size:var(--type-label);color:var(--text-faint)}.studio-shell .pane-flyer{position:relative;display:inline-flex}.studio-shell .pane-flyer .connect-card{position:absolute;right:0;top:calc(100% + var(--sp1))}.studio-shell .paid-cap-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp3)}.studio-shell .paid-cap-body{display:flex;flex-direction:column;gap:var(--sp2);padding:var(--sp2) var(--menu-pad-x) var(--sp3)}.studio-shell .paid-cap-note{margin:0;font-size:var(--type-meta);line-height:1.5;color:var(--text-dim)}.studio-shell .paid-cap-rows{display:flex;flex-direction:column;gap:var(--sp1);margin:0;padding:0;list-style:none}.studio-shell .paid-cap-row{display:flex;align-items:baseline;gap:var(--sp2)}.studio-shell .paid-cap-id{font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text);white-space:nowrap}.studio-shell .paid-cap-step-names{min-width:0;overflow:hidden;text-overflow:ellipsis}.studio-shell .paid-cap-est,.studio-shell .paid-cap-step-names{font-size:var(--type-meta);color:var(--text-dim);white-space:nowrap}.studio-shell .paid-cap-est{margin-left:auto;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.studio-shell .paid-cap-summary{display:flex;flex-direction:column;gap:var(--sp1);margin:0;padding:var(--sp2) var(--menu-pad-x);border-top:1px solid var(--ui-line)}.studio-shell .paid-cap-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp2)}.studio-shell .paid-cap-summary-row dt{font-size:var(--type-meta);color:var(--text-dim)}.studio-shell .paid-cap-summary-row dd{margin:0;font-family:var(--font-mono);font-size:var(--type-meta);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.studio-shell .paid-cap-footer-cta{padding:var(--sp2) var(--menu-pad-x) var(--sp3);border-top:1px solid var(--ui-line)}.studio-shell .btn-line{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp1);flex-shrink:0;height:var(--control-h);padding:0 var(--sp2);border:1px solid var(--ui-line);border-radius:var(--radius);background:transparent;color:var(--text-dim);font-size:var(--type-meta);font-weight:var(--fw-medium);white-space:nowrap;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.studio-shell .btn-line:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ui-line-strong);color:var(--text)}.studio-shell .btn-line:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.studio-shell .paid-cap-billing-btn,.studio-shell .rail-plan-upgrade{width:100%}.studio-shell .canvas-steps-surface{flex:1;min-height:0;overflow-y:auto;padding:var(--sp2) var(--pane-pad-x) var(--sp4)}.studio-shell .canvas-steps-list{--step-index-w:1.5rem;--step-status-w:14px;display:flex;flex-direction:column;gap:var(--sp2);margin:0;padding:var(--sp2) 0 0;list-style:none}.studio-shell .canvas-step-item{overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--radius);background:var(--surface-floating);box-shadow:var(--shadow-xs)}.studio-shell .canvas-step-row{display:grid;grid-template-columns:var(--step-index-w) var(--step-status-w) minmax(0,1fr) auto 16px;align-items:center;gap:var(--sp2);width:100%;min-height:calc(var(--line-box) + 2 * var(--card-pad));padding:var(--card-pad);border:0;border-radius:0;background:transparent;color:var(--text-dim);text-align:left;font:inherit;font-size:var(--type-label);cursor:pointer;transition:background-color var(--transition-fast)}.studio-shell .canvas-step-row:hover{background:var(--surface-hover)}.studio-shell .canvas-step-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.studio-shell .canvas-step-index{font-family:var(--font-mono);font-size:var(--type-meta);font-weight:var(--fw-medium);color:var(--text-faint);font-variant-numeric:tabular-nums}.studio-shell .canvas-step-glyph{display:inline-flex;align-items:center;justify-content:center;color:var(--text-faint)}.studio-shell .canvas-step-name{font-family:var(--font-mono);color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-shell .canvas-step-cap{font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint);white-space:nowrap}.studio-shell .canvas-step-go{display:flex;justify-content:center;color:var(--text-faint)}.studio-shell .runs-surface{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp4);padding:var(--sp3) var(--pane-pad-x) var(--sp4)}.studio-shell .runs-verdict{display:flex;flex-direction:column;gap:var(--sp2)}.studio-shell .runs-verdict-line{display:flex;align-items:center;gap:var(--sp2);margin:0;font-size:var(--type-label);color:var(--text)}.studio-shell .runs-verdict-status{font-weight:var(--fw-medium)}.studio-shell .runs-verdict-name{font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.studio-shell .runs-facts{display:flex;gap:var(--sp5);margin:0}.studio-shell .runs-facts dt{font-size:var(--type-meta);color:var(--text-faint)}.studio-shell .runs-facts dd{margin:var(--sp0) 0 0;font-family:var(--font-mono);font-size:var(--type-label);font-variant-numeric:tabular-nums;color:var(--text)}.studio-shell .runs-steps{display:flex;flex-direction:column;gap:var(--sp1);margin:0;padding:0;list-style:none}.studio-shell .runs-step{display:flex;align-items:center;gap:var(--sp2);min-height:var(--line-box);margin-inline:calc(-1 * var(--sp2));padding:var(--sp-half) var(--sp2);border-radius:var(--radius);position:relative;overflow:hidden;font-size:var(--type-label)}.studio-shell .runs-step[data-state=running],.studio-shell .runs-step[data-state=waiting]{background:var(--active-shade)}.studio-shell .runs-step[data-state=running]:after,.studio-shell .runs-step[data-state=waiting]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--ink) 7%,transparent) 50%,transparent 70%);transform:translateX(-100%);animation:studio-run-sweep 1.2s linear infinite}@keyframes studio-run-sweep{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.studio-shell .runs-step[data-state=running]:after,.studio-shell .runs-step[data-state=waiting]:after{animation:none}}.studio-shell .runs-step-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:var(--text)}.studio-shell .runs-step-cost{flex:0 0 auto;min-width:5ch;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--type-meta);color:var(--text-dim)}.studio-shell .runs-step-status{flex:0 0 auto;min-width:9ch;text-align:right;font-size:var(--type-meta);color:var(--text-faint)}.studio-shell .runs-step[data-state=pending] .runs-step-name{color:var(--text-faint)}.studio-shell .runs-section-label{margin:0 0 var(--sp2);font-size:var(--type-meta);font-weight:var(--fw-medium);letter-spacing:.02em;color:var(--text-faint)}.studio-shell .runs-artifact-list{display:flex;flex-direction:column;gap:var(--sp2);margin:0;padding:0;list-style:none}.studio-shell .runs-artifact-row{display:flex;align-items:center;gap:var(--sp2);width:100%;padding:var(--card-pad);border:0;background:transparent;color:var(--text-dim);text-align:left;font:inherit;font-size:var(--type-label);cursor:pointer;transition:background-color var(--transition-fast)}.studio-shell .runs-artifact-row:hover{background:var(--surface-hover)}.studio-shell .runs-artifact-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.studio-shell .runs-artifact-row .workspace-caret{opacity:1}.studio-shell .runs-artifact-copy{display:grid;flex:1;min-width:0;gap:var(--sp0)}.studio-shell .runs-artifact-title{color:var(--text);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-shell .runs-artifact-meta{font-size:var(--type-meta);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-shell .runs-artifact-panel{padding:0 var(--card-pad) var(--card-pad);border-top:1px solid var(--ui-line)}.studio-shell .runs-opener-body{margin:var(--sp2) 0 0;font-size:var(--type-label);line-height:1.6;color:var(--text-dim);white-space:pre-wrap}.studio-shell .runs-leads{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.studio-shell .runs-lead{display:grid;gap:var(--sp0);padding:var(--sp2) 0;border-bottom:1px solid var(--ui-line);font-size:var(--type-meta)}.studio-shell .runs-lead:last-child{border-bottom:0;padding-bottom:0}.studio-shell .runs-lead-name{color:var(--text);font-size:var(--type-label)}.studio-shell .runs-lead-meta{color:var(--text-faint)}.studio-shell .runs-lead-email{display:inline-flex;align-items:center;gap:var(--sp2);font-family:var(--font-mono);color:var(--text-dim);min-width:0;flex-wrap:wrap}.studio-shell .runs-lead-verified{display:inline-flex;align-items:center;gap:var(--sp1);color:var(--text-faint)}.studio-shell .runs-receipt{margin:auto 0 0;padding-top:var(--sp3);border-top:1px solid var(--ui-line);font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-dim)}.studio-shell .runs-receipt-scale{margin:var(--sp1) 0 0;font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.studio-shell .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--sp1);padding:var(--sp5) var(--sp4);text-align:center}.studio-shell .empty-state-title{color:var(--text);font-family:var(--font-sans);font-size:var(--type-label);font-weight:var(--fw-medium)}.studio-shell .empty-state-body{max-width:34ch;color:var(--text-faint);font-family:var(--font-sans);font-size:var(--type-label);line-height:1.6}.studio-shell .meter-note{width:min(20rem,calc(100vw - 2 * var(--sp4)));padding:var(--sp3);font-size:var(--type-meta);line-height:1.5;color:var(--text-dim)}.studio-shell .chat-system-action--primary{background:var(--brand);border-color:transparent;color:var(--brand-ink);font-weight:var(--fw-medium)}.studio-shell .chat-system-action--primary:hover{background:var(--brand-hover);color:var(--brand-ink)}.studio-shell .studio-templates,.studio-shell .studio-view{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.studio-shell .studio-view{animation:studio-view-in var(--base) var(--ease) both}@keyframes studio-view-in{0%{transform:translateY(8px);opacity:0}}.studio-shell .btn-back{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--control-h);height:var(--control-h);aspect-ratio:1/1;padding:0;border:1px solid var(--ui-line);border-radius:var(--radius);background:transparent;color:var(--text-dim);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.studio-shell .btn-back:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ui-line-strong);color:var(--text)}.studio-shell .btn-back:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.studio-shell .studio-templates-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--sp3) var(--pane-pad-x) var(--sp6)}.studio-shell .studio-templates-lede{margin:0 auto var(--sp3);max-width:64rem;font-size:var(--type-meta);font-weight:var(--fw-medium);letter-spacing:.02em;color:var(--text-faint)}.studio-shell .studio-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--sp3);max-width:64rem;margin:0 auto}.studio-shell .studio-loader{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:var(--surface-base);will-change:opacity;pointer-events:none;animation:studio-veil-out .4s var(--ease) 1s both}.studio-shell .studio-loader-mark{width:min(360px,60vw);height:auto;color:var(--ink);overflow:visible}.studio-shell .studio-loader-stroke{fill:none;stroke:currentColor;stroke-width:.28;stroke-dasharray:1;stroke-dashoffset:1;will-change:stroke-dashoffset;animation:studio-logo-draw .9s ease-in-out forwards}.studio-shell .studio-loader-fill{fill:currentColor;opacity:0;animation:studio-logo-fill .3s ease-out .6s forwards}@keyframes studio-veil-out{to{opacity:0}}@keyframes studio-logo-draw{to{stroke-dashoffset:0}}@keyframes studio-logo-fill{to{opacity:1}}.studio-shell.is-entering .rail-workflows{will-change:transform,opacity;animation:studio-rail-in .4s var(--ease) 1s both}.studio-shell.is-entering .studio-center{animation:studio-center-in .4s var(--ease) 1s both}@keyframes studio-rail-in{0%{transform:translateX(-12px);opacity:0}}@keyframes studio-center-in{0%{transform:translateY(8px);opacity:0}}@keyframes studio-fade-in{0%{opacity:0}}.studio-shell .right-pane--enter{overflow:hidden;will-change:width;animation:studio-pane-open var(--slow) var(--ease) both}.studio-shell .right-pane--enter .right-pane-panel,.studio-shell .right-pane--enter .right-pane-tabs{width:24rem;animation:studio-fade-in var(--base) var(--ease) 80ms both}@media (min-width:1280px){.studio-shell .right-pane--enter .right-pane-panel,.studio-shell .right-pane--enter .right-pane-tabs{width:28rem}}@keyframes studio-pane-open{0%{width:0}}@keyframes studio-shell-pop-in{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.studio-shell .connect-card,.studio-shell .rail-workflows,.studio-shell .right-pane--enter,.studio-shell .right-pane--enter .right-pane-panel,.studio-shell .right-pane--enter .right-pane-tabs,.studio-shell .studio-loader,.studio-shell .studio-loader-fill,.studio-shell .studio-loader-stroke,.studio-shell .studio-view,.studio-shell .tab-indicator,.studio-shell .workspace-caret,.studio-shell.is-entering .rail-workflows,.studio-shell.is-entering .studio-center{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.demo-chat.chat-pane--ftux{--ftux-exit:420ms;justify-content:center}.demo-chat.chat-pane--ftux .chat-feed-region{flex:0 0 auto;transition:flex-grow var(--ftux-exit) var(--ease)}.demo-chat.chat-pane--ftux .chat-dock{padding-bottom:var(--sp6);transition:padding-bottom var(--ftux-exit) var(--ease)}.demo-chat.chat-pane--ftux.chat-pane--exit .chat-feed-region{flex-grow:1}.demo-chat.chat-pane--ftux.chat-pane--exit .chat-dock{padding-bottom:var(--sp3)}.demo-chat.chat-pane--ftux .ftux-chips,.demo-chat.chat-pane--ftux .ftux-suggest{transition:opacity var(--ftux-exit) var(--ease),max-height var(--ftux-exit) var(--ease),margin var(--ftux-exit) var(--ease)}.demo-chat.chat-pane--ftux .ftux-chips{max-height:4rem}.demo-chat.chat-pane--ftux .ftux-suggest{max-height:24rem}.demo-chat.chat-pane--ftux.chat-pane--exit .ftux-chips,.demo-chat.chat-pane--ftux.chat-pane--exit .ftux-suggest{opacity:0;max-height:0;margin:0;overflow:hidden;pointer-events:none}@media (prefers-reduced-motion:reduce){.demo-chat.chat-pane--ftux .chat-dock,.demo-chat.chat-pane--ftux .chat-feed-region,.demo-chat.chat-pane--ftux .ftux-chips,.demo-chat.chat-pane--ftux .ftux-suggest{transition-duration:1ms!important}}.demo-chat.chat-pane--ftux .ftux-suggest{display:flex;flex-direction:column;gap:var(--sp4);margin-top:var(--sp7)}.demo-chat.chat-pane--ftux .ftux-suggest .chip-scroller{justify-content:center}.demo-chat.chat-pane--ftux .ftux-chips{margin-bottom:calc(1rem - var(--sp2))}.demo-chat.chat-pane--ftux .ftux-chips .chip-scroller{justify-content:center}.studio-shell .session-tabs{display:flex;align-items:center;gap:var(--sp1);min-width:0}.studio-shell .session-tab{display:inline-flex;align-items:center;gap:var(--sp2);height:var(--control-h);max-width:24ch;padding:0 var(--sp3);border:0;border-radius:var(--radius);background:transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--type-label);cursor:default}.studio-shell .session-tab.is-active{background:var(--active-shade);color:var(--text)}.studio-shell .session-tab:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.studio-shell .session-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-shell .session-step{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp1);flex:0 0 auto;height:var(--control-h);padding:0 var(--sp2);border:0;background:transparent;border-radius:var(--radius);color:var(--text-dim);font:inherit;font-size:var(--type-label);font-weight:var(--fw-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.studio-shell .session-step:hover{background:var(--surface-hover);color:var(--text)}.studio-shell .session-step:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.studio-shell .session-step-icon{width:var(--control-h);padding:0}.studio-shell .session-step--live{background:var(--brand);color:var(--brand-ink)}.studio-shell .session-step--live:hover{background:var(--brand-hover);color:var(--brand-ink)}.studio-shell .session-step[aria-disabled=true]{color:var(--text-faint);cursor:default}.studio-shell .session-step[aria-disabled=true]:hover{background:transparent;color:var(--text-faint)}.studio-shell .session-action{gap:var(--sp1)}.studio-shell .btn-line[aria-disabled=true]{color:var(--text-faint);cursor:default}.studio-shell .btn-line[aria-disabled=true]:hover{background:transparent;border-color:var(--ui-line);color:var(--text-faint)}.studio-shell .session-action--primary{background:var(--brand);border-color:transparent;color:var(--brand-ink)}.studio-shell .session-action--primary:hover:not(:disabled){background:var(--brand-hover);border-color:transparent;color:var(--brand-ink)}.studio-shell .session-action--primary:active{transform:translateY(1px)}.studio-shell .workflow-item--fixture:hover{background:transparent;color:var(--text-dim)}.studio-shell .workflow-item--fixture .tree-row{cursor:default}