/* Tokens and panel composition follow docs/atomize(backed).html and
   docs/library-atomized(backed).html. References are never modified. */
:root {
  /* Typed leaves for existing component presets. */
  --skill-list-control-size-value-0: 48px;
  --skill-list-control-size-value-1: 36px;
  --ds-shadow-overlay-value-1: 1;
  --ds-round-factor: 0.5;
  --ds-smooth-scroll-opaque-stop-factor: 0.2;
  --ds-letter-spacing-hero-factor: -0.06;
  --ds-letter-spacing-title-factor: -0.04;
  --ds-page-gutter-value-0: 0.02;
  --ds-graph-grid-value-1: rgb(0 0 0 / 0);
  --ds-identity-tile-text-width-value-0: 7;
  --ds-letter-spacing-em-level-2-factor: 0.12;
  --ds-runtime-control-value-0: 0.85;
  --ds-runtime-dialogue-value-0: 0.4;
  --ds-runtime-intelligence-value-0: 0.6;
  --ds-space-section-fluid-factor: 0.08;
  --ds-type-hero-size-viewport-factor: 0.054;
  --ds-type-hero-size-max: 80px;
  --ds-type-intro-size-viewport-factor: 0.035;
  --ds-type-intro-size-max: 56px;
  --ds-type-page-size-viewport-factor: 0.048;
  --ds-type-page-size-max: 72px;
  --identity-columns-value-0: 4;
  --identity-columns-value-1: 8;
  --identity-columns-value-2: 6;
  --identity-tile-columns-value-0: 2;
  --identity-tile-columns-value-2: 3;

  /* Canonical scales. Semantic roles below reference these definitions. */
  --ds-spacing-level-0: 0px;
  --ds-spacing-level-1: 2px;
  --ds-spacing-level-2: 4px;
  --ds-spacing-level-3: 8px;
  --ds-spacing-level-4: 12px;
  --ds-spacing-level-5: 16px;
  --ds-spacing-level-6: 24px;
  --ds-spacing-px-20: 20px;
  --ds-opacity-level-0: 0;
  --ds-opacity-level-1: 0.1;
  --ds-opacity-level-2: 0.3;
  --ds-opacity-level-3: 0.6;
  --ds-opacity-level-4: 1;
  --ds-font-size-level-0: 8px;
  --ds-font-size-level-1: 12px;

  --ds-font-size-level-3: 16px;
  --ds-font-size-level-4: 20px;
  --ds-font-size-level-5: 24px;
  --ds-font-size-level-6: 32px;
  --ds-font-size-level-7: 40px;
  --ds-line-height-level-0: 0.9;
  --ds-line-height-level-1: 1;
  --ds-line-height-level-2: 1.2;
  --ds-line-height-level-3: 1.5;
  --ds-line-height-level-4: 1.8;
  --ds-radius-level-0: 0px;
  --ds-radius-level-1: 4px;
  --ds-radius-level-2: 8px;
  --ds-radius-level-3: 24px;
  --ds-letter-spacing-em-level-0: calc(var(--ds-letter-spacing-hero-factor) * 1em);
  --ds-letter-spacing-em-level-1: calc(var(--ds-letter-spacing-title-factor) * 1em);
  --ds-letter-spacing-em-level-2: calc(var(--ds-letter-spacing-em-level-2-factor) * 1em);
  --ds-letter-spacing-px-level-0: -1px;
  --ds-gray-level-0: #000000;
  --ds-gray-level-1: #707070;
  --ds-gray-level-2: #b0b0b0;
  --ds-gray-level-3: #e0e0e0;
  --ds-gray-level-4: #f0f0f0;
  --ds-gray-level-5: #ffffff;









  --ds-font-weight-level-0: 500;
  --ds-font-weight-level-1: 600;
  --ds-font-weight-level-2: 700;





  --ds-stroke-width-strong: 2;
  --ds-stroke-width-thin: 1;
  --skill-browser-accent: var(--ds-ink);
  --skill-graph-columns: 5;
  --skill-graph-column-width: 212px;
  --skill-graph-top-padding: var(--ds-spacing-level-0);
  --skill-context-color: var(--ds-muted);
  --ds-control-height-compact: 32px;
  --ds-space-section-fluid: calc(var(--ds-space-section-fluid-factor) * 100vw);

  --ds-outline-offset-inset: -4px;


  --identity-option-count: 1;
  /* Registered shared visual scales. Product rules consume these roles. */


  --ds-round: calc(var(--ds-round-factor) * 100%);
  --ds-border-width-none: 0px;
  --ds-border-width-thin: 1px;
  --ds-border-width-strong: 2px;
  --ds-border-width-emphasis: 4px;
  --ds-border-solid: solid;
  --ds-border-dashed: dashed;
  --ds-border-dotted: dotted;
  --ds-backdrop: rgb(0 0 0 / var(--ds-opacity-level-2));

  --ds-map-grid: radial-gradient(var(--ds-soft) var(--ds-border-width-thin),var(--ds-graph-grid-value-1) var(--ds-border-width-thin));
  --ds-map-grid-size:var(--ds-spacing-level-5) var(--ds-spacing-level-5);
  --ds-graph-grid-size:var(--ds-spacing-px-20) var(--ds-spacing-px-20);
  --ds-graph-grid: radial-gradient(var(--ds-gray-level-2) var(--ds-border-width-thin),var(--ds-graph-grid-value-1) var(--ds-border-width-thin));
  --ds-shadow-popover: var(--ds-spacing-level-0) var(--ds-spacing-level-2) var(--ds-spacing-level-5) rgb(0 0 0 / var(--ds-opacity-level-1));
  --ds-shadow-overlay: var(--ds-spacing-level-0) var(--ds-spacing-level-3) calc(var(--ds-spacing-level-6) * var(--ds-shadow-overlay-value-1) + var(--ds-spacing-level-2)) rgb(0 0 0 / var(--ds-opacity-level-1));

  --ds-motion-duration-level-1: 100ms;
  --ds-transition-hover: background-color var(--ds-motion-duration-level-1);
  --ds-transition-colors: background-color var(--ds-motion-duration-level-1),color var(--ds-motion-duration-level-1);

  --ds-type-hero-size: clamp(var(--ds-font-size-level-7), calc(var(--ds-type-hero-size-viewport-factor) * 100vw), var(--ds-type-hero-size-max));
  --ds-type-intro-size: clamp(var(--ds-font-size-level-6), calc(var(--ds-type-intro-size-viewport-factor) * 100vw), var(--ds-type-intro-size-max));
  --ds-type-page-size: clamp(var(--ds-font-size-level-7), calc(var(--ds-type-page-size-viewport-factor) * 100vw), var(--ds-type-page-size-max));
  --ds-letter-spacing-normal: 0;


  --ds-layer-base: 1;
  --ds-layer-content: 2;
  --ds-layer-control: 5;
  --ds-layer-node: 6;
  --ds-layer-node-selected: 7;
  --ds-layer-tool: 8;
  --ds-layer-sticky: 10;
  --ds-layer-floating: 15;
  --ds-layer-header: 20;
  --ds-layer-header-menu: 21;
  --ds-layer-inspector: 25;
  --ds-layer-notice: 26;
  --ds-layer-menu: 30;
  --ds-layer-submenu: 31;
  --ds-layer-overlay: 40;
  --ds-layer-overlay-menu: 45;
  --ds-layer-popover: 50;
  --ds-layer-fullscreen: 980;
  --ds-layer-fullscreen-tool: 981;
  --ds-layer-modal: 1000;
  --ds-layer-modal-control: 1002;
  --ds-layer-tooltip: 1010;
  --ds-layer-frame-outline: 2147483646;
  --ds-layer-frame-label: 2147483647;










  --ds-font-sans: "Arial","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --ds-font-mono: ui-monospace,"SFMono-Regular","Menlo",monospace;
  --ds-type-title: var(--ds-font-weight-level-2) var(--ds-font-size-level-4)/var(--ds-line-height-level-2) var(--ds-font-sans);
  --ds-type-section-heading: var(--ds-font-weight-level-2) var(--ds-font-size-level-3)/var(--ds-line-height-level-2) var(--ds-font-sans);
  --ds-type-body-strong: var(--ds-font-weight-level-1) var(--ds-font-size-level-1)/var(--ds-line-height-level-3) var(--ds-font-sans);
  --ds-type-body: var(--ds-font-weight-level-0) var(--ds-font-size-level-1)/var(--ds-line-height-level-3) var(--ds-font-sans);
  --ds-type-caption: var(--ds-font-weight-level-0) var(--ds-font-size-level-0)/var(--ds-line-height-level-2) var(--ds-font-sans);
  --ds-type-caption-mono: var(--ds-font-weight-level-0) var(--ds-font-size-level-0)/var(--ds-line-height-level-2) var(--ds-font-mono);
  --ds-white: var(--ds-gray-level-5);
  --ds-ink: var(--ds-gray-level-0);
  --ds-muted: var(--ds-gray-level-1);
  --ds-quiet: var(--ds-gray-level-4);
  --ds-soft: var(--ds-gray-level-3);
  --ds-state-info: #316aaf;
  --ds-state-action-info: #0090ff;
  --ds-state-success: #46a758;
  --ds-state-warning: #f0b429;
  --ds-state-danger: #d6001c;



  --ds-list-item-padding: var(--ds-spacing-level-3) var(--ds-spacing-level-3) var(--ds-spacing-level-3) var(--ds-spacing-level-4);

  /* Runtime role families: related items vary within one semantic color range. */
  --ds-runtime-dialogue:color-mix(in srgb,var(--ds-state-info) calc(var(--ds-runtime-dialogue-value-0) * 100%),var(--ds-state-success));

  --ds-runtime-intelligence:color-mix(in srgb,var(--ds-state-info) calc(var(--ds-runtime-intelligence-value-0) * 100%),var(--ds-state-danger));
  --ds-runtime-control:color-mix(in srgb,var(--ds-state-warning) calc(var(--ds-runtime-control-value-0) * 100%),var(--ds-state-danger));







  --ds-graph-stroke-scale: 1;
  --ds-line: var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-ink);


  --ds-pill: 1000px;
  --ds-control-height: 44px;


  --ds-identity-tile-text-width: calc(var(--ds-font-size-level-0) * var(--ds-identity-tile-text-width-value-0));
  --ds-page-gutter: calc(var(--ds-page-gutter-value-0) * 100vw);
  color-scheme: light;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ds-white); color: var(--ds-ink); font-family: var(--ds-font-sans); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; appearance: none; -webkit-appearance: none; background: none; box-shadow: none; }
