/* ============================================================
   ULTRA MAX V2 — SETUP / BUILDER VISUAL LAYER
   Loaded after setup.css + cosmic-theme.css.
   ============================================================ */

html.um-app-mode {
  --um2-card:rgba(17,10,44,.88);
  --um2-card2:rgba(10,9,30,.91);
  --um2-purple:#9838ff;
  --um2-pink:#ff2ba8;
  --um2-cyan:#27dfff;
  --um2-green:#27e8b4;
  --um2-line:rgba(183,62,255,.62);
}

html.um-app-mode,
html.um-app-mode body {
  background-color:#05020f !important;
}

html.um-app-mode body {
  padding-bottom:calc(108px + env(safe-area-inset-bottom)) !important;
  background:
    radial-gradient(ellipse 80% 28% at 5% 10%,rgba(126,36,255,.28),transparent 72%),
    radial-gradient(ellipse 76% 27% at 98% 18%,rgba(232,41,255,.20),transparent 72%),
    radial-gradient(ellipse 70% 25% at 50% 98%,rgba(51,168,225,.09),transparent 72%),
    linear-gradient(180deg,#080218,#05020f 48%,#05020f) !important;
  background-attachment:fixed !important;
}

/* star field */
html.um-app-mode body::before {
  opacity:.82 !important;
  background-image:
    radial-gradient(circle at 8% 8%,rgba(255,255,255,.88) 0 1px,transparent 1.6px),
    radial-gradient(circle at 20% 31%,rgba(200,155,255,.70) 0 1px,transparent 1.7px),
    radial-gradient(circle at 37% 11%,rgba(255,255,255,.72) 0 1px,transparent 1.6px),
    radial-gradient(circle at 56% 42%,rgba(180,135,255,.63) 0 1px,transparent 1.7px),
    radial-gradient(circle at 74% 8%,rgba(255,255,255,.72) 0 1px,transparent 1.6px),
    radial-gradient(circle at 91% 28%,rgba(242,169,255,.70) 0 1px,transparent 1.7px) !important;
  background-size:157px 157px,221px 221px,189px 189px,257px 257px,283px 283px,331px 331px !important;
}

/* planetary / neon horizon shapes */
html.um-app-mode body::after {
  opacity:1 !important;
  background:
    radial-gradient(circle at -7% 19%,
      transparent 0 20.5%,
      rgba(90,31,192,.43) 20.9%,
      rgba(204,51,255,.84) 21.35%,
      rgba(118,57,255,.28) 21.8%,
      transparent 23%),
    radial-gradient(circle at 105% 30%,
      transparent 0 20.5%,
      rgba(99,31,195,.40) 20.9%,
      rgba(228,49,255,.82) 21.35%,
      rgba(116,57,255,.27) 21.8%,
      transparent 23%),
    radial-gradient(ellipse 62% 18% at 47% 95%,
      transparent 0 68%,
      rgba(227,45,255,.48) 69%,
      transparent 72%) !important;
  filter:drop-shadow(0 0 18px rgba(165,45,255,.22));
}

/* Main shell */
html.um-app-mode .um-app,
html.um-app-mode .um-main,
html.um-app-mode .wizard-step {
  position:relative;
  z-index:1;
  background:transparent !important;
}

html.um-app-mode .um-main {
  padding-bottom:calc(106px + env(safe-area-inset-bottom)) !important;
}

/* Header: strong typography, less giant empty chrome */
html.um-app-mode .um-step-header {
  margin:8px 10px 14px !important;
  padding:20px 18px 17px !important;
  border:1px solid rgba(182,72,255,.42) !important;
  border-radius:21px !important;
  background:
    radial-gradient(circle at 88% -5%,rgba(237,47,255,.14),transparent 36%),
    linear-gradient(145deg,rgba(25,14,57,.86),rgba(8,9,27,.82)) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.33),
    0 0 26px rgba(137,43,255,.10),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html.um-app-mode .um-step-eyebrow,
html.um-app-mode .um-section-label,
html.um-app-mode .step-label {
  color:#bd6cff !important;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

html.um-app-mode .um-step-header h1 {
  margin-top:4px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:clamp(26px,7vw,38px) !important;
  line-height:1.03 !important;
  letter-spacing:-.035em !important;
}

html.um-app-mode .um-step-header p,
html.um-app-mode .um-step-subtitle {
  color:#aaa3c2 !important;
  line-height:1.48;
}

/* Core setup cards */
html.um-app-mode .um-card,
html.um-app-mode .um-mode-card,
html.um-app-mode .mobile-setup-card,
html.um-app-mode .step1-option-group,
html.um-app-mode .category,
html.um-app-mode .guided-card,
html.um-app-mode .guided-page-card,
html.um-app-mode .s2-preset,
html.um-app-mode .s2-family-card,
html.um-app-mode .s2-selection-card,
html.um-app-mode .collection-card,
html.um-app-mode .s3-preset-card,
html.um-app-mode .final-summary-card,
html.um-app-mode .result-section,
html.um-app-mode .info-box {
  border:1px solid rgba(181,65,255,.50) !important;
  border-radius:19px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.026),transparent 31%),
    radial-gradient(circle at 0% 0%,rgba(125,45,255,.10),transparent 35%),
    radial-gradient(circle at 100% 100%,rgba(30,212,224,.045),transparent 34%),
    linear-gradient(145deg,rgba(19,11,47,.91),rgba(8,9,28,.89)) !important;
  box-shadow:
    0 16px 42px rgba(0,0,0,.31),
    0 0 22px rgba(129,43,255,.08),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:blur(15px) saturate(118%);
  -webkit-backdrop-filter:blur(15px) saturate(118%);
}

html.um-app-mode .mobile-setup-card,
html.um-app-mode .step1-option-group {
  margin-bottom:12px !important;
}

html.um-app-mode .mobile-setup-card.is-open,
html.um-app-mode .step1-option-group[open],
html.um-app-mode .category[open] {
  border-color:rgba(218,80,255,.76) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.34),
    0 0 30px rgba(153,47,255,.15),
    inset 3px 0 0 rgba(46,213,255,.64),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Keep summaries compact and app-like */
html.um-app-mode details > summary,
html.um-app-mode .mobile-setup-summary,
html.um-app-mode .step1-option-summary,
html.um-app-mode .category-summary {
  min-height:72px !important;
  padding:14px 15px !important;
}

html.um-app-mode details > summary strong,
html.um-app-mode .mobile-setup-title,
html.um-app-mode .step1-option-title {
  color:#fff !important;
  font-size:16px !important;
  line-height:1.15 !important;
}

html.um-app-mode details > summary small,
html.um-app-mode .mobile-setup-subtitle,
html.um-app-mode .step1-option-subtitle {
  color:#aaa3c2 !important;
  font-size:11.5px !important;
  line-height:1.38 !important;
}

/* Step 2 presets / families */
html.um-app-mode .s2-preset,
html.um-app-mode .s2-family-card,
html.um-app-mode .s2-selection-card {
  padding:15px !important;
}

html.um-app-mode .s2-preset.is-selected,
html.um-app-mode .s2-family-card.is-selected,
html.um-app-mode .s2-selection-card.is-selected {
  border-color:rgba(223,86,255,.74) !important;
  background:
    radial-gradient(circle at 0 0,rgba(145,54,255,.20),transparent 42%),
    linear-gradient(145deg,rgba(35,16,71,.94),rgba(10,10,32,.91)) !important;
}

/* Collection cards: closer to actual app rows */
html.um-app-mode .collection-card {
  overflow:hidden;
  min-height:92px;
  padding:13px !important;
}

html.um-app-mode .collection-card img {
  border-radius:13px !important;
  box-shadow:0 10px 25px rgba(0,0,0,.32);
}

html.um-app-mode .collection-card h3,
html.um-app-mode .collection-card .title {
  color:#fff !important;
}

/* pills / chips */
html.um-app-mode .pill {
  min-height:36px;
  padding:8px 12px !important;
  border:1px solid rgba(160,99,235,.28) !important;
  border-radius:999px !important;
  background:rgba(12,10,32,.77) !important;
  color:#bcb5d6 !important;
}

html.um-app-mode .pill.selected {
  color:#fff !important;
  border-color:rgba(220,125,255,.68) !important;
  background:linear-gradient(118deg,#6758e9,#aa42df 58%,#db459f) !important;
  box-shadow:0 7px 18px rgba(107,50,205,.22) !important;
}

/* forms */
html.um-app-mode input[type="text"],
html.um-app-mode input[type="password"],
html.um-app-mode input[type="email"],
html.um-app-mode input[type="number"],
html.um-app-mode select,
html.um-app-mode textarea,
html.um-app-mode .search-box {
  min-height:44px;
  color:#fbf7ff !important;
  border:1px solid rgba(171,99,247,.34) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(6,7,23,.91),rgba(14,9,35,.83)) !important;
}

html.um-app-mode input:focus,
html.um-app-mode select:focus,
html.um-app-mode textarea:focus,
html.um-app-mode .search-box:focus {
  border-color:rgba(218,108,255,.74) !important;
  box-shadow:0 0 0 3px rgba(149,58,255,.12),0 0 22px rgba(145,42,255,.08) !important;
}

/* buttons */
html.um-app-mode .nav-btn,
html.um-app-mode .next-btn,
html.um-app-mode .global-btn,
html.um-app-mode .verify-btn,
html.um-app-mode .rbtn,
html.um-app-mode #genBtn,
html.um-app-mode .guided-next,
html.um-app-mode button {
  border-radius:12px !important;
}

