/**
 * Wizard-page CSS (GW-10), scoped end to end under the block's own
 * `data-zen-remote` attributes — the desktop no-op rule in its CSS form:
 * nothing here may reach a selector the wizard does not own, so the
 * Plugins detail page at ≥1024px renders byte-identically whether or not
 * the component mounts. Same transcription discipline as settings-css.ts
 * (host design tokens only, no literal colors).
 */
export declare const WIZARD_CSS = "\n[data-plugin-detail=\"dsh-zen-remote\"] section[data-plugin-config]:empty {\n  display: none;\n}\n\n[data-zen-remote=\"wizard\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n  box-sizing: border-box;\n  margin-inline: auto;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 12px;\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n  padding: 18px 20px;\n}\n\n[data-zen-remote=\"wizard\"] .zr-wizard-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-headerText {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-title {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  margin: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-subtitle {\n  font-size: 12.5px;\n  color: var(--dsw-alias-label-tertiary);\n  margin: 0;\n  line-height: 1.45;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-statusBadge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 4px 10px;\n  border-radius: 999px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-statusBadge[data-state=\"pass\"] {\n  color: var(--dsw-alias-label-primary);\n}\n\n[data-zen-remote=\"wizard\"] .zr-wizard-notice {\n  font-size: 12.5px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  padding: 9px 12px;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-secondary);\n  margin: 0;\n  line-height: 1.45;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-notice[data-tone=\"error\"] {\n  border-color: var(--dsw-alias-state-error-primary, #d5304f);\n  color: var(--dsw-alias-state-error-primary, #d5304f);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-notice[data-tone=\"ok\"] {\n  border-color: var(--dsw-alias-state-success-primary, #16a34a);\n  color: var(--dsw-alias-state-success-primary, #16a34a);\n}\n\n/* Inline Status Overview Card (2x2 spacious layout, full text visibility) */\n[data-zen-remote=\"wizard\"] .zr-wizard-overviewGrid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n}\n@media (max-width: 560px) {\n  [data-zen-remote=\"wizard\"] .zr-wizard-overviewGrid {\n    grid-template-columns: 1fr;\n  }\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-overviewItem {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 13px 15px;\n  border-radius: 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  min-width: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-overviewHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-overviewLabel {\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  margin: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-overviewValue {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-size: 13.5px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  margin: 0;\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-overviewSub {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n  margin: 0;\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-emptyBanner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n  padding: 14px 16px;\n  border-radius: 10px;\n  border: 1px dashed var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-emptyText {\n  font-size: 12.5px;\n  color: var(--dsw-alias-label-secondary);\n  line-height: 1.5;\n  margin: 0;\n  flex: 1;\n  min-width: 220px;\n}\n\n/* Wizard Modal Dialog (above app chrome, below helper sub-cards) */\n[data-zen-remote=\"wizard-modal\"] {\n  position: fixed;\n  inset: 0;\n  z-index: 950;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(2px);\n}\n[data-zen-remote=\"wizard-modal\"] .zr-wizard-modalDialog {\n  width: min(680px, calc(100vw - 32px));\n  max-height: min(88vh, 760px);\n  display: flex;\n  flex-direction: column;\n  border-radius: 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-primary);\n  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);\n  overflow: hidden;\n}\n[data-zen-remote=\"wizard-modal\"] .zr-wizard-modalHeader {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 16px 22px 14px;\n}\n[data-zen-remote=\"wizard-modal\"] .zr-wizard-modalTitle {\n  font-size: 15.5px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  margin: 0;\n}\n[data-zen-remote=\"wizard-modal\"] .zr-wizard-modalBody {\n  padding: 18px 22px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n}\n[data-zen-remote=\"wizard-modal\"] .zr-wizard-modalFooter {\n  padding: 14px 22px;\n  border-top: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n/* Non-clickable 3-step visual progress indicator */\n[data-zen-remote=\"wizard\"] .zr-wizard-stepper {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 13px 22px;\n  margin: 0;\n  list-style: none;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  border-top: 1px solid var(--dsw-alias-border-l2);\n  border-bottom: 1px solid var(--dsw-alias-border-l2);\n  user-select: none;\n  pointer-events: none;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepItem {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepCircle {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 600;\n  border: 1.5px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-tertiary);\n  flex: none;\n  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepItem[data-state=\"current\"] .zr-wizard-stepCircle {\n  background: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-layer-2, #fff);\n  box-shadow: 0 0 0 3px var(--dsw-alias-border-l2);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepItem[data-state=\"done\"] .zr-wizard-stepCircle {\n  background: var(--dsw-alias-state-success-primary, #16a34a);\n  border-color: var(--dsw-alias-state-success-primary, #16a34a);\n  color: #fff;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepText {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  min-width: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepTag {\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n  line-height: 1.2;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepItem[data-state=\"current\"] .zr-wizard-stepTag {\n  color: var(--dsw-alias-label-secondary);\n  font-weight: 500;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepItem[data-state=\"done\"] .zr-wizard-stepTag {\n  color: var(--dsw-alias-state-success-primary, #16a34a);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepName {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepItem[data-state=\"current\"] .zr-wizard-stepName {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 600;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepItem[data-state=\"done\"] .zr-wizard-stepName {\n  color: var(--dsw-alias-label-secondary);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepConnector {\n  flex: 1;\n  height: 2px;\n  min-width: 18px;\n  border-radius: 2px;\n  background: var(--dsw-alias-border-l2);\n  transition: background-color 200ms ease;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepConnector[data-done=\"true\"] {\n  background: var(--dsw-alias-state-success-primary, #16a34a);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-stepIntro {\n  font-size: 12.5px;\n  color: var(--dsw-alias-label-secondary);\n  margin: 0;\n  line-height: 1.45;\n}\n\n[data-zen-remote=\"wizard\"] .zr-wizard-body {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n/* Step 1: 3-column path cards */\n[data-zen-remote=\"wizard\"] .zr-wizard-paths {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-path {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  text-align: left;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 12px 14px;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  transition: border-color 120ms ease, box-shadow 120ms ease;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-path:hover:not(:disabled) {\n  border-color: var(--dsw-alias-label-secondary);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-path[data-selected=\"true\"] {\n  border-color: var(--dsw-alias-label-primary);\n  box-shadow: 0 0 0 1px var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-path:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-pathHead {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-pathRadio {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1.5px solid var(--dsw-alias-label-tertiary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-pathRadio[data-selected=\"true\"] {\n  border-color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-label-primary);\n  box-shadow: inset 0 0 0 2.5px var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-pathName {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  margin: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-pathDesc {\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  margin: 0;\n  line-height: 1.45;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-sectionTitle {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n  margin: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-roleGrid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 10px;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-checkRow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12.5px;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  user-select: none;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-checkRow input[type=\"checkbox\"] {\n  margin: 0;\n  cursor: pointer;\n}\n\n/* Step 2: form controls */\n[data-zen-remote=\"wizard\"] .zr-wizard-selectedBar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 8px 12px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-selectedLabel {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-formStack {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-formGrid {\n  display: grid;\n  grid-template-columns: 1fr 120px;\n  gap: 12px;\n  align-items: start;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-labelRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  margin: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-savedTag {\n  font-size: 11px;\n  padding: 1px 7px;\n  border-radius: 999px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-state-success-primary, #16a34a);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-hint {\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  margin: 0;\n  line-height: 1.4;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-input {\n  height: 34px;\n  font: inherit;\n  font-size: 13px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-primary);\n  width: 100%;\n  box-sizing: border-box;\n}\n[data-zen-remote=\"wizard\"] code.zr-wizard-input {\n  display: flex;\n  align-items: center;\n  min-height: 36px;\n  height: auto;\n  padding: 6px 12px;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  line-height: 1.4;\n  overflow-wrap: anywhere;\n  word-break: break-all;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-input:focus {\n  outline: none;\n  border-color: var(--dsw-alias-label-primary);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-link {\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  text-decoration: underline;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-link:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-linkBtn {\n  font: inherit;\n  font-size: 12px;\n  padding: 4px 10px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-linkBtn:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n/* Primary & Secondary action buttons + Footer */\n[data-zen-remote=\"wizard\"] .zr-wizard-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding-top: 8px;\n  border-top: 1px solid var(--dsw-alias-border-l2);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-footerHint {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-btn,\n[data-zen-remote=\"wizard-card\"] .zr-wizard-btn {\n  font: inherit;\n  font-size: 12.5px;\n  font-weight: 500;\n  height: 32px;\n  padding: 0 14px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-btn:hover:not(:disabled),\n[data-zen-remote=\"wizard-card\"] .zr-wizard-btn:hover:not(:disabled) {\n  border-color: var(--dsw-alias-label-secondary);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-btnPrimary,\n[data-zen-remote=\"wizard-card\"] .zr-wizard-btnPrimary {\n  background: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-layer-2, #fff);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-btnPrimary:hover:not(:disabled),\n[data-zen-remote=\"wizard-card\"] .zr-wizard-btnPrimary:hover:not(:disabled) {\n  opacity: 0.9;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-btn:disabled,\n[data-zen-remote=\"wizard-card\"] .zr-wizard-btn:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Step 3: service control bar, 3-column lights, and QR pairing panel */\n[data-zen-remote=\"wizard\"] .zr-wizard-serviceBar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n  padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-serviceInfo {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-lights {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 8px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-light {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 9px 12px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  font-size: 12.5px;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-lightMain {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-lightName {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-lightState {\n  font-size: 11.5px;\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-lightState[data-state=\"pass\"] {\n  color: var(--dsw-alias-state-success-primary, #16a34a);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-lightState[data-state=\"fail\"] {\n  color: var(--dsw-alias-state-error-primary, #d5304f);\n}\n\n[data-zen-remote=\"wizard\"] .zr-wizard-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--dsw-alias-label-tertiary);\n  flex: none;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-dot[data-state=\"pass\"] {\n  background: var(--dsw-alias-state-success-primary, #16a34a);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-dot[data-state=\"fail\"] {\n  background: var(--dsw-alias-state-error-primary, #d5304f);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-dot[data-state=\"pending\"] {\n  background: var(--dsw-alias-state-warning-primary, #b8860b);\n}\n\n[data-zen-remote=\"wizard\"] .zr-wizard-pairPanel {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  flex-wrap: wrap;\n  padding: 14px;\n  border-radius: 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-pairMeta {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex: 1;\n  min-width: 180px;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 24px;\n  letter-spacing: 4px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  margin: 2px 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-countdown {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n  margin: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-qr {\n  width: 156px;\n  height: 156px;\n  image-rendering: pixelated;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  background: #fff;\n  display: block;\n  flex: none;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-qr[data-usable=\"false\"] {\n  display: none;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-targetTabs {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 6px;\n  padding: 4px;\n  border-radius: 9px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-targetTab {\n  font: inherit;\n  font-size: 12.5px;\n  font-weight: 500;\n  padding: 7px 12px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  text-align: center;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-targetTab[data-selected=\"true\"] {\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n  border-color: var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-primary);\n  font-weight: 600;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-desktopBox,\n[data-zen-remote=\"wizard\"] .zr-wizard-clientBox {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 14px;\n  border-radius: 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-deviceList {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-deviceItem {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px 14px;\n  border-radius: 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  font-size: 12.5px;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-deviceHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-deviceTitleRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-deviceBadge {\n  font-size: 11px;\n  font-weight: 500;\n  padding: 2px 8px;\n  border-radius: 999px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-secondary);\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-deviceActions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n[data-zen-remote=\"wizard\"] .zr-wizard-select {\n  height: 30px;\n  font: inherit;\n  font-size: 12px;\n  padding: 0 8px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The modal card: a body-level overlay, above the app chrome. */\n[data-zen-remote=\"wizard-card\"] {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.45);\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardPanel {\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-primary);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 12px;\n  width: min(560px, calc(100vw - 32px));\n  max-height: min(82vh, 660px);\n  overflow: auto;\n  padding: 18px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardHeader {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardTitle {\n  font-size: 15px;\n  font-weight: 600;\n  margin: 0;\n}\n[data-zen-remote=\"wizard-modal\"] .zr-wizard-cardCloseIcon,\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardCloseIcon {\n  border: none;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 18px;\n  line-height: 1;\n  padding: 2px 6px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n[data-zen-remote=\"wizard-modal\"] .zr-wizard-cardCloseIcon:hover,\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardCloseIcon:hover {\n  color: var(--dsw-alias-label-primary);\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardBody {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardSteps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardSubhead {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  margin: 4px 0 0;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardTable {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  overflow: hidden;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardTable td {\n  padding: 6px 10px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2);\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardTable tr:last-child td {\n  border-bottom: none;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardPerm {\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardWhy {\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardTabs {\n  display: flex;\n  gap: 6px;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardTab {\n  font: inherit;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 4px 12px;\n  border-radius: 999px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardTab[data-selected=\"true\"] {\n  color: var(--dsw-alias-bg-layer-2, #fff);\n  background: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-primary);\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardStep {\n  font-size: 12.5px;\n  color: var(--dsw-alias-label-secondary);\n  margin: 0;\n  line-height: 1.45;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardCode {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  white-space: pre;\n  background: var(--dsw-alias-bg-layer-3, rgba(127, 127, 127, 0.12));\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  padding: 10px 12px;\n  overflow: auto;\n  max-height: 260px;\n  margin: 0;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-input {\n  height: 34px;\n  font: inherit;\n  font-size: 13px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-module-platform));\n  color: var(--dsw-alias-label-primary);\n  width: 100%;\n  box-sizing: border-box;\n}\n[data-zen-remote=\"wizard-card\"] .zr-wizard-cardActions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--dsw-alias-border-l2);\n}\n";
//# sourceMappingURL=wizard-css.d.ts.map