/* Blank shared page grammar. Source: UX AI Studio/table 1e and Cortex form/card 4e–4n.
   Applies to the existing authorized page templates; it creates no records or actions. */
/* Grouped vertical menus share one rhythm. Each renderer keeps its native
   controls and its existing mobile collapse/horizontal-tab behavior. */
html.ysa-connected-preview :is(.ysa-channel-edit-nav,.ysa-flow-edit-nav,.ysa-cdp-tabs,.ysa-report-nav-list){--ysa-menu-group-gap:32px;--ysa-menu-heading-gap:8px;--ysa-menu-inset:10px;text-align:left}
/* Settings is embedded in several page shells. Keep the shared group rhythm
   above their legacy per-page rules; column-gap preserves horizontal tabs. */
html.ysa-connected-preview #framework_main .ysa-settings-menu.ysa-report-nav .ysa-report-nav-list{row-gap:var(--ysa-menu-group-gap)}
html.ysa-connected-preview #framework_main .ysa-settings-menu.ysa-report-nav .ysa-report-nav-group>h2{margin:0;padding:0 var(--ysa-menu-inset) var(--ysa-menu-heading-gap);font:700 10.5px/1.4 var(--ysa-font-sans);letter-spacing:.12em;text-align:left;color:var(--ysa-text-muted)}
@media(max-width:1024px){
 html.ysa-connected-preview :is(.ysa-channel-edit-nav,.ysa-flow-edit-nav,.ysa-cdp-tabs,.ysa-report-nav-list){--ysa-menu-group-gap:24px}
}
/* Horizontal tabs and action menus use 16px labels. Vertical secondary menus
   use 14px below; configured customer previews and the dark primary navigation
   keep their own typography. */
