/* 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-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 .ysa-cdp-personalization-form-section + .ysa-cdp-personalization-form-section {
  margin-top:20px;
}
.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: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-text-muted);
  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:5px;
  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;
  }
}