/*
 * Configurator-page shell: Salient keeps ownership of the header, footer,
 * wp_head(), and wp_footer(); only its main page background is recolored.
 */
body.wayside-wcp-page,
body.wayside-wcp-page .ocm-effect-wrap,
body.wayside-wcp-page .container-wrap {
  background-color: #050709 !important;
  background-image:
    radial-gradient(circle at 13% 0%, rgba(196, 158, 82, 0.09), transparent 36rem),
    linear-gradient(180deg, #0a0e13, #050709 42rem) !important;
}

body.wayside-wcp-page #header-outer,
body.wayside-wcp-page #header-space,
body.wayside-wcp-page #top,
body.wayside-wcp-page #header-outer .container,
body.wayside-wcp-page #slide-out-widget-area,
body.wayside-wcp-page #slide-out-widget-area-bg {
  background-color: #050709 !important;
  background-image: none !important;
}

body.wayside-wcp-page #logo img {
  filter: brightness(0) invert(1);
}

body.wayside-wcp-page #header-outer #top nav > ul > li > a,
body.wayside-wcp-page #header-outer .slide-out-widget-area-toggle a {
  color: #ffffff !important;
}

body.wayside-wcp-page #header-outer .slide-out-widget-area-toggle .lines::before,
body.wayside-wcp-page #header-outer .slide-out-widget-area-toggle .lines::after,
body.wayside-wcp-page #header-outer .slide-out-widget-area-toggle .lines-button::after {
  background-color: #ffffff !important;
}