button { cursor: pointer; }
button, a, input, textarea, select, summary { outline-offset:var(--ds-border-width-emphasis); }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink); }
button:disabled { opacity:var(--ds-opacity-level-2); cursor: not-allowed; }
[hidden] { display: none !important; }
.ds-studio { min-height: 100vh; }
.ds-studio-header { position: sticky; top: 0; z-index:var(--ds-layer-header); padding-top:var(--ds-spacing-level-4); border-radius: var(--ds-radius-level-2); background: transparent; }
.ds-studio-header-inner, .ds-studio-main, .ds-studio-footer, .ds-studio-frame { width: min(calc(100% - (var(--ds-page-gutter) * 2)), 1600px); margin-inline: auto; }
.ds-studio-header-inner { height: 64px; border: var(--ds-line); border-radius: var(--ds-radius-level-2); display: flex; flex-wrap: nowrap; align-items: center; gap:var(--ds-spacing-level-6); overflow-x: auto; background: var(--ds-white); }
.brand { flex-shrink: 0; font-size:var(--ds-font-size-level-3); font-weight:var(--ds-font-weight-level-2); letter-spacing:var(--ds-letter-spacing-em-level-1); white-space: nowrap; }
.ds-studio-header-nav { margin-left: auto; display: flex; flex-wrap: nowrap; flex-shrink: 1; min-width: 0; overflow-x: auto; gap:var(--ds-spacing-level-6); font: var(--ds-type-caption); }
.ds-studio-header-inner>.ds-status-line{min-width:0;}
.ds-studio-header-inner>.ds-status-line>.brand{min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;}
.ds-studio-header-nav a { display: flex; align-items: center; min-height: 44px; }
.ds-studio-header-meta { flex-shrink: 0; display: flex; align-items: center; gap:var(--ds-spacing-level-4); }
.ds-status { font: var(--ds-type-caption-mono); color: var(--ds-muted); }
.ds-status-line{display:flex;align-items:center;gap:var(--ds-spacing-level-3)}
.ds-status-signal{display:inline-block;flex:none;width:10px;height:10px;border-radius:var(--ds-pill);background:var(--ds-muted)}
.ds-status-signal[data-tone="info"]{background:var(--ds-state-info)}
.ds-status-signal[data-tone="success"]{background:var(--ds-state-success)}
.ds-status-signal[data-tone="warning"]{background:var(--ds-state-warning)}
.ds-status-signal[data-tone="danger"]{background:var(--ds-state-danger)}
.ds-label { font: var(--ds-type-caption-mono); letter-spacing:var(--ds-letter-spacing-em-level-2); }
.ds-studio-main { padding-top:calc(var(--ds-spacing-level-6) * 2 + var(--ds-spacing-level-5)); padding-bottom:calc(var(--ds-spacing-level-6) * 3 + var(--ds-spacing-level-5)); }
.ds-studio-intro { margin-bottom: calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3)); }
.ds-section-head { display: grid; grid-template-columns: 1fr .8fr; gap:calc(var(--ds-spacing-level-6) * 2); align-items: end; }
.ds-section-head h1 { margin: var(--ds-spacing-level-4) 0 0; font-size:var(--ds-type-hero-size); line-height:var(--ds-line-height-level-0); letter-spacing:var(--ds-letter-spacing-em-level-0); word-break: keep-all; }
.ds-section-head > p { max-width: 470px; justify-self: end; color: var(--ds-muted); font: var(--ds-type-body); font-size:var(--ds-font-size-level-1); line-height:var(--ds-line-height-level-4); margin: 0; }
.ds-studio-workspace { display: grid; grid-template-columns: minmax(270px, .56fr) minmax(0, 1.44fr); gap:var(--ds-spacing-level-3); align-items: start; }
.ds-surface { min-width: 0; overflow: hidden; border: var(--ds-line); border-radius: var(--ds-radius-level-2); background: var(--ds-white); }
.ds-panel-header { padding:var(--ds-spacing-level-5); border-bottom: var(--ds-line); }
.ds-panel-header h2 { margin: var(--ds-spacing-level-3) 0 var(--ds-spacing-level-2); font: var(--ds-type-title); }
.ds-panel-header p { margin: 0; color: var(--ds-muted); font: var(--ds-type-body); }
.ds-panel-body { min-width: 0; padding:var(--ds-spacing-level-5); }
.ds-panel-footer { padding:var(--ds-spacing-level-5); display: flex; gap:var(--ds-spacing-level-5); justify-content: space-between; color: var(--ds-muted); font:var(--ds-font-weight-level-0) var(--ds-font-size-level-0)/var(--ds-line-height-level-3) var(--ds-font-mono); }
.ds-stack { display: grid; gap:var(--ds-spacing-level-5); }
.ds-cluster { display: flex; align-items: center; justify-content: space-between; gap:var(--ds-spacing-level-4); }
.ds-field { display: grid; gap:var(--ds-spacing-level-3); min-width: 0; }
.ds-field > span:first-child { font: var(--ds-type-body-strong); }
:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)) { width: 100%; min-height: var(--ds-control-height); border: var(--ds-line); border-radius: var(--ds-radius-level-2); padding:var(--ds-spacing-level-4) var(--ds-spacing-level-4); background: var(--ds-white); font: var(--ds-type-body); }
:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)):is(.ui-size-compact,.ui-size-compact) { height: 32px; min-height: 32px; padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-4); }
.ds-field[data-layout="inline"] { grid-template-columns: 70px minmax(0,1fr); align-items: center; gap:var(--ds-spacing-level-3); }
.ds-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; display: grid; gap:var(--ds-spacing-level-5); }
.ds-option-grid[data-columns="6"] { display: grid; grid-template-columns: repeat(6,minmax(60px,1fr)); gap:var(--ds-spacing-level-3); min-width: 0; overflow-x: auto; }
.ds-option-grid .ds-stack { gap:var(--ds-spacing-level-3); }
.ds-option-grid strong,.ds-option-grid .verify { font: var(--ds-type-caption); }
.ds-option-grid .verify { flex-direction: column; align-items: center; gap:var(--ds-spacing-level-2); text-align: center; }
.ds-option-grid strong { text-align: center; overflow-wrap: anywhere; }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)) { display: inline-flex; align-items: center; justify-content: center; min-height: var(--ds-control-height); padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-5); border: var(--ds-line); border-radius: var(--ds-pill); background: var(--ds-white); font: var(--ds-type-body-strong); text-align: center; }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-primary { background: var(--ds-ink); color: var(--ds-white); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-info { --ds-action-tone: var(--ds-state-action-info); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-success { --ds-action-tone: var(--ds-state-success); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-warning { --ds-action-tone: var(--ds-state-warning); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-danger { --ds-action-tone: var(--ds-state-danger); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-info, :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-success, :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-warning, :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-danger { border-color: var(--ds-action-tone); background: var(--ds-action-tone); color: var(--ds-ink); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-danger { color: var(--ds-white); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-size-small { min-height: 36px; padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4); font: var(--ds-type-caption); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity"]{min-width:0;min-height:0;padding:0;border:0;border-radius:var(--ds-radius-level-2);background:transparent;cursor:pointer}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity"][data-content="color"]{border:var(--ds-line)}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity"]:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-strong)}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled) { background: var(--ds-quiet); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-primary:hover:not(:disabled) { background:var(--ds-ink); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-info:hover:not(:disabled), :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-success:hover:not(:disabled), :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-warning:hover:not(:disabled), :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-danger:hover:not(:disabled) { background: color-mix(in srgb, var(--ds-action-tone) 88%, var(--ds-white)); color: var(--ds-ink); }
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-variant-danger:hover:not(:disabled) { background: color-mix(in srgb, var(--ds-action-tone) 93%, var(--ds-ink)); color: var(--ds-white); }
.ds-alert, #error, #notice, .inline-notice { --ds-alert-tone: var(--ds-muted); padding-block:var(--ds-spacing-level-5);padding-inline:var(--ds-spacing-level-5); border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-alert-tone); border-radius: var(--ds-radius-level-2); background: color-mix(in srgb, var(--ds-alert-tone) 8%, var(--ds-white)); color: var(--ds-alert-tone); font: var(--ds-type-body); }
.ds-alert{margin:0}
#error, #notice, .inline-notice{margin:0 0 var(--ds-spacing-level-5)}
.ds-alert[data-tone="info"], .inline-notice[data-tone="info"] { --ds-alert-tone: var(--ds-state-info); }
.ds-alert[data-tone="success"], .inline-notice[data-tone="success"] { --ds-alert-tone: var(--ds-state-success); }
.ds-alert[data-tone="warning"], .inline-notice[data-tone="warning"] { --ds-alert-tone: var(--ds-state-warning); color:var(--ds-ink); }
.ds-alert[data-tone="danger"], .inline-notice[data-tone="danger"], #error { --ds-alert-tone: var(--ds-state-danger); }
.ds-alert[data-dismissible="true"]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--ds-spacing-level-4,var(--ds-spacing-level-3))}
.ds-alert-content{min-width:0;overflow-wrap:anywhere}
.ds-alert-content p{margin:6px 0 0}
.ds-alert-close{flex:none}
.ds-alert[data-layout="list-item"]{padding:var(--ds-list-item-padding)}
.ds-alert[data-layout="list-item"] .ds-alert-content>strong,.ds-alert[data-layout="list-item"] .ds-alert-content>p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hospital-panel { position: sticky; top: 84px; scroll-margin-top: 84px; }
.select-wrap { position: relative; min-width: 0; }
.select-wrap select { cursor: pointer; }
.selected-hospital { padding:var(--ds-spacing-level-5); display: grid; gap:var(--ds-spacing-level-3); }
.selected-hospital strong { font: var(--ds-type-section-heading); overflow-wrap: anywhere; }
.selected-hospital small { color: var(--ds-muted); font: var(--ds-type-caption); }
.history-heading > strong { font: var(--ds-type-body-strong); }
.count { font: var(--ds-type-caption-mono); color: var(--ds-muted); margin-left: var(--ds-spacing-level-2); }
#sessions { display: grid; gap:var(--ds-spacing-level-3); max-height: 265px; overflow: auto; }
#sessions:empty::before { content: "새 상담을 시작하면 이곳에 기록됩니다."; color: var(--ds-muted); font: var(--ds-type-body); padding-block:var(--ds-spacing-level-4);padding-inline:0; }
.session-button { min-height: 72px; width: 100%; border: var(--ds-line); border-radius: var(--ds-radius-level-2); padding:var(--ds-spacing-level-4); background: var(--ds-white); text-align: left; font: var(--ds-type-section-heading); }
.session-button small { display: block; margin-top: var(--ds-spacing-level-2); color: var(--ds-muted); font: var(--ds-type-body); }
.session-button.active:not(:is(.ds-selection,.ui-type-selection-option)) { background: var(--ds-ink); color: var(--ds-white); }
.session-button.active:not(:is(.ds-selection,.ui-type-selection-option)) small { color: var(--ds-soft); }
.channel-summary { display: grid; grid-template-columns: 1fr 1fr; gap:var(--ds-spacing-level-3); }
.channel-summary > div { display: grid; gap:var(--ds-spacing-level-3); border: var(--ds-line); border-radius: var(--ds-radius-level-2); padding:var(--ds-spacing-level-4); }
.channel-summary > div:last-child { background: var(--ds-quiet); }
.channel-summary strong { font: var(--ds-type-body-strong); }
.channel-summary small { font: var(--ds-type-caption); color: var(--ds-muted); }
:is(.ds-disclosure,.ui-type-disclosure) { border-top: var(--ds-line); }
:is(.ds-disclosure,.ui-type-disclosure) > summary { list-style: none; padding-block:var(--ds-spacing-level-5);padding-inline:0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap:var(--ds-spacing-level-5); font: var(--ds-type-body-strong); }
:is(.ds-disclosure,.ui-type-disclosure).ui-variant-panel > summary { min-height: 44px; padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4); }
:is(.ds-disclosure,.ui-type-disclosure) > summary:focus-visible { outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink); outline-offset:var(--ds-border-width-strong); }
:is(.ds-disclosure,.ui-type-disclosure) > summary::-webkit-details-marker { display: none; }
.ds-disclosure-icon { display: inline-grid; place-items: center; width: 16px; height: 16px; margin-left: auto; flex: none; vertical-align: middle; }
.ds-disclosure-icon > svg { grid-area: 1/1; width: 16px; height: 16px; }
.ds-disclosure-icon > svg:nth-child(2),details[open] > summary > .ds-disclosure-icon > svg:first-child { display: none; }
details[open] > summary > .ds-disclosure-icon > svg:nth-child(2) { display: block; }
summary:has(> .ds-disclosure-icon) { list-style: none; cursor: pointer; }
summary:has(> .ds-disclosure-icon)::-webkit-details-marker { display: none; }
.ds-disclosure-body { padding:var(--ds-spacing-level-2) 0 var(--ds-spacing-level-5); }
:is(.ds-disclosure,.ui-type-disclosure).ui-variant-inline-info{position:relative;border:0;font:inherit;line-height:var(--ds-line-height-level-1);flex:none;width:1em;height:1em}
:is(.ds-disclosure,.ui-type-disclosure).ui-variant-inline-info>summary:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-size-inline-icon{display:flex;align-items:center;justify-content:center;width:1em;height:1em;min-width:0;min-height:0;padding:0;border:0;border-radius:var(--ds-pill);background:transparent;color:inherit;font:inherit}
:is(.ds-disclosure,.ui-type-disclosure).ui-variant-inline-info>summary:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ui-size-inline-icon svg{width:100%;height:100%}
.ds-popover{position:absolute;z-index:var(--ds-layer-overlay);top:calc(100% + 8px);right:0;width:max-content;max-width:min(520px,calc(100vw - 48px));padding:var(--ds-spacing-level-4);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white);color:var(--ds-ink);text-align:left;font:var(--ds-type-caption)}
.ds-popover>ul{list-style:none;margin:var(--ds-spacing-level-3) 0 0;padding:0}
.ds-popover p{margin:8px 0 0}
.configuration p { color: var(--ds-muted); font: var(--ds-type-body); overflow-wrap: anywhere; }
.detail-column { min-width: 0; display: grid; gap:var(--ds-spacing-level-3); }
.section-header { display: flex; align-items: start; justify-content: space-between; gap:var(--ds-spacing-level-5); }
.status-badge { padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4); border: var(--ds-line); border-radius: var(--ds-pill); font: var(--ds-type-caption-mono); white-space: nowrap; }
.conversation { display: flex; flex-direction: column; scroll-margin-top: 84px; }
.messages { min-height: 280px; height: 340px; max-height: 50vh; overflow: auto; padding:var(--ds-spacing-level-6); }
.welcome { padding-block:var(--ds-spacing-level-6);padding-inline:0; text-align: center; }
.welcome h3 { margin: var(--ds-spacing-level-4) 0 var(--ds-spacing-level-3); font: var(--ds-type-title); }
.welcome p { margin: 0; color: var(--ds-muted); font: var(--ds-type-body); }
.suggestions { display: flex; gap:var(--ds-spacing-level-3); justify-content: center; flex-wrap: wrap; margin: var(--ds-spacing-level-5) 0 var(--ds-spacing-level-3); }
.demo-button { border: 0; min-height: 36px; padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4); font: var(--ds-type-body); text-decoration: underline; text-underline-offset: 3px; }
.welcome .fine-print { margin-top: var(--ds-spacing-level-2); font: var(--ds-type-caption); }
.message { margin: 0 0 var(--ds-spacing-level-5); line-height:var(--ds-line-height-level-4); font-size:var(--ds-font-size-level-1); white-space: pre-wrap; overflow-wrap: anywhere; }
.message .author { font: var(--ds-type-caption-mono); color: var(--ds-muted); margin-bottom: var(--ds-spacing-level-2); }
.message.user { margin-left: auto; max-width: 90%; background: var(--ds-quiet); border: var(--ds-line); border-radius: var(--ds-radius-level-2); padding-block:var(--ds-spacing-level-4);padding-inline:var(--ds-spacing-level-5); }
.message.agent { border-left: var(--ds-line); padding-left:var(--ds-spacing-level-5); }
.message.system { padding:var(--ds-spacing-level-4); border: var(--ds-line); border-radius: var(--ds-radius-level-2); color: var(--ds-muted); font: var(--ds-type-body); }
#composer { padding:var(--ds-spacing-level-5); border-top: var(--ds-line); }
textarea:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)) { resize: vertical; min-height: 108px; max-height: 250px; }
textarea:is(.ds-control,.ui-type-textarea)[rows="1"] { min-height: var(--ds-control-height); }
textarea:is(.ds-control,.ui-type-textarea)[rows="1"].ui-padding-5 { min-height:calc(var(--ds-control-height-compact) + var(--ds-spacing-level-5)*2 + var(--ds-border-width-thin)*2); }
textarea::placeholder { color: var(--ds-muted); }
.composer-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap:var(--ds-spacing-level-4); margin-top: var(--ds-spacing-level-4); }
.verify { display: flex; align-items: center; gap:var(--ds-spacing-level-3); font: var(--ds-type-body); }
.verify input { width: 15px; height: 15px; flex: 0 0 15px; border: var(--ds-line); border-radius:var(--ds-radius-level-1); margin: 0; }
.verify input:checked { background: var(--ds-ink); box-shadow:var(--ds-shadow-overlay); }
.verify input:disabled { opacity:var(--ds-opacity-level-2); }
#demo-identity { color: var(--ds-muted); font: var(--ds-type-caption); }
.composer-actions { display: flex; align-items: center; gap:var(--ds-spacing-level-3); }
.conversation > .ds-panel-footer { padding-top: 0; }
.approval, .handoff { margin: 0 var(--ds-spacing-level-5) var(--ds-spacing-level-5); padding:var(--ds-spacing-level-5); border: var(--ds-line); border-radius: var(--ds-radius-level-2); background: var(--ds-quiet); font: var(--ds-type-body); }
.approval pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.approval button { margin-right: var(--ds-spacing-level-2); }
#browser-panel, #connections { scroll-margin-top: 84px; }
.browser-layout { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(180px,.7fr); gap:var(--ds-spacing-level-5); }
.browser-layout > * { min-width: 0; }
.browser-frame { border: var(--ds-line); border-radius: var(--ds-radius-level-2); overflow: hidden; }
.browser-toolbar { min-height: 34px; padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4); display: flex; align-items: center; gap:var(--ds-spacing-level-4); border-bottom: var(--ds-line); font: var(--ds-type-caption-mono); color: var(--ds-muted); }
#browser-url { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.traffic { display: flex; gap:var(--ds-spacing-level-2); }
.traffic i { width: 5px; height: 5px; border-radius:var(--ds-round); background:var(--ds-muted); }
#browser-empty { min-height: 210px; padding:var(--ds-spacing-level-5); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#browser-empty svg { width: 56px; fill: none; stroke:var(--ds-muted); stroke-width:var(--ds-stroke-width-thin); }
#browser-empty p { font: var(--ds-type-body); color: var(--ds-muted); }
#browser-shot { width: 100%; height: auto; display: block; }
.observation { padding-top:var(--ds-spacing-level-4); font: var(--ds-type-caption); color: var(--ds-muted); }
.observation p { margin: var(--ds-spacing-level-2) 0 0; color: var(--ds-ink); overflow-wrap: anywhere; }
.timeline-heading { display: flex; justify-content: space-between; align-items: center; gap:var(--ds-spacing-level-4); margin: 0 0 var(--ds-spacing-level-4); }
.timeline-heading h3 { margin: 0; font: var(--ds-type-body-strong); }
.text-button { padding-block:var(--ds-spacing-level-3);padding-inline:0; min-height: 36px; border: 0; font: var(--ds-type-caption); color: var(--ds-muted); text-decoration: underline; text-underline-offset: 3px; }
#timeline { margin: 0; padding: 0; list-style: none; max-height: 260px; overflow: auto; }
#timeline li { padding:0 0 var(--ds-spacing-level-5) var(--ds-spacing-level-4); margin-left: var(--ds-spacing-level-1); border-left: var(--ds-line); position: relative; font: var(--ds-type-body); }
#timeline li::before { content: ""; position: absolute; width: 5px; height: 5px; background: var(--ds-ink); top: 6px; left: -3px; }
#timeline time { display: block; color: var(--ds-muted); margin-top: var(--ds-spacing-level-2); font: var(--ds-type-caption-mono); }
#timeline .empty-event { padding-block:var(--ds-spacing-level-2);padding-inline:0; border: 0; color: var(--ds-muted); }
#timeline .empty-event::before { display: none; }
#events { padding:var(--ds-spacing-level-4); font: var(--ds-type-caption-mono); max-height: 220px; border: var(--ds-line); border-radius: var(--ds-radius-level-2); overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.ds-studio-footer { margin-bottom: var(--ds-spacing-level-5); border: var(--ds-line); border-radius: var(--ds-radius-level-2); padding-block:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-2));padding-inline:var(--ds-spacing-level-6); display: flex; justify-content: space-between; gap:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3)); color: var(--ds-muted); font: var(--ds-type-caption); }
@media (max-width: 1100px) { .browser-layout { grid-template-columns: 1fr; } .ds-section-head { grid-template-columns: 1.2fr .8fr; gap:var(--ds-spacing-level-6); } }
@media (max-width: 900px) {
  .ds-section-head { grid-template-columns: 1fr; }
  .ds-section-head > p { justify-self: start; }
  .ds-studio-workspace { grid-template-columns: 1fr; }
  .hospital-panel { position: static; }
  #sessions { grid-template-columns: repeat(2,minmax(0,1fr)); max-height: 170px; }
  .browser-layout { grid-template-columns: minmax(0,1.3fr) minmax(180px,.7fr); }
}
@media (max-width: 600px) {
  :root { --ds-page-gutter: var(--ds-spacing-px-20); }
  .ds-studio-main { padding-top:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-5)); padding-bottom:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-5)); }
  .local-label { display: none; }
  .ds-section-head { gap:var(--ds-spacing-level-6); }
  .ds-section-head h1 { font-size:var(--ds-font-size-level-7); }
  .ds-section-head > p { font-size:var(--ds-font-size-level-1); }
  .ds-studio-intro { margin-bottom: calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-1)); }
  .ds-studio-footer { flex-direction: column; gap:var(--ds-spacing-level-4); }
  #sessions { grid-template-columns: 1fr; }
  .messages { padding:var(--ds-spacing-level-5); height: 360px; max-height: none; }
  .welcome { padding-top:var(--ds-spacing-level-6); }
  .welcome h3 { font-size:var(--ds-font-size-level-4); }
  textarea:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)), .select-wrap select { font-size:var(--ds-font-size-level-3); }
  .browser-layout { grid-template-columns: 1fr; }
  .composer-footer { align-items: stretch; flex-direction: column; }
  .composer-actions { justify-content: flex-end; }
  .section-header h2 { font-size:var(--ds-font-size-level-4); }
  .verify { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Hospital workspace: reuse the Atomize tokens and surface components. */
.ds-studio-main{padding-top:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-5));min-height:calc(100vh - 240px)}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="nav"]{border-color:transparent;white-space:nowrap;font:var(--ds-type-caption)}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="nav"][aria-current=page]{background:var(--ds-ink);color:var(--ds-white)}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="menu"]{width:100%;justify-content:flex-start}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):is([data-layout="nav"],[data-layout="menu"])>svg{width:16px;height:16px;flex-shrink:0}
.ds-menu-popover{position:fixed;inset:84px max(var(--ds-page-gutter),calc((100vw - 1600px)/2)) auto auto;margin:0;width:min(280px,calc(100vw - 32px));padding:var(--ds-spacing-level-4);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white);color:var(--ds-ink)}
.ds-menu-popover .ds-status{margin:0 0 var(--ds-spacing-level-4);overflow-wrap:anywhere}
.ds-menu-list{display:grid;gap:var(--ds-spacing-level-3);list-style:none;padding:0;margin:0}
.ds-studio-header-nav{gap:var(--ds-spacing-level-2)}
.muted{color:var(--ds-muted);font:var(--ds-type-body)}
.fine-print{font:var(--ds-type-caption);line-height:var(--ds-line-height-level-3)}
.empty{padding-block:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-2));padding-inline:var(--ds-spacing-level-5);margin:0;text-align:center;color:var(--ds-muted);font:var(--ds-type-body);line-height:var(--ds-line-height-level-4)}
.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--ds-spacing-level-6);margin-bottom:32px}
.page-heading h1{font-size:var(--ds-type-intro-size);letter-spacing:var(--ds-letter-spacing-em-level-0);line-height:var(--ds-line-height-level-1);margin:0 0 var(--ds-spacing-level-4);word-break:keep-all}
.page-heading p{margin:0;max-width:70ch}
.skill-health-indicator{display:grid;gap:var(--ds-spacing-level-3);flex:none;text-align:right;margin-left:auto}
.skill-health-indicator>.ds-status-line{justify-content:flex-end}
.skill-health-count{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-spacing-level-3)}
.skill-health-page-body{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:var(--ds-spacing-level-3);flex:1;min-width:0;padding:var(--ds-spacing-level-3) 0}
.skill-health-page[data-tone="neutral"]{color:var(--ds-muted)}
.skill-health-url{overflow-wrap:anywhere;min-width:0}
@media(max-width:600px){.skill-workspace-heading{flex-wrap:wrap}.skill-health-indicator{flex:1 0 100%}}
.button-row{display:flex;align-items:center;gap:var(--ds-spacing-level-3);flex-wrap:wrap}
.auth-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:var(--ds-space-section-fluid);max-width:1200px;margin:7vh auto}
.auth-intro h1{font-size:var(--ds-type-page-size);line-height:var(--ds-line-height-level-1);white-space:pre-line;letter-spacing:var(--ds-letter-spacing-em-level-0);margin:22px 0}
.auth-intro p{max-width:45ch;line-height:var(--ds-line-height-level-4)}
.auth-layout form{padding:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3))}
.auth-layout h2{margin:0 0 var(--ds-spacing-level-3);font:var(--ds-type-title)}
.map-filters{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:var(--ds-spacing-level-4);margin-bottom:var(--ds-spacing-level-5);max-width:820px}
select:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){appearance:auto;cursor:pointer}
@supports (appearance: base-select) {
  select:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field))[data-content="identity"], select:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field))[data-content="identity"]::picker(select) { appearance: base-select; }
  select:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field))[data-content="identity"] { height: var(--ds-control-height); }
  select:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field))[data-content="identity"] > button { min-width: 0; width: 100%; padding: 0; border: 0; text-align: left; }
  select:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field))[data-content="identity"] selectedcontent { display: flex; gap:var(--ds-spacing-level-2); align-items: baseline; min-width: 0; overflow: hidden; white-space: nowrap; }
  select:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field))[data-content="identity"] [data-part="name"] { flex-shrink: 0; }
  select:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field))[data-content="identity"] [data-part="id"] { font: var(--ds-type-caption); color: var(--ds-muted); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  select:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field))[data-content="identity"]::picker(select) { border: var(--ds-line); border-radius: var(--ds-radius-level-2); background: var(--ds-white); font: var(--ds-type-body); max-width: calc(100vw - 32px); }
}

.agent-map{padding:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-4)) calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-5)) calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-5));min-height:390px;background:var(--ds-graph-grid);background-size:var(--ds-graph-grid-size);display:flex;flex-direction:column;align-items:center}
.map-root{display:grid;gap:var(--ds-spacing-level-3);text-align:center;background:var(--ds-white);border:var(--ds-line);border-radius:var(--ds-pill);padding-block:var(--ds-spacing-level-5);padding-inline:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-5));min-width:230px;max-width:100%;overflow-wrap:anywhere}
.map-root strong{font-size:var(--ds-font-size-level-4);letter-spacing:var(--ds-letter-spacing-em-level-1)}
.map-stem{height:36px;border-left:var(--ds-line)}
.map-nodes{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-2));position:relative;border-top:var(--ds-line);padding-top:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3))}
.agent-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-level-4);border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-6);background:var(--ds-white);text-align:left;min-height:170px;width:100%;font:var(--ds-type-body);transition:var(--ds-transition-hover)}
.agent-node:before{content:'';position:absolute;left:50%;top:-33px;height:32px;border-left:var(--ds-line)}
.agent-node strong{font:var(--ds-type-title);letter-spacing:var(--ds-letter-spacing-em-level-1)}
.agent-node:hover{background:var(--ds-quiet)}
.agent-node small{margin-top:auto;font:var(--ds-type-caption-mono)}
.node-state{font:var(--ds-type-caption);border:var(--ds-line);border-radius:var(--ds-pill);padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3);background:var(--ds-quiet)}
.map-caption{text-align:right;font:var(--ds-type-caption);color:var(--ds-muted);margin-top:12px}
.agent-detail-layout,.skills-layout,.agents-layout,.ds-catalog-layout{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.65fr);gap:var(--ds-spacing-level-4);align-items:start}
.connection-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.3fr);gap:var(--ds-spacing-level-4);align-items:start}
.session-list{display:grid;gap:var(--ds-spacing-level-3);padding:var(--ds-spacing-level-5);max-height:65vh;overflow:auto}
.session-button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-badge{display:inline-block;width:fit-content}
.editor-dialog{border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-2));width:min(540px,calc(100% - 32px));max-height:90vh;background:var(--ds-white)}
.editor-dialog::backdrop{background:var(--ds-backdrop)}
.editor-dialog h2{margin:0 0 12px}
.checks{border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-5);display:flex;flex-wrap:wrap;gap:var(--ds-spacing-level-5) var(--ds-spacing-level-5);min-width:0}
.checks legend{font:var(--ds-type-body-strong);padding:0 var(--ds-spacing-level-3)}
.request-table{border:var(--ds-line);border-radius:var(--ds-radius-level-2);overflow:hidden}
.request-table-head{background:var(--ds-quiet);padding-block:var(--ds-spacing-level-4);padding-inline:var(--ds-spacing-level-5);font:var(--ds-type-caption);border-bottom:var(--ds-line)}
.request-row{padding:var(--ds-spacing-level-5);display:flex;gap:var(--ds-spacing-level-5);align-items:center;justify-content:space-between;border:0;border-bottom:var(--ds-line);text-align:left;width:100%;font:var(--ds-type-body)}
.request-row:last-child{border-bottom:0}
.request-row.selected{background:var(--ds-quiet);box-shadow:var(--ds-shadow-overlay)}
.request-row>div{min-width:0}
.request-row strong{display:block;overflow-wrap:anywhere}
.request-row small{display:block;margin-top:6px}
.cost{white-space:nowrap;font:var(--ds-type-caption-mono)}
.request-text{border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet);padding:var(--ds-spacing-level-5);font:var(--ds-type-body);white-space:pre-wrap;line-height:var(--ds-line-height-level-4);margin:0}
.request-log{list-style:none;margin:0;padding:var(--ds-spacing-level-5);max-height:520px;overflow:auto}
.request-log>li{border-left:var(--ds-line);padding:0 0 var(--ds-spacing-level-6) var(--ds-spacing-level-5);position:relative;font:var(--ds-type-body)}
.request-log>li:before{content:'';width:5px;height:5px;background:var(--ds-ink);position:absolute;left:-3px;top:6px;border-radius:var(--ds-round)}
.log-line{display:flex;align-items:start;justify-content:space-between;gap:var(--ds-spacing-level-5)}
.log-line time{font:var(--ds-type-caption-mono);color:var(--ds-muted);white-space:nowrap}
.request-log p{margin:var(--ds-spacing-level-3) 0;overflow-wrap:anywhere}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--ds-type-caption-mono);line-height:var(--ds-line-height-level-3)}
summary{cursor:pointer;font:var(--ds-type-body);min-height:32px;line-height:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3))}
.approval-box{padding:var(--ds-spacing-level-5);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet)}
.approval-box button{margin-right:8px}
.browser-image{display:block;width:100%;height:auto;border:var(--ds-line);border-radius:var(--ds-radius-level-2)}
.skill-builder{font-size:var(--ds-font-size-level-3);gap:var(--ds-spacing-level-5)}
.skill-builder :is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)),.skill-builder :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){font-size:var(--ds-font-size-level-3)}
.skill-builder-delete:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){gap:var(--ds-spacing-level-3);width:100%}
.skill-builder-delete:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)) svg{width:16px;height:16px;flex:none}
.skill-builder-title-block{display:flex;align-items:end;gap:var(--ds-spacing-level-4);min-width:0}
.skill-builder-title-block>.skill-builder-name-field{flex:1;min-width:0}
:is(.skill-identity-field,.agent-identity-field,.session-identity-field){width:auto;flex:none}
:is(.skill-identity-field,.agent-identity-field,.session-identity-field)>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--ds-type-body-strong)}
:is(.skill-identity-trigger,.agent-identity-trigger,.session-identity-trigger){list-style:none;cursor:pointer;border-radius:var(--ds-radius-level-2)}
:is(.skill-identity-trigger,.agent-identity-trigger,.session-identity-trigger)::-webkit-details-marker{display:none}
:is(.skill-identity-trigger,.agent-identity-trigger,.session-identity-trigger)>:is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){width:44px;height:var(--ds-control-height)}
:is(.skill-identity-picker,.agent-identity-picker,.session-identity-picker)[open]>:is(.skill-identity-trigger,.agent-identity-trigger,.session-identity-trigger){outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-strong)}
:is(.skill-header-select-options,.agent-header-select-options,.session-header-select-options):is(.skill-identity-options,.agent-identity-options,.session-identity-options){--identity-columns:var(--identity-columns-value-1);width:min(354px,calc(100vw - 32px));min-width:0;max-width:none;overflow:visible;max-height:none}
:is(.skill-identity-section,.agent-identity-section,.session-identity-section){display:grid;gap:var(--ds-spacing-level-3);padding:var(--ds-spacing-level-3) var(--ds-spacing-level-2)}
:is(.skill-identity-label,.agent-identity-label,.session-identity-label){font:var(--ds-type-body-strong)}
:is(.skill-identity-grid,.agent-identity-grid,.session-identity-grid){display:grid;gap:var(--ds-spacing-level-4)}
:is(.skill-identity-grid,.agent-identity-grid,.session-identity-grid)[data-kind]{grid-template-columns:repeat(var(--identity-columns,8),minmax(0,1fr))}
@media(max-width:600px){:is(.skill-header-select-options,.agent-header-select-options,.session-header-select-options):is(.skill-identity-options,.agent-identity-options,.session-identity-options){--identity-columns:var(--identity-columns-value-2);width:min(270px,calc(100vw - 32px))}}
@media(max-width:400px){:is(.skill-header-select-options,.agent-header-select-options,.session-header-select-options):is(.skill-identity-options,.agent-identity-options,.session-identity-options){--identity-columns:var(--identity-columns-value-0);width:min(186px,calc(100vw - 32px))}}
@media(max-width:320px){:is(.skill-header-select-options,.agent-header-select-options,.session-header-select-options):is(.skill-identity-options,.agent-identity-options,.session-identity-options){width:min(186px,calc(100vw - 80px))}}
:is(.skill-identity-grid,.agent-identity-grid,.session-identity-grid) button:is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){width:100%;height:auto;aspect-ratio:1;min-width:0;min-height:0}
:is(.skill-identity-swatch,.agent-identity-swatch,.session-identity-swatch){display:block;width:22px;height:22px;border:var(--ds-line);border-radius:var(--ds-round)}
:is(.skill-identity-grid,.agent-identity-grid,.session-identity-grid) button:is(.skill-identity-swatch,.agent-identity-swatch,.session-identity-swatch){width:100%;height:auto;aspect-ratio:3/2}
.skill-version-field{width:118px;min-width:0}
.skill-version-field>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--ds-type-body-strong)}
.skill-version-banner{display:flex;align-items:center;gap:var(--ds-spacing-level-4);flex-wrap:wrap}
.skill-version-banner :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){flex:none}
.skill-builder-header.ds-panel-header{position:relative;z-index:var(--ds-layer-sticky);display:grid;gap:var(--ds-spacing-level-4);padding:var(--ds-spacing-level-5);border-bottom:var(--ds-line)}
.skill-builder-header:has(:is(.skill-header-multiselect,.agent-header-multiselect,.session-header-multiselect)[open]){z-index:var(--ds-layer-overlay-menu)}
.skill-builder-header-top{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:var(--ds-spacing-level-5);min-width:0}
.skill-builder-title-block{min-width:0}
.skill-builder-name-label{display:flex;align-items:center;gap:var(--ds-spacing-level-3);min-width:0}
.skill-builder-name-label>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--ds-type-body-strong)}
.skill-builder-name-label .skill-builder-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:inline-block;width:auto;flex:none;margin-left:auto}
.skill-builder-title:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){min-width:0;height:var(--ds-control-height);min-height:var(--ds-control-height);padding-block:0;font:var(--ds-type-title)}
.skill-builder-header-actions{display:flex;align-items:end;gap:var(--ds-spacing-level-3);min-width:0}
.skill-builder-header-actions .skill-builder-save{margin-top:calc(var(--ds-font-size-level-1) * 1.5 + 7px)}
.skill-header-select-field{width:128px;min-width:0}
.skill-builder-category{width:118px;min-width:0}
.skill-header-select-field>span:first-child,.skill-builder-category>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--ds-type-body-strong)}
:is(.skill-header-multiselect,.agent-header-multiselect,.session-header-multiselect){position:relative;min-width:0}
.skill-header-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(.skill-header-select-options,.agent-header-select-options,.session-header-select-options){position:absolute;z-index:var(--ds-layer-popover);top:calc(100% + 4px);left:0;display:grid;gap:var(--ds-spacing-level-4);width:max-content;min-width:100%;max-width:min(260px,80vw);max-height:none;overflow:visible;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white);box-shadow:var(--ds-shadow-popover)}
:is(.skill-header-multiselect,.agent-header-multiselect,.session-header-multiselect)[data-align="right"] :is(.skill-header-select-options,.agent-header-select-options,.session-header-select-options){left:auto;right:0}
:is(.skill-header-multiselect,.agent-header-multiselect,.session-header-multiselect)[data-drop="up"] :is(.skill-header-select-options,.agent-header-select-options,.session-header-select-options){top:auto;bottom:calc(100% + 4px)}
.skill-header-select-option{display:flex;align-items:center;gap:var(--ds-spacing-level-3);min-height:34px;padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3);border-radius:var(--ds-radius-level-2);font:var(--ds-type-body);white-space:nowrap;cursor:pointer}
.skill-header-select-option:hover{background:var(--ds-quiet)}
.skill-header-select-option input{width:15px;height:15px;flex:none;margin:0;border:var(--ds-line);border-radius:var(--ds-radius-level-1);background:var(--ds-white)}
.skill-header-select-option input:checked{background:var(--ds-ink);box-shadow:var(--ds-shadow-overlay)}
.skill-group-option{justify-content:flex-start;gap:var(--ds-spacing-level-2);padding:var(--ds-spacing-level-2) var(--ds-spacing-level-2);cursor:default}