html.um-app-mode .nav-btn.primary,
html.um-app-mode .next-btn,
html.um-app-mode #genBtn,
html.um-app-mode .guided-next {
  color:#fff !important;
  border:1px solid rgba(232,135,255,.50) !important;
  background:linear-gradient(112deg,#6b57ed 0%,#a43fed 47%,#f42f9d 100%) !important;
  box-shadow:
    0 11px 30px rgba(99,46,212,.30),
    0 0 22px rgba(240,48,191,.09),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Finalise screen */
html.um-app-mode .final-summary-card {
  padding:17px !important;
}

html.um-app-mode .final-summary-card .summary-stat,
html.um-app-mode .final-summary-card .stat,
html.um-app-mode .summary-stat {
  border:1px solid rgba(133,95,225,.42) !important;
  border-radius:13px !important;
  background:rgba(20,18,54,.58) !important;
}

html.um-app-mode #genBtn {
  min-height:62px !important;
  font-size:17px !important;
  letter-spacing:.02em;
  box-shadow:
    0 13px 34px rgba(69,181,255,.21),
    0 0 27px rgba(237,51,255,.20),
    inset 0 1px 0 rgba(255,255,255,.23) !important;
}

/* Success/info callouts */
html.um-app-mode .success,
html.um-app-mode .success-box,
html.um-app-mode .no-reinstall-card {
  border-color:rgba(45,232,179,.50) !important;
  background:
    radial-gradient(circle at 0% 50%,rgba(39,232,180,.12),transparent 35%),
    linear-gradient(145deg,rgba(10,42,43,.72),rgba(10,14,37,.89)) !important;
}

/* Bottom navigation */
html.um-app-mode .um-build-bottom-nav {
  left:14px !important;
  right:14px !important;
  bottom:calc(9px + env(safe-area-inset-bottom)) !important;
  width:auto !important;
  max-width:620px !important;
  min-height:82px !important;
  margin:0 auto !important;
  padding:7px !important;
  border:1px solid rgba(181,68,255,.62) !important;
  border-radius:25px !important;
  background:
    radial-gradient(circle at 50% 110%,rgba(139,41,255,.16),transparent 45%),
    linear-gradient(180deg,rgba(21,12,52,.96),rgba(7,8,27,.97)) !important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.52),
    0 0 27px rgba(139,45,255,.20),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:blur(20px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(125%) !important;
}

html.um-app-mode .um-build-bottom-nav a {
  min-height:64px !important;
  border-radius:18px !important;
  color:#aaa4cb !important;
}

html.um-app-mode .um-build-bottom-nav a.active {
  color:#dd8aff !important;
  border-color:rgba(174,80,255,.18) !important;
  background:
    radial-gradient(circle at 50% 15%,rgba(198,70,255,.22),transparent 52%),
    linear-gradient(180deg,rgba(113,31,215,.36),rgba(68,25,140,.30)) !important;
  box-shadow:0 0 24px rgba(154,45,255,.20),inset 0 1px 0 rgba(255,255,255,.055) !important;
}

html.um-app-mode .counter-bar {
  bottom:calc(101px + env(safe-area-inset-bottom)) !important;
  border-top:1px solid rgba(165,92,245,.22) !important;
  background:rgba(8,7,24,.92) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

/* Native app uses the active Build tab as the top/bottom jump control.
   Keep the legacy floating arrows available only on the regular web builder. */
html.um-app-mode #umBackToTop,
html.um-app-mode #umGoToBottom,
html.um-app-mode #umScrollHelper {
  display:none !important;
}

/* Mobile density */
@media (max-width:720px) {
  html.um-app-mode .um-step-header {
    margin:7px 8px 12px !important;
    padding:18px 15px 15px !important;
  }

  html.um-app-mode .um-card,
  html.um-app-mode .mobile-setup-card,
  html.um-app-mode .step1-option-group,
  html.um-app-mode .category,
  html.um-app-mode .collection-card,
  html.um-app-mode .result-section {
    border-radius:17px !important;
  }

  html.um-app-mode .mobile-setup-card,
  html.um-app-mode .step1-option-group,
  html.um-app-mode .category {
    margin-left:7px !important;
    margin-right:7px !important;
  }
}

/* Steps 1-3 each have their own final CTA above the fixed app nav.
   Older layout layers reserved bottom clearance at body + main + step level,
   stacking into a large scrollable empty area. Keep one clearance zone only. */
@media (max-width:899px) {
  html.um-app-mode body:has(#step-1.active),
  html.um-app-mode body:has(#step-2.active),
  html.um-app-mode body:has(#step-3.active) {
    padding-bottom:0 !important;
  }

  html.um-app-mode .um-main:has(#step-1.active),
  html.um-app-mode .um-main:has(#step-2.active),
  html.um-app-mode .um-main:has(#step-3.active) {
    padding-bottom:0 !important;
  }

  html.um-app-mode #step-1.active,
  html.um-app-mode #step-2.active,
  html.um-app-mode #step-3.active {
    min-height:0 !important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important;
  }

  html.um-app-mode #step-1.active #advancedBuilderContainer {
    padding-bottom:0 !important;
  }
}

@media (max-width:390px) {
  html.um-app-mode .um-build-bottom-nav {
    left:8px !important;
    right:8px !important;
    bottom:calc(6px + env(safe-area-inset-bottom)) !important;
    min-height:78px !important;
    border-radius:22px !important;
  }

  html.um-app-mode .um-build-bottom-nav a {
    min-height:59px !important;
    font-size:10px !important;
  }
}

/* Mobile density pass — keep expanded builder sections useful instead of
   nesting padding inside padding until the content resembles a postage stamp. */
@media (max-width:720px) {
  html.um-app-mode .wizard-step {
    padding-left:6px !important;
    padding-right:6px !important;
  }

  html.um-app-mode .mobile-setup-card,
  html.um-app-mode .step1-option-group,
  html.um-app-mode .category {
    margin-left:2px !important;
    margin-right:2px !important;
  }

  html.um-app-mode .step1-option-group-body {
    padding:10px 7px 12px !important;
  }

  html.um-app-mode .step1-rule-section-body {
    padding:9px 7px 10px !important;
  }

  html.um-app-mode #step-1 .opt-subsection {
    margin-left:2px !important;
    margin-right:2px !important;
  }

  html.um-app-mode #step-1 .opt-subsection > *:not(summary) {
    padding-left:9px !important;
    padding-right:9px !important;
  }

  html.um-app-mode #step-1 #streamsSectionBody {
    padding-left:4px !important;
    padding-right:4px !important;
  }

  html.um-app-mode .step1-option-group > summary,
  html.um-app-mode .mobile-setup-card > summary,
  html.um-app-mode .category > summary {
    min-height:62px !important;
    padding-top:11px !important;
    padding-bottom:11px !important;
  }

  html.um-app-mode .pretty-stream-card {
    margin:8px 0 !important;
    padding:10px !important;
  }

  html.um-app-mode .pretty-stream-actions {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
    margin-top:8px !important;
  }

  html.um-app-mode .pretty-stream-btn {
    width:100% !important;
    min-height:34px !important;
    padding:6px 8px !important;
    font-size:11px !important;
    line-height:1.2 !important;
  }

  html.um-app-mode .pretty-stream-rename {
    margin-top:8px !important;
  }

  html.um-app-mode .pretty-stream-url {
    margin-top:5px !important;
  }
}

