/* Studio V1 workflows: real contracts and native controls, calm retargetable surfaces. */
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-studio-challenges,.pv-studio-challenge-detail-layout,.pv-studio-decisions,.pv-studio-owner,.pv-builder-workspace) {
  min-width: 0;
  color: var(--pv-text);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-start,.pv-challenge-list,.pv-challenge-detail,.pv-challenge-rosters,.pv-challenge-result,.pv-challenge-activity,.pv-decision-panel,.pv-review-queue,.pv-review-detail,.pv-builder-form,.pv-builder-live-preview,.pv-owner-fold,.pv-owner-applications,.pv-owner-members,.pv-owner-requests) {
  min-width: 0;
  border: var(--wl-frame-width,1px) solid var(--wl-frame-color,var(--pv-line));
  border-radius: var(--pv-radius);
  background: var(--pv-surface);
  box-shadow: var(--wl-shadow,none);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-list,.pv-challenge-detail,.pv-challenge-rosters,.pv-challenge-result,.pv-challenge-activity,.pv-decision-panel,.pv-review-queue,.pv-review-detail,.pv-builder-form,.pv-builder-live-preview,.pv-owner-applications,.pv-owner-members,.pv-owner-requests) {
  padding: calc(22px * var(--wl-spacing-scale,1));
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-studio-challenges,.pv-studio-challenge-detail-layout,.pv-studio-decisions,.pv-studio-owner,.pv-builder-workspace,.pv-review-layout) :is(.pv-panel-head h2,.pv-panel-head h3) {
  margin: 0;
  font-size: calc(20px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1));
  line-height: 1.25;
  letter-spacing: -.015em;
  overflow-wrap: anywhere;
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-studio-challenges,.pv-studio-challenge-detail-layout,.pv-studio-decisions,.pv-studio-owner) .pv-panel-head {
  align-items: center;
  gap: calc(12px * var(--wl-spacing-scale,1));
  margin-bottom: calc(18px * var(--wl-spacing-scale,1));
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-step,.pv-challenge-flow-actions,.pv-challenge-counter)[hidden] {
  display: none !important;
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions > [hidden] {
  display: none !important;
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start {
  position: relative;
  gap: calc(22px * var(--wl-spacing-scale,1));
  min-height: 0;
  padding: calc(26px * var(--wl-spacing-scale,1));
  margin-bottom: calc(24px * var(--wl-spacing-scale,1));
  background: linear-gradient(110deg,color-mix(in srgb,var(--pv-cyan) 7%,var(--pv-surface)),var(--pv-surface));
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start > div {
  position: relative;
  min-width: 0;
  padding-left: calc(76px * var(--wl-spacing-scale,1));
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start-icon {
  position: absolute;
  inset: 0 auto auto 0;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid color-mix(in srgb,var(--pv-cyan) 36%,var(--pv-line));
  border-radius: var(--pv-radius);
  background: color-mix(in srgb,var(--pv-cyan) 9%,transparent);
  color: var(--pv-cyan);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start-icon svg { width: 28px; height: 28px; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start h2 {
  margin: calc(5px * var(--wl-spacing-scale,1)) 0 0;
  font-size: calc(25px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1));
  line-height: 1.2;
  letter-spacing: -.025em;
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start p { margin-top: calc(7px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-studio-challenges,.pv-studio-challenge-detail-layout,.pv-challenge-composer) .pv-button-orange {
  border-color: var(--pv-cyan);
  background: var(--pv-cyan);
  color: var(--pv-bg);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-studio-challenges,.pv-studio-challenge-detail-layout,.pv-challenge-composer) .pv-button-orange:hover {
  background: var(--pv-cyan-soft);
  color: var(--pv-bg);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-overview {
  grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
  align-items: start;
  gap: calc(20px * var(--wl-spacing-scale,1));
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-overview > :first-child { grid-row: span 2; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-rows { gap: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-row {
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas: "format status" "sides status" "when open";
  align-items: center;
  gap: calc(7px * var(--wl-spacing-scale,1)) calc(14px * var(--wl-spacing-scale,1));
  min-height: 0;
  padding: calc(16px * var(--wl-spacing-scale,1)) calc(10px * var(--wl-spacing-scale,1));
  border: 0;
  border-radius: calc(var(--pv-radius) * .55);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-row + .pv-challenge-row { border-top: 1px solid var(--pv-line); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-format { grid-area: format; font-size: calc(10px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-sides { grid-area: sides; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: calc(6px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-sides strong {
  max-width: 100%;
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: calc(14px * var(--wl-font-scale,1));
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-when { grid-area: when; font-size: calc(12px * var(--wl-font-scale,1)); color: var(--pv-muted); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-when b { font-size: calc(11px * var(--wl-font-scale,1)); color: var(--pv-orange); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-row > .pv-badge { grid-area: status; max-width: 170px; text-align: center; white-space: normal; line-height: 1.35; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-open { grid-area: open; justify-self: end; font-size: calc(20px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-row[data-answer-required="true"] {
  background: color-mix(in srgb,var(--pv-orange) 6%,var(--pv-surface));
  box-shadow: inset 3px 0 var(--pv-orange);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-row[data-challenge-status="PENDING"] > .pv-badge {
  border-color: color-mix(in srgb,var(--pv-orange) 32%,var(--pv-line));
  background: color-mix(in srgb,var(--pv-orange) 9%,var(--pv-surface));
  color: var(--pv-orange);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-match-grid { gap: calc(22px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-match-grid .pv-challenge-row {
  grid-template-columns: minmax(0,1fr) minmax(140px,.5fr) auto 20px;
  grid-template-areas: "format when status open" "sides when status open";
}

/* A focused, single-step composer. No screenshot assets or second workflow engine. */
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-composer-layer { place-items: center; padding: 24px; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-composer {
  width: min(850px,100%);
  height: auto;
  max-height: calc(100dvh - 48px);
  padding: calc(28px * var(--wl-spacing-scale,1));
  border: var(--wl-frame-width,1px) solid var(--wl-frame-color,var(--pv-line));
  border-radius: var(--pv-radius);
  background: var(--pv-surface);
  box-shadow: var(--wl-shadow,none);
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-composer > .pv-panel-head { align-items: center; margin-bottom: calc(24px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-composer h2 { margin: 5px 0 0; font-size: calc(24px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-composer-close { flex: 0 0 44px; width: 44px; height: 44px; border-radius: calc(var(--pv-radius) * .6); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-progress {
  gap: calc(12px * var(--wl-spacing-scale,1));
  margin: 0 0 calc(28px * var(--wl-spacing-scale,1));
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-progress li { padding: calc(11px * var(--wl-spacing-scale,1)); border-radius: calc(var(--pv-radius) * .55); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-progress li[aria-current="step"] { border-color: var(--pv-cyan); background: color-mix(in srgb,var(--pv-cyan) 7%,var(--pv-surface)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-progress li[aria-current="step"] b { background: var(--pv-cyan); color: var(--pv-bg); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-progress span { font-size: calc(12px * var(--wl-font-scale,1)); white-space: normal; overflow: visible; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-step { gap: calc(20px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-step h3 { margin: -10px 0 0; font-size: calc(30px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); letter-spacing: -.025em; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-format-picker > div { gap: calc(10px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-format-picker button {
  grid-template-columns: 1fr;
  align-content: start;
  gap: calc(14px * var(--wl-spacing-scale,1));
  min-height: 126px;
  padding: calc(16px * var(--wl-spacing-scale,1));
  background: var(--pv-surface-2);
  border-radius: calc(var(--pv-radius) * .7);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-format-picker button:is(:hover,:focus-visible,[aria-pressed="true"]) { border-color: var(--pv-cyan); background: color-mix(in srgb,var(--pv-cyan) 8%,var(--pv-surface-2)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-format-picker strong { font-size: calc(15px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-format-picker small { font-size: calc(11px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-self-slot { display: grid; gap: calc(4px * var(--wl-spacing-scale,1)); padding: calc(12px * var(--wl-spacing-scale,1)); border-left: 3px solid var(--pv-cyan); background: color-mix(in srgb,var(--pv-cyan) 5%,transparent); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-self-slot span { color: var(--pv-muted); font-size: calc(11px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-composer,.pv-challenge-counter) .pv-form-grid { gap: calc(18px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-composer,.pv-challenge-counter) .pv-field > span { font-size: calc(13px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-composer,.pv-challenge-counter) .pv-field > small { font-size: calc(11px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-map-pool > div { gap: calc(8px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-map-pool label { min-width: 0; padding: calc(11px * var(--wl-spacing-scale,1)); border-radius: calc(var(--pv-radius) * .55); background: var(--pv-surface-2); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-map-pool label span { font-size: calc(12px * var(--wl-font-scale,1)); overflow-wrap: anywhere; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-roster-brief,.pv-challenge-permission,.pv-challenge-server-note) { padding: calc(14px * var(--wl-spacing-scale,1)); border-radius: calc(var(--pv-radius) * .7); background: var(--pv-surface-2); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-roster-brief,.pv-challenge-permission) p { font-size: calc(12px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions {
  bottom: calc(-28px * var(--wl-spacing-scale,1));
  gap: calc(10px * var(--wl-spacing-scale,1));
  margin: calc(28px * var(--wl-spacing-scale,1)) calc(-28px * var(--wl-spacing-scale,1)) calc(-28px * var(--wl-spacing-scale,1));
  padding: calc(18px * var(--wl-spacing-scale,1)) calc(28px * var(--wl-spacing-scale,1)) calc(18px * var(--wl-spacing-scale,1) + env(safe-area-inset-bottom));
  background: var(--pv-surface);
}
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions > span { grid-column: 2; grid-row: 1; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions > [data-action="challenge-composer-back"] { grid-column: 1; grid-row: 1; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions > :is([data-action="challenge-composer-next"],[type="submit"]) { grid-column: 3; grid-row: 1; justify-self: end; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-review-hero { gap: calc(12px * var(--wl-spacing-scale,1)); padding: calc(22px * var(--wl-spacing-scale,1)); border-color: color-mix(in srgb,var(--pv-cyan) 40%,var(--pv-line)); background: color-mix(in srgb,var(--pv-cyan) 5%,var(--pv-surface)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-review-hero span { color: var(--pv-cyan); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-review-hero strong { overflow-wrap: anywhere; font-size: calc(22px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-review dl { gap: calc(12px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-review dl div { padding: calc(16px * var(--wl-spacing-scale,1)); background: var(--pv-surface-2); border-radius: calc(var(--pv-radius) * .6); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-review dt { font-size: calc(10px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-review dd { font-size: calc(14px * var(--wl-font-scale,1)); line-height: 1.5; }

/* Match details: current status and actionable facts first, actual audit trail aside. */
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-studio-challenge-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.32fr); align-items: start; gap: calc(22px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-studio-challenge-match { display: grid; gap: calc(22px * var(--wl-spacing-scale,1)); min-width: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail { gap: calc(24px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-status-hero { padding: calc(20px * var(--wl-spacing-scale,1)); border-color: color-mix(in srgb,var(--pv-cyan) 35%,var(--pv-line)); border-radius: calc(var(--pv-radius) * .75); background: color-mix(in srgb,var(--pv-cyan) 5%,var(--pv-surface)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-status-hero > div { min-width: 0; gap: calc(8px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-status-hero > div > span { color: var(--pv-cyan); font-size: calc(10px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-status-hero > div > strong { font-size: calc(28px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); letter-spacing: -.02em; line-height: 1.2; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-status-hero p { font-size: calc(14px * var(--wl-font-scale,1)); font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail[data-challenge-status="COUNTER_PROPOSED"] .pv-challenge-status-hero { border-color: color-mix(in srgb,var(--pv-orange) 42%,var(--pv-line)); background: color-mix(in srgb,var(--pv-orange) 6%,var(--pv-surface)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail[data-challenge-status="COUNTER_PROPOSED"] .pv-challenge-status-hero > div > span { color: var(--pv-orange); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail[data-challenge-status="COMPLETED"] .pv-challenge-status-hero { border-color: color-mix(in srgb,var(--pv-green) 42%,var(--pv-line)); background: color-mix(in srgb,var(--pv-green) 6%,var(--pv-surface)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail:is([data-challenge-status="DISPUTED"],[data-challenge-status="EXPIRED"]) .pv-challenge-status-hero { border-color: color-mix(in srgb,var(--pv-red) 42%,var(--pv-line)); background: color-mix(in srgb,var(--pv-red) 6%,var(--pv-surface)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail-head h1 { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); width: 100%; font-size: calc(24px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); gap: calc(18px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail-head h1 span { overflow-wrap: anywhere; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail-head h1 span:last-child { text-align: right; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail-head h1 i { color: var(--pv-muted); font-size: calc(11px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-facts { grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(12px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-facts div { padding: calc(14px * var(--wl-spacing-scale,1)); border: 0; border-radius: calc(var(--pv-radius) * .55); background: var(--pv-surface-2); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-facts dd { font-size: calc(13px * var(--wl-font-scale,1)); line-height: 1.4; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-rosters,.pv-challenge-result,.pv-challenge-activity) { margin-top: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-roster { padding: calc(18px * var(--wl-spacing-scale,1)); border-radius: calc(var(--pv-radius) * .75); background: var(--pv-surface-2); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-roster > header { flex-wrap: wrap; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-roster > ol li { min-height: 44px; padding: calc(10px * var(--wl-spacing-scale,1)); border: 0; border-bottom: 1px solid var(--pv-line); border-radius: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-roster > ol li span { overflow-wrap: anywhere; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-result-reports article { padding: calc(18px * var(--wl-spacing-scale,1)); border-radius: calc(var(--pv-radius) * .7); background: var(--pv-surface-2); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-final-score { background: color-mix(in srgb,var(--pv-green) 6%,var(--pv-surface)); border-radius: calc(var(--pv-radius) * .7); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity li { position: relative; padding-bottom: calc(18px * var(--wl-spacing-scale,1)); min-height: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity li > i { width: 8px; height: 8px; margin-top: 5px; border-color: var(--pv-cyan); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity li:not(:last-child) > i::after { display: none; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity li:not(:last-child)::after { content: ""; position: absolute; top: 16px; bottom: 0; left: 4px; width: 1px; background: var(--pv-line); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity li strong { font-size: calc(13px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity li :is(small,time) { font-size: calc(11px * var(--wl-font-scale,1)); line-height: 1.45; overflow-wrap: anywhere; }

/* Club builder and application reviews preserve their real steps and submitted answers. */
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-steps { max-width: 100%; margin: 0 0 calc(24px * var(--wl-spacing-scale,1)); gap: calc(10px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-steps li { min-width: 0; padding: calc(13px * var(--wl-spacing-scale,1)); border-radius: calc(var(--pv-radius) * .6); font-size: calc(13px * var(--wl-font-scale,1)); background: var(--pv-surface); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-steps li[data-state="active"] { border-color: var(--pv-cyan); color: var(--pv-cyan); background: color-mix(in srgb,var(--pv-cyan) 6%,var(--pv-surface)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-workspace { grid-template-columns: minmax(0,1.3fr) minmax(240px,.65fr); gap: calc(24px * var(--wl-spacing-scale,1)); align-items: start; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-form { min-height: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-form .pv-form-actions { margin-top: calc(24px * var(--wl-spacing-scale,1)); padding-top: calc(18px * var(--wl-spacing-scale,1)); border-top: 1px solid var(--pv-line); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-form .pv-form-actions .pv-button-primary { margin-left: auto; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-live-preview { position: sticky; top: 84px; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-live-card { display: flex; align-items: center; gap: calc(16px * var(--wl-spacing-scale,1)); padding: calc(22px * var(--wl-spacing-scale,1)) 0; border-bottom: 1px solid var(--pv-line); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-live-card .pv-club-mark { width: calc(78px * var(--pv-studio-avatar-scale,1)); height: calc(78px * var(--pv-studio-avatar-scale,1)); flex: 0 0 auto; border: 0; border-radius: calc(var(--pv-radius) * .7); background: transparent; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-live-card .pv-club-mark img { width: 100%; height: 100%; object-fit: contain; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-live-card > div { min-width: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-live-card h2 { margin: calc(6px * var(--wl-spacing-scale,1)) 0; overflow-wrap: anywhere; font-size: calc(22px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-live-preview > p { color: var(--pv-muted); font-size: calc(12px * var(--wl-font-scale,1)); line-height: 1.55; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-decision-panel > .pv-panel-head { padding-bottom: calc(16px * var(--wl-spacing-scale,1)); border-bottom: 1px solid var(--pv-line); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-decision-panel .pv-decision-list { display: grid; gap: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-decision-list > .pv-list-item { margin: 0; padding: calc(18px * var(--wl-spacing-scale,1)) 0; border: 0; border-bottom: 1px solid var(--pv-line); border-radius: 0; background: transparent; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-decision-list > .pv-list-item:last-child { border-bottom: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-decision-panel .pv-status-tabs { margin: 0 0 calc(10px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-decision-panel .pv-status-tab { min-height: 44px; border-radius: calc(var(--pv-radius) * .55); font-size: calc(12px * var(--wl-font-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-review-layout { gap: calc(24px * var(--wl-spacing-scale,1)); grid-template-columns: minmax(230px,.65fr) minmax(0,1.7fr); align-items: start; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-review-queue-row { margin: 0; padding: calc(14px * var(--wl-spacing-scale,1)) 0; border-width: 0 0 1px; border-color: var(--pv-line); border-radius: 0; background: transparent; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-review-queue-row[data-selected="true"] { border-color: var(--pv-line); background: color-mix(in srgb,var(--pv-cyan) 6%,transparent); box-shadow: inset 3px 0 var(--pv-cyan); padding-left: calc(10px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-review-proof { background: var(--pv-surface-2); border-radius: calc(var(--pv-radius) * .6); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-application-review-group { margin-top: calc(18px * var(--wl-spacing-scale,1)); padding: calc(18px * var(--wl-spacing-scale,1)); border-radius: calc(var(--pv-radius) * .6); background: var(--pv-surface-2); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-review-decision { margin-top: calc(22px * var(--wl-spacing-scale,1)); padding-top: calc(22px * var(--wl-spacing-scale,1)); border-top: 1px solid var(--pv-line); }

/* Owner: operational information ahead of editable settings. Native disclosure controls. */
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-studio-owner { display: grid; gap: calc(22px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-studio-owner > .pv-page-head { margin-bottom: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-metrics { margin: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-operational { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); align-items: start; gap: calc(22px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-operational .pv-section { margin: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-operational .pv-list-item { padding: calc(15px * var(--wl-spacing-scale,1)) 0; border-width: 0 0 1px; border-radius: 0; border-color: var(--pv-line); background: transparent; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-operational .pv-list-item:last-child { border-bottom: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-member-row { grid-template-columns: 54px minmax(0,1fr) auto; padding: calc(12px * var(--wl-spacing-scale,1)) 0; border-width: 0 0 1px; border-radius: 0; background: transparent; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-member-row .pv-avatar { width: calc(48px * var(--pv-studio-avatar-scale,1)); height: calc(48px * var(--pv-studio-avatar-scale,1)); border: 0; border-radius: calc(var(--pv-radius) * .6); background: transparent; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-member-row .pv-compact-identity-facts { display: none; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-settings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: calc(14px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold { padding: 0; overflow: hidden; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold > summary { display: grid; grid-template-columns: 44px minmax(0,1fr) 12px; align-items: center; gap: calc(14px * var(--wl-spacing-scale,1)); padding: calc(20px * var(--wl-spacing-scale,1)); min-height: 86px; cursor: pointer; list-style: none; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold > summary::-webkit-details-marker { display: none; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold > summary > span:nth-child(2) { display: grid; gap: calc(5px * var(--wl-spacing-scale,1)); min-width: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold > summary strong { font-size: calc(15px * var(--wl-font-scale,1)); line-height: 1.3; overflow-wrap: anywhere; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold > summary small { color: var(--pv-muted); font-size: calc(11px * var(--wl-font-scale,1)); line-height: 1.45; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold > summary > i { width: 8px; height: 8px; border-right: 1.5px solid var(--pv-cyan); border-bottom: 1.5px solid var(--pv-cyan); transform: rotate(45deg); transition: transform .15s ease; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold[open] > summary { border-bottom: 1px solid var(--pv-line); background: color-mix(in srgb,var(--pv-cyan) 4%,var(--pv-surface)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold[open] > summary > i { transform: rotate(225deg); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body { min-width: 0; padding: calc(20px * var(--wl-spacing-scale,1)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body > .pv-section { margin: 0; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body > .pv-two { grid-template-columns: 1fr; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body > .pv-two > .pv-panel { padding: 0; border: 0; box-shadow: none; background: transparent; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body .pv-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body .pv-image-upload { grid-column: 1 / -1; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body .pv-list-item { flex-wrap: wrap; align-items: center; gap: calc(10px * var(--wl-spacing-scale,1)); background: transparent; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body form[data-form="member-role"] .pv-select { width: auto; flex: 1 0 140px; }
body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-owner-fold > summary,.pv-challenge-composer-close,.pv-challenge-format-picker button,.pv-challenge-row):focus-visible { outline: 2px solid var(--pv-cyan); outline-offset: 3px; }

@media (max-width: 1200px) {
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-studio-challenge-detail-layout { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity ol { grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(15px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity li:not(:last-child) > i::after { display: none; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity li:not(:last-child)::after { display: none; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-overview { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-overview > :first-child { grid-row: auto; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-operational { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-settings { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-workspace { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-live-preview { position: static; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-review-layout { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-review-queue { position: static; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-match-grid .pv-challenge-row { grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "format status" "sides status" "when open"; }
}
@media (max-width: 680px) {
  body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-start,.pv-challenge-list,.pv-challenge-detail,.pv-challenge-rosters,.pv-challenge-result,.pv-challenge-activity,.pv-decision-panel,.pv-review-queue,.pv-review-detail,.pv-builder-form,.pv-builder-live-preview,.pv-owner-applications,.pv-owner-members,.pv-owner-requests) { padding: calc(16px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start { display: grid; gap: calc(18px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start > div { padding-left: 0; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start-icon { display: none; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start h2 { font-size: calc(22px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-start > .pv-button { width: 100%; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-studio-challenges > .pv-two { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-row { grid-template-columns: minmax(0,1fr) auto; padding-inline: calc(7px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-row > .pv-badge { max-width: 110px; font-size: calc(10px * var(--wl-font-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-composer-layer { padding: 8px; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-composer { width: 100%; max-height: calc(100dvh - 16px); padding: calc(18px * var(--wl-spacing-scale,1)); border-radius: calc(var(--pv-radius) * .75); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-progress { gap: calc(6px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-progress li { display: grid; justify-items: start; padding: calc(9px * var(--wl-spacing-scale,1)); gap: calc(5px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-progress span { font-size: calc(11px * var(--wl-font-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-step h3 { font-size: calc(25px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-format-picker > div { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-format-picker button { grid-template-columns: 40px minmax(0,1fr); min-height: 72px; align-content: center; align-items: center; padding: calc(12px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-challenge-composer,.pv-challenge-counter) .pv-form-grid { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-map-pool > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions { bottom: calc(-18px * var(--wl-spacing-scale,1)); grid-template-columns: auto minmax(0,1fr); margin-inline: calc(-18px * var(--wl-spacing-scale,1)); margin-bottom: calc(-18px * var(--wl-spacing-scale,1)); padding-inline: calc(18px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions > span { display: none; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions > :is([data-action="challenge-composer-next"],[type="submit"]) { grid-column: 2; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow[data-challenge-step="1"] .pv-challenge-flow-actions > [data-action="challenge-composer-next"] { grid-column: 1 / -1; width: 100%; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions > .pv-button { min-width: 0; white-space: normal; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-flow-actions > .pv-button-orange { justify-self: end; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-review-hero { padding: calc(16px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-review dl { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-status-hero { flex-direction: column; padding: calc(16px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-status-hero > div > strong { font-size: calc(25px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-detail-head h1 { font-size: calc(19px * var(--wl-font-scale,1) * var(--pv-studio-heading-scale,1)); gap: calc(8px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-rosters > .pv-two { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-challenge-activity ol { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-builder-steps li { padding: calc(10px * var(--wl-spacing-scale,1)); font-size: calc(12px * var(--wl-font-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold > summary { padding: calc(16px * var(--wl-spacing-scale,1)); gap: calc(10px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body { padding: calc(16px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold-body .pv-form-grid { grid-template-columns: 1fr; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-member-row { grid-template-columns: 48px minmax(0,1fr); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-operational .pv-panel-head { align-items: flex-start; flex-wrap: wrap; }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 :is(.pv-owner-operational,.pv-owner-requests) .pv-list-item { display: grid; gap: calc(12px * var(--wl-spacing-scale,1)); }
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-operational .pv-list-item .pv-row { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-product-visual-system="studio-v1"] #roar-product-v1 .pv-owner-fold > summary > i { transition: none; }
}