.skill-group-name{flex:1 1 auto;display:flex;align-items:center;min-width:0;cursor:default}
.skill-group-name-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
:is(.skill-header-select-options,.agent-header-select-options,.session-header-select-options) .skill-group-icon{width:32px;min-width:32px;height:32px;min-height:32px}
.skill-group-edit{gap:var(--ds-spacing-level-2);padding:var(--ds-spacing-level-2) var(--ds-spacing-level-2);cursor:default}
.skill-group-edit :is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){flex:1;min-width:0}
.skill-group-add{padding:var(--ds-spacing-level-2) var(--ds-spacing-level-2);cursor:default}
.skill-group-add-button{flex:1;justify-content:center;gap:var(--ds-spacing-level-3)}
.skill-builder-save:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:grid;place-items:center;width:44px;height:var(--ds-control-height);min-width:44px;min-height:var(--ds-control-height);padding:0;border-radius:var(--ds-radius-level-2)}
.skill-builder-save svg{width:18px;height:18px}
.skill-builder-header .skill-save-status:empty{display:none}
.skill-workflow-heading h2{margin:0;font:var(--ds-type-body-strong)}
.skill-workflow-heading p{margin:0;color:var(--ds-muted);font:var(--ds-type-body)}
.skill-workflow-section,.skill-workflow-body{display:grid;gap:var(--ds-spacing-level-4);min-width:0}
.skill-workflow-heading{display:grid;gap:var(--ds-spacing-level-3);min-width:0}
.skill-workflow-body>.skill-flow-error:empty{display:none}
.skill-basics{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-spacing-level-5)}
.skill-fixed-values{display:grid;gap:var(--ds-spacing-level-4);padding:var(--ds-spacing-level-5);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet)}
.skill-fixed-values[hidden]{display:none}
.skill-fixed-values h3{margin:0;font:var(--ds-type-title);font-size:var(--ds-font-size-level-3)}
.skill-fixed-values-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-spacing-level-5)}
.skill-fixed-values .skill-save-status[hidden]{display:none}
.skill-help{margin:0;color:var(--ds-muted);font:var(--ds-type-body);font-size:var(--ds-font-size-level-1)}
.skill-field-hint{color:var(--ds-muted);font:var(--ds-type-body);font-size:var(--ds-font-size-level-1)}
.skill-live-browser{position:static;display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;min-width:0;padding:0;overflow:hidden;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white)}
.skill-graph-frame.has-node-selection .skill-live-browser:not(.is-linked){display:none}
.skill-live-browser.is-linked{border-color:var(--skill-browser-accent,var(--ds-ink));box-shadow:var(--ds-shadow-overlay)}
.skill-browser-chrome{display:grid;gap:var(--ds-spacing-level-3);min-width:0;padding:var(--ds-spacing-level-4);border-bottom:var(--ds-line);background:var(--ds-white)}
.skill-browser-address{display:flex;align-items:center;gap:var(--ds-spacing-level-3);min-width:0;min-height:38px;padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet);color:var(--ds-ink)}
.skill-browser-address svg{flex:none;color:var(--ds-muted)}
.skill-browser-address.has-error{border-color:var(--ds-state-danger);color:var(--ds-state-danger)}
.skill-browser-url-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--ds-type-caption-mono)}
.skill-node-editor .skill-browser-source-field.is-focused{position:relative;z-index:var(--ds-layer-header-menu);border-color:var(--skill-browser-accent,var(--ds-ink));box-shadow:var(--ds-shadow-overlay)}
.skill-graph-frame.has-browser-focus .skill-browser-source-field.is-focused:focus-visible,.skill-graph-frame.has-browser-focus .skill-browser-source-field.is-focused :focus-visible{outline:none}
.skill-browser-focus-backdrop{position:fixed;inset:0;z-index:var(--ds-layer-fullscreen);background:var(--ds-backdrop)}
.skill-browser-focus-backdrop[hidden]{display:none}
.skill-live-viewport{min-width:0;max-width:100%;overflow:auto;border:0;border-radius:0;background:var(--ds-white)}
.skill-live-frame{display:block;max-width:none;border:0;background:var(--ds-white)}
.skill-mode-switch{display:inline-flex;align-items:center;gap:var(--ds-spacing-level-2);padding:var(--ds-spacing-level-2);border:var(--ds-line);border-radius:var(--ds-pill);background:var(--ds-quiet)}
.skill-mode-switch :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){min-height:40px;border:0;border-radius:var(--ds-pill);background:transparent}
.skill-mode-switch :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).active{background:var(--ds-ink);color:var(--ds-white)}
.skill-picker{min-width:0;align-content:start}
.skill-graph-editor{display:grid;gap:var(--ds-spacing-level-4)}
.skill-node-add:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){gap:var(--ds-spacing-level-3);padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);font:var(--ds-type-body-strong);font-size:var(--ds-font-size-level-1);white-space:nowrap;background:var(--ds-white);border:var(--ds-line);border-radius:var(--ds-radius-level-2)}
.skill-node-add:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover{background:var(--ds-quiet)}
.skill-node-add:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.skill-step-icon{width:20px;height:20px;flex:none}
/* The same symbol identifies an act in cards, the picker and the legend. */
/* Skill execution legend only. Independent of global status and agent profile colors. */
:is(.skill-step-badge,.skill-graph-node){
  --skill-legend-blue:#0090ff;
  --skill-legend-teal:#12a594;
  --skill-legend-violet:#8e4ec6;
  --skill-legend-orange:#f76b15;
  --skill-legend-cyan:#00a2c7;
  --skill-legend-grass:#46a758;
  --skill-legend-slate:#8b8d98;
}
:is(.skill-step-badge,.skill-graph-node)[data-type=page]{--skill-accent:var(--skill-legend-blue)}
:is(.skill-step-badge,.skill-graph-node)[data-type=action]{--skill-accent:var(--skill-legend-teal)}
:is(.skill-step-badge,.skill-graph-node)[data-operation=fill]{--skill-accent:var(--skill-legend-blue)}
:is(.skill-step-badge,.skill-graph-node)[data-operation=select]{--skill-accent:var(--skill-legend-violet)}
:is(.skill-step-badge,.skill-graph-node)[data-operation=press]{--skill-accent:var(--skill-legend-orange)}
:is(.skill-step-badge,.skill-graph-node)[data-operation=snapshot]{--skill-accent:var(--skill-legend-cyan)}
:is(.skill-step-badge,.skill-graph-node)[data-type=extract]{--skill-accent:var(--skill-legend-cyan)}
:is(.skill-step-badge,.skill-graph-node)[data-type=collect]{--skill-accent:var(--skill-legend-blue)}
:is(.skill-step-badge,.skill-graph-node)[data-type=branch]{--skill-accent:var(--skill-legend-orange)}
:is(.skill-step-badge,.skill-graph-node)[data-type=question]{--skill-accent:var(--skill-legend-violet)}
:is(.skill-step-badge,.skill-graph-node)[data-type=end],:is(.skill-step-badge,.skill-graph-node)[data-type=checkpoint]{--skill-accent:var(--skill-legend-grass)}
:is(.skill-step-badge,.skill-graph-node)[data-type=skill]{--skill-accent:var(--skill-legend-slate)}
:is(.skill-step-badge,.skill-graph-node)[data-type=return]{--skill-accent:var(--skill-legend-grass)}
.skill-step-badge{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;flex:none;color:var(--skill-accent,var(--ds-muted))}
.skill-step-shape{grid-area:1/1;width:100%;height:100%;fill:color-mix(in srgb,var(--skill-accent,var(--ds-muted)) 9%,var(--ds-white));stroke:currentColor;stroke-width:var(--ds-stroke-width-thin)}
.skill-step-badge>.skill-step-icon{position:relative;grid-area:1/1;width:18px;height:18px}
.skill-step-badge[data-type=skill]>:is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){grid-area:1/1}
.skill-step-badge[data-type=skill]>:is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){width:100%;height:100%}
.skill-node-add .skill-step-badge{width:28px;height:28px}
.skill-node-add .skill-step-badge>.skill-step-icon{width:14px;height:14px}
.skill-graph-frame{container-type:inline-size;position:relative;min-width:0;height:clamp(400px,68vh,640px);--skill-graph-control-size:28px;--skill-graph-control-icon-size:var(--ds-spacing-level-5);}
html:has(.skill-graph-frame.is-fullscreen),body:has(.skill-graph-frame.is-fullscreen){overflow:hidden}
.skill-graph-frame.is-fullscreen{position:fixed;inset:0;z-index:var(--ds-layer-modal);width:100%;height:100dvh;background:var(--ds-white);overflow:hidden}
.skill-graph-frame.is-fullscreen .skill-graph-viewport{border:0;border-radius:0}
.skill-graph-frame.is-fullscreen .skill-graph-surface{margin-top:0}
.skill-graph-frame.is-fullscreen .skill-live-browser{display:none}
.skill-graph-frame.is-fullscreen.has-browser-focus .skill-live-browser{position:fixed;z-index:var(--ds-layer-tooltip);display:flex;flex-direction:column;top:58px;right:16px;bottom:104px;width:clamp(320px,40vw,460px);max-width:calc(100vw - 32px);overflow:hidden;box-shadow:var(--ds-shadow-overlay)}
.skill-graph-frame.is-fullscreen.has-browser-focus .skill-live-browser.is-linked{box-shadow:var(--ds-shadow-overlay)}
.skill-graph-frame.has-browser-focus:not(.is-fullscreen){z-index:var(--ds-layer-fullscreen-tool)}
.skill-graph-frame.has-browser-focus:not(.is-fullscreen) .skill-live-browser.is-linked{position:fixed;z-index:var(--ds-layer-tooltip);display:flex;flex-direction:column;top:58px;right:16px;bottom:16px;width:clamp(320px,40vw,460px);max-width:calc(100vw - 32px);overflow:hidden;box-shadow:var(--ds-shadow-overlay)}
.skill-graph-frame.has-browser-focus::after{content:'';position:absolute;inset:0;z-index:var(--ds-layer-menu);background:var(--ds-backdrop);pointer-events:none}
.skill-graph-frame.has-browser-focus .skill-graph-surface{z-index:var(--ds-layer-submenu)}
.skill-graph-frame.has-browser-focus .skill-graph-chart>:is(.skill-graph-node,.skill-graph-group):not(:has(.is-focused)),.skill-graph-frame.has-browser-focus .skill-graph-chart>:is(.skill-graph-edges,.skill-graph-plus,.skill-graph-endpoint,.skill-graph-stub){opacity:var(--ds-opacity-level-2)}
.skill-graph-frame.has-browser-focus .skill-graph-group:has(.is-focused) :is(.skill-group-heading,.skill-graph-node:not(:has(.is-focused))){opacity:var(--ds-opacity-level-2)}
.skill-graph-frame.has-browser-focus .skill-graph-node.editing{z-index:var(--ds-layer-floating)}
.skill-graph-frame.has-browser-focus .skill-graph-node.selected{outline:none;border-color:var(--ds-gray-level-2)}
.skill-graph-frame.has-browser-focus .skill-graph-node.editing::after{content:'';position:absolute;inset:0;z-index:var(--ds-layer-header);background:var(--ds-backdrop);pointer-events:none}
.skill-graph-frame.has-browser-focus .skill-live-canvas{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto}
.skill-graph-frame.has-browser-focus .skill-live-viewport{flex:1;min-height:0}
.skill-graph-frame.is-fullscreen .skill-live-canvas{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto}
.skill-graph-frame.is-fullscreen .skill-live-viewport{flex:1;min-height:0}
.skill-graph-frame.is-fullscreen .skill-live-frame{min-height:100%}
.skill-graph-viewport{width:100%;min-width:0;height:100%;overflow:hidden;overscroll-behavior:contain;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet);cursor:grab}
.skill-graph-viewport.is-panning{cursor:grabbing;user-select:none}
.skill-graph-viewport:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.skill-graph-minimap{position:absolute;z-index:var(--ds-layer-sticky);right:12px;bottom:12px;width:190px;max-width:calc(100% - 24px);overflow:hidden;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white)}
.skill-graph-minimap-map:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:block;box-sizing:border-box;width:100%;height:76px;min-height:76px;padding:var(--ds-spacing-level-2);border:0;border-radius:0;background:var(--ds-quiet);cursor:crosshair;touch-action:none}
.skill-graph-minimap-map:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-outline-offset-inset)}
.skill-graph-minimap-svg{display:block;width:100%;height:100%;pointer-events:none}
.skill-graph-minimap-edges line{stroke:var(--ds-muted);stroke-width:var(--ds-stroke-width-thin);vector-effect:non-scaling-stroke;opacity:var(--ds-opacity-level-3)}
.skill-graph-minimap-nodes>*{fill:var(--skill-accent,var(--ds-muted));stroke:none}
.skill-graph-minimap-window{fill:color-mix(in srgb,var(--ds-ink) 8%,transparent);stroke:var(--ds-ink);stroke-width:var(--ds-stroke-width-thin);vector-effect:non-scaling-stroke}
@media(max-width:600px){.skill-graph-minimap{right:8px;bottom:8px;width:148px}.skill-graph-minimap-map:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){height:64px;min-height:64px}}
.skill-graph-legend{position:absolute;z-index:var(--ds-layer-sticky);left:12px;bottom:12px;width:400px;max-width:calc(100% - 24px);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white)}
.skill-graph-legend:not([open]){width:90px}
.skill-graph-legend{overflow:hidden}
.skill-graph-legend>.smooth-scroll{margin:var(--ds-spacing-level-2);overflow:hidden}
.skill-graph-legend .smooth-scroll-area{overscroll-behavior:contain}
.skill-graph-legend-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-spacing-level-2) var(--ds-spacing-level-3);list-style:none;margin:0;padding:var(--ds-spacing-level-2) var(--ds-spacing-level-4) var(--ds-spacing-level-4)}
.skill-graph-legend-group.skill-menu-group{margin:var(--ds-spacing-level-2) 0 0;padding-top:var(--ds-spacing-level-3);border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2)}
.skill-graph-legend-group.skill-menu-group:first-child{margin-top:0;padding-top:0;border-top:0}
.skill-graph-legend-item{display:flex;align-items:center;gap:var(--ds-spacing-level-3);min-width:0;font:var(--ds-type-caption);color:var(--ds-ink)}
.skill-graph-legend-item .skill-step-badge{width:24px;height:24px}
.skill-graph-legend-item .skill-step-icon{width:12px;height:12px}
@container (max-width:560px){.skill-graph-legend{left:8px;bottom:8px;max-width:calc(100% - 16px)}.skill-graph-legend[open]{bottom:90px}.skill-graph-minimap{right:8px;bottom:8px;width:128px}}
.skill-graph-surface{position:relative;min-width:0}
.skill-graph-chart{position:absolute;top:0;left:0;transform-origin:top left;box-sizing:border-box;display:grid;grid-template-columns:repeat(var(--skill-graph-columns,1),minmax(var(--skill-graph-column-width,320px),1fr));grid-auto-rows:82px;column-gap:calc(var(--ds-spacing-level-6) * 2 + var(--ds-spacing-level-3));row-gap:calc(var(--ds-spacing-level-6) * 2 + var(--ds-spacing-level-3));min-height:340px;padding:var(--skill-graph-top-padding,calc(var(--ds-spacing-level-6) * 5)) calc(var(--ds-spacing-level-6) * 2 + var(--ds-spacing-level-2)) calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-5));background:transparent;border:0;border-radius:0}
.skill-graph-zoom{position:absolute;z-index:var(--ds-layer-inspector);top:12px;right:12px;display:flex;align-items:center;gap:var(--ds-spacing-level-2)}
:is(.skill-graph-zoom,.ds-graph-controls) :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:grid;place-items:center;min-height:34px;height:34px;padding:0;border:var(--ds-line);border-radius:var(--ds-pill);background:var(--ds-white);color:var(--ds-ink)}
.skill-graph-zoom-button:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){width:34px}
.skill-graph-zoom-reset:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){min-width:55px;padding-block:0;padding-inline:var(--ds-spacing-level-4);font:var(--ds-type-caption-mono)}
:is(.skill-graph-zoom,.ds-graph-controls) :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){background:var(--ds-ink);color:var(--ds-white)}
:is(.skill-graph-zoom,.ds-graph-controls) :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):disabled{opacity:var(--ds-opacity-level-2)}
.skill-graph-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.skill-graph-edges path{fill:none;stroke:var(--ds-ink);stroke-width:var(--ds-stroke-width-thin)}
.skill-graph-edges marker path{fill:var(--ds-ink);stroke:none}
.skill-graph-edges text{fill:var(--ds-muted);font-size:var(--ds-font-size-level-1)}
.skill-graph-node{position:relative;box-sizing:border-box;justify-self:center;align-self:start;width:min(100%,240px);min-width:0;min-height:82px;background:var(--ds-white);border:var(--ds-line);border-radius:var(--ds-radius-level-2);overflow-wrap:anywhere;transition:var(--ds-transition-colors)}
.skill-graph-node.editing{width:100%;container-type:inline-size;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white)}
.skill-graph-node-select:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:relative;z-index:var(--ds-layer-base);display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-level-3);width:100%;min-height:80px;padding:var(--ds-spacing-level-4);text-align:left;background:transparent;color:inherit;border:0;border-radius:inherit;white-space:normal}
.skill-graph-node-select:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover{background:transparent;color:inherit}
.skill-graph-node-select[draggable=true]{cursor:grab}
.skill-graph-node-select[draggable=true]:active{cursor:grabbing}
.skill-node-actions{position:absolute;z-index:var(--ds-layer-sticky);top:calc(100% + 8px);left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--ds-spacing-level-2);width:max-content;max-width:100%}
.skill-node-actions .skill-node-action:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-spacing-level-2);flex:none;width:auto;height:var(--skill-graph-control-size);min-width:var(--skill-graph-control-size);min-height:var(--skill-graph-control-size);padding-block:0;padding-inline:var(--ds-spacing-level-3);border-radius:var(--ds-radius-level-2);font:var(--ds-type-caption);white-space:nowrap}
.skill-node-actions .skill-node-action:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)) svg{width:var(--skill-graph-control-icon-size);height:var(--skill-graph-control-icon-size)}
.skill-node-actions .skill-node-action:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):disabled{opacity:var(--ds-opacity-level-2);cursor:not-allowed}
.skill-node-actions .skill-node-action:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-strong)}
.skill-graph-node:hover:not(.selected){background:var(--ds-white);border-color:var(--ds-muted)}
.skill-graph-node.selected{background:var(--ds-white);color:var(--ds-ink);border-color:var(--ds-ink);outline:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-ink);outline-offset:0}
.skill-graph-node.skill-graph-reused-skill,.skill-graph-node.skill-graph-reused-skill:hover,.skill-graph-node.skill-graph-reused-skill.selected{border-color:var(--skill-accent);outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--skill-accent);outline-offset:0}
.skill-graph-node.editing .skill-graph-node-select:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){min-height:70px;padding:var(--ds-spacing-level-5);gap:var(--ds-spacing-level-2);border-radius:var(--ds-radius-level-2) var(--ds-radius-level-2) 0 0;background:var(--ds-white);color:var(--ds-ink)}
.skill-graph-node.editing .skill-graph-node-select:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover{background:var(--ds-quiet);color:var(--ds-ink)}
.skill-graph-node.editing .skill-graph-node-select>small{display:none}
.skill-graph-node.editing[data-type=action] .skill-step-icon{color:var(--skill-accent)}
.skill-node-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:absolute;z-index:var(--ds-layer-content);top:12px;left:74px;display:flex;align-items:center;justify-content:flex-start;gap:var(--ds-spacing-level-2);max-width:calc(100% - 86px);min-height:16px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ds-muted);font:var(--ds-type-caption);text-align:left}
.skill-node-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))>span{overflow:hidden;white-space:nowrap}
.skill-node-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))>.skill-node-id-label{flex:none}
.skill-node-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))>.skill-node-id-value{min-width:0;direction:ltr;text-align:left;text-overflow:ellipsis;text-decoration:underline;text-underline-offset:2px}
.skill-node-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){background:transparent;color:var(--ds-ink)}
.skill-node-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-copied=true]{color:var(--skill-accent,#28765b)}
.skill-graph-node.editing>.skill-node-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){top:18px;left:43px;max-width:calc(100% - 55px)}
.skill-node-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.skill-graph-menu{box-sizing:border-box;position:fixed;z-index:var(--ds-layer-modal-control);top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-spacing-level-3);width:min(700px,calc(100vw - 24px));padding:var(--ds-spacing-level-4);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white)}
.skill-graph-menu-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-spacing-level-3);padding:var(--ds-spacing-level-2) var(--ds-spacing-level-2) var(--ds-spacing-level-3)}
.skill-graph-menu-title{font:var(--ds-type-body-strong)}
.skill-graph-menu-close:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white)}
.skill-graph-menu .skill-node-add:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){min-width:0;justify-content:flex-start;white-space:normal}
.skill-graph-menu .skill-node-add:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:var(--ds-spacing-level-3);row-gap:var(--ds-spacing-level-2);align-content:center;min-height:48px;text-align:left}
.skill-graph-menu .skill-node-add .skill-step-badge{grid-column:1;grid-row:1/3}
.skill-graph-menu .skill-node-add small{grid-column:2}
.skill-graph-menu .skill-node-add small{font:var(--ds-type-caption);font-size:var(--ds-font-size-level-0)}
.skill-graph-plus:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:absolute;z-index:var(--ds-layer-control);display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white);color:var(--ds-ink)}
.skill-graph-plus:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover{background:var(--ds-ink);color:var(--ds-white)}
.skill-graph-drop-slot{position:absolute;z-index:var(--ds-layer-node-selected);width:88px;height:88px;transform:translate(-50%,-50%);pointer-events:none}
.skill-graph-frame.is-node-dragging .skill-graph-drop-slot{pointer-events:auto}
.skill-graph-frame.is-node-dragging .skill-graph-plus{pointer-events:none}
.skill-graph-move-preview{box-sizing:border-box;position:absolute;z-index:var(--ds-layer-tool);display:grid;align-content:center;justify-items:center;gap:var(--ds-spacing-level-3);width:200px;min-height:82px;padding:var(--ds-spacing-level-3);border:var(--ds-border-width-strong) var(--ds-border-dashed) var(--ds-muted);border-radius:var(--ds-radius-level-2);background:var(--ds-white);transform:translate(-50%,-50%);pointer-events:none;text-align:center}
.skill-graph-move-preview.is-pending{pointer-events:auto;border-color:var(--ds-ink)}
.skill-graph-move-label{font:var(--ds-type-caption);color:var(--ds-ink)}
.skill-graph-move-actions{display:flex;justify-content:center;gap:var(--ds-spacing-level-3)}
.skill-graph-endpoint:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:absolute;z-index:var(--ds-layer-node);width:12px;height:12px;min-height:12px;padding:0;border:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);border-radius:var(--ds-round);background:var(--ds-white);cursor:grab}
.skill-graph-endpoint:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover,.skill-graph-endpoint:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[aria-pressed=true]{background:var(--ds-ink)}
.skill-graph-stub{position:absolute;width:48px;height:1px;background:var(--ds-ink);pointer-events:none}
.skill-graph-node-select:focus-visible,.skill-graph-settings:focus-visible,.skill-graph-remove:focus-visible,.skill-graph-plus:focus-visible,.skill-graph-endpoint:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.skill-graph-node:not(.editing) .skill-graph-node-select{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--ds-spacing-level-3);padding:var(--ds-spacing-level-4) var(--ds-spacing-level-4)}
.skill-graph-summary{display:grid;grid-template-rows:16px 20px 16px;gap:var(--ds-spacing-level-2);flex:1;min-width:0;height:56px;max-height:56px;overflow:hidden;text-align:left}
.skill-graph-summary>*{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:inherit}
.skill-graph-summary>.skill-graph-heading,.skill-graph-summary>small{line-height:var(--ds-spacing-level-5)}
.skill-graph-summary .skill-graph-kind{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--ds-spacing-level-5)}
.skill-graph-node .skill-graph-summary>.skill-graph-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--ds-spacing-level-5)}
.skill-graph-node:not(.editing) .skill-graph-node-select>.skill-step-badge{width:56px;height:56px}
.skill-graph-node:not(.editing) .skill-graph-node-select>.skill-step-badge .skill-step-icon{width:24px;height:24px}
.skill-graph-heading{display:inline-flex;align-items:center;gap:var(--ds-spacing-level-3);max-width:100%}
.skill-graph-heading .skill-step-icon{width:18px;height:18px}
.skill-graph-heading>:is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){width:18px;height:18px}
.skill-graph-kind{font:var(--ds-type-caption);color:var(--ds-muted)}
.skill-graph-kind:is(strong){font:var(--ds-type-body-strong);color:inherit}
.skill-graph-node .skill-graph-name{font:var(--ds-type-body-strong)}
.skill-graph-node small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-muted)}
.skill-graph-node.selected>.skill-graph-node-select small{color:var(--ds-muted)}
.skill-node-editor small{color:var(--ds-muted);white-space:normal}
.skill-graph-port{display:inline-block;padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3);border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-muted);border-radius:var(--ds-pill);font:var(--ds-type-caption-mono)}
.skill-node-editor{min-width:0;padding:var(--ds-spacing-level-5);border-top:var(--ds-line);background:var(--ds-white);color:var(--ds-ink)}
.skill-input-rows{display:grid;gap:0;min-width:0;overflow-x:auto;scrollbar-width:thin;border-top:var(--ds-line)}
.skill-input-heading,.skill-input-row{display:grid;grid-template-columns:minmax(0,156px) minmax(0,118px) minmax(0,188px);gap:var(--ds-spacing-level-3);align-items:center;min-width:480px;padding-block:var(--ds-spacing-level-3);padding-inline:0;border-bottom:var(--ds-line)}
.skill-input-heading{font:var(--ds-type-caption);color:var(--ds-muted)}
.skill-input-row .skill-value-editor{display:contents}
.skill-input-row .skill-value-source .ds-field>span,.skill-input-row .skill-secret-wrap .ds-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skill-input-row :is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){min-width:0;width:100%;height:var(--ds-control-height);min-height:var(--ds-control-height);padding-block:0}
.skill-key-cell,.skill-value-editor{display:grid;gap:var(--ds-spacing-level-3);min-width:0}
.skill-value-source,.skill-value-cell{min-width:0}
.skill-value-reference{display:flex;align-items:center;min-height:var(--ds-control-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--ds-type-body);color:var(--ds-muted)}
.skill-secret-wrap{position:relative;min-width:0}
.skill-secret-wrap .ds-field{min-width:0}
.skill-secret-wrap :is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){min-width:0;width:100%;padding-right:calc(var(--ds-spacing-level-6) * 3 + var(--ds-spacing-level-4))}
.skill-secret-actions{position:absolute;right:4px;bottom:4px;display:flex;align-items:center;gap:var(--ds-spacing-level-2);height:36px;padding-left:var(--ds-spacing-level-2);border-left:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft)}
.skill-secret-action:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:grid;place-items:center;min-width:33px;width:33px;height:36px;min-height:36px;padding:0;border:0;border-radius:var(--ds-radius-level-2);background:transparent}
.skill-secret-action:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){background:var(--ds-quiet)}
.skill-secret-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@container (max-width:360px){.skill-route-row{grid-template-columns:minmax(0,1fr)}}
.skill-field-caption{font:var(--ds-type-body-strong);font-size:var(--ds-font-size-level-1)}
.skill-target-picker{position:relative;width:100%;height:var(--ds-control-height);min-width:0;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet)}
.skill-target-picker-value:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){height:100%;padding:0 calc(var(--ds-spacing-level-6) * 2) 0 var(--ds-spacing-level-4);border:0;background:transparent;text-overflow:ellipsis;pointer-events:none;cursor:default}
.skill-target-picker:has(input:not([readonly])){background:var(--ds-white)}
.skill-target-picker-value:is(.ds-control,.ui-type-input):not([readonly]){pointer-events:auto;cursor:text}
.skill-target-picker.is-empty .skill-target-picker-value{color:var(--ds-muted)}
.skill-target-picker-browse:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:absolute;right:4px;top:4px;display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:var(--ds-line);border-radius:var(--ds-round);background:var(--ds-white)}
.skill-target-picker-browse:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){background:var(--ds-soft)}
.skill-row-remove:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){padding:0;min-width:30px;width:30px;min-height:var(--ds-control-height);height:var(--ds-control-height);border:0;border-radius:var(--ds-radius-level-2)}
.skill-add-row:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-level-3);min-height:44px}
.skill-route-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-spacing-level-3);align-items:center;padding-top:var(--ds-spacing-level-4);border-top:var(--ds-line)}
.skill-route-row>.skill-help{grid-column:1/-1}
.skill-route-row>:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:flex;align-items:center;gap:var(--ds-spacing-level-3);min-height:44px}
.skill-menu-group{grid-column:1/-1;margin:var(--ds-spacing-level-3) var(--ds-spacing-level-2) var(--ds-spacing-level-1);font:var(--ds-type-body-strong);font-size:var(--ds-font-size-level-1);color:var(--ds-muted)}
.skill-live-canvas{position:relative;min-width:0}
/* Native corner resizing keeps browser controls above the selectable canvas. */
.skill-graph-frame.has-browser-focus:not(.is-fullscreen) .skill-live-browser.is-linked,.skill-graph-frame.is-fullscreen.has-browser-focus .skill-live-browser.is-linked{top:var(--ds-spacing-level-4);right:max(var(--ds-page-gutter),calc((100vw - 1600px)/2));bottom:auto;width:max-content;max-width:min(calc(100vw - var(--ds-page-gutter) * 2),1600px);max-height:calc(100dvh - var(--ds-spacing-level-4) * 2)}
.skill-graph-frame.has-browser-focus .skill-live-canvas{flex:none;resize:both;direction:rtl;overflow:auto;box-sizing:border-box;width:clamp(320px,40vw,460px);min-width:min(280px,calc(100vw - var(--ds-page-gutter) * 2));min-height:0;max-width:min(calc(100vw - var(--ds-page-gutter) * 2),1600px)}
.skill-live-canvas>*{direction:ltr}
.skill-live-canvas>.skill-element-inspector{flex:none;width:100%;box-sizing:border-box;margin-top:var(--ds-spacing-level-4)}
.skill-graph-frame.has-browser-focus .skill-live-canvas>.skill-live-viewport{flex:1 0 240px}
.skill-live-canvas>.skill-element-inspector.floating{position:absolute;z-index:var(--ds-layer-sticky);margin:0}
.skill-element-inspector[hidden]{display:none}
.skill-inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-spacing-level-3)}
.skill-inspector-heading>:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){min-height:28px;padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3);border:0}
.skill-live-canvas .skill-element-tree{max-height:240px}
.skill-node-editor-head{display:flex;align-items:flex-start;gap:var(--ds-spacing-level-4);padding-bottom:var(--ds-spacing-level-5);border-bottom:var(--ds-line)}
.skill-node-editor-head .skill-step-icon{width:22px;height:22px;margin-top:2px}
.skill-node-editor-head>div{min-width:0;display:grid;gap:var(--ds-spacing-level-2)}
.skill-node-editor h3{margin:0;font:var(--ds-type-section-heading);font-size:var(--ds-font-size-level-3);line-height:var(--ds-line-height-level-2)}
.skill-editor-stage{display:grid;gap:var(--ds-spacing-level-4);padding:var(--ds-spacing-level-5) 0 0;border:0;border-top:var(--ds-line);background:var(--ds-white);min-width:0}
.skill-node-editor-head+.skill-editor-stage{border-top:0;padding-top:0}
.skill-editor-stage-heading{display:flex;align-items:center;gap:var(--ds-spacing-level-4);line-height:var(--ds-line-height-level-2)}
.skill-editor-stage-heading strong{font:var(--ds-type-section-heading)}
.skill-editor-stage .ds-field{min-width:0}
.skill-current-page{margin:0;padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet);font:var(--ds-type-body);overflow-wrap:anywhere}
.skill-source-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-spacing-level-3)}
.skill-source-choice:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){min-height:44px;padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);text-align:center;white-space:normal;font:var(--ds-type-body-strong);font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-2)}
.skill-source-choice:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).active,.skill-source-choice:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).active:hover:not(:disabled){background:var(--ds-ink);color:var(--ds-white)}
.skill-source-choice:focus-visible,.skill-editor-advanced summary:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.skill-editor-advanced{border-top:var(--ds-line);padding-top:var(--ds-spacing-level-4)}
.skill-editor-advanced summary{cursor:pointer;font:var(--ds-type-body);color:var(--ds-muted)}
.skill-editor-advanced>div{padding-top:var(--ds-spacing-level-4)}
.skill-flow-error{margin:0;font-size:var(--ds-font-size-level-3);font-weight:var(--ds-font-weight-level-2);line-height:var(--ds-line-height-level-3)}
.skill-flow-error:empty{display:none}
.skill-selection-workspace{display:grid;grid-template-columns:minmax(235px,.7fr) minmax(0,1.4fr);gap:var(--ds-spacing-level-4);align-items:start}
.skill-context{display:grid;gap:var(--ds-spacing-level-2);padding:var(--ds-spacing-level-5);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet)}
.skill-context strong{font-size:var(--ds-font-size-level-3)}
.skill-target-row{display:grid;gap:var(--ds-spacing-level-3);padding-block:var(--ds-spacing-level-4);padding-inline:0;border-bottom:var(--ds-line)}
.skill-target-row span{font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-2);overflow-wrap:anywhere}
.skill-target-row :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){width:100%}
.skill-target-row:last-child{border-bottom:0}
.skill-element-inspector{display:grid;gap:0;padding:0;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white);min-width:0;overflow:hidden}
.skill-element-inspector h3{margin:0;font-size:var(--ds-font-size-level-3);line-height:var(--ds-line-height-level-2)}
.skill-element-tree{display:block;max-height:340px;margin:0;padding:0;list-style:none;overflow:auto}
.ds-tree-row{--ds-tree-row-height:var(--ds-font-size-level-7);display:flex;align-items:center;min-width:100%;min-height:var(--ds-tree-row-height);border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2)}
.ds-tree-row[data-density="compact"]{--ds-tree-row-height:var(--skill-graph-control-size)}
.ds-tree-row:hover{background:var(--ds-quiet)}
.ds-tree-row.selected,.ds-tree-row.selected:hover{background:var(--ds-gray-level-3)}
.ds-tree-path{display:flex;align-self:stretch;flex:none;padding-left:var(--ds-spacing-level-3)}
.ds-tree-guide{position:relative;display:block;align-self:stretch;width:18px}
.ds-tree-guide::before{content:"";position:absolute;top:0;bottom:0;left:11.5px;width:1px;background:var(--ds-ink)}
.ds-tree-disclosure:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)),.ds-tree-leaf{display:grid;place-items:center;flex:none;width:24px;height:var(--ds-tree-row-height);min-width:24px;min-height:var(--ds-tree-row-height);padding:0;border:0;border-radius:0;background:transparent;color:var(--ds-muted)}
.ds-tree-disclosure:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){background:transparent;color:var(--ds-ink)}
.ds-tree-disclosure[aria-expanded=false] svg{transform:rotate(-90deg)}
.ds-tree-leaf svg{width:8px;height:8px}
.skill-element-choice:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;min-height:40px;padding:var(--ds-spacing-level-3) var(--ds-spacing-level-4) var(--ds-spacing-level-3) 0;text-align:left;white-space:nowrap;font:var(--ds-type-body);border:0;border-radius:0;background:transparent}
.skill-element-choice:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){background:transparent}
.skill-element-tree-row.selected .skill-element-choice:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){font-weight:var(--ds-font-weight-level-2);color:var(--ds-ink)}
.skill-element-tree-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skill-element-inspector>:is([data-variant=primary],.ui-variant-primary){width:calc(100% - 24px);margin:12px}
.skill-element-inspector .skill-inspector-heading{padding:var(--ds-spacing-level-4) var(--ds-spacing-level-4)}
.skill-save-status{margin:0;min-height:24px;font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-3);overflow-wrap:anywhere}
.skill-browser-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ds-spacing-level-3);min-width:0}
.skill-browser-navigation{display:flex;align-items:center;gap:var(--ds-spacing-level-2)}
.skill-browser-toolbar .skill-browser-tool-button:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:grid;place-items:center;flex:none;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:0;border-radius:var(--ds-radius-level-2);background:transparent;color:var(--ds-ink)}
.skill-browser-toolbar svg{width:var(--skill-graph-control-icon-size);height:var(--skill-graph-control-icon-size);flex:none}
.skill-browser-toolbar .skill-browser-tool-button:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover,.skill-browser-tools summary:hover{background:var(--ds-quiet)}
.skill-browser-chrome>.skill-mode-switch{justify-self:end;margin-left:0}
.skill-mode-switch[hidden]{display:none}
.skill-browser-tools{position:relative}
.skill-browser-tools summary{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:var(--ds-radius-level-2);background:transparent;color:var(--ds-ink);cursor:pointer;list-style:none}
.skill-browser-tools summary::-webkit-details-marker{display:none}
.skill-browser-tools-body{position:absolute;right:0;top:calc(100% + 6px);z-index:var(--ds-layer-header);display:grid;gap:var(--ds-spacing-level-2);min-width:240px;padding:var(--ds-spacing-level-3);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white)}
.skill-browser-tools-body :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){text-align:left}
.skill-browser-tool-button:focus-visible,.skill-browser-tools summary:focus-visible,.skill-element-choice:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.skill-save-status[role=alert]{font-weight:var(--ds-font-weight-level-1)}
.preview-url{overflow-wrap:anywhere;font:var(--ds-type-caption-mono);color:var(--ds-muted)}
.element-list{font:var(--ds-type-body);max-height:180px;overflow:auto;padding-left:var(--ds-spacing-level-5)}
.skills-layout>.skill-list,.ds-catalog-layout>.skill-list{position:sticky;top:90px;min-width:0;max-height:calc(100dvh - 110px);display:flex;flex-direction:column;overflow:hidden}
.skills-layout>.skill-list>.skill-list-tree{flex:none}
.skills-layout .skill-list-scroll,.ds-catalog-layout .skill-list-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.skills-layout>.skill-workspace-content{min-width:0}
.skills-layout .skill-list-main>.skill-list-copy>strong,.ds-catalog-layout .skill-list-main>.skill-list-copy>strong{white-space:nowrap;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis}
.skills-layout .skill-list-button .skill-list-children{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}
.agents-layout>.skill-list{position:sticky;top:90px;min-width:0;max-height:calc(100dvh - 110px);display:flex;flex-direction:column;overflow:hidden}
.agents-layout>.skill-list>.skill-list-tree{flex:0 0 auto;min-height:0;max-height:362px;overflow-y:auto}
.skill-list-tree,.skill-list-children{display:grid;gap:var(--ds-spacing-level-3);min-width:0;margin:0;padding:0;list-style:none}
.skill-list-children{gap:var(--ds-spacing-level-3);margin:6px 0 0 18px}
.skill-list-item{position:relative;min-width:0}
.skill-list-divider{flex:none;border-top:var(--ds-line);margin:16px 2px}
.agent-list .agent-history{flex:0 1 auto;min-height:0;overflow-y:auto}
.agent-history-item .skill-list-select:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){inset:0}
.skill-list-error.ds-alert{margin:6px 0 0}
.skill-list-button.session-button{position:relative;display:flex;align-items:center;gap:var(--ds-spacing-level-4);min-height:66px;padding:var(--ds-list-item-padding);--skill-list-control-size:var(--skill-list-control-size-value-1)}
.skills-layout .skill-list-button.session-button,.ds-catalog-layout .skill-list-button.session-button{min-height:80px;--skill-list-control-size:var(--skill-list-control-size-value-0)}
.skill-list-main{display:grid;grid-template-rows:auto;gap:var(--ds-spacing-level-2);min-width:0;min-height:0;flex:1;padding:var(--ds-spacing-level-2) 0}
.skill-list-main>.skill-list-copy{display:flex;align-items:center;gap:var(--ds-spacing-level-3);min-width:0;min-height:0;overflow:hidden}
.skill-list-main>.skill-list-copy>strong{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:var(--ds-line-height-level-3)}
.skill-list-main>.skill-list-copy>.skill-list-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){width:auto;flex:none;text-align:right}
.skill-list-button .skill-list-children{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-level-3);min-width:0;min-height:0;margin:0;padding:0;list-style:none}
.skill-list-button .skill-list-children::-webkit-scrollbar{display:none}
.skill-list-children .skill-list-child{display:flex;flex:none}
.skill-list-children :is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){width:20px;height:20px}
.skills-layout .skill-list-button .skill-list-control:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){width:var(--skill-list-control-size);min-width:var(--skill-list-control-size);height:var(--skill-list-control-size);min-height:var(--skill-list-control-size)}
.skill-list-select:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:absolute;z-index:var(--ds-layer-base);inset:0 calc(var(--skill-list-control-size) + 20px) 0 0;min-width:0;min-height:0;padding:0;border:0;border-radius:var(--ds-radius-level-2);background:transparent;color:inherit}
.skill-list-select:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){background:transparent;color:inherit}
.skill-list-select:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):focus-visible{outline:none}
.skill-list-button:has(.skill-list-select:focus-visible){outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.skill-list-toggle:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:relative;z-index:var(--ds-layer-content);flex:none;width:var(--skill-list-control-size);height:var(--skill-list-control-size);min-width:var(--skill-list-control-size);min-height:var(--skill-list-control-size);padding:0;border-radius:var(--ds-pill);font:var(--ds-type-caption-mono);background:var(--ds-white);color:var(--ds-ink)}
.skill-list-button[data-controls="2"] .skill-list-select{right:calc(var(--skill-list-control-size) * 2 + 30px)}
.skill-list-control:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:relative;z-index:var(--ds-layer-content);flex:none}
.skill-list-control:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):not(.ui-variant-primary,.ui-variant-info,.ui-variant-success,.ui-variant-warning,.ui-variant-danger){color:var(--ds-ink)}
.ds-tabs{display:flex;gap:var(--ds-spacing-level-4,var(--ds-spacing-level-3));flex-wrap:wrap}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).icon-action{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.ds-action.icon-action.ui-size-inline-icon{width:var(--ds-spacing-level-6);min-width:var(--ds-spacing-level-6);height:var(--ds-spacing-level-6);min-height:var(--ds-spacing-level-6);}
.ds-action.icon-action.ui-size-compact{width:var(--ds-control-height-compact);min-width:var(--ds-control-height-compact);height:var(--ds-control-height-compact);min-height:var(--ds-control-height-compact);}
.ds-action.icon-action.ui-size-regular{width:var(--ds-control-height);min-width:var(--ds-control-height);height:var(--ds-control-height);min-height:var(--ds-control-height);}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).icon-action svg{width:16px;height:16px;flex:none}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-icon="leading"]{gap:var(--ds-spacing-level-3)}
.skill-list-item.is-off :is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){color:var(--ds-muted)!important}
.skill-list-item.is-off .skill-list-toggle{background:var(--ds-quiet);color:var(--ds-muted)}
.skill-list-button:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.skill-list-copy{display:grid;gap:var(--ds-spacing-level-2);min-width:0;flex:1}
.skill-list-copy strong,.skill-list-copy small{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.skill-list-copy small{margin:0;font:var(--ds-type-caption);color:var(--ds-muted)}
.skill-list-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:relative;z-index:var(--ds-layer-content);display:block;min-width:0;min-height:0;width:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--ds-muted);font:var(--ds-type-caption-mono);text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}
.skill-list-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){background:transparent;color:var(--ds-ink)}
.skill-list-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-strong)}
.skill-list-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-copied=true]{color:var(--ds-state-success)}
.skill-list-button.active.ui-selection-filled .skill-list-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){color:var(--ds-soft)}
.skill-list-button.active.ui-selection-filled .skill-list-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){color:var(--ds-white)}
.skill-list-button.active.ui-selection-filled .skill-list-copy small{color:var(--ds-soft)}
:is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){display:grid;place-items:center;width:36px;height:36px;flex:none}
:is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark) svg{display:block;width:100%;height:100%;fill:currentColor}
.skill-list-button>:is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){width:var(--skill-list-control-size);height:var(--skill-list-control-size)}
.skill-list-button.active.ui-selection-filled :is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){filter:none}
.skill-list-button.active.ui-selection-filled :is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark):not(.skill-list-new-mark) svg{stroke:var(--ds-white);stroke-width:var(--ds-stroke-width-thin)}
.skill-list-new-mark{color:var(--ds-ink)}
.skill-list-new-mark svg{fill:none;stroke:currentColor;stroke-width:var(--ds-stroke-width-thin)}
.skill-list-button.active.ui-selection-filled .skill-list-new-mark{color:var(--ds-white)}
.skill-list-heading{margin:var(--ds-spacing-level-5) var(--ds-spacing-level-1) var(--ds-spacing-level-3);color:var(--ds-muted);font:var(--ds-type-caption)}
.skill-context-heading{display:flex;align-items:center;gap:var(--ds-spacing-level-3);margin-top:var(--ds-spacing-level-4);color:var(--ds-ink);font:var(--ds-type-caption);font-weight:var(--ds-font-weight-level-2)}
.skill-context-heading:before{content:"";width:8px;height:8px;flex:none;border-radius:var(--ds-pill);background:var(--skill-context-color,var(--ds-muted))}
.skill-list-role{width:max-content;max-width:100%;padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3);border:var(--ds-line);border-radius:var(--ds-radius-level-2);font:var(--ds-type-caption);color:var(--ds-muted)}
.skill-list-button.active.ui-selection-filled .skill-list-role{border-color:var(--ds-soft);color:var(--ds-white)}
.skill-taxonomy-legend-group.skill-menu-group{grid-column:1/-1;margin-top:8px}
.skill-taxonomy-swatch{width:12px;height:12px;flex:none;border-radius:var(--ds-pill);background:var(--skill-context-color,var(--ds-muted))}
.skill-graph-legend-item :is(.skill-identity-mark,.agent-identity-mark,.session-identity-mark){width:24px;height:24px}
.skill-semantic-label{color:var(--ds-muted);font:var(--ds-type-caption)}
.skill-list-child-role{color:var(--ds-muted);font:var(--ds-type-caption);white-space:nowrap}
textarea[name=steps]{min-height:150px}
@media(max-width:1100px){.ds-studio-header-inner{gap:var(--ds-spacing-level-3)}.ds-studio-header-nav{gap:0}.ds-studio-header-meta{gap:var(--ds-spacing-level-2)}.agent-map{padding:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3)) var(--ds-spacing-level-6)}.map-nodes{gap:var(--ds-spacing-level-5)}.agent-node{padding:var(--ds-spacing-level-5)}.connection-layout{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.ds-studio-header-nav{gap:var(--ds-spacing-level-2)}:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="nav"]{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border-color:var(--ds-ink)}.ds-studio-header-nav .nav-label{display:none}.auth-layout{gap:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3))}.agent-detail-layout,.connection-layout{grid-template-columns:1fr}.page-heading{align-items:start;flex-direction:column}.agent-map{padding:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-2)) var(--ds-spacing-level-5)}.map-nodes{gap:var(--ds-spacing-level-4)}.agent-node strong{font-size:var(--ds-font-size-level-4)}.session-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px}.skills-layout,.agents-layout,.ds-catalog-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:600px){.auth-layout{grid-template-columns:1fr;margin:var(--ds-spacing-level-4) auto;gap:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-2))}.auth-intro h1{font-size:var(--ds-font-size-level-7)}.ds-studio-main{padding-top:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3))}.ds-studio-header-inner{gap:var(--ds-spacing-level-2)}.map-filters{grid-template-columns:1fr 1fr}.map-filters>label:last-child{grid-column:1/-1}.map-nodes{grid-template-columns:1fr;gap:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-2));border-top:0;padding-top:0}.agent-map{padding:var(--ds-spacing-level-6) var(--ds-spacing-level-5)}.agent-node{min-height:160px}.map-nodes .agent-node:before{height:28px;top:-29px}.skills-layout,.agents-layout,.ds-catalog-layout{grid-template-columns:1fr}.skills-layout>div:first-child{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-spacing-level-3)}.session-button{padding:var(--ds-spacing-level-4)}.session-list{grid-template-columns:1fr}.request-row{align-items:start;flex-direction:column;gap:var(--ds-spacing-level-3)}.log-line{flex-direction:column;gap:var(--ds-spacing-level-2)}:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)),textarea:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){font-size:var(--ds-font-size-level-3)}.ds-panel-header{padding:var(--ds-spacing-level-5);flex-wrap:wrap}.page-heading h1{font-size:var(--ds-font-size-level-6)}.map-caption{text-align:left}.ds-panel-body{padding:var(--ds-spacing-level-5)}.auth-layout form{padding:var(--ds-spacing-level-6)}.button-row{gap:var(--ds-spacing-level-3)}}
.session-button{min-width:0}
.session-list{overflow-x:hidden;grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){.skill-basics,.skill-fixed-values-list{grid-template-columns:1fr}.skill-builder :is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)),.skill-builder :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){font-size:var(--ds-font-size-level-3)}.skill-builder{font-size:var(--ds-font-size-level-3)}.skill-help{font-size:var(--ds-font-size-level-3)}}
@media(max-width:600px){.skill-browser-toolbar{align-items:center}.skill-browser-navigation{width:auto}.skill-browser-tools-body{right:0;left:auto}.skill-element-choice:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){font-size:var(--ds-font-size-level-3)}}
@media(max-width:600px){.skill-builder .skill-element-choice:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){font-size:var(--ds-font-size-level-1)}}
@media(max-width:600px){.skill-graph-minimap{width:128px}.skill-graph-minimap-map:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){height:66px}.skills-layout>div:first-child{grid-template-columns:1fr}.skill-node-editor{padding:var(--ds-spacing-level-5)}.skill-graph-chart{padding-inline:var(--ds-spacing-level-5)}}
@media(prefers-reduced-motion:reduce){.skill-graph-node{transition:none}}
@media(min-width:601px) and (max-width:900px){.session-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.map-nodes:has(>.agent-node:only-child){grid-template-columns:minmax(0,400px);justify-content:center;border-top:0;padding-top:0}
.map-nodes:has(>.empty:only-child){grid-template-columns:1fr;border-top:0;padding-top:0}

.skill-source-link:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){min-height:36px;padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);font:var(--ds-type-body)}
.skill-node-editor textarea:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){min-height:84px;resize:vertical}

