.shot{--ds-text-tertiary:var(--ds-gray-700);--shot-m1:var(--series-human);--shot-m2:var(--series-assisted);--shot-m3:var(--ds-teal-700);--shot-m4:var(--series-agentic);--shot-m5:var(--ds-purple-900);--shot-active:var(--brand);--shot-rest:var(--series-human);--shot-defect:var(--ds-red-700);--shot-defect-agentic:var(--series-agentic);--shot-rework:var(--ds-amber-600);--shot-cost-assisted:var(--ds-green-800);--shot-cost-agentic:var(--ds-purple-900);--shot-adoption-assisted:var(--series-agentic);--shot-adoption-agentic:var(--ds-purple-900);--shot-adoption-none:var(--series-human);--shot-work-human:var(--brand);--shot-work-assisted:var(--ds-green-500);--shot-work-agentic:var(--ds-purple-900);--shot-work-ooo:var(--ds-pink-700);--shot-newstuff:var(--ds-blue-700);--shot-improvement:var(--ds-teal-700);--shot-ktlo:var(--ds-amber-700);--shot-productivity:var(--ds-purple-700);--shot-capitalizable:var(--brand);--shot-noncapitalizable:var(--ds-gray-alpha-200);--shot-aligned:var(--brand);--shot-notaligned:var(--ds-gray-alpha-200);--shot-heat-0:var(--ds-surface-primary);--shot-heat-1:color-mix(in oklch, var(--brand) 10%, transparent);--shot-heat-2:color-mix(in oklch, var(--brand) 30%, transparent);--shot-heat-3:color-mix(in oklch, var(--brand) 50%, transparent);--shot-heat-4:color-mix(in oklch, var(--brand) 70%, transparent);--shot-heat-5:var(--brand);--shot-top-right:var(--ds-green-700);--shot-top-left:var(--ds-blue-700);--shot-bottom-right:var(--ds-amber-700);--shot-bottom-left:var(--ds-red-700);--shot-float-shine:linear-gradient(180deg, #ffffff12 0%, #fff0 96px);--shot-float-shadow:inset 0 var(--border-width) 0 #ffffff1a, 0 4px 12px #00000059, 0 32px 96px -8px #000000bf;--shot-sidebar-width:248px;--shot-plot-height:148px;--shot-avatar:24px;--shot-canvas-width:100%;gap:var(--space-3);min-width:0;color:var(--ds-text-primary);display:grid;& .shot-caption{color:var(--ds-text-tertiary)}}.shot-image{width:100%;height:auto;display:none}@media (width<=767px){.shot[data-has-image] .shot-stage{display:none}.shot[data-has-image] .shot-image{display:block}}.shot-stage{min-width:0;position:relative}.shot-window{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--ds-surface-primary);box-shadow:var(--shadow-elevated-lg);min-width:0;display:flex;position:relative;overflow:hidden;&[data-fade=bottom]{mask-image:linear-gradient(#000 78%,#0000)}&[data-fade=right]{mask-image:linear-gradient(90deg,#000 78%,#0000)}&[data-fade=left]{mask-image:linear-gradient(270deg,#000 78%,#0000)}&[data-fade=corner]{mask-image:radial-gradient(115% 125% at 0 0,#000 50%,#0000008c 78%,#0000 100%),linear-gradient(90deg,#000000b3,#000 14%);mask-composite:intersect}}.shot[data-type=app]{--shot-canvas-width:760px;& .shot-window{aspect-ratio:1}}.shot[data-type=page]{--shot-canvas-width:720px;& .shot-window{aspect-ratio:1}}.shot[data-type=chart] .shot-window{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.shot-canvas{width:max(100%, var(--shot-canvas-width));pointer-events:none;user-select:none;flex:none;min-height:100%;display:flex}.shot:is([data-type=app],[data-type=page]) .shot-canvas{zoom:var(--shot-zoom,.55)}.shot-sidebar{gap:var(--space-4);width:var(--shot-sidebar-width);padding:var(--space-3);border-right:var(--border-width) solid var(--border-structural);flex-direction:column;flex:none;display:none;& .shot-sidebar-org{align-items:center;gap:var(--space-2);height:var(--control-height);padding-inline:var(--space-2);font-size:14px;font-weight:500;display:flex}& .shot-sidebar-org .shot-icon{color:var(--ds-text-tertiary);margin-left:auto}& .shot-sidebar-title{padding:var(--space-1) var(--space-2) var(--space-2);color:var(--ds-text-tertiary);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:16px}& .shot-sidebar-item{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding-inline:var(--space-2);border-radius:var(--radius-md);color:var(--ds-text-secondary);font-size:14px;line-height:20px;display:flex;&[data-active]{background:var(--ds-gray-alpha-200);color:var(--ds-text-primary)}}& .shot-sidebar-user{align-items:center;gap:var(--space-2);padding:var(--space-2);margin-top:auto;font-size:13px;line-height:16px;display:flex}}.shot-main{flex-direction:column;flex:1;min-width:0;display:flex}.shot-header{gap:var(--space-3);padding:var(--space-3) var(--space-6) 0;border-bottom:var(--border-width) solid var(--border-structural);flex-direction:column;display:flex;& .shot-header-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}& .shot-header-title{align-items:center;gap:var(--space-2);letter-spacing:-.02em;font-size:20px;font-weight:500;line-height:26px;display:flex}& .shot-header-controls{gap:var(--space-2);display:flex}& .shot-header-chip{align-items:center;gap:var(--space-2);height:var(--control-height);padding-inline:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--ds-surface-secondary);color:var(--ds-text-secondary);white-space:nowrap;font-size:13px;display:flex}& .shot-tabs{gap:var(--space-5);display:flex}& .shot-tab{padding-bottom:var(--space-2);color:var(--ds-text-secondary);font-size:14px;line-height:20px;&[data-active]{box-shadow:inset 0 -2px 0 var(--ds-text-primary);color:var(--ds-text-primary)}}}.shot-content{gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);flex-direction:column;display:flex}.shot-section{gap:var(--space-1);margin-top:var(--space-3);display:grid;& .shot-section-title{letter-spacing:-.02em;font-size:18px;font-weight:500;line-height:24px}& .shot-section-text{color:var(--ds-text-secondary);font-size:14px;line-height:20px}}.shot-row{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shot-card{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xl);background-color:var(--ds-surface-secondary);background-image:var(--surface-sheen);flex-direction:column;min-width:0;display:flex;& .shot-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) 0;color:var(--ds-text-secondary);font-size:14px;line-height:20px;display:flex}& .shot-card-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .shot-card-tools{align-items:center;gap:var(--space-2);color:var(--ds-text-tertiary);flex:none;display:flex}& .shot-card-options{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);white-space:nowrap;padding:2px;font-size:11px;line-height:16px;display:none;& span{padding:0 var(--space-2);border-radius:2px}& [data-selected]{background:var(--ds-surface-tertiary);color:var(--ds-text-primary)}}& .shot-card-body{gap:var(--space-3);padding:var(--space-3);flex-direction:column;flex:1;display:flex}& .shot-card-headline{letter-spacing:-.02em;font-size:16px;font-weight:500;line-height:24px}&[data-floating]{background-color:var(--ds-surface-tertiary);background-image:var(--shot-float-shine);box-shadow:var(--shot-float-shadow)}}.shot-hero-cards{grid-template-columns:repeat(var(--shot-hero-count), minmax(0, 1fr));gap:var(--space-3);display:grid}.shot-hero-card{gap:var(--space-1);padding:var(--space-3);flex-direction:column;display:flex;& .shot-hero-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-height:var(--space-8);color:var(--ds-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:16px;display:flex}& .shot-hero-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:500;line-height:32px}& .shot-hero-subtext{color:var(--ds-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;overflow:hidden}}.shot-badge{border-radius:var(--radius-md);letter-spacing:0;text-transform:none;flex:none;align-items:center;gap:2px;height:20px;padding-inline:6px;font-size:12px;line-height:16px;display:inline-flex;&[data-status=success]{background:var(--ds-green-200);color:var(--ds-green-text)}&[data-status=danger]{background:var(--ds-red-200);color:var(--ds-red-text)}&[data-status=neutral]{border:var(--border-width) solid var(--border-subtle);color:var(--ds-text-secondary)}& .shot-icon{width:12px;height:12px}}.shot-icon{width:var(--icon-size);height:var(--icon-size);flex:none}.shot-bars{gap:var(--space-2);display:grid;& .shot-bars-plot{isolation:isolate;height:var(--shot-plot-height);border-bottom:var(--border-width) solid var(--border-subtle);background-image:linear-gradient(to bottom, var(--ds-gray-alpha-100) var(--border-width), transparent 0);background-size:100% 25%;align-items:flex-end;gap:3px;display:flex;position:relative}& .shot-bar{height:var(--h);transform-origin:bottom;border-radius:2px 2px 0 0;flex-direction:column-reverse;flex:1;display:flex;overflow:hidden}& .shot-seg{height:var(--v);background:var(--c);flex:none}& .shot-bars-axis{color:var(--ds-text-tertiary);gap:3px;font-size:11px;line-height:16px;display:flex;& span{white-space:nowrap;flex:1;min-width:0}}}.shot-legend{gap:var(--space-1) var(--space-3);color:var(--ds-text-secondary);flex-wrap:wrap;font-size:12px;line-height:16px;display:flex;& li{align-items:center;gap:6px;display:flex}& li:before{content:"";background:var(--c);border-radius:2px;width:8px;height:8px}}.shot-line{--shot-line-height:160px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:var(--shot-line-height) auto;column-gap:var(--space-3);row-gap:var(--space-2);color:var(--ds-text-tertiary);font-size:11px;line-height:16px;display:grid;& .shot-line-y{min-width:3ch;position:relative;& span{top:var(--y);position:absolute;right:0;translate:0 -50%}}& .shot-line-plot{position:relative}& .shot-line-grid{top:var(--y);border-top:var(--border-width) solid var(--border-subtle);position:absolute;inset-inline:0}& .shot-line-bar{bottom:0;left:var(--x);width:4px;height:var(--h);background:var(--c-bar);border-radius:2px;position:absolute;translate:-50%}& .shot-line-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;& path{fill:none;stroke:var(--c);stroke-width:2px;vector-effect:non-scaling-stroke}}& .shot-line-dot{top:var(--y);left:var(--x);background:var(--c);border-radius:50%;width:5px;height:5px;position:absolute;translate:-50% -50%}& .shot-line-x{grid-column:2;height:16px;position:relative;& span{left:var(--x);white-space:nowrap;position:absolute;translate:-50%}}}.shot-quadrant{gap:var(--space-2);color:var(--ds-text-tertiary);grid-template-columns:auto minmax(0,1fr);font-size:11px;line-height:16px;display:grid;& .shot-quadrant-y{writing-mode:vertical-rl;text-align:center;rotate:180deg}& .shot-quadrant-x{text-align:center;grid-column:2}& .shot-quadrant-plot{height:var(--shot-quadrant-height,220px);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid;position:relative}& .shot-quadrant-zone{padding:var(--space-2);border-radius:var(--radius-md);background:color-mix(in oklch, var(--c) 9%, transparent);color:var(--c);&:nth-child(2n){text-align:right}&:nth-child(n+3){align-content:end;display:grid}}& .shot-dot{left:var(--x);bottom:var(--y);width:var(--shot-avatar);height:var(--shot-avatar);border:var(--border-width) solid var(--c);border-radius:var(--radius-full);background:color-mix(in oklch, var(--c) 28%, var(--ds-surface-tertiary));color:var(--ds-text-primary);place-items:center;font-size:10px;font-weight:500;display:grid;position:absolute;translate:-50% 50%}}.shot-list{display:grid;& .shot-list-row{align-items:center;gap:var(--space-2);padding-block:var(--space-2);font-size:13px;line-height:18px;display:flex;&+.shot-list-row{border-top:var(--border-width) solid var(--border-subtle)}}& .shot-list-avatar{width:var(--shot-avatar);height:var(--shot-avatar);border-radius:var(--radius-md);background:var(--ds-purple-200);color:var(--ds-purple-text);flex:none;place-items:center;display:grid}& .shot-list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}& .shot-list-detail{color:var(--ds-text-tertiary);white-space:nowrap}& .shot-list-value{font-variant-numeric:tabular-nums;white-space:nowrap}}.shot-rank{gap:var(--space-3);display:grid;& .shot-rank-row{gap:var(--space-1) var(--space-2);grid-template-columns:minmax(0,1fr) auto;font-size:13px;line-height:18px;display:grid}& .shot-rank-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .shot-rank-value{color:var(--ds-text-secondary);font-variant-numeric:tabular-nums}& .shot-rank-bar{width:var(--w);border-radius:var(--radius-full);background:var(--c);grid-column:1/-1;height:6px}}.shot-chart-list{gap:var(--space-6);min-width:540px;padding:var(--space-4);grid-template-columns:minmax(300px,1.8fr) minmax(200px,1fr);display:grid;& .shot-chart-list-chart{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}& .shot-chart-list-eyebrow{align-items:center;gap:var(--space-2);color:var(--ds-text-secondary);font-size:12px;line-height:16px;display:flex;&:before{content:"";border-radius:var(--radius-full);background:var(--c);width:6px;height:6px}}& .shot-chart-list-refs{gap:var(--space-1) var(--space-4);color:var(--ds-text-tertiary);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:12px;line-height:16px;display:flex;& span{align-items:center;gap:6px;display:flex}& span:before{content:"";border-top:var(--border-width) solid var(--ds-text-tertiary);width:12px}& span[data-dashed]:before{border-top-style:dashed}& strong{color:var(--ds-text-primary);font-weight:500}}& .shot-bars{margin-top:var(--space-2);flex:1}& .shot-chart-list-line{inset-inline:0;bottom:var(--y);border-top:var(--border-width) solid var(--ds-text-tertiary);position:absolute;&[data-dashed]{border-top-style:dashed}}& .shot-chart-list-shade{inset-block:0;z-index:-1;width:calc((100% + 3px) * var(--n));background:var(--ds-gray-alpha-100);position:absolute;right:0}& .shot-chart-list-panel{min-width:0;padding-left:var(--space-6);border-left:var(--border-width) solid var(--border-subtle);flex-direction:column;display:flex}& .shot-chart-list-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-2);font-size:14px;font-weight:500;line-height:20px;display:flex}& .shot-chart-list-column{color:var(--ds-text-tertiary);font-size:12px;font-weight:400;line-height:16px}& .shot-chart-list-tabs{gap:var(--space-5);border-bottom:var(--border-width) solid var(--border-subtle);font-size:14px;line-height:20px;display:flex}& .shot-chart-list-tab{padding-bottom:var(--space-2);color:var(--ds-text-tertiary);white-space:nowrap;&[data-active]{box-shadow:inset 0 -2px 0 var(--brand);color:var(--ds-text-primary)}}& .shot-chart-list-row{align-items:center;gap:var(--space-2);padding-block:var(--space-2);font-size:13px;line-height:18px;display:flex;&+.shot-chart-list-row{border-top:var(--border-width) solid var(--border-subtle)}}& .shot-chart-list-dot{background:var(--c);border-radius:2px;flex:none;width:8px;height:8px}& .shot-chart-list-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .shot-chart-list-value{font-variant-numeric:tabular-nums;margin-left:auto}}.shot-chart-list:has(.shot-roadmap-tooltip){& .shot-bars{margin-top:calc(var(--space-16) + var(--space-2))}& .shot-chart-list-row{flex:1}}.shot-roadmap-tooltip{right:0;bottom:calc(100% + var(--space-2));position:absolute;& .shot-roadmap-tooltip-value{align-items:center;gap:var(--space-1);color:var(--ds-green-text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500;line-height:20px;display:flex}& .shot-icon{width:14px;height:14px}}.shot-heatmap{--shot-heatmap-days:34px;gap:var(--space-2);display:grid;& .shot-heatmap-map{display:flex}& .shot-heatmap-days{width:var(--shot-heatmap-days);color:var(--text-tertiary);flex:none;grid-template-rows:repeat(7,1fr);gap:1px;font-size:12px;line-height:1;display:grid;& span{align-items:center;display:flex}}& .shot-heatmap-grid{grid-template-rows:repeat(7,auto);grid-auto-flow:column;grid-template-columns:repeat(var(--shot-heatmap-weeks), minmax(0, 1fr));flex:1;gap:1px;display:grid}& .shot-heatmap-cell{aspect-ratio:1;border:var(--border-width) solid var(--border-subtle);background:var(--c);border-radius:2px}& .shot-heatmap-months{grid-template-columns:repeat(var(--shot-heatmap-weeks), minmax(0, 1fr));margin-left:var(--shot-heatmap-days);color:var(--text-secondary);white-space:nowrap;gap:1px;font-size:12px;display:grid}& .shot-legend li:first-child:before{outline:var(--border-width) solid var(--border-subtle)}}.shot-table-card{overflow:hidden}.shot-table{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%;font-size:12px;line-height:16px;& th:first-child{width:36%}& th{padding:var(--space-2);color:var(--ds-text-tertiary);text-align:left;vertical-align:bottom;font-weight:500}& :is(th,td):nth-child(4){display:none}& :is(th,td):first-child{padding-left:var(--space-3)}& td{padding:var(--space-2);border-top:var(--border-width) solid var(--border-subtle)}& .shot-table-muted{color:var(--ds-text-secondary)}& .shot-table-value{&[data-status=success]{color:var(--ds-green-text)}&[data-status=warning]{color:var(--ds-amber-text)}}}.shot-spark{height:14px;margin-right:var(--space-1);vertical-align:middle;align-items:flex-end;gap:1px;display:inline-flex;& span{width:3px;height:var(--h);background:var(--ds-green-700);border-radius:1px}}.shot-scope{gap:var(--space-2);padding:var(--space-3);font-size:14px;line-height:20px;& .shot-scope-tabs{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--ds-gray-alpha-100);color:var(--ds-text-secondary);white-space:nowrap;align-self:flex-start;gap:2px;padding:3px;font-size:13px;display:flex;&>span{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}&>[data-selected]{background:var(--ds-surface-tertiary);box-shadow:inset 0 0 0 var(--border-width) var(--border-subtle);color:var(--ds-text-primary)}}& .shot-scope-list{gap:var(--space-2);display:grid}& .shot-scope-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-width) solid color-mix(in oklch, var(--ds-green-700) 45%, transparent);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--ds-green-700) 12%, transparent);display:flex}& .shot-scope-icon{border:var(--border-width) solid color-mix(in oklch, var(--ds-green-700) 45%, transparent);border-radius:var(--radius-full);background:color-mix(in oklch, var(--ds-green-700) 20%, transparent);width:32px;height:32px;color:var(--ds-green-text);flex:none;place-items:center;font-size:11px;font-weight:500;display:grid;& .shot-icon{width:18px;height:18px}&[data-type=agent] .shot-icon{width:14px;height:14px}}& .shot-scope-text{flex:1;min-width:0;display:grid}& .shot-scope-label,& .shot-scope-sublabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .shot-scope-sublabel{color:var(--ds-text-tertiary);font-size:12px;line-height:16px}& .shot-scope-action{padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--ds-gray-alpha-100);color:var(--ds-text-secondary);flex:none;font-size:12px;line-height:16px}}.shot-grid-card{min-width:max-content;padding:var(--space-2) var(--space-3)}.shot-grid{border-collapse:separate;border-spacing:6px;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;line-height:20px;& th{padding:0 var(--space-1);color:var(--ds-text-primary);font-weight:400}& thead th{text-overflow:ellipsis;max-width:72px;font-size:13px;overflow:hidden}& tbody th{padding-right:var(--space-6);text-align:left}& td{padding:0}& .shot-grid-company{padding:var(--space-1);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--ds-gray-alpha-100);display:block}& .shot-grid-tile{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--ds-gray-alpha-100);place-items:center;width:70px;height:54px;display:grid;&[data-status=success]{border-color:color-mix(in oklch, var(--ds-green-700) 40%, transparent);background:color-mix(in oklch, var(--ds-green-700) 16%, transparent)}&[data-status=danger]{border-color:color-mix(in oklch, var(--ds-red-700) 40%, transparent);background:color-mix(in oklch, var(--ds-red-700) 14%, transparent)}}}.shot-capex{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--ds-surface-primary);flex-direction:column;display:flex;overflow:hidden;& .shot-header{padding-inline:var(--space-4)}& .shot-header-row{flex-wrap:wrap}}.shot-kpi-cards{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.shot-kpi-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);flex-direction:row;& .shot-kpi-text{gap:var(--space-1);min-width:0;display:grid}& .shot-kpi-head{align-items:center;gap:var(--space-2);color:var(--ds-text-secondary);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:500;line-height:16px;display:flex}& .shot-kpi-sub{align-items:center;gap:var(--space-1);color:var(--ds-text-secondary);white-space:nowrap;font-size:13px;line-height:18px;display:flex;overflow:hidden;& .shot-icon{width:14px;height:14px;color:var(--ds-text-tertiary)}}& .shot-kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex:none;font-size:24px;font-weight:500;line-height:32px;& small{font-size:16px}}}.shot-capex-card{gap:var(--space-4);padding:var(--space-4);font-size:13px;line-height:18px;& .shot-capex-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}& .shot-capex-eyebrow{align-items:center;gap:var(--space-2);color:var(--ds-text-secondary);white-space:nowrap;font-size:12px;line-height:16px;display:flex;&:before{content:"";border-radius:var(--radius-full);background:var(--shot-capitalizable);width:6px;height:6px}}& .shot-badge .shot-icon{width:12px;height:12px}& .shot-card-headline{font-size:15px;line-height:22px}& .shot-capex-muted{color:var(--ds-text-tertiary);white-space:nowrap;& strong{color:var(--ds-text-secondary);font-weight:500}}& .shot-capex-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:500;line-height:32px}}.shot-capex-epic-card{gap:var(--space-3)}.shot-capex-epic{--shot-avatar:20px;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--border-subtle);display:grid;& .shot-capex-meta{align-items:center;gap:var(--space-3);color:var(--ds-text-tertiary);white-space:nowrap;display:flex}}.shot-avatars{display:flex;& .shot-avatar{width:var(--shot-avatar);height:var(--shot-avatar);border:2px solid var(--ds-surface-secondary);border-radius:var(--radius-full);background:var(--ds-surface-tertiary);color:var(--ds-text-secondary);flex:none;place-items:center;font-size:9px;font-weight:500;display:grid;&+.shot-avatar{margin-left:-6px}&[data-agent]{background:var(--ds-purple-200);color:var(--ds-purple-text)}& .shot-icon{width:12px;height:12px}}}.shot-capex-ring{align-items:center;gap:var(--space-5);display:flex}.shot-ring{width:var(--space-20);aspect-ratio:1;flex:none;place-items:center;display:grid;position:relative;& svg{position:absolute;inset:0;rotate:-90deg}& circle{fill:none;stroke-width:4px}& .shot-ring-track{stroke:var(--ds-gray-alpha-200)}& .shot-ring-value{stroke:var(--c);stroke-linecap:round}& .shot-ring-label{font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}}.shot-capex-rows{max-width:400px;padding-top:var(--space-2);border-top:var(--border-width) solid var(--border-subtle);display:grid;& .shot-capex-row{grid-template-columns:1fr auto var(--space-20);align-items:center;gap:var(--space-4);padding-block:var(--space-1);font-variant-numeric:tabular-nums;display:grid}& .shot-capex-row-label{align-items:center;gap:var(--space-2);white-space:nowrap;display:flex;&:before{content:"";background:var(--c);border-radius:2px;width:8px;height:8px}}& .shot-capex-row-value{text-align:right}}.shot-capex-contributors{min-width:520px}.shot-capex-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;& th{padding:0 var(--space-2) var(--space-2);color:var(--ds-text-tertiary);text-align:right;white-space:nowrap;font-size:12px;font-weight:400;line-height:16px;& .shot-icon{width:12px;height:12px;margin-left:var(--space-1);vertical-align:-2px;display:inline-block}}& td{padding:var(--space-2);border-top:var(--border-width) solid var(--border-subtle);text-align:right;white-space:nowrap;& strong{font-weight:500}}& :is(th,td):nth-child(-n+2){text-align:left}& :is(th,td):first-child{padding-left:0}& :is(th,td):last-child{padding-right:0}}.shot-capex-total{align-items:baseline;gap:var(--space-2);display:flex}.shot-capex-items{gap:var(--space-2);display:grid;& .shot-capex-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-left:3px solid var(--shot-noncapitalizable);border-radius:var(--radius-md);display:flex;&[data-capitalizable]{border-left-color:var(--shot-capitalizable)}}& .shot-capex-item-text{gap:var(--space-1);min-width:0;display:grid}& .shot-capex-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .shot-capex-item-meta{align-items:center;gap:var(--space-2);color:var(--ds-text-tertiary);white-space:nowrap;font-size:12px;line-height:16px;display:flex;overflow:hidden}& .shot-capex-type{border-radius:var(--radius-sm);background:var(--ds-surface-tertiary);color:var(--ds-text-secondary);flex:none;padding:1px 6px}& .shot-capex-item-value{justify-items:end;gap:var(--space-1);font-variant-numeric:tabular-nums;flex:none;display:grid;& .shot-capex-muted{font-size:12px;line-height:16px}}}.shot-tooltip{gap:var(--space-1);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--ds-surface-tertiary);background-image:var(--shot-float-shine);box-shadow:var(--shot-float-shadow);color:var(--ds-text-secondary);white-space:nowrap;font-size:12px;line-height:16px;display:grid;& .shot-tooltip-head{gap:var(--space-2);margin-bottom:var(--space-1);color:var(--ds-text-primary);font-weight:500;display:flex}& .shot-tooltip-dates{color:var(--ds-text-tertiary);font-weight:400}& .shot-tooltip-row{align-items:center;gap:6px;display:flex;&:before{content:"";background:var(--c);border-radius:2px;width:8px;height:8px}}& .shot-tooltip-value{color:var(--ds-text-primary);font-variant-numeric:tabular-nums}}.shot-cell{height:calc(var(--space-40) + var(--space-32));margin-top:var(--space-4);margin-right:calc(-1 * var(--space-8));overflow:hidden;@media (width<=767px){height:auto}& :is(.shot,.shot-stage,.shot-window,.shot-canvas){height:100%}& .shot-canvas>*{flex:1}& .shot-card-body{flex-direction:column;flex:1;display:flex}& .shot-quadrant{--shot-avatar:28px;flex:1;grid-template-rows:minmax(0,1fr) auto;font-size:12px}& .shot-quadrant-plot{height:auto}& .shot-line{grid-template-rows:minmax(var(--space-32), 1fr) auto;flex:1}& .shot-stack>.shot-card{flex:1}& .shot-bars{grid-template-rows:minmax(var(--space-16), 1fr) auto;flex:1}& .shot-bars-plot{height:auto}& .shot-table{font-size:13px;line-height:18px}& .shot-table td{padding-block:var(--space-3)}& .shot-table th{white-space:normal}& .shot-table th:first-child{width:32%}}.shot-metric-overview{min-width:480px;& .shot-card-header{padding-bottom:var(--space-2);font-size:13px;line-height:18px}& .shot-metric-overview-title{align-items:center;gap:var(--space-2);color:var(--ds-text-primary);white-space:nowrap;display:flex}& .shot-metric-overview-period{color:var(--ds-text-tertiary);white-space:nowrap;font-size:11px}& .shot-table{font-size:12px;line-height:16px}& .shot-table :is(th,td){padding-block:var(--space-2);white-space:nowrap;display:table-cell}& .shot-table th{font-size:11px}& .shot-table :is(th,td):not(:first-child){text-align:right}& .shot-table th:first-child{width:36%}& .shot-table th:last-child{width:18%}& .shot-table :is(th,td):last-child{padding-right:var(--space-3)}& .shot-metric-overview-name,& .shot-metric-overview-description{text-overflow:ellipsis;display:block;overflow:hidden}& .shot-metric-overview-name{color:var(--ds-text-primary)}& .shot-metric-overview-description{color:var(--ds-text-tertiary);font-size:10px;line-height:14px}& .shot-metric-overview-value{align-items:baseline;gap:var(--space-1);color:var(--ds-text-primary);font-size:13px;display:inline-flex;& .shot-icon{width:12px;height:12px;color:var(--ds-text-secondary);align-self:center}}& .shot-metric-overview-unit{color:var(--ds-text-tertiary);font-size:10px}& .shot-badge{font-size:11px}& .shot-metric-overview-rank{align-items:center;gap:var(--space-2);color:var(--ds-text-secondary);display:inline-flex}& .shot-metric-overview-signal{align-items:flex-end;gap:2px;display:inline-flex;&[data-status=success]{color:var(--ds-green-700)}&[data-status=danger]{color:var(--ds-red-700)}& span{background:color-mix(in srgb, currentColor 20%, transparent);border-radius:1px;width:3px}& span:first-child{height:4px}& span:nth-child(2){height:6px}& span:nth-child(3){height:8px}& span:nth-child(4){height:10px}&[data-bars="1"] span:nth-child(-n+1),&[data-bars="2"] span:nth-child(-n+2),&[data-bars="3"] span:nth-child(-n+3),&[data-bars="4"] span{background:currentColor}}& .shot-metric-overview-trend{vertical-align:middle;fill:none;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;width:100%;max-width:96px;height:20px;&[data-status=success]{stroke:var(--ds-green-700)}&[data-status=danger]{stroke:var(--ds-red-700)}& polyline{vector-effect:non-scaling-stroke}}}.shot-stack{gap:var(--space-3);flex-direction:column;min-width:480px;display:flex}.shot-feedback-tooltip{position:absolute;top:34%;right:22%}.shot-ai-card{min-width:480px}.shot-ai-tooltip{top:30%;right:var(--space-12);position:absolute}.shot-floating{display:none}.shot-work-item,.shot-per-person,.shot-epics{min-width:460px}.shot-avatar{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--ds-gray-alpha-200);color:var(--ds-text-secondary);flex-shrink:0;place-items:center;font-size:9px;font-weight:500;line-height:1;display:inline-grid;&[data-agent]{border-radius:var(--radius-sm);background:var(--ds-gray-1000)}}.shot-avatars{align-items:center;display:flex;& .shot-avatar{outline:2px solid var(--ds-surface-secondary)}& .shot-avatar+.shot-avatar{margin-left:calc(-1 * var(--space-1))}& .shot-avatars-more{margin-left:var(--space-1);color:var(--ds-text-tertiary);font-size:11px}}.shot-work-item{gap:var(--space-2);padding:var(--space-4);font-size:12px;line-height:16px;& .shot-work-item-meta{color:var(--ds-text-tertiary);gap:6px;display:flex}& .shot-work-item-category{color:var(--ds-text-secondary);align-items:center;gap:6px;display:flex;&:before{content:"";border-radius:var(--radius-full);background:var(--c);width:6px;height:6px}}& .shot-work-item-creator{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--border-subtle);color:var(--ds-text-primary);display:flex}& .shot-work-item-note{color:var(--ds-text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .shot-work-item-activities{gap:var(--space-3);max-width:66%;margin:0;padding:0;list-style:none;display:grid}& .shot-work-item-activity{align-items:center;gap:var(--space-3);display:flex}& .shot-work-item-icon{width:var(--space-6);height:var(--space-6);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--ds-text-secondary);flex-shrink:0;place-items:center;display:grid;& svg{width:14px;height:14px}}& .shot-work-item-text{flex:1;min-width:0;display:grid}& .shot-work-item-title{align-items:center;gap:var(--space-2);color:var(--ds-text-primary);white-space:nowrap;display:flex;overflow:hidden}& .shot-work-item-badge{border-radius:var(--radius-full);background:var(--ds-purple-200);color:var(--ds-purple-900);padding:0 6px;font-size:11px}& .shot-work-item-points{align-items:center;gap:var(--space-1);color:var(--ds-text-primary);font-variant-numeric:tabular-nums;display:flex;& svg{width:12px;height:12px;color:var(--ds-text-tertiary)}}}.shot-score-box{top:var(--space-24);right:var(--space-4);min-width:var(--space-40);position:absolute;& .shot-score-box-title{margin-bottom:var(--space-1);color:var(--ds-text-primary);align-items:center;gap:6px;font-weight:500;display:flex;& svg{width:14px;height:14px;color:var(--brand)}}& .shot-score-box-row{justify-content:space-between;gap:var(--space-4);display:flex;& strong{color:var(--ds-text-primary);font-variant-numeric:tabular-nums;font-weight:500}& strong span{margin-right:var(--space-1);color:var(--ds-text-tertiary);font-weight:400}&[data-total]{margin-top:var(--space-1);padding-top:var(--space-2);border-top:var(--border-width) solid var(--border-subtle)}}}.shot-per-person-refs{color:var(--ds-text-tertiary);align-items:center;gap:6px;font-size:12px;line-height:16px;display:flex;&:before{content:"";border-top:var(--border-width) dashed var(--ds-text-tertiary);width:12px}& strong{color:var(--ds-text-primary);font-weight:500}}.shot-bars .shot-bars-line{inset-inline:0;bottom:var(--y);border-top:var(--border-width) dashed var(--ds-text-tertiary);position:absolute}.shot-per-person-tooltip{position:absolute;top:34%;right:12%}.shot-epics{& .shot-epics-sub{margin-bottom:var(--space-2);color:var(--ds-text-tertiary);font-size:12px;line-height:16px}& .shot-table{width:80%;margin-left:calc(-1 * var(--space-3))}& .shot-table :is(th,td):last-child{text-align:right}& .shot-epics-points{align-items:center;gap:var(--space-1);display:inline-flex;& svg{width:12px;height:12px;color:var(--ds-text-tertiary)}}}.shot-deployment{width:100%;position:relative;& .shot-deployment-chart{--shot-plot-height:132px}& .shot-floating{width:320px;position:absolute;bottom:0;right:0}}.shot[data-type=page]:has(.shot-assisted) .shot-window{aspect-ratio:auto;height:auto;max-height:none}.shot-work-floating{right:var(--space-6);bottom:var(--space-8);width:300px;position:absolute}.shot-person{& .shot-person-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) 0;color:var(--ds-text-secondary);white-space:nowrap;flex-wrap:wrap;font-size:14px;line-height:20px;display:flex}& .shot-person-name{align-items:center;gap:var(--space-2);display:flex;&:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px}}& .shot-person-compare{align-items:center;gap:var(--space-2);color:var(--ds-text-tertiary);display:flex}& .shot-person-select{align-items:center;gap:var(--space-2);height:var(--control-height);padding-inline:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--ds-surface-tertiary);color:var(--ds-text-primary);display:flex}& .shot-legend li:first-child:before{width:12px;height:2px}& .shot-legend li:last-child:before{width:3px;height:10px}}@media (width<=639px){.shot-person{min-width:520px;& .shot-card-headline{max-width:22ch}}}.shot-person-menu{top:var(--space-24);right:var(--space-6);width:200px;padding:var(--space-2);flex-direction:column;gap:2px;font-size:13px;line-height:18px;position:absolute;& .shot-person-menu-title{padding:var(--space-1) var(--space-2);color:var(--ds-text-tertiary);font-size:12px}& .shot-person-menu-item{height:calc(var(--control-height) - var(--space-1));padding-inline:var(--space-2);border-radius:var(--radius-md);color:var(--ds-text-secondary);justify-content:space-between;align-items:center;display:flex}& [data-selected]{background:color-mix(in oklch, var(--brand) 12%, transparent);color:var(--ds-text-primary);& .shot-icon{color:var(--brand)}}}.shot-quality-floating{--shot-quadrant-height:168px;right:var(--space-6);bottom:var(--space-8);width:320px;position:absolute}@keyframes shot-scroll{to{top:100%;translate:0 -100%}}@supports (animation-timeline:view()){@media (width>=768px) and (prefers-reduced-motion:no-preference){.shot[data-scroll] .shot-canvas{height:100%}.shot[data-scroll] .shot-main{animation-name:shot-scroll;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--shot-scroll;animation-range:cover var(--shot-scroll-start) cover calc(var(--shot-scroll-start) + var(--shot-scroll-length));align-self:flex-start;position:relative;top:0}}}@media (width>=640px){.shot{--shot-zoom:.8}.shot-floating{display:flex}.shot-table :is(th,td):nth-child(4){white-space:nowrap;display:table-cell}.shot-deployment{padding-right:var(--space-40);padding-bottom:var(--space-16)}}@media (width>=768px){.shot{--shot-zoom:1}.shot-card .shot-card-options{display:flex}.shot[data-type=app]{--shot-canvas-width:1180px;& .shot-sidebar{display:flex}}.shot[data-type=page]{--shot-canvas-width:960px;& .shot-window{height:var(--frame-height);aspect-ratio:auto;max-height:80vh}}}@media (width>=1024px){.shot[data-type=app] .shot-window{aspect-ratio:11/6}.shot[data-type=page]{--shot-canvas-width:880px}.shot[data-bleed=left] .shot-window{justify-content:flex-end}.shot[data-bleed=right] .shot-window{margin-right:calc(-1 * var(--bleed));border-radius:var(--radius-xl) 0 0 var(--radius-xl);border-right:0}.shot[data-bleed=left] .shot-window{margin-left:calc(-1 * var(--bleed));border-radius:0 var(--radius-xl) var(--radius-xl) 0;border-left:0}}.shot-sidebar .shot-sidebar-avatar{width:var(--shot-avatar);height:var(--shot-avatar);border-radius:var(--radius-full);background:var(--ds-blue-300);color:var(--ds-blue-text);place-items:center;font-size:10px;font-weight:500;display:grid}.shot-mcp-kpis{grid-template-columns:minmax(0, 184px) var(--space-8) minmax(0, 168px);padding-left:var(--space-6);justify-content:start;align-items:center;width:100%;height:100%;min-height:288px;display:grid;& .shot-mcp-kpis-column{align-self:stretch;position:relative;overflow:hidden;mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}& .shot-mcp-kpis-track{gap:var(--space-2);padding-bottom:var(--space-2);flex-direction:column;animation:40s linear infinite shot-mcp-kpis-scroll;display:flex;position:absolute;inset:0 0 auto}& .shot-mcp-kpis-link{border-top:var(--border-width) dashed var(--ds-gray-alpha-500)}& .shot-icon{flex:none;width:14px;height:14px}}.shot-mcp-kpi{padding:var(--space-3);gap:2px;& .shot-mcp-kpi-name{font-size:12px;font-weight:500;line-height:16px}& .shot-mcp-kpi-description{color:var(--ds-text-tertiary);font-size:11px;line-height:14px}& .shot-mcp-kpi-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}& .shot-mcp-kpi-value{align-items:baseline;gap:var(--space-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;line-height:24px;display:inline-flex}& .shot-mcp-kpi-unit{color:var(--ds-text-tertiary);letter-spacing:0;font-size:11px}& .shot-badge{font-size:11px}}.shot-mcp-node{gap:var(--space-1);padding:var(--space-3);box-shadow:var(--shot-float-shadow);& .shot-mcp-node-name{align-items:center;gap:var(--space-2);font-size:13px;font-weight:500;line-height:18px;display:flex}& .shot-mcp-node-connection{color:var(--ds-text-tertiary);font-size:11px;line-height:14px}& .shot-mcp-node-status{color:var(--ds-text-secondary);font-family:var(--font-mono);align-items:center;gap:6px;font-size:11px;line-height:14px;display:flex;&:before{content:"";border-radius:var(--radius-full);background:var(--ds-green-800);width:5px;height:5px;animation:2.6s ease-in-out infinite mcp-chat-pulse}}}@keyframes shot-mcp-kpis-scroll{to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.shot-mcp-kpis *{animation:none!important}}.mcp-chat{min-width:0;& .mcp-chat-window{height:600px;max-height:80vh;color:var(--ds-text-primary);overflow:hidden}& .mcp-chat-body{gap:var(--space-4);max-width:600px;height:100%;padding:var(--space-4);pointer-events:none;user-select:none;flex-direction:column;margin-inline:auto;display:flex;@media (width>=768px){padding:var(--space-6)}}& .shot-icon{flex:none;width:14px;height:14px;display:block}}.mcp-chat-transcript{min-height:0;mask-image:linear-gradient(to bottom, transparent, black var(--space-12));flex-direction:column;flex:1;justify-content:flex-end;transition:opacity .56s;display:flex;overflow:hidden;[data-fading] &{opacity:0}}.mcp-chat-message{display:flex;&[data-role=user]{justify-content:flex-end}}.mcp-chat-reveal,.mcp-chat-collapse{grid-template-rows:1fr;min-width:0;transition:grid-template-rows .48s cubic-bezier(.22,.61,.36,1),opacity .36s;display:grid;&>*{min-height:0;overflow:hidden}}.mcp-chat-reveal{width:100%;[data-role=user] &{width:auto;max-width:78%}[data-animated] [data-state=hidden] &{opacity:0;grid-template-rows:0fr}}.mcp-chat-thinking-row{opacity:0;grid-template-rows:0fr;[data-animated] [data-state=thinking] &{opacity:1;grid-template-rows:1fr}}.mcp-chat-reply-row{[data-animated] :is([data-state=hidden],[data-state=thinking]) &{opacity:0;grid-template-rows:0fr}}.mcp-chat-bubble,.mcp-chat-answer{margin-top:var(--space-3)}.mcp-chat-bubble{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:14px 14px var(--radius-sm) 14px;background:var(--ds-gray-100);font-size:14px;line-height:20px}.mcp-chat-answer{border:var(--border-width) solid var(--border-subtle);border-radius:14px 14px 14px var(--radius-sm);background:var(--ds-surface-secondary)}.mcp-chat-thinking{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--ds-text-tertiary);white-space:nowrap;font-size:13px;line-height:16px;display:flex;& .mcp-chat-dots{gap:var(--space-1);display:flex}& .mcp-chat-dots>span{border-radius:var(--radius-full);background:currentColor;width:5px;height:5px;animation:1.25s ease-in-out infinite mcp-chat-dot}& .mcp-chat-dots>span:nth-child(2){animation-delay:.16s}& .mcp-chat-dots>span:nth-child(3){animation-delay:.32s}}.mcp-chat-reply{padding:var(--space-3) var(--space-4);color:var(--ds-text-secondary);flex-direction:column;font-size:12px;line-height:16px;display:flex;& .mcp-chat-lead{margin:0 0 var(--space-2);text-wrap:pretty;font-size:14px;line-height:20px}& .mcp-chat-table-title{margin:0 0 var(--space-1);color:var(--ds-text-tertiary)}}.mcp-chat-legend{gap:var(--space-1) var(--space-4);color:var(--ds-text-tertiary);flex-wrap:wrap;display:flex;&>span:before{vertical-align:middle;background:var(--ds-text-tertiary);content:"";border-radius:1px;width:10px;height:2px;margin-right:6px;display:inline-block}&>[data-series=after]:before{background:var(--brand)}}.mcp-chat-plot{width:100%;height:72px;margin-top:var(--space-1);display:block;overflow:visible;& line,& .mcp-chat-curve-line{fill:none;vector-effect:non-scaling-stroke}& .mcp-chat-guide{stroke:var(--ds-gray-alpha-100)}& .mcp-chat-axis{stroke:var(--ds-gray-alpha-200)}& .mcp-chat-curve{transition:opacity .42s 60ms}& .mcp-chat-curve[data-series=before]{color:var(--ds-text-tertiary)}& .mcp-chat-curve[data-series=after]{color:var(--brand);transition-delay:.3s}& .mcp-chat-curve-fill{fill:color-mix(in srgb, currentColor 11%, transparent)}& .mcp-chat-curve-line{stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round}[data-animated] :is([data-state=hidden],[data-state=thinking]) & .mcp-chat-curve{opacity:0;transition:none}}.mcp-chat-ticks{height:16px;margin-top:var(--space-1);color:var(--ds-text-disabled);position:relative;&>span{position:absolute;transform:translate(-50%)}}.mcp-chat-axis-label{color:var(--ds-text-disabled);text-align:center}.mcp-chat-stats{gap:var(--space-1) var(--space-4);margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width) solid var(--border-subtle);color:var(--ds-text-tertiary);flex-wrap:wrap;display:flex;& strong{margin-left:var(--space-1);color:var(--ds-text-secondary);font-variant-numeric:tabular-nums;font-weight:500}}.mcp-chat-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-block:6px;font-size:14px;line-height:20px;display:flex;&+&{border-top:var(--border-width) solid var(--border-subtle)}& .mcp-chat-row-note{margin-left:var(--space-1);color:var(--ds-text-tertiary);font-size:12px}& .mcp-chat-row-value{color:var(--ds-text-primary);font-variant-numeric:tabular-nums;font-weight:500}}.mcp-chat-composer{align-items:flex-start;gap:var(--space-3);flex-direction:column;flex:none;display:flex}.mcp-chat-chip{height:28px;padding:0 var(--space-3) 0 10px;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-full);background:var(--ds-surface-secondary);color:var(--ds-text-tertiary);white-space:nowrap;align-items:center;gap:7px;font-size:12px;transition:background .22s,border-color .22s;display:inline-flex;& .mcp-chat-chip-icon{display:grid;&>*{grid-area:1/1;width:12px;height:12px}}& .mcp-chat-spinner{fill:none;stroke:var(--ds-green-800);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:10 28;animation:.9s linear infinite mcp-chat-spin;display:none}& .mcp-chat-chip-name{color:var(--ds-text-secondary);font-weight:500}& .mcp-chat-chip-mark{border-radius:var(--radius-full);background:var(--ds-green-800);width:5px;height:5px;animation:2.6s ease-in-out infinite mcp-chat-pulse}& .mcp-chat-chip-status{font-family:var(--font-mono);animation:.16s mcp-chat-in}&[data-busy]{border-color:var(--border-structural);background:var(--ds-gray-100);& .mcp-chat-spinner{display:block}& .shot-icon{visibility:hidden}& .mcp-chat-chip-mark{background:var(--ds-text-tertiary);animation:none}& .mcp-chat-chip-status{color:var(--ds-text-secondary)}}}.mcp-chat-input{gap:var(--space-3);width:100%;padding:14px var(--space-4) 11px;border:var(--border-width) solid var(--border-subtle);background:var(--ds-surface-secondary);border-radius:18px;flex-direction:column;display:flex;& .mcp-chat-input-text{min-height:22px;font-size:15px;line-height:22px;transition:opacity .2s,transform .2s}&[data-sending] .mcp-chat-input-text{opacity:0;transform:translateY(-4px)}& .mcp-chat-caret{vertical-align:text-bottom;background:var(--ds-text-secondary);border-radius:1px;width:1.5px;height:16px;margin-left:2px;animation:1.05s step-end infinite mcp-chat-blink;display:none;[data-animated] &{display:inline-block}[data-typing] &{animation:none}}}.mcp-chat-input-bar{color:var(--ds-text-tertiary);justify-content:space-between;align-items:center;display:flex;& .mcp-chat-attach{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);place-items:center;width:28px;height:28px;display:grid}& .mcp-chat-input-tools{align-items:center;gap:var(--space-3);display:flex}& .mcp-chat-model{align-items:center;gap:var(--space-1);font-size:13px;display:flex;& .shot-icon{width:10px;height:10px}}& .mcp-chat-send{border:var(--border-width) solid var(--border-subtle);background:var(--ds-gray-100);width:30px;height:30px;color:var(--ds-text-disabled);border-radius:9px;place-items:center;transition:background .28s,color .28s,border-color .28s;display:grid;[data-ready] &{background:var(--brand);color:var(--ds-surface-primary);border-color:#0000}}}.mcp-loop{min-height:153px;color:var(--ds-text-primary);pointer-events:none;user-select:none;& .shot-icon{flex:none;width:14px;height:14px;display:block}& .mcp-chat-chip{transition:background .22s,border-color .22s,width .26s cubic-bezier(.22,.61,.36,1);overflow:hidden}&:not([data-animated]) .mcp-chat-chip[data-busy]{& .mcp-chat-spinner{display:none}& .shot-icon{visibility:visible}}& .mcp-chat-input-text{transition:height .24s cubic-bezier(.22,.61,.36,1);overflow:hidden}& .mcp-chat-input-line{transition:opacity .2s}& .mcp-chat-input[data-fading] .mcp-chat-input-line{opacity:0;transition:opacity .4s,transform .4s cubic-bezier(.22,.61,.36,1);transform:translateY(-3px)}}@keyframes mcp-chat-dot{0%,60%,to{opacity:.25}30%{opacity:.9}}@keyframes mcp-chat-spin{to{transform:rotate(360deg)}}@keyframes mcp-chat-pulse{50%{opacity:.4}}@keyframes mcp-chat-blink{50%{opacity:0}}@keyframes mcp-chat-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.mcp-chat *,.mcp-loop *{animation:none!important}}