/* scenario studio appearance · theme=base */
.authoring-shell, body.authoring-shell {
  --as-bg: #F3F7FC;
  --as-surface: #FFFFFF;
  --as-raised: #FFFFFF;
  --as-ink: #17243B;
  --as-muted: #9098A5;
  --as-line: #E3E5E7;
  --as-line-strong: #EBEBEB;
  --as-accent: #245BCC;
  --as-accent-ink: #FFFFFF;
  --as-accent-secondary: #0B7B89;
  --as-ok: #1A6B45;
  --as-warn: #9A6200;
  --as-fail: #B42318;
  --as-info: #1E5FA8;
  --as-sans: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --as-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
  --as-radius-control: 0.5rem;
  --as-radius-card: 0.75rem;
  --as-header-bg: #E4E8ED;
  --as-nav-bg: #F8FBFD;
  --as-field-bg: #F5F8FC;
  --as-modal-bg: #FFFFFF;
  --as-overlay: #00000040;
  font-family: var(--as-sans);
  color: var(--as-ink);
  background: var(--as-bg);
}
.authoring-shell, body.authoring-shell {
  font-family: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.authoring-shell, body.authoring-shell .pui-title, .authoring-shell, body.authoring-shell .pui-title--hero, .authoring-shell, body.authoring-shell h1, .authoring-shell, body.authoring-shell h2, .authoring-shell, body.authoring-shell h3 {
  font-family: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 650;
  font-size: 1.125rem;
}
.authoring-shell, body.authoring-shell code, .authoring-shell, body.authoring-shell pre, .authoring-shell, body.authoring-shell .mono {
  font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
}
.authoring-shell, body.authoring-shell .pui-btn, .authoring-shell, body.authoring-shell button, .authoring-shell, body.authoring-shell .pui-input, .authoring-shell, body.authoring-shell input, .authoring-shell, body.authoring-shell select {
  border-radius: 0.5rem;
  border-width: 1px;
}
.authoring-shell, body.authoring-shell .pui-card, .authoring-shell, body.authoring-shell .panel {
  border-radius: 0.75rem;
  box-shadow: 0 3px 12px rgba(0,0,0,0.18);
}