/* Groups only fold the display; their children remain the executable steps. */
:is(.skill-step-badge,.skill-graph-node)[data-type=group]{--skill-accent:var(--skill-legend-slate)}
.skill-graph-group{position:relative;box-sizing:border-box;align-self:start;min-width:0;border:0;background:transparent}
.skill-graph-group::before{content:'';position:absolute;inset:-60px 0 0;border:var(--ds-line);border-radius:var(--ds-radius-level-2);pointer-events:none}
.skill-graph-group.selected::before{outline:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-ink);outline-offset:0}
.skill-graph-group.is-node-drop-target::before,.skill-group-collapsed.is-node-drop-target{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-state-success);outline-offset:var(--ds-border-width-strong)}
.skill-group-heading{position:absolute;z-index:var(--ds-layer-content);top:-60px;left:0;right:0;box-sizing:border-box;display:flex;align-items:center;gap:var(--ds-spacing-level-4);height:44px;padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);background:var(--ds-white);border:var(--ds-line);border-radius:var(--ds-radius-level-2) var(--ds-radius-level-2) 0 0}
.skill-group-heading{cursor:pointer}
.skill-group-heading .skill-group-title{margin-right:auto}
.skill-group-heading>.skill-node-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){position:static;flex:none;max-width:130px;min-height:16px;padding:0;border:0;border-radius:0;background:transparent}
.skill-group-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--ds-type-body-strong)}
.skill-group-heading>:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){min-height:30px;padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-4);font:var(--ds-type-caption);background:var(--ds-white);border-radius:var(--ds-radius-level-2)}
.skill-group-content{position:relative;z-index:var(--ds-layer-base);top:-16px;display:grid;grid-auto-rows:minmax(82px,auto);column-gap:calc(var(--ds-spacing-level-6) * 2 + var(--ds-spacing-level-3));row-gap:calc(var(--ds-spacing-level-6) * 2 + var(--ds-spacing-level-3));margin-bottom:calc(var(--ds-spacing-level-5) * -1);padding:var(--ds-spacing-level-5) var(--ds-spacing-level-5);align-items:start}
.skill-group-toggle:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){background:var(--ds-white);color:var(--ds-ink);flex:none}
.skill-group-toggle:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover{background:var(--ds-quiet)}
.skill-group-tools{position:absolute;top:12px;left:12px;z-index:var(--ds-layer-inspector)}
.skill-group-tools[hidden]{display:none}
.skill-group-tools>:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){display:flex;align-items:center;gap:var(--ds-spacing-level-3);min-height:34px;padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-4);font:var(--ds-type-caption);border-radius:var(--ds-radius-level-2);background:var(--ds-white)}
.skill-group-builder{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-spacing-level-3);width:100%;padding:var(--ds-spacing-level-4);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white)}
.skill-group-builder[hidden],.skill-group-notice[hidden]{display:none}
.skill-group-builder>strong,.skill-group-builder>:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)),.skill-group-builder>p{grid-column:1/-1}
.skill-group-builder>span{grid-column:1/-1}
.skill-group-builder>:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){min-height:34px;padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-4);font:var(--ds-type-caption)}
.skill-group-builder .skill-help{margin:0}
.skill-group-builder p:empty{display:none}
.skill-graph-node.group-picked{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.is-grouping .skill-graph-node-select:disabled{opacity:var(--ds-opacity-level-2)}
.skill-group-notice{position:absolute;left:12px;top:54px;z-index:var(--ds-layer-notice);max-width:calc(100% - 24px);padding:var(--ds-spacing-level-4);border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white);font:var(--ds-type-caption)}
.skill-group-toggle:focus-visible,.skill-group-tools :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis)}
.skill-graph-frame :is(.skill-graph-plus,.skill-graph-menu-close):is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){box-sizing:border-box;display:grid;place-items:center;width:var(--skill-graph-control-size);height:var(--skill-graph-control-size);min-width:var(--skill-graph-control-size);min-height:var(--skill-graph-control-size);padding:0;border-radius:var(--ds-radius-level-2)}
.skill-graph-frame :is(.skill-graph-plus,.skill-graph-menu-close):is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)) svg{width:var(--skill-graph-control-icon-size);height:var(--skill-graph-control-icon-size);flex:none}
@media(max-width:600px){.skills-layout>.skill-list,.agents-layout>.skill-list,.ds-catalog-layout>.skill-list{position:static}}
@media(max-width:600px){.agents-layout>.skill-list,.ds-catalog-layout>.skill-list{max-height:none;overflow:visible}.agents-layout>.skill-list>.skill-list-tree,.ds-catalog-layout>.skill-list>.skill-list-tree,.agent-list .agent-history{overflow:visible;max-height:none}}
@media(max-width:760px){.skill-builder-header-top{grid-template-columns:minmax(0,1fr)}.skill-builder-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 44px;align-items:end}:is(.skill-identity-field,.agent-identity-field,.session-identity-field),.skill-version-field,.skill-builder-category{width:auto}}