/* Account email verification shown after the first Generate. */
.account-email-verify-modal[hidden] { display:none !important; }
.account-email-verify-modal {
  position:fixed;
  inset:0;
  z-index:100100;
  display:grid;
  place-items:center;
  padding:max(18px,env(safe-area-inset-top)) 16px calc(118px + env(safe-area-inset-bottom));
  background:rgba(3,1,11,.80);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.account-email-verify-panel {
  position:relative;
  width:min(100%,520px);
  max-height:calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  overflow:auto;
  box-sizing:border-box;
  padding:26px 22px;
  border:1px solid rgba(173,67,255,.68);
  border-radius:26px;
  color:#f7f2ff;
  background:radial-gradient(circle at 15% 0%,rgba(126,43,255,.22),transparent 34%),linear-gradient(150deg,rgba(22,13,53,.98),rgba(8,9,28,.98));
  box-shadow:0 24px 80px rgba(0,0,0,.62),0 0 36px rgba(121,42,255,.18);
}
.account-email-verify-close {
  position:absolute;top:14px;right:16px;width:38px;height:38px;
  border:1px solid rgba(187,151,255,.25);border-radius:14px;
  color:#d9cef7;background:rgba(255,255,255,.05);font-size:24px;line-height:1;
}
.account-email-verify-kicker { margin:0 46px 7px 0;color:#c26bff;font-size:10px;font-weight:800;letter-spacing:.18em; }
.account-email-verify-panel h2 { margin:0 42px 8px 0;font-size:28px;line-height:1.05; }
.account-email-verify-copy,.account-email-verify-foot { color:#aaa4ca;font-size:12px;line-height:1.55; }
.account-email-verify-copy { margin:0 0 18px; }
.account-email-verify-foot { margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:10.5px; }
.account-email-verify-fields { display:grid;gap:10px; }
.account-email-verify-fields input {
  width:100%;box-sizing:border-box;padding:14px 15px;border:1px solid rgba(168,95,255,.38);
  border-radius:15px;outline:none;color:#fff;background:rgba(3,5,18,.72);
  font:inherit;font-size:18px;letter-spacing:.12em;text-align:center;
}
.account-email-verify-fields input:focus { border-color:rgba(119,177,255,.85);box-shadow:0 0 0 3px rgba(96,165,250,.12); }
.account-email-verify-status { min-height:18px;color:#aaa4ca;font-size:12px;text-align:center; }
.account-email-verify-status[data-kind="error"] { color:#ff8fa3; }
.account-email-verify-status[data-kind="success"] { color:#55e6b6; }
body.um-account-email-verify-open { overflow:hidden; }

/* UltraMAX Next · Home Designer */
html.um-app-mode .s2-home-designer-item,
html.um-app-mode .s2-home-collection-item {
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(173,91,255,.24);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}

html.um-app-mode .s2-home-designer-item + .s2-home-designer-item,
html.um-app-mode .s2-home-collection-item + .s2-home-collection-item {
  margin-top:8px;
}

html.um-app-mode .s2-home-drag,
html.um-app-mode .s2-home-collection-drag {
  color:#7f7595;
  font-size:16px;
  line-height:1;
  cursor:grab;
  touch-action:none;
}

html.um-app-mode .s2-reorder-label,
html.um-app-mode .s2-home-collection-name {
  min-width:0;
  overflow:hidden;
  color:#f7f2ff;
  font-size:12px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html.um-app-mode .s2-home-state,
html.um-app-mode .s2-home-count {
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  font-size:9px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
}

html.um-app-mode .s2-home-state.is-home { color:#5ee9c0;background:rgba(46,211,156,.08);border-color:rgba(46,211,156,.24); }
html.um-app-mode .s2-home-state.is-discover { color:#a89fba;background:rgba(255,255,255,.035); }
html.um-app-mode .s2-home-state.is-collection { color:#c7a7ff;background:rgba(142,78,255,.09);border-color:rgba(164,103,255,.25); }
html.um-app-mode .s2-home-count { color:#a89fba;background:rgba(255,255,255,.025); }

html.um-app-mode .s2-home-visibility,
html.um-app-mode .s2-home-pin {
  min-height:32px;
  padding:0 11px;
  border:1px solid rgba(174,116,255,.28);
  border-radius:999px;
  color:#d8c8fb;
  background:rgba(128,73,226,.08);
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

html.um-app-mode .s2-home-pin.is-pinned {
  color:#68ebc6;
  border-color:rgba(52,211,153,.35);
  background:rgba(52,211,153,.08);
}

html.um-app-mode .s2-home-collections-section {
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}

html.um-app-mode .s2-home-designer-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

html.um-app-mode .s2-home-designer-heading strong,
html.um-app-mode .s2-home-designer-heading small { display:block; }
html.um-app-mode .s2-home-designer-heading strong { color:#f8f4ff;font-size:12px; }
html.um-app-mode .s2-home-designer-heading small { margin-top:3px;color:#89819b;font-size:10px;line-height:1.45; }
html.um-app-mode .s2-home-empty { padding:14px;border:1px dashed rgba(161,112,255,.22);border-radius:12px;color:#817995;font-size:10px;text-align:center; }

@media (max-width: 680px) {
  html.um-app-mode .s2-home-designer-item,
  html.um-app-mode .s2-home-collection-item {
    grid-template-columns:26px minmax(0,1fr) auto;
  }

  html.um-app-mode .s2-home-state {
    grid-column:2;
    justify-self:start;
  }

  html.um-app-mode .s2-home-visibility,
  html.um-app-mode .s2-home-pin {
    grid-column:3;
    grid-row:1 / span 2;
    min-height:40px;
  }
}

/* UltraMAX Next · Unified Row Settings */
html.um-app-mode .catalog-override-sheet {
  width:min(620px,96vw) !important;
  max-height:min(820px,calc(100dvh - 36px));
  overflow:auto;
  border-color:rgba(172,87,255,.42) !important;
  border-radius:22px !important;
  background:linear-gradient(155deg,rgba(20,12,48,.98),rgba(8,8,25,.99)) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 38px rgba(120,47,255,.12) !important;
}

html.um-app-mode .row-settings-layout {
  display:grid;
  gap:12px;
}

html.um-app-mode .row-settings-section {
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(178,111,255,.18);
  border-radius:16px;
  background:rgba(255,255,255,.026);
}

html.um-app-mode .row-settings-section-head strong,
html.um-app-mode .row-settings-section-head small {
  display:block;
}

html.um-app-mode .row-settings-section-head strong {
  color:#f8f4ff;
  font-size:12px;
  font-weight:850;
}

html.um-app-mode .row-settings-section-head small {
  margin-top:3px;
  color:#8f87a3;
  font-size:10px;
  line-height:1.45;
}

html.um-app-mode .row-settings-field {
  display:grid;
  gap:6px;
  color:#aaa2bc;
  font-size:11px;
}

html.um-app-mode .row-settings-field select,
html.um-app-mode .row-settings-field input[type=number] {
  width:100%;
  box-sizing:border-box;
  padding:11px 12px;
  border:1px solid rgba(172,111,255,.24);
  border-radius:11px;
  outline:none;
  color:#f8f4ff;
  background:rgba(4,5,17,.72);
  font:inherit;
  font-size:12px;
}

html.um-app-mode .row-settings-field select:focus,
html.um-app-mode .row-settings-field input[type=number]:focus {
  border-color:rgba(136,91,255,.72);
  box-shadow:0 0 0 3px rgba(122,73,255,.10);
}

html.um-app-mode .row-settings-field input[type=range] {
  width:100%;
  accent-color:#9b48ff;
}

html.um-app-mode .row-settings-pair {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

html.um-app-mode .row-settings-toggles {
  display:grid;
  gap:8px;
}

html.um-app-mode .row-settings-toggle {
  display:flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  color:#c4bdd1;
  background:rgba(255,255,255,.022);
  font-size:11px;
  cursor:pointer;
}

html.um-app-mode .row-settings-toggle input {
  width:17px;
  height:17px;
  flex:0 0 auto;
  accent-color:#8f43ff;
}

html.um-app-mode .row-settings-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  position:sticky;
  bottom:-18px;
  padding:12px 0 2px;
  background:linear-gradient(to bottom,transparent 0,rgba(8,8,25,.98) 28%);
}

html.um-app-mode .row-settings-reset,
html.um-app-mode .row-settings-save {
  min-height:44px;
  border-radius:12px;
  font:inherit;
  font-size:11px;
  font-weight:850;
}

html.um-app-mode .row-settings-reset {
  border:1px solid rgba(248,113,113,.24);
  color:#fca5a5;
  background:rgba(248,113,113,.05);
}

html.um-app-mode .row-settings-save {
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#8b3dff,#3267ff);
  box-shadow:0 8px 24px rgba(111,63,255,.22);
}

@media (max-width: 560px) {
  html.um-app-mode .catalog-override-sheet {
    width:100% !important;
    max-height:calc(100dvh - 18px);
    padding:14px !important;
    border-radius:20px 20px 0 0 !important;
    align-self:end;
  }

  html.um-app-mode .row-settings-pair {
    grid-template-columns:1fr;
  }

  html.um-app-mode .row-settings-actions {
    bottom:-14px;
  }
}

/* UltraMAX Next · Artwork Studio */
html.um-app-mode .s2-artwork-summary {
  display:grid;
  gap:10px;
  margin:12px 0;
}

html.um-app-mode .s2-artwork-provider-list,
html.um-app-mode .s2-artwork-stats {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

html.um-app-mode .s2-artwork-chip,
html.um-app-mode .s2-artwork-stats span {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border:1px solid rgba(170,103,255,.22);
  border-radius:999px;
  color:#bdb1d7;
  background:rgba(255,255,255,.03);
  font-size:9px;
  font-weight:800;
}

html.um-app-mode .s2-artwork-stats span strong {
  margin-right:4px;
  color:#fff;
  font-size:11px;
}

html.um-app-mode .s2-artwork-rows {
  display:grid;
  gap:8px;
}

html.um-app-mode .s2-artwork-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:58px;
  padding:10px 12px;
  border:1px solid rgba(169,100,255,.18);
  border-radius:13px;
  color:inherit;
  text-align:left;
  background:rgba(255,255,255,.028);
  font:inherit;
}

html.um-app-mode .s2-artwork-row:active,
html.um-app-mode .s2-artwork-row:focus-visible {
  border-color:rgba(157,96,255,.55);
  background:rgba(121,70,220,.08);
}

html.um-app-mode .s2-artwork-row-copy strong,
html.um-app-mode .s2-artwork-row-copy small {
  display:block;
}

html.um-app-mode .s2-artwork-row-copy strong {
  color:#f8f4ff;
  font-size:11px;
  font-weight:850;
}

html.um-app-mode .s2-artwork-row-copy small {
  margin-top:4px;
  color:#8e86a1;
  font-size:9.5px;
  line-height:1.4;
}

html.um-app-mode .s2-artwork-row-action {
  color:#cdb8ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

html.um-app-mode .s2-artwork-empty {
  padding:14px;
  border:1px dashed rgba(161,112,255,.22);
  border-radius:12px;
  color:#817995;
  font-size:10px;
  line-height:1.5;
  text-align:center;
}

/* UltraMAX Next · Profile History */
html.um-app-mode .s2-history-status {
  min-height:18px;
  margin:10px 0;
  color:#8f87a3;
  font-size:10px;
  line-height:1.45;
}

html.um-app-mode .s2-history-status[data-kind="error"] { color:#ff8fa3; }
html.um-app-mode .s2-history-status[data-kind="success"] { color:#67e8c4; }

html.um-app-mode .s2-history-list {
  display:grid;
  gap:8px;
}

html.um-app-mode .s2-history-item {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid rgba(171,104,255,.18);
  border-radius:13px;
  background:rgba(255,255,255,.028);
}

html.um-app-mode .s2-history-copy strong,
html.um-app-mode .s2-history-copy span,
html.um-app-mode .s2-history-copy small {
  display:block;
}

html.um-app-mode .s2-history-copy strong {
  color:#f8f4ff;
  font-size:11px;
  font-weight:850;
}

html.um-app-mode .s2-history-date {
  margin-top:3px;
  color:#b3a7c9;
  font-size:9.5px;
}

html.um-app-mode .s2-history-copy small {
  margin-top:4px;
  color:#7f778f;
  font-size:9px;
  line-height:1.4;
}

html.um-app-mode .s2-history-restore {
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(115,224,191,.26);
  border-radius:999px;
  color:#71e7c4;
  background:rgba(52,211,153,.07);
  font:inherit;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

html.um-app-mode .s2-history-empty {
  padding:14px;
  border:1px dashed rgba(161,112,255,.22);
  border-radius:12px;
  color:#817995;
  font-size:10px;
  line-height:1.5;
  text-align:center;
}

@media (max-width:560px) {
  html.um-app-mode .s2-history-item {
    grid-template-columns:minmax(0,1fr) 78px;
  }
  html.um-app-mode .s2-history-restore {
    min-height:42px;
  }
}

/* UltraMAX Next · Transfer & Share */
html.um-app-mode .s2-transfer-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}

html.um-app-mode .s2-transfer-card {
  display:grid;
  gap:5px;
  min-height:116px;
  padding:13px;
  border:1px solid rgba(167,98,255,.20);
  border-radius:14px;
  color:inherit;
  text-align:left;
  background:rgba(255,255,255,.03);
  font:inherit;
}

html.um-app-mode .s2-transfer-card:active,
html.um-app-mode .s2-transfer-card:focus-visible {
  border-color:rgba(153,95,255,.58);
  background:rgba(120,68,220,.08);
}

html.um-app-mode .s2-transfer-card strong {
  color:#f8f4ff;
  font-size:11px;
  font-weight:900;
}

html.um-app-mode .s2-transfer-card small {
  color:#8e86a1;
  font-size:9.5px;
  line-height:1.45;
}

html.um-app-mode .s2-transfer-card > span {
  align-self:end;
  color:#cdb8ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

html.um-app-mode .s2-transfer-card.is-private {
  border-color:rgba(255,184,77,.20);
  background:rgba(255,184,77,.035);
}

html.um-app-mode .s2-transfer-card.is-private > span { color:#f0bf72; }

@media (max-width:620px) {
  html.um-app-mode .s2-transfer-grid {
    grid-template-columns:1fr;
  }
  html.um-app-mode .s2-transfer-card {
    min-height:98px;
  }
}

/* UltraMAX Next · Profile workspace */
html.um-app-mode .um-nav-divider {
  height:1px;
  margin:10px 12px;
  background:rgba(255,255,255,.07);
}

html.um-app-mode .um-nav-profile .um-nav-num {
  border-color:rgba(117,230,197,.24);
  color:#7ce6c6;
  background:rgba(52,211,153,.05);
}

html.um-app-mode .profile-workspace-header {
  margin-bottom:20px;
}

html.um-app-mode .profile-workspace-overview {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  padding:16px 18px;
  border:1px solid rgba(149,92,255,.22);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(95,53,190,.035));
}

html.um-app-mode .profile-workspace-overview > div {
  min-width:0;
}

html.um-app-mode .profile-workspace-kicker,
html.um-app-mode .profile-workspace-overview strong,
html.um-app-mode .profile-workspace-overview small {
  display:block;
}

html.um-app-mode .profile-workspace-kicker {
  color:#9a8eb8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}

html.um-app-mode .profile-workspace-overview strong {
  margin-top:4px;
  color:#fff;
  font-size:18px;
}

html.um-app-mode .profile-workspace-overview small {
  margin-top:4px;
  color:#8d849e;
  font-size:10px;
  line-height:1.45;
}

html.um-app-mode .profile-workspace-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

html.um-app-mode .profile-workspace-panel {
  align-self:start;
}

html.um-app-mode .profile-workspace-danger {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  padding:15px 16px;
  border:1px solid rgba(255,81,110,.23);
  border-radius:15px;
  background:rgba(255,61,90,.045);
}

html.um-app-mode .profile-workspace-danger[hidden] {
  display:none !important;
}

html.um-app-mode .profile-workspace-danger strong,
html.um-app-mode .profile-workspace-danger small {
  display:block;
}

html.um-app-mode .profile-workspace-danger strong {
  color:#ffb0c0;
  font-size:12px;
}

html.um-app-mode .profile-workspace-danger small {
  max-width:720px;
  margin-top:5px;
  color:#9f8790;
  font-size:9.5px;
  line-height:1.45;
}

html.um-app-mode #profileWorkspaceDeleteButton {
  flex:0 0 auto;
  min-height:40px;
  padding:0 14px;
  border:1px solid rgba(255,91,118,.38);
  border-radius:999px;
  color:#ffc1cf;
  background:rgba(255,61,90,.08);
  font:inherit;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
}

@media (max-width:760px) {
  html.um-app-mode .profile-workspace-grid {
    grid-template-columns:1fr;
  }
  html.um-app-mode .profile-workspace-overview,
  html.um-app-mode .profile-workspace-danger {
    align-items:stretch;
    flex-direction:column;
  }
  html.um-app-mode #profileWorkspaceDeleteButton {
    width:100%;
  }
}

/* UltraMAX Next · Unified Catalog Manager */
html.um-app-mode .s2-catalog-manager-stage {
  border-color:rgba(123,47,255,.28);
  background:linear-gradient(145deg,rgba(123,47,255,.055),rgba(255,255,255,.025));
}

html.um-app-mode .s2-catalog-manager-head {
  align-items:flex-start;
}

html.um-app-mode .s2-catalog-manager-counts {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}

html.um-app-mode .s2-catalog-manager-counts span {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(166,106,255,.24);
  border-radius:999px;
  color:#cdbdff;
  background:rgba(255,255,255,.035);
  font-size:9px;
  font-weight:850;
}

html.um-app-mode .s2-catalog-manager-shell {
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(155,93,255,.18);
  border-radius:18px;
  background:rgba(7,9,25,.35);
}

html.um-app-mode .s2-catalog-manager-toolbar {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,330px);
  align-items:end;
  gap:14px;
  margin-bottom:12px;
}

html.um-app-mode .s2-catalog-manager-toolbar strong,
html.um-app-mode .s2-catalog-manager-toolbar small {
  display:block;
}

html.um-app-mode .s2-catalog-manager-toolbar strong {
  color:#fff;
  font-size:14px;
}

html.um-app-mode .s2-catalog-manager-toolbar small {
  margin-top:4px;
  color:#8e86a1;
  font-size:9.5px;
  line-height:1.45;
}

html.um-app-mode .s2-catalog-manager-search {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 11px;
  border:1px solid rgba(165,104,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.03);
}

html.um-app-mode .s2-catalog-manager-search input {
  width:100%;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
  font:inherit;
  font-size:11px;
}

html.um-app-mode .s2-catalog-manager-row {
  grid-template-columns:24px minmax(0,1fr) auto minmax(0,auto);
  gap:10px;
}

html.um-app-mode .s2-manager-row-copy {
  min-width:0;
}

html.um-app-mode .s2-manager-row-copy strong,
html.um-app-mode .s2-manager-row-copy small {
  display:block;
}

html.um-app-mode .s2-manager-row-copy strong {
  overflow:hidden;
  color:#f8f4ff;
  font-size:11px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html.um-app-mode .s2-manager-row-copy small {
  margin-top:3px;
  color:#756d86;
  font-size:8.5px;
}

html.um-app-mode .s2-manager-row-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}

html.um-app-mode .s2-manager-action {
  min-height:34px;
  padding:0 9px;
  border:1px solid rgba(162,105,255,.24);
  border-radius:10px;
  color:#cdb8ff;
  background:rgba(255,255,255,.025);
  font:inherit;
  font-size:8.5px;
  font-weight:850;
  cursor:pointer;
}

html.um-app-mode .s2-manager-action.is-danger {
  border-color:rgba(255,84,115,.22);
  color:#ff9fb3;
}

html.um-app-mode .s2-home-drag.is-static {
  cursor:default;
  opacity:.35;
}

html.um-app-mode .s2-discover-bucket {
  margin-top:12px;
  border:1px solid rgba(112,124,176,.16);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}

html.um-app-mode .s2-discover-bucket > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 13px;
  cursor:pointer;
  list-style:none;
}

html.um-app-mode .s2-discover-bucket > summary::-webkit-details-marker { display:none; }

html.um-app-mode .s2-discover-bucket summary strong,
html.um-app-mode .s2-discover-bucket summary small {
  display:block;
}

html.um-app-mode .s2-discover-bucket summary strong {
  color:#c5bdd7;
  font-size:10px;
}

html.um-app-mode .s2-discover-bucket summary small {
  margin-top:3px;
  color:#756f83;
  font-size:8.5px;
}

html.um-app-mode .s2-discover-only-list {
  padding:0 12px 12px;
}

html.um-app-mode .s2-add-rows-stage {
  margin-top:16px;
}

@media (max-width:760px) {
  html.um-app-mode .s2-catalog-manager-toolbar {
    grid-template-columns:1fr;
  }
  html.um-app-mode .s2-catalog-manager-counts {
    justify-content:flex-start;
  }
  html.um-app-mode .s2-catalog-manager-row {
    grid-template-columns:22px minmax(0,1fr) auto;
  }
  html.um-app-mode .s2-manager-row-actions {
    grid-column:2 / -1;
    justify-content:flex-start;
  }
  html.um-app-mode .s2-manager-action {
    min-height:38px;
  }
}

/* UltraMAX Next · Compact Quick Start presets */
html.um-app-mode #step-2 .s2-quick-start-compact {
  padding-bottom:14px;
}

html.um-app-mode #step-2 #s2PresetsGrid.s2-presets-compact {
  display:block;
  margin-top:10px;
}

html.um-app-mode #step-2 .s2-preset-quick-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset {
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  min-height:92px;
  overflow:hidden;
  border-radius:14px;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset-strip {
  width:72px;
  height:100%;
  min-height:92px;
  border-radius:0;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset-body {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:10px 11px;
  text-align:left;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset-heading {
  gap:7px;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset-icon {
  width:28px;
  height:28px;
  min-width:28px;
  border-radius:9px;
  font-size:14px;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset-name {
  overflow:hidden;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset-desc {
  display:none;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset-meta {
  margin-top:8px;
  gap:6px;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset-tag,
html.um-app-mode #step-2 .s2-presets-compact .s2-preset-count {
  max-width:100%;
  padding:4px 7px;
  font-size:7.5px;
  line-height:1;
}

html.um-app-mode #step-2 .s2-presets-compact .s2-preset-tick {
  top:6px;
  right:6px;
  padding:4px 6px;
  font-size:7px;
}

@media (max-width:760px) {
  html.um-app-mode #step-2 .s2-preset-quick-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset {
    grid-template-columns:54px minmax(0,1fr);
    min-height:84px;
  }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-strip {
    width:54px;
    min-height:84px;
  }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-body {
    padding:8px;
  }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-icon {
    width:24px;
    height:24px;
    min-width:24px;
    font-size:12px;
  }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-meta {
    margin-top:6px;
  }
}


/* UltraMAX Next · Step 2 unified manager polish 20261005 */
html.um-app-mode #step-2 .s2-preset-mode { display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:10px 0 12px; }
html.um-app-mode #step-2 .s2-preset-mode-label { margin-right:3px;color:#8f86a2;font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
html.um-app-mode #step-2 .s2-preset-mode-option { display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(158,96,255,.18);border-radius:999px;color:#948ca6;background:rgba(255,255,255,.025);font-size:8.5px;font-weight:850;cursor:pointer; }
html.um-app-mode #step-2 .s2-preset-mode-option.is-selected { border-color:rgba(174,92,255,.48);color:#e2d3ff;background:rgba(129,56,255,.14); }
html.um-app-mode #step-2 .s2-preset-mode-option input { position:absolute;opacity:0;pointer-events:none; }
html.um-app-mode #step-2 .s2-home-manager-panel { padding:0;overflow:visible; }
html.um-app-mode #step-2 .s2-home-manager-panel > summary::-webkit-details-marker { display:none; }
html.um-app-mode #step-2 .s2-home-manager-summary { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;cursor:pointer;list-style:none;border-radius:14px; }
html.um-app-mode #step-2 .s2-home-manager-summary:hover { background:rgba(123,47,255,.055); }
html.um-app-mode #step-2 .s2-home-manager-summary-copy { min-width:0; }
html.um-app-mode #step-2 .s2-home-manager-summary-copy strong,html.um-app-mode #step-2 .s2-home-manager-summary-copy small { display:block; }
html.um-app-mode #step-2 .s2-home-manager-summary-copy strong { color:#fff;font-size:13px; }
html.um-app-mode #step-2 .s2-home-manager-summary-copy small { margin-top:4px;color:#857d97;font-size:9px;line-height:1.4; }
html.um-app-mode #step-2 .s2-home-manager-summary-meta { display:flex;align-items:center;gap:8px;flex:0 0 auto; }
html.um-app-mode #step-2 #s2HomeManagerSummaryCount { padding:7px 10px;border:1px solid rgba(164,98,255,.2);border-radius:999px;color:#d4c1ff;font-size:8.5px;font-weight:850;white-space:nowrap; }
html.um-app-mode #step-2 .s2-home-manager-summary-action { color:#b9a9d9;font-size:8.5px;font-weight:850;white-space:nowrap; }
html.um-app-mode #step-2 .s2-home-manager-summary-chevron { color:#b695ef;font-size:15px;transition:transform .18s ease; }
html.um-app-mode #step-2 .s2-home-manager-panel[open] .s2-home-manager-summary-chevron { transform:rotate(180deg); }
html.um-app-mode #step-2 .s2-home-manager-expanded { padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.05); }
html.um-app-mode #step-2 .s2-catalog-manager-toolbar { grid-template-columns:minmax(0,1fr) minmax(220px,330px); }
html.um-app-mode #step-2 .s2-catalog-manager-controls { grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055); }
html.um-app-mode #step-2 .s2-manager-filter-chips { display:flex;flex-wrap:wrap;gap:6px; }
html.um-app-mode #step-2 .s2-manager-filter { min-height:30px;padding:0 10px;border:1px solid rgba(153,96,255,.18);border-radius:999px;color:#938aa6;background:rgba(255,255,255,.02);font:inherit;font-size:8px;font-weight:850;cursor:pointer; }
html.um-app-mode #step-2 .s2-manager-filter.is-active { border-color:rgba(158,94,255,.48);color:#e5d9ff;background:rgba(123,47,255,.14); }
html.um-app-mode #step-2 .s2-manager-sort { display:flex;align-items:center;gap:7px;color:#847c96;font-size:8px;font-weight:800;text-transform:uppercase;white-space:nowrap; }
html.um-app-mode #step-2 .s2-manager-sort select { min-height:32px;padding:0 28px 0 10px;border:1px solid rgba(153,96,255,.2);border-radius:10px;outline:none;color:#d6c7f4;background:#101126;font:inherit;font-size:8.5px;font-weight:800; }

html.um-app-mode #step-2 .s2-catalog-manager-shell { overflow:visible; }
html.um-app-mode #step-2 .s2-catalog-manager-row { position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto 34px;align-items:center;gap:9px;min-height:58px;padding:8px 9px;border:1px solid rgba(162,99,255,.14);border-radius:12px;background:rgba(255,255,255,.022); }
html.um-app-mode #step-2 .s2-catalog-manager-row + .s2-catalog-manager-row { margin-top:6px; }
html.um-app-mode #step-2 .s2-manager-row-copy strong { font-size:10.5px; }
html.um-app-mode #step-2 .s2-manager-row-copy small { color:#786f8d;font-size:8px; }
html.um-app-mode #step-2 .s2-manager-menu { position:relative;z-index:2; }
html.um-app-mode #step-2 .s2-manager-menu > summary { display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(160,101,255,.18);border-radius:10px;color:#c7b3eb;background:rgba(255,255,255,.025);cursor:pointer;list-style:none;font-size:18px;line-height:1; }
html.um-app-mode #step-2 .s2-manager-menu > summary::-webkit-details-marker { display:none; }
html.um-app-mode #step-2 .s2-manager-menu[open] > summary { border-color:rgba(172,102,255,.48);background:rgba(123,47,255,.14); }
html.um-app-mode #step-2 .s2-manager-menu-popover { position:absolute;top:38px;right:0;z-index:20;display:flex;flex-direction:column;gap:5px;width:148px;padding:7px;border:1px solid rgba(162,99,255,.28);border-radius:12px;background:#111127;box-shadow:0 18px 40px rgba(0,0,0,.38); }
html.um-app-mode #step-2 .s2-manager-menu-popover .s2-manager-action { width:100%;justify-content:flex-start;text-align:left;min-height:34px;padding:0 10px; }
html.um-app-mode #step-2 .s2-add-rows-stage { padding:0;overflow:visible; }
html.um-app-mode #step-2 .s2-add-rows-stage > summary::-webkit-details-marker { display:none; }
html.um-app-mode #step-2 .s2-library-summary { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;cursor:pointer;list-style:none; }
html.um-app-mode #step-2 .s2-library-summary-copy { min-width:0; }
html.um-app-mode #step-2 .s2-library-summary-copy > span,html.um-app-mode #step-2 .s2-library-summary-copy > strong,html.um-app-mode #step-2 .s2-library-summary-copy > small { display:block; }
html.um-app-mode #step-2 .s2-library-summary-copy > strong { margin-top:4px;color:#fff;font-size:13px; }
html.um-app-mode #step-2 .s2-library-summary-copy > small { margin-top:4px;color:#857d97;font-size:9px;line-height:1.4; }
html.um-app-mode #step-2 .s2-library-summary-action { flex:0 0 auto;padding:7px 10px;border:1px solid rgba(164,98,255,.25);border-radius:10px;color:#d4c1ff;font-size:8.5px;font-weight:850; }
html.um-app-mode #step-2 .s2-library-body { padding:0 16px 16px;border-top:1px solid rgba(255,255,255,.05); }
html.um-app-mode #step-2 .s2-library-body .s2-search-card { margin:14px 0; }
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary { min-height:58px;padding:9px 11px;border-radius:0; }
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary { justify-content:flex-start; }
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary-copy,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary-copy { flex:1;min-width:0; }
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary-copy strong,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary-copy > strong { margin:0;color:#fff;font-size:11.5px;line-height:1.2; }
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary-copy small,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary-copy > small { margin-top:3px;color:rgba(255,255,255,.40);font-size:9.5px;line-height:1.35; }
html.um-app-mode #step-2 .s2-tools-body #s2HomeManagerSummaryCount { padding:5px 7px;font-size:8px; }
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-expanded { padding:10px;border-top:1px solid rgba(255,255,255,.05); }
html.um-app-mode #step-2 .s2-tools-body .s2-catalog-manager-counts-inline { margin:0 0 10px; }
html.um-app-mode #step-2 .s2-tools-body .s2-library-body { padding:0 10px 10px; }

@media (max-width:760px) {
  html.um-app-mode #step-2 .s2-preset-quick-grid { grid-template-columns:1fr !important;gap:8px !important; }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset { display:grid !important;grid-template-columns:112px minmax(0,1fr) !important;min-height:88px !important;border-radius:15px !important; }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-strip { width:112px !important;height:88px !important;min-height:88px !important; }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-body { min-height:88px !important;padding:10px 12px !important;justify-content:center !important; }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-heading { gap:9px !important; }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-icon { width:28px !important;height:28px !important;min-width:28px !important;flex-basis:28px !important;font-size:13px !important; }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-name { font-size:13px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;line-height:1.15 !important; }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-tag { display:none !important; }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-meta { margin-top:7px !important;justify-content:flex-start !important; }
  html.um-app-mode #step-2 .s2-presets-compact .s2-preset-count { padding:4px 7px !important;font-size:8.5px !important; }
  html.um-app-mode #step-2 .s2-preset-mode { align-items:stretch; }
  html.um-app-mode #step-2 .s2-preset-mode-label { width:100%; }
  html.um-app-mode #step-2 .s2-preset-mode-option { flex:1;justify-content:center; }
  html.um-app-mode #step-2 .s2-home-manager-summary { padding:13px 12px;align-items:flex-start; }
  html.um-app-mode #step-2 .s2-home-manager-summary-copy small { max-width:220px; }
  html.um-app-mode #step-2 .s2-home-manager-summary-action { display:none; }
  html.um-app-mode #step-2 .s2-home-manager-summary-meta { gap:6px;padding-top:1px; }
  html.um-app-mode #step-2 .s2-home-manager-expanded { padding:0 8px 8px; }
  html.um-app-mode #step-2 .s2-catalog-manager-toolbar { grid-template-columns:1fr;gap:8px !important;margin-bottom:8px !important; }
  html.um-app-mode #step-2 .s2-catalog-manager-toolbar > div:first-child small { display:none !important; }
  html.um-app-mode #step-2 .s2-catalog-manager-search { min-height:36px !important;padding:0 9px !important;border-radius:10px !important; }
  html.um-app-mode #step-2 .s2-catalog-manager-search input { font-size:10px !important; }
  html.um-app-mode #step-2 .s2-catalog-manager-controls { align-items:stretch;flex-direction:column;gap:7px !important;padding-top:7px !important; }
  html.um-app-mode #step-2 .s2-manager-filter-chips { flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;gap:5px !important; }
  html.um-app-mode #step-2 .s2-manager-filter { min-height:27px !important;padding:0 9px !important;font-size:7.7px !important; }
  html.um-app-mode #step-2 .s2-manager-filter-chips::-webkit-scrollbar { display:none; }
  html.um-app-mode #step-2 .s2-manager-filter { flex:0 0 auto; }
  html.um-app-mode #step-2 .s2-manager-sort { justify-content:space-between; }
  html.um-app-mode #step-2 .s2-manager-sort select { flex:1;max-width:180px; }
  /* Compact selected-row list. The previous mobile grid inherited older state-chip
     placement rules and ballooned each row into a card with acres of dead space. */
  html.um-app-mode #step-2 .s2-catalog-manager-row {
    display:grid !important;
    grid-template-columns:18px minmax(0,1fr) 30px !important;
    grid-template-rows:auto !important;
    align-items:center !important;
    gap:7px !important;
    min-height:54px !important;
    height:auto !important;
    padding:7px 8px !important;
    border-radius:11px !important;
  }
  html.um-app-mode #step-2 .s2-catalog-manager-row .s2-home-drag {
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:center !important;
    font-size:14px !important;
  }
  html.um-app-mode #step-2 .s2-catalog-manager-row .s2-manager-row-copy {
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:center !important;
    min-width:0 !important;
  }
  html.um-app-mode #step-2 .s2-catalog-manager-row .s2-manager-row-copy strong {
    font-size:10.5px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  html.um-app-mode #step-2 .s2-catalog-manager-row .s2-manager-row-copy small {
    margin-top:2px !important;
    font-size:7.8px !important;
    line-height:1.2 !important;
  }
  html.um-app-mode #step-2 .s2-catalog-manager-row .s2-home-state {
    display:none !important;
  }
  html.um-app-mode #step-2 .s2-catalog-manager-row .s2-manager-menu {
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:end !important;
  }
  html.um-app-mode #step-2 .s2-manager-menu > summary { width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;padding:0 !important;border-radius:9px !important; }
  html.um-app-mode #step-2 .s2-manager-menu-popover { position:fixed;left:18px;right:18px;top:auto;bottom:calc(94px + env(safe-area-inset-bottom));width:auto;padding:10px;border-radius:16px; }
  html.um-app-mode #step-2 .s2-manager-menu-popover .s2-manager-action { min-height:44px;font-size:10px; }
  html.um-app-mode #step-2 .s2-library-summary { padding:14px; }
  html.um-app-mode #step-2 .s2-library-body { padding:0 14px 14px; }

  /* Keep Quick Start genuinely compact. The older preset stylesheet uses
     higher-specificity !important rules, so override them at the same level. */
  html.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-primary {
    min-height:98px !important;
    height:auto !important;
  }
  html.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip {
    width:116px !important;
    height:98px !important;
    min-height:98px !important;
  }
  html.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-body {
    min-height:98px !important;
    padding:10px 13px !important;
    justify-content:center !important;
    gap:6px !important;
  }
  html.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset {
    grid-template-columns:116px minmax(0,1fr) !important;
  }
  html.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-meta {
    margin-top:4px !important;
  }
  html.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-tick {
    top:6px !important;
    right:7px !important;
    padding:3px 5px !important;
    font-size:7px !important;
  }
}

/* UltraMAX Next · Advanced tools colour alignment 20261005 */
html.um-app-mode #step-2 .s2-manage-zone {
  border-color:rgba(123,47,255,.24) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(123,47,255,.10), transparent 36%),
    linear-gradient(145deg, rgba(18,16,34,.96), rgba(11,11,24,.98)) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
html.um-app-mode #step-2 .s2-manage-zone-kicker { color:#a98cff !important; }
html.um-app-mode #step-2 .s2-manage-zone .s2-utility-drawer {
  border-color:rgba(123,47,255,.24) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(123,47,255,.075), transparent 34%),
    linear-gradient(145deg, rgba(18,16,34,.97), rgba(11,11,24,.99)) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html.um-app-mode #step-2 .s2-manage-zone .s2-utility-drawer > summary:hover,
html.um-app-mode #step-2 .s2-manage-zone .s2-tools-body .s2-showall:hover,
html.um-app-mode #step-2 .s2-manage-zone .s2-tools-body .s2-tool-panel-head:hover,
html.um-app-mode #step-2 .s2-manage-zone .s2-home-manager-summary:hover,
html.um-app-mode #step-2 .s2-manage-zone .s2-library-summary:hover {
  background:rgba(123,47,255,.06) !important;
}
html.um-app-mode #step-2 .s2-manage-zone .s2-utility-icon,
html.um-app-mode #step-2 .s2-manage-zone .s2-tools-body .s2-showall-icon,
html.um-app-mode #step-2 .s2-manage-zone .s2-tools-body .s2-tool-panel-icon {
  border-color:rgba(172,102,255,.22) !important;
  background:linear-gradient(145deg, rgba(123,47,255,.28), rgba(88,45,174,.18)) !important;
  box-shadow:0 7px 18px rgba(0,0,0,.18), 0 0 18px rgba(123,47,255,.07) !important;
}
html.um-app-mode #step-2 .s2-manage-zone .s2-tools-body .s2-manage-item,
html.um-app-mode #step-2 .s2-manage-zone .s2-home-manager-panel,
html.um-app-mode #step-2 .s2-manage-zone .s2-add-rows-stage {
  border-color:rgba(156,91,255,.14) !important;
  background:rgba(255,255,255,.018) !important;
}
html.um-app-mode #step-2 .s2-manage-zone .s2-catalog-manager-row {
  border-color:rgba(156,91,255,.16) !important;
  background:rgba(255,255,255,.022) !important;
}

/* Catalog Manager v2 · scale to hundreds of rows without an endless wall */
html.um-app-mode #step-2 .s2-manager-bulk-actions {
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 10px;
  padding:8px;
  border:1px solid rgba(156,91,255,.14);
  border-radius:12px;
  background:rgba(123,47,255,.035);
}
html.um-app-mode #step-2 .s2-hide-all-home-btn {
  flex:0 0 auto;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(200,124,255,.30);
  border-radius:9px;
  color:#eadfff;
  background:linear-gradient(135deg,rgba(123,47,255,.20),rgba(255,44,168,.08));
  font:inherit;
  font-size:8.5px;
  font-weight:850;
  cursor:pointer;
}
html.um-app-mode #step-2 .s2-hide-all-home-btn:hover {
  border-color:rgba(200,124,255,.48);
  background:linear-gradient(135deg,rgba(123,47,255,.30),rgba(255,44,168,.12));
}
html.um-app-mode #step-2 .s2-hide-all-home-btn:disabled {
  opacity:.42;
  cursor:default;
}
html.um-app-mode #step-2 .s2-manager-bulk-actions small {
  min-width:0;
  color:#81798f;
  font-size:8px;
  line-height:1.35;
}

html.um-app-mode #step-2 .s2-manager-view-tabs {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin:0 0 10px;
  padding:5px;
  border:1px solid rgba(156,91,255,.16);
  border-radius:13px;
  background:rgba(7,6,20,.46);
}
html.um-app-mode #step-2 .s2-manager-view-tab {
  min-height:34px;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:9px;
  color:#9288a8;
  background:transparent;
  font:inherit;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
html.um-app-mode #step-2 .s2-manager-view-tab.is-active {
  color:#f3eaff;
  border-color:rgba(173,94,255,.34);
  background:linear-gradient(135deg,rgba(123,47,255,.24),rgba(255,44,168,.08));
  box-shadow:0 0 18px rgba(123,47,255,.08);
}
html.um-app-mode #step-2 .s2-manager-view-pane[hidden] { display:none !important; }
html.um-app-mode #step-2 .s2-manager-view-pane { min-width:0; }
html.um-app-mode #step-2 .s2-manager-pane-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin:0 0 9px;
}
html.um-app-mode #step-2 .s2-manager-pane-head strong,
html.um-app-mode #step-2 .s2-manager-pane-head small { display:block; }
html.um-app-mode #step-2 .s2-manager-pane-head strong { color:#fff;font-size:11.5px; }
html.um-app-mode #step-2 .s2-manager-pane-head small { margin-top:3px;color:#81798f;font-size:8.5px;line-height:1.4; }
html.um-app-mode #step-2 .s2-order-search { margin-bottom:8px; }
html.um-app-mode #step-2 .s2-order-groups { margin:0 0 8px; }
html.um-app-mode #step-2 .s2-order-group {
  flex:0 0 auto;
  min-height:27px;
  padding:0 9px;
  border:1px solid rgba(162,105,255,.18);
  border-radius:999px;
  color:#8e849f;
  background:rgba(255,255,255,.02);
  font:inherit;
  font-size:7.7px;
  font-weight:850;
  cursor:pointer;
}
html.um-app-mode #step-2 .s2-order-group.is-active {
  color:#efe5ff;
  border-color:rgba(173,94,255,.48);
  background:rgba(123,47,255,.16);
}
html.um-app-mode #step-2 .s2-manager-more {
  width:100%;
  min-height:38px;
  margin-top:8px;
  border:1px solid rgba(166,106,255,.24);
  border-radius:11px;
  color:#cab7ff;
  background:rgba(123,47,255,.07);
  font:inherit;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