/* Component-only rules: Salient keeps ownership of the document shell. */
.wcp[data-wcp-app],
.wcp.wcp-build-status,
.wcp.wcp--offline {
  --wcp-color-ink: #f6f7f8;
  --wcp-color-muted: #a8b0b9;
  --wcp-color-faint: #6f7882;
  --wcp-color-brand: #BA312F;
  --wcp-color-brand-strong: #DB3636;
  --wcp-color-accent-gold: #C49E52;
  --wcp-color-brand-ink: #ffffff;
  --wcp-color-success: #70d7ad;
  --wcp-color-danger: #ff8d8d;
  --wcp-color-canvas: #070a0d;
  --wcp-color-panel: rgba(17, 23, 30, 0.9);
  --wcp-color-panel-soft: rgba(255, 255, 255, 0.045);
  --wcp-color-line: rgba(255, 255, 255, 0.11);
  --wcp-color-focus: #ffb49a;
  --wcp-font-display: Didot, "Bodoni MT", "Times New Roman", serif;
  --wcp-font-ui: Gotham, Montserrat, "Avenir Next", Arial, sans-serif;
  --wcp-font-body: Lato, system-ui, sans-serif;
  --wcp-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --wcp-text-xs: 0.75rem;
  --wcp-text-sm: 0.875rem;
  --wcp-text-md: 1rem;
  --wcp-text-lg: clamp(1.125rem, 1.5vw, 1.35rem);
  --wcp-text-xl: clamp(1.8rem, 4vw, 3.3rem);
  --wcp-space-1: 0.25rem;
  --wcp-space-2: 0.5rem;
  --wcp-space-3: 0.75rem;
  --wcp-space-4: 1rem;
  --wcp-space-5: 1.25rem;
  --wcp-space-6: 1.5rem;
  --wcp-space-8: 2rem;
  --wcp-space-10: 2.5rem;
  --wcp-space-12: 3rem;
  --wcp-radius-sm: 0;
  --wcp-radius-md: 0;
  --wcp-radius-lg: 1.25rem;
  --wcp-radius-xl: 1.75rem;
  --wcp-shadow-1: 0 12px 30px rgba(0, 0, 0, 0.2);
  --wcp-shadow-2: 0 28px 80px rgba(0, 0, 0, 0.42);
  --wcp-motion-fast: 140ms;
  --wcp-motion-base: 220ms;
  --wcp-motion-slow: 420ms;
  --wcp-ease: cubic-bezier(0.22, 1, 0.36, 1);
  box-sizing: border-box;
  width: min(100%, 92rem);
  margin: clamp(1.5rem, 4vw, 4rem) auto;
  padding: clamp(1rem, 2.6vw, 2rem);
  color: var(--wcp-color-ink);
  background:
    radial-gradient(circle at 13% 0%, rgba(196, 158, 82, 0.12), transparent 31rem),
    linear-gradient(145deg, #101720, #050709 72%);
  border: 1px solid var(--wcp-color-line);
  border-radius: var(--wcp-radius-md);
  box-shadow: var(--wcp-shadow-2);
  font-family: var(--wcp-font-body);
  line-height: 1.5;
  isolation: isolate;
  contain: layout paint;
  color-scheme: dark;
}

.wcp[data-wcp-app] *, .wcp[data-wcp-app] *::before, .wcp[data-wcp-app] *::after,
.wcp-build-status *, .wcp-build-status *::before, .wcp-build-status *::after,
.wcp--offline *, .wcp--offline *::before, .wcp--offline *::after { box-sizing: inherit; }
.wcp[data-wcp-app] h2, .wcp[data-wcp-app] h3, .wcp[data-wcp-app] h4, .wcp[data-wcp-app] p { margin: 0; color: inherit; }
.wcp[data-wcp-app] h2, .wcp[data-wcp-app] h3, .wcp[data-wcp-app] h4 { font-family: var(--wcp-font-display); font-weight: 700; }
.wcp[data-wcp-app] button, .wcp[data-wcp-app] input, .wcp[data-wcp-app] select, .wcp[data-wcp-app] textarea { font: inherit; }
.wcp button, .wcp a { -webkit-tap-highlight-color: transparent; }
.wcp[data-wcp-app] form { margin: 0; }
.wcp[data-wcp-app] button { line-height: 1.2; }
.wcp button:focus-visible, .wcp a:focus-visible, .wcp input:focus-visible, .wcp select:focus-visible, .wcp textarea:focus-visible {
  outline: 3px solid var(--wcp-color-focus);
  outline-offset: 3px;
}

.wcp.wcp--offline {
  display: grid;
  min-height: min(70vh, 44rem);
  place-items: center;
}
.wcp__offline-panel {
  width: min(100%, 58rem);
  padding: clamp(1.5rem, 5vw, 4rem);
  text-align: center;
  background: var(--wcp-color-panel);
  border: 1px solid var(--wcp-color-line);
}
.wcp__offline-panel h2 {
  max-width: 17ch;
  margin: 0 auto;
  color: var(--wcp-color-ink);
  font-family: var(--wcp-font-display);
  font-size: var(--wcp-text-xl);
  font-weight: 700;
  line-height: 1.05;
}
.wcp__offline-copy {
  max-width: 46rem;
  margin: var(--wcp-space-5) auto 0;
  color: var(--wcp-color-muted);
  font-size: var(--wcp-text-lg);
}
.wcp__offline-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  gap: var(--wcp-space-3);
  margin-top: var(--wcp-space-8);
}
.wcp__offline-actions .wcp__button {
  min-width: 0;
  justify-content: center;
  text-align: center;
}
.wcp__offline-details {
  display: grid;
  gap: var(--wcp-space-2);
  margin-top: var(--wcp-space-8);
  color: var(--wcp-color-muted);
  font-size: var(--wcp-text-sm);
  font-style: normal;
}

.wcp__header,
.wcp__section-heading,
.wcp__actions,
.wcp__composer,
.wcp__consent {
  display: flex;
  align-items: center;
}

.wcp__header { justify-content: space-between; gap: var(--wcp-space-6); margin-bottom: var(--wcp-space-8); }
.wcp__eyebrow, .wcp__step {
  color: var(--wcp-color-accent-gold) !important;
  font-family: var(--wcp-font-ui);
  font-size: var(--wcp-text-xs);
  font-weight: 900;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
}
.wcp__title { max-width: 16ch; margin-top: var(--wcp-space-2) !important; font-size: var(--wcp-text-xl); line-height: 1; letter-spacing: -0.045em; }
.wcp__status, .wcp__online-dot {
  display: inline-flex;
  align-items: center;
  gap: var(--wcp-space-2);
  color: var(--wcp-color-muted) !important;
  font-size: var(--wcp-text-sm);
  white-space: nowrap;
}
.wcp__status::before, .wcp__online-dot::before { width: 0.55rem; height: 0.55rem; background: var(--wcp-color-success); border-radius: 50%; content: ""; box-shadow: 0 0 0 5px rgba(112, 215, 173, 0.1); }

