/* AIGen display tokens — Classic | Studio
   Apply on [data-display] wrapper. Do not fork components. */

:root,
[data-display="studio"] {
  --bg: #0e0e10;
  --bg-raise: #161618;
  --bg-slot: #1c1c1f;
  --line: #2a2a2e;
  --text: #f3f1ea;
  --muted: #9a9588;
  --amber: #f5a524;
  --amber-dim: #c4841c;
  --radius: 8px;
  --chrome-gap: 16px;
  --rail-h: 40px;
  --card-pad: 14px;
  --header-h: 52px;
  --type: 14px;
  --type-sm: 12px;
}

[data-display="classic"] {
  --chrome-gap: 8px;
  --rail-h: 32px;
  --card-pad: 10px;
  --header-h: 44px;
  --type: 13px;
}

[data-display] {
  background: var(--bg);
  color: var(--text);
  font-size: var(--type);
}

[data-display="classic"] .rail-task,
[data-display="classic"] .rail-model {
  display: none;
}
[data-display="studio"] .classic-selects {
  display: none;
}
[data-display="classic"] .identity-slots {
  display: none;
}
[data-display="studio"] .identity-header {
  display: none;
}
[data-display="classic"] .eye-tile,
[data-display="classic"] .eye-viewer {
  display: none;
}
[data-display="studio"] .classic-hide {
  display: none;
}