html.um-app-mode #step-2 .s2-manager-search-empty {
  display:grid;
  gap:4px;
  padding:20px 14px;
  border:1px dashed rgba(162,105,255,.20);
  border-radius:12px;
  color:#7f768f;
  text-align:center;
}
html.um-app-mode #step-2 .s2-manager-search-empty strong { color:#d9ccf7;font-size:10.5px; }
html.um-app-mode #step-2 .s2-manager-search-empty span { font-size:8.5px;line-height:1.45; }
html.um-app-mode #step-2 .s2-find-results { margin-top:9px; }
html.um-app-mode #step-2 .s2-rule-builder {
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr auto;
  gap:8px;
  align-items:end;
  padding:10px;
  border:1px solid rgba(160,97,255,.16);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
html.um-app-mode #step-2 .s2-rule-builder label { min-width:0; }
html.um-app-mode #step-2 .s2-rule-builder label > span {
  display:block;
  margin:0 0 5px;
  color:#81788f;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html.um-app-mode #step-2 .s2-rule-builder select {
  width:100%;
  min-height:36px;
  padding:0 9px;
  border:1px solid rgba(162,105,255,.20);
  border-radius:9px;
  color:#ddd2f5;
  background:#0d0b1f;
  font:inherit;
  font-size:8.5px;
}
html.um-app-mode #step-2 .s2-rule-apply {
  min-height:36px;
  padding:0 13px;
  border:1px solid rgba(183,104,255,.42);
  border-radius:9px;
  color:#fff;
  background:linear-gradient(135deg,#7b2fff,#a533dc);
  font:inherit;
  font-size:8.5px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
html.um-app-mode #step-2 .s2-rule-note {
  margin:8px 1px 12px;
  color:#746b84;
  font-size:8px;
  line-height:1.45;
}
html.um-app-mode #step-2 .s2-rule-exceptions-head {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:end;
  margin:4px 0 8px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.05);
}
html.um-app-mode #step-2 .s2-rule-exceptions-head strong { color:#eee6ff;font-size:10.5px; }
html.um-app-mode #step-2 .s2-rule-exceptions-head small { color:#786f88;font-size:8px;text-align:right; }
html.um-app-mode #step-2 .s2-catalog-manager-row .s2-manager-menu-popover { max-height:min(420px,60vh);overflow-y:auto; }
html.um-app-mode #step-2 .s2-catalog-manager-row.is-home-row { grid-template-columns:24px minmax(0,1fr) 34px !important; }
html.um-app-mode #step-2 .s2-catalog-manager-row.is-discover-row { grid-template-columns:24px minmax(0,1fr) auto 34px !important; }