/* Shared identity selection controls; feature classes own placement only. */
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity-option"]{display:flex;justify-content:flex-start;gap:var(--ds-spacing-level-3);width:100%;min-width:0;min-height:34px;padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3);border:0;border-radius:var(--ds-radius-level-2);font:var(--ds-type-body);text-align:left}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity-option"]:hover,:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity-option"][aria-pressed="true"]{background:var(--ds-quiet)}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity-option"]>span:last-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.agent-profile-options-portaled,.session-filter-options-portaled){position:fixed;z-index:var(--ds-layer-popover);margin:0}

:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field))[data-layout="identity-summary"]{display:flex;align-items:center;min-width:0;padding:var(--ds-spacing-level-3);min-height:var(--ds-control-height)}

:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity-tile"]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--ds-spacing-level-2);width:100%;min-width:0;min-height:58px;padding-block:var(--ds-spacing-level-2);padding-inline:0;border:0;border-radius:var(--ds-radius-level-2);font:var(--ds-type-caption);text-align:center}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity-tile"]:hover{background:var(--ds-quiet)}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity-tile"]>span:last-child{display:block;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon))[data-layout="identity-tile"]>:first-child{height:32px;flex:none}

:is(.ds-select-options,.ui-type-select-options).ds-select-options-portaled{position:fixed;inset:auto;z-index:var(--ds-layer-popover);margin:0;min-width:0;box-sizing:border-box;overflow:auto}

/* Selection state is semantic; HTML chooses one of these two shared treatments. */
.ui-selection-outline:is([aria-selected="true"],[aria-pressed="true"],[aria-current="page"],[aria-current="true"],[data-selected="true"],.active){outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-spacing-level-1)}
.ui-selection-filled:is([aria-selected="true"],[aria-pressed="true"],[aria-current="page"],[aria-current="true"],[data-selected="true"],.active){background:var(--ds-ink)!important;color:var(--ds-white)!important}
.ui-selection-filled:is([aria-selected="true"],[aria-pressed="true"],[aria-current="page"],[aria-current="true"],[data-selected="true"],.active) small{color:var(--ds-soft)}

.ui-selection-filled:is([aria-selected="true"],[aria-pressed="true"],[aria-current="page"],[aria-current="true"],[data-selected="true"],.active)>:is(:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)),:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):not(.ui-variant-primary,.ui-variant-info,.ui-variant-success,.ui-variant-warning,.ui-variant-danger)){color:var(--ds-ink)}

/* The Work filter and skill picker share the same labelled identity tiles. */
.ds-identity-options:is(.skill-header-select-options.skill-identity-options,.session-header-select-options.session-identity-options){width:max-content;max-width:calc(100vw - 32px)}
.ds-identity-options :is(.skill-identity-section,.session-identity-section){justify-items:start;min-width:0}
.ds-identity-options .ds-identity-grid[data-kind="filter"]{grid-template-columns:repeat(min(var(--identity-tile-columns,8),var(--identity-option-count)),var(--ds-identity-tile-text-width));width:max-content}
.ds-identity-options.ds-select-options-portaled{overflow:auto}
@media(max-width:600px){.ds-identity-options{--identity-tile-columns:var(--identity-columns-value-0)}}
@media(max-width:400px){.ds-identity-options{--identity-tile-columns:var(--identity-tile-columns-value-2)}}
@media(max-width:320px){.ds-identity-options{--identity-tile-columns:var(--identity-tile-columns-value-0)}}

.ds-select{min-width:0;position:relative}
/* Field selectors share the former tag selector dimensions. Mark/icon triggers keep their own recipes. */
.ds-select-trigger.ui-trigger-field{height:var(--ds-control-height);min-height:var(--ds-control-height);min-width:0}
.ds-select-trigger.ui-trigger-field.ui-size-compact{height:var(--ds-control-height-compact);min-height:var(--ds-control-height-compact);}
:is(.ds-select-trigger,.ui-type-select-trigger){display:flex;align-items:center;justify-content:space-between;gap:var(--ds-spacing-level-3);cursor:pointer;list-style:none}
:is(.ds-select-trigger,.ui-type-select-trigger)::-webkit-details-marker{display:none}
.ui-type-select-trigger.ui-trigger-field.ui-indicator-icon>svg{flex:none}
.ui-type-select:where([open])>.ui-type-select-trigger.ui-trigger-field.ui-indicator-icon>svg{transform:rotate(180deg)}
:is(.ds-select-trigger,.ui-type-select-trigger)[aria-disabled="true"]{opacity:var(--ds-opacity-level-2);cursor:default}
.ds-select-text-options{display:grid;gap:var(--ds-spacing-level-4);min-width:0;width:max-content}
:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)).ds-select-text-option{justify-content:flex-start;text-align:left;min-height:32px;border:0;border-radius:var(--ds-radius-level-2);padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);font:var(--ds-type-body)}




/* Component visual recipes: source of truth for every product page.
   Feature stylesheets contain placement and behavior only. */

/* studio components */
.studio{font:var(--ds-type-body);}
.studio h2{font:var(--ds-type-section-heading);}
.studio-section{padding:var(--ds-spacing-level-6);}
.studio .ds-field>span{font:var(--ds-type-caption);color:var(--ds-muted);}
.agent-cards{gap:var(--ds-spacing-level-5);}
.agent-editor{gap:var(--ds-spacing-level-6);}
.agent-form{gap:var(--ds-spacing-level-5);}
.config-flow{gap:var(--ds-spacing-level-5);}
.flow-node{border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-white);padding-block:var(--ds-spacing-level-4);padding-inline:var(--ds-spacing-level-5);}
.flow-node:not(:last-child):after{border-left:var(--ds-line);}
.studio-json{background:var(--ds-quiet);padding:var(--ds-spacing-level-5);font:var(--ds-type-caption-mono);}
.work-layout{gap:var(--ds-spacing-level-6);}
.live-map{background:var(--ds-quiet);border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-6);}
.live-inspector{border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-6);gap:var(--ds-spacing-level-5);}
.live-transcript{gap:var(--ds-spacing-level-4);}
.history-filters{gap:var(--ds-spacing-level-5);}
.history-list{border-top:var(--ds-line);}
.history-row{padding-block:var(--ds-spacing-level-5);padding-inline:var(--ds-spacing-level-3);gap:var(--ds-spacing-level-5);border-bottom:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);}
.history-row:hover{background:var(--ds-quiet);}
.history-detail{gap:var(--ds-spacing-level-6);}
.customer-page{background:var(--ds-quiet);padding:var(--ds-spacing-level-0);}
.chat-shell{gap:var(--ds-spacing-level-3);}
.chat-message-list{padding:var(--ds-spacing-level-5);gap:var(--ds-spacing-level-5);}
.chat-message{gap:var(--ds-spacing-level-3);}
.chat-bubble{padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);background:var(--ds-quiet);border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);border-radius:var(--ds-radius-level-2);}
.chat-bubble.user{background:var(--ds-ink);color:var(--ds-white);}
.chat-bubble.staff{border:var(--ds-line);}
.chat-bubble small{font:var(--ds-type-caption);opacity:var(--ds-opacity-level-3);}
.chat-bubble p{font:var(--ds-type-body);margin:0;}
.chat-compose{padding:0;gap:var(--ds-spacing-level-4);}
/* Composer assembles the existing ds-control and ds-action recipes. */

.studio button:focus-visible,.studio a:focus-visible,.chat-shell button:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis);}
@media(max-width:600px){
.studio-section{padding:var(--ds-spacing-level-5);}
.live-map{padding:var(--ds-spacing-level-5);}
.customer-page{padding:0;}
}
.session-board{border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet);}
.session-board-bar{gap:var(--ds-spacing-level-5);background:var(--ds-white);border-bottom:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);font:var(--ds-type-caption);}
.session-node-map{gap:var(--ds-spacing-level-6);}
.session-node-map>.empty{padding-block:calc(var(--ds-spacing-level-6) * 3);padding-inline:var(--ds-spacing-level-5);}
.session-node{gap:var(--ds-spacing-level-3);padding:var(--ds-spacing-level-5);color:var(--ds-ink);background:var(--ds-white);border:var(--ds-line);border-radius:var(--ds-radius-level-2);}
.session-node:hover{background:var(--ds-quiet);}
.session-node.selected{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis);}
.session-node-head{gap:var(--ds-spacing-level-4);}
.session-state{font:var(--ds-type-caption);gap:var(--ds-spacing-level-2);}
.session-state:before{border-radius:var(--ds-round);background:currentColor;}
.session-agent-name{font-size:var(--ds-font-size-level-1);}
.session-identity,.session-node small{font:var(--ds-type-caption);color:var(--ds-muted);}
.session-excerpt{font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-3);}
.agent-profile{border:0;border-radius:0;background:transparent;}
.session-inspector h3{font-size:var(--ds-font-size-level-3);}
.session-detail-links{gap:var(--ds-spacing-level-3);}
.session-detail-links :is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){font-size:var(--ds-font-size-level-0);padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);}
.session-support{gap:var(--ds-spacing-level-5);border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);padding-top:var(--ds-spacing-level-5);}
.support-call,.support-step{padding:var(--ds-spacing-level-5);border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);border-radius:var(--ds-radius-level-2);gap:var(--ds-spacing-level-4);}
.support-call h4{font-size:var(--ds-font-size-level-1);}
.support-call p,.support-step p{font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-3);}
.support-stages{padding:0 0 0 var(--ds-spacing-level-4);border-left:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);}
.support-stages li{gap:var(--ds-spacing-level-3);padding-block:var(--ds-spacing-level-3);padding-inline:0;font-size:var(--ds-font-size-level-1);}
.session-inspector .studio-json{font-size:var(--ds-font-size-level-0);}
@media(max-width:600px){
.session-node-map{gap:var(--ds-spacing-level-5);}
.session-node{padding:var(--ds-spacing-level-4);}
.session-inspector{padding:var(--ds-spacing-level-5);}
}
.agent-profile-layout{gap:var(--ds-spacing-level-4);}
.agent-profile-preview,.agent-card-avatar{border:0;border-radius:0;background:transparent;}
.agent-profile-customization{gap:var(--ds-spacing-level-3);}
.agent-cards .studio-section{padding-left:calc(var(--ds-spacing-level-6) * 4 + var(--ds-spacing-level-5));}
@media(max-width:600px){
.agent-cards .studio-section{padding:calc(var(--ds-spacing-level-6) * 4 + var(--ds-spacing-level-3)) var(--ds-spacing-level-5) var(--ds-spacing-level-5);}
}
.agent-workspace-content .agent-editor{gap:var(--ds-spacing-level-4);}
.agent-builder-form .skill-workflow-heading h1{font:var(--ds-type-title);}
.agent-builder-form .agent-profile-heading{gap:var(--ds-spacing-level-4);}
.agent-builder-form .skill-workflow-heading h1{gap:var(--ds-spacing-level-3);}
.session-node.needs-review,.session-node.needs-review:hover{background:var(--ds-ink);color:var(--ds-white);border-color:var(--ds-ink);}
.session-node.needs-review .session-identity,.session-node.needs-review small,.session-node.needs-review .muted{color:var(--ds-white);}
.agent-cards .studio-section{gap:var(--ds-spacing-level-5);}
.agent-card-description{line-height:var(--ds-line-height-level-3);}
.skill-badges{gap:var(--ds-spacing-level-3);}
.skill-badge{border-radius:var(--ds-radius-level-1);padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3);color:var(--ds-white);font-size:var(--ds-font-size-level-0);font-weight:var(--ds-font-weight-level-2);line-height:var(--ds-line-height-level-2);}
.agent-card-actions{gap:var(--ds-spacing-level-3);}
.conversation-bubbles{gap:var(--ds-spacing-level-4);}
.playback-panel{gap:var(--ds-spacing-level-5);padding:var(--ds-spacing-level-5);}
.playback-controls{gap:var(--ds-spacing-level-3);}
.playback-nodes{gap:var(--ds-spacing-level-3);padding:var(--ds-spacing-level-4);border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);}
.playback-node{opacity:var(--ds-opacity-level-3);}
.playback-node.active{opacity:var(--ds-opacity-level-4);border:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);font-weight:var(--ds-font-weight-level-2);}
.skill-list-title{gap:var(--ds-spacing-level-3);}
.skill-swatch{border-radius:var(--ds-radius-level-1);}
.agent-list-item.is-off>.skill-list-button,.agent-list-item.is-off>.skill-list-button:hover{background:var(--ds-quiet);color:var(--ds-ink);}
.agent-list-item.is-off .skill-list-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)){color:var(--ds-muted);}
.agent-list-item.is-off .skill-list-id-copy:is(.ds-action,.ui-type-action,.ui-type-link:where([class*="ui-variant-"]),.ui-type-selection-option:where(button),.ui-type-tab,.ui-type-disclosure-trigger:where(.ui-size-inline-icon)):hover:not(:disabled){color:var(--ds-ink);}
.agent-settings-page .agent-settings-settings-nav{gap:var(--ds-spacing-level-4,var(--ds-spacing-level-3));}
.agent-settings-page .agent-settings-skill-toolbar{gap:var(--ds-spacing-level-6,var(--ds-spacing-level-4));}
.agent-settings-page .resource-editor>summary{gap:var(--ds-spacing-level-4,var(--ds-spacing-level-3));}
.agent-skills-search-box>:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){padding-right:calc(var(--ds-spacing-level-6) * 2);}
.agent-skills-columns{gap:var(--ds-spacing-level-4);}
.agent-skills-unused,.agent-skills-used{border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-4);}
.agent-skills-unused h3,.agent-skills-used h3{font:var(--ds-type-body-strong);}
.agent-skills-transfer{gap:var(--ds-spacing-level-3);}
.agent-skills-list{padding:0;gap:var(--ds-spacing-level-3);}
.agent-skill-row{gap:var(--ds-spacing-level-3);}
.agent-skills-permissions{gap:var(--ds-spacing-level-4);}
.agent-skills-permission-body{gap:var(--ds-spacing-level-6,var(--ds-spacing-level-4));}
.agent-skills-permission-grid{gap:var(--ds-spacing-level-3) var(--ds-spacing-level-5);}
@media(max-width:700px){
.agent-skills-transfer{padding-top:0;}
}
@container(min-width:720px){
.agent-settings-page .agent-settings-settings-panel:first-child{gap:var(--ds-spacing-level-6,var(--ds-spacing-level-4));}
}
.session-board-bar .session-identity-trigger{gap:var(--ds-spacing-level-4);}
.session-filter-marks{gap:var(--ds-spacing-level-2);}
.session-filter-overflow{font:var(--ds-type-body-strong);color:var(--ds-muted);}
@media(max-width:600px){
.session-filter-marks{gap:var(--ds-spacing-level-2);}
}
.session-filter-trigger .session-filter-marks{font:var(--ds-type-body);}