html.ysa-connected-preview :is(
 .ysa-report-nav-item,.ysa-cdp-tab,
 .ysa-settings-navigation a,.ysa-channel-edit-nav a,.ysa-dataset-edit-nav a,
 .ysa-profile-edit-nav a,.ysa-profile-edit-nav li>button,.we-nav a,
 .ysa-flow-edit-nav li a,
 .ysa-pricing-chapter-nav a,.ll-navigation li[onclick],
 .ysa-ai-studio-tabs button,.ysa-analytics-analysis-nav :is(button,a),
 .ysa-cdp-personalization-views :is(button,a),.ysa-gdpr-tabs button,
 .ysa-help-tabs :is(button,a),.ac-tabs button,.vm-tabs>.vm-button,
 .ysa-articles-status-tabs button,.ysa-token-metric-tabs button,.ysa-tl-tab,
 .ysa-cdp-manifest-step,.ysa-cortex-analytics-metric-tabs button,
 .ysa-cortex-journey-phase-tabs button,.ysa-cdp-search-preview-modes button,
 .ysa-conv-list-tab,.ysa-send-menu button,.ol-tab,
 .ysa-studio-menu-content :is(button,a),
 .ysa-profile-action-menu button,.ysa-profiles-header-more button,
 .ysa-insights-reference-more>summary,
 .ysa-report-nav-toggle,.ysa-cdp-nav-toggle,.ysa-profile-menu-toggle,
 .ysa-flow-menu-toggle,.ysa-settings-menu>summary
):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){font-size:16px!important}
html.ysa-connected-preview #framework_main .framework_frame_left>.conversations_inbox_left_search_menu :is(li[onclick],li[onclick]>a):not(:where([data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview] *,.ysa-html-preview *,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card *)){font-size:16px!important}
html.ysa-connected-preview:root :is(
 .ysa-report-nav-list .ysa-report-nav-item,
 .ysa-settings-navigation a,.ysa-channel-edit-nav a,.ysa-dataset-edit-nav a,
 .ysa-profile-edit-nav a,.ysa-profile-edit-nav li>button,.we-nav a,
 .ysa-flow-edit-nav li a,.ysa-profile-menu-toggle,.ysa-flow-menu-toggle,
 .ysa-settings-menu>summary
):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){font-size:14px!important}
/* These sidebars turn into horizontal tabs at their existing breakpoints. */
@media(min-width:1025px){
 html.ysa-connected-preview:root .ysa-cdp-nav .ysa-cdp-tab:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){font-size:14px!important}
}
@media(min-width:801px){
 html.ysa-connected-preview:root .ll-navigation li[onclick]:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){font-size:14px!important}
}
@media(min-width:721px){
 html.ysa-connected-preview:root #framework_main .framework_frame_left>.conversations_inbox_left_search_menu :is(li[onclick],li[onclick]>a):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){font-size:14px!important}
}
.ysa-connected-preview :is(.ysa-content-page,.ysa-datasets-page,.ysa-channels-page,.ysa-automations-page,.ysa-contacts-page,.ysa-connectors-page,.ysa-help-docs-page,.ysa-quality-page,.ysa-billing-page,.ysa-user-edit-page,.ysa-profile-studio,.vision-workspace,.ysa-ac,.kc-body) { min-width:0; max-width:100%; color:var(--ysa-ink); }
.ysa-connected-preview :is(.ysa-content-breadcrumb,.ysa-datasets-kicker,.ysa-automations-breadcrumb,.ysa-contacts-breadcrumb,.ysa-connectors-breadcrumb,.ysa-quality-breadcrumb,.ysa-billing-eyebrow,.ysa-dataset-breadcrumb,.ysa-channel-breadcrumb) { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:0 0 18px; color:var(--ysa-text-muted); font-size:12px; line-height:1.5; }
.ysa-connected-preview :is(.ysa-content-breadcrumb,.ysa-dataset-breadcrumb,.ysa-channel-breadcrumb) a { color:inherit; text-decoration:none; }
.ysa-connected-preview :is(.ysa-content-header,.ysa-datasets-header,.ysa-channels-header,.ysa-automations-header,.ysa-contacts-header,.ysa-connectors-calm-header,.ysa-help-header,.ysa-quality-header,.ysa-billing-header,.ysa-pricing-header,.ps-header,.vision-header,.ac-header) { display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-bottom:28px; }
.ysa-connected-preview :is(.ysa-content-header,.ysa-datasets-header,.ysa-channels-header,.ysa-automations-header,.ysa-contacts-header,.ysa-connectors-calm-header,.ysa-help-header,.ysa-quality-header,.ysa-billing-header,.ysa-pricing-header,.ps-header,.vision-header,.ac-header) h1 { margin:0 0 12px; font:400 30px/1.15 var(--ysa-font-heading); letter-spacing:-.01em; }
.ysa-connected-preview :is(.ysa-content-intro,.ysa-automations-intro,.ysa-contacts-intro,.ysa-quality-intro,.ysa-fields-lead,.vision-description,.ysa-datasets-header-copy p,.ysa-channels-header p,.ysa-settings-head p) { max-width:700px; margin:7px 0 0; color:var(--ysa-text-muted); font-size:14px; line-height:1.5; }
.ysa-connected-preview :is(.ysa-content-actions,.ysa-datasets-header-actions,.ysa-automations-header-actions,.ysa-help-header-actions,.ysa-quality-actions,.ysa-settings-head-actions,.ysa-brand-actions,.ysa-user-action-main) { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.ysa-connected-preview :is(.ysa-content-primary-btn,.ysa-add-dataset-btn,.ysa-add-channel-btn,.ysa-automations-primary-btn,.ysa-quality-primary-btn,.ysa-user-primary-button,.ysa-connectors-add,.ac-button-primary) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:8px 14px; border:1px solid var(--ysa-ink); border-radius:10px; background:var(--ysa-ink); color:white; font:600 13px/1.35 var(--ysa-font-sans); text-decoration:none; cursor:pointer; }
.ysa-connected-preview :is(.ysa-content-primary-btn,.ysa-add-dataset-btn,.ysa-add-channel-btn,.ysa-automations-primary-btn,.ysa-quality-primary-btn,.ysa-user-primary-button,.ysa-connectors-add,.ac-button-primary):hover { background:var(--ysa-action-hover); }
.ysa-connected-preview :is(.ysa-content-secondary-btn,.ysa-dataset-secondary-btn,.ysa-quality-ghost-btn,.ysa-user-secondary-button,.ac-button,.tl-btn,.kc-btn) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:8px 14px; border:1px solid var(--ysa-line); border-radius:10px; background:white; color:var(--ysa-ink); font:600 13px/1.35 var(--ysa-font-sans); text-decoration:none; cursor:pointer; }
.ysa-connected-preview :is(.ysa-content-icon-btn,.ysa-help-icon-btn,.ps-icon-btn,.vision-icon-button) { width:34px; height:34px; display:inline-grid; place-items:center; padding:0; border:0; border-radius:10px; background:none; color:var(--ysa-text-3); }
.ysa-connected-preview :is(.ysa-content-icon-btn,.ysa-help-icon-btn,.ps-icon-btn,.vision-icon-button):hover { background:var(--ysa-canvas); }
.ysa-connected-preview :is(.ysa-content-card,.ysa-datasets-card,.ysa-channels-card,.ysa-automations-card,.ysa-contacts-card,.ysa-brands-list-card,.ysa-connectors-activity,.ysa-billing-usage-card,.ysa-settings-section,.ysa-help-panel,.ysa-help-settings,.ysa-user-settings-section,.ps-panel,.vision-compose-panel,.vision-preview-panel,.vision-history-panel,.ac-panel,.tl-card,.kc-card) { min-width:0; border:1px solid var(--ysa-line); border-radius:18px; background:white; overflow:hidden; }
.ysa-connected-preview :is(.ysa-content-card + .ysa-content-card,.ysa-settings-section + .ysa-settings-section,.ysa-user-settings-section + .ysa-user-settings-section) { margin-top:20px; }
.ysa-connected-preview :is(.ysa-content-card-header,.ysa-datasets-card-heading,.ysa-settings-section-head,.ysa-help-panel-head,.ysa-billing-card-heading,.ysa-user-section-heading,.ps-section-head,.vision-panel-heading,.ac-panel>header) { display:flex; align-items:start; justify-content:space-between; gap:16px; padding:18px 20px 14px; }
.ysa-connected-preview :is(.ysa-content-card-header,.ysa-settings-section-head,.ysa-help-panel-head,.ysa-billing-card-heading,.ysa-user-section-heading,.ps-section-head,.vision-panel-heading) :is(h2,h3) { margin:0; font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview :is(.ysa-content-card-header,.ysa-settings-section-head,.ysa-user-section-heading,.ps-section-head) p { margin:6px 0 0; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.5; }
.ysa-connected-preview :is(.ysa-content-toolbar,.ysa-datasets-toolbar,.ysa-channels-toolbar,.ysa-automations-toolbar,.ysa-contacts-toolbar,.ysa-label-tree-toolbar,.ysa-help-toolbar) { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px 20px; border-bottom:1px solid var(--ysa-line); min-width:0; }
.ysa-connected-preview :is(.ysa-content-search,.ysa-datasets-search,.ysa-datasets-search-control,.ysa-channels-search,.ysa-automations-search,.ysa-contacts-search,.ysa-connectors-calm-search,.ysa-help-search-wrap,.ps-search,.vision-search) { display:flex; align-items:center; gap:8px; min-width:0; flex:1; max-width:340px; min-height:36px; padding:0 11px; border:1px solid var(--ysa-line); border-radius:10px; background:white; color:var(--ysa-text-muted); }
.ysa-connected-preview :is(.ysa-content-search,.ysa-datasets-search,.ysa-datasets-search-control,.ysa-channels-search,.ysa-automations-search,.ysa-contacts-search,.ysa-connectors-calm-search,.ysa-help-search-wrap,.ps-search,.vision-search) input { min-width:0; width:100%; min-height:34px; height:34px; padding:0; border:0; border-radius:0; background:none; font-size:13px; outline:0; }
.ysa-connected-preview :is(.ysa-content-select,.ysa-datasets-select,.ysa-channels-select,.ysa-automations-select,.ysa-contacts-select) { display:flex; align-items:center; gap:7px; min-width:0; max-width:230px; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview :is(.ysa-content-select,.ysa-datasets-select,.ysa-channels-select,.ysa-automations-select,.ysa-contacts-select) select { min-width:0; width:100%; min-height:36px; padding:7px 28px 7px 10px; border-color:var(--ysa-line); font-size:12.5px; }
.ysa-connected-preview :is(.ysa-content-count,.ysa-datasets-count,.ysa-channels-count,.ysa-automations-count,.ysa-contacts-count,.ysa-fields-count) { margin-right:auto; color:var(--ysa-text-muted); font:italic 18px/1.3 var(--ysa-font-serif); }
.ysa-connected-preview :is(.ysa-content-table-wrap,.ysa-datasets-table-wrap,.ysa-channels-table-wrap,.ysa-automations-table-wrap,.ysa-invoices-table-wrap,.ysa-connectors-activity-table-wrap,.ysa-pricing-cortex-table-wrap) { min-width:0; overflow-x:auto; }
.ysa-connected-preview :is(.ysa-content-table,.ysa-datasets-table,.ysa-channels-table,.ysa-automations-table,.ysa-brands-table,.ysa-connectors-activity-table,.ysa-pricing-cortex-table) { width:100%; border-collapse:collapse; border-spacing:0; font-size:13px; line-height:1.5; }
.ysa-connected-preview :is(.ysa-content-table,.ysa-datasets-table,.ysa-channels-table,.ysa-automations-table,.ysa-brands-table,.ysa-connectors-activity-table,.ysa-pricing-cortex-table) th { padding:10px 16px; height:38px; border-bottom:1px solid var(--ysa-line); color:var(--ysa-text-muted); text-align:left; font-size:11.5px; font-weight:600; white-space:nowrap; }
.ysa-connected-preview :is(.ysa-content-table,.ysa-datasets-table,.ysa-channels-table,.ysa-automations-table,.ysa-brands-table,.ysa-connectors-activity-table,.ysa-pricing-cortex-table) td { min-height:52px; padding:14px 16px; border-bottom:1px solid var(--ysa-line-soft); vertical-align:middle; font-variant-numeric:tabular-nums; }
.ysa-connected-preview :is(.ysa-content-table,.ysa-datasets-table,.ysa-channels-table,.ysa-automations-table,.ysa-brands-table) tbody tr:hover { background:var(--ysa-canvas-tint); }
.ysa-connected-preview :is(.ysa-content-table,.ysa-datasets-table,.ysa-channels-table,.ysa-automations-table,.ysa-brands-table) tbody tr:last-child td { border-bottom:0; }
.ysa-connected-preview :is(.ysa-content-main,.ysa-automation-main,.ysa-channel-main,.ysa-dataset-main) { display:flex; align-items:center; gap:12px; min-width:0; }
.ysa-connected-preview :is(.ysa-content-main,.ysa-automation-main,.ysa-channel-main,.ysa-dataset-main) strong { display:block; font-size:13.5px; font-weight:600; }
.ysa-connected-preview :is(.ysa-content-main,.ysa-automation-main,.ysa-channel-main,.ysa-dataset-main) small { display:block; font-size:12px; color:var(--ysa-text-muted); margin-top:4px; }
.ysa-connected-preview :is(.ysa-content-pill,.ysa-content-status-pill,.ysa-automation-pill,.ysa-automation-status,.ysa-billing-badge,.ysa-user-status,.ysa-channel-status,.ysa-channel-pill,.ysa-pricing-addon-status,.tl-pill,.kc-pill,.d-badge) { display:inline-flex; align-items:center; gap:5px; min-height:24px; padding:3px 9px; border-radius:999px; background:var(--ysa-canvas); color:var(--ysa-text-muted); font-size:11.5px; font-weight:600; line-height:1.4; }
.ysa-connected-preview :is(.ysa-content-status-pill,.ysa-automation-status,.ysa-channel-status,.ysa-user-status):is(.is-active,.is-enabled,.is-healthy,.is-live) { background:var(--ysa-sage-soft); color:var(--ysa-ink); }
.ysa-connected-preview :is(.ysa-content-status-pill,.ysa-automation-status,.ysa-channel-status):is(.is-error,.is-failed) { background:var(--ysa-danger-soft); color:var(--ysa-danger-text); }
.ysa-connected-preview :is(.ysa-content-status-pill,.ysa-automation-status,.ysa-channel-status):is(.is-warning,.is-pending) { background:var(--ysa-caution-soft); color:var(--ysa-caution-text); }
.ysa-connected-preview :is(.ysa-content-pill-list,.ysa-content-inline-actions,.ysa-datasets-footer-actions,.ysa-automations-actions) { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.ysa-connected-preview :is(.ysa-content-date,.ysa-content-muted,.ysa-datasets-footer-meta,.ysa-datasets-entries,.ysa-channel-meta,.ysa-automation-channel) { color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview :is(.ysa-content-footer,.ysa-datasets-footer,.ysa-contacts-footer,.ysa-fields-footer) { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:14px 20px; border-top:1px solid var(--ysa-line-soft); color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview :is(.ysa-content-empty,.ysa-content-empty-row td,.ysa-automations-empty,.ysa-automations-empty-row td,.ysa-connectors-empty-note,.ysa-help-empty,.kc-empty,.vision-empty-state,.vision-history-empty,.ps-empty-editor,.ac-empty) { padding:36px 20px; text-align:center; color:var(--ysa-text-muted); font-size:13px; line-height:1.6; }
.ysa-connected-preview :is(.ysa-user-avatar,.ysa-channel-avatar,.ysa-dataset-icon,.ysa-content-icon) { display:inline-grid; place-items:center; width:36px; height:36px; flex:none; border-radius:50%; background-color:var(--ysa-sage-soft); background-size:cover; background-position:center; color:var(--ysa-ink); }
.ysa-connected-preview :is(.ysa-content-form-grid,.ysa-settings-traffic-grid,.ysa-user-field-grid,.ysa-user-preferences-grid,.ps-grid,.vision-settings-grid,.ac-field-grid,.tl-settings-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; min-width:0; }
.ysa-connected-preview :is(.ysa-content-form-grid,.ysa-user-field-grid,.ps-grid,.vision-settings-grid,.ac-field-grid) > :is(.is-wide,.ps-wide,.vision-wide) { grid-column:1 / -1; }
.ysa-connected-preview :is(.ysa-content-form,.ysa-settings-form,.ysa-user-edit-form,.ps-form) { min-width:0; margin:0; }
.ysa-connected-preview :is(.ysa-content-form-grid,.ysa-user-field,.ps-field,.vision-field,.ac-field-label) label { display:block; margin-bottom:7px; font-size:12.5px; color:var(--ysa-text-2); }
.ysa-connected-preview :is(.ysa-content-form-card,.ysa-settings-section-body,.ysa-user-settings-workspace,.ps-section,.vision-step-body,.ac-dialog-body,.tl-modal-body) { padding:0 20px 20px; min-width:0; }
/* Team, settings and account editors. */
.ysa-connected-preview .ysa-platform-settings-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; min-width:0; }
.ysa-connected-preview .ysa-settings-navigation { min-width:0; padding-right:16px; border-right:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-settings-navigation :is(ul,ol) { list-style:none; margin:0; padding:0; }
.ysa-connected-preview .ysa-settings-navigation a { display:flex; align-items:center; gap:9px; min-height:36px; padding:8px 10px; border-radius:9px; color:var(--ysa-text-2); font-size:13px; text-decoration:none; }
.ysa-connected-preview .ysa-settings-navigation a:is(:hover,.active,.is-active,[aria-current="page"]) { background:var(--ysa-canvas); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-settings-main { min-width:0; }
.ysa-connected-preview .ysa-settings-head { display:flex; align-items:start; justify-content:space-between; gap:20px; margin-bottom:26px; }
.ysa-connected-preview .ysa-settings-head h1 { margin:6px 0 10px; font:400 30px/1.15 var(--ysa-font-heading); }
.ysa-connected-preview :is(.ysa-settings-kicker,.ysa-fields-eyebrow,.vision-kicker,.ac-eyebrow,.ysa-pricing-chapter-kicker) { color:var(--ysa-text-muted); font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.ysa-connected-preview .ysa-settings-identity-grid { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:24px; }
.ysa-connected-preview .ysa-settings-logo-panel { display:grid; justify-items:center; align-content:start; gap:10px; padding:20px; border:1px solid var(--ysa-line); border-radius:16px; }
.ysa-connected-preview .ysa-settings-logo-panel img { max-width:120px; max-height:90px; object-fit:contain; }
.ysa-connected-preview :is(.ysa-user-edit-layout,.ysa-user-settings-workspace) { display:grid; grid-template-columns:220px minmax(0,1fr); gap:24px; }
.ysa-connected-preview .ysa-user-edit-header { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.ysa-connected-preview .ysa-user-edit-header h1 { margin:0; font:400 30px/1.2 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-user-identity-rail { padding:20px; border:1px solid var(--ysa-line); border-radius:18px; align-self:start; min-width:0; }
.ysa-connected-preview .ysa-user-avatar-button { display:grid; place-items:center; width:80px; height:80px; border:0; border-radius:50%; background-color:var(--ysa-sage-soft); background-size:cover; background-position:center; overflow:hidden; }
.ysa-connected-preview :is(.ysa-user-toggle-row,.ysa-user-security-action,.ysa-user-preference-toggle) { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:13px; }
.ysa-connected-preview .ysa-user-security-copy { flex:1; min-width:0; }
.ysa-connected-preview .ysa-user-security-copy p { font-size:12px; color:var(--ysa-text-muted); margin:5px 0 0; line-height:1.5; }
.ysa-connected-preview .ysa-user-action-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:24px; padding-top:18px; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview :is(.ysa-account-danger-zone,.ysa-user-danger-action) { padding:18px 20px; margin-top:24px; border:1px solid var(--ysa-danger-line); border-radius:18px; }
.ysa-connected-preview :is(.ysa-account-delete-open,.ysa-account-delete-submit,.ysa-user-danger-link,.ysa-user-delete-button) { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); border-color:var(--ysa-danger-line); }
/* An own-user footer has no delete action; an eventual response must still show. */
html.ysa-connected-preview #framework_main.user .ysa-user-danger-action:has(>#form_delete_response:empty):not(:has(>button,>a,>input)){display:none}
/* Channels and dataset editors keep their native tab targets and configured previews. */
.ysa-connected-preview :is(.ysa-channel-edit-tabs,.ysa-dataset-edit-tabs) { display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; min-width:0; }
.ysa-connected-preview :is(.ysa-channel-edit-nav,.ysa-dataset-edit-nav) { min-width:0; padding-right:20px; border-right:1px solid var(--ysa-line); }
.ysa-connected-preview :is(.ysa-channel-edit-nav,.ysa-dataset-edit-nav) ul { padding:0; margin:0; list-style:none; display:grid; gap:4px; }
.ysa-connected-preview :is(.ysa-channel-edit-nav,.ysa-dataset-edit-nav) a { display:flex; align-items:center; gap:9px; padding:9px 10px; min-height:36px; border-radius:9px; color:var(--ysa-text-2); text-decoration:none; font-size:13px; }
.ysa-connected-preview :is(.ysa-channel-edit-nav,.ysa-dataset-edit-nav) :is(.ui-tabs-active,.ui-state-active) a { background:var(--ysa-canvas); color:var(--ysa-ink); font-weight:600; }
.ysa-connected-preview :is(.ysa-channel-edit-tabs,.ysa-dataset-edit-tabs) > [id^="tabs-"] { min-width:0; }
.ysa-connected-preview :is(.ysa-channel-edit-header,.ysa-channel-hero-row,.ysa-dataset-edit-header,.ysa-dataset-hero-row) { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:26px; }
.ysa-connected-preview :is(.ysa-channel-hero-identity,.ysa-dataset-hero-identity) { display:flex; align-items:center; gap:14px; min-width:0; }
.ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) h1 { font:400 30px/1.2 var(--ysa-font-heading); margin:0 0 10px; }
.ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) h2 { font:400 24px/1.3 var(--ysa-font-heading); margin:0 0 16px; }
.ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) h3 { font:400 18px/1.3 var(--ysa-font-heading); margin:20px 0 12px; }
.ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) p { color:var(--ysa-text-muted); font-size:13px; line-height:1.55; }
.ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) :is(.config_table:not(.we-fields),.table) { width:100%; border-collapse:collapse; }
.ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) .config_table:not(.we-fields) td { padding:12px 0; vertical-align:top; }
.ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) .config_table:not(.we-fields) td:first-child { width:220px; padding-right:20px; font-size:12.5px; }
.ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) .config_table:not(.we-fields) label { display:block; margin-bottom:6px; }
.ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) :is(.info,.small_info) { padding:12px 14px; margin:12px 0; background:var(--ysa-soft-panel); border-radius:12px; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.5; }
.ysa-connected-preview :is(.ysa-channel-edit-footer,.ysa-dataset-edit-footer) { position:sticky; bottom:0; z-index:30; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:24px; padding:16px 0; border-top:1px solid var(--ysa-line); background:white; }
.ysa-connected-preview :is(.ysa-channel-edit-footer,.ysa-dataset-edit-footer).is-clean { display:none; }
.ysa-connected-preview :is(.ysa-channel-menu-toggle,.ysa-dataset-menu-toggle) { display:none; }
.ysa-connected-preview .ysa-live-chat-hours__day { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-live-chat-hours__day-name { min-width:100px; font-size:12px; }
.ysa-connected-preview .ysa-live-chat-hours__time { display:flex; gap:6px; min-width:0; }
.ysa-connected-preview :is(.ysa-wa-api-section,.ysa-channel-trustlayer-notice,.ysa-dataset-channel-group,.ysa-dataset-feed-copy) { padding:16px; border:1px solid var(--ysa-line); border-radius:14px; margin-bottom:16px; }
.ysa-connected-preview .ysa-wa-api-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.ysa-connected-preview .ysa-wa-api-code { max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.6 var(--ysa-font-mono); }
.ysa-connected-preview :is(.ysa-dataset-channel-options,.ysa-dataset-diagnostic-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ysa-connected-preview .ysa-dataset-channel-option { display:flex; align-items:start; gap:10px; padding:12px; border:1px solid var(--ysa-line); border-radius:12px; }
.ysa-connected-preview .ysa-dataset-channel-option-copy { min-width:0; font-size:12.5px; }
.ysa-connected-preview .ysa-dataset-channel-option-copy small { display:block; color:var(--ysa-text-muted); margin-top:4px; }
/* Connectors and support: calm task lists and content navigation. */
.ysa-connected-preview .ysa-connectors-list { display:grid; gap:0; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-connectors-row { display:flex; align-items:center; gap:14px; min-height:76px; padding:16px 0; border-bottom:1px solid var(--ysa-line-soft); color:var(--ysa-ink); text-decoration:none; }
.ysa-connected-preview .ysa-connector-mark { display:grid; place-items:center; width:40px; height:40px; flex:none; border-radius:12px; background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-connector-mark img { max-width:26px; max-height:26px; object-fit:contain; }
.ysa-connected-preview .ysa-connectors-row-name { flex:1; min-width:0; font-size:14px; font-weight:600; }
.ysa-connected-preview .ysa-connectors-row-name small { display:block; margin-top:5px; color:var(--ysa-text-muted); font-size:12px; font-weight:400; }
.ysa-connected-preview .ysa-connectors-row-status { color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-connectors-disclosure { padding:16px 0; border-bottom:1px solid var(--ysa-line); font-size:13px; }
.ysa-connected-preview .ysa-connectors-disclosure summary { cursor:pointer; }
.ysa-connected-preview .ysa-help-shell { display:grid; grid-template-columns:220px minmax(0,1fr); gap:24px; min-width:0; }
.ysa-connected-preview .ysa-help-navigator { min-width:0; border-right:1px solid var(--ysa-line); padding-right:20px; }
.ysa-connected-preview .ysa-help-tabs { display:grid; gap:4px; }
.ysa-connected-preview .ysa-help-tab { display:flex; align-items:center; gap:9px; justify-content:start; min-height:36px; padding:8px 10px; border:0; border-radius:9px; background:white; text-align:left; font-size:13px; }
.ysa-connected-preview .ysa-help-tab.is-active { background:var(--ysa-canvas); color:var(--ysa-ink); font-weight:600; }
.ysa-connected-preview .ysa-help-overview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ysa-connected-preview .ysa-help-overview-item { display:flex; align-items:start; gap:12px; padding:18px; border:1px solid var(--ysa-line); border-radius:16px; color:var(--ysa-ink); text-align:left; background:white; }
.ysa-connected-preview .ysa-help-items { display:grid; padding:0 20px 20px; }
.ysa-connected-preview .ysa-help-doc-item { padding:15px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:13px; }
.ysa-connected-preview .ysa-help-doc-item:last-child { border-bottom:0; }
.ysa-connected-preview .ysa-help-video-library { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:20px; padding:0 20px 20px; }
.ysa-connected-preview .ysa-help-video-frame { position:relative; aspect-ratio:16/9; width:100%; border-radius:14px; overflow:hidden; background:var(--ysa-ink); }
.ysa-connected-preview .ysa-help-video-frame iframe { width:100%; height:100%; border:0; }
.ysa-connected-preview .ysa-help-video-playlist { display:grid; gap:8px; align-content:start; }
/* AI studios share control grammar; customer output previews retain their own design. */
.ysa-connected-preview .ps-layout { display:grid; grid-template-columns:240px minmax(0,1fr) 300px; gap:18px; align-items:start; min-width:0; }
.ysa-connected-preview .ps-list-panel { padding:16px; }
.ysa-connected-preview .ps-list-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.ysa-connected-preview .ps-list { display:grid; gap:8px; margin-top:14px; }
.ysa-connected-preview .ps-list > button { display:block; width:100%; padding:12px; border:1px solid var(--ysa-line); border-radius:12px; text-align:left; font-size:13px; }
.ysa-connected-preview .ps-editor { padding:20px; min-width:0; }
.ysa-connected-preview .ps-editor-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--ysa-line); margin-bottom:20px; }
.ysa-connected-preview .ps-step-list { display:grid; gap:14px; }
.ysa-connected-preview .ps-step-head { display:flex; align-items:center; gap:10px; padding:14px 0; font-size:14px; }
.ysa-connected-preview .ps-step-number { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--ysa-sage-soft); font-size:11px; }
.ysa-connected-preview .ps-field-rows { display:grid; gap:12px; }
.ysa-connected-preview .ps-field-row { padding:16px; border:1px solid var(--ysa-line); border-radius:12px; }
.ysa-connected-preview .ps-preview-head { padding:16px; border-bottom:1px solid var(--ysa-line); font-size:13px; font-weight:600; }
.ysa-connected-preview .ps-preview-stage { min-width:0; min-height:380px; padding:18px; background:var(--ysa-canvas-tint); }
.ysa-connected-preview .vision-workspace { display:grid; grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr); gap:22px; align-items:start; }
.ysa-connected-preview .vision-workspace > .vision-header { grid-column:1 / -1; }
.ysa-connected-preview .vision-dropzone { display:grid; place-items:center; gap:12px; min-height:180px; padding:22px; border:1px dashed var(--ysa-line-strong); border-radius:16px; background:var(--ysa-canvas-tint); text-align:center; font-size:13px; color:var(--ysa-text-muted); }
.ysa-connected-preview .vision-step { padding:0 20px 20px; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .vision-step-head { display:flex; align-items:center; gap:10px; padding:18px 0; }
.ysa-connected-preview .vision-step-number { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:var(--ysa-sage-soft); font-size:11px; }
.ysa-connected-preview .vision-step-title { font-size:14px; font-weight:600; }
.ysa-connected-preview .vision-field { display:grid; gap:7px; font-size:12.5px; }
.ysa-connected-preview .vision-field-hint { color:var(--ysa-text-muted); font-size:11.5px; line-height:1.5; }
.ysa-connected-preview .vision-preview-panel { padding:20px; }
.ysa-connected-preview .vision-preview-panel img { display:block; max-width:100%; height:auto; border-radius:12px; }
.ysa-connected-preview .vision-history-list { display:grid; gap:10px; padding:0 20px 20px; }
.ysa-connected-preview .vision-segmented { display:flex; border:1px solid var(--ysa-line); border-radius:10px; padding:3px; gap:3px; }
.ysa-connected-preview .vision-segmented button { flex:1; min-height:28px; padding:5px 8px; border:0; border-radius:7px; background:none; font-size:12px; }
.ysa-connected-preview .vision-segmented button.is-active { background:var(--ysa-canvas); color:var(--ysa-ink); }
/* Billing, fields, labels, alerts and administrative task surfaces. */
.ysa-connected-preview :is(.ysa-pricing-current,.ysa-pricing-addons,.ysa-pricing-tier,.ysa-pricing-plan,.ysa-fields-stat,.ysa-superadmin-task-form-card,.ysa-superadmin-task-list-card) { padding:20px; border:1px solid var(--ysa-line); border-radius:18px; min-width:0; }
.ysa-connected-preview .ysa-pricing-current { display:flex; align-items:start; justify-content:space-between; gap:24px; margin-bottom:24px; }
.ysa-connected-preview .ysa-pricing-current-title { font:400 24px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-pricing-current-price { font-size:30px; font-weight:600; margin-top:10px; }
.ysa-connected-preview .ysa-pricing-feature-list { display:grid; gap:10px; list-style:none; padding:0; margin:18px 0; font-size:13px; color:var(--ysa-text-3); }
.ysa-connected-preview :is(.ysa-pricing-tier-grid,.ysa-pricing-plans,.ysa-fields-stats,.ysa-field-catalog-grid,.ysa-help-setting-grid) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ysa-connected-preview .ysa-billing-usage-card { padding:20px; margin-bottom:20px; }
.ysa-connected-preview .ysa-billing-explainer { margin:18px 0; padding:16px; border-radius:12px; background:var(--ysa-soft-panel); font-size:12.5px; line-height:1.6; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-invoice-usage { padding:16px; background:var(--ysa-canvas-tint); font-size:12px; }
.ysa-connected-preview .ysa-invoice-usage-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:7px 0; }
.ysa-connected-preview .ysa-billing-pagination { display:flex; justify-content:end; gap:7px; padding:16px 20px; }
.ysa-connected-preview .ysa-label-tree-header { display:flex; justify-content:space-between; gap:20px; margin-bottom:24px; }
.ysa-connected-preview .ysa-label-tree-stats { display:flex; flex-wrap:wrap; gap:20px; font-size:13px; }
.ysa-connected-preview .ysa-label-tree-row { border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-label-tree-name { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:600; }
.ysa-connected-preview .ysa-label-tree-dot { width:8px; height:8px; border-radius:50%; flex:none; }
.ysa-connected-preview .ysa-label-tree-meta { font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-label-tree-controls { display:flex; align-items:center; gap:5px; }
.ysa-connected-preview .ysa-field-catalog-copy { min-width:0; font-size:13px; line-height:1.5; }
.ysa-connected-preview .ysa-field-catalog-meta { display:block; color:var(--ysa-text-muted); font-size:11.5px; margin-top:5px; }
.ysa-connected-preview .ysa-field-catalog-check { display:flex; align-items:start; gap:10px; padding:14px; border:1px solid var(--ysa-line); border-radius:12px; }
.ysa-connected-preview .ysa-superadmin-task-form { display:grid; gap:16px; }
.ysa-connected-preview .ysa-superadmin-task-list { display:grid; gap:14px; }
.ysa-connected-preview .ysa-superadmin-task-body { padding:20px; border:1px solid var(--ysa-line); border-radius:16px; }
.ysa-connected-preview .ysa-superadmin-task-topline { display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:13px; }
.ysa-connected-preview .ysa-superadmin-task-description { margin-top:12px; color:var(--ysa-text-3); font-size:13px; line-height:1.6; }
.ysa-connected-preview .ysa-superadmin-task-meta { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; color:var(--ysa-text-muted); font-size:11.5px; }
.ysa-connected-preview .ac-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.ysa-connected-preview .ac-stats > * { padding:16px; border:1px solid var(--ysa-line); border-radius:16px; }
.ysa-connected-preview .ac-tabs { display:flex; gap:22px; border-bottom:1px solid var(--ysa-line); margin-bottom:20px; overflow:auto; }
.ysa-connected-preview .ac-tabs button { min-height:42px; padding:8px 0; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; color:var(--ysa-text-muted); font-size:13px; }
.ysa-connected-preview .ac-tabs .is-active { border-bottom-color:var(--ysa-ink); color:var(--ysa-ink); }
/* Missing design artboards: constrain legacy frames to a fresh, readable table/form grammar. */
.ysa-connected-preview #framework_main > .page { min-width:0; padding:0; background:transparent; }
.ysa-connected-preview #framework_main .frametable { display:flex; flex-wrap:wrap; gap:20px; width:100%; min-width:0; }
.ysa-connected-preview #framework_main .framerow { display:flex; flex-wrap:wrap; gap:20px; width:100%; min-width:0; }
.ysa-connected-preview #framework_main .framecolumn { flex:1; min-width:260px; padding:20px; border:1px solid var(--ysa-line); border-radius:18px; background:white; }
.ysa-connected-preview #framework_main .framecolumn.w_1_1 { flex-basis:100%; }
.ysa-connected-preview #framework_main .framecolumn.w_2_3 { flex-grow:2; }
.ysa-connected-preview #framework_main .framecolumn_content { min-width:0; font-size:13px; line-height:1.55; }
.ysa-connected-preview #framework_main :is(.smalltitle,.title) { color:var(--ysa-ink); font:400 18px/1.3 var(--ysa-font-heading); margin:0 0 16px; }
.ysa-connected-preview #framework_main :is(table.table,table.ysa-table,table.ysa-kpi-table) { width:100%; max-width:100%; border-collapse:collapse; font-size:13px; line-height:1.5; }
.ysa-connected-preview #framework_main :is(table.table,table.ysa-table,table.ysa-kpi-table) th { color:var(--ysa-text-muted); font-size:11.5px; font-weight:600; text-align:left; border-bottom:1px solid var(--ysa-line); padding:10px 12px; }
.ysa-connected-preview #framework_main :is(table.table,table.ysa-table,table.ysa-kpi-table) td { padding:12px; border-bottom:1px solid var(--ysa-line-soft); vertical-align:middle; }
.ysa-connected-preview #framework_main .config_table:not(.we-fields) { width:100%; border-collapse:collapse; font-size:13px; }
.ysa-connected-preview #framework_main .config_table:not(.we-fields) td { padding:12px 0; vertical-align:top; }
.ysa-connected-preview #framework_main .config_table:not(.we-fields) td:first-child { width:220px; padding-right:20px; }
.ysa-connected-preview #framework_main .config_table:not(.we-fields) label { display:block; margin-bottom:7px; }
.ysa-connected-preview #framework_main :is(.ysa-kpi-grid,.tl-summary-grid) { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }
.ysa-connected-preview #framework_main :is(.ysa-kpi-card,.tl-summary-box) { padding:16px; border:1px solid var(--ysa-line); border-radius:16px; background:white; min-width:0; }
.ysa-connected-preview #framework_main :is(.ysa-kpi-title,.tl-summary-label) { color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview #framework_main :is(.ysa-kpi-value,.tl-summary-value) { margin:8px 0; font-size:26px; font-weight:600; letter-spacing:-.02em; }
.ysa-connected-preview #framework_main :is(.ysa-kpi-sub,.ysa-muted,.tl-muted,.tl-small) { color:var(--ysa-text-muted); font-size:12px; line-height:1.5; }
.ysa-connected-preview #framework_main .info:not(.conversation_summary) { padding:14px 16px; border:1px solid var(--ysa-line); border-radius:12px; background:var(--ysa-soft-panel); color:var(--ysa-text-3); font-size:13px; line-height:1.55; }
.ysa-connected-preview #framework_main :is(.tl-chart-wrap,.ysa-top-linechart) { width:100%; min-width:0; height:240px; }
.ysa-connected-preview #framework_main :is(.tl-chart-wrap,.ysa-top-linechart) canvas { width:100%; max-width:100%; }
.ysa-connected-preview #framework_main .table :is(.num,.right) { text-align:right; font-variant-numeric:tabular-nums; }
/* AI Studio overview family follows the approved Personas inset, title and
   unboxed list toolbar. Existing forms and specialized editor layouts remain. */
html.ysa-connected-preview #framework_main.ysa-studio-family:is(.channels,.flows,.experiments,.profile_studio,.vision_studio,.trustlayer) { padding:44px 48px; }
.ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-channels-header,.ysa-flows-header,.ysa-lab-header,.ps-header,.vision-header,.ysa-trust-header) { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 28px; }
.ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-channels-header,.ysa-flows-header,.ysa-lab-header,.ps-header,.vision-header,.ysa-trust-header) h1 { display:inline-block; vertical-align:top; margin:0; font:400 40px/1.1 var(--ysa-font-heading); letter-spacing:-.01em; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-trust-breadcrumb { display:none; }
.ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-channels-header,.ysa-flows-header) :is(p,.ysa-channels-kicker,.ysa-flows-eyebrow),.ysa-connected-preview #framework_main.ysa-studio-family > :is(.ysa-profile-studio,.ysa-vision-studio) > .ysa-content-breadcrumb,.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview > :is(.ysa-content-breadcrumb,.ysa-lab-breadcrumb) { display:none; }
.ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-add-channel-btn,.ysa-flows-header > button,.ysa-lab-header > button) { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:0 18px; border:1px solid var(--ysa-ink); border-radius:12px; background:var(--ysa-ink); color:var(--ysa-on-ink); font:600 15px/1.4 var(--ysa-font-sans); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview > :is(.ysa-channels-card,.ysa-content-card,.ysa-lab-card) { border:0; border-radius:0; background:transparent; overflow:visible; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-toolbar,.ysa-content-toolbar,.ysa-lab-toolbar) { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:22px; min-width:0; padding:0; margin:0 0 24px; border:0; background:transparent; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-studio-total { flex:none; margin:0 auto 0 0; color:var(--ysa-ink); font:italic 400 27px/1.3 var(--ysa-font-serif); white-space:nowrap; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-search,.ysa-content-search,.ysa-lab-search) { display:flex; align-items:center; flex:0 1 320px; gap:10px; min-width:0; max-width:100%; height:42px; min-height:42px; margin:0 0 0 8px; padding:0 14px; border:0; border-radius:12px; background:var(--ysa-canvas); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-channels-search > span:first-child { display:none; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-channels-search-control { display:flex; align-items:center; gap:10px; width:100%; min-width:0; min-height:40px; padding:0; border:0; border-radius:0; background:transparent; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-search,.ysa-content-search,.ysa-lab-search) input { width:100%; min-width:0; height:40px; min-height:40px; padding:0; border:0; border-radius:0; background:transparent; font-size:15px; color:var(--ysa-ink); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-search,.ysa-content-search,.ysa-lab-search):focus-within { outline:2px solid var(--ysa-ink); outline-offset:2px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-studio-filter-menu,.ysa-studio-export-menu) { position:relative; flex:none; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-studio-filter-menu,.ysa-studio-export-menu) > summary { display:grid; place-items:center; width:28px; min-height:36px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--ysa-ink); font-size:20px; list-style:none; cursor:pointer; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview summary::-webkit-details-marker { display:none; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-menu-content { position:absolute; z-index:45; top:calc(100% + 8px); right:0; display:grid; gap:12px; width:250px; max-width:calc(100vw - 40px); padding:16px; border:1px solid var(--ysa-line); border-radius:14px; background:var(--ysa-sheet); box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-menu-content :is(.ysa-channels-select,.ysa-content-select,.ysa-lab-select,.ysa-flows-export-format) { display:grid; gap:5px; padding:0; border:0; max-width:none; font-size:12.5px; color:var(--ysa-text-muted); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-menu-content select { width:100%; max-width:none; min-height:36px; padding:6px 28px 6px 10px; border:1px solid var(--ysa-line); border-radius:8px; background:var(--ysa-sheet); color:var(--ysa-ink); font-size:13px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-flows-card-heading { display:none; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-flows-export-actions { display:grid; gap:12px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) { width:100%; border-collapse:collapse; font-size:15px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) :is(th,td) { padding:13px 12px; border:0; border-bottom:1px solid var(--ysa-line-soft); vertical-align:middle; background:transparent; text-align:left; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) th { height:38px; padding-top:10px; padding-bottom:10px; color:var(--ysa-text-muted); font-size:13px; font-weight:500; background:var(--ysa-sheet); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) td { height:76px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) :is(th,td):first-child { padding-left:0; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) :is(th,td):last-child { padding-right:0; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-main,.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-persona { display:flex; align-items:center; gap:12px; min-width:0; }
.ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-channel-main,.ysa-channel-persona) > div { display:grid; gap:4px; min-width:0; }
.ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-channel-main,.ysa-channel-persona) strong { font-size:15px; line-height:1.4; font-weight:600; overflow-wrap:anywhere; }
.ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-channel-main > div > span,.ysa-channel-persona small,.ysa-channel-activity-count) { font-size:12.5px; color:var(--ysa-text-muted); line-height:1.4; }
.ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-channel-type-mark,.ysa-channel-avatar) { display:grid; place-items:center; flex:none; width:38px; height:38px; min-height:38px; padding:0; border:0; border-radius:50%; background-color:var(--ysa-sage-soft); background-position:center; background-size:cover; color:var(--ysa-ink); font-size:12px; font-weight:600; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-avatar[style*="background-image"] > span { opacity:0; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-type-pill { padding:0; border:0; border-radius:0; background:none; color:var(--ysa-ink); font-size:14px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-status-group { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-status-pill { padding:5px 9px; border-radius:8px; background:var(--ysa-canvas); color:var(--ysa-text-3); font-size:12px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-status-pill.is-enabled { background:var(--ysa-sage-soft); color:var(--ysa-ink); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-activity { display:grid; gap:6px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-actions { display:flex; align-items:center; justify-content:flex-end; gap:4px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-actions button { display:grid; place-items:center; flex:none; width:32px; height:32px; min-height:32px; padding:0; border:0; border-radius:9px; background:none; color:var(--ysa-text-3); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-flow-open { min-height:0; padding:0; border:0; background:none; color:var(--ysa-ink); font:600 15px/1.4 var(--ysa-font-sans); text-align:left; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-content-actions,.ysa-lab-actions) { display:flex; align-items:center; justify-content:flex-end; flex-wrap:nowrap; gap:4px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-content-actions,.ysa-lab-actions) button { display:grid; place-items:center; flex:none; width:32px; height:32px; min-height:32px; min-width:32px; padding:0; border:0; border-radius:9px; background:none; color:var(--ysa-text-3); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-content-status-pill,.ysa-lab-status) { font-size:12px; padding:5px 9px; border-radius:8px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-lab-intro { margin:24px 0 0; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-lab-intro h2 { font:600 15px/1.4 var(--ysa-font-sans); }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table { table-layout:fixed; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table th.is-channel { width:30%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table th.is-persona { width:22%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table th.is-status { width:19%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table th.is-conversations { width:21%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table th.is-actions { width:8%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table:has(.is-brand) th.is-channel { width:26%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table th.is-brand { width:8%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table:has(.is-brand) th.is-persona { width:20%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table:has(.is-brand) th.is-status { width:18%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channels-table:has(.is-brand) th.is-conversations { width:20%; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-health-pill { font-size:11.5px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-activity-count { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-count-pill { min-height:20px; padding:2px 6px; font-size:11.5px; }
.ysa-connected-preview #framework_main.ysa-studio-family .vision-retention-note { white-space:normal; overflow-wrap:anywhere; }
@media(max-width:1200px) {
 html.ysa-connected-preview #framework_main.ysa-studio-family:is(.channels,.flows,.experiments,.profile_studio,.vision_studio,.trustlayer) { padding:32px; }
}
@media(max-width:800px) {
 html.ysa-connected-preview #framework_main.ysa-studio-family:is(.channels,.flows,.experiments,.profile_studio,.vision_studio,.trustlayer) { padding:24px 20px; }
 .ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-channels-header,.ysa-flows-header,.ysa-lab-header,.ps-header,.vision-header,.ysa-trust-header) { align-items:flex-start; flex-wrap:wrap; }
 .ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-channels-header,.ysa-flows-header,.ysa-lab-header,.ps-header,.vision-header,.ysa-trust-header) h1 { font-size:30px; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-toolbar,.ysa-content-toolbar,.ysa-lab-toolbar) { gap:14px; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-search,.ysa-content-search,.ysa-lab-search) { order:-1; flex-basis:100%; max-width:none; margin:0; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-studio-total { font-size:25px; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) { font-size:13px; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) td { height:auto; min-height:0; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-channel-row td { border:0; padding:0; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-channels-table :is(th,td):first-child { padding-left:0; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-channel-persona { align-items:center; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-type-mark { width:34px; height:34px; min-height:34px; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) { display:block; width:100%; min-width:0; max-width:100%; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) tbody { display:grid; gap:12px; width:100%; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) tbody > tr { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; width:100%; padding:16px; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-sheet); }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) tbody > tr > :is(td,th) { display:block; width:auto; min-width:0; max-width:100%; height:auto; min-height:0; padding:0; border:0; overflow-wrap:anywhere; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) tbody > tr > :first-child { grid-column:1/-1; padding-right:62px; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) tbody > tr > [colspan] { grid-column:1/-1; padding-right:0; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) tbody > tr > :last-child:not([colspan]) { position:absolute; top:10px; right:8px; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview :is(.ysa-channels-table,.ysa-content-table,.ysa-lab-table) tbody > tr > [data-studio-label]:not(:first-child,:last-child)::before { content:attr(data-studio-label); display:block; margin-bottom:5px; color:var(--ysa-text-muted); font-size:11.5px; font-weight:400; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-row .is-persona { grid-column:1/-1; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-channels-table tbody > .ysa-channel-row > .is-persona[data-studio-label]::before { display:none; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-row .is-conversations { grid-column:1/-1; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-row .is-persona { grid-row:2; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-row .is-brand { grid-column:1; grid-row:3; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-row .is-status { grid-column:2; grid-row:3; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-row .is-conversations { grid-row:4; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-channel-status-pill { padding:4px 7px; font-size:11.5px; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-lab-main > strong { font-size:15px; line-height:1.4; }
 .ysa-connected-preview #framework_main.ysa-studio-family .ysa-studio-overview .ysa-lab-table tbody > .ysa-lab-row > td:last-child::before { display:none; }
}
@media(max-width:480px) {
 html.ysa-connected-preview #framework_main.ysa-studio-family:is(.channels,.flows,.experiments,.profile_studio,.vision_studio,.trustlayer) { padding:24px 16px; }
 .ysa-connected-preview #framework_main.ysa-studio-family :is(.ysa-add-channel-btn,.ysa-flows-header > button,.ysa-lab-header > button) { min-height:38px; height:38px; padding:0 12px; font-size:12px; }
}
.ysa-connected-preview :is(.ysa-content-modal-backdrop,.tl-modal-backdrop,.kc-drawer-backdrop) { position:fixed; inset:0; z-index:1450; background:var(--ysa-on-ink-overlay); }
.ysa-connected-preview :is(.ysa-content-modal,.tl-modal,.ac-dialog,.ac-confirm-dialog,.ysa-account-delete-dialog,.ysa-label-tree-dialog,.ysa-field-library-dialog,.ps-icon-dialog,.ysa-pricing-cancel-dialog) { position:fixed; inset:0; z-index:1500; width:min(640px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); height:fit-content; margin:auto; padding:0; border:1px solid var(--ysa-line); border-radius:20px; background:white; color:var(--ysa-ink); box-shadow:var(--ysa-shadow-menu); overflow:auto; }
.ysa-connected-preview :is(.ysa-content-modal-header,.tl-modal-header,.ac-dialog-header,.ysa-account-delete-dialog-header,.ysa-label-tree-dialog-header,.ps-icon-dialog-head) { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px 16px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview :is(.ysa-content-modal-header,.tl-modal-header,.ac-dialog-header,.ysa-account-delete-dialog-header,.ysa-label-tree-dialog-header,.ps-icon-dialog-head) :is(h2,h3) { margin:0; font:400 24px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview :is(.ysa-content-modal-body,.ysa-account-delete-dialog-form,.ysa-label-tree-form-pair,.ps-icon-dialog-body) { padding:20px 24px; }
.ysa-connected-preview :is(.ysa-content-modal-actions,.tl-modal-footer,.ac-dialog-footer,.ac-confirm-actions,.ysa-account-delete-actions,.ysa-label-tree-dialog-footer,.ysa-field-library-footer) { display:flex; align-items:center; justify-content:end; flex-wrap:wrap; gap:8px; padding:16px 24px; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview .kc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ysa-connected-preview .kc-card { padding:20px; }
.ysa-connected-preview .kc-card h2 { font:400 20px/1.3 var(--ysa-font-heading); margin:0 0 10px; }
.ysa-connected-preview .kc-thumb { aspect-ratio:16/9; object-fit:cover; max-width:100%; border-radius:12px; }
.ysa-connected-preview .kc-drawer { position:fixed; z-index:1500; top:72px; bottom:24px; right:24px; width:min(680px,calc(100vw - 48px)); padding:24px; border:1px solid var(--ysa-line); border-radius:20px; background:white; box-shadow:var(--ysa-shadow-menu); overflow:auto; }
.ysa-connected-preview .kc-drawer-header { display:flex; justify-content:space-between; align-items:start; gap:20px; padding-bottom:18px; margin-bottom:20px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .kc-article-body { font-size:14px; line-height:1.65; }
.ysa-connected-preview .kc-article-body :is(img,video,iframe) { max-width:100%; }
@media(max-width:1250px) {
 .ysa-connected-preview .ps-layout { grid-template-columns:220px minmax(0,1fr); }
 .ysa-connected-preview .ps-preview-panel { grid-column:2; }
 .ysa-connected-preview .ysa-help-video-library { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:1000px) {
 .ysa-connected-preview :is(.ysa-user-edit-layout,.ysa-user-settings-workspace,.vision-workspace,.ysa-settings-identity-grid) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-platform-settings-layout { grid-template-columns:180px minmax(0,1fr); gap:20px; }
 .ysa-connected-preview :is(.ysa-pricing-tier-grid,.ysa-pricing-plans,.ysa-fields-stats,.ysa-field-catalog-grid,.kc-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-pricing-current { flex-wrap:wrap; }
}
@media(max-width:720px) {
 .ysa-connected-preview :is(.ysa-content-header,.ysa-datasets-header,.ysa-channels-header,.ysa-automations-header,.ysa-contacts-header,.ysa-help-header,.ysa-settings-head) { margin-bottom:22px; gap:14px; }
 .ysa-connected-preview :is(.ysa-platform-settings-layout,.ysa-help-shell,.ps-layout,.ysa-channel-edit-tabs,.ysa-dataset-edit-tabs) { display:block; }
 .ysa-connected-preview :is(.ysa-settings-navigation,.ysa-help-navigator,.ysa-channel-edit-nav,.ysa-dataset-edit-nav) { padding:0 0 16px; margin-bottom:22px; border-right:0; border-bottom:1px solid var(--ysa-line); }
 .ysa-connected-preview .ysa-help-tabs { display:flex; overflow:auto; }
 .ysa-connected-preview .ysa-help-tab { flex:none; }
 .ysa-connected-preview .ps-panel { margin-bottom:18px; }
 .ysa-connected-preview .ps-preview-panel { display:block; }
 .ysa-connected-preview :is(.ysa-content-toolbar,.ysa-datasets-toolbar,.ysa-channels-toolbar,.ysa-automations-toolbar,.ysa-contacts-toolbar) { padding:14px 16px; gap:9px; }
 .ysa-connected-preview :is(.ysa-content-search,.ysa-datasets-search,.ysa-channels-search,.ysa-automations-search,.ysa-contacts-search) { flex-basis:100%; max-width:none; }
 .ysa-connected-preview :is(.ysa-content-select,.ysa-datasets-select,.ysa-channels-select,.ysa-automations-select,.ysa-contacts-select) { flex:1; max-width:none; }
 .ysa-connected-preview :is(.ysa-datasets-toolbar,.ysa-channels-toolbar) { align-items:stretch; }
 .ysa-connected-preview :is(.ysa-datasets-toolbar,.ysa-channels-toolbar) :is(.ysa-datasets-select,.ysa-channels-select) { flex:1 1 150px; min-width:0; }
 .ysa-connected-preview :is(.ysa-datasets-toolbar,.ysa-channels-toolbar) :is(.ysa-datasets-select,.ysa-channels-select) select { min-width:100px; min-height:44px; }
 .ysa-connected-preview :is(.ysa-datasets-count,.ysa-channels-count) { flex-basis:100%; margin-left:0; text-align:right; }
 .ysa-connected-preview :is(.ysa-datasets-table,.ysa-channels-table) { min-width:980px; }
 .ysa-connected-preview :is(.ysa-datasets-table,.ysa-channels-table) :is(th,td):first-child { min-width:260px; width:28%; }
 .ysa-connected-preview :is(.ysa-channel-menu-toggle,.ysa-dataset-menu-toggle) { display:flex; width:100%; justify-content:space-between; background:white; border:0; padding:10px 0; }
 .ysa-connected-preview :is(.ysa-channel-edit-nav,.ysa-dataset-edit-nav) ul { display:none; }
 .ysa-connected-preview :is(.ysa-channel-edit-nav,.ysa-dataset-edit-nav).is-open ul { display:grid; }
 .ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) .config_table:not(.we-fields) :is(tbody,tr,td) { display:block; width:100%; height:auto; min-height:0; }
 .ysa-connected-preview :is(.ysa-channel-edit-page,.ysa-dataset-edit-page) .config_table:not(.we-fields) td:first-child { width:100%; padding:12px 0 6px; }
 .ysa-connected-preview :is(.ysa-channel-edit-header,.ysa-channel-hero-row,.ysa-dataset-edit-header,.ysa-dataset-hero-row) { flex-wrap:wrap; }
 .ysa-connected-preview #framework_main .framecolumn { flex-basis:100%; min-width:0; }
 .ysa-connected-preview #framework_main :is(.ysa-kpi-grid,.tl-summary-grid,.ac-stats) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .kc-drawer { inset:12px; width:auto; padding:20px; }
}
@media(max-width:480px) {
 .ysa-connected-preview :is(.ysa-content-form-grid,.ysa-settings-traffic-grid,.ysa-user-field-grid,.ysa-user-preferences-grid,.ps-grid,.vision-settings-grid,.ac-field-grid,.tl-settings-grid,.ysa-pricing-tier-grid,.ysa-pricing-plans,.ysa-fields-stats,.ysa-field-catalog-grid,.ysa-help-setting-grid,.ysa-help-overview-grid,.ysa-dataset-channel-options,.ysa-dataset-diagnostic-grid,.kc-grid) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview :is(.ysa-content-card-header,.ysa-settings-section-head,.ysa-user-section-heading) { padding-left:16px; padding-right:16px; }
 .ysa-connected-preview :is(.ysa-content-form-card,.ysa-settings-section-body,.ysa-user-settings-workspace) { padding-left:16px; padding-right:16px; }
 .ysa-connected-preview .ysa-live-chat-hours__day { flex-wrap:wrap; }
 .ysa-connected-preview .ysa-live-chat-hours__time { width:100%; }
 .ysa-connected-preview .ysa-connectors-row { gap:10px; }
 .ysa-connected-preview .ysa-connectors-row-status { max-width:90px; font-size:11px; }
 .ysa-connected-preview .ysa-user-action-bar { flex-wrap:wrap; }
 .ysa-connected-preview #framework_main .config_table:not(.we-fields) :is(tbody,tr,td) { display:block; width:100%; height:auto; }
 .ysa-connected-preview #framework_main .config_table:not(.we-fields) td:first-child { width:100%; padding-right:0; }
}
/* Dataset's real navigation anchors a single continuous editor panel. */
html.ysa-connected-preview #framework_main.dataset { padding:0; }
.ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) { display:grid; grid-template-columns:220px minmax(0,1fr); padding:0; }
.ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) > .ysa-dataset-edit-nav { padding:22px 16px; margin:0; }
.ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) .ysa-dataset-edit-body { min-width:0; padding:28px 32px 32px; }
.ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) .ysa-dataset-edit-tabs { display:block; }
.ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) .ysa-dataset-edit-panel { padding:0; min-width:0; }
.ysa-connected-preview .ysa-dataset-head { display:flex; align-items:start; justify-content:space-between; gap:18px; margin-bottom:22px; }
.ysa-connected-preview .ysa-dataset-head p { max-width:600px; }
.ysa-connected-preview .ysa-dataset-feed-suggestions { min-width:0; margin-top:16px; padding-top:16px; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-dataset-feed-suggestions-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:12px; }
.ysa-connected-preview .ysa-dataset-feed-suggestions-copy { min-width:0; }
.ysa-connected-preview .ysa-dataset-feed-suggestions-copy > strong { display:block; margin-bottom:8px; }
.ysa-connected-preview .ysa-dataset-feed-suggestions-copy > p { margin:0; }
.ysa-connected-preview .ysa-dataset-feed-optional { flex:none; }
.ysa-connected-preview .ysa-dataset-feed-list { display:grid; gap:12px; }
.ysa-connected-preview .ysa-dataset-feed-suggestions .ysa-dataset-feed-card { margin-bottom:0; }
.ysa-connected-preview .ysa-dataset-feed-card { display:flex; align-items:start; gap:10px; padding:14px; border:1px solid var(--ysa-line); border-radius:12px; margin-bottom:10px; min-width:0; }
.ysa-connected-preview .ysa-dataset-feed-icon { display:grid; place-items:center; width:30px; height:30px; flex:none; border-radius:9px; background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-dataset-feed-copy { display:flex; flex-direction:column; gap:8px; min-width:0; flex:1; padding:0; border:0; border-radius:0; margin:0; }
.ysa-connected-preview .ysa-dataset-feed-title { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; min-width:0; font-size:13px; font-weight:600; }
.ysa-connected-preview .ysa-dataset-feed-status { display:flex; align-items:center; gap:8px; }
.ysa-connected-preview .ysa-dataset-feed-url { display:block; max-width:100%; color:var(--ysa-text-muted); font-size:11px; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-dataset-feed-actions { display:flex; flex-wrap:wrap; gap:6px; }
.ysa-connected-preview .ysa-dataset-code-viewer { max-width:100%; max-height:320px; overflow:auto; padding:14px; border-radius:12px; background:var(--ysa-canvas-tint); font:11.5px/1.6 var(--ysa-font-mono); white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:720px) {
 .ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) { display:block; }
 .ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) > .ysa-dataset-edit-nav { padding:12px 16px; border-right:0; }
 .ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) .ysa-dataset-edit-nav ul { display:flex; flex-wrap:wrap; gap:4px; }
 .ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) .ysa-profile-edit-nav-label { display:none; }
 .ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) .ysa-dataset-edit-body { padding:22px 16px; }
 .ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) .config_table:not(.we-fields) { display:block; table-layout:fixed; max-width:100%; }
 .ysa-connected-preview #framework_main .ysa-dataset-edit-page:not(.we-editor) .config_table:not(.we-fields) :is(tbody,tr,td) { display:block; width:100%; max-width:100%; min-width:0; height:auto; }
 .ysa-connected-preview .ysa-dataset-edit-page input[type=file] { max-width:100%; }
 .ysa-connected-preview .ysa-dataset-head { flex-wrap:wrap; }
 .ysa-connected-preview .ysa-dataset-feed-suggestions-head { flex-wrap:wrap; gap:12px; }
 .ysa-connected-preview .ysa-dataset-feed-card { flex-wrap:wrap; }
}
/* Channel renderer anatomy (same controls, no provider layout assumptions). */
html.ysa-connected-preview #framework_main.channel { padding:0; }
.ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) { padding:28px 32px; }
.ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) .ysa-channel-edit-tabs { display:grid; grid-template-columns:220px minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; gap:24px 28px; }
.ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) .ysa-channel-edit-tabs > .ysa-channel-edit-nav { grid-column:1; grid-row:1 / 4; }
.ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) .ysa-channel-edit-tabs > .ysa-channel-hero { grid-column:2; grid-row:1; min-width:0; margin:0; padding-bottom:20px; }
.ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) .ysa-channel-edit-tabs > div[id^="tabs-"] { grid-column:2; grid-row:2; padding:0; }
.ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) .ysa-channel-edit-footer { grid-column:2; grid-row:3; margin:20px 0 0; padding:16px 0; }
.ysa-connected-preview .ysa-channel-nav-brand { display:flex; align-items:center; gap:10px; margin:0 0 20px; font-size:13px; }
.ysa-connected-preview .ysa-channel-nav-brand > span { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-channel-nav-brand strong { font-weight:600; }
.ysa-connected-preview .ysa-channel-nav-brand small { display:block; margin-top:4px; color:var(--ysa-text-muted); font-size:11.5px; }
.ysa-connected-preview .ysa-channel-nav-toggle { display:none; }
.ysa-connected-preview .ysa-channel-hero-topline { display:flex; align-items:center; gap:9px; margin:0 0 8px; }
.ysa-connected-preview .ysa-channel-kicker { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-channel-state { display:inline-flex; align-items:center; gap:5px; min-height:22px; padding:3px 8px; border-radius:999px; background:var(--ysa-canvas); font-size:10.5px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-channel-state.is-enabled { background:var(--ysa-sage-soft); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-channel-footer-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) .small_info { padding:0; margin:6px 0 0; border:0; background:none; font-size:12px; }
.ysa-connected-preview .ysa-channel-edit-page label.toggle { font-size:0; }
.ysa-connected-preview .ysa-channel-persona { display:flex; align-items:center; gap:9px; min-width:0; }
.ysa-connected-preview .ysa-channel-persona > div { min-width:0; font-size:12.5px; }
.ysa-connected-preview .ysa-channel-actions { display:flex; gap:4px; align-items:center; }
.ysa-connected-preview .ysa-channel-actions button { width:32px; height:32px; min-height:32px; padding:0; border:0; border-radius:9px; background:none; }
.ysa-connected-preview .ysa-channel-status-group { display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
.ysa-connected-preview :is(.ysa-channel-status-pill,.ysa-channel-health-pill,.ysa-channel-type-pill,.ysa-channel-count-pill) { display:inline-flex; align-items:center; gap:5px; min-height:22px; padding:3px 8px; border-radius:999px; background:var(--ysa-canvas); color:var(--ysa-text-muted); font-size:10.5px; line-height:1.4; }
.ysa-connected-preview .ysa-channel-status-pill.is-enabled { background:var(--ysa-sage-soft); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-channel-health-pill.is-healthy { background:var(--ysa-sage-soft); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-channel-activity { display:grid; justify-items:start; gap:5px; font-size:11.5px; }
.ysa-connected-preview .ysa-channel-activity-count { font-size:11px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-channels-search { display:block; border:0; padding:0; min-height:0; }
.ysa-connected-preview .ysa-channels-search > span { display:none; }
.ysa-connected-preview .ysa-channels-search-control { display:flex; align-items:center; gap:8px; min-height:36px; padding:0 11px; border:1px solid var(--ysa-line); border-radius:10px; }
.ysa-connected-preview .ysa-channels-counts-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:720px) {
 .ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) { padding:20px 16px; }
 .ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) .ysa-channel-edit-tabs { display:block; }
 .ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) .ysa-channel-edit-tabs > .ysa-channel-edit-nav { padding:0 0 14px; margin-bottom:22px; }
 .ysa-connected-preview .ysa-channel-nav-brand { display:none; }
 .ysa-connected-preview .ysa-channel-nav-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; padding:8px 0; background:none; border:0; text-align:left; }
 .ysa-connected-preview .ysa-channel-nav-toggle > span { display:flex; gap:9px; align-items:center; }
 .ysa-connected-preview .ysa-channel-nav-current { color:var(--ysa-text-muted); font-weight:400; }
 .ysa-connected-preview #framework_main .ysa-channel-edit-page:not(.we-editor) .ysa-channel-edit-tabs > .ysa-channel-hero { margin-bottom:24px; }
}

/* Nested administration and documentation sections retain their own layout. */
.ysa-connected-preview .ysa-subprocessor-admin{padding:20px}
.ysa-connected-preview .ysa-subprocessor-admin-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}
.ysa-connected-preview .ysa-subprocessor-admin-head h2{font:400 22px/1.3 var(--ysa-font-heading);margin:0 0 8px}
.ysa-connected-preview .ysa-subprocessor-admin-head p{max-width:800px;margin:0;font-size:12.5px;line-height:1.55;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-subprocessor-admin-head>.ysa-route-pill{flex-shrink:0}
.ysa-connected-preview .ysa-subprocessor-admin .ysa-route-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--ysa-sage-soft);color:var(--ysa-ink);font-size:11px;line-height:1.4;white-space:nowrap}
.ysa-connected-preview .ysa-subprocessor-admin-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}
.ysa-connected-preview .ysa-subprocessor-admin-pane{min-width:0;padding:18px;border:1px solid var(--ysa-line);border-radius:14px;background:var(--ysa-sheet)}
.ysa-connected-preview .ysa-subprocessor-admin-pane h3{font:400 17px/1.35 var(--ysa-font-heading);margin:0 0 12px}
.ysa-connected-preview .ysa-subprocessor-admin-pane>p{font-size:12px;line-height:1.55;color:var(--ysa-text-muted);margin:0 0 16px}
.ysa-connected-preview .ysa-subprocessor-admin .ysa-content-table-wrap{max-width:100%;overflow:auto}
.ysa-connected-preview .ysa-subprocessor-table{min-width:620px;--ysa-text-muted:var(--ysa-text-3)}
.ysa-connected-preview .ysa-subprocessor-table td{vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.ysa-connected-preview .ysa-subprocessor-table td :is(strong,span,small){display:block}
.ysa-connected-preview .ysa-subprocessor-table td small{max-width:440px;margin-top:5px;color:var(--ysa-text-muted);font-size:11.5px;line-height:1.5}
.ysa-connected-preview .ysa-subprocessor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ysa-connected-preview :is(.ysa-subprocessor-form-grid,.ysa-subprocessor-written form) label{display:grid;align-content:start;gap:6px;min-width:0;font-size:12px;font-weight:600}
.ysa-connected-preview :is(.ysa-subprocessor-form-grid,.ysa-subprocessor-written) .is-wide{grid-column:1/-1}
.ysa-connected-preview .ysa-subprocessor-admin :is(input,select,textarea){min-width:0;max-width:100%}
.ysa-connected-preview .ysa-subprocessor-admin textarea{min-height:84px}
.ysa-connected-preview .ysa-subprocessor-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;grid-column:1/-1}
.ysa-connected-preview .ysa-subprocessor-form-actions span{font-size:12px;color:var(--ysa-danger-text)}
.ysa-connected-preview :is(.ysa-subprocessor-history,.ysa-subprocessor-written,.ysa-subprocessor-objections){margin-top:16px}
.ysa-connected-preview .ysa-subprocessor-written{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:24px}
.ysa-connected-preview .ysa-subprocessor-written p{font-size:12px;line-height:1.55;color:var(--ysa-text-muted);margin-top:8px}
.ysa-connected-preview .ysa-subprocessor-written form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ysa-connected-preview .ysa-subprocessor-link{min-height:32px;padding:4px 8px;border-color:transparent;background:transparent;font-size:12px}
.ysa-connected-preview .ysa-subprocessor-link.is-danger{color:var(--ysa-danger-text)}
.ysa-connected-preview .ysa-subprocessor-objection-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.3fr);gap:20px;align-items:start;padding:18px 0;border-top:1px solid var(--ysa-line)}
.ysa-connected-preview .ysa-subprocessor-objection-card>div span,.ysa-connected-preview .ysa-subprocessor-objection-card>small{display:block;margin-top:6px;font-size:11.5px;line-height:1.5;color:var(--ysa-text-muted);overflow-wrap:anywhere}
.ysa-connected-preview .ysa-subprocessor-objection-card p{font-size:12.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.ysa-connected-preview .ysa-subprocessor-objection-card form{display:grid;gap:8px;min-width:0}
.ysa-connected-preview .ysa-product-push-docs>.ysa-content-card-header{border-bottom:1px solid var(--ysa-line)}
.ysa-connected-preview .ysa-product-push-scope{flex-shrink:0;padding:6px 10px;border-radius:999px;background:var(--ysa-sage-soft);font-size:11px;line-height:1.5;font-weight:600}
.ysa-connected-preview .ysa-product-push-body{display:grid;gap:20px;padding:20px}
.ysa-connected-preview .ysa-product-push-intro{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:16px;border-radius:12px;background:var(--ysa-canvas)}
.ysa-connected-preview .ysa-product-push-intro strong,.ysa-connected-preview .ysa-product-push-limits strong{font-size:13px;font-weight:600}
.ysa-connected-preview :is(.ysa-product-push-intro,.ysa-product-push-limits) p{margin-top:6px;max-width:760px;color:var(--ysa-text-muted);font-size:12.5px;line-height:1.55}
.ysa-connected-preview .ysa-product-push-intro>span{flex-shrink:0;padding:4px 8px;border-radius:999px;background:var(--ysa-sheet);font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-product-push-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ysa-connected-preview .ysa-product-push-step{display:grid;align-content:start;gap:18px;min-width:0;padding:18px;border:1px solid var(--ysa-line);border-radius:14px}
.ysa-connected-preview .ysa-product-push-step>header{display:flex;align-items:start;gap:12px}
.ysa-connected-preview .ysa-product-push-step-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--ysa-ink);color:var(--ysa-on-ink);font-size:12px;font-weight:600}
.ysa-connected-preview .ysa-product-push-step h3{font:400 18px/1.3 var(--ysa-font-heading)}
.ysa-connected-preview .ysa-product-push-step header p{margin-top:6px;font-size:12px;line-height:1.5;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-product-push-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ysa-connected-preview .ysa-product-push-meta>div{min-width:0}
.ysa-connected-preview .ysa-product-push-meta .is-wide{grid-column:1/-1}
.ysa-connected-preview .ysa-product-push-meta dt{margin-bottom:5px;font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-product-push-meta dd{font-size:12px;overflow-wrap:anywhere}
.ysa-connected-preview .ysa-product-push-code{min-width:0;overflow:hidden;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-canvas)}
.ysa-connected-preview .ysa-product-push-code>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--ysa-line);font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-product-push-code pre{min-width:0;max-width:100%;margin:0;padding:14px;border:0;border-radius:0;overflow:auto;font-size:11px;line-height:1.65}
.ysa-connected-preview .ysa-product-push-limits{display:grid;gap:14px;padding:18px;border-radius:12px;background:var(--ysa-canvas)}
.ysa-connected-preview :is(.ysa-product-push-intro,.ysa-product-push-code,.ysa-product-push-limits){--ysa-text-muted:var(--ysa-text-3)}
.ysa-connected-preview .ysa-product-push-limit-list{display:flex;flex-wrap:wrap;gap:8px}
.ysa-connected-preview .ysa-product-push-limit-list>span{padding:6px 10px;border:1px solid var(--ysa-line);border-radius:8px;background:var(--ysa-sheet);font-size:11.5px}
.ysa-connected-preview .ysa-product-push-limit-list code{font-weight:600;margin-right:5px}
.ysa-connected-preview #ysa-token-dashboard{--ysa-text-muted:var(--ysa-text-3)}
.ysa-connected-preview #ysa-token-dashboard .ysa-token-correlation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.ysa-connected-preview #ysa-token-dashboard .ysa-token-correlation-stats strong{overflow-wrap:anywhere;font-size:18px;line-height:1.4}
.ysa-connected-preview #ysa-token-dashboard .ysa-token-correlation-stats>div:first-child strong{font-size:14px;overflow-wrap:normal;word-break:normal}
@media(max-width:1100px){
 .ysa-connected-preview :is(.ysa-subprocessor-admin-grid,.ysa-subprocessor-written,.ysa-subprocessor-objection-card,.ysa-product-push-steps){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
 .ysa-connected-preview .ysa-subprocessor-admin{padding:16px}
 .ysa-connected-preview .ysa-subprocessor-admin-head,.ysa-connected-preview .ysa-product-push-intro{flex-direction:column;gap:12px}
 .ysa-connected-preview :is(.ysa-subprocessor-form-grid,.ysa-subprocessor-written form){grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview .ysa-subprocessor-admin-pane{padding:14px}
 .ysa-connected-preview .ysa-product-push-docs>.ysa-content-card-header{flex-wrap:wrap}
 .ysa-connected-preview .ysa-product-push-body{padding:16px;gap:16px}
 .ysa-connected-preview .ysa-product-push-step{padding:14px}
 .ysa-connected-preview .ysa-product-push-meta{grid-template-columns:minmax(0,1fr)}
}