@media (max-width:760px) {
  /* Keep Catalog Manager inside the phone viewport. Only chip rails may scroll sideways. */
  html.um-app-mode #step-2,
  html.um-app-mode #step-2 .s2-manage-zone,
  html.um-app-mode #step-2 .s2-tools-body,
  html.um-app-mode #step-2 .s2-manage-grid,
  html.um-app-mode #step-2 .s2-home-manager-panel,
  html.um-app-mode #step-2 .s2-home-manager-expanded,
  html.um-app-mode #step-2 .s2-catalog-manager-body,
  html.um-app-mode #step-2 .s2-manager-view-pane,
  html.um-app-mode #step-2 .s2-discover-bucket,
  html.um-app-mode #step-2 .s2-home-collections-section {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  html.um-app-mode #step-2 .s2-manage-zone,
  html.um-app-mode #step-2 .s2-tools-body,
  html.um-app-mode #step-2 .s2-manage-grid,
  html.um-app-mode #step-2 .s2-home-manager-expanded,
  html.um-app-mode #step-2 .s2-catalog-manager-body,
  html.um-app-mode #step-2 .s2-manager-view-pane,
  html.um-app-mode #step-2 .s2-discover-bucket,
  html.um-app-mode #step-2 .s2-home-collections-section {
    overflow-x:hidden !important;
  }
  html.um-app-mode #step-2 .s2-manager-bulk-actions { align-items:stretch;flex-direction:column;gap:6px; }
  html.um-app-mode #step-2 .s2-hide-all-home-btn { width:100%;min-height:40px;font-size:9px; }
  html.um-app-mode #step-2 .s2-manager-bulk-actions small { text-align:center; }
  html.um-app-mode #step-2 .s2-manager-view-tabs {
    position:sticky;
    top:0;
    z-index:4;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    backdrop-filter:blur(14px);
  }
  html.um-app-mode #step-2 .s2-manager-view-tab {
    width:100% !important;
    min-width:0 !important;
    min-height:38px;
    padding-inline:4px !important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:8.5px;
  }
  html.um-app-mode #step-2 .s2-manager-pane-head,
  html.um-app-mode #step-2 .s2-home-designer-heading,
  html.um-app-mode #step-2 .s2-discover-bucket > summary {
    min-width:0 !important;
    max-width:100% !important;
  }
  html.um-app-mode #step-2 .s2-manager-pane-head > div,
  html.um-app-mode #step-2 .s2-home-designer-heading > div,
  html.um-app-mode #step-2 .s2-discover-bucket > summary > span:first-child {
    min-width:0 !important;
  }
  html.um-app-mode #step-2 .s2-manager-pane-head { align-items:center; }
  html.um-app-mode #step-2 .s2-manager-pane-head small { max-width:100%; }
  html.um-app-mode #step-2 .s2-home-count {
    flex:0 0 auto;
    max-width:96px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  html.um-app-mode #step-2 .s2-order-groups,
  html.um-app-mode #step-2 .s2-manager-filter-chips {
    width:100%;
    max-width:100%;
    min-width:0;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  html.um-app-mode #step-2 .s2-order-group,
  html.um-app-mode #step-2 .s2-manager-filter {
    flex:0 0 auto !important;
  }
  html.um-app-mode #step-2 .s2-order-groups::-webkit-scrollbar,
  html.um-app-mode #step-2 .s2-manager-filter-chips::-webkit-scrollbar { display:none; }
  html.um-app-mode #step-2 .s2-home-collection-item {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    grid-template-columns:22px minmax(0,1fr) auto !important;
  }
  html.um-app-mode #step-2 .s2-home-collection-name { min-width:0 !important; }
  html.um-app-mode #step-2 .s2-rule-builder { grid-template-columns:1fr;gap:7px; }
  html.um-app-mode #step-2 .s2-rule-apply { min-height:42px; }
  html.um-app-mode #step-2 .s2-rule-exceptions-head { align-items:flex-start;flex-direction:column;gap:3px; }
  html.um-app-mode #step-2 .s2-rule-exceptions-head small { text-align:left; }
}