/* ops components */
.ops-page .ds-studio-main{padding:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-2)) var(--ds-spacing-level-6) calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-5));}
.ops-dashboard{font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-3);}
.ops-heading{gap:var(--ds-spacing-level-5);}
.ops-heading h1{font-size:var(--ds-font-size-level-5);letter-spacing:var(--ds-letter-spacing-px-level-0);}
.ops-heading p{color:var(--ds-muted);}
.ops-heading-actions{gap:var(--ds-spacing-level-3);}
.ops-live{color:var(--ds-muted);font-size:var(--ds-font-size-level-0);}
.ops-button{border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);border-radius:var(--ds-radius-level-2);padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-2);background:var(--ds-white);}
.ops-button:hover{background:var(--ds-soft);}
.ops-button.primary{background:var(--ds-ink);border-color:var(--ds-ink);color:var(--ds-white);}
.ops-button:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-muted);outline-offset:var(--ds-border-width-emphasis);}
.ops-metrics{border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);border-radius:var(--ds-radius-level-2);background:var(--ds-white);}
.ops-metric{padding-block:var(--ds-spacing-level-4);padding-inline:var(--ds-spacing-level-5);border-right:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);gap:var(--ds-spacing-level-2);}
.ops-metric:last-child{border:0;}
.ops-metric>span{color:var(--ds-muted);font-size:var(--ds-font-size-level-0);}
.ops-metric strong{font-size:var(--ds-font-size-level-4);letter-spacing:var(--ds-letter-spacing-px-level-0);font-weight:var(--ds-font-weight-level-1);}
.ops-metric small{font-size:var(--ds-font-size-level-0);color:var(--ds-muted);}
.ops-toolbar{gap:var(--ds-spacing-level-4);}
.ops-picker{gap:var(--ds-spacing-level-3);color:var(--ds-muted);font-size:var(--ds-font-size-level-0);}
.ops-picker select{border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);background:var(--ds-white);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-3) var(--ds-spacing-level-3);color:var(--ds-ink);}
.ops-search{border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);border-radius:var(--ds-radius-level-2);padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);background:var(--ds-white);}
.ops-workbench{border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet);}
.ops-request-rail{background:var(--ds-quiet);border-right:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);}
.ops-rail-title{z-index:var(--ds-layer-base);background:var(--ds-quiet);padding:var(--ds-spacing-level-5) var(--ds-spacing-level-5);border-bottom:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);}
.ops-rail-title h2{font-size:var(--ds-font-size-level-1);}
.ops-rail-title>span{font-size:var(--ds-font-size-level-0);color:var(--ds-muted);}
.ops-session-group{padding:var(--ds-spacing-level-3);border-bottom:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);}
.ops-session-head{padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3);color:var(--ds-muted);font-size:var(--ds-font-size-level-0);}
.ops-session-head strong{font-weight:var(--ds-font-weight-level-0);}
.ops-request-item{border:var(--ds-border-width-thin) var(--ds-border-solid) transparent;background:none;gap:var(--ds-spacing-level-3);padding:var(--ds-spacing-level-4) var(--ds-spacing-level-4);}
.ops-request-item.selected{border-color:var(--ds-gray-level-2);background:var(--ds-white);}
.ops-request-message{font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-3);color:var(--ds-ink);}
.ops-request-item.selected .ops-request-message{color:var(--ds-ink);font-weight:var(--ds-font-weight-level-1);}
.ops-request-item small{color:var(--ds-muted);font-size:var(--ds-font-size-level-0);line-height:var(--ds-line-height-level-2);}
.ops-graph-panel{background:var(--ds-white);color:var(--ds-ink);}
.ops-graph-header{padding-block:var(--ds-spacing-level-4);padding-inline:var(--ds-spacing-level-5);border-bottom:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);gap:var(--ds-spacing-level-4);background:var(--ds-white);}
.ops-graph-header>div{gap:var(--ds-spacing-level-2);}
.ops-graph-header strong{font:var(--ds-type-body-strong);}
.ops-graph-header small,.ops-state{font:var(--ds-type-caption);color:var(--ds-muted);}
.ops-canvas{background:var(--ds-quiet);}
.ops-canvas:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-outline-offset-inset);}
.ops-node{background:var(--ds-white);color:var(--ds-ink);border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-4) var(--ds-spacing-level-4);gap:var(--ds-spacing-level-3);font-family:var(--ds-font-sans);}
.ops-node[data-status=completed]{border-color:var(--ds-ink);}
.ops-node[data-status=running]{border:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);background:var(--ds-soft);}
.ops-node[data-status=failed],.ops-node[data-status=interrupted]{border-style:var(--ds-border-dashed);border-color:var(--ds-ink);}
.ops-node:hover{background:var(--ds-quiet);border-color:var(--ds-ink);}
.ops-node[aria-pressed=true]{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-border-width-emphasis);background:var(--ds-soft);}
.ops-node:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:var(--ds-spacing-level-2);}
.ops-node-top{color:var(--ds-muted);line-height:var(--ds-line-height-level-1);}
.ops-node-top small{font:var(--ds-type-caption);}
.ops-node-icon{color:var(--ds-ink);}
.ops-node-status,.ops-live{gap:var(--ds-spacing-level-2);}
.ops-node>strong{font:var(--ds-type-body-strong);}
.ops-node-caption{font:var(--ds-type-caption);color:var(--ds-muted);}
.ops-node-bottom{border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);padding-top:var(--ds-spacing-level-3);color:var(--ds-muted);font:var(--ds-type-caption);}
.ops-graph-footer{padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-5);border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);gap:var(--ds-spacing-level-4);background:var(--ds-white);color:var(--ds-muted);font:var(--ds-type-caption);}
.ops-zoom{gap:var(--ds-spacing-level-3);}
.ops-zoom .ops-button{background:var(--ds-white);border:var(--ds-line);border-radius:var(--ds-pill);color:var(--ds-ink);padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-4);font:var(--ds-type-caption);}
.ops-zoom .ops-button:hover{background:var(--ds-soft);}
.ops-inspector{background:var(--ds-white);border-left:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);padding:var(--ds-spacing-level-5);font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-3);}
.ops-inspector-title{gap:var(--ds-spacing-level-4);}
.ops-inspector h2{font-size:var(--ds-font-size-level-3);}
.ops-inspector h3{font-size:var(--ds-font-size-level-0);color:var(--ds-muted);font-weight:var(--ds-font-weight-level-0);}
.ops-inspector .ops-button{font-size:var(--ds-font-size-level-0);padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3);}
.ops-facts{gap:var(--ds-spacing-level-3);font-size:var(--ds-font-size-level-0);}
.ops-facts dt{color:var(--ds-muted);}
.ops-span{border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);padding-top:var(--ds-spacing-level-4);gap:var(--ds-spacing-level-3);}
.ops-span>small{color:var(--ds-muted);}
.ops-span pre{font-size:var(--ds-font-size-level-0);background:var(--ds-quiet);padding:var(--ds-spacing-level-4);border-radius:var(--ds-radius-level-1);}
.ops-id{font-family:inherit;font-size:var(--ds-font-size-level-0);color:var(--ds-muted);}
.ops-request-detail{border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);border-radius:var(--ds-radius-level-2);padding-block:var(--ds-spacing-level-5);padding-inline:var(--ds-spacing-level-6);background:var(--ds-white);}
.ops-detail-header h2{font-size:var(--ds-font-size-level-3);}
.ops-detail-message{font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-3);}
.ops-detail-grid{gap:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3));padding-block:var(--ds-spacing-level-5);padding-inline:0;border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);}
.ops-detail-grid p{font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-3);}
.ops-detail-grid small{font-size:var(--ds-font-size-level-0);color:var(--ds-muted);}
.ops-total-cost{font-size:var(--ds-font-size-level-3);font-weight:var(--ds-font-weight-level-1);}
.ops-muted,.ops-note{color:var(--ds-muted);font-size:var(--ds-font-size-level-0);line-height:var(--ds-line-height-level-3);}
.ops-phase-cost{color:var(--ds-muted);}
.ops-empty{padding:var(--ds-spacing-level-5);color:var(--ds-muted);font-size:var(--ds-font-size-level-1);line-height:var(--ds-line-height-level-3);}
@media(max-width:1100px){
.ops-page .ds-studio-main{padding-block:var(--ds-spacing-level-5);padding-inline:var(--ds-spacing-level-5);}
.ops-inspector{border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);border-left:0;}
.ops-metric strong{font-size:var(--ds-font-size-level-3);}
}
@media(max-width:700px){
.ops-page .ds-studio-main{padding-block:var(--ds-spacing-level-5);padding-inline:var(--ds-spacing-level-4);}
.ops-heading h1{font-size:var(--ds-font-size-level-4);}
.ops-metric{border-bottom:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);padding:var(--ds-spacing-level-4) var(--ds-spacing-level-4);}
.ops-metric:last-child{border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);}
.ops-metric small{font-size:var(--ds-font-size-level-0);}
.ops-toolbar{gap:var(--ds-spacing-level-3);}
.ops-picker>span{font-size:var(--ds-font-size-level-0);}
.ops-picker select{font-size:var(--ds-font-size-level-0);}
.ops-request-rail{border-right:0;border-bottom:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);}
.ops-session-group{padding:var(--ds-spacing-level-2);}
.ops-request-item{padding:var(--ds-spacing-level-3);}
.ops-graph-header{padding:var(--ds-spacing-level-4);}
.ops-graph-footer{padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);}
.ops-detail-grid{gap:var(--ds-spacing-level-5);}
.ops-request-detail{padding:var(--ds-spacing-level-5);}
.ops-detail-header .ops-button{font-size:var(--ds-font-size-level-0);}
.ops-inspector h2{font-size:var(--ds-font-size-level-3);}
}

/* agent-test components */
.agent-test-page .agent-test-settings-nav{gap:var(--ds-spacing-level-4,var(--ds-spacing-level-3));}
.agent-test-page .agent-test-skill-toolbar{gap:var(--ds-spacing-level-6,var(--ds-spacing-level-4));}
.agent-test-page .resource-editor>summary{gap:var(--ds-spacing-level-4,var(--ds-spacing-level-3));}
.agent-test-page .agent-skills-search-box>:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){padding-right:calc(var(--ds-spacing-level-6) * 2);}
.agent-test-page .agent-skills-columns{gap:var(--ds-spacing-level-4);}
.agent-test-page .agent-skills-unused,.agent-test-page .agent-skills-used{border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-4);}
.agent-test-page .agent-skills-unused h3,.agent-test-page .agent-skills-used h3{font:var(--ds-type-body-strong);}
.agent-test-page .agent-skills-transfer{gap:var(--ds-spacing-level-3);}
.agent-test-page .agent-skills-list{padding:0;gap:var(--ds-spacing-level-3);}
.agent-test-page .agent-skill-row{gap:var(--ds-spacing-level-3);}
.agent-test-page .agent-skills-permissions{gap:var(--ds-spacing-level-4);}
.agent-test-page .agent-skills-permission-body{gap:var(--ds-spacing-level-6,var(--ds-spacing-level-4));}
.agent-test-page .agent-skills-permission-grid{gap:var(--ds-spacing-level-3) var(--ds-spacing-level-5);}
@media(max-width:700px){
.agent-test-page .agent-skills-transfer{padding-top:0;}
}
@container(min-width:720px){
.agent-test-page .agent-test-settings-panel:first-child{gap:var(--ds-spacing-level-6,var(--ds-spacing-level-4));}
}
.agent-test-page .agent-builder-form .skill-workflow-heading h1{font:var(--ds-type-title);}

/* skill-live-frame components */
#frontcall-selection-outline{z-index:var(--ds-layer-frame-outline)!important;border:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink)!important;outline:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-white)!important;background:color-mix(in srgb,var(--ds-ink) 8%,transparent)!important;}
#frontcall-selection-label{z-index:var(--ds-layer-frame-label)!important;padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4)!important;background:var(--ds-ink)!important;color:var(--ds-white)!important;font:var(--ds-font-weight-level-1) var(--ds-font-size-level-1)/var(--ds-line-height-level-2) var(--ds-font-sans)!important;border-radius:var(--ds-radius-level-2)!important;}
.frontcall-empty{font:var(--ds-font-size-level-3)/var(--ds-line-height-level-3) var(--ds-font-sans);padding:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3));color:var(--ds-muted);}

/* clinic components */
body[data-page="clinic"]{font:var(--ds-type-body);background:var(--ds-quiet);color:var(--ds-ink);}
[data-page="clinic"] header{padding-block:var(--ds-spacing-level-6);padding-inline:calc(var(--ds-spacing-level-6) * 1 + var(--ds-spacing-level-3));background:var(--ds-ink);color:var(--ds-white);}
[data-page="clinic"] main{padding-block:0;padding-inline:var(--ds-spacing-level-6);}
[data-page="clinic"] h1{font-size:var(--ds-font-size-level-5);}
[data-page="clinic"] h2{font:var(--ds-type-section-heading);}
[data-page="clinic"] small{color:var(--ds-soft);}
[data-page="clinic"] section{background:var(--ds-white);border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-6);}
[data-page="clinic"] form{gap:var(--ds-spacing-level-5);}
[data-page="clinic"] label{gap:var(--ds-spacing-level-3);font:var(--ds-type-body);}
[data-page="clinic"] input,[data-page="clinic"] select,[data-page="clinic"] button{font:inherit;padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4);border:var(--ds-line);border-radius:var(--ds-radius-level-2);}
[data-page="clinic"] button{background:var(--ds-ink);color:var(--ds-white);}
[data-page="clinic"] th,[data-page="clinic"] td{padding-block:var(--ds-spacing-level-5);padding-inline:var(--ds-spacing-level-3);border-bottom:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-gray-level-2);}
[data-page="clinic"] #notice{color:var(--ds-ink);font-weight:var(--ds-font-weight-level-1);}
[data-page="clinic"] .cancel{background:var(--ds-white);color:var(--ds-ink);}

/* Component visual recipes: source of truth for every product page.
   Feature stylesheets contain placement and behavior only. */

/* studio components */
.agent-skill-move.active .skill-identity-mark svg{stroke:var(--ds-white);stroke-width:var(--ds-stroke-width-thin);}
.session-status-icon svg{fill:none;}

/* ops components */
.ops-edge{fill:none;stroke:var(--ds-gray-level-2);stroke-width:var(--ds-stroke-width-thin);}
.ops-edge.traversed{stroke:var(--ds-ink);stroke-width:var(--ds-stroke-width-strong);}

/* agent-test components */
.agent-test-page .agent-skill-move.active .skill-identity-mark svg{stroke:var(--ds-white);stroke-width:var(--ds-stroke-width-thin);}

/* skill-live-frame components */


/* clinic components */


.ops-canvas{scrollbar-color:var(--ds-gray-level-2) var(--ds-quiet)}
.session-node-map{background-image:var(--ds-map-grid);background-size:var(--ds-map-grid-size)}

/* Explicit declarations override component defaults; size supplies defaults,
   independent font/padding choices take precedence inside this shared layer. */
@layer ds-declarations {
.ui-size-compact,.ui-size-compact{min-height:var(--ds-control-height-compact)!important;padding-block:var(--ds-spacing-level-2);padding-inline:var(--ds-spacing-level-3)!important;font:var(--ds-type-caption)!important}
.ui-size-regular{min-height:var(--ds-control-height)!important;padding-block:var(--ds-spacing-level-3);padding-inline:var(--ds-spacing-level-4)!important;font:var(--ds-type-body)!important}
/* HTML declarations are the public composition API; feature selectors do not
   own these choices. These rules intentionally follow component defaults. */
.ui-radius-none{border-radius:var(--ds-radius-level-0)!important}
.ui-radius-xs{border-radius:var(--ds-radius-level-1)!important}
.ui-radius-sm{border-radius:var(--ds-radius-level-2)!important}
.ui-radius-lg{border-radius:var(--ds-radius-level-3)!important}
.ui-radius-pill{border-radius:var(--ds-pill)!important}
.ui-bg-none{background:transparent!important}
.ui-bg-canvas{background:var(--ds-white)!important;color:var(--ds-ink)!important}
.ui-bg-quiet{background:var(--ds-quiet)!important;color:var(--ds-ink)!important}
.ui-bg-inverse{background:var(--ds-ink)!important;color:var(--ds-white)!important}
.ui-line-none{border:0!important}
.ui-line-default{border:var(--ds-line)!important}
.ui-line-subtle{border:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft)!important}
.ui-line-strong{border:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink)!important}
.ui-line-dashed{border:var(--ds-border-width-thin) var(--ds-border-dashed) var(--ds-ink)!important}
.ui-font-caption{font:var(--ds-type-caption)!important}
.ui-font-body{font:var(--ds-type-body)!important}
.ui-font-body-strong{font:var(--ds-type-body-strong)!important}
.ui-font-section{font:var(--ds-type-section-heading)!important}
.ui-font-title{font:var(--ds-type-title)!important}
.ui-font-code{font:var(--ds-type-caption-mono)!important}
/* Independent line dimensions override a line preset. */
.ui-border-width-none{border-width:var(--ds-border-width-none)!important}
.ui-border-width-thin{border-width:var(--ds-border-width-thin)!important}
.ui-border-width-regular{border-width:var(--ds-border-width-thin)!important}
.ui-border-width-strong{border-width:var(--ds-border-width-strong)!important}
.ui-border-style-none{border-style:none!important}
.ui-border-style-solid{border-style:var(--ds-border-solid)!important}
.ui-border-style-dashed{border-style:var(--ds-border-dashed)!important}
.ui-border-style-dotted{border-style:var(--ds-border-dotted)!important}
/* One spacing scale; direction and breakpoint are application axes. */
[class*="ui-padding-"]{--ds-padding-block:var(--ds-spacing-level-0);--ds-padding-inline:var(--ds-spacing-level-0);padding-block:var(--ds-padding-block)!important;padding-inline:var(--ds-padding-inline)!important}
[class*="ui-padding-"].ui-padding-0{--ds-padding-block:var(--ds-spacing-level-0);--ds-padding-inline:var(--ds-spacing-level-0)}
[class*="ui-padding-"].ui-padding-1{--ds-padding-block:var(--ds-spacing-level-1);--ds-padding-inline:var(--ds-spacing-level-1)}
[class*="ui-padding-"].ui-padding-2{--ds-padding-block:var(--ds-spacing-level-2);--ds-padding-inline:var(--ds-spacing-level-2)}
[class*="ui-padding-"].ui-padding-3{--ds-padding-block:var(--ds-spacing-level-3);--ds-padding-inline:var(--ds-spacing-level-3)}
[class*="ui-padding-"].ui-padding-4{--ds-padding-block:var(--ds-spacing-level-4);--ds-padding-inline:var(--ds-spacing-level-4)}
[class*="ui-padding-"].ui-padding-5{--ds-padding-block:var(--ds-spacing-level-5);--ds-padding-inline:var(--ds-spacing-level-5)}
[class*="ui-padding-"].ui-padding-6{--ds-padding-block:var(--ds-spacing-level-6);--ds-padding-inline:var(--ds-spacing-level-6)}
[class*="ui-padding-"].ui-padding-block-0{--ds-padding-block:var(--ds-spacing-level-0)}
[class*="ui-padding-"].ui-padding-block-1{--ds-padding-block:var(--ds-spacing-level-1)}
[class*="ui-padding-"].ui-padding-block-2{--ds-padding-block:var(--ds-spacing-level-2)}
[class*="ui-padding-"].ui-padding-block-3{--ds-padding-block:var(--ds-spacing-level-3)}
[class*="ui-padding-"].ui-padding-block-4{--ds-padding-block:var(--ds-spacing-level-4)}
[class*="ui-padding-"].ui-padding-block-5{--ds-padding-block:var(--ds-spacing-level-5)}
[class*="ui-padding-"].ui-padding-block-6{--ds-padding-block:var(--ds-spacing-level-6)}
[class*="ui-padding-"].ui-padding-inline-0{--ds-padding-inline:var(--ds-spacing-level-0)}
[class*="ui-padding-"].ui-padding-inline-1{--ds-padding-inline:var(--ds-spacing-level-1)}
[class*="ui-padding-"].ui-padding-inline-2{--ds-padding-inline:var(--ds-spacing-level-2)}
[class*="ui-padding-"].ui-padding-inline-3{--ds-padding-inline:var(--ds-spacing-level-3)}
[class*="ui-padding-"].ui-padding-inline-4{--ds-padding-inline:var(--ds-spacing-level-4)}
[class*="ui-padding-"].ui-padding-inline-5{--ds-padding-inline:var(--ds-spacing-level-5)}
[class*="ui-padding-"].ui-padding-inline-6{--ds-padding-inline:var(--ds-spacing-level-6)}
@media(max-width:600px){
.ui-padding-compact-0{--ds-padding-block:var(--ds-spacing-level-0);--ds-padding-inline:var(--ds-spacing-level-0)}
.ui-padding-compact-1{--ds-padding-block:var(--ds-spacing-level-1);--ds-padding-inline:var(--ds-spacing-level-1)}
.ui-padding-compact-2{--ds-padding-block:var(--ds-spacing-level-2);--ds-padding-inline:var(--ds-spacing-level-2)}
.ui-padding-compact-3{--ds-padding-block:var(--ds-spacing-level-3);--ds-padding-inline:var(--ds-spacing-level-3)}
.ui-padding-compact-4{--ds-padding-block:var(--ds-spacing-level-4);--ds-padding-inline:var(--ds-spacing-level-4)}
.ui-padding-compact-5{--ds-padding-block:var(--ds-spacing-level-5);--ds-padding-inline:var(--ds-spacing-level-5)}
.ui-padding-compact-6{--ds-padding-block:var(--ds-spacing-level-6);--ds-padding-inline:var(--ds-spacing-level-6)}
}
}

/* Editable labels use the same mark-above-label identity grid. */
.ds-identity-label-tile{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-level-2);min-width:0;width:100%;padding:var(--ds-spacing-level-2) 0}
.ds-identity-label-tile>.skill-identity-mark{height:32px;flex:none}
.ds-identity-label-tile>:is(.ds-control,.ui-type-input,.ui-type-textarea,.ui-type-select-trigger:where(.ui-trigger-field)){min-width:0;width:100%;text-align:center;font:var(--ds-type-caption);padding:var(--ds-spacing-level-2)}

/* Select behavior is shared; chrome and indicator are explicit registered recipes. */
.ui-type-select-trigger.ui-trigger-mark{display:block;width:var(--ds-control-height);height:var(--ds-control-height);min-height:0;padding:var(--ds-spacing-level-0);border:var(--ds-border-width-none);background:transparent}
.ui-type-select-trigger.ui-trigger-mark>:first-child{width:100%;height:100%}

.ui-type-select-trigger.ui-trigger-icon{justify-content:center;align-items:center;gap:var(--ds-spacing-level-0)}
.ui-type-select-trigger.ui-trigger-icon>svg{display:block;flex:none;margin:var(--ds-spacing-level-0)}

@media(max-width:600px){.skills-layout>.skill-list{position:static;max-height:none;overflow:visible}.skills-layout .skill-list-scroll,.ds-catalog-layout .skill-list-scroll{overflow:visible}}

