/* Dimension AI DS and the UX Flows prototype styles (claude.ai/artifact/FxYzyrwGwHG1HAnCqydrVM), scoped for the
   landing page: the prototype's page chrome (html, body, .pv*) is left out and its app window is .d-app.
   Generated by build-ds.js; do not edit by hand. */

/* ---- tokens.css */
:root{
  color-scheme: dark;
  --surface-app: #1d1d1f;
  --surface-workspace: #161618;
  --surface-panel: #252528;
  --surface-control: #2c2c2e;
  --surface-floating: #3a3a3c;
  --content-primary: #f5f5f7;
  --content-secondary: rgba(255, 255, 255, 0.56);
  --content-tertiary: rgba(255, 255, 255, 0.4);
  --content-disabled: rgba(255, 255, 255, 0.26);
  --content-inverse: #1c1c1e;
  --border-default: rgba(255, 255, 255, 0.1);
  --border-medium: rgba(255, 255, 255, 0.16);
  --border-strong: rgba(255, 255, 255, 0.26);
  --state-hover: rgba(255, 255, 255, 0.05);
  --state-selected: rgba(255, 255, 255, 0.1);
  --state-pressed: rgba(255, 255, 255, 0.14);
  --focus-ring: rgba(91, 123, 255, 0.7);
  --status-success-content: #77a987;
  --status-success-background: rgba(119, 169, 135, 0.12);
  --status-success-border: rgba(119, 169, 135, 0.55);
  --status-warning-content: #c3a15a;
  --status-warning-background: rgba(195, 161, 90, 0.12);
  --status-warning-border: rgba(195, 161, 90, 0.55);
  --status-danger-content: #c77d78;
  --status-danger-background: rgba(199, 125, 120, 0.12);
  --status-danger-border: rgba(199, 125, 120, 0.55);
  --action-primary-background: #f5f5f7;
  --action-primary-content: #1c1c1e;
  --selection-content: #78b9ff;
  --selection-background: rgba(91, 123, 255, 0.2);
  --selection-border: rgba(91, 123, 255, 0.55);
  --link-content: #78b9ff;
  --progress-fill: #5b7bff;
  --progress-track: rgba(255, 255, 255, 0.1);
  --icon-default: #ececed;
  --icon-selected: #5b7bff;
  --icon-disabled: #888888;
  --feature-ai-content: #78b9ff;
  --feature-ai-background: rgba(91, 123, 255, 0.2);
  --feedback-info-content: #78b9ff;
  --feedback-info-background: rgba(91, 123, 255, 0.2);
  --feedback-info-border: rgba(91, 123, 255, 0.55);
  --status-success-indicator: #77a987;
  --status-warning-indicator: #c3a15a;
  --status-danger-indicator: #c77d78;
  --window-close-hover: #c42b1c;
  --window-close-pressed: #a62216;
  --window-close-content: #ffffff;
  --spacing-0: 0px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-5: 5px;
  --radius-6: 6px;
  --radius-7: 7px;
  --radius-8: 8px;
  --radius-9: 9px;
  --radius-20: 20px;
  --radius-full: 999px;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-lift: 0 8px 24px rgba(0, 0, 0, 0.15);
  --shadow-popover: 0 12px 36px rgba(0, 0, 0, 0.55);
  --shadow-modal: 0 18px 48px rgba(0, 0, 0, 0.62), 0 2px 6px rgba(0, 0, 0, 0.4);
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ---- ds/bundle.css */
500;600;700&family=JetBrains+Mono:wght@500&display=swap');



.dai-root,.dai-stage{
  background: var(--surface-workspace);
  color: var(--content-primary);
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 18px;
  -webkit-font-smoothing: antialiased;
}
.dai-stage{
  box-sizing: border-box;
  min-height: 100vh;
  padding: var(--spacing-16);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--spacing-16);
}
.dai-stage--col{ flex-direction: column; }
.dai-stage--app{ background: var(--surface-app); }
.dai-stage *,.dai-root *,[class^="dai-"],[class*=" dai-"]{ box-sizing: border-box; }
.dai-icon{ display: block; flex: none; color: var(--icon-default); }
.dai-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-8);
  border: 0; margin: 0; cursor: pointer; white-space: nowrap;
  font: 500 11.5px/16px var(--font-sans);
  color: var(--content-primary); background: transparent;
  transition: opacity 120ms ease, background-color 120ms ease;
}
.dai-btn .dai-icon{ color: currentColor; }
.dai-btn--small{ height: 24px; padding: 0 12px; border-radius: var(--radius-7); }
.dai-btn--medium{ height: 32px; padding: 0 var(--spacing-24); border-radius: var(--radius-9); }
.dai-btn--large{ height: 40px; padding: 0 var(--spacing-24); border-radius: var(--radius-12); }
.dai-btn--primary{ background: var(--action-primary-background); color: var(--action-primary-content); }
.dai-btn--primary:hover{ opacity: 0.9; }
.dai-btn--primary:active{ opacity: 0.82; }
.dai-btn--secondary{ background: var(--surface-control); border: 0.5px solid var(--border-medium); }
.dai-btn--secondary:hover{ background: var(--state-hover); }
.dai-btn--ghost:hover{ background: var(--state-hover); }
.dai-btn:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-btn:disabled{ opacity: 0.45; cursor: default; }
.dai-btn--primary:disabled:hover{ opacity: 0.45; }
.dai-iconbtn{
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 24px; height: 24px; padding: 0; border: 0; border-radius: var(--radius-6);
  background: transparent; color: var(--icon-default); cursor: pointer;
}
.dai-iconbtn .dai-icon{ color: currentColor; }
.dai-iconbtn--muted{ color: var(--icon-disabled); }
.dai-iconbtn--neutral:hover{ background: var(--state-hover); }
.dai-iconbtn--neutral.is-selected{ background: var(--state-selected); color: var(--icon-default); }
.dai-iconbtn--accent{ background: var(--state-selected); }
.dai-iconbtn--accent:hover{ background: var(--state-pressed); }
.dai-iconbtn--primary{ background: var(--action-primary-background); color: var(--action-primary-content); }
.dai-iconbtn--primary:hover{ background: var(--action-primary-content); color: var(--action-primary-background); }
.dai-iconbtn:disabled{ opacity: 0.38; cursor: default; }
.dai-iconbtn--neutral:disabled{ background: var(--surface-control); }
.dai-iconbtn:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-toolbtn{ width: 36px; height: 36px; }
.dai-seg{
  display: inline-flex; gap: 3px; padding: 3px; min-width: 270px;
  border-radius: var(--radius-8); background: var(--state-hover);
}
.dai-seg__item{
  flex: 1 1 0; height: 28px; border: 0; border-radius: var(--radius-6); cursor: pointer;
  background: transparent; color: var(--content-tertiary); font: 500 11.5px/16px var(--font-sans);
}
.dai-seg__item.is-selected{ background: var(--surface-control); color: var(--content-primary); }
.dai-seg__item:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-badge{
  display: inline-flex; align-items: center; gap: 6px; height: 15px;
  font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); border-radius: var(--radius-full);
}
.dai-badge__dot{ width: 7px; height: 7px; border-radius: var(--radius-full); background: var(--icon-default); flex: none; }
.dai-badge--info{ color: var(--feedback-info-content); }
.dai-badge--info .dai-badge__dot{ background: var(--feedback-info-content); }
.dai-badge--success{ color: var(--status-success-content); }
.dai-badge--success .dai-badge__dot{ background: var(--status-success-indicator); }
.dai-badge--warning{ color: var(--status-warning-content); }
.dai-badge--warning .dai-badge__dot{ background: var(--status-warning-indicator); }
.dai-badge--danger{ color: var(--status-danger-content); }
.dai-badge--danger .dai-badge__dot{ background: var(--status-danger-indicator); }
.dai-badge--ai{ color: var(--feature-ai-content); }
.dai-badge--ai .dai-badge__dot{ background: var(--feature-ai-content); }
.dai-estatus{
  display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 9px;
  border-radius: var(--radius-5); background: var(--surface-panel); border: 1px solid var(--border-default);
  font: 500 10.5px/15px var(--font-sans); color: var(--content-primary);
}
.dai-estatus__dot{ width: 6px; height: 6px; border-radius: var(--radius-full); background: var(--content-disabled); }
.dai-estatus--metric .dai-estatus__label,.dai-estatus--coordinate .dai-estatus__label{ color: var(--content-tertiary); }
.dai-estatus__value{ font-family: var(--font-mono); color: var(--content-primary); }
.dai-estatus--hint{ color: var(--selection-background); }
.dai-estatus--hint .dai-estatus__dot{ background: transparent; border: 1px solid var(--selection-background); }
.dai-estatus.is-active{ background: var(--state-selected); }
.dai-estatus.is-active,.dai-estatus.is-active .dai-estatus__label,.dai-estatus.is-active .dai-estatus__value{ color: var(--icon-selected); }
.dai-estatus.is-active .dai-estatus__value{ font-family: var(--font-sans); }
.dai-estatus.is-active .dai-estatus__dot{ background: var(--icon-selected); }
.dai-estatus--hint.is-active .dai-estatus__dot{ background: transparent; border-color: var(--icon-selected); }
.dai-panelhead{
  display: flex; align-items: center; justify-content: space-between; height: 40px; padding: 6px 12px;
  background: var(--surface-panel); border-bottom: 1px solid var(--border-default);
  border-radius: var(--radius-9) var(--radius-9) 0 0;
}
.dai-panelhead__title{ font: 500 11.5px/16px var(--font-sans); color: var(--content-primary); }
.dai-panelhead__status{ display: inline-flex; align-items: center; gap: 5px; font: 600 8.5px/12px var(--font-sans); letter-spacing: 0.45px; text-transform: uppercase; }
.dai-panelhead__dot{ width: 6px; height: 6px; border-radius: var(--radius-full); background: currentColor; }
.dai-panelhead__status--ready{ color: var(--status-success-background); }
.dai-panelhead__status--analyzing{ color: var(--feature-ai-background); }
.dai-panelhead__status--review{ color: var(--status-warning-background); }
.dai-textinput{ display: inline-flex; align-items: center; gap: 2px; width: 100%; }
.dai-field-box{
  display: flex; align-items: center; flex: 1 1 auto; min-width: 0; height: 32px; padding: 0 12px;
  border-radius: var(--radius-7); background: var(--surface-control); border: 0.5px solid var(--border-medium);
}
.dai-field-box:hover{ background: var(--state-hover); }
.dai-field-box:focus-within{ border: 2px solid var(--focus-ring); padding: 0 10.5px; }
.dai-field-box.is-invalid{ border-color: var(--status-danger-border); }
.dai-field-box.is-disabled{ opacity: 0.55; }
.dai-field-box input{
  flex: 1; min-width: 0; border: 0; padding: 0; background: transparent; outline: none;
  font: 500 11.5px/16px var(--font-sans); color: var(--content-primary);
}
.dai-field-box input::placeholder{ color: var(--content-tertiary); }
.dai-field-box.is-disabled input{ color: var(--content-disabled); }
.dai-textinput__actions{ display: inline-flex; gap: 0; padding-left: 4px; }
.dai-search{
  display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 var(--spacing-8); width: 220px;
  border-radius: var(--radius-7); background: var(--surface-control); border: 1px solid var(--border-default);
}
.dai-search:hover{ background: var(--state-hover); }
.dai-search:focus-within{ border-color: var(--focus-ring); }
.dai-search.is-disabled{ opacity: 0.48; border-color: var(--border-medium); }
.dai-search input{
  flex: 1; min-width: 0; border: 0; padding: 0; background: transparent; outline: none;
  font: 400 12px/18px var(--font-sans); color: var(--content-primary); -webkit-appearance: none; appearance: none;
}
.dai-search input::placeholder{ color: var(--content-tertiary); }
.dai-search.is-disabled input::placeholder{ color: var(--content-disabled); }
.dai-param{
  display: inline-flex; align-items: center; justify-content: space-between; gap: var(--spacing-4);
  width: 120px; height: 32px; padding: 0 6px 0 12px; border-radius: var(--radius-12);
  background: var(--surface-workspace); border: 1px solid var(--border-default);
  font: 500 13px/20px var(--font-sans); color: var(--content-primary);
}
.dai-param:focus-within{ border-color: var(--focus-ring); }
.dai-param--length{ padding-right: var(--spacing-8); }
.dai-param input,.dai-param select{
  flex: 1; min-width: 0; border: 0; padding: 0; background: transparent; outline: none;
  font: inherit; color: inherit; -webkit-appearance: none; appearance: none;
}
.dai-param select{ cursor: pointer; }
.dai-param__unit{ font: 400 12px/18px var(--font-sans); color: var(--content-tertiary); }
.dai-param--edit{ width: auto; justify-content: center; padding: 0 12px; cursor: pointer; }
.dai-stepper{
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  width: 14px; height: 20px; border-radius: 4px; background: var(--state-hover); color: var(--icon-default); flex: none;
}
.dai-fieldrow{ display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 236px; min-height: 32px; }
.dai-fieldrow__label{ font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.dai-dropdown{ display: inline-flex; flex-direction: column; gap: 6px; width: 280px; position: relative; }
.dai-dropdown__label{ font: 400 12px/17px var(--font-sans); color: var(--content-secondary); }
.dai-dropdown__field{
  display: flex; align-items: center; gap: var(--spacing-8); height: 32px; padding: 0 6px 0 12px; width: 100%;
  border-radius: var(--radius-7); background: var(--surface-control); border: 0.5px solid var(--border-medium); cursor: pointer; text-align: left;
}
.dai-dropdown.is-open .dai-dropdown__field{ background: var(--state-selected); border: 2px solid var(--focus-ring); padding: 0 4.5px 0 10.5px; }
.dai-dropdown__value{ flex: 1; font: 500 11.5px/16px var(--font-sans); color: var(--content-tertiary); }
.dai-dropdown__chevron{ display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; }
.dai-dropdown__chevron .dai-icon{ color: var(--content-tertiary); }
.dai-dropdown__menu{
  display: flex; flex-direction: column; gap: 2px; padding: 6px;
  border-radius: var(--radius-9); background: var(--surface-floating); border: 0.5px solid var(--border-medium);
  box-shadow: var(--shadow-popover);
}
.dai-dropdown__option{
  display: flex; align-items: center; justify-content: space-between; height: 32px; padding: 0 10px; border-radius: var(--radius-7);
  font: 500 11.5px/16px var(--font-sans); color: var(--content-secondary); cursor: pointer;
}
.dai-dropdown__option:hover{ background: var(--state-hover); }
.dai-dropdown__option.is-selected{ background: var(--state-selected); color: var(--content-primary); }
.dai-dropdown__check{ color: var(--selection-content); }
.dai-dropdown__action{ width: 100%; }
.dai-checkbox{
  position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 20px; height: 20px; border-radius: var(--radius-5);
  background: var(--surface-panel); border: 1px solid var(--border-default); color: var(--content-primary);
}
.dai-checkbox.is-checked{ background: var(--selection-background); }
.dai-checkbox input{ position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.dai-checkbox:focus-within{ box-shadow: 0 0 0 2px var(--focus-ring); }
.dai-checkbox-label{ display: inline-flex; align-items: center; gap: var(--spacing-8); font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.dai-question{
  display: flex; flex-direction: column; gap: var(--spacing-12); padding: 20px; width: 100%; max-width: 664px;
  border-radius: var(--radius-16); background: var(--surface-panel); border: 1px solid var(--border-default);
}
.dai-question__context{ font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.dai-question__title{ margin: 0; font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.dai-question__reason{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.dai-question__choices{ display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.dai-choice{
  display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px; text-align: left; cursor: pointer;
  border-radius: var(--radius-9); background: var(--surface-panel); border: 1px solid var(--border-default);
  font: 400 12px/18px var(--font-sans); color: var(--content-primary);
}
.dai-choice.is-selected{ background: var(--state-selected); border-color: var(--border-strong); }
.dai-choice.is-freeform .dai-choice__label{ color: var(--content-tertiary); }
.dai-choice:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-radio{
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 16px; height: 16px; margin: 2px; border-radius: var(--radius-full); border: 1px solid var(--border-strong);
}
.dai-choice.is-selected .dai-radio{ border-color: var(--content-primary); }
.dai-radio__dot{ width: 8px; height: 8px; border-radius: var(--radius-full); background: var(--content-primary); }
.dai-question__defer{ padding: 0 var(--spacing-8); }
.dai-question__actions{ display: flex; justify-content: flex-end; gap: 6px; }
.dai-menu{
  display: inline-flex; flex-direction: column; gap: var(--spacing-4); padding: 6px; min-width: 192px;
  border-radius: var(--radius-12); background: var(--surface-app); border: 0.5px solid var(--border-medium);
  box-shadow: var(--shadow-popover);
}
.dai-menuitem{
  display: flex; align-items: center; gap: var(--spacing-12); width: 100%; height: 24px; padding: 0 12px;
  border: 0; border-radius: var(--radius-6); background: transparent; text-align: left; cursor: pointer;
  font: 500 10.5px/15px var(--font-sans); color: var(--content-primary);
}
.dai-menuitem--default{ height: 32px; }
.dai-menuitem__label{ flex: 1; }
.dai-menuitem__shortcut{ color: #a0a0a5; }
.dai-menuitem:hover,.dai-menuitem.is-active{ background: #37373c; }
.dai-menuitem:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-menusep{ padding: 6px 12px; }
.dai-menusep::before{ content: ''; display: block; height: 1px; background: var(--border-default); }
.dai-row{
  display: flex; align-items: center; gap: 2px; height: 28px; padding: 2px var(--spacing-4); width: 100%;
  border-radius: var(--radius-8); color: var(--content-primary); text-decoration: none; cursor: pointer;
  font: 400 12px/18px var(--font-sans);
}
.dai-row:hover,.dai-row.is-active{ background: var(--state-selected); }
.dai-row:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-row__icon{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: none; border-radius: var(--radius-6); }
.dai-row__label{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dai-sessionrow{ padding: 2px var(--spacing-8) 2px var(--spacing-4); }
.dai-sessionrow__unread{ width: 6px; height: 6px; border-radius: var(--radius-full); background: var(--progress-fill); flex: none; }
.dai-sessionrow__more{ display: none; }
.dai-sessionrow:hover .dai-sessionrow__more{ display: inline-flex; }
.dai-sessionrow:hover .dai-sessionrow__unread{ display: none; }
.dai-projectlabel{
  display: flex; align-items: center; justify-content: space-between; padding: 4px 16px 8px 12px;
  font: 400 12px/18px var(--font-sans); color: var(--content-tertiary);
}
.dai-profile{
  display: flex; align-items: center; gap: var(--spacing-8); width: 100%; padding: var(--spacing-12); border: 0;
  border-radius: var(--radius-16); background: transparent; cursor: pointer; text-align: left;
}
.dai-profile:hover{ background: var(--state-selected); }
.dai-avatar{
  display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: none;
  border-radius: var(--radius-full); background: var(--action-primary-background); color: var(--action-primary-content);
  font: 600 8.5px/12px var(--font-sans); letter-spacing: 0.45px;
}
.dai-profile__name{ font: 500 13px/20px var(--font-sans); color: var(--content-primary); }
.dai-prompt{
  display: flex; flex-direction: column; padding: var(--spacing-16); width: 100%;
  border-radius: var(--radius-20); background: var(--surface-workspace); border: 1px solid var(--border-default);
  box-shadow: var(--shadow-lift);
}
.dai-prompt--assistant{ max-width: 288px; }
.dai-prompt--new-chat{ max-width: 760px; }
.dai-prompt__input{ display: flex; flex-direction: column; gap: 6px; padding-bottom: var(--spacing-12); }
.dai-prompt__attachments{ display: flex; flex-wrap: wrap; gap: var(--spacing-8); }
.dai-prompt textarea{
  resize: none; border: 0; padding: 0; background: transparent; outline: none; width: 100%;
  font: 500 13px/20px var(--font-sans); color: var(--content-primary);
}
.dai-prompt textarea::placeholder{ color: #757579; }
.dai-prompt__actions{ display: flex; align-items: flex-end; justify-content: space-between; height: 32px; }
.dai-send{
  display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0;
  border-radius: var(--radius-full); background: var(--state-hover); opacity: 0.58; cursor: default;
}
.dai-send .dai-icon{ color: var(--content-disabled); }
.dai-send.is-enabled{ background: var(--content-primary); opacity: 1; cursor: pointer; }
.dai-send.is-enabled .dai-icon{ color: var(--action-primary-content); }
.dai-attachment{
  display: inline-flex; align-items: center; gap: var(--spacing-8); width: 200px; padding: 6px;
  border-radius: var(--radius-9); background: var(--surface-control); border: 1px solid var(--border-default);
}
.dai-attachment__thumb{ width: 42px; height: 42px; border-radius: var(--radius-7); object-fit: cover; flex: none; }
.dai-attachment__file{ display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; border-radius: var(--radius-7); background: var(--surface-panel); flex: none; }
.dai-attachment__text{ display: flex; flex-direction: column; gap: var(--spacing-4); flex: 1; min-width: 0; }
.dai-attachment__name{ font: 500 11.5px/16px var(--font-sans); color: var(--content-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dai-attachment__kind{ font: 500 11.5px/16px var(--font-sans); color: var(--content-secondary); }
.dai-attachment__remove{
  align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0; border: 0;
  border-radius: var(--radius-full); background: var(--action-primary-background); cursor: pointer; flex: none;
}
.dai-attachment__remove .dai-icon{ color: var(--action-primary-content); }
.dai-modelicon{
  display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: none;
  border-radius: var(--radius-7); background: var(--surface-app);
}
.dai-modelicon .dai-icon{ color: var(--content-primary); }
.dai-actioncard{
  display: flex; flex-direction: column; gap: var(--spacing-12); padding: var(--spacing-12); width: 100%; max-width: 288px;
  border-radius: var(--radius-16); border: 1px solid var(--border-default);
  font: 400 12px/18px var(--font-sans);
}
.dai-actioncard__target{ display: flex; align-items: center; gap: var(--spacing-8); color: var(--content-primary); }
.dai-actioncard__status{ color: var(--content-secondary); }
.dai-actioncard__details{ margin: 0; color: var(--content-primary); }
.dai-actioncard__actions{ display: flex; gap: var(--spacing-8); }
.dai-actioncard__actions .dai-btn--medium{ padding: 0 12px; }
.dai-activity{
  display: flex; align-items: center; gap: var(--spacing-8); padding: var(--spacing-8); border: 0; width: 100%;
  border-radius: var(--radius-5); background: transparent; cursor: pointer; text-align: left;
  font: 400 12px/18px var(--font-sans); color: var(--content-secondary);
}
.dai-activity:hover{ background: var(--state-hover); }
.dai-activity__content{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dai-tree{
  display: flex; align-items: center; gap: 6px; height: 28px; width: 100%;
  border-radius: var(--radius-7); font: 500 10.5px/15px var(--font-sans); color: var(--content-primary);
}
.dai-tree--item{ height: 30px; padding: 4px 4px 4px 22px; }
.dai-tree--item.dai-tree--plane{ height: 28px; }
.dai-tree--group{ padding: 4px 4px 4px var(--spacing-8); cursor: pointer; }
.dai-tree__indent{ width: 12px; flex: none; }
.dai-tree__icon{ display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; flex: none; }
.dai-tree__icon .dai-icon{ color: var(--content-primary); }
.dai-tree__chevron{ display: inline-flex; width: 12px; flex: none; }
.dai-tree__chevron .dai-icon{ color: var(--content-tertiary); transition: transform 120ms ease; }
.dai-tree--group.is-collapsed .dai-tree__chevron .dai-icon{ transform: rotate(-90deg); }
.dai-tree__label{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dai-tree__ai{
  display: inline-flex; align-items: center; padding: 1px 4px; border-radius: 4px;
  background: var(--feature-ai-background); border: 1px solid var(--border-medium);
  font: 600 8.5px/12px var(--font-sans); letter-spacing: 0.45px; color: var(--content-secondary);
}
.dai-tree__eye{ display: inline-flex; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 4px; background: transparent; cursor: pointer; flex: none; }
.dai-tree__eye .dai-icon{ color: var(--content-tertiary); }
.dai-tree__eye:hover{ background: var(--state-hover); }
.dai-history{
  display: flex; align-items: center; gap: var(--spacing-8); width: 222px; height: 32px; padding: 6px 4px 6px 12px;
  border: 0; border-radius: var(--radius-12); background: transparent; cursor: pointer; text-align: left;
  font: 500 11.5px/16px var(--font-sans); color: var(--content-secondary);
}
.dai-history:hover,.dai-history.is-selected{ background: var(--state-selected); }
.dai-header{
  display: flex; flex-direction: column; gap: var(--spacing-16); padding: var(--spacing-8); width: 100%;
  background: var(--surface-workspace); border-bottom: 1px solid var(--border-default);
}
.dai-header__row{ display: flex; align-items: center; gap: var(--spacing-4); height: 24px; }
.dai-header__tabs{ display: flex; align-items: center; gap: var(--spacing-4); }
.dai-tab{
  display: inline-flex; align-items: center; gap: 6px; height: 24px; min-width: 104px; padding: 0 10px 0 var(--spacing-8);
  border-radius: var(--radius-8); cursor: pointer; font: 500 11.5px/16px var(--font-sans); color: var(--content-primary);
}
.dai-tab.is-active{ background: var(--state-selected); }
.dai-tab .dai-icon{ color: var(--icon-default); }
.dai-tab__label{ flex: 1; }
.dai-tab__close{ display: inline-flex; padding: 0; border: 0; background: transparent; cursor: pointer; visibility: hidden; }
.dai-tab.is-active .dai-tab__close,.dai-tab:hover .dai-tab__close{ visibility: visible; }
.dai-tab__close .dai-icon{ color: var(--icon-disabled); }
.dai-header__spacer{ flex: 1; }
.dai-header__nav{ display: inline-flex; width: 50px; }
.dai-header__nav .dai-icon{ color: var(--icon-disabled); }
.dai-header__title{ flex: 1; text-align: center; font: 500 11.5px/16px var(--font-sans); color: var(--content-primary); }
.dai-header__tools{ display: flex; align-items: center; gap: 6px; }
.dai-chip{
  display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 var(--spacing-8); border: 0;
  border-radius: var(--radius-8); background: transparent; cursor: pointer;
  font: 500 11.5px/16px var(--font-sans); color: var(--content-primary);
}
.dai-chip.is-selected{ background: var(--state-selected); }
.dai-resultsel{
  display: flex; flex-direction: column; justify-content: center; width: 218px; height: 48px; padding: 0 var(--spacing-8);
  border: 0; border-radius: var(--radius-12); background: transparent; cursor: pointer; text-align: left;
}
.dai-resultsel.is-selected{ background: var(--state-selected); border-radius: var(--radius-8); }
.dai-resultsel__label{ font: 500 13px/20px var(--font-sans); color: var(--content-primary); }
.dai-resultsel__supporting{ font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.dai-resultvalue{ display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-8); width: 236px; font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.dai-legend{ display: inline-flex; flex-direction: column; gap: var(--spacing-4); width: 58px; font: 600 8.5px/12px var(--font-sans); letter-spacing: 0.45px; color: var(--content-primary); }
.dai-legend__scale{ display: flex; align-items: center; gap: var(--spacing-8); height: 109px; }
.dai-legend__numbers{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 4px 0; color: var(--content-secondary); }
.dai-legend__ramp{ width: 8px; height: 100%; border-radius: 3px; background: linear-gradient(to bottom, var(--selection-content), var(--progress-fill)); }
.dai-playback{ display: flex; align-items: center; gap: var(--spacing-12); width: 100%; height: 42px; }
.dai-playback__step{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.dai-playback__play{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--radius-12); background: var(--surface-control); cursor: pointer; }
.dai-playback__time{ width: 92px; flex: none; text-align: center; font: 500 11.5px/16px var(--font-sans); color: var(--content-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.dai-playback__scrubber{ position: relative; flex: 1; height: 24px; }
.dai-playback__track,.dai-playback__elapsed{ position: absolute; left: 0; top: 10px; height: 4px; border-radius: 1px; }
.dai-playback__track{ right: 0; background: var(--border-strong); }
.dai-playback__elapsed{ background: var(--selection-content); }
.dai-playback__handle{ position: absolute; top: 6px; width: 12px; height: 12px; margin-left: -6px; border-radius: var(--radius-full); background: var(--content-primary); }
.dai-playback__speed{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 24px; border-radius: var(--radius-8); font: 600 9.5px/13px var(--font-sans); letter-spacing: 0.55px; color: var(--content-secondary); }
.dai-graph{
  display: flex; flex-direction: column; gap: var(--spacing-8); margin: 0; padding: var(--spacing-12); width: 268px;
  border-radius: var(--radius-16); background: var(--surface-workspace); border: 1px solid var(--border-default);
}
.dai-graph__head{ display: flex; justify-content: space-between; gap: var(--spacing-8); min-height: 37px; }
.dai-graph__title{ font: 500 13px/20px var(--font-sans); color: var(--content-primary); }
.dai-graph__subtitle{ font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.dai-graph__tools{ display: flex; gap: var(--spacing-4); }
.dai-graph__plot{ display: grid; grid-template-columns: 28px 1fr; grid-template-rows: 100px 13px; column-gap: 6px; row-gap: var(--spacing-8); height: 134px; padding-top: 13px; font: 600 9.5px/13px var(--font-sans); letter-spacing: 0.55px; color: var(--content-secondary); }
.dai-graph__y{ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; margin: -6px 0; }
.dai-graph__area{ position: relative; }
.dai-graph__svg{ display: block; width: 100%; height: 100px; overflow: visible; }
.dai-graph__grid line{ stroke: var(--border-default); stroke-width: 1; vector-effect: non-scaling-stroke; }
.dai-graph__series{ fill: none; stroke: var(--selection-content); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.dai-graph__cursor{ stroke: var(--selection-content); stroke-width: 1; vector-effect: non-scaling-stroke; }
.dai-graph__tooltip{
  position: absolute; top: 14px; transform: translateX(-50%); white-space: nowrap; padding: 7px 12px;
  border-radius: var(--radius-12); background: var(--surface-panel); border: 1px solid var(--border-default); color: var(--content-primary);
}
.dai-graph__x{ grid-column: 2; display: flex; justify-content: space-between; }
.dai-graph__xlabel{ text-align: center; font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.dai-projectcard{ display: inline-flex; flex-direction: column; width: 192px; padding: 6px 6px 0; text-decoration: none; color: inherit; border-radius: var(--radius-9); }
.dai-projectcard:hover{ background: var(--state-hover); }
.dai-projectcard__thumb{
  display: flex; align-items: center; justify-content: center; height: 174px; padding: var(--spacing-24); overflow: hidden;
  border-radius: var(--radius-7); background: var(--state-pressed); border-bottom: 0.5px solid var(--border-default);
}
.dai-projectcard__thumb img{ max-width: 100%; max-height: 100%; }
.dai-projectcard__details{ display: flex; flex-direction: column; gap: 2px; padding: 6px 12px; }
.dai-projectcard__name{ font: 600 9.5px/13px var(--font-sans); letter-spacing: 0.55px; color: var(--content-primary); }
.dai-projectcard__meta{ font: 600 8.5px/12px var(--font-sans); letter-spacing: 0.45px; color: var(--content-tertiary); }
@media (prefers-reduced-motion: reduce){.dai-btn,.dai-tree__chevron .dai-icon{ transition: none; }}
.dai-window-button{
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 46px; height: 42px; padding: 0; margin: 0; border: 0; border-radius: 0;
  background: transparent; color: var(--content-secondary); cursor: default;
}
.dai-window-button .dai-icon{ color: currentColor; }
.dai-window-button:hover,.dai-window-button.is-hover{ background: var(--state-hover); }
.dai-window-button:active,.dai-window-button.is-pressed{ background: var(--state-pressed); }
.dai-window-button.is-inactive{ color: var(--content-disabled); }
.dai-window-button--close:hover,.dai-window-button--close.is-hover{ background: var(--window-close-hover); color: var(--window-close-content); }
.dai-window-button--close:active,.dai-window-button--close.is-pressed{ background: var(--window-close-pressed); color: var(--window-close-content); }
.dai-window-button:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-window-controls{
  display: flex; align-items: center; flex: none; gap: var(--spacing-0);
  width: 138px; height: 42px;
}
.dai-project-group-header{
  display: flex; align-items: center; gap: var(--spacing-8); width: 100%; height: 40px; padding: 0 6px 0 var(--spacing-12); 
  border-radius: var(--radius-7); background: var(--surface-panel); border: 0.5px solid var(--border-default);
}
.dai-project-group-header__toggle{
  display: flex; align-items: center; gap: var(--spacing-8); flex: 1 1 auto; min-width: 0; height: 100%;
  padding: 0; border: 0; background: transparent; color: inherit; text-align: left;
}
button.dai-project-group-header__toggle{ cursor: pointer; }
.dai-project-group-header__toggle:focus-visible{ outline: none; }
.dai-project-group-header:has(.dai-project-group-header__toggle:focus-visible){ box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-project-group-header__name{
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 600 12px/18px var(--font-sans); color: var(--content-primary);
}
.dai-project-group-header__count{ flex: none; white-space: nowrap; font: 400 11px/16px var(--font-sans); color: var(--content-secondary); }
.dai-project-group-header__menu{
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 28px; height: 28px;
  padding: 0; border: 0; border-radius: var(--radius-6); background: transparent; color: var(--icon-default); cursor: pointer;
}
.dai-project-group-header__menu .dai-icon{ color: currentColor; }
.dai-project-group-header__menu:hover{ background: var(--state-hover); }
.dai-project-group-header__menu:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-project-selection{
  display: flex; flex: none; align-items: center; gap: 10px;  width: 100%; height: 44px; padding: 0 10px; 
  border-radius: var(--radius-7); background: var(--surface-control); cursor: pointer;
}
.dai-project-selection.is-selected{ background: var(--selection-background); }
.dai-project-selection.is-disabled{ opacity: 0.55; cursor: default; }
.dai-project-selection__name{
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 500 11.5px/16px var(--font-sans); color: var(--content-primary);
}
.dai-project-selection__group{ flex: none; white-space: nowrap; font: 400 10px/14px var(--font-sans); color: var(--content-secondary); }
.dai-recent-row{ padding: 2px var(--spacing-8) 2px var(--spacing-4); }
.dai-recent-row.is-hover{ background: var(--state-selected); }
.dai-recent-row__open{
  display: flex; align-items: center; gap: 2px;  flex: 1 1 auto; min-width: 0; height: 24px;
  padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.dai-recent-row__open:focus-visible{ outline: none; }
.dai-recent-row:has(.dai-recent-row__open:focus-visible){ box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-recent-row__actions{ display: none; align-items: center; gap: var(--spacing-8); flex: none; }
.dai-recent-row:hover .dai-recent-row__actions,.dai-recent-row.is-hover .dai-recent-row__actions,.dai-recent-row:focus-within .dai-recent-row__actions{ display: inline-flex; }
.dai-recent-row__action{
  display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px;
  padding: 0; border: 0; background: transparent; color: var(--icon-default); cursor: pointer;
}
.dai-recent-row__action .dai-icon{ color: currentColor; }
.dai-recent-row__action--new{ color: var(--icon-disabled); }
.dai-recent-row__action:focus-visible{ outline: 2px solid var(--focus-ring); outline-offset: 1px; }
.dai-generation-progress{
  display: flex; flex-direction: column; gap: var(--spacing-8); width: 280px; padding: var(--spacing-8);
}
.dai-generation-progress__head{ display: flex; align-items: center; height: 17px; }
.dai-generation-progress__title{
  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 500 12px/17px var(--font-sans); color: var(--content-secondary);
}
.dai-generation-progress__value{ font: 500 10px/14px var(--font-mono); color: var(--content-tertiary); }
.dai-generation-progress__steps{ display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
.dai-generation-progress__step{
  display: flex; align-items: center; gap: var(--spacing-12); min-height: 18px;
  font: 400 12px/18px var(--font-sans); color: var(--content-secondary);
}
.dai-generation-progress__marker{ display: inline-flex; align-items: center; justify-content: center; flex: none; }
.dai-generation-progress__label{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dai-generation-progress__status{ flex: none; }
.dai-generation-progress__ring{ display: block; }
.dai-generation-progress__ring circle{ stroke: var(--border-default); }
.dai-generation-progress__step--running .dai-generation-progress__ring{ animation: dai-generation-progress-spin 1s linear infinite; }
.dai-generation-progress__step--running .dai-generation-progress__ring circle{ stroke: var(--feedback-info-content); }
.dai-generation-progress__step--running .dai-generation-progress__status{ color: var(--feedback-info-content); }
.dai-generation-progress__step--done .dai-icon,.dai-generation-progress__step--done .dai-generation-progress__status{ color: var(--status-success-content); }
.dai-generation-progress__step--pending .dai-icon,.dai-generation-progress__step--pending .dai-generation-progress__status{ color: var(--status-warning-content); }
.dai-generation-progress__connector{ display: flex; justify-content: center; width: 12px; height: 12px; }
.dai-generation-progress__connector::before{ content: ''; width: 1px; height: 12px; background: var(--border-default); }
@keyframes dai-generation-progress-spin{ to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){.dai-generation-progress__step--running .dai-generation-progress__ring{ animation: none; }}
.dai-inspector-section{
  display: flex; align-items: center; justify-content: space-between; width: 270px; height: 26px; overflow: hidden;
}
.dai-inspector-section--top{ height: 27px; border-top: 1px solid var(--border-default); }
.dai-inspector-section__label{
  font: 600 8.5px/12px var(--font-sans); letter-spacing: 0.45px; text-transform: uppercase; color: var(--content-tertiary);
}
.dai-inspector-section__count{ font: 500 10.5px/15px var(--font-mono); color: var(--content-tertiary); }
.dai-inspector-status{
  display: flex; align-items: center; gap: 6px; width: 270px; height: 24px; overflow: hidden;
  font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary);
}
.dai-inspector-status__dot{ width: 6px; height: 6px; flex: none; border-radius: var(--radius-full); background: currentColor; }
.dai-inspector-status__label{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dai-inspector-status--success{ color: var(--status-success-content); }
.dai-inspector-status--warning{ color: var(--status-warning-content); }
.dai-visibility-action{
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  width: 86px; height: 54px; padding: 0; margin: 0; cursor: pointer; overflow: hidden;
  border-radius: var(--radius-8); background: var(--surface-control); border: 0.5px solid var(--border-default);
  font: 500 11.5px/16px var(--font-sans); color: var(--content-secondary);
}
.dai-visibility-action .dai-icon{ color: #6e6e73; }
.dai-visibility-action.is-active{ background: var(--selection-background); border: 1px solid var(--selection-border); color: var(--selection-content); }
.dai-visibility-action:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-mate-row{
  display: flex; align-items: center; gap: 7px; width: 270px; height: 36px; padding: 0 var(--spacing-8); overflow: hidden;
  border-radius: var(--radius-8); background: var(--surface-control); border: 0.5px solid var(--border-default);
}
.dai-mate-row[role='button']{ cursor: pointer; }
.dai-mate-row:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-mate-row__icon{
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 24px; height: 24px; overflow: hidden; border-radius: var(--radius-6);
}
.dai-mate-row__icon .dai-icon{ color: var(--icon-default); }
.dai-mate-row__title{
  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 500 11.5px/16px var(--font-sans); color: var(--content-primary);
}
.dai-add-mate{
  display: flex; align-items: center; justify-content: center; width: 270px; height: 32px; padding: 0; margin: 0; overflow: hidden;
  border-radius: var(--radius-8); background: transparent; border: 0.5px solid var(--border-default); cursor: pointer;
  font: 500 11.5px/16px var(--font-sans); color: var(--content-secondary);
}
.dai-add-mate__label{ white-space: pre; }
.dai-add-mate:hover{ background: var(--state-hover); }
.dai-add-mate:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-selection-field{
  display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 206px; height: 32px;
  border-radius: 11px; 
}
.dai-selection-field__label{ font: 400 12px/18px var(--font-sans); color: var(--content-primary); white-space: nowrap; }
.dai-selection-field__control{ display: flex; align-items: center; justify-content: flex-end; gap: 2px; width: 120px; flex: none; }
.dai-selection-field__value{
  display: flex; align-items: center; flex: 1; min-width: 0; height: 32px; padding: 0 var(--spacing-8) 0 var(--spacing-12);
  border-radius: var(--radius-12); background: var(--selection-background); border: 1px solid var(--border-default);
  font: 500 13px/20px var(--font-sans); color: var(--content-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dai-move-type{
  display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-12);
  width: 206px; height: 24px; padding: 0 var(--spacing-4) 0 0; overflow: hidden;
}
.dai-move-type__label{ font: 400 12px/18px var(--font-sans); color: var(--content-primary); white-space: nowrap; }
.dai-move-type__options{ display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 120px; flex: none; }
.dai-move-type__options .dai-iconbtn.is-selected{ border-radius: var(--radius-8); }
.dai-history-heading{ display: flex; align-items: center; gap: var(--spacing-8); width: 206px; height: 24px; }
.dai-history-heading > .dai-icon{ color: var(--icon-default); }
.dai-history-heading__label{
  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 400 11.5px/16px var(--font-sans); color: var(--content-secondary);
}
.dai-history-heading__toggle{ border-radius: var(--radius-8); }
.dai-history-heading__toggle .dai-icon{ transition: transform 120ms ease; }
.dai-history-heading.is-collapsed .dai-history-heading__toggle .dai-icon{ transform: rotate(-90deg); }
@media (prefers-reduced-motion: reduce){.dai-history-heading__toggle .dai-icon{ transition: none; }}
.dai-graph-controls{
  display: flex; align-items: center; gap: var(--spacing-8); width: 100%; height: 36px; padding: var(--spacing-8);
  border-radius: var(--radius-16); background: var(--surface-workspace); border: 1px solid var(--border-default);
}
.dai-graph-controls__label{ font: 500 11.5px/16px var(--font-sans); color: var(--content-primary); white-space: nowrap; }
.dai-graph-controls__spacer{ flex: 1; min-width: 0; height: 1px; }
.dai-playback-controls .dai-playback__time{ flex: none; width: 92px; text-align: center; }
.dai-playback-controls__speed{
  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; margin: 0;
  border: 0; border-radius: var(--radius-8); background: transparent; cursor: pointer;
  font: inherit; letter-spacing: inherit; color: inherit;
}
.dai-playback-controls__speed:hover,.dai-playback-controls__speed.is-active{ background: var(--state-hover); }
.dai-playback-controls__speed:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-playback-speed{
  display: inline-flex; flex-direction: column; gap: var(--spacing-12); padding: 20px; 
  border-radius: var(--radius-12); background: var(--surface-app); border: 1px solid var(--border-default);
}
.dai-playback-speed__adjust{ display: flex; align-items: center; gap: 10px;  }
.dai-playback-speed__step{
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; padding: 0;
  border: 0; border-radius: var(--radius-12); background: var(--surface-control); color: var(--icon-default); cursor: pointer;
}
.dai-playback-speed__step .dai-icon{ color: currentColor; }
.dai-playback-speed__step:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-playback-speed__slider{ position: relative; flex: 1; height: 24px; }
.dai-playback-speed__track,.dai-playback-speed__fill{ position: absolute; left: 0; top: 10px; height: 4px; border-radius: 1px;  }
.dai-playback-speed__track{ right: 0; background: var(--border-strong); }
.dai-playback-speed__fill{ background: var(--content-primary); }
.dai-playback-speed__handle{
  position: absolute; top: 6px; width: 12px; height: 12px; margin-left: -6px;
  border-radius: var(--radius-full); background: var(--content-primary);
}
.dai-playback-speed__presets{ display: flex; align-items: center; gap: var(--spacing-12); }
.dai-playback-speed__preset{
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 52px; height: 32px; padding: 0 var(--spacing-16);
  border: 0; border-radius: 36px;  background: var(--state-hover); cursor: pointer;
  font: 600 9.5px/13px var(--font-sans); letter-spacing: 0.55px; color: var(--content-secondary); white-space: nowrap;
}
.dai-playback-speed__preset:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-axis{
  --dai-axis-x: #c77d78; 
  --dai-axis-y: #77a987; 
  --dai-axis-z: #78b9ff; 
  display: block; flex: none; overflow: visible;
}
.dai-axis .dai-axis__x{ --dai-axis-color: var(--dai-axis-x); }
.dai-axis .dai-axis__y{ --dai-axis-color: var(--dai-axis-y); }
.dai-axis .dai-axis__z{ --dai-axis-color: var(--dai-axis-z); }
.dai-axis__line{ fill: none; stroke: var(--dai-axis-color); stroke-width: 1.5; }
.dai-axis__dot{ fill: var(--dai-axis-color); }
.dai-axis__ghost{ fill: var(--dai-axis-color); opacity: 0.4; }
.dai-axis__label{
  fill: var(--content-primary);
  font-family: var(--font-sans); font-size: 8.5px; font-weight: 600; letter-spacing: 0.45px;
}
.dai-windows-header{
  box-sizing: border-box; display: flex; align-items: center; gap: var(--spacing-12); height: 42px;
}
.dai-windows-header--sidebar{ width: 240px; padding: 0 var(--spacing-12); background: var(--surface-app); }
.dai-windows-header--full{ width: 100%; padding: 0 0 0 var(--spacing-12); background: var(--surface-workspace); }
.dai-windows-header__bar{ display: flex; flex: 1; align-items: center; gap: var(--spacing-12); min-width: 0; height: 42px; }
.dai-windows-header__nav{ display: flex; align-items: center; gap: 1px;  }
.dai-windows-header__spacer{ flex: 1; }
.dai-windows-header__tools{ display: flex; align-items: center; gap: var(--spacing-4); }
.dai-windows-header__btn{ border-radius: var(--radius-8); }
.dai-sidebar-start{
  position: relative; display: flex; flex-direction: column; flex: none; width: 240px; height: 900px; overflow: hidden;
  background: var(--surface-app);
}
.dai-sidebar-start::after{
  content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background: var(--border-default); pointer-events: none;
}
.dai-sidebar-start__titlebar{
  display: flex; align-items: center; gap: var(--spacing-12); flex: none; height: 42px; padding: 0 var(--spacing-12);
  background: var(--surface-app);
}
.dai-sidebar-start__lights{ display: inline-flex; align-items: center; gap: var(--spacing-8); }
.dai-sidebar-start__light{
  width: 10px; height: 10px; border-radius: var(--radius-full);
  border: 0.5px solid rgba(0, 0, 0, 0.1); 
}
.dai-sidebar-start__light--close{ background: #d8645c; }
.dai-sidebar-start__light--minimize{ background: #e2b559; }
.dai-sidebar-start__light--zoom{ background: #5fc37f; }
.dai-sidebar-start__history{ display: inline-flex; align-items: center; gap: 1px;  }
.dai-iconbtn.dai-sidebar-start__toggle{ border-radius: var(--radius-8); }
.dai-sidebar-start__section{ display: flex; flex-direction: column; gap: 2px;  flex: none; opacity: 0.8;  }
.dai-sidebar-start__section--workspace,.dai-sidebar-start__section--nav{ padding: 0 var(--spacing-8) var(--spacing-12); }
.dai-sidebar-start__section--list{ padding: 0 var(--spacing-8) var(--spacing-8); }
.dai-sidebar-start__section--footer{ padding: var(--spacing-8); box-shadow: inset 0 1px 0 var(--border-default); }
.dai-sidebar-start__workspace{
  display: flex; align-items: center; gap: 2px;  height: 24px; padding: 0 var(--spacing-4);
  border-radius: var(--radius-8);
}
.dai-sidebar-start__brand{
  display: inline-flex; align-items: center; gap: 2px;  height: 24px;
  padding: 0; border: 0; border-radius: var(--radius-6); background: transparent; color: var(--icon-default); cursor: pointer;
}
.dai-sidebar-start__brand .dai-icon{ color: currentColor; }
.dai-sidebar-start__brand:hover{ background: var(--state-hover); }
.dai-sidebar-start__brand:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-sidebar-start__mark{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; }
.dai-sidebar-start__mark .dai-icon{ color: #ffffff; }
.dai-sidebar-start__spacer{ flex: 1 1 auto; }
.dai-sidebar-start__projects{ display: flex; flex-direction: column; flex: none; }
.dai-sidebar-start__fill{ flex: 1 1 auto; min-height: 0; }
.dai-sidebar-start .dai-sessionrow.dai-sidebar-start__hover{ background: var(--state-selected); }
.dai-sidebar-start__hover .dai-sessionrow__more{ display: inline-flex; }
.dai-sidebar-start__hover .dai-sessionrow__unread{ display: none; }
.dai-project-group-dialog{
  display: flex; flex-direction: column; gap: var(--spacing-12); width: 592px; max-width: 100%; padding: 20px; 
  border-radius: var(--radius-16); background: var(--surface-panel); border: 0.5px solid var(--border-medium);
  box-shadow: var(--shadow-modal);
}
.dai-project-group-dialog__header{ display: flex; flex-direction: column; gap: 6px;  min-height: 49px;  }
.dai-project-group-dialog__title{ margin: 0; font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.dai-project-group-dialog__description{ margin: 0; font: 400 12px/17px var(--font-sans); color: var(--content-secondary); }
.dai-project-group-dialog__body{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-12); }
.dai-project-group-dialog__body > .dai-textinput,.dai-project-group-dialog__body > .dai-search,.dai-project-group-dialog__choices{ align-self: stretch; }
.dai-project-group-dialog__label,.dai-project-group-dialog__note{ margin: 0; font: 500 11px/16px var(--font-sans); color: var(--content-secondary); }
.dai-project-group-dialog__error{ margin: 0; font: 500 11px/16px var(--font-sans); color: var(--status-danger-content); }
.dai-project-group-dialog__choices{ display: flex; flex-direction: column; gap: 6px;  max-height: 244px; overflow-y: auto; }
.dai-project-group-dialog__choices--empty{ min-height: 44px; }
.dai-project-group-dialog__footer{ display: flex; align-items: center; justify-content: flex-end; gap: 10px;  }
.dai-tool-rail{ display: inline-flex; align-items: center; gap: var(--spacing-12); }
.dai-tool-rail__rail{
  display: inline-flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px; width: 48px; flex: none;
  border-radius: var(--radius-9); background: var(--surface-panel);
  box-shadow: inset 0 0 0 1px var(--border-default), var(--shadow-lift);
}
.dai-tool-rail__labels{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-8); }
.dai-tool-rail--label-left .dai-tool-rail__labels{ align-items: flex-end; }
.dai-tool-rail__label{
  display: inline-flex; align-items: center; height: 32px; padding: 9px 12px; gap: 10px; overflow: hidden; white-space: nowrap;
  border-radius: var(--radius-9); background: var(--state-hover);
  box-shadow: inset 0 0 0 1px var(--border-default), var(--shadow-card);
  font: 600 9.5px/13px var(--font-sans); letter-spacing: 0.55px; color: var(--content-tertiary);
}
.dai-annotation{ display: inline-flex; align-items: center; gap: var(--spacing-12); }
.dai-annotation--parameter{ align-items: flex-start; }
.dai-annotation__pin{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 22px; flex: none; }
.dai-annotation--parameter .dai-annotation__pin{ margin-top: 18px; }
.dai-annotation__pin .dai-icon{ color: var(--icon-default); }
.dai-annotation__pin .dai-icon path{ fill: var(--selection-content); }
.dai-annotation__composer{
  display: flex; width: 320px; margin: 0; padding: var(--spacing-12);
  background: var(--surface-workspace);
  box-shadow: inset 0 0 0 1px var(--border-default), var(--shadow-lift);
}
.dai-annotation--default .dai-annotation__composer{ align-items: center; gap: var(--spacing-8); border-radius: 37px;  }
.dai-annotation--parameter .dai-annotation__composer{ flex-direction: column; border-radius: 24px;  }
.dai-annotation__head{ display: flex; align-items: center; gap: var(--spacing-8); height: 32px; }
.dai-annotation .dai-iconbtn.dai-annotation__params{ color: var(--icon-disabled); }
.dai-annotation .dai-iconbtn.dai-annotation__params.is-selected{ border-radius: var(--radius-8); }
.dai-annotation__input{
  flex: 1; min-width: 0; border: 0; padding: 0; background: transparent; outline: none;
  font: 500 13px/20px var(--font-sans); color: var(--content-primary);
}
.dai-annotation__input::placeholder{ color: var(--content-secondary); }
.dai-annotation__send{
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; padding: 0; border: 0;
  border-radius: var(--radius-full); background: var(--state-hover); cursor: default;
}
.dai-annotation__send .dai-icon{ color: var(--content-disabled); }
.dai-annotation__send.is-enabled{ background: var(--content-primary); cursor: pointer; }
.dai-annotation__send.is-enabled .dai-icon{ color: var(--action-primary-content); }
.dai-annotation__send:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.dai-annotation__rule{ flex: none; height: 1px; margin: 11.5px 0 7.5px; background: var(--border-default); }
.dai-annotation__rule--foot{ margin: 7.5px 0 11.5px; }
.dai-annotation__body{ display: flex; flex-direction: column; gap: var(--spacing-4); border-radius: var(--radius-7); }
.dai-annotation__object{ font: 400 12px/18px var(--font-sans); color: var(--content-tertiary); }
.dai-annotation .dai-fieldrow{ width: 100%; }
.dai-annotation .dai-param{ width: 140px; }
.dai-annotation__foot{ display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 32px; }
.dai-annotation .dai-btn.dai-annotation__cancel{
  padding: 0 var(--spacing-16); border-radius: var(--radius-12);
  background: transparent; border: 0.5px solid var(--border-default);
}
.dai-annotation .dai-btn.dai-annotation__cancel:hover{ background: var(--state-hover); }
.dai-shape-feature-tree{
  display: flex; flex-direction: column; width: 260px; height: 816px; padding: var(--spacing-8); overflow: hidden;
  background: var(--surface-workspace); box-shadow: inset 1px 0 0 var(--border-default);
}
.dai-shape-feature-tree .dai-search{
  flex: none; width: 100%; height: 28px; margin-bottom: var(--spacing-8);
  border-radius: var(--radius-8); background: var(--surface-workspace);
}
.dai-shape-feature-tree__tree{ display: flex; flex-direction: column; min-height: 0; overflow-y: auto; }
.dai-shape-feature-tree__section{ display: flex; flex-direction: column; gap: 2px; padding-bottom: var(--spacing-4); }
.dai-shape-feature-tree__items{ display: flex; flex-direction: column; gap: 2px; }
.dai-shape-feature-tree__items--flush{ gap: 0; }
.dai-shape-feature-tree .dai-tree--group{ height: 24px; padding: var(--spacing-4); }
.dai-shape-feature-tree .dai-tree--group.dai-shape-feature-tree__heading--origin{ padding-right: 2px; }
.dai-shape-feature-tree .dai-tree--item,.dai-shape-feature-tree .dai-tree--item.dai-tree--plane{ height: 24px; padding: 4px 2px 4px 20px; }
.dai-shape-feature-tree .dai-tree--item.dai-tree--sketch{ height: 28px; }
.dai-shape-parameters{
  display: flex; flex-direction: column; gap: var(--spacing-8); width: 260px; height: 816px; padding: var(--spacing-12); overflow-y: auto;
  background: var(--surface-workspace); box-shadow: inset 1px 0 0 var(--border-default);
}
.dai-shape-parameters__group{ display: flex; flex-direction: column; gap: var(--spacing-4); border-radius: var(--radius-7); }
.dai-shape-parameters__heading{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-tertiary); }
.dai-shape-parameters .dai-fieldrow{ width: 100%; }
.dai-shape-parameters .dai-param{ width: 100px; }
.dai-shape-history{
  display: flex; flex-direction: column; gap: 2px; width: 260px; height: 816px; padding: var(--spacing-8); overflow-y: auto;
  background: var(--surface-workspace); box-shadow: inset 1px 0 0 var(--border-default);
}
.dai-shape-history .dai-history{ flex: none; width: 100%; }
.dai-shape-history__card{
  display: flex; flex-direction: column; gap: var(--spacing-12); flex: none; padding: 6px 4px 12px 12px;
  border-radius: var(--radius-12); background: var(--state-selected);
}
.dai-shape-history__heading{ display: flex; align-items: center; gap: var(--spacing-8); height: 24px; }
.dai-shape-history__title{
  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 500 11.5px/16px var(--font-sans); color: var(--content-secondary);
}
.dai-shape-history .dai-iconbtn.dai-shape-history__collapse{ border-radius: var(--radius-8); color: var(--icon-disabled); }
.dai-shape-history__row{ display: flex; align-items: center; justify-content: space-between; gap: 6px; height: 32px; }
.dai-shape-history__row--move{ gap: var(--spacing-12); height: 24px; padding-right: 4px; }
.dai-shape-history__label{ font: 400 12px/18px var(--font-sans); color: var(--content-primary); white-space: nowrap; }
.dai-shape-history__selection{ display: flex; align-items: center; gap: 2px; width: 120px; height: 32px; flex: none; }
.dai-shape-history__chip{
  display: inline-flex; align-items: center; flex: 1; min-width: 0; height: 32px; padding: 0 var(--spacing-8) 0 12px; white-space: nowrap; overflow: hidden;
  border-radius: var(--radius-12); background: var(--selection-background); box-shadow: inset 0 0 0 1px var(--border-default);
  font: 500 13px/20px var(--font-sans); color: var(--content-primary);
}
.dai-shape-history__types{ display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 120px; flex: none; }
.dai-shape-history__types .dai-iconbtn.is-selected{ border-radius: var(--radius-8); }
.dai-shape-history__fields{ display: flex; flex-direction: column; gap: var(--spacing-4); padding-right: 4px; border-radius: var(--radius-7); }
.dai-shape-history .dai-fieldrow{ width: 100%; }
.dai-shape-history__restore{ display: flex; padding-right: 6px; }
.dai-shape-history__restore .dai-btn{ flex: 1; }
.dai-mesh-preparation{
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-16);
  width: 260px; height: 816px; padding: var(--spacing-16) var(--spacing-12); overflow-y: auto;
  background: var(--surface-workspace);
}
.dai-mesh-preparation__title{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.dai-mesh-preparation .dai-fieldrow{ width: 100%; }
.dai-mesh-preparation__spacer{ flex: 1 1 auto; min-height: 0; }
.dai-mesh-preparation__help{ margin: 0; width: 100%; font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.dai-mesh-preparation__action{ flex: none; }
.dai-result-summary{
  display: flex; flex-direction: column; gap: var(--spacing-8); width: 260px; padding: var(--spacing-16);
  border-radius: var(--radius-12); background: var(--surface-panel); border: 1px solid var(--border-default);
}
.dai-result-summary__head{ display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-8); height: 24px; }
.dai-result-summary__title{ font: 500 13px/20px var(--font-sans); color: var(--content-primary); white-space: nowrap; }
.dai-result-summary__section{ font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.dai-result-summary__row{ display: flex; align-items: center; gap: var(--spacing-8); height: 32px; }
.dai-result-summary__label{ flex: 1; min-width: 0; font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.dai-result-summary .dai-result-summary__value{ flex: none; width: 100px; }
.dai-result-summary__rule{ height: 1px; background: var(--border-default); }
.dai-temperature-graph{
  display: flex; flex-direction: column; gap: var(--spacing-8); margin: 0; padding: var(--spacing-12); width: 540px; height: 228px;
  border-radius: var(--radius-16); background: var(--surface-workspace); border: 1px solid var(--border-default);
}
.dai-temperature-graph__head{ display: flex; align-items: flex-start; gap: var(--spacing-8); }
.dai-temperature-graph__identity{ display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.dai-temperature-graph__title{ font: 500 13px/20px var(--font-sans); color: var(--content-primary); }
.dai-temperature-graph__subtitle{ font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.dai-temperature-graph__plot{
  position: relative; flex: none; height: 134px;
  font: 600 9.5px/13px var(--font-sans); letter-spacing: 0.55px; color: var(--content-secondary);
}
.dai-temperature-graph__ytick{ position: absolute; left: 0; width: 26px; text-align: right; white-space: nowrap; }
.dai-temperature-graph__xtick{ position: absolute; top: 117px; transform: translateX(-50%); white-space: nowrap; }
.dai-temperature-graph__xtick.is-first{ transform: none; }
.dai-temperature-graph__svg{ position: absolute; left: 32.5px; top: 13.9px; display: block; overflow: visible; }
.dai-temperature-graph__grid line{ stroke: var(--border-default); stroke-width: 1; }
.dai-temperature-graph__series{ fill: none; stroke: var(--selection-content); stroke-width: 1.5; }
.dai-temperature-graph__cursor{ stroke: var(--selection-content); stroke-width: 1; }
.dai-temperature-graph__dot{ fill: var(--selection-content); }
.dai-temperature-graph__tooltip{
  position: absolute; top: 26px; transform: translateX(-50%); display: flex; align-items: center; height: 28px; padding: 0 var(--spacing-12);
  white-space: nowrap; border-radius: var(--radius-12); background: var(--surface-panel); border: 1px solid var(--border-default);
  color: var(--content-primary);
}
.dai-temperature-graph__xlabel{ text-align: center; font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.dai-engine-details{
  position: relative; display: flex; flex-direction: column; flex: none; box-sizing: border-box;
  width: 260px; height: 816px; overflow: hidden;
  background: var(--surface-workspace); box-shadow: inset 1px 0 0 var(--border-default);
  font: 400 12px/18px var(--font-sans); color: var(--content-primary);
}
.dai-engine-details *{ box-sizing: border-box; }
.dai-engine-details__content{
  display: flex; flex-direction: column; gap: var(--spacing-16); flex: 1 1 auto; min-height: 0;
  padding: var(--spacing-12); overflow-y: auto;
}
.dai-engine-details__section{ display: flex; flex-direction: column; gap: var(--spacing-4); }
.dai-engine-details__heading{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.dai-engine-details__result{ position: relative; display: flex; }
.dai-param.dai-engine-details__result-select{ width: 100%; }
.dai-engine-details__value{ min-height: 24px; }
.dai-engine-details__menu{
  position: absolute; z-index: 2; top: 36px; left: 0; width: 236px;
  display: flex; flex-direction: column; gap: var(--spacing-4); padding: var(--spacing-8);
  border-radius: var(--radius-16); background: var(--surface-app); border: 1px solid var(--border-default);
  box-shadow: var(--shadow-popover);
}
.dai-engine-details__actions{ display: flex; flex-direction: column; gap: var(--spacing-8); margin-top: auto; }
.dai-engine-details__note{ margin: 0; font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.dai-engine-details__run{ width: 100%; }
.dai-run-history{
  display: flex; flex-direction: column; justify-content: center; gap: var(--spacing-8); box-sizing: border-box;
  width: 236px; min-height: 42px; padding: var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-12);
  border-radius: var(--radius-12); background: var(--state-selected);
  font: 400 12px/18px var(--font-sans); color: var(--content-primary);
}
.dai-run-history.is-expanded{ justify-content: flex-start; padding-bottom: var(--spacing-12); }
.dai-run-history--running{ background: transparent; border: 1px solid var(--border-default); }
.dai-run-history--running.is-expanded{ background: var(--state-selected); border: 0; }
.dai-run-history__header{
  display: flex; align-items: center; gap: var(--spacing-8); width: 100%; height: 24px; margin: 0; padding: 0;
  border: 0; border-radius: var(--radius-6); background: transparent; cursor: pointer; text-align: left; color: inherit;
}
.dai-run-history__header:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }
.dai-run-history__icon{ display: inline-flex; width: 14px; height: 14px; flex: none; }
.dai-run-history__icon .dai-icon{ color: var(--content-secondary); }
.dai-run-history__number{ flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 11.5px/16px var(--font-sans); color: var(--content-primary); }
.dai-run-history__status{ flex: none; font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.dai-run-history--running .dai-run-history__status{ color: var(--status-warning-content); }
.dai-run-history__disclosure{ display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex: none; }
.dai-run-history__disclosure .dai-icon{ color: var(--icon-disabled); }
.dai-run-history.is-expanded .dai-run-history__disclosure .dai-icon{ color: var(--icon-default); opacity: 0.56; }
.dai-run-history__conditions{ display: flex; flex-direction: column; gap: var(--spacing-4); margin: 0; padding: 0 var(--spacing-4) 0 0; }
.dai-run-history--running .dai-run-history__conditions{ gap: var(--spacing-0); }
.dai-run-history__row{ display: flex; align-items: center; gap: var(--spacing-8); height: 24px; }
.dai-run-history__label{ flex: 1 1 auto; min-width: 0; margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.dai-run-history__value{ flex: none; margin: 0; font: 500 11.5px/16px var(--font-sans); color: var(--content-primary); white-space: nowrap; }
.dai-results-panel{
  display: flex; flex-direction: column; gap: var(--spacing-12); box-sizing: border-box;
  width: 858px; max-width: 100%; padding: var(--spacing-16);
  font: 400 12px/18px var(--font-sans); color: var(--content-primary);
}
.dai-results-panel *{ box-sizing: border-box; }
.dai-results-panel__controls{
  display: flex; align-items: center; gap: var(--spacing-8); height: 36px; padding: 0 var(--spacing-8);
  border-radius: var(--radius-16); background: var(--surface-workspace); border: 1px solid var(--border-default);
}
.dai-results-panel__label{ font: 500 11.5px/16px var(--font-sans); color: var(--content-primary); white-space: nowrap; }
.dai-results-panel__spacer{ flex: 1 1 auto; }
.dai-results-panel__graphs{ display: flex; gap: var(--spacing-12); }
.dai-results-panel__graphs > .dai-graph{ flex: none; }
.dai-assistant{
  position: relative; display: flex; flex-direction: column; flex: none; box-sizing: border-box;
  width: 320px; height: 900px; overflow: hidden;
  background: var(--surface-workspace);
  font: 400 12px/18px var(--font-sans); color: var(--content-primary);
}
.dai-assistant *{ box-sizing: border-box; }
.dai-assistant::after{
  content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px;
  background: var(--border-default); pointer-events: none;
}
.dai-assistant__bar{
  display: flex; align-items: center; gap: var(--spacing-12); flex: none; height: 42px; padding: 0 var(--spacing-12);
  background: var(--surface-workspace); border-bottom: 1px solid var(--border-default);
}
.dai-assistant__lights{ display: inline-flex; align-items: center; gap: var(--spacing-8); flex: none; }
.dai-assistant__light{ width: 10px; height: 10px; border-radius: var(--radius-full); border: 0.5px solid rgba(0, 0, 0, 0.1); }
.dai-assistant__light--close{ background: #d8645c; }
.dai-assistant__light--minimize{ background: #e2b559; }
.dai-assistant__light--zoom{ background: #5fc37f; }
.dai-assistant__nav{ display: inline-flex; align-items: center; gap: 1px; flex: none; }
.dai-assistant__title{
  flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 500 11.5px/16px var(--font-sans); color: var(--content-primary);
}
.dai-assistant__bar-spacer{ flex: 1 1 auto; }
.dai-assistant__body{
  display: flex; flex-direction: column; align-items: center; flex: 1 1 auto; min-height: 0; overflow: hidden;
  padding: var(--spacing-16) var(--spacing-16) 20px; 
}
.dai-assistant__column{ display: flex; flex-direction: column; gap: var(--spacing-8); flex: 1 1 auto; width: 100%; min-height: 0; overflow-y: auto; }
.dai-assistant__column > *{ flex: none; }
.dai-assistant__user{ display: flex; justify-content: flex-end; }
.dai-assistant__bubble{
  margin: 0; max-width: 100%; padding: 10px var(--spacing-16); 
  border-radius: var(--radius-16); background: var(--action-primary-background);
  font: 400 12px/18px var(--font-sans); color: var(--content-inverse);
}
.dai-assistant__gap{ height: var(--spacing-8); }
.dai-assistant__reply{ display: flex; flex-direction: column; gap: var(--spacing-8); }
.dai-assistant__reply::after{ content: ''; height: 6px; }
.dai-assistant__summary{ margin: 0; color: var(--content-secondary); }
.dai-assistant__rule{ width: 100%; height: 0; margin: 0; border: 0; border-top: 1px solid var(--border-default); }
.dai-assistant__text{ margin: 0; color: var(--content-primary); }
.dai-assistant__column > .dai-assistant__spacer{ flex: 1 1 auto; min-height: 0; }
.dai-assistant__card-action{ flex: 1 1 0; }
.dai-assistant-sidebar .dai-assistant__title{ flex: 1 1 auto; }
.dai-assistant.dai-conversation{ width: 1157px; max-width: 100%; }
.dai-assistant.dai-conversation::after{ display: none; }
.dai-conversation__bar{ padding: 0 var(--spacing-8) 0 var(--spacing-12); }
.dai-conversation .dai-assistant__column{ width: 640px; max-width: 100%; }

/* ---- index.html <style> */
:root{
    --pv-font: Inter, "Noto Sans KR", system-ui, -apple-system, sans-serif;
    --pv-ground: #111113; 
    color-scheme: dark;
  }
.d-app{ position: absolute; left: 0; top: 0; width: 1440px; height: 900px; transform-origin: 0 0; border-radius: 12px; overflow: hidden; border: 1px solid var(--border-default); box-shadow: var(--shadow-modal); background: var(--surface-workspace); }
.pw-shell{ display: flex; width: 100%; height: 100%; }
.pw-home{ position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; background: var(--surface-workspace); }
.pw-home__bar{ display: flex; justify-content: flex-end; align-items: center; height: 42px; padding: 0 8px; flex: none; }
.pw-home__hero{ flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding-bottom: 40px; }
.pw-home__hero h1{ margin: 0; font: 400 28px/34px var(--font-sans); letter-spacing: -0.4px; color: var(--content-primary); }
.pw-home__mark{ color: #8a8a8e;  }
.pw-home__prompt{ display: flex; justify-content: center; padding: 0 16px 20px; flex: none; }
.pw-home__prompt .dai-prompt{ max-width: 720px; }
.pw-thread{ height: 100%; }
.pw-thread.dai-conversation{ flex: 1; width: auto; min-width: 0; }
.pw-thread.dai-conversation .dai-actioncard{ max-width: none; }
.pw-thread .dai-actioncard__actions .dai-btn{ align-self: flex-start; }
.pw-thread .dai-btn:disabled{ opacity: 0.45; cursor: default; }
.pw-freeform{ width: 100%; min-height: 80px; resize: none; padding: 10px; border-radius: var(--radius-9); border: 1px solid var(--border-strong); background: var(--surface-control); color: var(--content-primary); font: 500 13px/20px var(--font-sans); outline: none; }
.pw-freeform:focus-visible{ box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-canvas{ flex: 1; min-width: 0; display: flex; flex-direction: column; background: var(--surface-workspace); }
.pw-canvas .dai-header{ gap: 0; justify-content: space-between; height: 84px; flex: none; }
.pw-canvas__body{ flex: 1; min-height: 0; display: flex; }
.pw-viewport{ position: relative; flex: 1; min-width: 0; overflow: hidden; background: var(--surface-workspace); }
.pw-viewport__grid{ position: absolute; top: 0; left: -73.26%; width: 221.55%; height: 100%; max-width: none; pointer-events: none; user-select: none; }
.pw-viewport__model{ position: absolute; left: 50%; top: 50%; width: 490px; max-width: none; transform: translate(-50%, -50%); pointer-events: none; user-select: none; }
.pw-viewport__axis{ position: absolute; top: 20px; right: 20px; }
.pw-panel{ flex: none; width: 260px; border-left: 1px solid var(--border-default); background: var(--surface-workspace); overflow: hidden; display: flex; flex-direction: column; }
.pw-panel > *{ flex: 1; min-height: 0; }
.pw-shell{ position: relative; }
.pw-backdrop{ position: absolute; inset: 0; z-index: 20; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5);  }
.pw-modal{ display: flex; flex-direction: column; gap: 12px; width: 400px; padding: 20px; border-radius: var(--radius-16); background: var(--surface-panel); border: 1px solid var(--border-default); box-shadow: var(--shadow-modal); }
.pw-modal__title{ margin: 0; font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.pw-modal__desc{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pw-modal__actions{ display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
.pw-pop{ position: absolute; z-index: 15; }
.dai-chip.pw-chip-annotate.is-selected{ background: var(--selection-background); }
.dai-assistant__bubble{ white-space: pre-line; }
.pw-float{ position: absolute; z-index: 12; }
.pw-float .dai-actioncard{ max-width: none; background: var(--surface-panel); box-shadow: var(--shadow-popover); }
.pw-checks{ display: flex; flex-direction: column; gap: 12px; margin: 0; }
.pw-checks p{ margin: 0; }
.pw-checks span{ display: block; color: var(--content-secondary); }
.pw-field{ display: flex; flex-direction: column; gap: 6px; }
.pw-field__label{ font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.pw-readonly{ padding: 8px 12px; border-radius: var(--radius-9); background: var(--surface-control); border: 0.5px solid var(--border-medium); font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-readonly--center{ text-align: center; font-weight: 600; }
.pw-overlay{ position: absolute; z-index: 10; }
.pw-engine-view{ position: relative; flex: 1; min-width: 0; overflow: hidden; background: var(--surface-workspace); }
.pw-engine-view__ctx{ position: absolute; left: 16px; top: 20px; display: flex; flex-direction: column; gap: 2px; pointer-events: none; }
.pw-engine-view__ctx b{ font: 500 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-engine-view__ctx span{ font: 500 10.5px/15px var(--font-sans); color: var(--content-secondary); }
.pw-engine-view__axis{ position: absolute; top: 16px; right: 16px; }
.pw-engine-view__missing{ position: absolute; left: 24px; top: 136px; margin: 0; font: 500 16px/24px var(--font-sans); color: var(--content-primary); }
.pw-engine-view__legends{ position: absolute; right: 16px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 24px; }
.pw-engine-view__legends .dai-legend{ height: 110px; }
.pw-engine-view__dock{ position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; }
.pw-result{ position: absolute; left: 50%; top: 46%; width: 430px; transform: translate(-50%, -50%); }
.pw-result img{ display: block; width: 100%; max-width: none; }
.pw-result__ramp{ position: absolute; inset: 0; mix-blend-mode: color; -webkit-mask: url(img/bolt.png) center / 100% 100% no-repeat; mask: url(img/bolt.png) center / 100% 100% no-repeat;
    background: linear-gradient(30deg, #e4823a 8%, #e9c44a 30%, #57b77c 50%, #3e8ee0 68%, #3157d2 100%);  }
.pw-engine-panel{ flex: none; width: 260px; display: flex; flex-direction: column; overflow: hidden; }
.pw-engine-panel > .dai-engine-details,.pw-engine-panel > .dai-mesh-preparation{ height: 100% !important; flex: 1; }
.pw-noresult .dai-engine-details__section:first-child{ display: none; }
.pw-runs{ flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 12px; box-shadow: inset 1px 0 0 var(--border-default); }
.pw-runs h3{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pw-danger .dai-menuitem__label{ color: var(--status-danger-content); }
.pw-menu-icon{ display: inline-flex; align-items: center; gap: 8px; }
.pw-input{ width: 100%; height: 36px; padding: 0 12px; border-radius: var(--radius-9); background: var(--surface-control); border: 0.5px solid var(--border-medium); color: var(--content-primary); font: 400 12px/18px var(--font-sans); outline: none; }
.pw-input:focus-visible,.pw-input.is-focus{ box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-lead{ display: inline-flex; align-items: center; gap: 12px; margin-right: 8px; }
.pw-lead .dai-assistant__nav{ gap: 1px; }
.pw-dim .dai-assistant__reply{ opacity: 0.55; }
.pw-empty-canvas{ flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; }
.pw-empty-canvas h2{ margin: 0; font: 400 24px/30px var(--font-sans); letter-spacing: -0.3px; color: var(--content-primary); }
.pw-thread .dai-assistant__body{ padding: 16px 15px 20px 18px; }
.pw-thread .dai-prompt,.pw-home__prompt .dai-prompt{ height: 112px; justify-content: space-between; }
.pw-home__prompt .dai-prompt.pw-prompt--attach{ height: 152px; padding-bottom: 10px; }
.pw-thread .dai-prompt__input,.pw-home__prompt .dai-prompt__input{ padding-bottom: 0; }
.pw-home__prompt .dai-prompt{ max-width: 760px; }
.dai-conversation .dai-assistant__user{ min-height: 56px; align-items: flex-start; }
.dai-conversation .dai-assistant__bubble{ max-width: 420px; }
.pw-bubble-wide .dai-assistant__bubble{ width: 100%; text-align: left; }
.pw-thread .dai-assistant__card-action{ min-width: 0; }
.dai-actioncard__actions{ align-items: center; }
.dai-actioncard .dai-btn--secondary{ border-color: #3d3d3f;  }
.dai-radio{ margin: 0; }
.dai-question__actions .dai-btn--ghost{ color: var(--content-secondary); font-weight: 400; }
.pw-freeform{ min-height: 108px; border-color: var(--border-medium); }
.pw-canvas .dai-header__row{ position: relative; }
.pw-canvas .dai-header__title{ flex: 1; min-width: 0; text-align: center; }
.pw-canvas .dai-header__title.pw-title-right{ text-align: right; padding-right: 37px; }
.pw-canvas .dai-header__tools{ position: relative; gap: 5px; }
.pw-canvas .dai-header__tools .dai-iconbtn--muted,.pw-left-comment.dai-iconbtn--muted{ color: #a0a0a5;  }
.pw-canvas .dai-header__row:first-child > .dai-iconbtn:not(.is-selected){ color: #818181;  }
.dai-chip svg[width="24"]{ margin: 0 -5px; }
.dai-iconbtn:disabled{ background: transparent; opacity: 0.38; cursor: default; }
.pw-canvas .dai-tab{ flex: none; min-width: 104px; }
.pw-canvas .dai-tab__label{ flex: none; }
.pw-canvas .dai-tab__close{ visibility: visible; margin-left: auto; margin-right: -1px; }
.pw-shape-hdr .dai-tab:not(.is-active) .dai-tab__close{ visibility: hidden; }
.pw-canvas .dai-tab.is-active .dai-tab__close .dai-icon{ color: #c8c8cc;  }
.pw-gizmo{ display: block; }
.pw-engine-view__ctx{ top: 17px; }
.pw-engine-view__ctx b{ font-size: 11.5px; }
.pw-panel--narrow{ width: 200px; }
.pw-panel--narrow > *{ min-width: 260px; }
.pw-app .dai-param{ padding-left: 8px; }
.pw-app .dai-param:has(select){ padding-left: 6px; padding-right: 2px; gap: 0; }
.pw-engine-panel .dai-param select{ font-size: 12.2px; }
.pw-panel .dai-param{ font-size: 12px; }
.pw-engine-panel > .dai-mesh-preparation,.pw-engine-panel > .dai-engine-details,.pw-runs{ box-shadow: inset 1px 0 0 var(--border-medium); }
.dai-param select{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 0; }
.pw-restore-off .dai-btn{ color: var(--content-tertiary); border-color: var(--border-default); pointer-events: none; }
.pw-pop .dai-menu{ padding: 4px; gap: 0; }
.pw-pop .dai-menuitem{ height: 30px; padding: 0 10px; font: 400 14px/20px var(--font-sans); color: #f2f2f2;  }
.pw-pop .dai-menusep{ padding: 1.5px 0; }
.pw-pop--tall .dai-menu{ padding: 3px; }
.pw-pop--tall .dai-menuitem{ height: 36px; font-size: 11.5px; }
.pw-modal{ padding: 24px; gap: 14px; background: var(--surface-app); }
.pw-modal__title{ font: 700 20px/24px var(--font-sans); }
.pw-field__label{ font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pw-readonly{ display: flex; align-items: center; min-height: 41px; padding: 0 12px; background: var(--surface-workspace); border: 1px solid var(--border-default); font: 400 13px/20px var(--font-sans); }
.pw-readonly--center{ justify-content: center; }
.pw-readonly{ font-weight: 500; }
.pw-input{ height: 41px; background: var(--surface-workspace); border: 1px solid var(--border-default); font-size: 13px; }
.pw-modal__actions{ padding-top: 0; }
.pw-modal__actions .dai-btn{ height: 36px; padding: 0 12px; border-radius: 8px; }
.pw-modal__actions .dai-btn--ghost{ color: var(--content-secondary); font-weight: 400; }
.pw-home__hero{ gap: 12px; padding-bottom: 0; padding-top: 8px; }
.pw-home__hero h1{ font-size: 30px; line-height: 36px; }
.pw-empty-canvas h2{ font-size: 30px; line-height: 36px; }
.pw-engine-view--app{ background: var(--surface-app); }
.pw-nohl .dai-resultsel.is-selected{ background: transparent; }
.pw-dock-down .dai-results-panel__controls > .dai-iconbtn:first-child svg{ transform: rotate(180deg); }
.pw-runs{ gap: 3px; }
.pw-result-img{ position: absolute; max-width: none; pointer-events: none; user-select: none; }
.pw-legends{ position: absolute; right: 15px; display: flex; flex-direction: column; align-items: flex-end; }
.pw-legend{ display: flex; flex-direction: column; align-items: flex-end; }
.pw-legend__scale{ display: flex; align-items: stretch; gap: 6px; }
.pw-legend__nums{ display: flex; flex-direction: column; justify-content: space-between; text-align: right; font: 500 10px/12px var(--font-sans); color: var(--content-secondary); }
.pw-legend__scale{ gap: 10px; }
.pw-legend__nums{ font-size: 8.5px; line-height: 10px; padding: 3px 0; }
.pw-legend__bar{ display: block; }
.pw-legends--a{ top: 156px; gap: 25px; }
.pw-legends--a .pw-legend{ gap: 4px; }
.pw-legends--a .pw-legend__unit,.pw-legends--a .pw-legend__metric,.pw-legends--c .pw-legend__unit,.pw-legends--c .pw-legend__metric{ font: 600 8.5px/12px var(--font-sans); letter-spacing: 0.45px; color: var(--content-primary); }
.pw-legends--a .pw-legend__bar{ width: 7px; height: 80px; background: linear-gradient(#577fb4, #425889, #303a5e);  }
.pw-legends--b{ top: 168px; gap: 17px; }
.pw-legends--b .pw-legend__unit,.pw-legends--b .pw-legend__metric{ font: 400 11px/14px var(--font-sans); color: var(--content-primary); }
.pw-legends--b .pw-legend__unit{ margin-bottom: 5px; }
.pw-legends--b .pw-legend__metric{ margin-top: 20px; }
.pw-legends--b .pw-legend__bar{ width: 8px; height: 56px; background: linear-gradient(#4e6fa4, #303e67);  }
.pw-legends--c{ top: 277px; right: 17px; }
.pw-legends--c .pw-legend{ gap: 4px; }
.pw-legends--c .pw-legend__bar{ width: 8px; height: 108px; border-radius: 4px; background: linear-gradient(#5e8dc2, #3e5687, #242b48);  }
.pw-thread .dai-assistant__title{ flex: 1 1 auto; min-width: 0; }
.pw-artbtn{ color: #8e8e93;  border-radius: var(--radius-6); }
.pw-artbtn{ margin-left: -6px; }
.pw-thread .dai-assistant__title{ margin-right: -3px; }
.d-app .dai-btn--secondary{ border-color: #3d3d3f;  }
.pw-artbtn.is-active{ background: #2e2e30; color: var(--content-primary);  }
.pw-thread-hero{ flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding-top: 32px; min-height: 0; }
.pw-thread-hero h2{ margin: 0; font: 400 30px/36px var(--font-sans); letter-spacing: -0.3px; text-align: center; color: var(--content-primary); }
.pw-layers{ display: flex; flex-direction: column; gap: 8px; padding: 8px; height: 100%; box-shadow: inset 1px 0 0 var(--border-default); }
.pw-layers__search{ display: flex; align-items: center; gap: 6px; height: 27px; padding: 0 8px; border-radius: 6px; border: 1px solid var(--border-default); background: var(--surface-panel); color: var(--content-secondary); }
.pw-layers__search input{ flex: 1; min-width: 0; border: 0; background: transparent; outline: none; color: var(--content-primary); font: 400 12px/18px var(--font-sans); }
.pw-layers__search input::placeholder{ color: var(--content-tertiary); }
.pw-layers__list{ display: flex; flex-direction: column; }
.pw-layer{ display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 8px 0 12px; border-radius: 6px; cursor: pointer; font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-layer:hover{ background: var(--state-hover); }
.pw-layer.is-selected{ background: #2e2e30;  }
.pw-layer.is-hidden .pw-layer__label,.pw-layer.is-hidden .pw-layer__icon{ opacity: 0.4; }
.pw-layer__icon{ display: inline-flex; color: var(--content-primary); }
.pw-layer__label{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-layer__lock{ display: inline-flex; color: var(--content-secondary); margin-right: 10px; }
.pw-layer__eye{ display: inline-flex; padding: 2px; border: 0; background: transparent; color: var(--icon-default); cursor: pointer; border-radius: 4px; }
.pw-layer.is-hidden .pw-layer__eye{ color: var(--content-secondary); }
.pw-layer__eye:focus-visible,.pw-layer:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-tab-wide{ width: 240px; min-width: 240px; height: 29px; }
.pw-canvas .pw-tab-wide .dai-tab__close{ visibility: visible !important; }
.pw-hdr-w10 .dai-header__row:first-child{ padding-left: 4px; }
.pw-tb-active{ background: #222224;  }
.dai-iconbtn.pw-bright{ color: var(--icon-default) !important; }
.pw-canvas .dai-tab.pw-tab-plain{ background: transparent; min-width: 0; padding-right: 14px; }
.pw-canvas .dai-tab.pw-tab-plain .dai-tab__close{ display: none; }
.pw-hdr-w10 .dai-header__title{ text-align: left; padding-left: 0; font-size: 12px; }
.pw-folder-title{ display: inline-flex; align-items: center; gap: 6px; }
.pw-folder-title .dai-icon{ color: var(--icon-default); flex: none; }
.pw-folder-title > span:last-child{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-vdiv{ width: 1px; height: 16px; background: var(--border-medium); margin-right: 12px; flex: none; }
.pw-art-pop{ position: absolute; z-index: 14; display: flex; flex-direction: column; overflow: hidden; border-radius: 12px; background: var(--surface-app); border: 1px solid #343436;  box-shadow: var(--shadow-popover); padding: 12px 13px; gap: 6px; }
.pw-art-pop__head{ display: flex; align-items: center; justify-content: space-between; height: 22px; font: 400 11.5px/16px var(--font-sans); color: #9c9c9d;  }
.pw-art-pop__sep{ height: 1px; background: #343436; margin: 6px 0; flex: none; }
.pw-art-row{ display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 0 11px; border-radius: 6px; cursor: pointer; flex: none; }
.pw-art-row:hover{ background: var(--state-hover); }
.pw-art-row.is-selected{ background: #343436; }
.pw-art-row__thumb{ width: 30px; height: 18px; flex: none; object-fit: contain; }
.pw-art-row__doc{ width: 26px; display: inline-flex; justify-content: center; color: #e0e0e0; flex: none; }
.pw-art-row b{ display: block; margin-bottom: 4px; font: 400 12px/16px var(--font-sans); color: var(--content-primary); }
.pw-art-row span.sub{ display: block; font: 400 11px/16px var(--font-sans); color: #a6a6a7; }
.pw-layers__list{ gap: 0; }
.pw-layer{ height: 32px; }
.pw-layer--group{ padding-left: 4px; }
.pw-layer--child{ margin-left: 48px; padding-left: 10px; }
.pw-layer__chev{ display: inline-flex; width: 20px; justify-content: center; color: var(--content-secondary); }
.pw-layer--group{ gap: 6px; }
.pw-layer--group .pw-layer__icon{ margin-left: 2px; }
.pw-version{ display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 4px 6px 12px; border-radius: 6px; cursor: pointer; color: #c8c8c8;  font: 400 12px/18px var(--font-sans); }
.pw-version:hover{ background: var(--state-hover); }
.pw-version.is-open{ background: #2e2e30; min-height: 52px; }
.pw-version__icon{ display: inline-flex; color: var(--icon-default); }
.pw-version__text{ flex: 1; display: flex; flex-direction: column; }
.pw-version__ago{ color: #618dbe;  }
.pw-textarea{ height: auto; min-height: 119px; padding: 10px 12px; resize: none; line-height: 20px; }
.pw-proj__hdr{ height: 42px; gap: 0; justify-content: center; }
.pw-proj__body{ flex: 1; min-height: 0; display: flex; }
.pw-docs{ flex: none; width: 272px; display: flex; flex-direction: column; gap: 8px; padding: 16px; box-shadow: inset -1px 0 0 var(--border-default); }
.pw-docs__head{ display: flex; align-items: center; justify-content: space-between; font: 500 13px/18px var(--font-sans); color: var(--content-primary); }
.pw-docs__search{ background: var(--surface-panel); margin-bottom: 4px; }
.pw-docs__row{ min-height: 56px; padding: 0 8px; gap: 8px; margin-bottom: 8px; }
.pw-docs__row.is-selected{ background: #2e2e30; border-radius: 8px; }
.pw-doc-area{ flex: 1; min-width: 0; overflow-y: auto; display: flex; justify-content: center; }
.pw-doc{ width: 640px; max-width: 100%; padding-top: 58px; color: #99999a;  font: 400 14px/24px var(--font-sans); }
.pw-doc__title{ margin: 0 0 14px; font: 700 20px/28px var(--font-sans); color: var(--content-primary); }
.pw-doc__title.is-placeholder{ color: #606062; }
.pw-doc__desc{ display: grid; grid-template-columns: 112px 1fr; align-items: center; margin-bottom: 18px; font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-doc__input{ height: 32px; padding: 0 10px; border-radius: 6px; background: var(--surface-workspace); border: 1px solid #29292b; color: var(--content-primary); font: 400 12px/18px var(--font-sans); outline: none; }
.pw-doc__input:focus-visible{ box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-doc h2{ margin: 22px 0 7px; font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.pw-doc p{ margin: 0; }
.pw-doc ul{ margin: 0; padding: 0; list-style: none; }
.pw-doc li::before{ content: '• '; }
.pw-doc__checks{ display: flex; flex-direction: column; gap: 6px; }
.pw-doc__check{ position: relative; display: flex; align-items: center; gap: 12px; color: var(--content-primary); cursor: pointer; }
.pw-doc__check.is-done{ color: #99999a; }
.pw-doc__check input{ position: absolute; opacity: 0; pointer-events: none; }
.pw-doc__box{ width: 20px; height: 20px; border-radius: 6px; flex: none; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-panel); border: 1px solid #3b3b3e; }
.pw-doc__check.is-done .pw-doc__box{ background: #242b46; border-color: var(--selection-border); }
.pw-doc__box .dai-icon{ color: #fff; }
.pw-doc__check input:focus-visible + .pw-doc__box{ box-shadow: 0 0 0 2px var(--focus-ring); }
.pw-doc__start{ display: flex; align-items: center; gap: 8px; color: #606062; }
.pw-doc__grip{ font-size: 10px; letter-spacing: -2px; }
.pw-pdb{ flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 24px 24px 8px; background: var(--surface-workspace); }
.pw-pdb h1{ margin: 0 0 14px; font: 700 20px/28px var(--font-sans); color: var(--content-primary); }
.pw-pdb__search{ display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 8px; background: var(--surface-panel); border: 1px solid var(--border-default); color: var(--content-tertiary); }
.pw-pdb__search input{ flex: 1; min-width: 0; border: 0; outline: none; background: transparent; color: var(--content-primary); font: 400 13px/18px var(--font-sans); }
.pw-pdb__search input::placeholder{ color: #7c7c7e; }
.pw-pdb__body{ flex: 1; min-height: 0; display: flex; gap: 24px; padding-top: 24px; overflow: hidden; }
.pw-filters{ flex: none; width: 180px; display: flex; flex-direction: column; gap: 18px; }
.pw-filters__head{ display: flex; justify-content: space-between; align-items: baseline; font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.pw-filters__head .pv-link{ color: #6ca4e3; font-size: 13px; }
.pw-filters fieldset{ margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 12px; }
.pw-filters legend{ padding: 0 0 12px; font: 500 13px/18px var(--font-sans); color: var(--content-primary); }
.pw-filters .dai-checkbox-label{ font-size: 13px; color: #99999a; }
.pw-pdb__grid-wrap{ flex: none; display: flex; flex-direction: column; gap: 14px; width: 632px; }
.pw-pdb__grid-wrap:not(.has-preview){ flex: 1; }
.pw-pdb__gridhead{ display: flex; justify-content: space-between; align-items: baseline; font: 400 13px/18px var(--font-sans); color: var(--content-secondary); }
.pw-pdb__gridhead b{ font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.pw-pdb__grid{ display: grid; grid-template-columns: repeat(3, 200px); gap: 16px; overflow: hidden; }
.pw-pcard{ display: flex; flex-direction: column; width: 200px; height: 200px; padding: 0; overflow: hidden; border-radius: 8px; border: 1px solid #3b3b3e; background: #1d1d1f; cursor: pointer; text-align: left; }
.pw-pcard.is-selected{ border-color: #43559e; }
.pw-pcard:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }
.pw-pcard__img{ width: 198px; height: 134px; display: block; object-fit: cover; }
.pw-pcard__foot{ flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 0 12px; background: var(--surface-panel); }
.pw-pcard__foot b{ font: 400 13px/18px var(--font-sans); color: var(--content-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-pcard__foot span{ font: 400 11px/16px var(--font-sans); color: #9f9fa1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-pdb__foot{ display: flex; align-items: center; gap: 8px; height: 48px; padding-left: 204px; font: 500 11px/16px var(--font-sans); color: var(--content-secondary); }
.pw-pdb__foot.has-preview{ padding-right: 316px; }
.pw-pdb__per{ display: inline-flex; align-items: center; gap: 8px; margin-left: 40px; font-weight: 400; }
.pw-pdb__select,.pw-pdb__ctl,.pw-pdb__page,.pw-pdb__round{ display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 10px; border-radius: 8px; border: 1px solid #3b3b3e; background: #1d1d1f; color: var(--content-primary); }
.pw-pdb__round{ width: 32px; padding: 0; justify-content: center; border-radius: 999px; }
.pw-pdb__pagebox{ display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 24px; border-radius: 6px; border: 1px solid #3b3b3e; }
.pw-ppreview{ flex: none; width: 292px; display: flex; flex-direction: column; gap: 8px; padding: 18px 17px; border-radius: 12px; border: 1px solid var(--border-default); background: var(--surface-workspace); margin-top: -10px; }
.pw-ppreview h3{ margin: 0; font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.pw-ppreview__media{ position: relative; display: flex; justify-content: center; padding-top: 10px; }
.pw-ppreview__media img{ width: 150px; }
.pw-ppreview__kicker{ position: absolute; left: 12px; top: 0; font: 400 10px/14px var(--font-sans); letter-spacing: 0.4px; color: #99999a; }
.pw-ppreview h4{ margin: 12px 0 0; font: 700 20px/26px var(--font-sans); color: var(--content-primary); }
.pw-ppreview p{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pw-ppreview dl{ margin: 6px 0 0; display: flex; flex-direction: column; gap: 16px; font: 400 12px/18px var(--font-sans); }
.pw-ppreview dl div{ display: flex; justify-content: space-between; }
.pw-ppreview dt{ color: #99999a; }
.pw-ppreview dd{ margin: 0; color: var(--content-primary); }
.pw-ppreview__spacer{ flex: 1; }
.pw-ppreview__dl{ width: 100%; height: 39px; border-radius: 8px; }
.pw-ppreview__insert{ border: 0; background: none; color: var(--content-secondary); font: 400 12px/18px var(--font-sans); cursor: pointer; padding: 6px 0 0; }
.pw-ppreview--sm{ width: 318px; padding: 16px 14px; margin-top: 0; }
.pw-ppreview--sm h3{ font-size: 14px; }
.pw-ppreview--sm h4{ font-size: 17px; line-height: 22px; }
.pw-ppreview--sm p,.pw-ppreview--sm dl{ font-size: 10px; line-height: 14px; }
.pw-pref{ flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 24px; }
.pw-pref__head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.pw-pref__head h1{ margin: 0; font: 700 20px/28px var(--font-sans); color: var(--content-primary); }
.pw-pref__search{ height: 32px; }
.pw-pref__body{ flex: 1; min-height: 0; display: flex; justify-content: space-between; gap: 24px; padding-top: 24px; }
.pw-pref__label{ margin-bottom: 12px; font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-conv-wrap{ flex: 1; min-width: 0; display: flex; }
.pw-conv-wrap .dai-conversation{ flex: 1; width: auto; }
.pw-conv-wrap .dai-conversation .dai-assistant__column{ width: 760px; }
.pw-conv-wrap--offset .dai-assistant__body{ align-items: flex-start; padding-left: 75px; padding-top: 28px; }
.pw-conv-wrap .dai-assistant__user{ min-height: 0; }
.pw-conv-wrap .dai-assistant__gap{ height: 8px; }
.pw-conv-wrap .dai-conversation__bar{ border-bottom: 1px solid var(--border-default); }
.pw-modal--float{ position: absolute; z-index: 20; padding: 17px; gap: 10px; border-color: #343436; }
.pw-field__label--sm{ font-size: 11px; }
.pw-input--sm{ height: 32px; font-size: 12px; border-radius: 6px; border-color: #29292b; }
.pw-select{ display: flex; align-items: center; justify-content: space-between; }
.pw-field__hint{ font: 400 11px/16px var(--font-sans); color: var(--content-tertiary); }
.pw-canvas .dai-header.pw-proj__hdr{ height: 42px; justify-content: center; }
.pw-canvas .dai-tab.pw-tab-plain{ min-width: 110px; }
.pw-canvas .dai-header:not(.pw-shape-hdr) .dai-tab__close{ margin-right: 7px; }
.pw-proj__hdr .dai-header__row{ padding-top: 2px; }
.pw-version{ position: relative; flex-direction: column; align-items: stretch; justify-content: center; gap: 2px; min-height: 30px; padding: 0 8px 0 12px; }
.pw-version__line{ display: flex; align-items: center; gap: 8px; }
.pw-version--0,.pw-version--1{ height: 30px; }
.pw-version--2{ height: 52px; margin-top: 4px; }
.pw-version--3{ height: 36px; margin-top: 8px; }
.pw-version__ago{ font: 500 11px/14px var(--font-sans); color: #6e9fd8;  }
.pw-version__more{ position: absolute; top: 5px; right: 4px; display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 21px; padding: 0; border: 0; border-radius: 6px; background: #3a3a3c; color: var(--icon-default); cursor: pointer; }
.pw-modal--ds{ border-radius: 20px; }
.pw-modal--ds .pw-modal__actions .dai-btn{ height: 32px; padding: 0 24px; border-radius: var(--radius-9); }
.pw-modal--saveas .pw-textarea{ height: 119px; min-height: 0; }
.pw-modal--float{ gap: 12px; border-radius: 12px; padding: 20px 17px 17px; }
.pw-modal--float .pw-field{ gap: 8px; }
.pw-modal--float .pw-field__hint{ margin-top: 2px; }
.pw-modal--float .pw-modal__actions{ padding-top: 12px; }
.pw-pop .dai-menuitem{ font-size: 13px; }
.pw-pop .dai-menusep{ padding: 1.5px 7px; }
.pw-pop--tall .dai-menu{ padding: 6px; }
.pw-pop--tall .dai-menuitem{ font-size: 11.5px; }
.pw-hdr-w10 .dai-header__title{ font-weight: 400; }
.pw-tab-wide .dai-tab__close .dai-icon,.pw-canvas .dai-header:not(.pw-shape-hdr) .dai-tab.is-active .dai-tab__close .dai-icon{ width: 8px; height: 8px; color: #d6d6da;  }
.pw-tab-wide:not(.is-active) .dai-tab__close .dai-icon{ color: #c8c8cc; }
.pw-hdr-w10 .dai-header__row:first-child > .dai-iconbtn:not(.is-selected){ color: #c8c8cc; }
.pw-canvas .dai-header:not(.pw-shape-hdr):not(.pw-proj__hdr){ padding-top: 9px; padding-bottom: 7px; }
.pw-canvas .dai-header:not(.pw-shape-hdr) .dai-tab:not(.is-active) .dai-tab__close{ margin-right: 0; }
.pw-canvas .dai-header:not(.pw-shape-hdr):not(.pw-proj__hdr) .dai-chip{ padding: 0 10px; }
.pw-proj__hdr .dai-header__row{ padding-top: 3px; }
.pw-proj__hdr .dai-header__row > .dai-iconbtn{ margin-left: 4.5px; }
.pw-proj__hdr .dai-header__row > .dai-iconbtn:last-child{ margin-right: 3px; }
.pw-docs__head{ font-size: 11.5px; }
.pw-docs__head .dai-iconbtn{ color: var(--icon-default); }
.pw-docs{ padding-top: 18px; }
.pw-docs__search{ border-radius: 8px; height: 27px; }
.pw-docs__row{ margin-bottom: 0; padding: 0 6px 0 10px; }
.pw-doc{ padding-top: 79px; }
.pw-doc--empty{ padding-top: 47px; }
.pw-doc h2{ margin-top: 26px; }
.pw-doc__checks{ gap: 12px; }
.pw-doc__check.is-done .pw-doc__box{ border-color: #242b46; }
.pw-doc__grip{ font-size: 13px; letter-spacing: 0; margin-left: 8px; }
.pw-pdb h1{ margin-bottom: 22px; }
.pw-pdb__search{ padding: 0 12px; }
.pw-pdb__search input{ font-size: 12px; }
.pw-pdb__body{ padding-top: 26px; }
.pw-filters{ gap: 26px; }
.pw-filters .dai-checkbox-label{ font-size: 12px; }
.pw-filters__head .pv-link{ font-size: 12px; }
.pw-pdb__gridhead{ font-size: 12px; }
.pw-pdb__grid-wrap{ gap: 18px; }
.pw-pcard.is-selected{ border-color: #5566c4;  }
.pw-pcard__foot b{ font-size: 12.5px; text-overflow: clip; }
.pw-pdb__foot{ padding-bottom: 4px; }
.pw-pdb__select,.pw-pdb__page,.pw-pdb__pagebox{ border-radius: 999px; }
.pw-pdb__per{ margin-left: 24px; }
.pw-pdb__muted{ color: var(--content-secondary); }
.pw-pdb__dbl .dai-icon + .dai-icon{ margin-left: -9px; }
.pw-ppreview{ margin-top: 0; padding: 18px 17px 27px; border-radius: 16px; }
.pw-ppreview__media{ height: 256px; margin-top: 14px; padding-top: 0; }
.pw-ppreview__media{ flex-direction: column; align-items: center; gap: 10px; }
.pw-ppreview__media img{ width: auto; height: 214px; margin-top: 0; mix-blend-mode: lighten; }
.pw-ppreview__kicker{ position: static; margin-top: 12px; }
.pw-ppreview h4{ margin-top: 26px; }
.pw-ppreview p{ margin-top: 8px; }
.pw-ppreview dl{ margin-top: 16px; }
.pw-ppreview--sm{ padding: 16px 14px 20px; }
.pw-ppreview--sm .pw-ppreview__media{ height: 220px; }
.pw-ppreview--sm .pw-ppreview__media img{ height: 180px; }
.pw-ppreview--sm .pw-ppreview__dl{ height: 33px; font-size: 11px; }
.pw-ppreview--sm .pw-ppreview__insert{ font-size: 11px; }
.pw-pref{ padding-top: 24px; }
.pw-pref__head .dai-btn{ height: 31px; padding: 0 16px; font-size: 12px; }
.pw-title-wb{ max-width: 92px; }
.pw-folder-title{ max-width: 96px; }
.pw-vdiv{ margin-right: 7px; }
.pw-layer--group{ padding-left: 8px; }
.pw-layer--group .pw-layer__icon svg{ width: 13px; height: 13px; }
.pw-panel .dai-param{ font-size: 14px; }
.dai-question__actions .dai-btn--ghost{ color: #9a9a9e;  }
.pw-thread-hero svg{ flex: none; }
.pw-pdb__foot{ padding-bottom: 10px; }
.pw-pdb__select,.pw-pdb__page{ border-radius: 10px; }
.pw-pdb__pagebox{ border-radius: 8px; }
.pw-pdb__page{ padding: 0 14px 0 12px; gap: 12px; }
.pw-pdb__round.pw-pdb__muted{ border-radius: 8px; color: var(--content-tertiary); }
.pw-pdb__round.pw-pdb__muted:first-of-type{ opacity: 0.6; }
.pw-pdb__dbl .dai-icon + .dai-icon{ margin-left: -12px; }
.pw-pdb__per{ margin-left: 14px; }
.pw-pdb__search{ padding: 0 8px; gap: 6px; }
.pw-ppreview{ margin-bottom: -23px; }
.pw-ppreview__media{ display: block; position: relative; height: 248px; margin-top: 26px; padding: 0; }
.pw-ppreview__media img{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 245px; margin: 0; }
.pw-ppreview__kicker{ position: absolute; left: 12px; top: 2px; margin: 0; color: var(--content-secondary); }
.pw-ppreview h4{ margin-top: 14px; }
.pw-ppreview p{ margin-top: 27px; }
.pw-ppreview dl{ margin-top: 16px; }
.pw-ppreview__dl{ height: 40px; }
.pw-ppreview__insert{ padding-top: 19px; }
.pw-ppreview--sm{ margin-bottom: 0; }
.pw-ppreview--sm .pw-ppreview__media{ height: 210px; margin-top: 21px; }
.pw-ppreview--sm .pw-ppreview__media img{ height: 205px; }
.pw-ppreview--sm .pw-ppreview__kicker{ left: 10px; top: 6px; }
.pw-ppreview--sm h4{ margin-top: 19px; }
.pw-ppreview--sm p{ margin-top: 14px; }
.pw-ppreview--sm dl{ margin-top: 18px; }
.pw-ppreview--sm .pw-ppreview__dl{ height: 33px; }
.pw-pref__head{ margin-bottom: 26px; }
.pw-pref__head .dai-btn{ padding: 0 22px; border: 1px solid #3d3d3f; }
.pw-modal--float{ gap: 16px; padding: 18px 14px 17px 17px; }
.pw-engine-view .dai-graph__plot{ margin-right: 6px; margin-top: 2px; }
.pw-engine-view .dai-graph__subtitle{ margin-top: 3px; }
.pw-engine-view .dai-graph__tools{ margin-right: 4px; }
.pw-engine-panel > .dai-mesh-preparation,.pw-engine-panel > .dai-engine-details,.pw-runs{ box-shadow: inset 1px 0 0 #434345;  }
.pw-modal--float .pw-field{ gap: 8px; }
.pw-modal--float .pw-select{ margin-top: 8px; }
.pw-modal--float .pw-field__hint{ margin-top: 9px; }
.pw-modal--float .pw-modal__actions{ padding-top: 0; }
.pw-input--sm{ height: 32px; min-height: 32px; }
.pw-home__mark{ color: #737374;  }
.pw-versions .pw-layers__search{ background: transparent; border-color: #2e2e30; }
.pw-versions .pw-layers__list{ padding-top: 6px; }
.pw-version{ color: #99999a; }
.pw-version.is-open{ color: #c8c8c8; border-radius: 8px; }
.pw-version--3{ margin-top: 0; }
.pw-version__ago{ color: #78b9ff; margin-top: 4px; }
.pw-version__more{ top: 4px; width: 24px; height: 24px; }
.pw-layer--group{ padding-left: 1px; }
.pw-layer__chev{ width: 16px; }
.pw-layer--group .pw-layer__icon{ margin-left: 14px; }
.pw-layer.is-hidden .pw-layer__label,.pw-layer.is-hidden .pw-layer__icon{ opacity: 1; color: #99999a; }
.pw-layer.is-hidden .pw-layer__eye{ color: var(--icon-default); }
.pw-pop .dai-menu{ border-color: #343436; }
.pw-pop .dai-menusep::before{ background: #29292b; }
.pw-pop--export .dai-menu{ padding: 3px; border-color: #2f2f31; }
.pw-pop--export .dai-menuitem{ height: 37px; font-size: 12px; }
.pw-modal--saveas{ gap: 12px; padding-top: 27px; }
.pw-modal--saveas .pw-input.is-focus{ height: 42px; border: 2px solid #475db9; box-shadow: none;  }
.pw-modal--saveas .pw-modal__actions .dai-btn--ghost{ padding: 0 19px; }
.dai-project-group-dialog{ border-color: #29292a; }
.pw-tb-active{ background: #2e2e30; color: #e1e1e1;  }
.pw-folder-title{ gap: 0; }
.pw-folder-title .dai-icon{ width: 15px; height: 15px; margin-right: 4px; }
.pw-thread .pw-folder-title{ max-width: 100px; margin-right: 1px; }
.pw-folder-title .pw-vdiv{ margin-right: 11px; }
.pw-thread .pw-title-wb{ max-width: 99px; }
.pw-art-pop__head .dai-iconbtn{ color: #b9b9ba;  }
.pw-art-pop__head + .pw-art-row{ margin-top: 4px; }
.pw-thread:has(.pw-folder-title) .dai-assistant__text{ margin-right: -2px; }
.pw-art-pop__sep{ margin: 0 0 6px; }
.pw-art-pop__sep + .pw-art-pop__head + .pw-art-row{ margin-top: 6px; }
.pw-art-row__thumb{ width: 36px; height: 22px; margin-left: -4px; }
.pw-empty-canvas{ gap: 14px; }
.pw-thread-hero svg{ position: relative; top: -2px; }
.pw-pop--plus .dai-menu{ padding-top: 5px; padding-bottom: 5px; }
.pw-layers:not(.pw-versions) > .pw-layers__search{ gap: 2px; }
.pw-attach .dai-attachment,.dai-promptbox .dai-attachment{ background: #2c2c2e;  }
.pw-doc__title{ letter-spacing: -0.4px; }
.pw-doc__title.is-placeholder{ color: #99999a; }
.pw-doc--empty .pw-doc__title{ margin-bottom: 24px; }
.pw-doc--empty .pw-doc__desc{ margin-bottom: 17px; }
.pw-doc--empty .pw-doc__input{ height: 31px; }
.pw-docs__search{ margin-top: 3px; margin-bottom: 5px; }
.pw-docs__row{ padding-left: 7px; gap: 5px; }
.pw-docs__row .pw-art-row__doc{ width: 18px; }
.pw-doc__start{ color: #737374; }
.pw-doc__grip{ color: #7b7b7c; flex: none; margin-left: 5px; }
.pw-canvas .dai-tab > .dai-icon:first-child{ color: #ececed;  }
.pw-canvas .dai-tab.is-active > .dai-icon:first-child{ color: #f5f5f7; }
.pw-shape-hdr:not(.pw-hdr-w10) .dai-tab.is-active .dai-tab__close .dai-icon{ color: #7d7d7e;  }
.pw-hdr-w10 .dai-header__tabs > .dai-iconbtn{ color: #ececed; }
.pw-canvas .pw-left-comment.dai-iconbtn--muted{ color: #888888; margin-left: -3px; }
.pw-canvas .dai-header__tools{ gap: 6px; }
.pw-canvas .pw-tools-tight .dai-header__tools{ gap: 4px; }
.pw-canvas .pw-chip-annotate{ padding-left: 7px; padding-right: 7px; }
.pw-shape-hdr .dai-chip.is-selected:has(+ .dai-iconbtn[aria-label="More"]){ padding-left: 10px; padding-right: 9px; }
.pw-canvas .pw-eng-hdr .dai-header__tools{ gap: 4px; }
.pw-canvas .dai-header.pw-eng-hdr.pw-eng-hdr:not(.pw-proj__hdr) .dai-chip{ padding: 0 8px 0 12px; gap: 7px; }
.pw-canvas .dai-header.pw-eng-hdr.pw-eng-hdr:not(.pw-proj__hdr) .dai-chip:has(svg[width="24"]){ padding: 0 8px 0 9px; gap: 6px; }
.pw-canvas .dai-header .dai-tab.pw-tab-doc .dai-tab__close{ margin-right: 0; }
.pw-proj__hdr--nodl .dai-header__row > .dai-iconbtn:last-child{ margin-left: 0; margin-right: -1px; }
.pw-home__bar > .dai-iconbtn[aria-label="Toggle panel"],.dai-conversation__bar > .dai-iconbtn[aria-label="Toggle panel"]{ margin-right: 4px; }
.dai-conversation__bar > .pw-artbtn{ margin-right: -8px; }
.dai-assistant-sidebar .pw-thread-hero svg{ top: 1px; }
.pw-layer.is-hidden .pw-layer__icon,.pw-layer.is-hidden .pw-layer__icon svg{ color: #676767;  }
.pw-layer--group .pw-layer__chev{ margin-left: 2px; }
.pw-layer--group .pw-layer__icon{ margin-left: 10px; }
.pw-art-pop{ box-shadow: none; border-radius: 12px; }
.pw-art-row__thumb{ margin-right: -2px; }
.pw-art-row span.sub{ font-size: 10.6px; }
.pw-art-pop__head + .pw-art-pop__sep{ margin: 4px 0; }
.pw-pop--plus .dai-menu{ border-radius: 12px; }
.pw-lead .dai-assistant__nav{ gap: 4px; }
.pw-canvas .dai-tab:not(.is-active) .dai-tab__close{ visibility: hidden; }
.pw-canvas .dai-tab:not(.is-active):hover .dai-tab__close,.pw-canvas .dai-tab:not(.is-active):focus-within .dai-tab__close{ visibility: visible; }
.pw-engine-view .dai-results-panel__graphs{ overflow-x: auto; scrollbar-width: thin; scrollbar-color: #3a3a3c transparent; }
.pw-graph-menu{ position: absolute; right: 16px; bottom: calc(100% - 10px); z-index: 5; width: 264px; display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: 12px; background: var(--surface-app); border: 1px solid #343436;  font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-graph-menu__title{ font-weight: 500; margin-bottom: 2px; }
.pw-graph-menu__label{ margin-top: 4px; font-size: 11px; line-height: 16px; color: var(--content-secondary); }
.pw-graph-menu__list{ display: flex; flex-direction: column; }
.pw-graph-menu__opt{ display: flex; justify-content: space-between; align-items: center; height: 30px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; color: var(--content-primary); font: inherit; cursor: pointer; text-align: left; }
.pw-graph-menu__opt:hover{ background: var(--state-hover); }
.pw-graph-menu__opt.is-on{ background: var(--state-selected); }
.pw-graph-menu__unit{ color: var(--content-secondary); font-size: 11px; }
.pw-graph-menu__seg{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; padding: 2px; border-radius: 8px; background: var(--surface-workspace); border: 1px solid var(--border-default); }
.pw-graph-menu__segbtn{ height: 26px; border: 0; border-radius: 6px; background: transparent; color: var(--content-secondary); font: inherit; cursor: pointer; }
.pw-graph-menu__segbtn.is-on{ background: var(--state-selected); color: var(--content-primary); }
.pw-graph-menu__segbtn:disabled{ opacity: 0.38; cursor: default; }
.pw-graph-menu__actions{ display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 6px; }
.pw-graph-menu__hint{ margin-right: auto; font-size: 11px; color: var(--content-tertiary); }
.pw-graph-menu__opt:focus-visible,.pw-graph-menu__segbtn:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-tree{ gap: 8px; padding: 8px; }
.pw-tree__search{ display: flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px; flex: none; border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0.1); background: #252528;  color: #ececed; }
.pw-tree__search .dai-icon{ width: 14px; height: 14px; }
.pw-tree__search input{ flex: 1; min-width: 0; border: 0; padding: 0; background: transparent; outline: none; color: #f5f5f7; font: 400 12px/18px var(--font-sans); }
.pw-tree__search input::placeholder{ color: rgba(255, 255, 255, 0.56);  }
.pw-tree__list{ display: flex; flex-direction: column; }
.pw-tree__item{ display: flex; align-items: center; height: 32px; flex: none; }
.pw-tree__indent{ flex: none; height: 24px; }
.pw-tree__disclosure{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
.pw-tree__disclosure img{ display: block; transform: rotate(90deg); transition: transform 0.12s; }
.pw-tree__disclosure.is-closed img{ transform: none; }
.pw-tree__row{ flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 4px 0 12px; border-radius: 8px; cursor: pointer; }
.pw-tree__row:hover{ background: var(--state-hover); }
.pw-tree__row.is-selected{ background: rgba(255, 255, 255, 0.1);  }
.pw-tree__icon{ display: block; flex: none; width: 12px; height: 12.29px; }
.pw-tree__label{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 12px/18px var(--font-sans); color: #f5f5f7; }
.pw-tree__row.is-root .pw-tree__label{ font-weight: 500; }
.pw-tree__row.is-hidden .pw-tree__label{ color: rgba(255, 255, 255, 0.56); }
.pw-tree__eye{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #ececed; cursor: pointer; }
.pw-tree__disclosure:focus-visible,.pw-tree__row:focus-visible,.pw-tree__eye:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-dock--nographs .dai-results-panel__controls,.pw-dock--nographs .dai-results-panel__graphs{ display: none; }
.pw-title-wb{ cursor: default; }
.pw-title-input{ flex: 1 1 0; min-width: 0; height: 24px; margin: 0 -6px 0 -8px; padding: 0 3px; border-radius: 6px; border: 1px solid #475db9;  background: var(--surface-control); color: var(--content-primary); font: 500 12px/16px var(--font-sans); outline: none; }
.pw-canvas .dai-header.pw-hdr-thin{ height: 42px; padding-top: 0; padding-bottom: 0; justify-content: center; border-bottom: 1px solid var(--border-default); }
.pw-canvas .dai-header.pw-shape-hdr:not(.pw-hdr-thin){ padding-top: 9px; padding-bottom: 7px; }
.pw-canvas .dai-header.pw-proj__hdr{ justify-content: flex-start; padding-top: 9px; }
.pw-canvas .pw-proj__hdr .dai-header__row{ padding-top: 0; }
.pw-canvas .pw-proj__hdr .dai-header__row > .dai-iconbtn{ margin-left: 0; margin-right: 0; }
.pw-engine-view .dai-graph__plot{ margin-top: -1px; row-gap: 4px; grid-template-columns: 25px 1fr; }
.pw-engine-view .dai-graph__tools{ margin-right: 1px; gap: 8px; }
.pw-canvas .pw-hdr-w10{ position: relative; }
.pw-canvas .pw-hdr-w10::before{ content: ''; position: absolute; left: 0; right: 0; top: 41px; height: 1px; background: #2e2e30;  pointer-events: none; }
.dai-header__row:has(.pw-lead) .dai-tab + .dai-tab{ margin-left: 8px; min-width: 112px; }

/* ---- body-fix.css */
.pw-pdb .pw-pdb__body{ padding-top: 24px; overflow: visible; }
.pw-pdb .pw-pdb__grid-wrap{ gap: 16px; overflow: hidden; }
.pw-pdb .pw-filters{ gap: 25px; }
.pw-pdb__body .pw-ppreview{ box-sizing: border-box; align-self: flex-start; height: 738px; margin: 0; padding: 16px 17px 26px; }
.pw-pdb__body .pw-ppreview > *{ flex-shrink: 0; }
.pw-pdb__body .pw-ppreview .pw-ppreview__spacer{ flex: 1 1 auto; }
.pw-pdb__body .pw-ppreview .pw-ppreview__media{ display: block; position: relative; height: 267px; margin: 0; padding: 0; }
.pw-pdb__body .pw-ppreview .pw-ppreview__media img{ position: absolute; left: 64px; top: 17px; width: 134px; height: 250px; margin: 0; transform: none; mix-blend-mode: normal; }
.pw-pdb__body .pw-ppreview .pw-ppreview__kicker{ left: 11px; top: 22px; }
.pw-pdb__body .pw-ppreview h4{ margin-top: 19px; letter-spacing: -0.3px; }
.pw-pdb__body .pw-ppreview p{ margin-top: 8px; }
.pw-pdb__body .pw-ppreview dl{ margin-top: 7px; gap: 16.33px; }
.pw-pdb__body .pw-ppreview .pw-ppreview__dl{ height: 40px; }
.pw-pdb__body .pw-ppreview .pw-ppreview__insert{ padding: 11px 0 0; line-height: 18px; }
.pw-pref__body .pw-ppreview--sm{ padding-top: 12px; }
.pw-pref__body .pw-ppreview--sm > *{ flex-shrink: 0; }
.pw-pref__body .pw-ppreview--sm .pw-ppreview__spacer{ flex: 1 1 auto; }
.pw-pref__body .pw-ppreview--sm .pw-ppreview__media{ display: block; position: relative; height: 224px; margin: 2px 0 0; padding: 0; }
.pw-pref__body .pw-ppreview--sm .pw-ppreview__media img{ position: absolute; left: 96px; top: 10px; width: 106px; height: 214px; margin: 0; transform: none; mix-blend-mode: normal; }
.pw-pref__body .pw-ppreview--sm .pw-ppreview__kicker{ left: 10px; top: 14px; }
.pw-pref__body .pw-ppreview--sm h4{ margin-top: 13px; letter-spacing: -0.25px; }
.pw-pref__body .pw-ppreview--sm p{ margin-top: 6px; }
.pw-pref__body .pw-ppreview--sm dl{ margin-top: 8px; gap: 15.67px; }
.pw-pref__body .pw-ppreview--sm .pw-ppreview__dl{ height: 35px; }
.pw-pref__body .pw-ppreview--sm .pw-ppreview__insert{ padding: 6px 0 0; line-height: 18px; }
.pw-ppreview .pw-ppreview__media .pw-ppreview__kicker{ z-index: 1; white-space: pre; }
.pw-pdb .pw-pcard.is-selected,.pw-pref .pw-pcard.is-selected{ border-color: #43559e;  }
.pw-pdb .pw-pdb__foot{ box-sizing: border-box; height: 64px; padding-bottom: 0; }
.pw-pdb .pw-pdb__foot > span:first-child{ font: 600 10px/14px var(--font-sans); letter-spacing: 0.4px; color: #9c9c9d; }
.pw-pdb .pw-pdb__round.pw-pdb__muted{ opacity: 1; border-radius: 10px; border-color: #272728; background: #19191b; color: #59595b;  }
.pw-pdb .pw-pdb__page{ border-color: #414143; color: #9c9c9d; font-weight: 600; font-size: 10px; letter-spacing: 0.4px; }
.pw-pdb .pw-pdb__pagebox{ background: #161618; color: var(--content-primary); }
.pw-pdb .pw-pdb__round:not(.pw-pdb__muted){ border-color: #414143; }
.pw-pdb .pw-pdb__muted .dai-icon{ color: #59595b; }
.pw-pdb .pw-pdb__round{ border-radius: 10px; }
.pw-pdb .pw-pdb__page{ padding: 0 12px 0 11px; }
.pw-pdb .pw-pdb__page .pw-pdb__pagebox{ width: 41px; }
.pw-pdb .pw-pdb__select{ box-sizing: border-box; width: 72px; justify-content: space-between; padding: 0 13px 0 11px; }
.pw-pop--layer .dai-menu{ padding: 6px 6px 6px 8px; background: #252528; border-color: #3b3b3e;  }
.pw-pop--layer .dai-menuitem{ padding: 0 12px; font-size: 10.8px; }
.pw-pop--layer .dai-menuitem.is-active{ position: relative; z-index: 0; background: transparent; }
.pw-pop--layer .dai-menuitem.is-active::before{ content: ''; position: absolute; inset: 2px 0; z-index: -1; border-radius: inherit; background: #37373c; }
.pw-modal--float.pw-modal--part{ gap: 14px; padding-bottom: 16px; }
.pw-modal--part .pw-field{ gap: 7px; }
.pw-modal--part .pw-field__hint{ margin-top: 8px; font-size: 10.7px; color: #9c9c9d; }
.pw-modal--part .pw-modal__desc{ margin-top: 2px; }
.pw-modal--part .pw-input{ padding-left: 10px; }
.pw-modal--part .pw-modal__actions{ margin-top: 2px; }
.pw-modal.pw-modal--saveas{ padding: 24px 23px 23px; }
.pw-modal--saveas .pw-modal__title{ margin-bottom: 2px; }
.pw-modal--saveas .pw-field{ gap: 3px; }
.pw-modal--saveas .pw-field + .pw-field{ margin-top: 1px; }
.pw-modal--saveas .pw-textarea{ height: 120px; padding-top: 8px; }
.dai-project-group-dialog .dai-textinput .dai-field-box{ border-color: #3a3a3c;  }
.dai-project-group-dialog .dai-search{ background: #252528; border-color: #303033;  }
.pw-pop.pw-pop--export .dai-menuitem{ height: 36px; padding-left: 13px; font-size: 11.2px; }
.pw-versions .pw-layers__search{ padding-left: 6px; gap: 4px; }
.pw-versions .pw-version{ font-size: 11.6px; }
.pw-versions .pw-version__ago{ font-size: 10.6px; margin-top: 3px; }
.pw-saving-reply{ display: contents; }
.pw-saving-reply .dai-assistant__rule{ margin-top: -1px; border-top: 2px solid #222224;  }
.pw-modal.pw-modal--confirm{ padding-left: 23px; padding-right: 23px; padding-bottom: 23px; }
.pw-modal--confirm .pw-modal__title{ margin-bottom: -1px; letter-spacing: -0.4px; }
.pw-modal--confirm .pw-field{ gap: 4px; }
.pw-modal--confirm .pw-readonly{ min-height: 42px; }
.pw-modal--confirm .pw-field + .pw-field .pw-readonly{ background: #1d1d1f; border-color: #343436;  }
.pw-modal--confirm .pw-modal__actions{ margin-top: -2px; }

/* ---- qa-1017.css */
.dai-sessionrow .dai-row__label:has(.pw-sess__text){ display: flex; align-items: center; gap: 8px; }
.pw-sess__text{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-sess__status{ flex: none; display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 12px; }
.pw-sess__status--updated::before{ content: ''; width: 8px; height: 8px; border-radius: var(--radius-full); background: var(--progress-fill); }
.pw-sess__status--running svg{ display: block; animation: pw-spin 1s linear infinite; }
.pw-sess__status--running circle{ stroke: var(--content-secondary); }
.dai-sessionrow:hover .pw-sess__status{ display: none; }
.pw-run{ display: flex; flex-direction: column; gap: 6px; padding: 2px 0 12px; }
.pw-run__head{ display: flex; align-items: center; gap: 8px; font: 500 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-run__time{ font-variant-numeric: tabular-nums; }
.pw-run__dots{ display: inline-flex; gap: 3px; }
.pw-run__dots span{ width: 4px; height: 4px; border-radius: var(--radius-full); background: var(--content-secondary); animation: pw-blink 1.2s ease-in-out infinite; }
.pw-run__dots span:nth-child(2){ animation-delay: 0.2s; }
.pw-run__dots span:nth-child(3){ animation-delay: 0.4s; }
.pw-run__now{ margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pw-run .dai-generation-progress.pw-run__steps{ width: auto; padding: 4px 0 0; }
.pw-run .dai-generation-progress__step--done{ color: var(--content-secondary); }
.pw-run .dai-generation-progress__step--done .dai-icon{ color: var(--content-tertiary); }
.pw-run .dai-generation-progress__step--running{ color: var(--content-primary); font-weight: 500; }
.pw-run .dai-generation-progress__step--running .dai-generation-progress__ring circle{ stroke: var(--content-primary); }
.pw-run .dai-generation-progress__step--queued{ color: var(--content-tertiary); }
.pw-run .dai-generation-progress__ring circle{ stroke: var(--border-medium); }
.pw-run .dai-generation-progress__status{ font: 500 10.5px/18px var(--font-mono); color: var(--content-tertiary); }
.pw-run--done{ padding-bottom: 8px; }
.pw-run__toggle{ display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; padding: 0; border: 0; background: none; color: var(--content-secondary); font: 500 12px/18px var(--font-sans); cursor: pointer; border-radius: 4px; }
.pw-run__toggle:hover{ color: var(--content-primary); }
.pw-run__toggle .dai-icon{ width: 12px; height: 12px; }
.pw-run__toggle:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }
.pw-cardwrap{ position: relative; }
.pw-cardwrap .dai-actioncard{ max-width: none; }
.pw-cardwrap .dai-actioncard__actions .dai-iconbtn{ margin-left: auto; }
.pw-pop.pw-cardwrap__menu{ right: 0; top: calc(100% + 4px); z-index: 15; }
.pw-preview-chip{ position: absolute; left: 16px; top: 16px; display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: var(--radius-full); border: 0.5px solid var(--border-medium); background: var(--surface-panel); font: 500 11px/16px var(--font-sans); color: var(--content-secondary); }
.pw-preview-chip__dot{ width: 6px; height: 6px; border-radius: var(--radius-full); background: var(--feedback-info-content); }
@keyframes pw-spin{ to { transform: rotate(360deg); } }
@keyframes pw-blink{ 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce){.pw-sess__status--running svg,.pw-run__dots span{ animation: none; }}
.pw-empty-tools{ display: flex; flex-direction: column; gap: 6px; }
.pw-empty-menu{ box-shadow: none; padding: 4px; }
.pw-empty-menu .pw-menu-icon .dai-icon,.pw-empty-menu .pw-menu-icon svg{ color: var(--icon-default); }
.pw-result__model{ display: flex; align-items: center; gap: 12px; min-height: 62px; margin-top: 4px; padding: 12px 12px 12px 13px; border-radius: var(--radius-12); border: 1px solid var(--border-default); }
.pw-result__name{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 12px/16px var(--font-sans); color: var(--content-primary); }
.pw-result__actions{ display: inline-flex; align-items: center; gap: 4px; flex: none; }
.pw-result__actions .dai-btn--medium{ padding: 0 12px; }
.pw-sb-search{ opacity: 1; }
.pw-sb-search .dai-search{ width: 100%; }
.pw-selchip{ display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 3px 0 8px; border-radius: var(--radius-7); border: 0.5px solid var(--border-medium); background: var(--surface-control); font: 500 11.5px/16px var(--font-sans); color: var(--content-primary); max-width: 100%; }
.pw-selchip__glyph{ flex: none; color: var(--selection-content); }
.pw-selchip__kind{ color: var(--content-secondary); }
.pw-selchip__sep{ color: var(--content-tertiary); margin: 0 -2px; }
.pw-selchip__name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-selchip__x{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 18px; height: 18px; padding: 0; border: 0; border-radius: var(--radius-5); background: transparent; color: var(--content-tertiary); cursor: pointer; }
.pw-selchip__x .dai-icon{ width: 10px; height: 10px; }
.pw-selchip__x:hover{ background: var(--state-hover); color: var(--content-primary); }
.pw-selchip__x:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }
.dai-send.pw-stop{ color: var(--action-primary-content); }
.dai-send.pw-stop:hover{ opacity: 0.9; }
.dai-send.pw-stop:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }
.dai-assistant__summary .pw-run__toggle{ color: inherit; }
.pw-run__steps--inline.dai-generation-progress{ width: auto; padding: 2px 0 4px; }
.pw-msg .dai-generation-progress__step--done{ color: var(--content-secondary); }
.pw-msg .dai-generation-progress__step--done .dai-icon{ color: var(--content-tertiary); }
.pw-msg .dai-generation-progress__step--queued{ color: var(--content-tertiary); }
.pw-msg .dai-generation-progress__ring circle{ stroke: var(--border-medium); }
.pw-msg .dai-generation-progress__status{ font: 500 10.5px/18px var(--font-mono); color: var(--content-tertiary); }
.pw-version-card{ cursor: pointer; }
.pw-version-card:hover{ background: var(--state-hover); }
.pw-version-card:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-version-card .dai-modelicon .dai-icon{ width: 18px; height: 18px; color: var(--content-primary); }
.pw-version-card__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pw-version-card__label{ font: 500 12px/16px var(--font-sans); color: var(--content-primary); }
.pw-version-card__meta{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 11px/15px var(--font-sans); color: var(--content-secondary); }
.pw-msg__actions{ display: flex; align-items: center; gap: 6px; margin-top: 2px; }
.pw-msg__actions .dai-btn--medium{ padding: 0 12px; }
.pw-thread .dai-prompt:has(.pw-selchip){ height: auto; min-height: 112px; gap: 8px; }
.dai-prompt:has(.pw-selchip) .dai-prompt__attachments{ gap: 6px; max-width: 100%; }
.pw-selchip{ max-width: 100%; min-width: 0; }
.pw-selchip__name{ max-width: 140px; }
.pw-selchip__glyph{ color: var(--content-secondary); }
.pw-selchip.is-geo .pw-selchip__glyph{ color: var(--selection-content); }
.pw-selchip .dai-icon.pw-selchip__glyph{ width: 12px; height: 12px; }
.dai-prompt .pw-selchip{ gap: 4px; padding: 0 2px 0 6px; }
.dai-prompt .pw-selchip__sep{ margin: 0; }
.dai-prompt .pw-selchip__x{ width: 16px; height: 16px; }
.v-1019 .pw-home__bar > .dai-iconbtn[aria-label="Toggle panel"]{ visibility: hidden; }
.v-1019 .pw-home__prompt .dai-prompt{ max-width: 640px; }
.pw-undo{ color: var(--content-secondary); }
.pw-undo:hover{ color: var(--content-primary); }
.pw-apply{ color: var(--content-primary); }
.pw-apply .dai-icon{ width: 14px; height: 14px; }
.pw-undo:disabled{ color: var(--content-disabled); cursor: default; background: transparent; }
.v-1019 .pw-canvas button[aria-label="Project files"]{ display: none; }
.pw-versions__bar{ display: flex; align-items: center; gap: 6px; }
.pw-versions__bar .pw-layers__search{ flex: 1; min-width: 0; }
.pw-versions__save{ flex: none; height: 27px; }
.pw-versions .pw-version.pw-version--u{ height: auto; min-height: 30px; margin-top: 0; }
.pw-versions .pw-version.pw-version--u.is-open{ min-height: 52px; }
.pw-versions .pw-version--u + .pw-version--u{ margin-top: 2px; }
.pw-versions__save.dai-iconbtn{ width: 27px; height: 27px; color: var(--icon-default); }
.pw-pop.pw-version__menu{ right: 4px; top: 30px; z-index: 15; }
.v-1019 .pw-pdb__grid-wrap:not(.has-preview){ width: auto; flex: 1; min-width: 0; }
.v-1019 .pw-pdb__grid-wrap:not(.has-preview) .pw-pdb__grid{ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.v-1019 .pw-pdb__grid-wrap:not(.has-preview) .pw-pcard{ width: auto; }
.v-1019 .pw-pdb__grid-wrap:not(.has-preview) .pw-pcard__img{ width: 100%; }
.pw-sess__status--question::before{ content: ''; width: 8px; height: 8px; border-radius: var(--radius-full); background: var(--status-warning-indicator); }
.pw-imgthumb{ display: block; padding: 0; border: 1px solid var(--border-default); border-radius: var(--radius-9); background: var(--surface-panel); overflow: hidden; cursor: zoom-in; }
.pw-imgthumb img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.pw-imgthumb:hover{ border-color: var(--border-strong); }
.pw-imgthumb:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }
.pw-imgthumb--doc{ width: 360px; height: 220px; }
.pw-imgthumb--chat{ width: 168px; height: 104px; }
.pw-doc__figure{ margin: 18px 0 4px; display: flex; flex-direction: column; gap: 8px; }
.pw-doc__figure figcaption{ font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.dai-assistant__user.pw-user-img{ flex-direction: column; align-items: flex-end; gap: 6px; }
.pw-lightbox{ position: absolute; inset: 0; z-index: 40; display: flex; flex-direction: column; background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.pw-lightbox__top{ display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 0 12px 0 20px; flex: none; }
.pw-lightbox__name{ font: 500 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-lightbox__close{ color: var(--content-primary); }
.pw-lightbox__stage{ position: relative; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: grab; outline: none; touch-action: none; }
.pw-lightbox__stage.is-dragging{ cursor: grabbing; }
.pw-lightbox__img{ max-width: 80%; max-height: 80%; transform-origin: center; user-select: none; pointer-events: none; border-radius: var(--radius-7); }
.pw-lightbox__bar{ position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 2px; padding: 4px; border-radius: var(--radius-12); background: var(--surface-app); border: 0.5px solid var(--border-medium); }
.pw-lightbox__bar .dai-iconbtn{ color: var(--content-primary); }
.pw-lightbox__pct{ min-width: 52px; height: 28px; border: 0; border-radius: var(--radius-7); background: transparent; color: var(--content-primary); font: 500 11.5px/16px var(--font-sans); font-variant-numeric: tabular-nums; cursor: pointer; }
.pw-lightbox__pct:hover{ background: var(--state-hover); }
.v-1019 .pw-proj__body:has(> .pw-docs){ flex-direction: row-reverse; }
.v-1019 .pw-proj__body > .pw-docs{ width: 260px; box-shadow: inset 1px 0 0 var(--border-default); }
.v-1019 .pw-proj__body{ position: relative; }
.pw-docfloat{ position: absolute; top: 14px; right: 14px; z-index: 5; display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: var(--radius-10, 10px); background: var(--surface-app); border: 0.5px solid var(--border-medium); box-shadow: var(--shadow-popover); }
.v-1019 .pw-proj__body:has(> .pw-docs) > .pw-docfloat{ right: 274px; }
.pw-docfloat .dai-iconbtn{ color: var(--content-secondary); }
.pw-docfloat .dai-iconbtn:hover,.pw-docfloat .dai-iconbtn.is-selected{ color: var(--content-primary); }
.pw-float-composer{ position: absolute; left: 0; right: 0; bottom: 20px; display: flex; justify-content: center; padding: 0 24px; pointer-events: none; z-index: 5; }
.pw-float-composer .dai-prompt{ pointer-events: auto; max-width: 640px; height: 112px; justify-content: space-between; background: var(--surface-app); box-shadow: var(--shadow-popover); }
.pw-proj__body.is-collapsed .pw-doc-area{ padding-bottom: 150px; }
.pw-proj__body.is-editing .pw-doc{ outline: 1px dashed var(--border-medium); outline-offset: 12px; border-radius: 4px; }
.pw-show-assistant{ margin-right: 6px; }
.pw-files-hdr .dai-tab.pw-ftab{ flex: none; min-width: 0; max-width: 220px; padding-right: 10px; }
.pw-files-hdr .dai-tab.pw-ftab .dai-tab__label{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-files-hdr .dai-tab.pw-ftab .dai-icon{ flex: none; }
.pw-files-hdr .dai-tab.is-pinned{ padding-right: 12px; }
.pw-files-body{ position: relative; }
.pw-files-panel{ flex: none; width: 260px; overflow: auto; box-shadow: inset 1px 0 0 var(--border-default); }
.v-1020 .pw-proj__body.pw-files-body{ flex-direction: row; }
.pw-files{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; padding: 20px 24px; overflow: auto; }
.pw-files__bar{ display: flex; align-items: center; gap: 6px; }
.pw-files__search{ flex: 1; max-width: 360px; height: 30px; }
.pw-files__add{ color: var(--icon-default); }
.pw-files__table{ display: flex; flex-direction: column; }
.pw-files__row{ display: grid; grid-template-columns: minmax(0, 1fr) 120px 110px 90px; align-items: center; gap: 12px; min-height: 40px; padding: 0 10px; border-radius: var(--radius-8); font: 400 12px/18px var(--font-sans); color: var(--content-secondary); cursor: pointer; }
.pw-files__row:hover{ background: var(--state-hover); }
.pw-files__row:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-files__row.is-static{ cursor: default; }
.pw-files__row--head{ min-height: 30px; cursor: default; font-size: 11px; color: var(--content-tertiary); box-shadow: inset 0 -1px 0 var(--border-default); border-radius: 0; }
.pw-files__row--head:hover{ background: transparent; }
.pw-files__name{ display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--content-primary); }
.pw-files__name .dai-icon{ flex: none; width: 16px; height: 16px; color: var(--icon-default); }
.pw-files__name b{ font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-files__meta{ flex: none; font-size: 11px; color: var(--content-tertiary); }
.pw-files__row .is-gen{ color: var(--content-primary); }
.pw-outline{ display: flex; flex-direction: column; gap: 2px; padding: 16px 12px; }
.pw-outline__title{ margin-bottom: 6px; padding: 0 8px; font: 500 11.5px/16px var(--font-sans); color: var(--content-secondary); }
.pw-outline__item{ height: 28px; padding: 0 8px; border: 0; border-radius: var(--radius-6); background: transparent; color: var(--content-secondary); font: 400 12px/18px var(--font-sans); text-align: left; cursor: pointer; }
.pw-outline__item:hover{ background: var(--state-hover); color: var(--content-primary); }
.pw-outline__item.is-active{ background: var(--state-selected); color: var(--content-primary); }
.pw-textsel{ background: var(--selection-background); color: var(--content-primary); border-radius: 2px; box-shadow: 0 0 0 2px var(--selection-background); }
.pw-lightbox.pw-lightbox--inline{ position: relative; inset: auto; z-index: auto; flex: 1; min-width: 0; background: var(--surface-workspace); backdrop-filter: none; -webkit-backdrop-filter: none; }
.pw-lightbox--inline .pw-lightbox__img{ background: #fff; }
.pw-lightbox--inline img[src$=".png"].pw-lightbox__img{ background: transparent; }
.pw-chg{ flex: 1; min-width: 0; overflow: auto; padding: 28px 40px; display: flex; flex-direction: column; gap: 18px; max-width: 760px; }
.pw-chg__turn{ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.pw-chg__turn h2{ margin: 0 0 4px; font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.pw-chg__turn p{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pw-chg__undoall{ gap: 6px; flex: none; }
.pw-chg__sec{ display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: var(--radius-12); border: 1px solid var(--border-default); }
.pw-chg__file{ display: flex; align-items: center; gap: 8px; font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-chg__file .dai-icon{ width: 16px; height: 16px; color: var(--icon-default); }
.pw-chg__file b{ font-weight: 500; }
.pw-chg__rev{ flex: 1; color: var(--content-secondary); }
.pw-chg__list{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.pw-chg__list li{ display: flex; justify-content: space-between; gap: 12px; padding: 7px 0 7px 24px; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); box-shadow: inset 0 1px 0 var(--border-default); }
.pw-chg__val{ color: var(--content-primary); }
.pw-chg__val del{ color: var(--content-tertiary); }
.pw-chg__val ins{ text-decoration: none; color: var(--content-primary); font-weight: 500; }
.pw-chg__diff{ margin: 0; padding: 8px 10px; border-radius: var(--radius-8); background: var(--surface-workspace); font: 400 11.5px/19px var(--font-mono); white-space: pre-wrap; color: var(--content-secondary); }
.pw-chg__diff .is-del{ display: block; background: rgba(199, 125, 120, 0.12); color: var(--status-danger-content); }
.pw-chg__diff .is-add{ display: block; background: rgba(119, 169, 135, 0.12); color: var(--status-success-content); }
.pw-chg__diff .is-ctx{ display: block; }
.pw-turncard{ display: flex; flex-direction: column; margin-top: 4px; border-radius: var(--radius-12); border: 1px solid var(--border-default); overflow: hidden; }
.pw-turncard__head{ display: flex; align-items: center; gap: 4px; min-height: 40px; padding: 0 6px 0 12px; }
.pw-turncard__title{ font: 500 12px/16px var(--font-sans); color: var(--content-primary); }
.pw-turncard.is-none .pw-turncard__title{ color: var(--content-secondary); font-weight: 400; }
.pw-turncard__spacer{ flex: 1; }
.pw-turncard__view{ height: 26px; padding: 0 8px; border: 0; border-radius: var(--radius-7); background: transparent; color: var(--content-secondary); font: 500 11.5px/16px var(--font-sans); cursor: pointer; }
.pw-turncard__view:hover{ background: var(--state-hover); color: var(--content-primary); }
.pw-turncard__row{ display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 0 12px; border: 0; background: transparent; box-shadow: inset 0 1px 0 var(--border-default); text-align: left; cursor: pointer; font: 400 12px/16px var(--font-sans); color: var(--content-primary); }
.pw-turncard__row:hover{ background: var(--state-hover); }
.pw-turncard__row .dai-icon{ flex: none; width: 15px; height: 15px; color: var(--icon-default); }
.pw-turncard__name{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-turncard__meta{ flex: none; font-size: 11px; color: var(--content-secondary); }
.pw-turncard__row:focus-visible,.pw-turncard__view:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-timeline .pw-tl{ min-height: 44px; }
.pw-timeline .pw-tl.is-open{ min-height: 44px; background: var(--state-selected); }
.pw-tl__title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--content-primary); }
.pw-tl__meta{ padding-left: 24px; font: 400 11px/15px var(--font-sans); color: var(--content-secondary); }
.pw-tl--ai .pw-version__icon{ color: var(--selection-content); }
.pw-qo__catch{ position: absolute; inset: 0; z-index: 30; display: flex; justify-content: center; align-items: flex-start; padding-top: 96px; background: rgba(0, 0, 0, 0.35); }
.pw-qo{ width: 520px; display: flex; flex-direction: column; border-radius: var(--radius-12); background: var(--surface-app); border: 0.5px solid var(--border-medium); box-shadow: var(--shadow-popover); overflow: hidden; }
.pw-qo__input{ display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; box-shadow: inset 0 -1px 0 var(--border-default); color: var(--content-secondary); }
.pw-qo__input input{ flex: 1; border: 0; outline: none; background: transparent; color: var(--content-primary); font: 400 13px/20px var(--font-sans); }
.pw-qo__list{ display: flex; flex-direction: column; padding: 6px; }
.pw-qo__row{ display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 10px; border: 0; border-radius: var(--radius-7); background: transparent; color: var(--content-primary); font: 400 12px/18px var(--font-sans); text-align: left; cursor: pointer; }
.pw-qo__row .dai-icon{ width: 15px; height: 15px; color: var(--icon-default); }
.pw-qo__row:hover,.pw-qo__row.is-active{ background: var(--state-selected); }
.pw-qo__name{ flex: 1; }
.pw-qo__kind{ font-size: 11px; color: var(--content-tertiary); }
.pw-art{ flex: 1; min-width: 0; overflow: auto; padding: 20px 28px 32px; display: flex; flex-direction: column; gap: 20px; }
.pw-art__bar{ display: flex; align-items: center; gap: 6px; }
.pw-art__search{ flex: 1; max-width: 340px; height: 30px; }
.pw-art__add{ color: var(--icon-default); }
.pw-art__model{ display: flex; align-items: stretch; gap: 0; padding: 0; border: 1px solid var(--border-default); border-radius: var(--radius-12); background: transparent; overflow: hidden; text-align: left; cursor: pointer; color: inherit; max-width: 760px; }
.pw-art__model:hover{ border-color: var(--border-strong); }
.pw-art__model:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }
.pw-art__stage{ position: relative; flex: none; width: 240px; height: 136px; background: var(--surface-workspace) url(img/grid.png) center / 640px auto; box-shadow: inset -1px 0 0 var(--border-default); display: flex; align-items: center; justify-content: center; }
.pw-art__stage img{ width: 188px; height: auto; filter: drop-shadow(0 6px 10px rgba(0,0,0,.45)); }
.pw-art__mtext{ flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 0 20px; }
.pw-art__mname{ font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.pw-art__mrev{ font: 500 12px/18px var(--font-sans); color: var(--content-primary); font-variant-numeric: tabular-nums; }
.pw-art__cols{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; max-width: 760px; }
.pw-art__group{ display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pw-art__gtitle{ margin: 0 0 4px; display: flex; align-items: baseline; gap: 8px; font: 500 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-art__gtitle span{ font-weight: 400; color: var(--content-tertiary); }
.pw-art__list{ display: flex; flex-direction: column; box-shadow: inset 0 1px 0 var(--border-default); }
.pw-art__row{ display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 4px; box-shadow: inset 0 -1px 0 var(--border-default); cursor: pointer; }
.pw-art__row:hover{ background: var(--state-hover); }
.pw-art__row:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pw-art__row.is-static{ cursor: default; }
.pw-art__thumb{ flex: none; width: 48px; height: 36px; border-radius: var(--radius-6); border: 1px solid var(--border-default); background: var(--surface-workspace); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.pw-art__thumb img{ width: 100%; height: 100%; object-fit: contain; }
.pw-art__thumb.is-paper{ background: #f5f5f7; }
.pw-art__thumb--icon .dai-icon{ width: 16px; height: 16px; color: var(--icon-default); }
.pw-art__thumb--doc{ flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; padding: 0 9px; }
.pw-art__thumb--doc i{ display: block; height: 2px; width: 100%; border-radius: 1px; background: var(--content-tertiary); }
.pw-art__thumb--doc i:first-child{ width: 60%; background: var(--content-secondary); }
.pw-art__thumb--doc i:last-child{ width: 75%; }
.pw-art__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pw-art__name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 12px/17px var(--font-sans); color: var(--content-primary); }
.pw-art__sub{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 11px/15px var(--font-sans); color: var(--content-secondary); }
.pw-art__stale{ flex: none; font: 500 11px/15px var(--font-sans); color: var(--status-warning-content); }
.pw-art__dl{ flex: none; }
.pw-art__empty{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pw-art{ align-items: center; padding-top: 28px; }
.pw-art > *{ width: 100%; max-width: 760px; }
.pw-art__search{ max-width: none; }
.pw-art__list{ box-shadow: none; gap: 6px; }
.pw-art__row{ box-shadow: none; padding: 8px 10px; border-radius: var(--radius-9); border: 1px solid var(--border-default); background: var(--surface-panel); }
.pw-art__row:hover{ background: var(--surface-control); border-color: var(--border-medium); }
.pw-art__row:focus-visible{ box-shadow: 0 0 0 2px var(--focus-ring); }
.pw-art__row{ background: var(--surface-workspace); }
.pw-art__row:hover{ background: var(--state-hover); }
.v-1019 .pw-doc{ padding-bottom: 79px; }
.v-1019 .pw-doc.pw-doc--empty{ padding-bottom: 47px; }

/* ---- engine-1020e.css */
.pe-body{ position: relative; }
:root{
  --pe-bc-fixed: #5b7bff;          
  --pe-bc-load: #e08c50;           
  --pe-ramp: linear-gradient(30deg, #e4823a 8%, #e9c44a 30%, #57b77c 50%, #3e8ee0 68%, #3157d2 100%); 
  --pe-ramp-v: linear-gradient(to bottom, #e4823a, #e9c44a, #57b77c, #3e8ee0, #3157d2);
  --pe-ramp-mode: linear-gradient(90deg, #3157d2 0%, #3e8ee0 30%, #57b77c 50%, #3e8ee0 70%, #3157d2 100%);
  --pe-ramp-mode-v: linear-gradient(to bottom, #57b77c, #3e8ee0, #3157d2);
}
.pe-tone--muted{ color: var(--content-secondary); }
.pe-tone--active{ color: var(--selection-content); }
.pe-tone--success{ color: var(--status-success-content); }
.pe-tone--warning{ color: var(--status-warning-content); }
.pe-tone--danger{ color: var(--status-danger-content); }
.pe-tone--info{ color: var(--feedback-info-content); }
.pe-glyph{ display: inline-flex; flex: none; }
.pe-glyph svg{ display: block; }
.pe-spin{ transform-origin: 7px 7px; animation: pe-spin 0.9s linear infinite; }
@keyframes pe-spin{ to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){.pe-spin{ animation: none; }}
.pe-view{ position: relative; flex: 1; min-width: 0; overflow: hidden; background: var(--surface-workspace); }
.pe-model{ position: absolute; left: 50%; top: 44%; width: 460px; aspect-ratio: 820 / 493; transform: translate(-50%, -50%); pointer-events: none; user-select: none; }
.pe-model img{ display: block; width: 100%; max-width: none; }
.pe-model.is-dim img{ opacity: 0.5; filter: grayscale(1); }
.pe-model__ramp{ position: absolute; inset: 0; mix-blend-mode: color; -webkit-mask: url(img/bolt.png) center / 100% 100% no-repeat; mask: url(img/bolt.png) center / 100% 100% no-repeat; background: var(--pe-ramp); }
.pe-model__ramp--mode{ background: var(--pe-ramp-mode); }
.pe-model__faces{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pe-face{ stroke-width: 3; }
.pe-face--fixed{ fill: rgba(91, 123, 255, 0.32); stroke: var(--pe-bc-fixed); }
.pe-face--fixed.is-picking{ fill: rgba(91, 123, 255, 0.48); stroke-dasharray: none; filter: drop-shadow(0 0 6px rgba(91, 123, 255, 0.6)); }
.pe-face--load{ fill: rgba(224, 140, 80, 0.3); stroke: var(--pe-bc-load); }
.pe-face--load.is-missing{ fill: transparent; stroke: var(--status-danger-content); stroke-dasharray: 8 7; }
.pe-arrows path{ fill: none; stroke: var(--pe-bc-load); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.pe-ctx{ position: absolute; left: 16px; top: 16px; display: flex; flex-direction: column; gap: 2px; pointer-events: none; }
.pe-ctx b{ font: 500 12px/18px var(--font-sans); color: var(--content-primary); font-variant-numeric: tabular-nums; }
.pe-ctx span{ font: 400 11px/16px var(--font-sans); color: var(--content-secondary); }
.pe-headline{ position: absolute; left: 16px; top: 12px; display: grid; grid-template-columns: auto auto; column-gap: 20px; row-gap: 2px; align-items: baseline; }
.pe-headline__head{ grid-column: 1 / -1; display: flex; align-items: center; gap: 2px; margin-bottom: 2px; font: 500 10.5px/15px var(--font-sans); color: var(--content-tertiary); }
.pe-headline__head .dai-iconbtn{ width: 22px; height: 22px; opacity: 0; transition: opacity 0.12s; }
.pe-headline:hover .pe-headline__head .dai-iconbtn,.pe-headline__head .dai-iconbtn:focus-visible{ opacity: 1; }
.pe-headline__row{ display: contents; }
.pe-headline__label{ font: 400 12px/22px var(--font-sans); color: var(--content-secondary); }
.pe-headline__value{ justify-self: end; font: 500 15px/22px var(--font-sans); color: var(--content-primary); font-variant-numeric: tabular-nums; }
.pe-headline__value small{ font-size: 11px; font-weight: 400; color: var(--content-secondary); }
.pe-headline__value.is-null{ font-size: 12px; font-weight: 400; color: var(--content-tertiary); }
.pe-headline__note{ grid-column: 1 / -1; margin: -3px 0 4px; font: 400 10.5px/15px var(--font-sans); color: var(--status-warning-content); }
.pe-legend{ position: absolute; right: 18px; top: 50%; transform: translateY(-58%); display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.pe-legend .dai-legend{ width: auto; align-items: flex-end; text-align: right; }
.pe-legend .dai-legend__numbers{ text-align: right; font-variant-numeric: tabular-nums; }
.pe-legend .dai-legend__ramp{ background: var(--pe-ramp-v); }
.pe-legend.is-mode .dai-legend__ramp{ background: var(--pe-ramp-mode-v); }
.pe-legend__note{ max-width: 120px; text-align: right; font: 400 10.5px/15px var(--font-sans); color: var(--status-warning-content); }
.pe-dock .dai-playback{ display: none; }
.pe-hint{ position: absolute; left: 50%; bottom: 72px; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; padding: 4px 4px 4px 6px; border-radius: var(--radius-9); background: var(--surface-panel); border: 0.5px solid var(--border-medium); box-shadow: var(--shadow-popover); white-space: nowrap; }
.pe-panel{ flex: none; width: 288px; display: flex; flex-direction: column; min-height: 0; box-shadow: inset 1px 0 0 var(--border-default); background: var(--surface-workspace); }
.pe-panel__tabs{ flex: none; padding: 10px 12px 6px; }
.pe-panel__tabs .dai-seg{ display: flex; gap: 2px; padding: 2px; border-radius: var(--radius-8); background: var(--surface-app); border: 0.5px solid var(--border-default); }
.pe-panel__body{ flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 4px; padding: 4px 12px 12px; }
.pe-panel__foot{ flex: none; display: flex; flex-direction: column; gap: 8px; padding: 12px; box-shadow: inset 0 1px 0 var(--border-default); }
.pe-foot__btn{ width: 100%; }
.pe-sec{ display: flex; flex-direction: column; gap: 4px; padding: 8px 0; }
.pe-sec + .pe-sec{ box-shadow: inset 0 1px 0 var(--border-default); }
.pe-sec__head{ display: flex; align-items: center; justify-content: space-between; min-height: 24px; }
.pe-sec__head h3{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pe-sec__head .dai-iconbtn{ width: 24px; height: 24px; }
.pe-sec__count{ font: 500 11px/16px var(--font-sans); color: var(--content-tertiary); font-variant-numeric: tabular-nums; }
.pe-list{ display: flex; flex-direction: column; gap: 2px; }
.pe-empty{ margin: 0; font: 400 12px/18px var(--font-sans); color: var(--content-tertiary); }
.pe-err{ margin: 2px 0 0; font: 400 11px/16px var(--font-sans); color: var(--status-danger-content); }
.pe-err--block{ padding: 8px 10px; border-radius: var(--radius-8); background: var(--status-danger-background); }
.pe-link{ padding: 0; border: 0; background: none; color: var(--link-content); font: 500 11px/16px var(--font-sans); cursor: pointer; }
.pe-link:hover{ text-decoration: underline; }
.pe-row{ display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 4px 8px; border: 0; border-radius: var(--radius-8); background: transparent; color: var(--content-primary); text-align: left; font: inherit; }
.pe-row > .dai-icon{ flex: none; width: 16px; height: 16px; color: var(--icon-default); }
.pe-row--btn{ cursor: pointer; }
.pe-row--btn:hover:not(:disabled){ background: var(--state-hover); }
.pe-row--btn:disabled{ cursor: default; }
.pe-row.is-error .pe-row__meta{ color: var(--status-danger-content); }
.pe-row__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pe-row__name{ font: 500 12px/17px var(--font-sans); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pe-row__meta{ font: 400 11px/15px var(--font-sans); color: var(--content-secondary); }
.pe-row > .dai-icon:last-child{ width: 14px; height: 14px; color: var(--content-tertiary); }
.pe-bc{ display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 4px 8px; border-radius: var(--radius-8); cursor: pointer; }
.pe-bc:hover{ background: var(--state-hover); }
.pe-bc.is-picking{ background: var(--selection-background); }
.pe-bc.is-error .pe-bc__meta{ color: var(--status-danger-content); }
.pe-bc:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pe-bc__swatch{ flex: none; width: 10px; height: 10px; border-radius: 3px; }
.pe-bc__swatch--fixed{ background: var(--pe-bc-fixed); }
.pe-bc__swatch--load{ background: var(--pe-bc-load); }
.pe-bc.is-error .pe-bc__swatch{ background: transparent; box-shadow: inset 0 0 0 1.5px var(--status-danger-content); }
.pe-bc__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pe-bc__name{ font: 500 12px/17px var(--font-sans); color: var(--content-primary); }
.pe-bc__meta{ font: 400 11px/15px var(--font-sans); color: var(--content-secondary); font-variant-numeric: tabular-nums; }
.pe-bc__state{ flex: none; font: 500 11px/16px var(--font-sans); color: var(--selection-content); }
.pe-val{ display: flex; flex-direction: column; gap: 2px; padding: 4px 0 6px; }
.pe-val__line{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 32px; }
.pe-val__label{ font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.pe-val__ro{ font: 400 12px/18px var(--font-sans); color: var(--content-primary); font-variant-numeric: tabular-nums; text-align: right; }
.pe-val__ro small{ font-size: 11px; color: var(--content-tertiary); }
.dai-param.pe-val__input{ width: 112px; }
.dai-param.pe-val__input--wide{ width: 150px; }
.pe-list .dai-fieldrow{ min-height: 36px; }
.pe-src{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 6px; height: 22px; padding-left: 0; color: var(--content-secondary); }
.pe-src__label{ font: 400 11px/16px var(--font-sans); color: var(--content-tertiary); }
.pe-src select{ appearance: none; -webkit-appearance: none; flex: none; height: 22px; padding: 0 18px 0 0; border: 0; background: transparent; color: var(--content-secondary); font: 500 11px/16px var(--font-sans); text-align: right; cursor: pointer; outline: none; }
.pe-src select:focus-visible{ box-shadow: 0 0 0 2px var(--focus-ring); border-radius: 4px; }
.pe-src > .dai-icon{ position: absolute; right: 0; width: 12px; height: 12px; pointer-events: none; color: var(--content-tertiary); }
.pe-src.is-missing select{ color: var(--status-danger-content); }
.pe-src__ro{ font: 500 11px/16px var(--font-sans); color: var(--content-secondary); }
.pe-check{ display: flex; align-items: flex-start; gap: 8px; margin: 0; font: 400 11.5px/17px var(--font-sans); }
.pe-check__dot{ flex: none; width: 6px; height: 6px; margin-top: 5.5px; border-radius: var(--radius-full); background: currentColor; }
.pe-runhead{ display: flex; flex-direction: column; gap: 3px; padding: 6px 0 10px; }
.pe-runhead__line{ display: flex; align-items: center; gap: 8px; }
.pe-runhead__line b{ font: 600 13px/18px var(--font-sans); }
.pe-runhead__meta{ padding-left: 24px; font: 400 11px/16px var(--font-sans); color: var(--content-secondary); font-variant-numeric: tabular-nums; }
.pe-runhead__reason{ margin: 4px 0 0 24px; font: 400 12px/17px var(--font-sans); color: var(--content-primary); }
.pe-assess{ display: flex; align-items: center; justify-content: space-between; min-height: 28px; font: 400 12px/18px var(--font-sans); }
.pe-assess__label{ color: var(--content-primary); }
.pe-assess__value{ display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; }
.pe-nav{ display: flex; align-items: center; gap: 8px; width: 100%; min-height: 34px; padding: 0 4px 0 8px; border: 0; border-radius: var(--radius-7); background: transparent; color: var(--content-primary); font: 400 12px/18px var(--font-sans); text-align: left; cursor: pointer; }
.pe-nav:hover{ background: var(--state-hover); }
.pe-nav:focus-visible,.pe-back:focus-visible,.pe-data:focus-visible,.pe-run:focus-visible,.pe-metric:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pe-nav__label{ flex: 1; }
.pe-nav__note{ font-size: 11px; color: var(--content-tertiary); }
.pe-nav__count{ font-size: 11px; color: var(--content-secondary); font-variant-numeric: tabular-nums; }
.pe-nav > .dai-icon{ width: 14px; height: 14px; color: var(--content-tertiary); }
.pe-back{ display: inline-flex; align-items: center; gap: 2px; align-self: flex-start; height: 28px; margin: 2px 0 4px -6px; padding: 0 8px 0 2px; border: 0; border-radius: var(--radius-7); background: transparent; color: var(--content-primary); font: 500 12px/18px var(--font-sans); cursor: pointer; }
.pe-back:hover{ background: var(--state-hover); }
.pe-back .dai-icon{ width: 14px; height: 14px; color: var(--content-secondary); }
.pe-tools{ display: flex; flex-direction: column; gap: 8px; padding-bottom: 6px; }
.pe-tools .dai-search{ width: 100%; }
.pe-tools .dai-seg{ display: flex; gap: 2px; padding: 2px; border-radius: var(--radius-8); background: var(--surface-app); border: 0.5px solid var(--border-default); }
.pe-tools .dai-seg__item{ height: 24px; font-size: 11px; }
.pe-metrics{ display: flex; flex-direction: column; }
.pe-metric{ display: flex; flex-direction: column; gap: 2px; padding: 7px 8px; border-radius: var(--radius-7); cursor: pointer; }
.pe-metric:hover{ background: var(--state-hover); }
.pe-metric.is-open{ background: var(--state-selected); }
.pe-metric__line{ display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.pe-metric__label{ font: 400 12px/18px var(--font-sans); color: var(--content-primary); }
.pe-metric--diagnostic .pe-metric__label,.pe-metric--reference .pe-metric__label{ color: var(--content-secondary); }
.pe-metric__value{ flex: none; font: 500 12px/18px var(--font-sans); color: var(--content-primary); font-variant-numeric: tabular-nums; }
.pe-metric__value small{ font-weight: 400; color: var(--content-secondary); }
.pe-metric__value.is-null{ font-weight: 400; color: var(--content-tertiary); }
.pe-metric__note{ font: 400 10.5px/15px var(--font-sans); color: var(--status-warning-content); }
.pe-metric__more{ display: grid; grid-template-columns: auto 1fr; gap: 4px 8px; margin-top: 4px; font: 400 11px/16px var(--font-sans); color: var(--content-tertiary); }
.pe-metric__more code{ min-width: 0; overflow-wrap: anywhere; font: 400 10.5px/15px var(--font-mono); color: var(--content-secondary); }
.pe-metric__actions{ grid-column: 1 / -1; display: flex; gap: 14px; }
.pe-count{ display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; font: 400 11.5px/17px var(--font-sans); color: var(--content-secondary); }
.pe-data{ display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 4px 8px; border: 0; border-radius: var(--radius-7); background: transparent; text-align: left; cursor: pointer; }
.pe-data:hover{ background: var(--state-hover); }
.pe-data.is-on{ background: var(--state-selected); }
.pe-data__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pe-data__name{ font: 400 12px/17px var(--font-sans); color: var(--content-primary); }
.pe-data__meta{ font: 400 11px/15px var(--font-sans); color: var(--content-secondary); }
.pe-data__state{ flex: none; font: 500 11px/16px var(--font-sans); color: var(--content-secondary); }
.pe-data__state.is-raw{ color: var(--content-tertiary); }
.pe-digest{ display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 6px; min-height: 30px; }
.pe-digest code{ font: 400 10.5px/15px var(--font-mono); color: var(--content-secondary); }
.pe-digest .dai-iconbtn{ width: 24px; height: 24px; }
.pe-runs{ display: flex; flex-direction: column; padding-top: 6px; }
.pe-run{ display: flex; align-items: flex-start; gap: 10px; width: 100%; min-height: 44px; padding: 7px 8px; border: 0; border-radius: var(--radius-7); background: transparent; text-align: left; cursor: pointer; }
.pe-run:hover{ background: var(--state-hover); }
.pe-run.is-selected{ background: var(--state-selected); }
.pe-run .pe-glyph{ margin-top: 2px; }
.pe-run__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pe-run__name{ font: 500 12px/17px var(--font-sans); color: var(--content-primary); font-variant-numeric: tabular-nums; }
.pe-run__meta{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 11px/15px var(--font-sans); color: var(--content-secondary); }
.pe-panel .dai-search{ width: 100%; }
.pe-cat__catch{ padding-top: 72px; }
.pe-cat{ width: 640px; display: flex; flex-direction: column; border-radius: var(--radius-12); background: var(--surface-app); border: 0.5px solid var(--border-medium); box-shadow: var(--shadow-popover); overflow: hidden; }
.pe-cat__body{ display: grid; grid-template-columns: 180px 1fr; height: 352px; }
.pe-cat__domains{ display: flex; flex-direction: column; gap: 2px; padding: 8px; box-shadow: inset -1px 0 0 var(--border-default); }
.pe-cat__domain{ display: flex; align-items: center; justify-content: space-between; height: 30px; padding: 0 10px; border: 0; border-radius: var(--radius-7); background: transparent; color: var(--content-secondary); font: 400 12px/18px var(--font-sans); text-align: left; cursor: pointer; }
.pe-cat__domain:hover{ background: var(--state-hover); color: var(--content-primary); }
.pe-cat__domain.is-on{ background: var(--state-selected); color: var(--content-primary); }
.pe-cat__n{ font-size: 11px; color: var(--content-tertiary); font-variant-numeric: tabular-nums; }
.pe-cat__list{ display: flex; flex-direction: column; gap: 2px; padding: 8px; overflow: auto; }
.pe-cat__row{ display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 8px 10px; border: 0; border-radius: var(--radius-7); background: transparent; text-align: left; cursor: pointer; }
.pe-cat__row:hover{ background: var(--state-hover); }
.pe-cat__row.is-on{ background: var(--state-selected); }
.pe-cat__name{ font: 500 12px/17px var(--font-sans); color: var(--content-primary); }
.pe-cat__meta{ grid-column: 1; font: 400 11px/16px var(--font-sans); color: var(--content-secondary); }
.pe-cat__late{ grid-column: 2; grid-row: 1 / span 2; font: 500 10.5px/15px var(--font-sans); color: var(--feedback-info-content); }
.pe-cat__foot{ display: flex; justify-content: flex-end; gap: 8px; padding: 10px 12px; box-shadow: inset 0 1px 0 var(--border-default); }
.pe-cat__domain:focus-visible,.pe-cat__row:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pe-rec{ flex: 1; min-width: 0; display: grid; grid-template-columns: 240px 1fr; min-height: 0; }
.pe-rec__side{ display: flex; flex-direction: column; gap: 2px; padding: 16px 10px; box-shadow: inset -1px 0 0 var(--border-default); overflow: auto; }
.pe-rec__title{ padding: 0 8px 6px; font: 500 11.5px/16px var(--font-sans); color: var(--content-secondary); }
.pe-rec__sec{ display: grid; grid-template-columns: 1fr auto; row-gap: 1px; align-items: center; padding: 6px 8px; border: 0; border-radius: var(--radius-7); background: transparent; text-align: left; cursor: pointer; }
.pe-rec__sec:hover{ background: var(--state-hover); }
.pe-rec__sec.is-on{ background: var(--state-selected); }
.pe-rec__sec code{ font: 400 11.5px/17px var(--font-mono); color: var(--content-primary); }
.pe-rec__size{ font: 400 10.5px/15px var(--font-sans); color: var(--content-tertiary); font-variant-numeric: tabular-nums; }
.pe-rec__tag{ grid-column: 1 / -1; font: 400 10.5px/15px var(--font-sans); color: var(--status-warning-content); }
.pe-rec__main{ display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 18px 24px; overflow: auto; }
.pe-rec__path{ display: flex; align-items: center; gap: 6px; font: 400 12px/18px var(--font-sans); color: var(--content-tertiary); }
.pe-rec__path code{ font: 400 11.5px/17px var(--font-mono); color: var(--content-primary); }
.pe-rec__json{ margin: 0; padding: 14px 16px; border-radius: var(--radius-9); background: var(--surface-app); border: 0.5px solid var(--border-default); font: 400 11.5px/19px var(--font-mono); color: var(--content-secondary); white-space: pre-wrap; overflow-wrap: anywhere; }
.pe-rec__json mark{ background: var(--status-warning-background); color: var(--status-warning-content); border-radius: 2px; }
.pe-rec__pager{ display: flex; align-items: center; justify-content: space-between; font: 400 11.5px/17px var(--font-sans); color: var(--content-secondary); font-variant-numeric: tabular-nums; }
.pe-rec__pagebtns{ display: inline-flex; gap: 2px; }
.pe-table{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px; padding: 24px 32px; overflow: auto; }
.pe-table h2{ margin: 0; font: 600 16px/22px var(--font-sans); color: var(--content-primary); }
.pe-table__src{ margin: 0 0 6px; font: 400 11.5px/17px var(--font-sans); color: var(--content-tertiary); }
.pe-table__src code{ font: 400 11px/16px var(--font-mono); color: var(--content-secondary); }
.pe-table__wrap{ overflow-x: auto; }
.pe-table table{ width: 100%; max-width: 720px; border-collapse: collapse; font: 400 12px/18px var(--font-sans); font-variant-numeric: tabular-nums; }
.pe-table th{ padding: 8px 12px; text-align: right; font-weight: 500; color: var(--content-secondary); box-shadow: inset 0 -1px 0 var(--border-medium); }
.pe-table th:first-child,.pe-table td:first-child{ text-align: left; }
.pe-table th small{ display: block; font-size: 10.5px; font-weight: 400; color: var(--content-tertiary); }
.pe-table td{ padding: 8px 12px; text-align: right; color: var(--content-primary); box-shadow: inset 0 -1px 0 var(--border-default); }
.pe-table td.is-null{ color: var(--content-tertiary); }
.pe-table .pe-count{ max-width: 720px; }

/* ---- engine-1021e.css */
.pg-details .dai-engine-details__content{ overflow-y: auto; }
.pg-all{ flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 14px; padding: 12px; overflow-y: auto; box-shadow: inset 1px 0 0 #434345;  }
.pg-all__head{ display: flex; align-items: baseline; justify-content: space-between; font: 500 12px/18px var(--font-sans); color: var(--content-primary); }
.pg-all__run{ font-weight: 400; color: var(--content-secondary); }
.pg-sec{ display: flex; flex-direction: column; gap: 2px; }
.pg-sec h3{ margin: 0 0 4px; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pg-row{ display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; min-height: 30px; padding: 6px 8px; border: 0; border-radius: var(--radius-7); background: transparent; font: 400 12px/18px var(--font-sans); color: var(--content-primary); text-align: left; }
.pg-row--btn{ cursor: pointer; }
.pg-row--btn:hover{ background: var(--state-hover); }
.pg-row--btn:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--focus-ring); }
.pg-row__sub{ display: block; font-size: 11px; line-height: 16px; color: var(--content-secondary); }
.pg-row__val{ flex: none; font-variant-numeric: tabular-nums; }
.pg-row__val small{ font-size: 11px; color: var(--content-secondary); }
.pg-row__val.is-null{ color: var(--content-tertiary); }
.pg-count{ display: flex; gap: 8px; margin: 0; font: 400 11px/16px var(--font-sans); color: var(--content-secondary); }
.pg-link{ padding: 0; border: 0; background: none; color: var(--link-content); font: inherit; cursor: pointer; }
.pg-link:hover{ text-decoration: underline; }
.pg-empty{ margin: 0; padding: 0 8px; font: 400 12px/18px var(--font-sans); color: var(--content-tertiary); }
.pg-all__raw{ align-self: flex-start; margin: 6px 0 0 8px; }
.pw-runs .dai-run-history + .dai-run-history{ margin-top: 2px; }
.pg-runcard__img{ padding: 0 12px 12px; }
.pg-cardimg{ display: flex; flex-direction: column; gap: 6px; margin: 0; }
.pg-cardimg__btn{ display: block; width: 100%; aspect-ratio: 940 / 613; padding: 0; overflow: hidden; border-radius: var(--radius-8); border: 1px solid var(--border-default); background: var(--surface-workspace); cursor: zoom-in; }
.pg-cardimg__btn:disabled{ cursor: default; }
.pg-cardimg__btn img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.pg-cardimg__btn:hover{ border-color: var(--border-medium); }
.pg-cardimg__btn:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }
.pg-cardimg figcaption{ font: 400 11px/16px var(--font-sans); color: var(--content-secondary); font-variant-numeric: tabular-nums; }
.pg-runrow .pg-runrow__act{ align-self: flex-start; margin-top: 8px; }
.pw-runs{ overflow-y: auto; }
.pg-hint--btn{ border: 0.5px solid var(--border-medium); cursor: pointer; font: inherit; color: inherit; padding: 4px 8px; }
.pg-hint--btn:hover{ background: var(--surface-control); }
.pg-hint--btn:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }

/* ---- assistant-1021w.css */
.pw-wl{ display: flex; flex-direction: column; gap: 2px; padding: 2px 0 0; }
.pw-wl__head{ display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin-left: -4px; padding: 2px 8px 2px 4px; border: 0; border-radius: var(--radius-6); background: none; color: var(--content-secondary); font: 500 12px/18px var(--font-sans); cursor: pointer; }
.pw-wl__head:hover{ background: var(--state-hover); color: var(--content-primary); }
.pw-wl__head:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--focus-ring); }
.pw-wl--running .pw-wl__head{ color: var(--content-primary); }
.pw-wl__chev{ display: inline-flex; transition: transform 0.15s ease; }
.pw-wl__chev .dai-icon{ width: 12px; height: 12px; }
.pw-wl.is-open .pw-wl__chev{ transform: rotate(90deg); }
.pw-wl__time{ font-weight: 400; color: var(--content-secondary); font-variant-numeric: tabular-nums; }
.pw-wl__now{ margin: 0 0 0 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 12px/18px var(--font-sans); color: var(--content-secondary); }
.pw-wl__list{ display: flex; flex-direction: column; margin: 4px 0 0; padding: 0; list-style: none; }
.pw-wl__item{ position: relative; display: flex; gap: 10px; padding: 3px 0 7px; }
.pw-wl__item:not(:last-child)::before{ content: ''; position: absolute; left: 8px; top: 23px; bottom: -1px; width: 1px; background: var(--border-default); }
.pw-wl__icon{ display: inline-flex; flex: none; align-items: center; justify-content: center; width: 17px; height: 18px; color: var(--content-secondary); }
.pw-wl__svg{ display: block; }
.pw-wl__body{ display: flex; flex-direction: column; min-width: 0; }
.pw-wl__title{ font: 500 12px/18px var(--font-sans); color: var(--content-primary); }
.pw-wl__detail{ font: 400 11.5px/17px var(--font-sans); color: var(--content-secondary); font-variant-numeric: tabular-nums; }
.pw-wl__item.is-done .pw-wl__title{ color: var(--content-secondary); }
.pw-wl__item.is-queued .pw-wl__title{ font-weight: 400; color: var(--content-tertiary); }
.pw-wl__item.is-failed .pw-wl__icon,.pw-wl__item.is-failed .pw-wl__detail{ color: var(--status-danger-content); }
.pw-wl__item.is-stopped .pw-wl__detail{ color: var(--content-tertiary); }
.pw-wl__dot{ width: 7px; height: 7px; border-radius: var(--radius-full); border: 1px solid var(--border-strong); }
.pw-wl__spin{ width: 11px; height: 11px; border-radius: var(--radius-full); border: 1.5px solid var(--border-medium); border-top-color: var(--content-primary); animation: pw-wl-spin 0.9s linear infinite; }
@keyframes pw-wl-spin{ to { transform: rotate(360deg); } }
.pw-wl__shine{ background: linear-gradient(90deg, var(--content-secondary) 0%, var(--content-primary) 40%, var(--content-secondary) 80%); background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: pw-wl-shine 2.2s linear infinite; }
@keyframes pw-wl-shine{ from { background-position: 100% 0; } to { background-position: -150% 0; } }
.pw-wl__rule{ width: 100%; height: 0; margin: 8px 0 6px; border: 0; border-top: 1px solid var(--border-medium); }
.pw-stream .dai-assistant__text{ white-space: pre-wrap; }
.pw-stream__caret{ display: inline-block; width: 7px; height: 13px; margin-left: 2px; vertical-align: -2px; border-radius: 1px; background: var(--content-primary); animation: pw-caret 1s steps(1) infinite; }
.pw-stream__caret.is-idle{ opacity: 0.4; }
@keyframes pw-caret{ 50% { opacity: 0; } }
.pw-stream__next{ margin: 6px 0 0; font: 400 12px/18px var(--font-sans); color: var(--content-tertiary); }
@media (prefers-reduced-motion: reduce){.pw-stream__caret{ animation: none; }
.pw-wl__spin,.pw-wl__shine{ animation: none; }
.pw-wl__shine{ color: var(--content-primary); background: none; }
.pw-wl__chev{ transition: none; }}