/* UltraMAX Next · Advanced catalogue controls visual unification 20261006 */
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary,
html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-head {
  width:100% !important;
  min-height:76px !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left !important;
}
html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-icon {
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  border:1px solid rgba(172,102,255,.24) !important;
  border-radius:12px !important;
  background:linear-gradient(145deg,rgba(123,47,255,.28),rgba(88,45,174,.18)) !important;
  color:#f2eaff !important;
  font-size:18px !important;
  line-height:1 !important;
  box-shadow:0 7px 18px rgba(0,0,0,.18),0 0 18px rgba(123,47,255,.07) !important;
}
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary-copy,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary-copy,
html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-copy {
  min-width:0 !important;
  display:block !important;
}
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary-copy strong,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary-copy > strong,
html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-title {
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary-copy small,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary-copy > small,
html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-sub {
  display:block !important;
  margin-top:4px !important;
  color:rgba(255,255,255,.43) !important;
  font-size:9.5px !important;
  line-height:1.35 !important;
}
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary-meta {
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:0 !important;
}
html.um-app-mode #step-2 .s2-tools-body #s2HomeManagerSummaryCount {
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(172,102,255,.22);
  border-radius:999px;
  color:#cfbaff;
  background:rgba(123,47,255,.07);
  font-size:8.5px;
  font-weight:850;
  white-space:nowrap;
}
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary-chevron,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary-action,
html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-chev {
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid rgba(172,102,255,.16) !important;
  border-radius:10px !important;
  color:#b9a4e3 !important;
  background:rgba(255,255,255,.035) !important;
  font-size:0 !important;
  font-weight:800 !important;
  line-height:1 !important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease !important;
}
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary-chevron::before,
html.um-app-mode #step-2 .s2-tools-body .s2-library-summary-action::before,
html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-chev::before {
  content:"⌄";
  color:#b9a4e3;
  font-size:15px;
  line-height:1;
}
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-panel[open] .s2-home-manager-summary-chevron,
html.um-app-mode #step-2 .s2-tools-body .s2-add-rows-stage[open] .s2-library-summary-action {
  transform:rotate(180deg) !important;
}
html.um-app-mode #step-2 .s2-tools-body .s2-manage-item {
  min-height:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(156,91,255,.15) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.018) !important;
}
html.um-app-mode #step-2 .s2-tools-body .s2-manage-item:hover {
  border-color:rgba(172,102,255,.25) !important;
}
html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-expanded,
html.um-app-mode #step-2 .s2-tools-body .s2-library-body,
html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-body {
  border-top:1px solid rgba(255,255,255,.05) !important;
}