/* Registered design-reference component. Existing service recipes are unchanged. */
.ds-token-preview{display:grid;align-content:center;gap:var(--ds-spacing-level-3);min-height:var(--ds-control-height);min-width:0;max-width:100%;overflow:hidden;border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-5);font:var(--ds-type-body);color:var(--ds-ink);background:var(--ds-white);}
.ds-token-preview-measure{min-height:var(--ds-border-width-strong);padding:0;border:0;border-radius:0;background:var(--ds-ink);}

/* Shared foundation comparison recipes: source classes own the shown values. */
.ds-foundation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--ds-control-height) * 9)),1fr));gap:var(--ds-spacing-level-5);min-width:0;}
.ds-foundation-card{display:flex;flex-direction:column;gap:var(--ds-spacing-level-3);padding:var(--ds-spacing-level-5);min-width:0;overflow-wrap:anywhere;}
.ds-foundation-card>.ds-action{justify-content:flex-start;text-align:left;overflow-wrap:anywhere;white-space:normal;}
.ds-foundation-card>code{font:var(--ds-type-caption-mono);white-space:normal;overflow-wrap:anywhere;}
.ds-foundation-card>p{font:var(--ds-type-caption);margin:0;}
.ds-foundation-stage{min-height:calc(var(--ds-spacing-level-6) * 3 + var(--ds-spacing-level-4));display:flex;align-items:center;min-width:0;}
.ds-foundation-stage>section{width:100%;}
.ds-foundation-shape{width:100%;min-height:calc(var(--ds-spacing-level-6) * 3 + var(--ds-spacing-level-4));background:var(--ds-quiet);}
.ds-foundation-swatch{width:100%;min-height:calc(var(--ds-spacing-level-6) * 2);padding:var(--ds-spacing-level-0);}
.ds-foundation-spacing{display:flex;align-items:stretch;background:var(--ds-quiet);min-height:0;width:max-content;max-width:100%;padding:var(--ds-spacing-level-0);}
.ds-foundation-content{background:var(--ds-ink);color:var(--ds-white);font:var(--ds-type-caption);padding:var(--ds-spacing-level-3);min-width:0;overflow-wrap:anywhere;}
.ds-foundation-type{white-space:pre-line;overflow-wrap:anywhere;overflow:visible;}
.ds-foundation-dimension{min-width:0;min-height:var(--ds-spacing-level-4);padding:var(--ds-spacing-level-0);border:var(--ds-border-width-none);border-radius:var(--ds-radius-level-0);background:var(--ds-ink);}

/* Registered reference slots avoid inline shorthand expansion and remain CSS recipes. */
.ds-token-preview.ds-token-preview-background{background-color:var(--ds-preview-background);}
.ds-token-preview.ds-token-preview-border-color{border-color:var(--ds-preview-border-color);}
.ds-token-preview.ds-token-preview-border{border:var(--ds-preview-border);}
.ds-token-preview.ds-token-preview-radius{border-radius:var(--ds-preview-radius);}
.ds-token-preview.ds-token-preview-shadow{box-shadow:var(--ds-preview-shadow);}
.ds-token-preview.ds-token-preview-font{font:var(--ds-preview-font);}
.ds-token-preview.ds-token-preview-font-family{font-family:var(--ds-preview-font-family);}
.ds-token-preview.ds-token-preview-font-size{font-size:var(--ds-preview-font-size);}
.ds-token-preview.ds-token-preview-font-weight{font-weight:var(--ds-preview-font-weight);}
.ds-token-preview.ds-token-preview-line-height{line-height:var(--ds-preview-line-height);}
.ds-token-preview.ds-token-preview-letter-spacing{letter-spacing:var(--ds-preview-letter-spacing);}
.ds-token-preview.ds-token-preview-opacity{opacity:var(--ds-preview-opacity);}
.ds-token-preview.ds-token-preview-transition{transition:var(--ds-preview-transition);}
.ds-token-preview.ds-token-preview-width{width:var(--ds-preview-width);}
.ds-token-preview.ds-token-preview-height{height:var(--ds-preview-height);}
.ds-token-preview.ds-token-preview-padding{padding:var(--ds-preview-padding);}
.ds-token-preview.ds-token-preview-gap{gap:var(--ds-preview-gap);}
.ds-token-preview.ds-token-preview-duration{transition-duration:var(--ds-preview-duration);}
.ds-token-preview.ds-token-preview-border-width{border-width:var(--ds-preview-border-width);}
.ds-token-preview.ds-token-preview-border-style{border-style:var(--ds-preview-border-style);}

/* Preview slot scope: never inherit another specimen's bound value. */
.ds-token-preview{--ds-preview-background:initial;--ds-preview-border-color:initial;--ds-preview-border:initial;--ds-preview-radius:initial;--ds-preview-shadow:initial;--ds-preview-font:initial;--ds-preview-font-family:initial;--ds-preview-font-size:initial;--ds-preview-font-weight:initial;--ds-preview-line-height:initial;--ds-preview-letter-spacing:initial;--ds-preview-opacity:initial;--ds-preview-transition:initial;--ds-preview-width:initial;--ds-preview-height:initial;--ds-preview-padding:initial;--ds-preview-gap:initial;--ds-preview-duration:initial;--ds-preview-border-width:initial;--ds-preview-border-style:initial;}

.ds-catalog-layout .skill-list-select:is(.ds-action,.ui-type-action){inset:0}
:root{--ds-smooth-scroll-opaque-stop:calc(var(--ds-smooth-scroll-opaque-stop-factor) * 100%);}
.smooth-scroll{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;}
.smooth-scroll-area{position:relative;flex:1;min-width:0;min-height:0;overflow:auto;scrollbar-width:none;scroll-behavior:auto;border-radius:inherit;}
.smooth-scroll-area::-webkit-scrollbar{display:none;}
.smooth-scroll-area:focus-visible{outline:var(--ds-border-width-strong) var(--ds-border-solid) var(--ds-ink);outline-offset:calc(var(--ds-border-width-emphasis) * -1);}
.smooth-scroll-layer{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:var(--ds-layer-control);pointer-events:none;}
.smooth-scroll-fade,.smooth-scroll-arrow{position:absolute;opacity:0;transition:none;pointer-events:none;}
.smooth-scroll-fade-top,.smooth-scroll-fade-bottom{left:0;right:0;height:var(--ds-control-height);}
.smooth-scroll-fade-left,.smooth-scroll-fade-right{top:0;bottom:0;width:var(--ds-control-height);}
.smooth-scroll-fade-top{top:0;background:linear-gradient(to bottom,var(--ds-smooth-scroll-color) 0%,var(--ds-smooth-scroll-color) var(--ds-smooth-scroll-opaque-stop),transparent 100%);}
.smooth-scroll-fade-bottom{bottom:0;background:linear-gradient(to top,var(--ds-smooth-scroll-color) 0%,var(--ds-smooth-scroll-color) var(--ds-smooth-scroll-opaque-stop),transparent 100%);}
.smooth-scroll-fade-left{left:0;background:linear-gradient(to right,var(--ds-smooth-scroll-color) 0%,var(--ds-smooth-scroll-color) var(--ds-smooth-scroll-opaque-stop),transparent 100%);}
.smooth-scroll-fade-right{right:0;background:linear-gradient(to left,var(--ds-smooth-scroll-color) 0%,var(--ds-smooth-scroll-color) var(--ds-smooth-scroll-opaque-stop),transparent 100%);}
.smooth-scroll-arrow{display:grid;place-items:center;width:var(--ds-control-height-compact);height:var(--ds-control-height-compact);color:var(--ds-smooth-scroll-arrow-color);}
.smooth-scroll-arrow-top{top:0;left:50%;transform:translateX(-50%) rotate(180deg);}
.smooth-scroll-arrow-bottom{bottom:0;left:50%;transform:translateX(-50%);}
.smooth-scroll-arrow-left{left:0;top:50%;transform:translateY(-50%) rotate(90deg);}
.smooth-scroll-arrow-right{right:0;top:50%;transform:translateY(-50%) rotate(-90deg);}
.smooth-scroll-top :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top),.smooth-scroll-bottom :is(.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom),.smooth-scroll-left :is(.smooth-scroll-fade-left,.smooth-scroll-arrow-left),.smooth-scroll-right :is(.smooth-scroll-fade-right,.smooth-scroll-arrow-right){opacity:var(--ds-opacity-level-4);}
.smooth-scroll-demo{height:calc(var(--ds-control-height) * 5);border:var(--ds-line);border-radius:var(--ds-radius-level-2);}
.smooth-scroll-demo-content{width:calc(var(--ds-control-height) * 16);padding:var(--ds-spacing-level-5);}

.smooth-scroll-demo-compact{height:calc(var(--ds-control-height) * 3);}

.ui-type-input.ui-content-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:calc(var(--ds-control-height-compact) / 2);height:calc(var(--ds-control-height-compact) / 2);background:var(--ds-ink);mask:url("data:image/svg+xml,%3C!--%20Lucide%20X%20(ISC%20license)%2C%20from%20installed%20lucide.%20--%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E%0A") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3C!--%20Lucide%20X%20(ISC%20license)%2C%20from%20installed%20lucide.%20--%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E%0A") center / contain no-repeat;cursor:pointer;}

.ds-catalog-preview{height:calc(var(--ds-control-height) * 8);min-height:calc(var(--ds-control-height) * 8);max-height:calc(var(--ds-control-height) * 8);overflow:auto;align-items:flex-start;}
.ds-catalog-preview-content{width:100%;min-width:0;}

.ui-type-checkbox:indeterminate{background:linear-gradient(to bottom,transparent calc(50% - var(--ds-border-width-thin)),var(--ds-ink) calc(50% - var(--ds-border-width-thin)),var(--ds-ink) calc(50% + var(--ds-border-width-thin)),transparent calc(50% + var(--ds-border-width-thin)));}

.smooth-scroll-document{scrollbar-width:none;scroll-behavior:auto;}
.smooth-scroll-document::-webkit-scrollbar{display:none;}
.smooth-scroll-document-layer{position:fixed;z-index:calc(var(--ds-layer-header) + var(--ds-layer-base));}
.ds-catalog-layout>.skill-list>.ds-catalog-navigation-frame{flex:1 1 auto;min-height:0;overflow:hidden;}
@media(max-width:600px){.ds-catalog-layout>.skill-list>.ds-catalog-navigation-frame{overflow:visible;}.ds-catalog-navigation-frame>.smooth-scroll-area{overflow:visible;}}

:root{--ds-smooth-scroll-color:var(--ds-soft);--ds-smooth-scroll-arrow-color:var(--ds-ink);}
.ui-scroll-color-soft{--ds-smooth-scroll-color:var(--ds-soft);--ds-smooth-scroll-arrow-color:var(--ds-ink);}
.ui-scroll-color-white{--ds-smooth-scroll-color:var(--ds-white);--ds-smooth-scroll-arrow-color:var(--ds-ink);}
.ui-scroll-color-ink{--ds-smooth-scroll-color:var(--ds-ink);--ds-smooth-scroll-arrow-color:var(--ds-white);}
.smooth-scroll.ui-scroll-direction-vertical>.smooth-scroll-layer :is(.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-left,.smooth-scroll-arrow-left),.ui-type-page.ui-scroll-direction-vertical>.smooth-scroll-document-layer :is(.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-left,.smooth-scroll-arrow-left){display:none;}
.smooth-scroll.ui-scroll-direction-horizontal>.smooth-scroll-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom),.ui-type-page.ui-scroll-direction-horizontal>.smooth-scroll-document-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom){display:none;}
.smooth-scroll.ui-scroll-direction-none>.smooth-scroll-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom,.smooth-scroll-fade-left,.smooth-scroll-arrow-left),.ui-type-page.ui-scroll-direction-none>.smooth-scroll-document-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom,.smooth-scroll-fade-left,.smooth-scroll-arrow-left){display:none;}
.smooth-scroll.ui-scroll-direction-top>.smooth-scroll-layer :is(.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom,.smooth-scroll-fade-left,.smooth-scroll-arrow-left),.ui-type-page.ui-scroll-direction-top>.smooth-scroll-document-layer :is(.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom,.smooth-scroll-fade-left,.smooth-scroll-arrow-left){display:none;}
.smooth-scroll.ui-scroll-direction-right>.smooth-scroll-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom,.smooth-scroll-fade-left,.smooth-scroll-arrow-left),.ui-type-page.ui-scroll-direction-right>.smooth-scroll-document-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom,.smooth-scroll-fade-left,.smooth-scroll-arrow-left){display:none;}
.smooth-scroll.ui-scroll-direction-bottom>.smooth-scroll-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-left,.smooth-scroll-arrow-left),.ui-type-page.ui-scroll-direction-bottom>.smooth-scroll-document-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-left,.smooth-scroll-arrow-left){display:none;}
.smooth-scroll.ui-scroll-direction-left>.smooth-scroll-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom),.ui-type-page.ui-scroll-direction-left>.smooth-scroll-document-layer :is(.smooth-scroll-fade-top,.smooth-scroll-arrow-top,.smooth-scroll-fade-right,.smooth-scroll-arrow-right,.smooth-scroll-fade-bottom,.smooth-scroll-arrow-bottom){display:none;}

.skills-layout>.skill-list>.skill-list-scroll-frame{flex:1 1 auto;min-height:0;overflow:hidden}
@media(max-width:600px){.skills-layout>.skill-list>.skill-list-scroll-frame{overflow:visible}}

.skills-layout>.skill-list,.ds-catalog-layout>.skill-list{row-gap:var(--ds-spacing-level-3)}
.ds-catalog-layout>.skill-list>.skill-list-button{flex:none}
.ds-catalog-layout>.skill-list>.skill-list-button>h2{margin:0}

.ops-node[data-status=observed]{border-color:var(--ds-ink);background:var(--ds-soft);}

/* Shared result-first disclosure recipe: flat rows, readable label and value. */
.ds-execution-facts{display:flex;flex-direction:column;}
.ds-execution-fact{border-top:var(--ds-border-width-thin) var(--ds-border-solid) var(--ds-soft);background:var(--ds-white);border-radius:var(--ds-spacing-level-0);padding:var(--ds-spacing-level-4);}
.ds-execution-fact summary{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:var(--ds-spacing-level-5);}
.ds-execution-fact summary span{min-width:0;overflow-wrap:anywhere;text-align:right;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ds-execution-fact p{overflow-wrap:anywhere;margin:var(--ds-spacing-level-4) var(--ds-spacing-level-0);}



.ds-execution-fact[open] summary>svg{transform:rotate(180deg);}

/* Library viewport and accessible HTML selection mirror. */
.context-graph-viewport{position:relative;flex:1;min-width:0;width:100%;height:calc(var(--ds-control-height) * 8);touch-action:none;overflow:clip;}
.context-graph-library{position:relative;display:block;width:100%;height:100%;}
.context-graph-accessible{position:absolute;width:var(--ds-border-width-thin);height:var(--ds-border-width-thin);overflow:hidden;clip-path:inset(50%);}
.context-graph-accessible .ds-action{width:var(--skill-graph-column-width);white-space:pre-line;}
/* Registered runtime graph recipe: foundation grid, semantic type accents,
   independent status, and measured library camera. Consumer CSS places it only. */
.ds-runtime-workspace{color:var(--ds-ink);}
.ds-runtime-workspace:active{cursor:grabbing;}
.ds-runtime-workspace[data-pointer-target="node"]{cursor:pointer;}
/* Visible card decoration passes all pointer gestures to the library's geometry.
   These same buttons keep native keyboard activation and semantic identity. */
.ds-runtime-card-layer{z-index:var(--ds-layer-node);position:absolute;inset:0;pointer-events:none;transform-origin:0 0;}
.ds-runtime-node-toggle{position:absolute;pointer-events:auto;z-index:var(--ds-layer-node);}
.ds-runtime-card-head{margin-right:var(--ds-control-height);}
.ds-runtime-card-io{display:flex;flex-direction:column;gap:var(--ds-spacing-level-1);font-size:var(--ds-font-size-level-0);}
.ds-runtime-card-io>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ds-action.ds-runtime-card[data-flow-expanded="true"]{background:transparent;}
.ds-runtime-card[data-flow-expanded="true"] .ds-runtime-card-metrics,.ds-runtime-card[data-flow-expanded="true"] .ds-runtime-card-note{display:none;}
.ds-action.ds-runtime-card{--runtime-accent:var(--ds-state-info);position:absolute;width:calc(var(--ds-control-height) * 5);height:calc(var(--ds-control-height) * 5);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--ds-spacing-level-3);white-space:normal;text-align:left;pointer-events:none;color:var(--ds-ink);background:color-mix(in srgb,var(--runtime-accent) 12%,var(--ds-white));border-color:var(--runtime-accent);box-shadow:none;line-height:var(--ds-line-height-level-3);}
/* The presenter declares responsibility before styling; status never recolors type. */
.ds-runtime-card[data-node-cluster="dialogue"]{--runtime-family:var(--ds-runtime-dialogue);}
.ds-runtime-card[data-node-cluster="failure"]{--runtime-family:var(--ds-state-danger);}
.ds-runtime-card[data-node-cluster="intelligence"]{--runtime-family:var(--ds-runtime-intelligence);}
.ds-runtime-card[data-node-cluster="control"]{--runtime-family:var(--ds-runtime-control);}
.ds-runtime-card[data-node-cluster="external"]{--runtime-family:var(--ds-state-action-info);}
.ds-runtime-card[data-node-cluster="observation"]{--runtime-family:var(--ds-muted);}
.ds-action.ds-runtime-card{--runtime-accent:var(--runtime-family,var(--ds-muted));}
.ds-runtime-card[data-node-color="clarification"],.ds-runtime-card[data-node-color="worker"],.ds-runtime-card[data-node-color="waiting"]{--runtime-accent:color-mix(in srgb,var(--runtime-family) 85%,var(--ds-white));}
.ds-runtime-card[data-node-color="answer"],.ds-runtime-card[data-node-color="skill"],.ds-runtime-card[data-node-color="handoff"],.ds-runtime-card[data-node-color="retrieval"]{--runtime-accent:color-mix(in srgb,var(--runtime-family) 80%,var(--ds-ink));}
.ds-runtime-card[data-node-color="model"],.ds-runtime-card[data-node-color="completion"]{--runtime-accent:color-mix(in srgb,var(--runtime-family) 70%,var(--ds-white));}
.ds-runtime-card[data-node-color="task"]{--runtime-accent:color-mix(in srgb,var(--runtime-family) 90%,var(--ds-ink));}
@layer ds-declarations {
 .ds-action.ds-runtime-card {border-color:transparent!important;}
}
/* Outline and selection decoration compensate the ancestor HTML camera scale.
   Selection adds the shared offset outside the type stroke; it never replaces it. */
.ds-runtime-outline,.ds-runtime-selection-outline{position:absolute;inset:0;pointer-events:none;}
.ds-runtime-outline svg,.ds-runtime-selection-outline svg{display:block;width:100%;height:100%;overflow:visible;}
.ds-runtime-outline rect{fill:none;stroke:var(--runtime-accent);stroke-width:calc(var(--ds-border-width-thin) * 2 * var(--ds-graph-stroke-scale, 1));vector-effect:none;rx:var(--ds-radius-level-2);}
.ds-runtime-selection-outline{display:none;inset:calc((var(--ds-spacing-level-1) + var(--ds-border-width-thin) * 1.5) * -1 * var(--ds-graph-stroke-scale, 1));}
.ds-runtime-selection-outline rect{fill:none;stroke:var(--ds-ink);stroke-width:calc(var(--ds-border-width-thin) * var(--ds-graph-stroke-scale, 1));vector-effect:none;rx:calc(var(--ds-radius-level-2) + (var(--ds-spacing-level-1) + var(--ds-border-width-thin) * 1.5) * var(--ds-graph-stroke-scale, 1));}
.ds-runtime-card[aria-pressed="true"],.ds-runtime-card[data-path-focused="true"],.ds-runtime-card:focus-visible{outline:none;}
.ds-runtime-card[aria-pressed="true"] .ds-runtime-selection-outline,.ds-runtime-card[data-path-focused="true"] .ds-runtime-selection-outline,.ds-runtime-card:focus-visible .ds-runtime-selection-outline{display:block;}