.wcp__layout {
  display: grid;
  grid-template-areas: "visual chat";
  grid-template-columns: minmax(0, 1.35fr) minmax(22rem, 0.85fr);
  gap: var(--wcp-space-4);
  min-height: 43rem;
}
.wcp__visual, .wcp__chat {
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 34%),
    var(--wcp-color-panel);
  border: 1px solid var(--wcp-color-line);
  border-radius: var(--wcp-radius-md);
  box-shadow: var(--wcp-shadow-1);
  backdrop-filter: blur(18px);
}
.wcp__visual { grid-area: visual; container: wcp-visual / inline-size; }
.wcp__chat { display: flex; grid-area: chat; flex-direction: column; container: wcp-chat / inline-size; }
.wcp__section-heading { flex-wrap: wrap; justify-content: space-between; gap: var(--wcp-space-4); margin-bottom: var(--wcp-space-5); }
.wcp__section-heading > * { min-width: 0; }
.wcp__section-heading h3 { margin-top: var(--wcp-space-1) !important; font-size: var(--wcp-text-lg); }
.wcp__icon-button, .wcp__quick-prompts button, .wcp__tab {
  color: var(--wcp-color-ink);
  background: var(--wcp-color-panel-soft);
  border: 1px solid var(--wcp-color-line);
  border-radius: var(--wcp-radius-sm);
  font-family: var(--wcp-font-ui);
  font-weight: 800;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background var(--wcp-motion-fast) var(--wcp-ease), transform var(--wcp-motion-fast) var(--wcp-ease);
}
.wcp__icon-button { min-height: 2.75rem; padding: 0.6rem 1rem; }
.wcp__icon-button:hover, .wcp__quick-prompts button:hover, .wcp__tab:hover { background: rgba(255, 255, 255, 0.1); transform: translateY(-1px); }

.wcp__canvas-frame { position: relative; overflow: hidden; aspect-ratio: 16 / 9; margin-bottom: var(--wcp-space-5); background: var(--wcp-color-canvas); border: 1px solid var(--wcp-color-line); border-radius: var(--wcp-radius-md); }
.wcp__canvas { display: block; width: 100%; height: 100%; }
.wcp__concept-badge { position: absolute; right: var(--wcp-space-3); bottom: var(--wcp-space-3); max-width: calc(100% - 1.5rem); padding: 0.48rem 0.7rem; color: var(--wcp-color-ink); background: rgba(5, 7, 9, 0.88); border: 1px solid var(--wcp-color-line); border-radius: var(--wcp-radius-sm); font-family: var(--wcp-font-ui); font-size: var(--wcp-text-xs); font-weight: 800; letter-spacing: 0.06rem; text-transform: uppercase; }

