/* UltraMAX DEV • Unified Builder V2, 2026-10-12
 * The same compact Android-style settings surfaces across Steps 2–4.
 * Presentation only; Classic keeps its existing palette and integrations.
 * System mode inherits light/dark tokens from body.light-mode.
 */
html.um-refined body :is(#step-2,#step-3,#step-4){
  --flow-bg:#141821;--flow-panel:#202632;--flow-soft:#293241;
  --flow-ink:#eef1f7;--flow-secondary:#b1bdcf;--flow-border:#364154;
  --flow-accent:#b8a9ef;--flow-tint:#39334e;
  --flow-shadow:none;
  --card:var(--flow-panel);--bg2:var(--flow-soft);--input-bg:var(--flow-soft);
  --border2:var(--flow-border);--border:var(--flow-border);
  --text:var(--flow-ink);--muted:var(--flow-secondary);
  --faint:var(--flow-secondary);--surface-soft:var(--flow-soft);
  --violet2:var(--flow-accent);--hover:var(--flow-soft);
  color:var(--flow-ink) !important;
  padding-bottom:calc(115px + env(safe-area-inset-bottom)) !important;
}
html.um-refined body.light-mode :is(#step-2,#step-3,#step-4){
  --flow-bg:#f6f7fa;--flow-panel:#fff;--flow-soft:#f2f4f8;
  --flow-ink:#202b3b;--flow-secondary:#57667a;--flow-border:#dce3eb;
  --flow-accent:#6155b5;--flow-tint:#eeebf9;
}
html.um-refined body :is(#step-2,#step-3,#step-4) :is(.um-step-header,.s3-play-header){
  margin:8px 0 20px !important;padding:5px 2px 16px !important;
  background:transparent !important;background-image:none !important;
  border:0 !important;border-radius:0 !important;
  border-bottom:1px solid var(--flow-border) !important;box-shadow:none !important;
}
html.um-refined body :is(#step-2,#step-3,#step-4) .um-step-header h1 {
  font-size:clamp(25px,5vw,35px) !important;
  color:var(--flow-ink) !important;-webkit-text-fill-color:var(--flow-ink) !important;
  line-height:1.13 !important;
  background:none !important;text-shadow:none !important;
}
html.um-refined body :is(#step-2,#step-3,#step-4) :is(.um-step-sub,.s2-play-stage-head p,.s3-quick-copy p,.s3-editor-zone-head p) {
  color:var(--flow-secondary) !important;
  -webkit-text-fill-color:var(--flow-secondary) !important;
  line-height:1.5 !important;
}
html.um-refined body :is(#step-2,#step-3,#step-4) :is(.um-step-eyebrow,.s2-play-stage-kicker,.s3-workspace-kicker,.s3-quick-kicker) {
  color:var(--flow-accent) !important;-webkit-text-fill-color:var(--flow-accent) !important;
}
/* Step 2: remove concentric glow frames; keep poster previews, make them useful. */
html.um-refined body #step-2 :is(.s2-play-stage,.s2-manage-zone,.s2-review-zone.s2-final-check){
  margin:14px 0 !important;padding:0 !important;
  background:transparent !important;background-image:none !important;
  border:0 !important;border-radius:0 !important;
  box-shadow:none !important;
}
html.um-refined body #step-2 .s2-play-stage-head {
  margin:0 0 12px !important;padding:0 1px 11px !important;
  border:0 !important;border-bottom:1px solid var(--flow-border) !important;
  background:transparent !important;box-shadow:none !important;
  text-align:left !important;
}
html.um-refined body #step-2 .s2-preset-mode{
  margin:9px 0 12px !important;
}
html.um-refined body #step-2 :is(.s2-preset-mode-option,.s2-preset-mode-label){
  color:var(--flow-secondary) !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-primary,.s2-preset-specialist,.s2-preset-advanced),
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-section-grid {
  display:grid !important;grid-template-columns:minmax(0,1fr) !important;
  align-items:stretch !important;gap:0 !important;max-width:none !important;
  overflow:hidden !important;background:var(--flow-panel) !important;
  border:1px solid var(--flow-border) !important;border-radius:15px !important;
  box-shadow:none !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset {
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) !important;
  grid-template-rows:auto !important;
  column-gap:0 !important;
  width:100% !important;min-width:0 !important;max-width:none !important;
  min-height:103px !important;height:auto !important;
  border:0 !important;border-bottom:1px solid var(--flow-border) !important;
  border-radius:0 !important;background:var(--flow-panel) !important;
  background-image:none !important;box-shadow:none !important;
  margin:0 !important;overflow:hidden !important;
  transform:none !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset:last-child {border-bottom:0 !important}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset:is(:hover,.s2-active) {
  background:var(--flow-soft) !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip {
  grid-column:1 !important;grid-row:1 !important;position:relative !important;
  width:112px !important;height:100% !important;min-height:103px !important;
  max-height:160px !important;border-radius:0 !important;
  background:var(--flow-soft) !important;
  overflow:hidden !important;box-shadow:none !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip :is(img,.s2-preset-art-cell){
  height:100% !important;object-fit:cover !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-body {
  grid-column:2 !important;grid-row:1 !important;
  display:flex !important;flex-direction:column !important;justify-content:center !important;
  min-height:103px !important;height:auto !important;padding:10px 12px !important;
  gap:6px !important;background:transparent !important;border:0 !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-name {
  font-size:13px !important;white-space:normal !important;
  color:var(--flow-ink) !important;-webkit-text-fill-color:var(--flow-ink) !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-desc {
  display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2;
  color:var(--flow-secondary) !important;-webkit-text-fill-color:var(--flow-secondary) !important;
  font-size:10px !important;line-height:1.35 !important;overflow:hidden !important;
  margin:0 !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-count,.s2-preset-tag) {
  background:var(--flow-tint) !important;color:var(--flow-accent) !important;
  border-color:var(--flow-border) !important;
  -webkit-text-fill-color:var(--flow-accent) !important;
  box-shadow:none !important;
}
html.um-refined body #step-2 :is(.s2-preset-drawer,.s2-utility-drawer,.s2-tool-panel,.s2-catalog-manager-shell,.s2-home-manager-panel){
  background:var(--flow-panel) !important;background-image:none !important;
  border:1px solid var(--flow-border) !important;
  box-shadow:none !important;border-radius:13px !important;
}
html.um-refined body #step-2 .s2-manage-zone :is(.s2-manage-grid,.s2-tools-body) {
  background:var(--flow-panel) !important;box-shadow:none !important;
}
html.um-refined body #step-2 .s2-tools-body .s2-manage-grid{
  display:flex !important;flex-direction:column !important;
  gap:0 !important;border:1px solid var(--flow-border) !important;
  border-radius:13px !important;overflow:hidden !important;
}
html.um-refined body #step-2 .s2-tools-body .s2-manage-grid > .s2-manage-item {
  margin:0 !important;border:0 !important;border-bottom:1px solid var(--flow-border) !important;
  border-radius:0 !important;box-shadow:none !important;background:var(--flow-panel) !important;
}
html.um-refined body #step-2 .s2-tools-body .s2-manage-grid > .s2-manage-item:last-child{border-bottom:0 !important}
html.um-refined body #step-2 :is(.s2-tool-panel-title,.s2-utility-copy strong,.s2-review-title,.s2-manage-zone-head h2) {
  color:var(--flow-ink) !important;-webkit-text-fill-color:var(--flow-ink) !important;
}
html.um-refined body #step-2 :is(.s2-tool-panel-sub,.s2-utility-copy small,.s2-review-sub,.s2-manage-zone-head p) {
  color:var(--flow-secondary) !important;-webkit-text-fill-color:var(--flow-secondary) !important;
}
html.um-refined body #step-2 :is(.s2-phase-break,.s2-ready-break,.s2-catalogs-complete) {
  margin:18px 0 !important;padding:0 !important;opacity:.55 !important;
}
html.um-refined body #step-2 .s2-final-check .s2-final-count {
  background:var(--flow-panel) !important;box-shadow:none !important;
  border:1px solid var(--flow-border) !important;border-radius:12px !important;
}
html.um-refined body #step-2 .s2-final-check .s2-final-count-number {
  background:var(--flow-tint) !important;color:var(--flow-accent) !important;
  -webkit-text-fill-color:var(--flow-accent) !important;box-shadow:none !important;
}
html.um-refined body #step-2 :is(.s2-step-summary-btn,.s2-step-preview-btn,.s2-nav-card) {
  background:var(--flow-panel) !important;border:1px solid var(--flow-border) !important;
  background-image:none !important;box-shadow:none !important;color:var(--flow-ink) !important;
}
/* Step 3: actual workspace first, optional presets/display in disclosure rows. */
#step-3[data-um-workspace-first] > .um-workspace-disclosure {
  display:block;margin:8px 0 0;padding:0;
  border:1px solid var(--flow-border,var(--border2));
  border-radius:13px;
  background:var(--flow-panel,var(--card));
  color:var(--flow-ink,var(--text));overflow:hidden;box-shadow:none;
}
#step-3[data-um-workspace-first] > .um-workspace-disclosure > summary {
  list-style:none;display:flex;align-items:center;gap:14px;
  padding:13px 15px;min-height:65px;cursor:pointer;
}
#step-3[data-um-workspace-first] > .um-workspace-disclosure > summary::-webkit-details-marker{display:none}
#step-3 .um-workspace-disclosure-copy {display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
#step-3 .um-workspace-disclosure-copy strong {font-size:14px;font-weight:750;color:var(--flow-ink,var(--text))}
#step-3 .um-workspace-disclosure-copy small {font-size:11px;line-height:1.4;color:var(--flow-secondary,var(--muted))}
#step-3 .um-workspace-chevron{color:var(--flow-accent,var(--violet2));font-size:20px;transition:transform .16s}
#step-3 .um-workspace-disclosure[open] > summary {border-bottom:1px solid var(--flow-border,var(--border2))}
#step-3 .um-workspace-disclosure[open] .um-workspace-chevron{transform:rotate(180deg)}
html.um-refined body #step-3 :is(.s3-play-stage,.s3-workspace-panel,.s3-presets-experience,.s3-preset-section) {
  background:transparent !important;background-image:none !important;
  box-shadow:none !important;border:0 !important;border-radius:0 !important;
}
html.um-refined body #step-3 > .s3-editor-zone {
  margin:8px 0 16px !important;padding:0 !important;
  background:transparent !important;border:0 !important;
}
html.um-refined body #step-3 .s3-editor-zone-head{
  padding:0 2px 12px !important;margin:0 0 10px !important;
  border-bottom:1px solid var(--flow-border) !important;
  align-items:flex-start !important;
}
html.um-refined body #step-3 .s3-editor-zone-head h2{
  color:var(--flow-ink) !important;-webkit-text-fill-color:var(--flow-ink) !important;
  font-size:21px !important;
}
html.um-refined body #step-3 .s3-editor-zone .collection-add-action {
  color:var(--flow-accent) !important;
  background:var(--flow-tint) !important;background-image:none !important;
  border:1px solid var(--flow-border) !important;box-shadow:none !important;
  min-height:39px !important;min-width:0 !important;
  padding:7px 13px !important;border-radius:10px !important;
}
html.um-refined body #step-3 .s3-editor-zone #collections-list {
  display:block !important;
  padding:0 !important;
  background:var(--flow-panel) !important;
  border:1px solid var(--flow-border) !important;
  border-radius:14px !important;overflow:hidden !important;
}
html.um-refined body #step-3 .s3-editor-zone #collections-list > .collection-card {
  margin:0 !important;border:0 !important;
  border-bottom:1px solid var(--flow-border) !important;
  border-radius:0 !important;box-shadow:none !important;
  background:var(--flow-panel) !important;
}
html.um-refined body #step-3 .s3-editor-zone #collections-list > .collection-card:last-child{border-bottom:0 !important}
html.um-refined body #step-3 .s3-editor-zone .collection-summary {
  background:var(--flow-panel) !important;
}
html.um-refined body #step-3 .s3-editor-zone :is(.folder-card,.folder-body,.collection-body) {
  background:var(--flow-panel) !important;background-image:none !important;box-shadow:none !important;
}
html.um-refined body #step-3 .s3-editor-zone :is(.folder-card,.collection-visuals) {
  border-color:var(--flow-border) !important;
}
html.um-refined body #step-3 > .um-workspace-disclosure :is(#presetsPanel,.s3-display-panel) {
  margin:0 !important;padding:13px !important;box-shadow:none !important;
  border:0 !important;background:transparent !important;
  background-image:none !important;
}
html.um-refined body #step-3 #presetsPanel :is(.s3-quick-head,.s3-quick-copy,.s3-preset-section-heading,.s3-presets-experience,.s3-preset-section){
  margin:0 0 11px !important;
  padding:0 !important;box-shadow:none !important;
  border:0 !important;border-radius:0 !important;background:transparent !important;
}
html.um-refined body #step-3 .s3-presets-experience .s3-preset-section-heading h3 {
  font-size:14px !important;color:var(--flow-ink) !important;
}
html.um-refined body #step-3 .s3-presets-experience .s3-preset-section-heading p{
  color:var(--flow-secondary) !important;
}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience :is(.s3-preset-section-grid,.s3-preset-primary-grid),
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-section :is(.s3-preset-section-grid) {
  display:grid !important;grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;background:var(--flow-panel) !important;
  border:1px solid var(--flow-border) !important;border-radius:13px !important;
  overflow:hidden !important;max-width:none !important;box-shadow:none !important;
}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card {
  grid-column:auto !important;
  display:grid !important;grid-template-columns:108px minmax(0,1fr) !important;
  grid-template-rows:minmax(82px,auto) !important;
  align-items:stretch !important;gap:0 !important;
  width:100% !important;height:auto !important;min-height:82px !important;
  margin:0 !important;border:0 !important;
  border-bottom:1px solid var(--flow-border) !important;
  border-radius:0 !important;
  background:var(--flow-panel) !important;background-image:none !important;
  box-shadow:none !important;transform:none !important;overflow:hidden !important;
}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card:last-child{border-bottom:0 !important}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card:is(:hover,.active){
  background:var(--flow-soft) !important;
}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card .s3-preset-strip {
  grid-column:1 !important;grid-row:1 !important;
  width:108px !important;height:100% !important;
  min-height:82px !important;max-height:130px !important;
  background:var(--flow-soft) !important;border:0 !important;
  border-radius:0 !important;overflow:hidden !important;box-shadow:none !important;
}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card .s3-preset-strip img{
  object-fit:cover !important;height:100% !important;
}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card .s3-preset-body {
  grid-column:2 !important;grid-row:1 !important;
  display:flex !important;flex-direction:column !important;
  align-items:flex-start !important;justify-content:center !important;
  gap:5px !important;min-height:82px !important;height:auto !important;
  margin:0 !important;padding:9px 12px !important;border:0 !important;
  background:transparent !important;
}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card :is(.s3-preset-name,.s3-preset-add) {
  color:var(--flow-ink) !important;-webkit-text-fill-color:var(--flow-ink) !important;
  font-size:12px !important;line-height:1.35 !important;
}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card .s3-preset-desc{
  margin:0 !important;min-height:0 !important;
  color:var(--flow-secondary) !important;-webkit-text-fill-color:var(--flow-secondary) !important;
  line-height:1.4 !important;font-size:10px !important;
}
html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card .s3-preset-icon{
  flex:0 0 29px !important;width:29px !important;height:29px !important;
  min-width:29px !important;border-radius:8px !important;
  background:var(--flow-tint) !important;border:0 !important;
  box-shadow:none !important;
}
html.um-refined body #step-3 .s3-viewmode-grid{gap:5px !important}
html.um-refined body #step-3 .s3-viewmode-card{
  background:var(--flow-panel) !important;background-image:none !important;
  color:var(--flow-ink) !important;border:1px solid var(--flow-border) !important;
  box-shadow:none !important;border-radius:10px !important;padding:10px !important;
}
html.um-refined body #step-3 .s3-viewmode-card.active {
  background:var(--flow-tint) !important;border-color:var(--flow-accent) !important;
}
html.um-refined body #step-3 :is(.s3-import-utility,.collection-bottom-area) {
  background:var(--flow-panel) !important;background-image:none !important;
  border:1px solid var(--flow-border) !important;
  border-radius:13px !important;box-shadow:none !important;
}
html.um-refined body #step-3 .collection-bottom-area {
  display:flex !important;flex-direction:column !important;gap:10px !important;
  padding:12px !important;
}
html.um-refined body #step-3 .collection-bottom-area :is(.count-display,.collection-bottom-actions){
  background:transparent !important;background-image:none !important;
  border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;
}
html.um-refined body #step-3 .collection-bottom-actions > button {
  min-height:48px !important;border-radius:11px !important;
  background-image:none !important;box-shadow:none !important;
}
/* Step 4: remove rainbow panels, use one panel colour & strong single CTA. */
html.um-refined body #step-4 > .section-title{
  color:var(--flow-ink) !important;-webkit-text-fill-color:var(--flow-ink) !important;
  margin:0 0 14px !important;font-size:24px !important;
}
html.um-refined body #step-4 > .step3-top-nav{
  margin:0 0 14px !important;gap:8px !important;
}
html.um-refined body #step-4 > .step3-top-nav > button{
  min-height:40px !important;background:var(--flow-panel) !important;
  border:1px solid var(--flow-border) !important;
  color:var(--flow-secondary) !important;
  box-shadow:none !important;border-radius:10px !important;
}
html.um-refined body #step-4 :is(.result-section,.s4-nuvio-primary-card,.install-status-card,.step3-export-section) {
  background:var(--flow-panel) !important;
  background-image:none !important;
  border:1px solid var(--flow-border) !important;
  box-shadow:none !important;border-radius:13px !important;
  color:var(--flow-ink) !important;
  margin:10px 0 !important;
}
html.um-refined body #step-4 #s4Stack {
  display:flex !important;flex-direction:column !important;
  gap:0 !important;
  background:var(--flow-panel) !important;
  border:1px solid var(--flow-border) !important;
  border-radius:14px !important;
  box-shadow:none !important;overflow:visible !important;
  padding:0 !important;margin:12px 0 !important;
}
html.um-refined body #step-4 #s4Stack > :is(div,section):not([role="dialog"]):not(#fusionPreviewModal) {
  margin:0 !important;
  border:0 !important;border-bottom:1px solid var(--flow-border) !important;
  border-radius:0 !important;
  background:var(--flow-panel) !important;background-image:none !important;
  box-shadow:none !important;padding:13px !important;
}
html.um-refined body #step-4 #s4Stack > :is(div,section):last-child {border-bottom:0 !important}
html.um-refined body #step-4 :is(.s4-card-header,.install-status-head,.step3-export-card,.s4-nuvio-profile-toggle) {
  background:transparent !important;background-image:none !important;
  color:var(--flow-ink) !important;
  border-color:var(--flow-border) !important;box-shadow:none !important;
}
html.um-refined body #step-4 :is(.result-label,.step3-export-heading,.s4-nuvio-kicker) {
  color:var(--flow-accent) !important;-webkit-text-fill-color:var(--flow-accent) !important;
}
html.um-refined body #step-4 :is(.s4-nuvio-title,.install-status-title,.step3-export-title) {
  color:var(--flow-ink) !important;-webkit-text-fill-color:var(--flow-ink) !important;
}
html.um-refined body #step-4 :is(.s4-nuvio-desc,.install-status-desc,.step3-export-description) {
  color:var(--flow-secondary) !important;-webkit-text-fill-color:var(--flow-secondary) !important;
}
html.um-refined body #step-4 :is(input:not([type="checkbox"]),textarea,select) {
  background:var(--flow-soft) !important;border-color:var(--flow-border) !important;
  color:var(--flow-ink) !important;
  -webkit-text-fill-color:var(--flow-ink) !important;
}
html.um-refined body #step-4 :is(.final-export-row,.step3-export-grid) {
  display:grid !important;grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
}
html.um-refined body #step-4 .step3-export-card {
  border:0 !important;border-bottom:1px solid var(--flow-border) !important;
  border-radius:0 !important;box-shadow:none !important;
  background:var(--flow-panel) !important;text-align:left !important;
}
html.um-refined body #step-4 .step3-export-card:last-child{border-bottom:0 !important}
/* No hidden buttons under the Android bottom navigation. */
html.um-app-mode.um-refined body :is(#step-2,#step-3,#step-4) {
  scroll-margin-bottom:120px;
}
@media(max-width:540px) {
 html.um-refined body #step-3 .s3-editor-zone-head {
   display:block !important;
 }
 html.um-refined body #step-3 .s3-editor-zone-head .s3-editor-zone-actions {
   display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;gap:8px !important;
   margin:11px 0 0 !important;
 }
 html.um-refined body #step-3 .s3-editor-zone-head .collection-add-action {
   width:auto !important;flex:0 0 auto !important;
 }
 html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset{
   grid-template-columns:99px minmax(0,1fr) !important;
 }
 html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip{width:99px !important;}
 html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card{grid-template-columns:92px minmax(0,1fr) !important;}
 html.um-refined body #step-3 #s3PresetsGrid.s3-presets-experience .s3-preset-card .s3-preset-strip{width:92px !important;}
}
@media(prefers-reduced-motion:reduce){
 #step-3 .um-workspace-chevron{transition:none !important}
}