/* Step 4 mobile end-of-page cleanup. The fixed nav already reserves its own space. */
html.um-app-mode #step-4.wizard-step,
body.um-app-mode #step-4.wizard-step {
  padding-bottom:24px !important;
}
html.um-app-mode #step-4 #resultBox,
body.um-app-mode #step-4 #resultBox {
  padding-bottom:8px !important;
  margin-bottom:0 !important;
}
html.um-app-mode #step-4 .s4-more-options,
body.um-app-mode #step-4 .s4-more-options {
  margin-bottom:0 !important;
}

@media (max-width:760px) {
  html.um-app-mode #step-2 .s2-tools-body .s2-home-manager-summary,
  html.um-app-mode #step-2 .s2-tools-body .s2-library-summary,
  html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-head {
    min-height:72px !important;
    grid-template-columns:42px minmax(0,1fr) auto !important;
    gap:10px !important;
    padding:11px 12px !important;
  }
  html.um-app-mode #step-2 .s2-tools-body .s2-tool-panel-icon {
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
  html.um-app-mode #step-2 .s2-tools-body #s2HomeManagerSummaryCount {
    display:none !important;
  }
}

/* UltraMAX Next · row position badges + larger jump field 20261006 */
html.um-app-mode #step-2 .s2-order-search {
  min-height:48px !important;
  padding:0 13px !important;
  border-radius:13px !important;
}
html.um-app-mode #step-2 .s2-order-search > span {
  font-size:18px;
  line-height:1;
}
html.um-app-mode #step-2 .s2-order-search input {
  min-height:46px;
  font-size:12px !important;
}
html.um-app-mode #step-2 .s2-catalog-manager-row.is-home-row {
  grid-template-columns:44px minmax(0,1fr) 34px !important;
}
html.um-app-mode #step-2 .s2-home-drag.s2-home-position {
  width:42px !important;
  min-width:42px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(173,94,255,.28);
  border-radius:999px;
  color:#d9c6ff;
  background:rgba(123,47,255,.10);
  font-size:8.5px !important;
  font-weight:900;
  letter-spacing:.01em;
  cursor:grab;
  user-select:none;
}
html.um-app-mode #step-2 .s2-home-drag.s2-home-position:active {
  cursor:grabbing;
}
@media (max-width:760px) {
  html.um-app-mode #step-2 .s2-order-search {
    min-height:50px !important;
    padding:0 12px !important;
    border-radius:12px !important;
  }
  html.um-app-mode #step-2 .s2-order-search input {
    min-height:48px;
    font-size:12px !important;
  }
  html.um-app-mode #step-2 .s2-catalog-manager-row.is-home-row {
    grid-template-columns:40px minmax(0,1fr) 30px !important;
  }
  html.um-app-mode #step-2 .s2-home-drag.s2-home-position {
    width:38px !important;
    min-width:38px !important;
    height:29px !important;
    font-size:8px !important;
  }
}