.wcp__controls { display: grid; gap: var(--wcp-space-4); }
.wcp__fieldset { min-width: 0; margin: 0; padding: var(--wcp-space-4); background: rgba(255, 255, 255, 0.025); border: 1px solid var(--wcp-color-line); border-radius: var(--wcp-radius-md); }
.wcp__fieldset--catalog { background: linear-gradient(145deg, rgba(196, 158, 82, 0.06), rgba(255, 255, 255, 0.02)); border-color: rgba(196, 158, 82, 0.28); }
.wcp__fieldset legend { padding-inline: var(--wcp-space-2); font-family: var(--wcp-font-ui); font-size: var(--wcp-text-sm); font-weight: 900; letter-spacing: 0.09375rem; text-transform: uppercase; }
.wcp__grid { display: grid; gap: var(--wcp-space-3); }
.wcp__grid--vehicle,
.wcp__grid--wheel,
.wcp__grid--components { grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); }
.wcp__grid--lead { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }
.wcp__grid > *,
.wcp label { min-width: 0; }
.wcp label { display: grid; gap: var(--wcp-space-2); color: var(--wcp-color-muted); font-family: var(--wcp-font-ui); font-size: var(--wcp-text-xs); font-weight: 800; letter-spacing: 0.055rem; text-transform: uppercase; }
.wcp[data-wcp-app] input, .wcp[data-wcp-app] select, .wcp[data-wcp-app] textarea {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 2.85rem;
  margin: 0;
  padding: 0.67rem 0.75rem;
  color: var(--wcp-color-ink);
  background: #0b1015;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--wcp-radius-sm);
  box-shadow: none;
}
.wcp[data-wcp-app] select { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; appearance: auto; }
.wcp textarea { min-height: 3.35rem; resize: vertical; }
.wcp input::placeholder, .wcp textarea::placeholder { color: #87919b; opacity: 1; }
.wcp__field-note { margin-top: var(--wcp-space-3) !important; color: var(--wcp-color-faint) !important; font-size: var(--wcp-text-xs); }

.wcp__actions { flex-wrap: wrap; gap: var(--wcp-space-3); margin-top: var(--wcp-space-4); }
.wcp__actions .wcp__button { flex: 1 1 12rem; }
.wcp__button { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0.72rem 1rem; border: 1px solid transparent; border-radius: var(--wcp-radius-sm); font-family: var(--wcp-font-ui); font-size: var(--wcp-text-sm); font-weight: 800; letter-spacing: 0.09375rem; text-align: center; text-decoration: none !important; text-transform: uppercase; cursor: pointer; transition: transform var(--wcp-motion-fast) var(--wcp-ease), filter var(--wcp-motion-fast) var(--wcp-ease); }
.wcp__button:hover { transform: translateY(-1px); filter: brightness(1.08); }
.wcp .wcp__button--primary {
  color: var(--wcp-color-brand-ink) !important;
  background-color: var(--wcp-color-brand) !important;
  background-image: none !important;
  border-color: var(--wcp-color-brand) !important;
}
.wcp .wcp__button--secondary { color: var(--wcp-color-ink) !important; background: transparent !important; border-color: var(--wcp-color-line) !important; }
.wcp button:disabled { cursor: wait; opacity: 0.56; }

.wcp__messages { flex: 1 1 16rem; min-height: 16rem; max-height: 28rem; overflow-y: auto; padding: var(--wcp-space-2); scrollbar-color: rgba(255,255,255,.2) transparent; }
.wcp__message { max-width: 90%; margin-bottom: var(--wcp-space-4); padding: var(--wcp-space-3) var(--wcp-space-4); border-radius: var(--wcp-radius-md); animation: wcp-message-in var(--wcp-motion-slow) var(--wcp-ease) both; }
.wcp__message--assistant { margin-right: auto; background: rgba(255, 255, 255, 0.06); border: 1px solid var(--wcp-color-line); border-bottom-left-radius: 0; }
.wcp__message--user { margin-left: auto; background: rgba(186, 49, 47, 0.16); border: 1px solid rgba(186, 49, 47, 0.3); border-bottom-right-radius: 0; }
.wcp__message-speaker { margin-bottom: var(--wcp-space-1) !important; color: var(--wcp-color-muted) !important; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; }
.wcp__message-content { color: var(--wcp-color-ink) !important; font-size: var(--wcp-text-sm); white-space: pre-wrap; }
.wcp__message[data-status="streaming"] { animation: wcp-pulse 1.2s ease-in-out infinite alternate; }
.wcp__message[data-status="error"] { border-color: rgba(255, 141, 141, 0.5); }
.wcp__quick-prompts { display: flex; flex-wrap: wrap; gap: var(--wcp-space-2); margin: var(--wcp-space-3) 0; }
.wcp__quick-prompts button { min-height: 2.35rem; padding: 0.45rem 0.72rem; font-size: var(--wcp-text-xs); }
.wcp__composer { align-items: flex-end; gap: var(--wcp-space-2); padding-top: var(--wcp-space-3); border-top: 1px solid var(--wcp-color-line); }
.wcp__composer textarea { flex: 1 1 auto; }
.wcp .wcp__composer button { flex: 0 0 auto; min-width: 3.8rem; min-height: 3.35rem; padding: 0.65rem; color: var(--wcp-color-brand-ink) !important; background-color: var(--wcp-color-brand) !important; background-image: none !important; border: 0; border-radius: var(--wcp-radius-sm); font-family: var(--wcp-font-ui); font-size: var(--wcp-text-sm); font-weight: 800; letter-spacing: 0.09375rem; text-transform: uppercase; cursor: pointer; }

.wcp__lead { display: grid; gap: var(--wcp-space-3); margin-top: var(--wcp-space-5); padding: var(--wcp-space-4); background: rgba(255, 255, 255, 0.035); border: 1px solid var(--wcp-color-line); border-radius: var(--wcp-radius-md); }
.wcp__lead h4 { font-size: var(--wcp-text-md); }
.wcp__lead .wcp__button { width: 100%; }
.wcp__consent { grid-template-columns: auto 1fr; align-items: start; font-family: var(--wcp-font-body) !important; font-weight: 500 !important; letter-spacing: 0; text-transform: none; }
.wcp__consent input { width: 1.1rem; min-height: 1.1rem; margin-top: 0.15rem; accent-color: var(--wcp-color-brand); }
.wcp__form-status { min-height: 1.25rem; color: var(--wcp-color-muted) !important; font-size: var(--wcp-text-xs); }
.wcp__form-status a { color: #fff; font-weight: 800; text-decoration: underline; text-underline-offset: .18em; }
.wcp__disclaimer { margin-top: var(--wcp-space-4) !important; color: var(--wcp-color-faint) !important; font-size: var(--wcp-text-xs); }

.wcp__fitment-chip {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 var(--wcp-space-4);
  padding: .42rem .65rem;
  color: #201400;
  background: #f2c14e;
  border: 1px solid #ffd978;
  border-radius: 0;
  font-family: var(--wcp-font-ui);
  font-size: var(--wcp-text-xs);
  font-weight: 900;
  letter-spacing: .11rem;
  line-height: 1.35;
  text-transform: uppercase;
}
.wcp__fitment-chip--verified { color: #fff; background: #19733a; border-color: #70d7ad; }
.wcp__fitment-chip--changes_requested { color: #fff; background: #a51d2d; border-color: #ff8d8d; }
.wcp__fitment-chip--declined { color: #fff; background: #50575e; border-color: #a8b0b9; }
.wcp__submitted-spec { padding: var(--wcp-space-3); background: rgba(0, 0, 0, .2); border: 1px solid var(--wcp-color-line); }
.wcp__submitted-spec .wcp__fitment-chip { margin-bottom: var(--wcp-space-3); }
.wcp__submitted-spec dl, .wcp-build-status__spec { display: grid; gap: .55rem; margin: 0; }
.wcp__submitted-spec dl > div, .wcp-build-status__spec > div { display: grid; grid-template-columns: minmax(5rem, .3fr) minmax(0, 1fr); gap: .75rem; min-width: 0; }
.wcp__submitted-spec dt, .wcp-build-status__spec dt { color: var(--wcp-color-accent-gold); font-family: var(--wcp-font-ui); font-size: var(--wcp-text-xs); font-weight: 900; letter-spacing: .08rem; text-transform: uppercase; }
.wcp__submitted-spec dd, .wcp-build-status__spec dd { min-width: 0; margin: 0; color: var(--wcp-color-ink); font-size: var(--wcp-text-xs); overflow-wrap: anywhere; }

.wcp.wcp-build-status { max-width: 58rem; contain: none; }
.wcp-build-status .wcp__title { margin: var(--wcp-space-2) 0 var(--wcp-space-6) !important; color: var(--wcp-color-ink); font-family: var(--wcp-font-display); font-weight: 700; }
.wcp-build-status__spec { margin-top: var(--wcp-space-3); padding: var(--wcp-space-5); background: var(--wcp-color-panel); border: 1px solid var(--wcp-color-line); }
.wcp-build-status__note { margin: var(--wcp-space-5) 0 0; padding: var(--wcp-space-4); color: var(--wcp-color-ink); background: rgba(255, 255, 255, .045); border-left: 4px solid var(--wcp-color-accent-gold); }

.wcp__mobile-tabs { display: none; }
.wcp__sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.wcp-scroll-top {
  position: fixed;
  z-index: 9998;
  right: max(1.25rem, env(safe-area-inset-right));
  bottom: max(5.75rem, calc(env(safe-area-inset-bottom) + 1.25rem));
  display: grid;
  width: 3.15rem;
  height: 3.15rem;
  padding: 0;
  place-items: center;
  color: #fff;
  background: #BA312F;
  border: 1px solid #DB3636;
  border-radius: 0;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.36);
  font: 900 1.35rem/1 Gotham, Montserrat, "Avenir Next", Arial, sans-serif;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0.75rem);
  transition:
    opacity 220ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 220ms,
    background-color 140ms cubic-bezier(0.22, 1, 0.36, 1);
}
.wcp-scroll-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition-delay: 0s; }
.wcp-scroll-top:hover { background: #DB3636; }
.wcp-scroll-top:focus-visible { outline: 3px solid #ffb49a; outline-offset: 4px; }

@keyframes wcp-pulse { from { opacity: 0.65; } to { opacity: 1; } }
@keyframes wcp-message-in { from { opacity: 0; transform: translateY(0.45rem); } to { opacity: 1; transform: translateY(0); } }

@container wcp-chat (max-width: 27rem) {
  .wcp__grid--lead { grid-template-columns: minmax(0, 1fr); }
  .wcp__composer { align-items: stretch; flex-direction: column; }
  .wcp__composer button { width: 100%; }
}

@media (max-width: 1120px) {
  .wcp { border-radius: var(--wcp-radius-md); }
  .wcp__layout { grid-template-areas: "visual" "chat"; grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .wcp__mobile-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wcp-space-2); margin-bottom: var(--wcp-space-3); padding: var(--wcp-space-1); background: rgba(255,255,255,.035); border: 1px solid var(--wcp-color-line); border-radius: var(--wcp-radius-md); }
  .wcp__tab { min-height: 2.75rem; border-color: transparent; }
  .wcp__tab.is-active { color: var(--wcp-color-brand-ink); background: var(--wcp-color-brand); }
  .wcp[data-mobile-pane="visual"] [data-wcp-pane="chat"], .wcp[data-mobile-pane="chat"] [data-wcp-pane="visual"] { display: none; }
  .wcp__messages { max-height: 22rem; }
}

@media (max-width: 680px) {
  .wcp { padding: var(--wcp-space-3); border-right: 0; border-left: 0; border-radius: 0; }
  .wcp__header { align-items: flex-start; margin-bottom: var(--wcp-space-5); }
  .wcp__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
  .wcp__visual, .wcp__chat { padding: var(--wcp-space-3); border-radius: var(--wcp-radius-md); backdrop-filter: none; }
  .wcp__grid--lead { grid-template-columns: 1fr; }
  .wcp__actions { position: sticky; z-index: 4; bottom: 0; margin-inline: calc(var(--wcp-space-3) * -1); padding: var(--wcp-space-3); background: linear-gradient(180deg, rgba(11, 16, 21, 0.96), #070a0d); backdrop-filter: none; }
  .wcp__actions .wcp__button { flex: 1 1 50%; }
}

@media (max-width: 390px) {
  .wcp__canvas-frame { aspect-ratio: 4 / 3; }
  .wcp__concept-badge { left: var(--wcp-space-2); right: auto; font-size: 0.68rem; }
}

@media (prefers-reduced-motion: reduce) {
  .wcp *, .wcp *::before, .wcp *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .wcp-scroll-top { animation: none !important; transition: none !important; transform: none !important; }
}

@media (forced-colors: active) {
  .wcp, .wcp__visual, .wcp__chat, .wcp input, .wcp select, .wcp textarea, .wcp__button { forced-color-adjust: auto; border: 1px solid CanvasText; }
}