/* Step 3's "More collections" gallery is generated as a separate grid. */
html.um-refined body #step-3 .s3-presets-experience .s3-preset-more {
  background:transparent !important;background-image:none !important;
  border:0 !important;box-shadow:none !important;
  border-radius:0 !important;margin:12px 0 !important;
}
html.um-refined body #step-3 .s3-presets-experience .s3-preset-more > summary {
  border:1px solid var(--flow-border) !important;border-radius:11px !important;
  background:var(--flow-panel) !important;color:var(--flow-ink) !important;
  box-shadow:none !important;
}
html.um-refined body #step-3 .s3-presets-experience .s3-preset-more-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
  max-width:none !important;
  margin-top:9px !important;padding:0 !important;
  background:var(--flow-panel) !important;
  border:1px solid var(--flow-border) !important;
  border-radius:12px !important;overflow:hidden !important;
}
html.um-refined body #step-3 .s3-presets-experience .s3-preset-more-copy strong{
  color:var(--flow-ink) !important;-webkit-text-fill-color:var(--flow-ink) !important;
}
html.um-refined body #step-3 .s3-presets-experience .s3-preset-more-copy small {
  color:var(--flow-secondary) !important;-webkit-text-fill-color:var(--flow-secondary) !important;
}
/* Also cover grouped People & Industry / Regions sections if newer preset packs inject them. */
html.um-refined body #step-3 .s3-presets-experience .s3-preset-section-grid > .s3-preset-card:last-child:nth-child(odd),
html.um-refined body #step-3 .s3-presets-experience .s3-preset-primary-grid > .s3-preset-card:last-child:nth-child(odd) {
  grid-column:auto !important;
}
html.um-refined body #step-3 .s3-editor-zone .collection-card .collection-summary,
html.um-refined body #step-3 .s3-editor-zone .collection-card .folder-summary {
  color:var(--flow-ink) !important;
}
/* Compact review/export surfaces rather than secondary feature cards. */
html.um-refined body #step-2 :is(.s2-final-check-top,.s2-review-actions){
  padding:11px 0 !important;margin:0 !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
}
html.um-refined body #step-2 .s2-review-actions{
  display:flex !important;gap:8px !important;flex-wrap:wrap !important;
}
html.um-refined body #step-2 .s2-review-actions > button{
  flex:1 1 145px !important;min-height:48px !important;
}
html.um-refined body #step-4 #s4Stack > :is(div,section) :is(h2,h3,strong) {
  color:var(--flow-ink) !important;
}
html.um-refined body #step-4 #s4Stack > :is(div,section) :is(p,small){
  color:var(--flow-secondary) !important;
}
html.um-refined body #step-4 #s4Stack :is(.nav-btn,.rbtn) {
  box-shadow:none !important;
}

