{
  "version": 3,
  "sources": ["src/app/design-system/examples/example-screens-page.scss"],
  "sourcesContent": [":host {\n  background: var(--ds-color-surface-subtle);\n  color: var(--ds-color-text);\n  display: block;\n  min-height: 100vh;\n}\n.examples-page {\n  margin-inline: auto;\n  max-width: var(--ds-container-xl);\n  padding: var(--ds-space-10) var(--ds-page-gutter) var(--ds-space-20);\n}\n.examples-header {\n  align-items: flex-end;\n  border-bottom: var(--ds-border-width) solid var(--ds-color-border);\n  display: flex;\n  gap: var(--ds-space-6);\n  justify-content: space-between;\n  padding-bottom: var(--ds-space-8);\n}\n.examples-header a {\n  display: inline-block;\n  font-size: var(--ds-font-size-1);\n  font-weight: var(--ds-font-weight-semibold);\n  margin-bottom: var(--ds-space-8);\n  text-decoration: none;\n}\n.examples-header h1 {\n  font-size: clamp(var(--ds-font-size-7), 6vw, var(--ds-font-size-9));\n  letter-spacing: var(--ds-letter-spacing-tight);\n  margin: var(--ds-space-0);\n}\n.examples-header p:last-child {\n  color: var(--ds-color-text-secondary);\n  font-size: var(--ds-font-size-3);\n}\n.examples-layout {\n  display: grid;\n  gap: var(--ds-space-8);\n  grid-template-columns: var(--ds-sidebar-width) minmax(0, 1fr);\n  padding-top: var(--ds-space-8);\n}\n.examples-layout > nav {\n  align-self: start;\n  display: grid;\n  gap: var(--ds-space-1);\n  position: sticky;\n  top: var(--ds-space-6);\n}\n.examples-layout > nav strong {\n  color: var(--ds-color-text-muted);\n  font-size: var(--ds-font-size-00);\n  letter-spacing: var(--ds-letter-spacing-caps);\n  margin: var(--ds-space-4) var(--ds-space-3) var(--ds-space-1);\n  text-transform: uppercase;\n}\n.examples-layout > nav button {\n  background: transparent;\n  border: 0;\n  border-radius: var(--ds-radius-2);\n  color: var(--ds-color-text-secondary);\n  cursor: pointer;\n  font: inherit;\n  min-height: var(--ds-control-height-sm);\n  padding: var(--ds-space-2) var(--ds-space-3);\n  text-align: start;\n}\n.examples-layout > nav button:hover,\n.examples-layout > nav button.active {\n  background: var(--ds-color-surface-selected);\n  color: var(--ds-color-link-hover);\n  font-weight: var(--ds-font-weight-semibold);\n}\n.preview-region {\n  min-width: 0;\n}\n.screen-canvas {\n  background: var(--ds-color-surface);\n  border: var(--ds-border-width) solid var(--ds-color-border);\n  border-radius: var(--ds-radius-5);\n  min-height: var(--ds-container-sm);\n  overflow: hidden;\n  padding: clamp(var(--ds-space-5), 5vw, var(--ds-space-10));\n}\n.screen-canvas--centered {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.screen-title {\n  align-items: flex-end;\n  display: flex;\n  gap: var(--ds-space-6);\n  justify-content: space-between;\n  margin-bottom: var(--ds-space-8);\n}\n.screen-title h2 {\n  font-size: var(--ds-font-size-7);\n  letter-spacing: var(--ds-letter-spacing-tight);\n  margin: var(--ds-space-0);\n}\n.screen-title p {\n  color: var(--ds-color-text-secondary);\n  margin-bottom: var(--ds-space-0);\n}\n.muted {\n  color: var(--ds-color-text-secondary);\n  line-height: var(--ds-line-height-body);\n}\n.product-lockup {\n  align-items: center;\n  display: flex;\n  gap: var(--ds-space-3);\n  margin-bottom: var(--ds-space-8);\n}\n.product-lockup > span {\n  align-items: center;\n  background: var(--ds-color-brand);\n  border-radius: var(--ds-radius-3);\n  color: var(--ds-color-text-inverse);\n  display: flex;\n  font-size: var(--ds-font-size-0);\n  font-weight: var(--ds-font-weight-bold);\n  height: var(--ds-control-height-sm);\n  justify-content: center;\n  width: var(--ds-control-height-sm);\n}\n.auth-card {\n  max-width: var(--ds-container-sm);\n  width: 100%;\n}\n.auth-card h2 {\n  font-size: var(--ds-font-size-7);\n  letter-spacing: var(--ds-letter-spacing-tight);\n  margin: var(--ds-space-0);\n}\n.form-stack {\n  display: grid;\n  gap: var(--ds-space-5);\n  margin-block: var(--ds-space-6);\n}\n.form-stack > .ds-button {\n  width: 100%;\n}\n.check-row {\n  align-items: center;\n  display: flex;\n  gap: var(--ds-space-2);\n  min-height: var(--ds-touch-target);\n}\n.metric-grid {\n  display: grid;\n  gap: var(--ds-space-4);\n  grid-template-columns: repeat(3, 1fr);\n  margin-bottom: var(--ds-space-6);\n}\n.metric-grid ds-card {\n  display: grid;\n  gap: var(--ds-space-2);\n}\n.metric-grid span,\n.metric-grid small {\n  color: var(--ds-color-text-muted);\n}\n.metric-grid strong {\n  font-size: var(--ds-font-size-7);\n  letter-spacing: var(--ds-letter-spacing-tight);\n}\n.section-heading {\n  align-items: center;\n  display: flex;\n  gap: var(--ds-space-4);\n  justify-content: space-between;\n}\n.section-heading h3,\n.screen-canvas > ds-card > h3 {\n  font-size: var(--ds-font-size-5);\n  margin: var(--ds-space-0);\n}\n.section-heading p {\n  color: var(--ds-color-text-muted);\n  margin: var(--ds-space-1) var(--ds-space-0) var(--ds-space-5);\n}\n.assessment-canvas {\n  background: var(--ds-color-surface-subtle);\n}\n.assessment-topline {\n  align-items: center;\n  display: grid;\n  gap: var(--ds-space-5);\n  grid-template-columns: minmax(0, 1fr) auto;\n  margin: var(--ds-space-0) auto var(--ds-space-5);\n  max-width: var(--ds-container-md);\n}\n.assessment-canvas > ds-alert {\n  margin: var(--ds-space-0) auto var(--ds-space-5);\n  max-width: var(--ds-container-md);\n}\n.example-visual {\n  display: grid;\n  gap: var(--ds-space-4);\n  grid-template-columns: repeat(3, var(--ds-space-16));\n  justify-content: center;\n  padding-block: var(--ds-space-6);\n}\n.example-visual span {\n  align-items: center;\n  border: var(--ds-border-width-strong) solid var(--ds-color-brand);\n  border-radius: var(--ds-radius-round);\n  display: flex;\n  font-size: var(--ds-font-size-5);\n  height: var(--ds-space-16);\n  justify-content: center;\n}\n.example-visual span:nth-child(2) {\n  border-radius: var(--ds-radius-2);\n}\n.screen-canvas--mobile {\n  align-items: flex-start;\n  background: var(--ds-color-slate-900);\n  display: flex;\n  justify-content: center;\n  padding: var(--ds-space-6);\n}\n.mobile-device {\n  background: var(--ds-color-surface-subtle);\n  border: var(--ds-border-width-strong) solid var(--ds-color-border-strong);\n  border-radius: var(--ds-radius-5);\n  max-width: var(--ds-viewport-mobile-width);\n  min-height: var(--ds-viewport-mobile-height);\n  overflow: hidden;\n  padding: var(--ds-space-4);\n  width: 100%;\n}\n.mobile-device .assessment-topline {\n  grid-template-columns: 1fr;\n}\n.mobile-device ds-assessment-timer {\n  justify-self: end;\n}\n.mobile-device ds-question-card {\n  padding: var(--ds-space-5);\n}\n.results-grid {\n  display: grid;\n  gap: var(--ds-space-6);\n  grid-template-columns: 1.1fr 0.9fr;\n}\n.score-panel {\n  align-items: center;\n  display: grid;\n  gap: var(--ds-space-8);\n  grid-template-columns: auto minmax(0, 1fr);\n}\n.domain-list {\n  display: grid;\n  gap: var(--ds-space-3);\n}\n.domain-list > div {\n  border-bottom: var(--ds-border-width) solid var(--ds-color-border);\n  display: flex;\n  gap: var(--ds-space-3);\n  justify-content: space-between;\n  padding-bottom: var(--ds-space-3);\n}\n.report-grid {\n  display: grid;\n  gap: var(--ds-space-5);\n  grid-template-columns: 1fr 1fr;\n  margin-bottom: var(--ds-space-5);\n}\n.report-score {\n  align-items: center;\n  display: grid;\n  gap: var(--ds-space-6);\n  grid-template-columns: auto 1fr;\n}\n.report-score p {\n  color: var(--ds-color-text-secondary);\n  line-height: var(--ds-line-height-body);\n}\n.action-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ds-space-3);\n}\n.filter-row,\n.form-grid {\n  display: grid;\n  gap: var(--ds-space-5);\n  grid-template-columns: 1fr 1fr;\n  margin-bottom: var(--ds-space-5);\n}\n.settings-grid {\n  display: grid;\n  gap: var(--ds-space-6);\n  grid-template-columns: minmax(10rem, var(--ds-sidebar-width)) minmax(0, 1fr);\n}\n.settings-grid > nav {\n  display: grid;\n  gap: var(--ds-space-1);\n  align-content: start;\n}\n.settings-grid > nav button {\n  background: transparent;\n  border: 0;\n  border-radius: var(--ds-radius-2);\n  color: var(--ds-color-text-secondary);\n  font: inherit;\n  min-height: var(--ds-control-height-md);\n  padding: var(--ds-space-2) var(--ds-space-3);\n  text-align: start;\n}\n.settings-grid > nav button.active {\n  background: var(--ds-color-surface-selected);\n  color: var(--ds-color-link-hover);\n  font-weight: var(--ds-font-weight-semibold);\n}\n\n@media (max-width: 64rem) {\n  .examples-layout {\n    grid-template-columns: 1fr;\n  }\n  .examples-layout > nav {\n    background: var(--ds-color-surface-subtle);\n    display: flex;\n    overflow-x: auto;\n    padding-block: var(--ds-space-2);\n    position: sticky;\n    top: var(--ds-space-0);\n    z-index: var(--ds-z-sticky);\n  }\n  .examples-layout > nav strong {\n    display: none;\n  }\n  .examples-layout > nav button {\n    flex: 0 0 auto;\n  }\n}\n@media (max-width: 48rem) {\n  .examples-page {\n    padding-top: var(--ds-space-6);\n  }\n  .examples-header,\n  .screen-title {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n  .metric-grid,\n  .results-grid,\n  .report-grid,\n  .settings-grid,\n  .form-grid,\n  .filter-row {\n    grid-template-columns: 1fr;\n  }\n  .score-panel,\n  .report-score {\n    grid-template-columns: 1fr;\n  }\n  .assessment-topline {\n    grid-template-columns: 1fr;\n  }\n  .assessment-topline ds-assessment-timer {\n    justify-self: end;\n  }\n  .settings-grid > nav {\n    display: flex;\n    overflow-x: auto;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}