/* King mobile pass · make specific-row discovery and reordering obvious */
html.um-app-mode #step-2 .s2-specific-rows-cta {
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  margin-top:11px;
  padding:10px 12px;
  border:1px solid rgba(173,94,255,.22);
  border-radius:13px;
  color:#fff;
  background:linear-gradient(135deg,rgba(123,47,255,.10),rgba(255,44,168,.035));
  font:inherit;
  text-align:left;
  cursor:pointer;
}
html.um-app-mode #step-2 .s2-specific-rows-cta:hover {
  border-color:rgba(187,111,255,.38);
  background:linear-gradient(135deg,rgba(123,47,255,.16),rgba(255,44,168,.06));
}
html.um-app-mode #step-2 .s2-specific-rows-icon {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(181,108,255,.26);
  border-radius:11px;
  color:#e5d7ff;
  background:rgba(123,47,255,.15);
  font-size:22px;
  line-height:1;
}
html.um-app-mode #step-2 .s2-specific-rows-copy {
  min-width:0;
}
html.um-app-mode #step-2 .s2-specific-rows-copy strong,
html.um-app-mode #step-2 .s2-specific-rows-copy small {
  display:block;
}
html.um-app-mode #step-2 .s2-specific-rows-copy strong {
  color:#fff;
  font-size:11.5px;
  line-height:1.25;
}
html.um-app-mode #step-2 .s2-specific-rows-copy small {
  margin-top:3px;
  color:#8d849b;
  font-size:8.8px;
  line-height:1.4;
}
html.um-app-mode #step-2 .s2-specific-rows-arrow {
  color:#cdb7ff;
  font-size:24px;
  line-height:1;
  text-align:right;
}
html.um-app-mode #step-2 .s2-manager-quick-move {
  display:none;
}
html.um-app-mode #step-2 .s2-home-drag.s2-home-position {
  gap:3px;
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
}
html.um-app-mode #step-2 .s2-position-grip {
  color:#b697f5;
  font-size:10px;
  line-height:1;
}

/* The How To modal must own the whole dynamic viewport while open.
   The app bottom nav sits at z-index 999999, so the old overlay was underneath it. */
html.um-app-mode .howto-overlay,
body.um-app-mode .howto-overlay {
  inset:0 !important;
  z-index:1000010 !important;
  align-items:flex-start !important;
  padding:10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
  box-sizing:border-box !important;
}
html.um-app-mode .howto-card,
body.um-app-mode .howto-card {
  width:min(760px,100%) !important;
  max-height:calc(100dvh - 20px - env(safe-area-inset-bottom)) !important;
  padding-bottom:calc(22px + env(safe-area-inset-bottom)) !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

@media (max-width:760px) {
  html.um-app-mode #step-2 .s2-specific-rows-cta {
    min-height:64px;
    grid-template-columns:42px minmax(0,1fr) 20px;
    padding:10px;
  }
  html.um-app-mode #step-2 .s2-specific-rows-icon {
    width:42px;
    height:42px;
  }
  html.um-app-mode #step-2 .s2-specific-rows-copy strong {
    font-size:12px;
  }
  html.um-app-mode #step-2 .s2-specific-rows-copy small {
    font-size:9px;
  }
  html.um-app-mode #step-2 .s2-catalog-manager-row.is-home-row {
    min-height:56px !important;
    grid-template-columns:44px minmax(0,1fr) 44px 30px !important;
    gap:7px !important;
  }
  html.um-app-mode #step-2 .s2-home-drag.s2-home-position {
    width:44px !important;
    min-width:44px !important;
    height:34px !important;
    font-size:8.5px !important;
  }
  html.um-app-mode #step-2 .s2-manager-quick-move {
    width:44px;
    height:34px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(171,105,255,.22);
    border-radius:9px;
    color:#cdb8ff;
    background:rgba(123,47,255,.07);
    font:inherit;
    font-size:7.5px;
    font-weight:900;
    text-transform:uppercase;
    cursor:pointer;
  }
  html.um-app-mode #step-2 .s2-manager-row-copy strong {
    font-size:10px !important;
  }
  html.um-app-mode #step-2 .s2-manager-row-copy small {
    font-size:8px !important;
  }
  html.um-app-mode #step-2 .s2-reorder-list {
    padding-bottom:8px;
  }
}