/* Personalization 11a–11d. Actual controls and data retain their existing owners. */
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout {
  min-width:0;
  color:var(--ysa-text);
}

/* The module supplies the title; the inner header retains its actual action controls. */
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-page-head > div:first-child {
  display:none;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-page-head > div:last-child {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout[data-personalization-screen=editor] > .ysa-cdp-personalization-page-head {
  display:none;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout:has(#ysa_cdp_personalization_workspace[data-personalization-workspace-view=placements]) #ysa_cdp_personalization_add {
  display:none;
}
.ysa-connected-preview .ysa-cdp:has(#ysa_cdp_personalization_root.ysa-personalization-layout) .ysa-personalization-page-count,
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-heading-count {
  margin-left:10px;
  color:var(--ysa-text-3);
  font:italic 400 18px/1.3 var(--ysa-font-serif);
  letter-spacing:normal;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-toolbar {
  align-items:center;
  flex-direction:row;
  flex-wrap:wrap;
  gap:12px 20px;
  margin:0 0 18px;
  padding:0;
  border:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-views {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:2px;
  min-height:36px;
  margin:0;
  padding:3px;
  overflow:visible;
  border:0;
  border-radius:var(--ysa-r-input);
  background:var(--ysa-surface-segmented);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-views > .ysa-cdp-personalization-view {
  position:relative;
  flex:none;
  min-height:30px;
  margin:0;
  padding:6px 13px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ysa-text-3);
  font:400 12.5px/1.4 var(--ysa-font-sans);
  white-space:nowrap;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-view::after {
  content:none;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-view:is(.is-active,[aria-selected=true]) {
  background:var(--ysa-sheet);
  color:var(--ysa-text);
  font-weight:600;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout [data-personalization-view=results] {
  margin-left:8px;
  background:var(--ysa-sheet);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-tab-count {
  margin-left:6px;
  color:var(--ysa-text-3);
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-toolbar-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
  margin-left:auto;
  color:var(--ysa-text-3);
  font-size:12px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-toolbar-actions > [data-personalization-view=results] {
  min-height:36px;
  margin:0;
  padding:8px 12px;
  border:1px solid var(--ysa-line);
  border-radius:var(--ysa-r-input);
  background:var(--ysa-sheet);
  color:var(--ysa-text);
  font:500 13px/1.4 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout :is(.ysa-cdp-personalization-summary,.ysa-cdp-personalization-overview-aside,.ysa-cdp-personalization-list-group,.ysa-cdp-experience-columns) {
  display:none;
}

/* One table surface, with filters and search kept inside its border. */
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace.is-overview {
  display:block;
  min-height:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace.is-overview > .ysa-personalization-table {
  display:block;
  position:static;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:0;
  overflow:auto;
  border:1px solid var(--ysa-line);
  border-radius:var(--ysa-r-card);
  background:var(--ysa-sheet);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table > .ysa-cdp-personalization-pane-head,
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table .ysa-cdp-personalization-list-toggle {
  display:none;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-tools {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  min-width:0;
  padding:14px 20px;
  border-bottom:1px solid var(--ysa-line);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-filters {
  display:flex;
  align-items:center;
  flex:1 1 auto;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-filters [data-layout-status] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:30px;
  padding:5px 11px;
  border:0;
  border-radius:var(--ysa-r-pill);
  background:var(--ysa-canvas);
  color:var(--ysa-text-3);
  font:400 12px/1.4 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-filters [data-layout-status].is-active {
  background:var(--ysa-ink);
  color:var(--ysa-on-ink);
  font-weight:600;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-tools > .ysa-cdp-personalization-search {
  display:block;
  flex:0 1 200px;
  min-width:180px;
  max-width:100%;
  margin:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-selects {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-selects label {
  min-width:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-selects select {
  min-height:38px;
  width:auto;
  max-width:160px;
  padding:8px 28px 8px 10px;
  border:1px solid var(--ysa-text-muted);
  border-radius:var(--ysa-r-input);
  background-color:var(--ysa-sheet);
  color:var(--ysa-text);
  font:400 12.5px/1.4 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-search > input {
  width:100%;
  min-width:0;
  min-height:38px;
  margin:0;
  padding:9px 12px;
  border:1px solid var(--ysa-text-muted);
  border-radius:var(--ysa-r-input);
  background:var(--ysa-sheet);
  color:var(--ysa-text);
  font:400 13px/1.4 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table .ysa-cdp-personalization-list-content {
  display:block;
  min-width:0;
  margin:0;
  padding:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table .ysa-cdp-personalization-list {
  display:block;
  min-width:0;
  max-height:none;
  margin:0;
  padding:0;
  overflow:visible;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout :is(.ysa-personalization-columns,.ysa-personalization-table-row) {
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(0,1.4fr) minmax(0,1.2fr) 96px 76px minmax(0,1fr);
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout [data-personalization-workspace-view=placements] :is(.ysa-personalization-columns,.ysa-personalization-table-row) {
  grid-template-columns:minmax(0,1.8fr) 110px minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.3fr) 80px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-columns {
  min-height:38px;
  padding:10px 20px;
  border-bottom:1px solid var(--ysa-line);
  background:var(--ysa-canvas-tint);
  color:var(--ysa-text-3);
  font:600 11.5px/1.4 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout button.ysa-personalization-table-row {
  min-height:56px;
  margin:0;
  padding:9px 20px;
  border:0;
  border-bottom:1px solid var(--ysa-line-soft);
  border-radius:0;
  background:transparent;
  color:var(--ysa-text);
  font:400 13.5px/1.45 var(--ysa-font-sans);
  text-align:left;
  box-shadow:none;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout button.ysa-personalization-table-row:last-child {
  border-bottom:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout button.ysa-personalization-table-row:is(:hover,:focus-visible,.is-active) {
  background:var(--ysa-canvas-tint);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell {
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell:is(.is-reach,.is-checked) {
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell.is-name :is(.ysa-cdp-personalization-list-title,.ysa-cdp-personalization-list-meta) {
  display:block;
  margin:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell.is-name strong {
  display:block;
  color:var(--ysa-text);
  font:600 13.5px/1.45 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell :is(small,.ysa-cdp-personalization-list-meta) {
  display:block;
  margin-top:3px;
  color:var(--ysa-text-3);
  font:400 12px/1.45 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell.is-name .ysa-cdp-personalization-list-meta > span {
  display:inline;
  margin:0;
  font-size:12px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell .ysa-cdp-personalization-status {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:24px;
  max-width:100%;
  margin:0;
  padding:3px 9px;
  border:0;
  border-radius:var(--ysa-r-pill);
  background:var(--ysa-canvas);
  color:var(--ysa-text-3);
  font-size:12px;
  font-weight:600;
  line-height:1.4;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell .ysa-cdp-personalization-status:is(.is-active,.is-live) {
  background:var(--ysa-sage-soft);
  color:var(--ysa-text);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-row > .ysa-cdp-personalization-card-action,
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-row > .ysa-cdp-personalization-card-description {
  display:none;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 16px;
  margin:0;
  padding:12px 20px;
  border-top:1px solid var(--ysa-line);
  color:var(--ysa-text-3);
  font-size:12px;
  line-height:1.5;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table .ysa-cdp-personalization-empty {
  min-height:240px;
  margin:0;
  padding:40px 24px;
  border:0;
  background:transparent;
  color:var(--ysa-text-3);
}

/* Editors fill the sheet. These selectors deliberately exclude Native authoring. */
.ysa-connected-preview .ysa-cdp:has(#ysa_cdp_personalization_root.ysa-personalization-layout[data-personalization-screen=editor] #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=campaign],[data-personalization-editor-type=placement])) {
  display:block;
}
.ysa-connected-preview .ysa-cdp:has(#ysa_cdp_personalization_root.ysa-personalization-layout[data-personalization-screen=editor] #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=campaign],[data-personalization-editor-type=placement])) > :is(.ysa-cdp-nav,.ysa-cdp-hero) {
  display:none;
}
.ysa-connected-preview .ysa-cdp:has(#ysa_cdp_personalization_root.ysa-personalization-layout[data-personalization-screen=editor] #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=campaign],[data-personalization-editor-type=placement])) > .ysa-cdp-main {
  padding:28px 32px 32px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout[data-personalization-screen=editor] > .ysa-cdp-personalization-back {
  align-self:flex-start;
  min-height:30px;
  margin:0 0 8px;
  padding:2px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ysa-text-3);
  font-size:13px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout[data-personalization-screen=editor] > .ysa-cdp-personalization-editor-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 24px;
  margin:0 0 24px;
  padding:0;
  border:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-editor-title {
  display:flex;
  align-items:center;
  flex:1 1 300px;
  flex-wrap:wrap;
  gap:10px;
  min-width:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_editor_name {
  min-width:0;
  overflow-wrap:anywhere;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-editor-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=campaign] {
  display:grid;
  grid-template-columns:168px minmax(0,1fr) 440px;
  align-items:start;
  gap:24px;
  min-height:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=placement] {
  display:grid;
  grid-template-columns:minmax(0,1fr) 460px;
  align-items:start;
  gap:24px;
  min-height:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview):is([data-personalization-editor-type=campaign],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-list-pane {
  display:none;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=campaign] > .ysa-cdp-personalization-editor-pane {
  grid-column:2;
  grid-row:1;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=placement] > .ysa-cdp-personalization-editor-pane {
  grid-column:1;
  grid-row:1;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview):is([data-personalization-editor-type=campaign],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-editor-pane {
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=campaign] > .ysa-cdp-personalization-preview-pane {
  grid-column:3;
  grid-row:1;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=placement] > .ysa-cdp-personalization-preview-pane {
  grid-column:2;
  grid-row:1;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview):is([data-personalization-editor-type=campaign],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-preview-pane {
  display:grid;
  position:sticky;
  top:0;
  align-self:start;
  gap:16px;
  min-width:0;
  width:auto;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-preview-copy {
  display:grid;
  gap:5px;
  min-width:0;
  margin:0;
  padding:16px 20px;
  border:1px solid var(--ysa-line);
  border-radius:var(--ysa-r-card) var(--ysa-r-card) 0 0;
  background:var(--ysa-sheet);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-preview-copy strong {
  display:block;
  color:var(--ysa-text);
  font:400 18px/1.3 var(--ysa-font-heading);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-preview-copy > span {
  color:var(--ysa-text-3);
  font:400 12px/1.5 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-preview-stage {
  min-width:0;
  min-height:360px;
  margin-top:-16px;
  padding:18px;
  overflow:hidden;
  border:1px solid var(--ysa-line);
  border-top:0;
  border-radius:0 0 var(--ysa-r-card) var(--ysa-r-card);
  background:var(--ysa-canvas-tint);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-nav {
  display:grid;
  position:sticky;
  top:0;
  grid-column:1;
  grid-row:1;
  align-self:start;
  gap:4px;
  min-width:0;
  margin:0;
  padding:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-link {
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:3px 10px;
  width:100%;
  min-height:56px;
  margin:0;
  padding:10px;
  border:0;
  border-radius:var(--ysa-r-input);
  background:transparent;
  color:var(--ysa-text);
  text-align:left;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-link:is(:hover,.is-active) {
  background:var(--ysa-canvas);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-link > span:first-child {
  display:grid;
  grid-column:1;
  grid-row:1 / span 2;
  place-items:center;
  width:22px;
  height:22px;
  border:1px solid var(--ysa-text-3);
  border-radius:var(--ysa-r-pill);
  color:var(--ysa-text);
  font:600 11px/1 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-link > strong {
  display:block;
  grid-column:2;
  color:var(--ysa-text);
  font:600 13px/1.45 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-link > small {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  grid-column:2;
  min-width:0;
  color:var(--ysa-text-3);
  font:400 12px/1.45 var(--ysa-font-sans);
  overflow-wrap:anywhere;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-widget-tests {
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--ysa-line);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-sections {
  display:grid;
  gap:16px;
  min-width:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section {
  min-width:0;
  margin:0;
  padding:20px;
  scroll-margin-top:20px;
  border:1px solid var(--ysa-line);
  border-radius:var(--ysa-r-card);
  background:var(--ysa-sheet);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section > :is(header,h3) {
  margin:0 0 16px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(h3,legend) {
  color:var(--ysa-text);
  font:400 18px/1.3 var(--ysa-font-heading);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-title {
  display:flex;
  align-items:center;
  gap:10px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-number {
  display:grid;
  place-items:center;
  flex:none;
  width:26px;
  height:26px;
  border-radius:var(--ysa-r-pill);
  background:var(--ysa-ink);
  color:var(--ysa-on-ink);
  font:600 12px/1 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section > .ysa-personalization-section-intro {
  margin:-8px 0 20px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(p,small,.ysa-cdp-personalization-note) {
  color:var(--ysa-text-3);
  font-size:12px;
  line-height:1.55;
}
.ysa-connected-preview #ysa_cdp_personalization_root #ysa_cdp_personalization_device_visibility .ysa-cdp-personalization-check { min-height:44px; }
.ysa-connected-preview #ysa_cdp_personalization_root #ysa_cdp_personalization_devices_error { color:var(--ysa-danger-text); }
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-form-section {
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(.ysa-cdp-personalization-form-section,div[data-personalization-visual-content]):not([hidden]) {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-disclosure-content {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(.ysa-cdp-personalization-form-section,div[data-personalization-visual-content],.ysa-cdp-personalization-disclosure-content) > :is(.ysa-cdp-personalization-fields,.ysa-cdp-widget-template-intro,.ysa-cdp-widget-template-selector,.ysa-cdp-personalization-appearance,.ysa-cdp-personalization-disclosure,.ysa-widget-tests) {
  margin-block:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(.ysa-cdp-personalization-form-section,div[data-personalization-visual-content],.ysa-cdp-personalization-disclosure-content) > .ysa-cdp-personalization-checks {
  margin-top:0!important;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-form-section + .ysa-cdp-personalization-form-section {
  margin-top:24px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-fields {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px 16px;
  min-width:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-field {
  display:grid;
  align-content:start;
  gap:7px;
  min-width:0;
  margin:0;
  color:var(--ysa-text);
  font:600 12.5px/1.45 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-field.is-wide {
  grid-column:1 / -1;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-field :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) {
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:38px;
  padding:9px 12px;
  border:1px solid var(--ysa-line);
  border-radius:var(--ysa-r-input);
  background:var(--ysa-sheet);
  color:var(--ysa-text);
  font:400 13.5px/1.4 var(--ysa-font-sans);
  box-sizing:border-box;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-field textarea {
  min-height:94px;
  resize:vertical;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-field small {
  margin:0;
  font-weight:400;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-agent {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:12px;
  border:1px solid var(--ysa-line);
  border-radius:var(--ysa-r-input);
  background:var(--ysa-canvas);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-agent-avatar {
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  overflow:hidden;
  border-radius:50%;
  background:var(--ysa-sage-soft);
  color:var(--ysa-ink);
  font:700 14px/1 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-agent-avatar img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-agent-copy {
  display:grid;
  flex:1 1 0;
  gap:3px;
  min-width:0;
  overflow-wrap:anywhere;
  font:400 12px/1.5 var(--ysa-font-sans);
  color:var(--ysa-text-3);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-agent-copy strong {
  color:var(--ysa-text);
  font-size:13.5px;
  font-weight:600;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section fieldset.ysa-cdp-personalization-field:has(.ysa-cdp-personalization-audiences) {
  padding:0;
  border:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section fieldset.ysa-cdp-personalization-field:has(.ysa-cdp-personalization-audiences) > legend {
  margin-bottom:8px;
  padding:0;
  font:600 12.5px/1.45 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(.ysa-cdp-personalization-audiences,.ysa-cdp-personalization-checks) {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:8px;
  min-width:0;
  padding:2px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-audiences {
  max-height:260px;
  overflow:auto;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(.ysa-cdp-personalization-audience-option,.ysa-cdp-personalization-check):not([hidden]) {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:44px;
  margin:0;
  padding:10px;
  border:1px solid var(--ysa-line);
  border-radius:var(--ysa-r-input);
  background:var(--ysa-sheet);
  color:var(--ysa-text);
  font:400 12.5px/1.45 var(--ysa-font-sans);
  overflow-wrap:anywhere;
  cursor:pointer;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(.ysa-cdp-personalization-audience-option,.ysa-cdp-personalization-check) input[type=checkbox] {
  flex:0 0 17px;
  width:17px;
  height:17px;
  min-height:0;
  margin:0;
  padding:0;
  accent-color:var(--ysa-text);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-audience-option > span {
  min-width:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(.ysa-cdp-personalization-audience-option,.ysa-cdp-personalization-check):has(input:checked) {
  border-color:var(--ysa-sage);
  background:var(--ysa-sage-soft);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(.ysa-cdp-personalization-audience-option,.ysa-cdp-personalization-check):has(input:focus-visible) {
  outline:2px solid var(--ysa-sage);
  outline-offset:2px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-audience-option:has(input:disabled) {
  color:var(--ysa-text-muted);
  background:var(--ysa-canvas);
  cursor:default;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section :is(.ysa-cdp-widget-template-intro > div,.ysa-cdp-widget-template-selector-copy) {
  display:grid;
  gap:8px;
  min-width:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-widget-template-intro {
  margin-bottom:16px;
  font-size:12.5px;
  line-height:1.5;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-widget-template-selector {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-widget-template-selector-copy {
  flex:1 1 240px;
  font-size:12.5px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance {
  min-width:0;
  margin:0 0 20px;
  padding:0;
  border:0;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance legend {
  padding:0;
  font:600 12.5px/1.45 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance-help {
  display:block;
  margin:6px 0 12px;
  color:var(--ysa-text-3);
  font:400 12px/1.5 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance-options {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));
  gap:8px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance-option {
  position:relative;
  display:block;
  min-width:0;
  cursor:pointer;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance-option input[type=radio] {
  position:absolute;
  width:1px;
  height:1px;
  margin:0;
  overflow:hidden;
  clip-path:inset(50%);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance-card {
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:start;
  gap:8px;
  min-height:94px;
  height:100%;
  padding:12px;
  border:1px solid var(--ysa-line);
  border-radius:var(--ysa-r-input);
  background:var(--ysa-sheet);
  color:var(--ysa-text);
  font:400 12px/1.45 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance-copy {
  display:grid;
  gap:5px;
  min-width:0;
  overflow-wrap:anywhere;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance-copy strong {
  font-size:12.5px;
  font-weight:600;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance-option input:checked + .ysa-cdp-personalization-appearance-card {
  border-color:var(--ysa-sage);
  background:var(--ysa-sage-soft);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-appearance-option input:focus-visible + .ysa-cdp-personalization-appearance-card {
  outline:2px solid var(--ysa-sage);
  outline-offset:2px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-native-holdout {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview):is([data-personalization-editor-type=campaign],[data-personalization-editor-type=placement]) :is(.ysa-cdp-personalization-stepper,.ysa-cdp-personalization-step-controls) {
  display:none;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-readiness {
  min-width:0;
  padding:18px 20px;
  border:1px solid var(--ysa-line);
  border-radius:var(--ysa-r-card);
  background:var(--ysa-sheet);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-readiness h3 {
  margin:0 0 14px;
  font:400 18px/1.3 var(--ysa-font-heading);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-readiness ul {
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-readiness li {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  margin:0;
  padding:0 0 0 12px;
  border-left:2px solid var(--ysa-line-strong);
  color:var(--ysa-text-3);
  font-size:12px;
  line-height:1.5;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-readiness li small {
  flex:none;
  color:var(--ysa-text-3);
  font-size:12px;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout [data-layout-section=basics] .ysa-cdp-personalization-field.is-wide:has(#ysa_cdp_personalization_campaign_objective) {
  grid-column:auto;
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-readiness [data-ready=true] {
  border-color:var(--ysa-ok);
  color:var(--ysa-text);
}
.ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-readiness [data-ready=false] {
  border-color:var(--ysa-caution-text);
}

@media(max-width:1279px) {
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=campaign] {
    grid-template-columns:168px minmax(0,1fr);
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=placement] {
    grid-template-columns:minmax(0,1fr);
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=campaign] > .ysa-cdp-personalization-preview-pane {
    position:static;
    grid-column:2;
    grid-row:2;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=placement] > .ysa-cdp-personalization-preview-pane {
    position:static;
    grid-column:1;
    grid-row:2;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout :is(.ysa-personalization-columns,.ysa-personalization-table-row) {
    min-width:840px;
  }
}

@media(max-width:900px) {
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=campaign] {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-nav {
    display:flex;
    position:static;
    grid-column:1;
    grid-row:1;
    gap:6px;
    max-width:100%;
    overflow-x:auto;
    padding:0 0 4px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-link {
    flex:0 0 auto;
    align-items:center;
    gap:8px;
    width:auto;
    min-height:44px;
    padding:8px 10px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section-link > small {
    display:none;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=campaign] > .ysa-cdp-personalization-editor-pane {
    grid-column:1;
    grid-row:2;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace:not(.is-overview)[data-personalization-editor-type=campaign] > .ysa-cdp-personalization-preview-pane {
    grid-column:1;
    grid-row:3;
  }
}

@media(max-width:720px) {
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-selects {
    flex:1 1 100%;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-selects label {
    flex:1 1 120px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-selects select {
    width:100%;
    max-width:100%;
    min-height:44px;
    font-size:16px;
  }
  .ysa-connected-preview .ysa-cdp:has(#ysa_cdp_personalization_root.ysa-personalization-layout) #ysa_cdp_page_title {
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:6px 10px;
  }
  .ysa-connected-preview .ysa-cdp:has(#ysa_cdp_personalization_root.ysa-personalization-layout) .ysa-personalization-page-count {
    margin-left:0;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-toolbar-actions > [data-personalization-view=results] {
    min-height:44px;
  }
  .ysa-connected-preview .ysa-cdp:has(#ysa_cdp_personalization_root.ysa-personalization-layout[data-personalization-screen=editor] #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=campaign],[data-personalization-editor-type=placement])) > .ysa-cdp-main {
    padding:24px 16px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-toolbar {
    align-items:stretch;
    gap:12px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-views {
    flex:1 1 100%;
    justify-content:flex-start;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-views > .ysa-cdp-personalization-view {
    min-height:44px;
    padding:10px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-toolbar-actions {
    justify-content:flex-start;
    margin-left:0;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-tools {
    align-items:stretch;
    gap:12px;
    padding:16px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-filters {
    flex-basis:100%;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-filters [data-layout-status] {
    min-height:44px;
    padding:10px 12px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-tools > .ysa-cdp-personalization-search {
    flex:1 1 100%;
    min-width:0;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-search > input {
    min-height:44px;
    font-size:16px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-columns {
    display:none;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout button.ysa-personalization-table-row,
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout [data-personalization-workspace-view=placements] button.ysa-personalization-table-row {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 16px;
    min-width:0;
    padding:16px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell.is-name {
    grid-column:1 / -1;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell:not(.is-name)::before {
    content:attr(data-label);
    display:block;
    margin-bottom:4px;
    color:var(--ysa-text-3);
    font-size:12px;
    font-weight:400;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-cell:is(.is-reach,.is-checked) {
    text-align:left;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-table-footer {
    padding:12px 16px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout[data-personalization-screen=editor] > .ysa-cdp-personalization-back {
    min-height:44px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout[data-personalization-screen=editor] > .ysa-cdp-personalization-editor-toolbar {
    align-items:stretch;
    gap:14px;
    margin-bottom:20px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-editor-title {
    flex-basis:auto;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-editor-actions {
    justify-content:flex-start;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-editor-actions > button {
    min-height:44px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section {
    padding:18px 16px;
    border-radius:var(--ysa-r-menu);
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-fields {
    grid-template-columns:minmax(0,1fr);
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section .ysa-cdp-personalization-field :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) {
    min-height:44px;
    font-size:16px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-cdp-personalization-preview-stage {
    min-height:240px;
    padding:16px;
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-readiness {
    padding:18px 16px;
  }
}

@media(max-width:480px) {
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout #ysa_cdp_personalization_workspace.is-overview > .ysa-personalization-table {
    border:0;
    border-radius:var(--ysa-r-menu);
  }
  .ysa-connected-preview #ysa_cdp_personalization_root.ysa-personalization-layout .ysa-personalization-section {
    border:0;
  }
}

/* Delivery fields remain owned by the editor. */
.ysa-connected-preview #ysa_cdp_personalization_root .ysa-cdp-personalization-surface-choice[hidden],
#ysa_cdp_personalization_root[data-campaign-delivery=javascript] [data-personalization-visual-content] { display:none!important; }
.ysa-connected-preview #ysa_cdp_personalization_root .ysa-personalization-delivery-fields { margin-bottom:20px; }

/* Personalization chooser: scoped platform presentation, refreshed with every fragment.
   Literal fallbacks are the shared DESIGN.md values for legacy pages without
   redesign tokens. Picker aliases preserve the inherited light/dark theme.
   The sample previews keep their existing fixed light palette as theme islands. */
@font-face { font-family:'PP Palma'; src:url('/fonts/palma.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:Inter; src:url('/fonts/InterVariable.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog {
  --ysa-picker-sheet:var(--ysa-glass-dialog,var(--ysa-sheet,#FFFFFF));
  --ysa-picker-canvas:var(--ysa-canvas,#F4F4F1);
  --ysa-picker-segmented:var(--ysa-surface-segmented,#EBECE7);
  --ysa-picker-line:var(--ysa-line,#E4E6E1);
  --ysa-picker-text:var(--ysa-text,#0E2523);
  --ysa-picker-secondary:var(--ysa-text-3,#5B6664);
  --ysa-picker-action:var(--ysa-action-bg,var(--ysa-ink,#0E2523));
  --ysa-picker-on-action:var(--ysa-on-ink,#FFFFFF);
  --ysa-picker-action-hover:var(--ysa-action-hover,#1B3634);
  --ysa-picker-font:var(--ysa-font-sans,Inter,system-ui,-apple-system,'Segoe UI',sans-serif);
  --ysa-picker-heading:var(--ysa-font-heading,'PP Palma',Georgia,serif);
  --ysa-picker-radius:var(--ysa-r-card,18px);
  --ysa-picker-control-radius:var(--ysa-r-input,10px);
  --ysa-picker-preview-sheet:#FFFFFF;
  --ysa-picker-preview-canvas:#F4F4F1;
  --ysa-picker-preview-soft:#DDE8E4;
  --ysa-picker-preview-text:#0E2523;
  --ysa-picker-preview-secondary:#5B6664;
  --ysa-picker-preview-line:#E4E6E1;
  font-family:var(--ysa-picker-font);
  box-sizing:border-box;
}
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog:not([open]) { display:none; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog[open] {
  position:fixed; inset:0; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0;
  width:min(1120px,calc(100vw - 64px)); max-width:none; height:auto; min-height:0; max-height:calc(100dvh - 64px);
  margin:auto; padding:0; overflow:hidden; border:1px solid var(--ysa-picker-line); border-radius:var(--ysa-r-sheet,28px);
  background:var(--ysa-picker-sheet); color:var(--ysa-picker-text); box-shadow:var(--ysa-shadow-menu,0 20px 50px rgba(14,37,35,.14));
}
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog::backdrop { background:var(--ysa-on-ink-overlay,rgba(14,37,35,.32)); backdrop-filter:blur(4px); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog *, #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog *::before, #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog *::after { box-sizing:border-box; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog > :is(header,.ysa-personalization-start-toolbar,.ysa-personalization-start-gallery,.ysa-personalization-start-footer) { width:100%; max-width:none; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog > header {
  position:relative; display:flex; flex:none; align-items:flex-start; justify-content:space-between; gap:24px;
  margin:0; padding:28px 32px 0; border:0; background:transparent; text-align:left;
}
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog > header > div { min-width:0; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog > header h3 { margin:0; color:var(--ysa-picker-text); font:400 30px/1.15 var(--ysa-picker-heading); letter-spacing:-.01em; overflow-wrap:anywhere; }
/* Legacy title typography is important; keep the platform display face local. */
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog > header h3,
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-group > h4 { font-family:var(--ysa-picker-heading)!important; font-weight:400!important; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog > header p { margin:8px 0 0; color:var(--ysa-picker-secondary); font:400 13px/1.5 var(--ysa-picker-font); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog #ysa_cdp_personalization_create_close {
  position:static; display:grid; place-items:center; flex:none; width:40px; height:40px; min-height:40px;
  margin:-4px -8px 0 0; padding:0; border:0; border-radius:var(--ysa-picker-control-radius);
  background:transparent; color:var(--ysa-picker-secondary); cursor:pointer;
}
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog #ysa_cdp_personalization_create_close i { font-size:20px; line-height:1; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-toolbar { display:flex; flex:none; align-items:center; justify-content:space-between; gap:16px; padding:24px 32px 20px; border-bottom:1px solid var(--ysa-picker-line); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-tabs { display:flex; gap:3px; min-width:0; padding:4px; border-radius:var(--ysa-r-control,12px); background:var(--ysa-picker-segmented); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-tabs button {
  display:block; flex:none; min-height:36px; margin:0; padding:8px 12px; border:0; border-radius:var(--ysa-r-item,9px);
  background:transparent; color:var(--ysa-picker-secondary); font:500 13px/1.3 var(--ysa-picker-font); text-align:center; white-space:nowrap; cursor:pointer;
}
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-tabs button[aria-selected=true] { background:var(--ysa-picker-action); color:var(--ysa-picker-on-action); font-weight:600; box-shadow:var(--ysa-shadow-sheet,0 1px 2px rgba(14,37,35,.04)); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-tools { display:flex; align-items:center; justify-content:flex-end; gap:16px; min-width:0; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-note { color:var(--ysa-picker-secondary); font:400 12px/1.4 var(--ysa-picker-font); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog :is(.ysa-personalization-start-tools,.ysa-personalization-start-footer) .ysa-cdp-btn {
  display:inline-flex; flex:none; align-items:center; justify-content:center; gap:8px; min-height:36px; margin:0; padding:8px 14px;
  border:1px solid var(--ysa-picker-line); border-radius:var(--ysa-picker-control-radius); background:var(--ysa-picker-sheet);
  color:var(--ysa-picker-text); font:600 13px/1.3 var(--ysa-picker-font); text-align:center; white-space:nowrap; cursor:pointer;
}
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-gallery { flex:1 1 auto; min-height:0; padding:24px 32px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-group { display:block; margin:0; padding:0; border:0; background:transparent; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-group + .ysa-personalization-start-group { margin-top:28px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-group > h4 { margin:0 0 12px; color:var(--ysa-picker-text); font:400 18px/1.2 var(--ysa-picker-heading); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-card {
  position:relative; display:flex; flex-direction:column; align-items:stretch; min-width:0; width:100%; margin:0; padding:0; overflow:hidden;
  border:1px solid var(--ysa-picker-line); border-radius:var(--ysa-picker-radius); background:var(--ysa-picker-sheet);
  color:var(--ysa-picker-text); font-family:var(--ysa-picker-font); text-align:left; white-space:normal; cursor:pointer;
}
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-card.is-selected { border-color:var(--ysa-picker-text); box-shadow:0 0 0 1px var(--ysa-picker-text); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-preview {
  position:relative; display:flex; align-items:center; justify-content:center; flex:none; width:100%; height:156px;
  overflow:hidden; border-bottom:1px solid var(--ysa-picker-line); background:var(--ysa-picker-preview-canvas); color:var(--ysa-picker-preview-text); color-scheme:light; pointer-events:none;
}
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example { position:absolute; top:50%; left:50%; display:block; width:360px; max-height:none; transform:translate(-50%,-50%) scale(var(--ysa-start-scale,.55)); transform-origin:center; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-card { display:grid; width:360px; min-width:0; margin:0; font-family:var(--ysa-picker-font); box-sizing:border-box; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-block-agent { display:flex; align-items:center; gap:10px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-avatar { position:relative; display:grid; place-items:center; flex:none; width:42px; height:42px; overflow:hidden; border-radius:50%; background:var(--ysa-picker-preview-soft); color:var(--ysa-picker-preview-text); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-block-agent-copy { display:grid; gap:3px; min-width:0; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-block-agent-copy strong { font-size:14px; line-height:1.35; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-block-agent-copy span { font-size:12px; line-height:1.4; color:var(--ysa-picker-preview-secondary); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example :is(.ysa-cdp-personalization-preview-block-message,.ysa-cdp-personalization-preview-text) { margin:0; font-size:14px; line-height:1.5; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-heading { margin:0; color:var(--ysa-picker-preview-text); font:400 23px/1.15 var(--ysa-picker-heading); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-eyebrow { margin:0; color:var(--ysa-picker-preview-secondary); font:600 10px/1.4 var(--ysa-picker-font); letter-spacing:.07em; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-message { margin:0; color:var(--ysa-picker-preview-text); font:400 14px/1.45 var(--ysa-picker-font); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-cta { display:inline-flex; align-items:center; justify-content:center; justify-self:start; gap:8px; min-height:34px; padding:8px 12px; border:1px solid var(--ysa-picker-preview-text); border-radius:var(--ysa-r-input,10px); background:var(--ysa-picker-preview-text); color:var(--ysa-picker-preview-sheet); font:600 12px/1.3 var(--ysa-picker-font); text-decoration:none; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-smart-questions { display:grid; gap:6px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-smart-question { display:block; padding:7px 9px; border:1px solid var(--ysa-picker-preview-line); border-radius:var(--ysa-r-item,9px); background:var(--ysa-picker-preview-soft); color:var(--ysa-picker-preview-text); font:400 12px/1.4 var(--ysa-picker-font); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example :is(.ysa-cdp-personalization-preview-smart-form,.ysa-cdp-personalization-preview-dismiss) { display:none; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-products { display:flex; gap:10px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-product { display:grid; gap:5px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-product-thumb { display:block; width:100px; height:86px; overflow:hidden; border-radius:var(--ysa-r-item,9px); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-product-thumb img { width:100%; height:100%; object-fit:cover; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-product-copy { display:grid; gap:4px; font:400 12px/1.4 var(--ysa-picker-font); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-example .ysa-cdp-personalization-preview-product-price { color:var(--ysa-picker-preview-secondary); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-photo { width:100%; height:96px; object-fit:cover; object-position:50% 48%; border-radius:var(--ysa-r-item,9px); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-preview.is-native { justify-content:flex-start; gap:16px; padding:16px; background:var(--ysa-picker-preview-soft); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-preview.is-native > img { flex:none; width:38%; height:124px; object-fit:cover; border-radius:var(--ysa-r-item,9px); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-preview.is-native > span { display:grid; gap:8px; min-width:0; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-preview.is-native strong { color:var(--ysa-picker-preview-text); font:400 19px/1.15 var(--ysa-picker-heading); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-preview.is-native span span { color:var(--ysa-picker-preview-secondary); font:400 12px/1.45 var(--ysa-picker-font); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-preview.is-callback { padding:20px; background:var(--ysa-picker-preview-text); color:var(--ysa-picker-preview-sheet); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-preview code { padding:0; border:0; background:transparent; color:inherit; white-space:normal; overflow-wrap:anywhere; font:500 13px/1.5 var(--ysa-font-mono,ui-monospace,monospace); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-copy { position:relative; display:grid; align-content:start; gap:8px; flex:1 1 auto; min-width:0; padding:16px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-copy > strong { min-width:0; padding-right:28px; color:var(--ysa-picker-text); font:600 14px/1.35 var(--ysa-picker-font); overflow-wrap:anywhere; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-copy > span:last-child { color:var(--ysa-picker-secondary); font:400 12.5px/1.5 var(--ysa-picker-font); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-check { position:absolute; right:14px; top:14px; display:none; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--ysa-picker-action); color:var(--ysa-picker-on-action); font-size:12px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .is-selected > .ysa-personalization-start-copy > .ysa-personalization-start-check { display:grid; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-footer { display:flex; flex:none; align-items:center; justify-content:space-between; gap:20px; margin:0; padding:18px 32px; border-top:1px solid var(--ysa-picker-line); background:var(--ysa-picker-sheet); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-footer > div:first-child { display:grid; gap:4px; min-width:0; text-align:left; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-footer strong { color:var(--ysa-picker-text); font:600 13px/1.4 var(--ysa-picker-font); overflow-wrap:anywhere; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-footer span { color:var(--ysa-picker-secondary); font:400 12px/1.4 var(--ysa-picker-font); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-footer > div:last-child { display:flex; align-items:center; gap:12px; flex:none; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-footer .is-primary { border-color:var(--ysa-picker-action); background:var(--ysa-picker-action); color:var(--ysa-picker-on-action); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog button:disabled { opacity:.45; cursor:default; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog button:focus-visible { outline:2px solid var(--ysa-picker-text); outline-offset:3px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog [hidden] { display:none!important; }
@media(hover:hover) and (pointer:fine) {
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-card:hover { border-color:var(--ysa-picker-text); }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-tabs button:not([aria-selected=true]):hover,
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog #ysa_cdp_personalization_create_close:hover,
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog :is(.ysa-personalization-start-tools,.ysa-personalization-start-footer) .ysa-cdp-btn:not(.is-primary):hover { background:var(--ysa-picker-canvas); color:var(--ysa-picker-text); }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-footer .is-primary:hover { background:var(--ysa-picker-action-hover); }
}
@media(max-width:1199px) {
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-note { display:none; }
}
@media(max-width:900px) {
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-toolbar { align-items:flex-start; flex-direction:column; gap:12px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-tools { justify-content:flex-start; }
}
@media(max-width:699px) {
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog[open] { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:var(--ysa-r-menu,20px); }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog > header { gap:12px; padding:20px 16px 0; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog > header h3 { font-size:26px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog > header p { font-size:12.5px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog #ysa_cdp_personalization_create_close { width:44px; height:44px; min-height:44px; margin:-6px -8px 0 0; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-toolbar { align-items:stretch; padding:16px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-tabs button { min-height:44px; padding:8px; font-size:12px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-tools { justify-content:flex-start; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog :is(.ysa-personalization-start-tools,.ysa-personalization-start-footer) .ysa-cdp-btn { min-height:44px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-gallery { padding:20px 16px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-footer { align-items:stretch; flex-direction:column; gap:12px; padding:14px 16px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog .ysa-personalization-start-footer > div:last-child { justify-content:flex-end; }
}

@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog { --ysa-picker-sheet:var(--ysa-glass-solid,var(--ysa-sheet,#FFFFFF)); }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog::backdrop { backdrop-filter:none; }
}
@media(forced-colors:active) {
  #ysa_cdp_personalization_root #ysa_cdp_personalization_create_dialog.ysa-cdp-personalization-create-dialog { --ysa-picker-sheet:Canvas; }
}

/* Custom widget editor: complete preview controls; customer styling stays inside its frame. */
dialog.ysa-html-editor{--ysa-dialog-paper:var(--ysa-glass-dialog,var(--ysa-sheet,#FFFFFF));
  --ysa-dialog-soft:var(--ysa-canvas-tint,#F7F7F4);
  --ysa-dialog-line:var(--ysa-line,#E4E6E1);
  --ysa-dialog-strong:var(--ysa-line-strong,#D4D7D1);
  --ysa-dialog-text:var(--ysa-text,#0E2523);
  --ysa-dialog-secondary:var(--ysa-text-3,#5B6664);
  --ysa-dialog-selected:var(--ysa-sage-soft,#DDE8E4);
  --ysa-dialog-action:var(--ysa-action-bg,var(--ysa-ink,#0E2523));
  --ysa-dialog-on-action:var(--ysa-on-ink,#FFFFFF);
  --ysa-dialog-sans:var(--ysa-font-sans,Inter,system-ui,-apple-system,'Segoe UI',sans-serif);
  --ysa-dialog-heading:'PP Palma',Georgia,serif;
  box-sizing:border-box; color:var(--ysa-dialog-text); background:var(--ysa-dialog-paper);
  font:400 13.5px/1.45 var(--ysa-dialog-sans); color-scheme:inherit;}
dialog.ysa-html-editor:not([open]){display:none;}
dialog.ysa-html-editor[open]{position:fixed; inset:0; display:block; width:min(var(--ysa-dialog-width,1040px),calc(100vw - 64px)); max-width:none;
  height:fit-content; min-height:0; max-height:calc(100dvh - 64px); margin:auto; padding:0; overflow:auto;
  border:1px solid var(--ysa-dialog-line); border-radius:var(--ysa-r-menu,20px); box-shadow:var(--ysa-shadow-menu);}
dialog.ysa-html-editor::backdrop{background:var(--ysa-on-ink-overlay,rgba(14,37,35,.32)); backdrop-filter:blur(3px);}
dialog.ysa-html-editor [hidden]{display:none!important;}
dialog.ysa-html-editor *,dialog.ysa-html-editor *::before,dialog.ysa-html-editor *::after{box-sizing:border-box;}
dialog.ysa-html-editor :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ysa-dialog-text); outline-offset:3px;}
dialog.ysa-html-editor :is(input:not([type=radio],[type=checkbox]),select,textarea){width:100%; min-width:0; min-height:38px; padding:9px 12px; border:1px solid var(--ysa-dialog-secondary);
  border-radius:var(--ysa-r-input,10px); background:var(--ysa-dialog-paper); color:var(--ysa-dialog-text); font:400 13.5px/1.45 var(--ysa-dialog-sans);}
dialog.ysa-html-editor textarea{min-height:110px; resize:vertical;}
dialog.ysa-html-editor button{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:8px 14px;
  border:1px solid var(--ysa-dialog-strong); border-radius:var(--ysa-r-input,10px); background:var(--ysa-dialog-paper); color:var(--ysa-dialog-text);
  font:600 13px/1.35 var(--ysa-dialog-sans); white-space:normal; cursor:pointer;}
dialog.ysa-html-editor button.is-primary{border-color:var(--ysa-dialog-action); background:var(--ysa-dialog-action); color:var(--ysa-dialog-on-action);}
dialog.ysa-html-editor button:disabled{opacity:.5; cursor:not-allowed;}
dialog.ysa-html-editor[open]{display:block; width:min(1400px,calc(100vw - 48px)); height:calc(100dvh - 48px); max-height:calc(100dvh - 48px); overflow:hidden;}
dialog.ysa-html-editor .ysa-html-shell{display:flex; flex-direction:column; height:100%; min-height:0;}
dialog.ysa-html-editor .ysa-html-head{display:flex; align-items:center; justify-content:space-between; flex:none; gap:24px; padding:20px 24px; border-bottom:1px solid var(--ysa-dialog-line);}
dialog.ysa-html-editor .ysa-html-head > div:first-child{min-width:0;}
dialog.ysa-html-editor .ysa-html-kicker{color:var(--ysa-dialog-secondary); font:600 10.5px/1.4 var(--ysa-dialog-sans); letter-spacing:.12em;}
dialog.ysa-html-editor .ysa-html-head h2{margin:5px 0 6px; color:var(--ysa-dialog-text); font:400 26px/1.2 var(--ysa-dialog-heading); font-family:var(--ysa-dialog-heading)!important; font-weight:400!important;}
dialog.ysa-html-editor #ysa-html-title{font-family:var(--ysa-dialog-heading)!important; font-weight:400!important;}
dialog.ysa-html-editor .ysa-html-head p{margin:0; color:var(--ysa-dialog-secondary); font-size:13px;}
dialog.ysa-html-editor .ysa-html-actions{display:flex; flex:none; flex-wrap:wrap; align-items:center; gap:8px;}
dialog.ysa-html-editor .ysa-html-tabs{display:flex; flex:none; flex-wrap:wrap; gap:4px; padding:10px 24px; border-bottom:1px solid var(--ysa-dialog-line);}
dialog.ysa-html-editor .ysa-html-tabs button{min-height:34px; border:0; background:transparent; color:var(--ysa-dialog-secondary);}
dialog.ysa-html-editor .ysa-html-tabs button[aria-selected=true]{background:var(--ysa-dialog-selected); color:var(--ysa-dialog-text);}
dialog.ysa-html-editor .ysa-html-workspace{display:grid; grid-template-columns:200px minmax(0,1fr) 280px; min-height:0; flex:1 1 auto; overflow:hidden;}
dialog.ysa-html-editor :is(.ysa-html-tools,.ysa-html-inspector){min-width:0; min-height:0; padding:20px 16px; overflow:auto; background:var(--ysa-dialog-paper);}
dialog.ysa-html-editor .ysa-html-tools{border-right:1px solid var(--ysa-dialog-line);}
dialog.ysa-html-editor .ysa-html-inspector{border-left:1px solid var(--ysa-dialog-line);}
dialog.ysa-html-editor :is(.ysa-html-tools,.ysa-html-inspector) h3{margin:0 0 12px; color:var(--ysa-dialog-text); font:400 18px/1.3 var(--ysa-dialog-heading); font-family:var(--ysa-dialog-heading)!important; font-weight:400!important;}
dialog.ysa-html-editor :is(.ysa-html-tools,.ysa-html-inspector) h3:not(:first-child){margin-top:24px;}
dialog.ysa-html-editor .ysa-html-help{margin:0 0 16px; color:var(--ysa-dialog-secondary); font:400 12px/1.6 var(--ysa-dialog-sans);}
dialog.ysa-html-editor .ysa-html-palette{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:24px;}
dialog.ysa-html-editor .ysa-html-palette button{display:flex; flex-direction:column; gap:8px; min-width:0; min-height:68px; padding:12px 6px; font-size:12px;}
dialog.ysa-html-editor .ysa-html-outline{display:grid; gap:4px;}
dialog.ysa-html-editor .ysa-html-outline button{display:block; min-width:0; padding:8px; overflow:hidden; border:0; text-align:left; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:400;}
dialog.ysa-html-editor .ysa-html-outline button.is-selected{background:var(--ysa-dialog-selected);}
dialog.ysa-html-editor .ysa-html-stage{display:flex; flex-direction:column; min-width:0; min-height:0; overflow:auto; background:var(--ysa-dialog-soft);}
dialog.ysa-html-editor .ysa-html-stage-head{position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; padding:12px 16px; background:var(--ysa-dialog-soft); color:var(--ysa-dialog-secondary); font-size:12px;}
dialog.ysa-html-editor .ysa-html-stage-head > div{display:flex; gap:4px;}
dialog.ysa-html-editor .ysa-html-stage-head button{min-height:30px; padding:5px 9px; font-size:12px;}
dialog.ysa-html-editor .ysa-html-stage-head button[aria-pressed=true]{border-color:var(--ysa-dialog-text);}
dialog.ysa-html-editor .ysa-html-preview-wrap{flex:1 1 auto; min-width:0; padding:16px 20px;}
dialog.ysa-html-editor .ysa-html-preview{width:100%; max-width:920px; min-height:240px; margin:0 auto;}
dialog.ysa-html-editor .ysa-html-preview.is-mobile{max-width:360px;}
dialog.ysa-html-editor .ysa-html-preview iframe{max-width:100%; border:0; color-scheme:light;}
dialog.ysa-html-editor .ysa-html-status{margin:0; padding:0 16px 16px; color:var(--ysa-dialog-secondary); font-size:12px;}
dialog.ysa-html-editor .ysa-html-status.is-error{color:var(--ysa-danger-text,#8A3A12);}
dialog.ysa-html-editor .ysa-html-field{display:grid; min-width:0; gap:6px; margin:0 0 14px; color:var(--ysa-dialog-secondary); font-size:12px;}
dialog.ysa-html-editor .ysa-html-element-actions{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px;}
dialog.ysa-html-editor .ysa-html-element-actions button{min-height:34px; padding:6px 8px; font-size:12px;}
dialog.ysa-html-editor .ysa-html-inspector-head{display:grid; gap:8px; margin-bottom:16px;}
dialog.ysa-html-editor :is(.ysa-html-element-tag,.ysa-html-tag,.ysa-html-map code){display:block; max-width:100%; padding:5px 8px; overflow-wrap:anywhere; border-radius:var(--ysa-r-item,9px); background:var(--ysa-dialog-soft); color:var(--ysa-dialog-text); font:400 12px/1.5 var(--ysa-font-mono,monospace);}
dialog.ysa-html-editor .ysa-html-inspector-group{margin:0 0 10px; padding:0; border:1px solid var(--ysa-dialog-line); border-radius:var(--ysa-r-input,10px);}
dialog.ysa-html-editor .ysa-html-inspector-group > summary{padding:12px; color:var(--ysa-dialog-text); font-size:13px; cursor:pointer;}
dialog.ysa-html-editor .ysa-html-inspector-group-body{display:grid; gap:14px; padding:12px;}
dialog.ysa-html-editor .ysa-html-inspector-group-body .ysa-html-field{margin:0;}
dialog.ysa-html-editor .ysa-html-code{min-height:360px; font:400 12px/1.65 var(--ysa-font-mono,monospace); tab-size:2; white-space:pre;}
dialog.ysa-html-editor .ysa-html-map{display:grid; gap:6px; margin-bottom:12px; font-size:12px;}
dialog.ysa-html-editor .ysa-html-foot{display:flex; flex:none; justify-content:space-between; gap:16px; padding:12px 20px; border-top:1px solid var(--ysa-dialog-line); color:var(--ysa-dialog-secondary); font-size:12px;}
@media(max-width:1100px){
dialog.ysa-html-editor .ysa-html-workspace{grid-template-columns:170px minmax(0,1fr) 240px;}
}
@media(max-width:760px){
dialog.ysa-html-editor :is(input:not([type=radio],[type=checkbox]),select,textarea){font-size:16px;}
dialog.ysa-html-editor[open]{width:calc(100vw - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px);}
dialog.ysa-html-editor .ysa-html-head{align-items:flex-start; flex-direction:column; gap:16px; padding:20px 16px;}
dialog.ysa-html-editor .ysa-html-head h2{font-size:24px;}
dialog.ysa-html-editor .ysa-html-actions{width:100%;}
dialog.ysa-html-editor .ysa-html-actions button{min-height:44px; padding:8px 10px;}
dialog.ysa-html-editor .ysa-html-tabs{padding:8px 12px;}
dialog.ysa-html-editor .ysa-html-tabs button{min-height:44px; padding:8px 10px;}
dialog.ysa-html-editor .ysa-html-workspace{display:flex; flex-direction:column; overflow:auto;}
dialog.ysa-html-editor :is(.ysa-html-tools,.ysa-html-inspector){flex:none; overflow:visible; padding:16px; border:0;}
dialog.ysa-html-editor .ysa-html-tools{border-bottom:1px solid var(--ysa-dialog-line);}
dialog.ysa-html-editor .ysa-html-stage{flex:none; min-height:360px; overflow:visible;}
dialog.ysa-html-editor .ysa-html-palette{grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:16px;}
dialog.ysa-html-editor .ysa-html-inspector{border-top:1px solid var(--ysa-dialog-line);}
dialog.ysa-html-editor .ysa-html-foot{flex-direction:column; gap:4px; padding:10px 16px;}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
dialog.ysa-html-editor{--ysa-dialog-paper:var(--ysa-glass-solid,var(--ysa-sheet,#FFFFFF));}
}
/* Inspector measurements, colors and code remain editor controls. */
dialog.ysa-html-editor .ysa-html-control-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px 10px;min-width:0}
dialog.ysa-html-editor .ysa-html-control-label{min-width:0;color:var(--ysa-dialog-secondary);font-size:12px;font-weight:500;overflow-wrap:anywhere}
dialog.ysa-html-editor .ysa-html-control-row>.ysa-html-measure-hint{grid-column:1/-1}
dialog.ysa-html-editor .ysa-html-control-row:has(>.ysa-html-color){grid-template-columns:minmax(0,1fr)}
dialog.ysa-html-editor .ysa-html-control-row>:is(.ysa-html-spacing-head,.ysa-html-segmented){grid-column:1/-1}
dialog.ysa-html-editor .ysa-html-measure{display:flex;align-items:stretch;gap:4px;min-width:0}
dialog.ysa-html-editor .ysa-html-measure>input{flex:1 1 0;width:0;min-width:0;padding-inline:6px}
dialog.ysa-html-editor .ysa-html-measure>select{flex:0 0 52px;width:52px;min-width:0;padding-inline:5px;font-size:12px}
dialog.ysa-html-editor .ysa-html-control-reset{flex:0 0 36px;width:36px;min-width:36px;min-height:38px;padding:0;background:var(--ysa-dialog-soft);color:var(--ysa-dialog-secondary)}
dialog.ysa-html-editor .ysa-html-measure-hint{display:block;min-width:0;margin:0;color:var(--ysa-dialog-secondary);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
dialog.ysa-html-editor .ysa-html-measure>.ysa-html-unit-label{display:flex;align-items:center;flex:none;padding-inline:5px;color:var(--ysa-dialog-secondary);font-size:12px}
dialog.ysa-html-editor .ysa-html-color{display:flex;align-items:stretch;gap:6px;min-width:0}
dialog.ysa-html-editor .ysa-html-inspector input.ysa-html-color-swatch{flex:0 0 40px;width:40px;min-width:40px;height:40px;padding:4px;cursor:pointer}
dialog.ysa-html-editor .ysa-html-inspector input.ysa-html-color-value{flex:1 1 0;min-width:0;width:0;text-transform:uppercase;font:12px/1.5 var(--ysa-font-mono,monospace)}
dialog.ysa-html-editor .ysa-html-spacing-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;min-width:0;color:var(--ysa-dialog-secondary);font-size:12px}
dialog.ysa-html-editor .ysa-html-spacing-head>div{display:flex;align-items:center;gap:4px;flex:none}
dialog.ysa-html-editor .ysa-html-spacing-sides{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;padding:10px;border:1px solid var(--ysa-dialog-line);border-radius:var(--ysa-r-item);background:var(--ysa-dialog-soft)}
dialog.ysa-html-editor .ysa-html-spacing-sides .ysa-html-control-row{grid-template-columns:minmax(0,1fr)}
dialog.ysa-html-editor .ysa-html-inspector [aria-invalid=true]{border-color:var(--ysa-danger-text)}
dialog.ysa-html-editor .ysa-html-segmented{display:flex;align-items:stretch;gap:4px;min-width:0;padding:3px;border:1px solid var(--ysa-dialog-line);border-radius:var(--ysa-r-item);background:var(--ysa-dialog-soft)}
dialog.ysa-html-editor .ysa-html-segmented button{flex:1;min-width:0;min-height:38px;padding:7px 6px;border-color:transparent;background:transparent;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
dialog.ysa-html-editor :is(.ysa-html-segmented,.ysa-html-layout-grid,.ysa-html-spacing-head) button[aria-pressed=true]{border-color:var(--ysa-dialog-text);background:var(--ysa-dialog-selected);color:var(--ysa-dialog-text)}
dialog.ysa-html-editor .ysa-html-layout-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}
dialog.ysa-html-editor :is(.ysa-html-palette,.ysa-html-outline) [draggable=true]{cursor:grab}
dialog.ysa-html-editor .ysa-html-dragging{opacity:.5;cursor:grabbing}
dialog.ysa-html-editor .ysa-html-code-shell{display:flex;flex-direction:column;min-width:0;border:1px solid var(--ysa-dialog-strong);border-radius:var(--ysa-r-input);overflow:hidden}
dialog.ysa-html-editor :is(.ysa-html-code-toolbar,.ysa-html-code-position){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px;border-color:var(--ysa-dialog-line);background:var(--ysa-dialog-soft);color:var(--ysa-dialog-secondary);font-size:12px}
dialog.ysa-html-editor .ysa-html-code-toolbar{border-bottom:1px solid var(--ysa-dialog-line)}
dialog.ysa-html-editor .ysa-html-code-position{border-top:1px solid var(--ysa-dialog-line);font-variant-numeric:tabular-nums}
dialog.ysa-html-editor .ysa-html-code-surface{min-width:0;max-width:100%}
dialog.ysa-html-editor .ysa-html-code-surface .cm-editor{width:100%;min-width:0;min-height:360px;height:calc(100dvh - 370px);max-height:760px;background:var(--ysa-dialog-paper);color:var(--ysa-dialog-text);font-size:12px}
dialog.ysa-html-editor .ysa-html-code-surface .cm-scroller{max-width:100%;overflow:auto;font:12px/1.65 var(--ysa-font-mono,monospace)}
dialog.ysa-html-editor .ysa-html-code-surface .cm-gutters{border-color:var(--ysa-dialog-line);background:var(--ysa-dialog-soft);color:var(--ysa-dialog-secondary)}
@media(max-width:760px){
 dialog.ysa-html-editor .ysa-html-control-reset{flex-basis:44px;width:44px;min-width:44px;min-height:44px}
 dialog.ysa-html-editor .ysa-html-segmented button{min-height:44px}
}

/* Keep numeric values usable and dark source text readable. */
dialog.ysa-html-editor .ysa-html-inspector input[type=number]{appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
dialog.ysa-html-editor .ysa-html-inspector input[type=number]::-webkit-inner-spin-button,dialog.ysa-html-editor .ysa-html-inspector input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
dialog.ysa-html-editor:where(html[data-ysa-theme=dark] *) .cm-content span{color:var(--ysa-dialog-text)}

/* Personalization dialogs: complete rendered-state styling. */
/* These aliases use the shared platform roles. Their exact DESIGN.md fallbacks
   also serve the normal interface; customer content stays inside its own frame. */
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm,#ysa_cdp_widget_template_dialog) {
  --ysa-dialog-paper:var(--ysa-glass-dialog,var(--ysa-sheet,#FFFFFF));
  --ysa-dialog-soft:var(--ysa-canvas-tint,#F7F7F4);
  --ysa-dialog-line:var(--ysa-line,#E4E6E1);
  --ysa-dialog-strong:var(--ysa-line-strong,#D4D7D1);
  --ysa-dialog-text:var(--ysa-text,#0E2523);
  --ysa-dialog-secondary:var(--ysa-text-3,#5B6664);
  --ysa-dialog-selected:var(--ysa-sage-soft,#DDE8E4);
  --ysa-dialog-action:var(--ysa-action-bg,var(--ysa-ink,#0E2523));
  --ysa-dialog-on-action:var(--ysa-on-ink,#FFFFFF);
  --ysa-dialog-sans:var(--ysa-font-sans,Inter,system-ui,-apple-system,'Segoe UI',sans-serif);
  --ysa-dialog-heading:'PP Palma',Georgia,serif;
  box-sizing:border-box; color:var(--ysa-dialog-text); background:var(--ysa-dialog-paper);
  font:400 13.5px/1.45 var(--ysa-dialog-sans); color-scheme:inherit;
}
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm,#ysa_cdp_widget_template_dialog):not([open]) { display:none; }
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm,#ysa_cdp_widget_template_dialog)[open] {
  position:fixed; inset:0; display:block; width:min(var(--ysa-dialog-width,1040px),calc(100vw - 64px)); max-width:none;
  height:fit-content; min-height:0; max-height:calc(100dvh - 64px); margin:auto; padding:0; overflow:auto;
  border:1px solid var(--ysa-dialog-line); border-radius:var(--ysa-r-menu,20px); box-shadow:var(--ysa-shadow-menu);
}
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm,#ysa_cdp_widget_template_dialog)::backdrop { background:var(--ysa-on-ink-overlay,rgba(14,37,35,.32)); backdrop-filter:blur(3px); }
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) [hidden] { display:none!important; }
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) * { box-sizing:border-box; }
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) :is(button,input,select,textarea):focus-visible { outline:2px solid var(--ysa-dialog-text); outline-offset:3px; }
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) :is(input:not([type=radio],[type=checkbox]),select,textarea) {
  width:100%; min-width:0; min-height:38px; padding:9px 12px; border:1px solid var(--ysa-dialog-secondary);
  border-radius:var(--ysa-r-input,10px); background:var(--ysa-dialog-paper); color:var(--ysa-dialog-text); font:400 13.5px/1.45 var(--ysa-dialog-sans);
}
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog) textarea:not([hidden]) { min-height:110px; resize:vertical; }
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) :is(input[type=radio],input[type=checkbox]) {
  flex:none; width:17px; height:17px; min-height:0; margin:2px 0 0; accent-color:var(--ysa-dialog-text);
}
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) .ysa-cdp-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:8px 14px;
  border:1px solid var(--ysa-dialog-strong); border-radius:var(--ysa-r-input,10px); background:var(--ysa-dialog-paper); color:var(--ysa-dialog-text);
  font:600 13px/1.35 var(--ysa-dialog-sans); white-space:normal; cursor:pointer;
}
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) .ysa-cdp-btn.is-primary { border-color:var(--ysa-dialog-action); background:var(--ysa-dialog-action); color:var(--ysa-dialog-on-action); }
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) button:disabled { opacity:.5; cursor:not-allowed; }
#ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) .ysa-cdp-personalization-assistant-close,
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-close {
  display:grid; place-items:center; flex:none; width:36px; height:36px; min-height:36px; margin:0; padding:0;
  border:0; border-radius:var(--ysa-r-input,10px); color:var(--ysa-dialog-secondary); background:var(--ysa-dialog-soft);
}

/* Scanner: a stable frame, separate choice cards, and one scrolling content area. */
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog[open] { width:min(1040px,calc(100vw - 64px))!important; max-height:calc(100dvh - 64px)!important; overflow:hidden; border:1px solid var(--ysa-dialog-line)!important; border-radius:var(--ysa-r-menu,20px)!important; background:var(--ysa-dialog-paper)!important; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-modal { display:flex!important; flex-direction:column; width:100%; min-height:0; max-height:calc(100dvh - 66px); overflow:hidden; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-topbar { display:flex; flex:none; align-items:center; justify-content:space-between; gap:16px; padding:14px 24px; border-bottom:1px solid var(--ysa-dialog-line); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-topbar > strong { font:600 13px/1.4 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-topbar > div { display:flex; align-items:center; gap:12px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-live { display:inline-flex; gap:6px; align-items:center; padding:4px 9px; border-radius:var(--ysa-r-pill,999px); background:var(--ysa-dialog-soft); color:var(--ysa-dialog-secondary); font-size:12px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-intro { flex:none; padding:22px 24px 18px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-intro h3 { margin:0; color:var(--ysa-dialog-text); font:400 26px/1.2 var(--ysa-dialog-heading); font-family:var(--ysa-dialog-heading)!important; font-weight:400!important; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-intro p { margin:6px 0 0; color:var(--ysa-dialog-secondary); font-size:13px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-layout { display:block; min-height:0; padding:0 24px; overflow:auto; overscroll-behavior:contain; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-workflow { min-width:0; margin:0; padding:0; border:0; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-progress-head { position:sticky; top:0; z-index:2; padding:0 0 14px; background:var(--ysa-dialog-paper); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-steps { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px!important; margin:0!important; padding:0; list-style:none; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-step { display:block; min-width:0; margin:0; padding:0; border:1px solid transparent; border-radius:var(--ysa-r-input,10px)!important; background:var(--ysa-dialog-soft)!important; color:var(--ysa-dialog-secondary); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-step.is-active { border-color:var(--ysa-dialog-text); background:var(--ysa-dialog-selected)!important; color:var(--ysa-dialog-text); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-step button { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:40px; padding:8px; border:0; border-radius:inherit; background:transparent; color:inherit; font:500 12px/1.3 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-step button > span { display:grid; place-items:center; width:20px; height:20px; flex:none; border-radius:50%; font-variant-numeric:tabular-nums; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-session-state { display:block; margin:10px 0 0; font-size:12px; color:var(--ysa-dialog-secondary); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-body { display:grid; grid-template-columns:minmax(0,1fr) 220px; align-items:start; gap:24px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-main { display:block; min-width:0; margin:0; padding:0; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-panel { display:grid; gap:16px; min-width:0; padding:4px 0 0; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-panel > h4 { margin:0!important; color:var(--ysa-dialog-text)!important; font:400 22px/1.2 var(--ysa-dialog-heading); font-size:22px!important; font-family:var(--ysa-dialog-heading)!important; font-weight:400!important; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-panel > p { margin:0; font-size:13px; line-height:1.5; color:var(--ysa-dialog-secondary); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-goal { min-width:0; margin:0; padding:16px; border:1px solid var(--ysa-dialog-line); border-radius:var(--ysa-r-card,18px); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-goal legend { padding:0 6px; color:var(--ysa-dialog-secondary); font:400 13px/1.4 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-goal-presets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-goal-presets > label { display:flex; align-items:flex-start; gap:10px; min-width:0; min-height:54px; margin:0; padding:14px 12px; border:1px solid var(--ysa-dialog-strong); border-radius:var(--ysa-r-control,12px); background:var(--ysa-dialog-paper); cursor:pointer; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-goal-presets > label:has(input:checked) { border-color:var(--ysa-dialog-text); background:var(--ysa-dialog-selected); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-goal-presets > label > span { min-width:0; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-goal-presets strong { display:block; color:var(--ysa-dialog-text); font:500 13px/1.45 var(--ysa-dialog-sans); overflow-wrap:anywhere; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog #ysa_cdp_onboarding_goal_custom { display:grid; gap:8px; margin-top:16px; color:var(--ysa-dialog-text); font-size:13px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog :is(.ysa-cdp-personalization-field,.ysa-cdp-onboarding-copy-fields label) { display:grid; gap:7px; min-width:0; color:var(--ysa-dialog-text); font:500 13px/1.45 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog :is(.ysa-cdp-personalization-field small,.ysa-cdp-onboarding-copy-guide,.ysa-cdp-onboarding-copy-current) { color:var(--ysa-dialog-secondary); font:400 12.5px/1.5 var(--ysa-dialog-sans); overflow-wrap:anywhere; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog :is(.ysa-cdp-onboarding-context,.ysa-cdp-onboarding-goal-plan,.ysa-cdp-onboarding-completion) { min-width:0; padding:16px; border:1px solid var(--ysa-dialog-line); border-radius:var(--ysa-r-panel,14px); background:var(--ysa-dialog-soft); font:400 12.5px/1.6 var(--ysa-dialog-sans); overflow-wrap:anywhere; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-context h4 { margin:0 0 8px; color:var(--ysa-dialog-text); font:400 18px/1.3 var(--ysa-dialog-heading); font-family:var(--ysa-dialog-heading)!important; font-weight:400!important; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-body.is-scan-step { grid-template-columns:minmax(0,1fr); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-body.is-scan-step .ysa-cdp-onboarding-context { display:none; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog :is(.ysa-cdp-onboarding-cards,.ysa-cdp-onboarding-options,.ysa-cdp-onboarding-copy-fields) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-copy { display:grid; gap:12px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-card { display:grid; align-content:start; gap:8px; min-width:0; padding:16px; border:1px solid var(--ysa-dialog-line); border-radius:var(--ysa-r-panel,14px); background:var(--ysa-dialog-paper); font-size:13px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-card strong { display:block; color:var(--ysa-dialog-text); font:600 13px/1.5 var(--ysa-dialog-sans); overflow-wrap:anywhere; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-card small { display:block; color:var(--ysa-dialog-secondary); font:400 12px/1.5 var(--ysa-dialog-sans); overflow-wrap:anywhere; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog :is(.ysa-cdp-onboarding-candidate-choice,.ysa-cdp-onboarding-options label) { display:flex; align-items:flex-start; gap:10px; min-width:0; padding:0; color:var(--ysa-dialog-text); font-size:13px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-options label { padding:10px; border:1px solid var(--ysa-dialog-line); border-radius:var(--ysa-r-input,10px); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-options.is-hidden-inputs { display:none; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog :is(.ysa-cdp-onboarding-inline-actions,.ysa-cdp-onboarding-copy-actions) { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-panel details { min-width:0; padding:14px; border:1px solid var(--ysa-dialog-line); border-radius:var(--ysa-r-panel,14px); background:var(--ysa-dialog-soft); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-panel summary { color:var(--ysa-dialog-text); font:500 13px/1.5 var(--ysa-dialog-sans); cursor:pointer; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-panel details > :not(summary) { margin-top:12px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-panel h5 { margin:16px 0 8px; font:500 13px/1.5 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-group { display:grid; grid-template-columns:minmax(0,1fr) 110px; gap:12px; align-items:start; padding:16px; border:1px solid var(--ysa-dialog-line); border-radius:var(--ysa-r-panel,14px); background:var(--ysa-dialog-soft); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-group > label:first-child { display:flex; align-items:flex-start; gap:10px; min-width:0; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-group > label:first-child > span { display:grid; gap:4px; min-width:0; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-group small { color:var(--ysa-dialog-secondary); font:400 12px/1.5 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-percent { display:grid; gap:6px; font-size:12px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-percent > span { display:flex; align-items:center; gap:8px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-percent input { width:72px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-summary { grid-column:1/-1; margin:0; color:var(--ysa-dialog-secondary); font-size:12px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-status { margin:20px 0 16px; padding:12px 14px; border-radius:var(--ysa-r-input,10px); background:var(--ysa-dialog-soft); color:var(--ysa-dialog-secondary); font:400 12px/1.6 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-status.is-error { background:var(--ysa-danger-soft,#FBEAE3); color:var(--ysa-danger-text,#8A3A12); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-footer { position:sticky; z-index:3; bottom:0; display:flex!important; justify-content:space-between; align-items:center; gap:16px!important; margin:0 -24px!important; padding:16px 24px!important; border-top:1px solid var(--ysa-dialog-line); background:var(--ysa-dialog-paper); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog :is(.ysa-cdp-onboarding-footer-progress,.ysa-cdp-onboarding-actions) { display:flex; align-items:center; gap:10px; font-size:12px; }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-footer-progress button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid var(--ysa-dialog-strong); border-radius:var(--ysa-r-input,10px); background:var(--ysa-dialog-paper); color:var(--ysa-dialog-text); }
#ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-footer-progress > i { display:none; }

/* AI assistant and activation confirmation share the same type and surfaces. */
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-modal { width:100%; max-width:none; max-height:none; margin:0; padding:0; border:0; border-radius:0; background:var(--ysa-dialog-paper); box-shadow:none; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(240px,.8fr); gap:0; border:0; border-radius:0; background:var(--ysa-dialog-paper); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-main { min-width:0; padding:28px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-heading { display:flex; align-items:flex-start; gap:12px; padding-right:30px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-icon { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:var(--ysa-r-input,10px); background:var(--ysa-dialog-selected); color:var(--ysa-dialog-text); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog #ysa_cdp_personalization_assistant_title { display:block; color:var(--ysa-dialog-text); font:400 24px/1.2 var(--ysa-dialog-heading); font-family:var(--ysa-dialog-heading)!important; font-weight:400!important; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-heading p { margin:8px 0 0; color:var(--ysa-dialog-secondary); font:400 13px/1.55 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-fields { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:24px; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-field { display:grid; gap:8px; font:500 13px/1.45 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-actions { display:flex; justify-content:flex-start; margin:0; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-status { margin:16px 0 0; color:var(--ysa-dialog-secondary); font:400 12px/1.6 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-result { min-width:0; margin:0; padding:70px 24px 28px; border-left:1px solid var(--ysa-dialog-line); background:var(--ysa-dialog-soft); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-result h3 { margin:0 0 10px; color:var(--ysa-dialog-text); font:400 20px/1.25 var(--ysa-dialog-heading); font-family:var(--ysa-dialog-heading)!important; font-weight:400!important; }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-result p { margin:0; color:var(--ysa-dialog-secondary); font:400 13px/1.6 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-close { top:16px; right:16px; }
#ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm[open] { --ysa-dialog-width:560px; }
#ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm .ysa-cdp-personalization-live-confirm { display:grid; gap:16px; padding:28px; }
#ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm h3 { margin:0; padding-right:40px; color:var(--ysa-dialog-text); font:400 24px/1.2 var(--ysa-dialog-heading); font-family:var(--ysa-dialog-heading)!important; font-weight:400!important; overflow-wrap:anywhere; }
#ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm p { margin:0; color:var(--ysa-dialog-secondary); font:400 13px/1.6 var(--ysa-dialog-sans); }
#ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm .ysa-cdp-personalization-live-confirm-note { margin:0; padding:14px; border-radius:var(--ysa-r-panel,14px); background:var(--ysa-dialog-soft); color:var(--ysa-dialog-text); font-size:13px; }
#ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm .ysa-cdp-personalization-live-confirm-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin:0; }
#ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm .ysa-cdp-personalization-assistant-close { top:20px; right:20px; }
#ysa_cdp_personalization_root #ysa_cdp_widget_template_dialog[open] { --ysa-dialog-width:1120px; overflow:hidden; }
#ysa_cdp_personalization_root #ysa_cdp_widget_template_dialog .ysa-cdp-widget-template-modal { max-height:calc(100dvh - 66px); background:var(--ysa-dialog-paper); }
#ysa_cdp_personalization_root #ysa_cdp_widget_template_dialog #ysa_cdp_widget_template_dialog_title { color:var(--ysa-dialog-text); font:400 24px/1.2 var(--ysa-dialog-heading); font-family:var(--ysa-dialog-heading)!important; font-weight:400!important; }
#ysa_cdp_personalization_root #ysa_cdp_widget_template_dialog :is(.ysa-cdp-widget-template-modal-head,.ysa-widget-chooser-tools,.ysa-widget-chooser-footer,.ysa-cdp-widget-template-copy) { background:var(--ysa-dialog-paper); color:var(--ysa-dialog-text); }
@media(max-width:760px) {
  #ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) :is(input:not([type=radio],[type=checkbox]),select,textarea) { font-size:16px; }
  #ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm,#ysa_cdp_widget_template_dialog)[open] { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog[open] { width:calc(100vw - 16px)!important; max-height:calc(100dvh - 16px)!important; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-modal { max-height:calc(100dvh - 18px); }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-topbar { padding:12px 16px; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-intro { padding:18px 16px 16px; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-intro h3 { font-size:24px; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-layout { padding:0 16px; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-steps { display:flex!important; overflow-x:auto; gap:6px; padding-bottom:4px; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-step { flex:0 0 auto; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-step button { min-height:44px; padding:10px 12px; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-body { grid-template-columns:minmax(0,1fr); gap:16px; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-context { padding:12px; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog :is(.ysa-cdp-onboarding-goal-presets,.ysa-cdp-onboarding-copy-fields,.ysa-cdp-onboarding-cards,.ysa-cdp-onboarding-options) { grid-template-columns:minmax(0,1fr); }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-footer { flex-direction:row; justify-content:space-between; gap:10px!important; flex-wrap:wrap; margin:0 -16px!important; padding:14px 16px!important; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-actions { flex:1 1 100%; justify-content:flex-end; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-footer:has(#ysa_cdp_onboarding_cancel[hidden]) .ysa-cdp-onboarding-actions { flex:0 0 auto; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog :is(.ysa-cdp-onboarding-footer-progress,.ysa-cdp-onboarding-actions) { gap:8px; }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-group { grid-template-columns:minmax(0,1fr); }
  #ysa_cdp_personalization_root #ysa_cdp_onboarding_dialog.ysa-cdp-onboarding-dialog .ysa-cdp-onboarding-control-summary { grid-column:auto; }
  #ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm) .ysa-cdp-btn { min-height:44px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant { grid-template-columns:minmax(0,1fr); }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-main { padding:24px 18px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-heading { padding-right:32px; }
  #ysa_cdp_personalization_root #ysa_cdp_personalization_assistant_dialog .ysa-cdp-personalization-assistant-result { padding:20px 18px; border-left:0; border-top:1px solid var(--ysa-dialog-line); }
  #ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm .ysa-cdp-personalization-live-confirm { padding:24px 18px; }
  #ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm h3 { padding-right:36px; font-size:22px; }
  #ysa_cdp_personalization_root #ysa_cdp_liquid_manifest_live_confirm .ysa-cdp-personalization-live-confirm-actions { flex-direction:column; }
  #ysa_cdp_personalization_root #ysa_cdp_widget_template_dialog .ysa-cdp-widget-template-modal { max-height:calc(100dvh - 18px); }
  #ysa_cdp_personalization_root #ysa_cdp_widget_template_dialog #ysa_cdp_widget_template_search { font-size:16px; }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  #ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm,#ysa_cdp_widget_template_dialog) { --ysa-dialog-paper:var(--ysa-glass-solid,var(--ysa-sheet,#FFFFFF)); }
  #ysa_cdp_personalization_root dialog[id]:is(#ysa_cdp_onboarding_dialog,#ysa_cdp_personalization_assistant_dialog,#ysa_cdp_liquid_manifest_live_confirm,#ysa_cdp_widget_template_dialog)::backdrop { backdrop-filter:none; }
}

/* Give source editing its own working width instead of the element palette track. */
dialog.ysa-html-editor:is([data-mode=html],[data-mode=css]) .ysa-html-workspace{grid-template-columns:minmax(360px,460px) minmax(0,1fr) 240px}
@media(max-width:1100px){
 dialog.ysa-html-editor:is([data-mode=html],[data-mode=css]) .ysa-html-workspace{grid-template-columns:300px minmax(0,1fr)}
 dialog.ysa-html-editor:is([data-mode=html],[data-mode=css]) .ysa-html-inspector{display:none}
}

dialog.ysa-html-editor[data-mode=data] .ysa-html-workspace{grid-template-columns:360px minmax(0,1fr) 220px}
@media(max-width:1100px){
 dialog.ysa-html-editor[data-mode=data] .ysa-html-workspace{grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(360px,1fr) auto;overflow:auto}
 dialog.ysa-html-editor[data-mode=data] .ysa-html-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--ysa-dialog-line)}
}

/* Keep product quantities, fields and mapping actions grouped in the data pane. */
dialog.ysa-html-editor .ysa-html-data-card{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0 0 16px;padding:12px;border:1px solid var(--ysa-dialog-line);border-radius:10px;background:var(--ysa-dialog-soft)}
dialog.ysa-html-editor .ysa-html-data-card .ysa-html-field,dialog.ysa-html-editor .ysa-html-data-search{min-width:0;margin:0;font-size:12px;line-height:1.45}
dialog.ysa-html-editor .ysa-html-data-search{margin-bottom:14px}
dialog.ysa-html-editor .ysa-html-data-card :is(input,select),dialog.ysa-html-editor .ysa-html-data-search input,dialog.ysa-html-editor .ysa-html-data-change select{min-height:44px;font-size:12px;border-radius:8px}
dialog.ysa-html-editor .ysa-html-data-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;min-width:0}
dialog.ysa-html-editor .ysa-html-data-stepper button{width:44px;min-width:44px;min-height:44px;padding:0;font-size:18px}
dialog.ysa-html-editor .ysa-html-data-stepper input{min-width:0;text-align:center;font-size:14px;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
dialog.ysa-html-editor .ysa-html-data-stepper input::-webkit-inner-spin-button,dialog.ysa-html-editor .ysa-html-data-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
dialog.ysa-html-editor .ysa-html-data-list{display:flex;flex-direction:column;gap:16px;min-width:0}
dialog.ysa-html-editor .ysa-html-data-group{min-width:0}
dialog.ysa-html-editor .ysa-html-data-group h4{margin:0 0 8px;color:var(--ysa-dialog-secondary);font-size:12px;font-weight:650;line-height:1.5}
dialog.ysa-html-editor .ysa-html-data-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:9px 0;border-top:1px solid var(--ysa-dialog-line)}
dialog.ysa-html-editor .ysa-html-data-field>strong{min-width:0;color:var(--ysa-dialog-text);font-size:12px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
dialog.ysa-html-editor .ysa-html-data-actions{display:flex;align-items:stretch;gap:4px;min-width:0}
dialog.ysa-html-editor .ysa-html-data-actions button{min-height:44px;min-width:0;padding:7px 8px;border-color:var(--ysa-dialog-line);font-size:11px;line-height:1.3;white-space:normal}
dialog.ysa-html-editor .ysa-html-data-actions button:first-child{background:var(--ysa-dialog-soft)}
dialog.ysa-html-editor .ysa-html-data-mapping{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0;margin-bottom:10px;padding:12px;border:1px solid var(--ysa-dialog-line);border-radius:10px;background:var(--ysa-dialog-paper)}
dialog.ysa-html-editor .ysa-html-data-mapping>code{display:block;min-width:0;padding:5px 7px;border-radius:5px;background:var(--ysa-dialog-selected);color:var(--ysa-dialog-text);font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
dialog.ysa-html-editor .ysa-html-data-source{color:var(--ysa-dialog-secondary);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
dialog.ysa-html-editor .ysa-html-data-mapping>.ysa-html-data-actions>button{flex:1}
dialog.ysa-html-editor .ysa-html-data-change{min-width:0;border-top:1px solid var(--ysa-dialog-line)}
dialog.ysa-html-editor .ysa-html-data-change>summary,dialog.ysa-html-editor .ysa-html-data-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;color:var(--ysa-dialog-secondary);font-size:11px;font-weight:500;line-height:1.45;cursor:pointer;list-style:none}
dialog.ysa-html-editor .ysa-html-data-change>summary::-webkit-details-marker,dialog.ysa-html-editor .ysa-html-data-advanced>summary::-webkit-details-marker{display:none}
dialog.ysa-html-editor .ysa-html-data-change>summary::after,dialog.ysa-html-editor .ysa-html-data-advanced>summary::after{content:"";flex:none;width:6px;height:6px;margin-right:3px;border-right:1.5px solid var(--ysa-dialog-secondary);border-bottom:1.5px solid var(--ysa-dialog-secondary);transform:rotate(45deg)}
dialog.ysa-html-editor .ysa-html-data-change[open]>summary::after,dialog.ysa-html-editor .ysa-html-data-advanced[open]>summary::after{transform:rotate(225deg)}
dialog.ysa-html-editor .ysa-html-data-change>summary:focus-visible,dialog.ysa-html-editor .ysa-html-data-advanced>summary:focus-visible{outline:3px solid var(--ysa-dialog-text);outline-offset:3px}
dialog.ysa-html-editor .ysa-html-data-change .ysa-html-field{margin:0 0 4px;font-size:12px}
dialog.ysa-html-editor .ysa-html-data-advanced{min-width:0;margin-top:16px;border-top:1px solid var(--ysa-dialog-line)}
dialog.ysa-html-editor .ysa-html-data-advanced>summary{font-size:12px;font-weight:600}
dialog.ysa-html-editor .ysa-html-data-advanced>.ysa-html-data-card{margin:10px 0 0}
dialog.ysa-html-editor .ysa-html-data-card>button{min-height:44px}
dialog.ysa-html-editor .ysa-html-data-copy{grid-column:1/-1;min-width:0;min-height:44px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
/* The code caret and supporting surfaces follow the editor theme. */
dialog.ysa-html-editor .cm-content{caret-color:var(--ysa-dialog-text)}
dialog.ysa-html-editor :is(.cm-cursor,.cm-dropCursor){border-left-color:var(--ysa-dialog-text)}
dialog.ysa-html-editor :is(.cm-activeLine,.cm-activeLineGutter){background:var(--ysa-dialog-soft)}
dialog.ysa-html-editor :is(.cm-tooltip,.cm-panels){border-color:var(--ysa-dialog-line);background:var(--ysa-dialog-paper);color:var(--ysa-dialog-text)}