[data-ds-part="root"] {
  color: var(--ds-theme-color-text);
  line-height: 1.5;
}

[data-ds-part="sidebar"] {
  background-color: var(--ds-theme-color-panel);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.18) brightness(1.04);
  border-right-color: var(--ds-theme-color-line);
  border-right-style: solid;
  border-right-width: 1px;
  box-shadow: 8px 0 28px rgba(37, 76, 122, 0.12);
  color: var(--ds-theme-color-text);
}

[data-ds-part="header"] {
  background-color: transparent;
  border-bottom-color: var(--ds-theme-color-line);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: var(--ds-theme-color-text);
}

[data-ds-part="home-hero"] {
  color: var(--ds-theme-color-text);
  font-weight: 700;
  letter-spacing: 0.2px;
}

[data-ds-part="project-list"] {
  background-color: var(--ds-theme-color-panel-alt);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.12);
  border-color: var(--ds-theme-color-line);
  border-style: solid;
  border-width: 1px;
  border-radius: var(--ds-theme-surface-radius);
  box-shadow: 0 10px 28px rgba(44, 72, 112, 0.12);
  color: var(--ds-theme-color-text);
  transition-duration: 180ms;
  transition-property: background-color, border-color, box-shadow;
}

[data-ds-part="project-list"]:hover {
  background-color: var(--ds-theme-color-panel);
  border-color: var(--ds-theme-color-highlight);
  box-shadow: 0 12px 32px rgba(44, 72, 112, 0.18);
}

[data-ds-part="message"] {
  color: var(--ds-theme-color-text);
  line-height: 1.55;
}

[data-ds-part="composer"] {
  background-color: var(--ds-theme-color-panel-alt);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.16) brightness(1.03);
  border-color: var(--ds-theme-color-line);
  border-style: solid;
  border-width: 1px;
  border-radius: var(--ds-theme-surface-radius);
  box-shadow: 0 14px 38px rgba(34, 66, 104, 0.18);
  color: var(--ds-theme-color-text);
  transition-duration: 180ms;
  transition-property: border-color, box-shadow, backdrop-filter;
}

[data-ds-part="composer"]:focus-visible {
  border-color: var(--ds-theme-color-accent);
  box-shadow: 0 14px 40px rgba(63, 126, 190, 0.24);
}

[data-ds-part="composer-toolbar"] {
  color: var(--ds-theme-color-muted);
  gap: 8px;
}

[data-ds-part="dialog"] {
  background-color: var(--ds-theme-color-panel-alt);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.12);
  border-color: var(--ds-theme-color-line);
  border-style: solid;
  border-width: 1px;
  border-radius: var(--ds-theme-surface-radius);
  box-shadow: 0 18px 48px rgba(29, 57, 92, 0.22);
  color: var(--ds-theme-color-text);
}