.ds-runtime-card[data-filtered="true"]{opacity:var(--ds-opacity-level-1);}
.ds-runtime-card[data-filtered="true"][aria-pressed="true"]{opacity:var(--ds-opacity-level-4);}
.ds-runtime-card[data-graph-hovered="true"]{background:color-mix(in srgb,var(--runtime-accent) 20%,var(--ds-white));}
.ds-runtime-card-head,.ds-runtime-kind{display:flex;align-items:center;gap:var(--ds-spacing-level-2);min-width:0;}
.ds-runtime-card-head{justify-content:space-between;font-size:var(--ds-font-size-level-1);}
.ds-runtime-kind{color:var(--runtime-accent);}
.ds-runtime-status{display:inline-flex;align-items:center;gap:var(--ds-spacing-level-2);color:var(--ds-muted);white-space:nowrap;}
.ds-runtime-status::before{content:"";width:var(--ds-spacing-level-3);height:var(--ds-spacing-level-3);border-radius:var(--ds-pill);background:currentColor;}
/* Execution state remains visible at graph overview scale. No new data reads. */
.ds-action.ds-runtime-card[data-runtime-status="completed"]{background:color-mix(in srgb,var(--ds-state-success) 20%,var(--ds-white));}
.ds-action.ds-runtime-card[data-runtime-status="running"]{background:color-mix(in srgb,var(--ds-state-info) 24%,var(--ds-white));}
.ds-runtime-card[data-runtime-status="running"] .ds-runtime-outline rect{stroke-width:calc(var(--ds-border-width-thin) * 4 * var(--ds-graph-stroke-scale, 1));stroke-dasharray:8 4;}
.ds-runtime-card[data-runtime-status="completed"] .ds-runtime-outline rect{stroke-width:calc(var(--ds-border-width-thin) * 3 * var(--ds-graph-stroke-scale, 1));}
.ds-runtime-card[data-runtime-status="completed"] .ds-runtime-status{color:var(--ds-state-success);}
.ds-runtime-card[data-runtime-status="error"] .ds-runtime-status{color:var(--ds-state-danger);}
.ds-runtime-card[data-runtime-status="running"] .ds-runtime-status::before{display:none;}
.ds-runtime-card[data-runtime-status="running"] .ds-runtime-status{color:var(--ds-state-info);}
.ds-runtime-card[data-runtime-status="waiting"] .ds-runtime-status,.ds-runtime-card[data-runtime-status="retrying"] .ds-runtime-status{color:var(--ds-state-warning);}
.ds-runtime-card-title{font-size:var(--ds-font-size-level-3);line-height:var(--ds-line-height-level-3);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:calc(var(--ds-font-size-level-1) * 2);}
.ds-runtime-card-detail,.ds-runtime-card-note{font-size:var(--ds-font-size-level-0);color:var(--ds-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ds-runtime-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-spacing-level-3);margin-top:auto;padding-top:var(--ds-spacing-level-3);border-top:var(--ds-border-width-thin) solid var(--ds-soft);}
.ds-runtime-card-metrics>span{display:flex;flex-direction:column;gap:var(--ds-spacing-level-1);}
.ds-runtime-card-metrics small{font-size:var(--ds-font-size-level-0);color:var(--ds-muted);}
.ds-runtime-card-metrics strong{font-size:var(--ds-font-size-level-1);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-runtime-axis-layer{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:var(--ds-layer-tool);}
.ds-runtime-grid-layer{position:absolute;overflow:clip;pointer-events:none;z-index:var(--ds-layer-base);}
.ds-runtime-grid-line{position:absolute;background:var(--ds-soft);pointer-events:none;}
.ds-runtime-grid-line[data-grid-direction="column"]{top:0;bottom:0;width:var(--ds-border-width-thin);}
.ds-runtime-grid-line[data-grid-direction="lane"]{left:0;right:0;height:var(--ds-border-width-thin);}
.ds-runtime-workspace>.context-graph-library{position:absolute;inset:0;z-index:var(--ds-layer-content);}
.ds-runtime-axis{position:absolute;white-space:nowrap;color:var(--ds-muted);font-size:var(--ds-font-size-level-0);background:none;padding:var(--ds-spacing-level-2) var(--ds-spacing-level-3);border-radius:var(--ds-radius-level-1);}
.ds-runtime-lane{font-weight:var(--ds-font-weight-level-1);}
/* Shared floating map surfaces compose existing foundations and action recipes. */
.ds-map-panel{background:var(--ds-white);border:var(--ds-line);border-radius:var(--ds-radius-level-2);padding:var(--ds-spacing-level-4);gap:var(--ds-spacing-level-3);z-index:var(--ds-layer-floating);}
.ds-runtime-summary{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--ds-spacing-level-5);font:var(--ds-type-caption);}
.ds-runtime-summary>div{display:inline-flex;align-items:baseline;min-width:0;gap:var(--ds-spacing-level-2);white-space:nowrap;}
.ds-runtime-summary strong{font-weight:var(--ds-font-weight-level-2);flex:none;}
.ds-runtime-summary span{font-weight:var(--ds-font-weight-level-0);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;}
.ds-runtime-legend{font-size:var(--ds-font-size-level-0);color:var(--ds-muted);}
.ds-replay-controls{font:var(--ds-type-caption);flex-wrap:nowrap;}
.ds-replay-controls>span{flex:none;white-space:nowrap;}
.ds-replay-timeline{position:relative;min-width:0;}
.ds-replay-timeline::before{content:"";position:absolute;inset-inline:calc(var(--ds-spacing-level-5) / 2);top:calc((var(--ds-spacing-level-6) - var(--ds-border-width-thin)) / 2);height:var(--ds-border-width-thin);background:var(--ds-ink);pointer-events:none;}
.ds-replay-timeline input[type="range"]{display:block;margin:0;width:100%;height:var(--ds-spacing-level-6);min-height:0;padding:0;border:0;background:transparent;appearance:none;}
.ds-replay-timeline input[type="range"]::-webkit-slider-runnable-track{height:var(--ds-border-width-thin);background:transparent;}
.ds-replay-timeline input[type="range"]::-webkit-slider-thumb{appearance:none;width:var(--ds-spacing-level-5);height:var(--ds-spacing-level-5);border:var(--ds-line);border-radius:var(--ds-pill);background:var(--ds-white);margin-top:calc((var(--ds-border-width-thin) - var(--ds-spacing-level-5)) / 2);}
.ds-replay-timeline input[type="range"]::-moz-range-track{height:var(--ds-border-width-thin);background:transparent;}
.ds-replay-timeline input[type="range"]::-moz-range-thumb{width:var(--ds-spacing-level-5);height:var(--ds-spacing-level-5);border:var(--ds-line);border-radius:var(--ds-pill);background:var(--ds-white);}
.ds-replay-ticks{display:flex;justify-content:space-between;margin-inline:calc(var(--ds-spacing-level-5) / 2);font:var(--ds-type-caption);}
.ds-replay-ticks>span{display:flex;flex-direction:column;align-items:center;width:0;gap:var(--ds-spacing-level-2);}
.ds-replay-ticks>span::before{content:"";width:var(--ds-spacing-level-2);height:var(--ds-spacing-level-2);border-radius:var(--ds-pill);background:var(--ds-muted);}
.ds-replay-ticks>span[data-active="true"]::before{background:var(--ds-ink);}
.chat-ops-filters{font:var(--ds-type-caption);}
.chat-ops-filters>.ds-stack{gap:var(--ds-spacing-level-3);}
.chat-ops-filters label.ds-cluster{gap:var(--ds-spacing-level-2);}
.chat-ops-filters label>span{white-space:nowrap;}
.chat-ops-filters .ds-control{min-width:0;}
.chat-ops-filters input:not([type="checkbox"]){padding:var(--ds-spacing-level-2) var(--ds-spacing-level-3);}
.ds-runtime-legend{font-size:var(--ds-font-size-level-0);color:var(--ds-muted);}
.ds-runtime-summary strong{font-size:inherit;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ds-runtime-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-level-4);padding:var(--ds-spacing-level-3) var(--ds-spacing-level-4);}
.ds-runtime-legend>span{display:inline-flex;align-items:center;gap:var(--ds-spacing-level-2);}
.ds-runtime-legend>span::before{content:"";width:var(--ds-spacing-level-5);height:var(--ds-spacing-level-1);background:var(--ds-muted);}
.ds-runtime-legend>[data-relation-type="CONTROL"]::before,.ds-runtime-legend>[data-relation-type="RETRY"]::before{background:var(--ds-state-warning);}
.ds-runtime-legend>[data-relation-type="MODEL"]::before{background:var(--ds-state-info);}
.ds-runtime-legend>[data-relation-type="TOOL"]::before{background:var(--ds-state-action-info);}
.ds-runtime-legend>[data-relation-type="RETRIEVAL"]::before{background:var(--ds-state-info);}
.ds-runtime-legend>[data-relation-type="PARALLEL"]::before{background:var(--ds-state-success);}
.ds-runtime-legend>[data-relation-type="RESPONSE"]::before{background:var(--ds-state-success);}
.ds-runtime-legend>[data-relation-type="ERROR"]::before{background:var(--ds-state-danger);}
.ds-runtime-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-spacing-level-4);padding:var(--ds-spacing-level-4);border:var(--ds-border-width-thin) solid var(--ds-soft);border-radius:var(--ds-radius-level-2);background:var(--ds-quiet);}
.ds-runtime-overview>div{min-width:0;display:flex;flex-direction:column;gap:var(--ds-spacing-level-2);}
.ds-runtime-overview small{color:var(--ds-muted);font-size:var(--ds-font-size-level-0);}
.ds-runtime-overview strong{font-size:var(--ds-font-size-level-1);overflow-wrap:anywhere;}

.ds-runtime-inspector{background:var(--ds-white);z-index:var(--ds-layer-inspector);padding:var(--ds-spacing-level-4);}

.customer-page .chat-stage>.chat-shell{z-index:var(--ds-layer-header);}


@media(min-width:901px){.customer-page{padding:var(--ds-spacing-level-0);}}

.chat-workspace{gap:var(--ds-spacing-level-5);padding-bottom:var(--ds-spacing-level-4);}
.chat-stage{z-index:var(--ds-layer-content);}
.chat-stage>.chat-shell{position:relative;z-index:var(--ds-layer-content);}
.chat-footer-host{z-index:var(--ds-layer-floating);}
.chat-ops-footer{margin-inline:auto;gap:var(--ds-spacing-level-3);z-index:var(--ds-layer-floating);}

@media(max-width:900px){.ds-runtime-summary{flex-wrap:wrap;}}

/* Shared flat inspector facts and ordered connectivity flow. */
.ds-inspector-summary{margin:0;display:flex;flex-direction:column;gap:var(--ds-spacing-level-3);font-size:var(--ds-font-size-level-1);}
.ds-inspector-summary>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--ds-spacing-level-4);}
.ds-inspector-summary dt{font-weight:var(--ds-font-weight-level-1);}
.ds-inspector-summary dd{margin:0;overflow-wrap:anywhere;}
.ds-inspector-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.ds-inspector-flow>li{position:relative;border-left:var(--ds-border-width-thin) solid var(--ds-soft);padding:var(--ds-spacing-level-4) var(--ds-spacing-level-5);}
.ds-inspector-flow>li[data-active="true"]{border-left-color:var(--ds-ink);}
.ds-inspector-flow small{font-size:var(--ds-font-size-level-0);color:var(--ds-muted);}
.ds-inspector-flow strong{display:block;font-size:var(--ds-font-size-level-1);margin-top:var(--ds-spacing-level-3);}
.ds-inspector-flow p{font-size:var(--ds-font-size-level-0);margin:var(--ds-spacing-level-2) 0;overflow-wrap:anywhere;}

.ds-runtime-inspector.ds-stack{align-content:start;grid-template-columns:minmax(0,1fr);}
.ds-runtime-inspector>:not([hidden]),.ds-inspector-summary,.ds-inspector-summary :is(dt,dd),.ds-inspector-flow>li{min-width:0;max-width:100%;overflow-wrap:anywhere;}

/* Continuous tabs use the approved single measured contour. */
.ui-type-tabs.ds-tabs-continuous{position:relative;display:flex;align-items:center;gap:var(--ds-spacing-level-0);flex-wrap:nowrap;padding:var(--ds-spacing-level-0);}
.ui-type-tabs.ds-tabs-continuous>.ui-type-tab.ui-variant-continuous{position:relative;flex:0 0 auto;min-width:0;border:var(--ds-line);border-color:transparent;border-bottom:0;border-radius:var(--ds-radius-level-2) var(--ds-radius-level-2) 0 0;background:transparent;color:var(--ds-muted);}
.ui-type-tabs.ds-tabs-continuous>.ui-type-tab.ui-variant-continuous[aria-selected="true"]{color:var(--ds-ink);}
.ui-type-tabs.ds-tabs-continuous>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.ui-type-tabs.ds-tabs-continuous>svg>path{fill:none;stroke:var(--ds-ink);stroke-width:var(--ds-border-width-thin);vector-effect:non-scaling-stroke;}

.ds-tabs>svg[hidden]{display:none;}

/* Continuous tab navigation: discrete complete items, shared action geometry. */
.ds-tabs-continuous>[role="tab"][hidden],.ds-tabs-continuous>button[hidden]{display:none;}
.ds-tabs-continuous>button[data-direction]{flex-shrink:0;color:var(--ds-ink);}
.ds-tabs-continuous>button[data-direction="previous"]{margin-right:var(--ds-spacing-level-3);}
.ds-tabs-continuous>button[data-direction="next"]{margin-left:auto;}
.ds-tabs-continuous>[role="tab"]{transition:var(--ds-transition-colors);}

/* sourceTreeEntry: sample composition, existing padding/font foundations. */
.ds-source-tree{--line-wave-period:var(--ds-spacing-level-4);--line-wave-amplitude:var(--ds-spacing-level-2);position:relative;list-style:none;margin:0;padding:0;width:100%;min-width:0;font:var(--ds-type-body)}
.ds-source-tree-row{display:grid;grid-template-columns:max-content max-content max-content minmax(0,max-content) max-content max-content minmax(0,1fr) max-content;align-items:stretch;white-space:nowrap;position:relative}
.ds-source-tree-path{display:flex;align-self:stretch;flex:none}
.ds-source-tree-guide{display:block;width:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));flex:none;border:0;background:transparent}
.ds-source-tree .ds-source-tree-entry{flex:none;min-width:0;justify-content:flex-start;gap:var(--ds-spacing-level-2);font:var(--ds-type-body);border-radius:var(--ds-radius-level-2)}


.ds-source-tree-marker{display:grid;place-items:center;height:var(--ds-spacing-level-5);width:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));flex:none}
.ds-source-tree-marker svg,.ds-source-tree-expand svg,.ds-file-extension-icon{display:block;width:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));height:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));flex:none}
.ds-source-tree-dot{width:var(--ds-spacing-level-3);height:var(--ds-spacing-level-3);background:var(--ds-muted);border-radius:var(--ds-pill)}
.ds-source-tree .ds-source-tree-expand{display:grid;place-items:center;height:100%;width:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));margin-left:var(--ds-spacing-level-1);position:relative}
.ds-source-tree-lines{position:absolute;inset:0;pointer-events:none;fill:none;stroke:var(--ds-gray-level-2);stroke-width:var(--ds-border-width-thin)}

/* sourceTreeEntry: class-controlled state, highlight extent, and row marker slot. */
.ds-source-tree-row>.ds-source-tree-path{grid-column:1;grid-row:1}
.ds-source-tree-row>button.ds-source-tree-entry{grid-column:3 / -1;grid-row:1;display:grid;grid-template-columns:subgrid;align-items:center;align-self:stretch;width:100%;text-align:left}
.ds-source-tree-entry>.ds-source-tree-marker{grid-column:1;grid-row:1;height:100%;width:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));align-self:stretch;margin:0}
.ds-source-tree-entry>.ds-source-tree-label{grid-column:2;grid-row:1;height:100%;align-self:stretch;display:block;line-height:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ds-source-tree-row>.ds-source-tree-toggle-disclosure{grid-column:5;grid-row:1}
.ds-source-tree-row>.ds-source-tree-preview{grid-column:6;grid-row:1}
.ds-source-tree-row>.ds-source-tree-end-slot{grid-column:8;grid-row:1;position:relative;align-self:stretch;display:flex;align-items:stretch;min-width:0}
.ds-source-tree-row.ui-source-tree-state-disabled>.ds-source-tree-entry .ds-source-tree-label{text-decoration:line-through}
.ds-source-tree-row.ui-source-tree-state-disabled>.ds-source-tree-entry{color:var(--ds-muted)}
.ds-source-tree-row.ui-source-tree-highlight-entry:is(:hover,.ui-source-tree-state-hover):not(.ui-source-tree-state-disabled,.ui-source-tree-state-selected,.ui-source-tree-state-active)>button.ds-source-tree-entry{background:var(--ds-quiet)}
.ds-source-tree-row.ui-source-tree-highlight-entry:is(.ui-source-tree-state-selected,.ui-source-tree-state-active)>button.ds-source-tree-entry{background:var(--ds-ink);color:var(--ds-white)}
.ds-source-tree-row.ui-source-tree-highlight-entry:is(.ui-source-tree-state-selected,.ui-source-tree-state-active)>:is(.ds-source-tree-toggle-disclosure,.ds-source-tree-end-slot){color:var(--ds-white)}
.ds-source-tree-row.ui-source-tree-highlight-row:is(:hover,.ui-source-tree-state-hover):not(.ui-source-tree-state-disabled,.ui-source-tree-state-selected,.ui-source-tree-state-active){background:var(--ds-quiet)}
.ds-source-tree-row.ui-source-tree-highlight-row:is(.ui-source-tree-state-selected,.ui-source-tree-state-active){background:var(--ds-ink);color:var(--ds-white)}
.ds-source-tree-row.ui-source-tree-highlight-row:is(.ui-source-tree-state-selected,.ui-source-tree-state-active)>button.ds-source-tree-entry{color:inherit}
.ds-source-tree-row:is(.ui-source-tree-highlight-row,.ui-source-tree-highlight-none)>button.ds-source-tree-entry{background:transparent}
.ds-source-tree-row:is(.ui-source-tree-state-selected,.ui-source-tree-state-active) .ds-source-tree-expand{color:inherit}

/* Shared source-tree row dimensions and status controls use existing DS values. */
.ds-source-tree-row>button.ds-source-tree-entry{min-height:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3) + var(--ds-spacing-level-3))}
.ds-source-tree-actions{display:flex;align-items:stretch;gap:var(--ds-spacing-level-2)}
.ds-source-tree-actions>.ds-source-tree-status-action{box-sizing:border-box;display:grid;place-items:center;width:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));height:100%;min-width:0;min-height:0}
.ds-source-tree-actions>.ds-source-tree-toggle{border:var(--ds-line);background:var(--ds-white);color:var(--ds-ink)}
.ds-source-tree-status-action svg{display:block;width:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));height:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3))}
.ds-source-tree-actions>.ds-source-tree-toggle[aria-checked=true]{background:var(--ds-ink);color:var(--ds-white)}
.ds-source-tree-row:is(.ui-source-tree-state-selected,.ui-source-tree-state-active) .ds-source-tree-toggle{border-color:var(--ds-white);background:var(--ds-ink);color:var(--ds-white)}
.ds-source-tree-row:is(.ui-source-tree-state-selected,.ui-source-tree-state-active) .ds-source-tree-toggle[aria-checked=true]{background:var(--ds-white);color:var(--ds-ink)}
.ds-source-tree-below{grid-column:3 / -1;grid-row:2;white-space:normal;margin-block:var(--ds-spacing-level-2)}



.ds-source-tree-row.ui-source-tree-marker-off>button.ds-source-tree-entry>.ds-source-tree-marker{display:none}

.ds-source-tree-row>.ds-source-tree-direction{grid-column:2;grid-row:1;margin-left:0}
.ds-source-tree-row:not(.ui-source-tree-disclosure-leading)>.ds-source-tree-direction,.ds-source-tree-row:not(.ui-source-tree-disclosure-trailing)>.ds-source-tree-toggle-disclosure{display:none}
.ds-source-tree-row.ui-source-tree-availability-disabled>button.ds-source-tree-entry .ds-source-tree-label{text-decoration:line-through}
.ds-source-tree-preview{display:flex;align-items:stretch;gap:var(--ds-spacing-level-2);margin-left:var(--ds-spacing-level-2)}
.ds-source-tree-row.ui-source-tree-preview-off .ds-source-tree-preview{display:none}
.ds-source-tree-row:is(.ui-source-tree-state-selected,.ui-source-tree-state-active) .ds-source-tree-preview{color:var(--ds-ink)}

/* Source-tree identity content shares the registered icon dimensions in every slot. */
.ds-source-tree-marker>.ui-type-skill-mark,.ds-source-tree-preview .ui-type-skill-mark{width:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));height:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));min-width:0}
.ds-source-tree-marker>.ui-type-skill-mark svg,.ds-source-tree-preview .ui-type-skill-mark svg{width:100%;height:100%}

/* Inset sibling slots into the entry padding without adding nested containers. */
.ds-source-tree-row>:is(.ds-source-tree-toggle-disclosure,.ds-source-tree-preview){margin-block:var(--ds-spacing-level-2)}
.ds-source-tree-row>.ds-source-tree-end-slot{margin:0;align-self:center;height:calc(100% - var(--ds-spacing-level-3));right:var(--ds-spacing-level-2)}
.ds-source-tree .ds-source-tree-expand{height:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));align-self:center}
.ds-source-tree .ds-source-tree-expand:hover:not(:disabled){background:transparent}

/* Default source-tree marks fill the same registered square as status controls. */
.ds-source-tree-marker>:is(.ds-file-extension-icon,.ds-source-tree-dot){width:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3));height:calc(var(--ds-spacing-level-4) + var(--ds-spacing-level-3))}

/* Preserve the original glyph-to-control ratio as controls shrink from 28 to 20. */
.ds-source-tree-expand svg,.ds-source-tree-status-action svg{width:calc(var(--ds-spacing-level-5) * (var(--ds-spacing-level-4) + var(--ds-spacing-level-3)) / (var(--ds-spacing-level-6) + var(--ds-spacing-level-2)));height:calc(var(--ds-spacing-level-5) * (var(--ds-spacing-level-4) + var(--ds-spacing-level-3)) / (var(--ds-spacing-level-6) + var(--ds-spacing-level-2)))}

/* Shared surface layer for browser observations alongside the conversation. */
.ds-surface[data-region="browser-execution"]{z-index:var(--ds-layer-header);}

/* Agent navigation shares the skill list placement and spacing recipes. */
body[data-page="agent"] .agents-layout>.agent-list{height:calc(100dvh - 110px);row-gap:var(--ds-spacing-level-3)}
body[data-page="agent"] .agents-layout>.agent-list>.skill-list-tree{flex:none;max-height:none;overflow:visible}
body[data-page="agent"] .agents-layout>.agent-list>.skill-list-scroll-frame{flex:1 1 auto;min-height:0;overflow:hidden}
body[data-page="agent"] .agents-layout .agent-list-scroll{min-height:0;overscroll-behavior:contain}
@media(max-width:600px){body[data-page="agent"] .agents-layout>.agent-list{max-height:calc(100dvh - 110px);overflow:hidden}}

/* Local authoring keyboard captures IME input without covering Chrome pixels. */
.frontcall-live-keyboard{opacity:0;}

/* Shared overlay layer for the PC-local Chrome tools shadow host. */
:host([data-region="native-browser-tools"]){z-index:var(--ds-layer-overlay)}

/* Local consent occupies the linked canvas before the real Chrome session opens. */
.skill-local-pair-frame{width:100%;height:100%;min-height:560px;flex:1 0 560px}

:root{--ds-browser-element-profile:var(--ds-ink)}
/* DOM element profiles use the service palette in sourceTreeEntry and selection overlays. */
.ds-source-tree-dot[data-ui-slots~="browser-element-profile"]{background:var(--ds-browser-element-profile)}
#frontcall-selection-outline[data-ui-slots~="browser-element-profile"]{border-color:var(--ds-browser-element-profile)!important;background:color-mix(in srgb,var(--ds-browser-element-profile) 8%,transparent)!important}

/* Shared measured usage and paired semantic/service markers. */
.ds-icon-pair{display:flex;align-items:center;gap:var(--ds-spacing-level-2);}
.ds-source-tree-marker:has(>.ds-icon-pair){width:var(--ds-spacing-level-6);}
.ds-source-tree-marker .ds-icon-pair>:is(svg,img){width:calc((var(--ds-spacing-level-4) + var(--ds-spacing-level-3))/2);height:calc((var(--ds-spacing-level-4) + var(--ds-spacing-level-3))/2);flex:none;}
.ds-source-tree-row>.ds-usage-ratio.ds-source-tree-end-slot{align-items:center;}
.ds-usage-ratio{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-spacing-level-3);font-variant-numeric:tabular-nums;}
.ui-type-usage-gauge{appearance:auto;display:block;flex:none;box-sizing:border-box;width:calc(var(--ds-spacing-level-6) * 2 + var(--ds-spacing-level-5));height:var(--ds-spacing-level-2);align-self:center;border:0;border-radius:var(--ds-radius-level-1);background:var(--ds-gray-level-3);}
.ui-type-usage-gauge::-webkit-meter-bar{box-sizing:border-box;height:100%;border:0;border-radius:var(--ds-radius-level-1);background:var(--ds-gray-level-3);}
.ui-type-usage-gauge::-webkit-meter-optimum-value,.ui-type-usage-gauge::-webkit-meter-suboptimum-value,.ui-type-usage-gauge::-webkit-meter-even-less-good-value{height:100%;background:var(--ds-ink);border-radius:var(--ds-radius-level-1);}
.ui-type-usage-gauge::-moz-meter-bar{background:var(--ds-ink);border-radius:var(--ds-radius-level-1);}
.ui-type-usage-gauge::-webkit-meter-inner-element{display:block;box-sizing:border-box;height:100%;width:100%;}

/* Protected ownership regions share surface and disclosure recipes. */
.ds-runtime-boundary-layer{position:absolute;inset:0;transform-origin:0 0;pointer-events:none;z-index:var(--ds-layer-content);}
.ds-runtime-boundary{position:absolute;border:var(--ds-line);border-radius:var(--ds-radius-level-2);background:transparent;pointer-events:none;}
.ds-runtime-boundary>.ds-disclosure{pointer-events:auto;margin:var(--ds-spacing-level-3);width:max-content;max-width:calc(100% - var(--ds-spacing-level-6));background:var(--ds-white);}
.ds-runtime-boundary .ds-disclosure-body{max-width:calc(var(--ds-control-height) * 14);}
.ds-runtime-boundary-port{position:absolute;background:var(--ds-white);font:var(--ds-type-caption);border:var(--ds-line);border-radius:var(--ds-radius-level-0);pointer-events:none;}

/* Declared transport connections share graph coordinates and existing icon controls. */
.ds-runtime-connection-layer{position:absolute;inset:0;transform-origin:0 0;pointer-events:none;z-index:var(--ds-layer-node);}
.ds-runtime-connection{position:absolute;pointer-events:auto;}
.ds-runtime-connection-line{position:absolute;display:block;height:0;border-top:var(--ds-line);transform-origin:0 0;pointer-events:none;}