/* Primary quick presets render in a generated grid, not directly inside the
   stage. Remove the old two-column grid at the actual source. */
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-primary-grid,
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-quick-grid {
  display:grid !important;grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;width:100% !important;max-width:none !important;
  margin:0 !important;padding:0 !important;
  overflow:hidden !important;
  background:var(--flow-panel) !important;
  border:1px solid var(--flow-border) !important;
  border-radius:14px !important;box-shadow:none !important;
}
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-primary {
  grid-column:auto !important;
}
/* Keep state markings readable on both appearance schemes. */
html.um-refined body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-tick {
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  background:#6255be !important;
}
html.um-refined body #step-4 #s4Stack > div > div[style*="color:#fff"]:not(button) {
  color:var(--flow-ink) !important;
  -webkit-text-fill-color:var(--flow-ink) !important;
}
/* Fixed nav uses its own background, never a different hue than the screens. */
html.um-app-mode.um-refined body .um-build-bottom-nav{
  background:var(--rx-surface,var(--card)) !important;
  background-image:none !important;border-color:var(--rx-border,var(--border2)) !important;
  box-shadow:0 6px 20px rgba(0,0,0,.12) !important;
}

/* Native app collection detail is a focused screen; optional disclosures
   belong to overview and should not follow the user into an open collection. */
.um-app-mode.s3-app-detail-mode #step-3 > .um-workspace-disclosure {
  display:none !important;
}
.um-app-mode.s3-app-detail-mode #step-3 > #s3AppBackBtn:not([hidden]) {
  display:inline-flex !important;align-items:center;min-height:42px;
  border:1px solid var(--flow-border,var(--border2)) !important;
  background:var(--flow-panel,var(--card)) !important;
  color:var(--flow-ink,var(--text)) !important;border-radius:11px !important;
}