:root {
  --gallery-white: #ffffff;
  --gallery-canvas: #f8fafc;
  --gallery-paper: #fffef9;
  --gallery-ink: #15110f;
  --gallery-muted: #5f6673;
  --gallery-soft: #eef2f6;
  --gallery-line: rgba(21, 17, 15, 0.1);
  --gallery-line-strong: rgba(21, 17, 15, 0.18);
  --loteria-blue: #29bdf2;
  --loteria-green: #20a55a;
  --loteria-yellow: #ffd333;
  --loteria-magenta: #ec2f91;
  --loteria-red: #e43a2e;
  --loteria-purple: #6246d9;
  --cream: #fffef9;
  --ink: var(--gallery-ink);
  --muted: var(--gallery-muted);
  --red: var(--loteria-red);
  --orange: #ff8a24;
  --yellow: var(--loteria-yellow);
  --turquoise: var(--loteria-blue);
  --pink: var(--loteria-magenta);
  --green: var(--loteria-green);
  --purple: var(--loteria-purple);
  --blue: var(--loteria-blue);
  --white: var(--gallery-white);
  --shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
  --small-shadow: 0 12px 30px rgba(15, 23, 42, 0.1);
  --hairline: var(--gallery-line);
}

/* Storefront experience polish */
.shop-catalog-page {
  max-width: 1320px;
}

.shop-catalog-hero {
  align-items: center;
  grid-template-columns: minmax(0, 1.04fr) minmax(420px, 0.96fr);
  min-height: 650px;
  padding: clamp(42px, 6vw, 76px);
  position: relative;
}

.shop-catalog-hero::before {
  background-image: radial-gradient(rgba(98, 70, 217, 0.14) 1.5px, transparent 1.5px);
  background-size: 18px 18px;
  content: "";
  inset: 0 0 0 55%;
  mask-image: linear-gradient(90deg, transparent, #000 35%);
  opacity: 0.65;
  pointer-events: none;
  position: absolute;
}

.shop-catalog-hero-copy {
  position: relative;
  z-index: 2;
}

.shop-catalog-hero-copy h1 {
  font-size: clamp(3.4rem, 6.8vw, 7.4rem);
  max-width: 760px;
}

.shop-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.shop-hero-showcase {
  height: 500px;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.shop-hero-product {
  background: #fff;
  border: 5px solid #fff;
  border-radius: 20px;
  box-shadow: 0 28px 60px rgba(49, 32, 38, 0.2);
  margin: 0;
  overflow: hidden;
  position: absolute;
  width: clamp(190px, 19vw, 270px);
}

.shop-hero-product img {
  aspect-ratio: 4 / 5;
  display: block;
  object-fit: cover;
  width: 100%;
}

.shop-hero-product figcaption {
  background: #fff;
  color: var(--gallery-ink);
  font-size: 0.76rem;
  font-weight: 950;
  padding: 10px 12px;
}

.hero-product-spooky {
  left: 34%;
  top: 14px;
  transform: rotate(5deg);
  z-index: 3;
}

.hero-product-bebe {
  left: 3%;
  top: 116px;
  transform: rotate(-7deg);
  z-index: 2;
}

.hero-product-amor {
  left: 55%;
  top: 164px;
  transform: rotate(9deg);
  z-index: 1;
}

.shop-hero-showcase .shop-catalog-proof {
  bottom: 4px;
  left: 9%;
  position: absolute;
  transform: rotate(-2deg);
  z-index: 5;
}

.shop-assurance-strip {
  background: #fff;
  border: 1px solid #e4dfe1;
  border-radius: 22px;
  box-shadow: 0 16px 42px rgba(55, 37, 43, 0.07);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: -34px auto 70px;
  max-width: calc(100% - 70px);
  position: relative;
  z-index: 4;
}

.shop-assurance-strip > div {
  align-items: center;
  display: flex;
  gap: 13px;
  padding: 20px 24px;
}

.shop-assurance-strip > div + div {
  border-left: 1px solid #ece5e6;
}

.shop-assurance-strip > div > span {
  align-items: center;
  background: #fff1f7;
  border-radius: 999px;
  color: #c62172;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.05rem;
  font-weight: 950;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.shop-assurance-strip p {
  display: grid;
  gap: 3px;
  margin: 0;
}

.shop-assurance-strip strong {
  font-size: 0.9rem;
}

.shop-assurance-strip small {
  color: #746b70;
  font-size: 0.75rem;
  line-height: 1.4;
}

.shop-catalog-heading {
  align-items: end;
  display: grid;
  gap: 36px;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.6fr);
  margin: 0 0 26px;
  scroll-margin-top: 110px;
}

.shop-catalog-heading h2 {
  font-size: clamp(2.6rem, 6vw, 5.8rem);
  letter-spacing: -0.06em;
  line-height: 0.92;
  margin: 8px 0 0;
  max-width: 760px;
  text-wrap: balance;
}

.shop-catalog-heading > p {
  color: #655d61;
  font-size: 1.02rem;
  line-height: 1.7;
  margin: 0 0 6px;
}

.shop-featured-product {
  background: linear-gradient(145deg, #201627, #3b1c43 62%, #15242c);
  border-radius: 30px;
  color: #fff;
  display: grid;
  gap: clamp(32px, 6vw, 72px);
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  margin: 60px 0;
  min-height: 620px;
  overflow: hidden;
  padding: clamp(28px, 5vw, 58px);
}

.shop-featured-media {
  min-height: 510px;
  position: relative;
}

.shop-featured-media img {
  border: 5px solid rgba(255, 255, 255, 0.94);
  border-radius: 20px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.32);
  display: block;
  object-fit: cover;
  position: absolute;
}

.shop-featured-main {
  height: 78%;
  left: 0;
  top: 4%;
  transform: rotate(-2deg);
  width: 76%;
}

.shop-featured-detail {
  height: 36%;
  right: 0;
  width: 40%;
}

.shop-featured-detail.one {
  top: 2%;
  transform: rotate(5deg);
}

.shop-featured-detail.two {
  bottom: 3%;
  transform: rotate(-5deg);
}

.shop-featured-copy {
  align-content: center;
  display: grid;
}

.shop-featured-copy .lm-kicker {
  color: #f7c92d;
}

.shop-featured-copy h2 {
  color: #fff;
  font-size: clamp(2.6rem, 5vw, 5.2rem);
  letter-spacing: -0.06em;
  line-height: 0.91;
  margin: 10px 0 20px;
  text-wrap: balance;
}

.shop-featured-copy > p:not(.lm-kicker) {
  color: #ded4e2;
  line-height: 1.75;
  margin: 0;
}

.shop-featured-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 26px 0;
}

.shop-featured-facts span {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  display: grid;
  font-size: 0.7rem;
  gap: 2px;
  min-width: 94px;
  padding: 13px 16px;
  text-transform: uppercase;
}

.shop-featured-facts strong {
  color: #fff;
  font-size: 1.35rem;
}

.shop-featured-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.shop-featured-product .secondary-button {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
}

.shop-paths-section {
  margin: 70px 0;
}

.shop-paths-section > header {
  margin: 0 auto 28px;
  max-width: 820px;
  text-align: center;
}

.shop-paths-section > header h2 {
  font-size: clamp(2.5rem, 5.5vw, 5rem);
  letter-spacing: -0.055em;
  line-height: 0.94;
  margin: 8px 0;
}

.shop-paths-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shop-paths-grid article {
  background: #fff;
  border: 1px solid #e5dcde;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  min-height: 360px;
  padding: clamp(24px, 4vw, 38px);
}

.shop-paths-grid article > span {
  align-items: center;
  background: #edf9fd;
  border-radius: 16px;
  color: #087ca0;
  display: flex;
  font-size: 1.4rem;
  font-weight: 950;
  height: 52px;
  justify-content: center;
  margin-bottom: 26px;
  width: 52px;
}

.shop-paths-grid .path-physical > span { background: #fff5df; color: #a66a00; }
.shop-paths-grid .path-custom > span { background: #f6edff; color: #7554c9; }

.shop-paths-grid h3 {
  font-size: 1.8rem;
  margin: 6px 0 12px;
}

.shop-paths-grid article > p:not(.lm-kicker) {
  color: #6b6267;
  line-height: 1.65;
  margin: 0 0 26px;
}

.shop-paths-grid article > a,
.shop-paths-grid article > button {
  background: transparent;
  border: 0;
  color: #9b2464;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  margin-top: auto;
  padding: 0;
  text-align: left;
  text-decoration: underline;
  text-decoration-color: rgba(155, 36, 100, 0.3);
  text-underline-offset: 4px;
}

.shop-review-wall {
  background:
    radial-gradient(circle at 8% 8%, rgba(41, 189, 242, 0.14), transparent 24rem),
    radial-gradient(circle at 90% 90%, rgba(236, 47, 145, 0.12), transparent 24rem),
    #fff;
  border: 1px solid #e6dfe1;
  border-radius: 28px;
  margin: 70px 0;
  padding: clamp(28px, 5vw, 56px);
}

.shop-review-wall > header {
  align-items: end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 30px;
}

.shop-review-wall h2 {
  font-size: clamp(2.3rem, 5vw, 4.6rem);
  letter-spacing: -0.055em;
  line-height: 0.94;
  margin: 8px 0 0;
  max-width: 850px;
}

.shop-review-wall > header > a {
  color: #8c245f;
  flex: 0 0 auto;
  font-weight: 900;
}

.shop-review-wall > div {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shop-review-wall blockquote {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e9e0e3;
  border-radius: 18px;
  margin: 0;
  padding: 24px;
}

.shop-review-wall blockquote > span {
  color: #e9ab00;
  letter-spacing: 2px;
}

.shop-review-wall blockquote p {
  color: #2f292d;
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.5;
  margin: 14px 0 18px;
}

.shop-review-wall cite {
  color: #7b7177;
  font-size: 0.72rem;
  font-style: normal;
}

.shop-catalog-page + .seo-faq-section {
  background: linear-gradient(145deg, #fffaf0, #f6fbff) !important;
  border: 1px solid #e8ddd5 !important;
  border-radius: 30px !important;
  max-width: 1260px !important;
}

.spooky-deck-preview {
  background: linear-gradient(145deg, #211727, #3a1e42);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 26px;
  color: #fff;
  margin: 28px 0 48px;
  overflow: hidden;
}

.spooky-deck-preview > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: clamp(24px, 4vw, 38px);
}

.spooky-deck-preview > summary::-webkit-details-marker { display: none; }

.spooky-deck-preview > summary > span {
  display: grid;
  gap: 6px;
}

.spooky-deck-preview > summary small {
  color: #f3c632;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.spooky-deck-preview > summary strong {
  color: #fff;
  font-size: clamp(1.7rem, 4vw, 3.2rem);
  letter-spacing: -0.045em;
}

.spooky-deck-preview > summary em {
  color: #cfc3d3;
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 800;
}

.spooky-deck-preview > summary > b {
  align-items: center;
  background: #f3c632;
  border-radius: 50%;
  color: #2b1831;
  display: flex;
  flex: 0 0 auto;
  font-size: 1.6rem;
  height: 48px;
  justify-content: center;
  transition: transform 180ms ease;
  width: 48px;
}

.spooky-deck-preview[open] > summary > b { transform: rotate(45deg); }

.spooky-deck-preview-body {
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  padding: 0 clamp(22px, 4vw, 38px) clamp(28px, 4vw, 42px);
}

.spooky-deck-preview-body > p {
  color: #d6cbd9;
  line-height: 1.65;
  margin: 24px 0;
  max-width: 760px;
}

.spooky-deck-preview-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.spooky-deck-preview-grid figure {
  background: #fff;
  border: 3px solid #fff;
  border-radius: 12px;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.spooky-deck-preview-grid figure::after {
  color: rgba(255, 255, 255, 0.54);
  content: attr(data-watermark);
  font-size: 0.54rem;
  font-weight: 950;
  left: 50%;
  pointer-events: none;
  position: absolute;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.48);
  top: 43%;
  transform: translate(-50%, -50%) rotate(-24deg);
  white-space: nowrap;
}

.spooky-deck-preview-grid img {
  aspect-ratio: 465 / 597;
  display: block;
  object-fit: cover;
  width: 100%;
}

.spooky-deck-preview-grid figcaption {
  color: #211827;
  display: grid;
  font-size: 0.72rem;
  font-weight: 900;
  gap: 2px;
  line-height: 1.2;
  padding: 9px;
}

.spooky-deck-preview-grid figcaption span {
  color: #9b2464;
  font-size: 0.62rem;
}

.spooky-deck-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.spooky-deck-preview .secondary-button {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #fff !important;
}

.storefront-product-carousel {
  margin: 58px 0 28px;
}

.storefront-product-carousel > header {
  align-items: end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 22px;
}

.storefront-product-carousel h2 {
  font-size: clamp(2.2rem, 5vw, 4.6rem);
  letter-spacing: -0.055em;
  line-height: 0.94;
  margin: 8px 0 0;
  max-width: 830px;
}

.storefront-carousel-controls {
  display: flex;
  gap: 8px;
}

.storefront-carousel-controls button {
  align-items: center;
  background: #fff;
  border: 1px solid #ddd4d7;
  border-radius: 50%;
  color: var(--gallery-ink);
  cursor: pointer;
  display: flex;
  font-size: 1.2rem;
  height: 46px;
  justify-content: center;
  width: 46px;
}

.storefront-carousel-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding: 2px 2px 18px;
  scroll-snap-type: x mandatory;
  scrollbar-color: #cfc4c8 transparent;
}

.storefront-carousel-card {
  --carousel-accent: var(--loteria-blue);
  background: #fff;
  border: 1px solid #e3dade;
  border-radius: 20px;
  box-shadow: 0 14px 34px rgba(51, 33, 40, 0.08);
  flex: 0 0 min(390px, 78vw);
  overflow: hidden;
  scroll-snap-align: start;
}

.storefront-carousel-card.theme-bebe { --carousel-accent: var(--loteria-blue); }
.storefront-carousel-card.theme-amor { --carousel-accent: var(--loteria-magenta); }
.storefront-carousel-card.theme-grateful { --carousel-accent: #df8528; }
.storefront-carousel-card.theme-bridal { --carousel-accent: #8aa89a; }
.storefront-carousel-card.theme-christmas { --carousel-accent: #c83b3e; }
.storefront-carousel-card.theme-maker { --carousel-accent: var(--loteria-green); }

.storefront-carousel-card > a {
  display: block;
}

.storefront-carousel-card img {
  aspect-ratio: 16 / 10;
  display: block;
  object-fit: cover;
  width: 100%;
}

.storefront-carousel-card > div {
  padding: 22px;
}

.storefront-carousel-card > div > span {
  color: var(--carousel-accent);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.storefront-carousel-card h3 {
  font-size: 1.55rem;
  margin: 8px 0 10px;
}

.storefront-carousel-card h3 a {
  color: var(--gallery-ink);
  text-decoration: none;
}

.storefront-carousel-card p {
  color: #6a6166;
  line-height: 1.55;
  min-height: 74px;
}

.storefront-carousel-card > div > a {
  color: #8f245f;
  font-weight: 900;
}

@media (max-width: 980px) {
  .shop-catalog-hero {
    grid-template-columns: 1fr;
  }

  .shop-hero-showcase {
    margin: 0 auto;
    max-width: 610px;
    width: 100%;
  }

  .shop-featured-product {
    grid-template-columns: 1fr;
  }

  .shop-featured-media {
    min-height: 490px;
  }

  .spooky-deck-preview-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.shared-files-page {
  background: radial-gradient(circle at 15% 10%, rgba(236,43,131,.14), transparent 30%), radial-gradient(circle at 90% 20%, rgba(22,169,224,.15), transparent 32%), #f5f2f8;
  min-height: 100vh;
  padding: 20px;
}

.shared-files-nav { align-items: center; display: flex; justify-content: space-between; margin: 0 auto 28px; max-width: 1060px; }
.shared-files-nav > a { color: #15131a; font-size: 1.05rem; font-weight: 900; text-decoration: none; }
.shared-files-card { background: #fff; border: 1px solid #e1dce8; border-radius: 30px; box-shadow: 0 30px 90px rgba(36,27,52,.14); margin: 0 auto; max-width: 820px; padding: clamp(28px, 6vw, 58px); }
.shared-files-card h1 { color: #15131a; font-size: clamp(2rem, 6vw, 3.6rem); letter-spacing: -.055em; line-height: .98; margin: 10px 0 16px; }
.shared-files-card > p { color: #625b6b; font-size: 1.02rem; line-height: 1.6; }
.shared-files-summary { background: #f7f3ff; border: 1px solid #ded4f4; border-radius: 20px; display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); margin: 25px 0; overflow: hidden; }
.shared-files-summary span { align-items: center; color: #655d73; display: flex; flex-direction: column; font-size: .76rem; font-weight: 800; gap: 2px; padding: 16px 8px; text-align: center; }
.shared-files-summary strong { color: #261d41; font-size: 1.35rem; }
.shared-files-actions { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.shared-files-actions .secondary-button { grid-column: 1 / -1; }
.shared-files-progress { background: #e7e0ed; border-radius: 999px; height: 10px; margin: 18px 0 28px; position: relative; }
.shared-files-progress > span { background: linear-gradient(90deg, #7654c9, #ec2b83); border-radius: inherit; display: block; height: 100%; transition: width .2s ease; }
.shared-files-progress small { color: #625b6b; display: block; font-size: .72rem; font-weight: 750; margin-top: 6px; }

@media (max-width: 620px) {
  .shared-files-page { padding: 12px; }
  .shared-files-nav { margin-bottom: 14px; }
  .shared-files-card { border-radius: 22px; padding: 25px 19px; }
  .shared-files-summary { grid-template-columns: 1fr; }
  .shared-files-summary span + span { border-top: 1px solid #ded4f4; }
  .shared-files-actions { grid-template-columns: 1fr; }
  .shared-files-actions .secondary-button { grid-column: auto; }
}

@media (max-width: 760px) {
  .shop-catalog-hero {
    min-height: 0;
    overflow: visible;
  }

  .shop-catalog-hero::before { display: none; }

  .shop-hero-showcase {
    height: 370px;
  }

  .shop-hero-product {
    width: 42%;
  }

  .hero-product-bebe { left: 0; top: 80px; }
  .hero-product-spooky { left: 29%; top: 0; }
  .hero-product-amor { left: 57%; top: 92px; }

  .shop-hero-showcase .shop-catalog-proof {
    left: 4%;
    min-width: 140px;
  }

  .shop-assurance-strip {
    grid-template-columns: 1fr;
    margin-bottom: 52px;
    max-width: calc(100% - 28px);
  }

  .shop-assurance-strip > div + div {
    border-left: 0;
    border-top: 1px solid #ece5e6;
  }

  .shop-catalog-heading {
    gap: 16px;
    grid-template-columns: 1fr;
  }

  .shop-featured-media {
    min-height: 410px;
  }

  .shop-featured-main { width: 78%; }
  .shop-featured-detail { width: 43%; }

  .shop-paths-grid,
  .shop-review-wall > div {
    grid-template-columns: 1fr;
  }

  .shop-paths-grid article {
    min-height: 0;
  }

  .shop-review-wall > header,
  .storefront-product-carousel > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .spooky-deck-preview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .shop-catalog-hero {
    padding: 30px 20px 24px;
  }

  .shop-hero-actions,
  .shop-featured-actions,
  .spooky-deck-preview-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .shop-hero-actions > *,
  .shop-featured-actions > *,
  .spooky-deck-preview-actions > * {
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  .shop-hero-showcase {
    height: 300px;
  }

  .shop-hero-product {
    border-width: 3px;
    border-radius: 13px;
  }

  .shop-hero-product figcaption {
    display: none;
  }

  .shop-hero-showcase .shop-catalog-proof {
    bottom: 0;
    padding: 12px;
  }

  .shop-featured-product {
    border-radius: 22px;
    margin-left: -2px;
    margin-right: -2px;
    padding: 22px 18px 28px;
  }

  .shop-featured-media {
    min-height: 300px;
  }

  .shop-featured-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shop-featured-facts span {
    min-width: 0;
    padding: 10px;
  }

  .spooky-deck-preview > summary {
    align-items: flex-start;
  }

  .spooky-deck-preview > summary > b {
    height: 38px;
    width: 38px;
  }

  .spooky-deck-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.digital-product-guide {
  background: linear-gradient(145deg, #fffdf8, #fff4e9);
  border: 1px solid #eadfd3;
  border-radius: 26px;
  color: var(--gallery-ink);
  margin: 22px 0 46px;
  overflow: hidden;
  padding: clamp(28px, 5vw, 54px);
  position: relative;
}

.digital-product-guide::after {
  background: radial-gradient(circle, rgba(236, 47, 145, 0.12), transparent 68%);
  content: "";
  height: 320px;
  pointer-events: none;
  position: absolute;
  right: -130px;
  top: -150px;
  width: 320px;
}

.digital-product-guide-head {
  max-width: 720px;
  position: relative;
  z-index: 1;
}

.digital-product-guide-head h2 {
  color: var(--gallery-ink);
  font-size: clamp(1.9rem, 4vw, 3.25rem);
  letter-spacing: -0.045em;
  line-height: 1;
  margin: 9px 0 14px;
}

.digital-product-guide-head > p:last-child {
  color: #655d63;
  font-size: 1.02rem;
  line-height: 1.7;
  margin: 0;
}

.digital-product-guide-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 30px;
  position: relative;
  z-index: 1;
}

.digital-product-guide-grid article {
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid #eadfd3;
  border-radius: 18px;
  min-height: 100%;
  padding: 20px;
}

.digital-product-guide-grid article > span {
  align-items: center;
  background: var(--loteria-magenta);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 0.84rem;
  font-weight: 950;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.digital-product-guide-grid h3 {
  color: var(--gallery-ink);
  font-size: 1.03rem;
  line-height: 1.25;
  margin: 16px 0 9px;
}

.digital-product-guide-grid p {
  color: #655d63;
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0;
}

.digital-product-guide-tip {
  background: #fff7d6;
  border: 1px solid #f0d77a;
  border-radius: 14px;
  color: #433607;
  line-height: 1.55;
  margin-top: 16px;
  padding: 15px 18px;
  position: relative;
  z-index: 1;
}

.digital-product-guide.compact {
  background: #fffaf3;
  border-radius: 16px;
  margin: 16px 0 12px;
  padding: 18px;
}

.digital-product-guide.compact .digital-product-guide-head h2 {
  font-size: 1.35rem;
  letter-spacing: -0.025em;
}

.digital-product-guide.compact .digital-product-guide-head > p:last-child {
  font-size: 0.84rem;
}

.digital-product-guide.compact .digital-product-guide-grid {
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
}

.digital-product-guide.compact .digital-product-guide-grid article {
  border-radius: 12px;
  padding: 13px;
}

.digital-product-guide.compact .digital-product-guide-grid article > span {
  height: 24px;
  width: 24px;
}

.digital-product-guide.compact .digital-product-guide-grid h3 {
  font-size: 0.88rem;
  margin: 10px 0 5px;
}

.digital-product-guide.compact .digital-product-guide-grid p {
  font-size: 0.78rem;
  line-height: 1.45;
}

@media (max-width: 950px) {
  .digital-product-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .digital-product-guide {
    border-radius: 20px;
    padding: 26px 18px;
  }

  .digital-product-guide-grid {
    grid-template-columns: 1fr;
  }
}

/* Direct digital product store */
.digital-product-offer {
  background: linear-gradient(145deg, #fffdf9 0%, #fff7ef 58%, #faf7ff 100%);
  border: 1px solid #eadfd6;
  border-radius: 24px;
  box-shadow: 0 28px 70px rgba(74, 44, 30, 0.12);
  color: var(--gallery-ink);
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
  margin: 32px 0 42px;
  overflow: hidden;
  padding: 28px;
}

.storefront-product-page.theme-bebe .digital-product-offer {
  background: linear-gradient(145deg, #fffefc 0%, #fff3f8 48%, #eefaff 100%);
  border-color: #ecdce7;
  box-shadow: 0 28px 70px rgba(111, 82, 121, 0.12);
}

.storefront-product-page.theme-bebe .digital-product-stage {
  background: #f6eefa;
}

.storefront-product-page.theme-bebe .digital-product-thumbs button.active {
  border-color: #28b7df;
  box-shadow: 0 0 0 2px rgba(40, 183, 223, 0.18);
}

.storefront-product-page.theme-amor .digital-product-offer {
  background: linear-gradient(145deg, #fffdfd 0%, #fff0f6 55%, #f7f2ff 100%);
  border-color: #f0cedd;
}

.storefront-product-page.theme-grateful .digital-product-offer {
  background: linear-gradient(145deg, #fffdf7 0%, #fff4df 54%, #eff5e9 100%);
  border-color: #ead8b6;
}

.storefront-product-page.theme-bridal .digital-product-offer {
  background: linear-gradient(145deg, #fff 0%, #fff5f2 50%, #eef7f3 100%);
  border-color: #dfe8e1;
}

.storefront-product-page.theme-christmas .digital-product-offer {
  background: linear-gradient(145deg, #fffdf6 0%, #fff3e1 48%, #edf7ef 100%);
  border-color: #e6d8c1;
}

.digital-product-gallery,
.digital-product-buybox {
  min-width: 0;
}

.digital-product-stage {
  aspect-ratio: 4 / 3;
  background: #0d0a12;
  border-radius: 17px;
  overflow: hidden;
  position: relative;
}

.digital-product-stage img,
.digital-product-stage video {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.digital-product-stage > span {
  backdrop-filter: blur(7px);
  background: rgba(17, 12, 22, 0.7);
  border-radius: 999px;
  bottom: 13px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.72rem;
  font-weight: 800;
  left: 13px;
  padding: 7px 11px;
  position: absolute;
}

.digital-product-thumbs {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 12px;
}

.digital-product-thumbs button {
  aspect-ratio: 1;
  background: #0d0a12;
  border: 2px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
}

.digital-product-thumbs button.active {
  border-color: #f6c62f;
  box-shadow: 0 0 0 2px rgba(246, 198, 47, 0.18);
}

.digital-product-thumbs img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.digital-product-buybox .lm-kicker {
  color: #b51f70;
}

.digital-product-buybox h2 {
  color: var(--gallery-ink);
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
  margin: 9px 0 12px;
}

.digital-product-buybox > p {
  color: #5f5961;
}

.digital-product-rating {
  color: #5f5961;
  font-size: 0.86rem;
  margin-bottom: 18px;
}

.digital-product-rating span,
.digital-product-review-strip blockquote > span {
  color: #f6c62f;
  letter-spacing: 2px;
}

.digital-product-price {
  color: var(--gallery-ink);
  font-size: 2rem;
  font-weight: 900;
  margin: 20px 0 12px;
}

.digital-product-includes {
  color: #403a42;
  display: grid;
  gap: 7px;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.digital-product-includes li::before {
  color: #54d496;
  content: "✓";
  font-weight: 900;
  margin-right: 9px;
}

.digital-checkout-email {
  display: grid;
  gap: 7px;
  margin: 18px 0 12px;
}

.digital-checkout-emails {
  display: grid;
  gap: 9px;
  margin: 18px 0 12px;
}

.digital-checkout-emails .digital-checkout-email {
  margin: 0;
}

.digital-email-help {
  color: #6c6470 !important;
  font-size: 0.74rem !important;
  line-height: 1.45;
  margin: 0 !important;
}

.digital-email-help.error {
  color: #b51645 !important;
}

.digital-checkout-email span,
.digital-delivery-email {
  color: #514a54;
  font-size: 0.8rem;
  font-weight: 800;
}

.digital-admin-test-box {
  background: #f3efff;
  border: 1px solid #d8cef3;
  border-radius: 11px;
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding: 12px;
}

.digital-admin-test-box .secondary-button {
  justify-content: center;
  width: 100%;
}

.digital-admin-test-box small {
  color: #5e5375;
  font-size: 0.72rem;
  line-height: 1.45;
}

.download-test-badge {
  background: #eee8ff;
  border: 1px solid #cfc1f4;
  border-radius: 999px;
  color: #523b9b;
  display: inline-flex;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
  padding: 5px 9px;
  text-transform: uppercase;
}

.digital-delivery-email {
  line-height: 1.45;
  margin: 10px 0 0;
}

.digital-checkout-email input {
  background: #fff;
  border: 2px solid transparent;
  border-radius: 10px;
  color: #17111f;
  font: inherit;
  padding: 13px 14px;
  width: 100%;
}

.digital-checkout-email input:focus {
  border-color: #ec2b83;
  outline: none;
}

.digital-buy-button {
  background: #ec2b83;
  border-color: #ec2b83;
  justify-content: center;
  margin-top: 10px;
  width: 100%;
}

.digital-buy-button:disabled {
  background: #d5ced8;
  border-color: #d5ced8;
  color: #6f6872;
}

.digital-physical-buy-button {
  background: #fff;
  border-color: #cfc4c9;
  color: var(--gallery-ink);
  justify-content: center;
  margin-top: 10px;
  text-decoration: none;
  width: 100%;
}

.digital-physical-buy-button:hover {
  background: #fff7e8;
  border-color: #e6b51d;
  color: var(--gallery-ink);
}

.digital-launch-note,
.digital-secure-note {
  color: #716a73 !important;
  font-size: 0.76rem;
  line-height: 1.5;
  margin-top: 10px;
}

.digital-product-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
}

.digital-product-secondary-actions a {
  color: #7c2459;
  font-size: 0.84rem;
  font-weight: 800;
  text-decoration-color: #f6c62f;
  text-underline-offset: 4px;
}

.digital-product-message {
  background: #fff8dc;
  border: 1px solid #f0d77a;
  border-radius: 9px;
  color: #4c3d08 !important;
  font-size: 0.86rem;
  font-weight: 800;
  padding: 12px 14px;
}

.digital-product-review-strip {
  display: grid;
  gap: 12px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.digital-product-review-strip blockquote {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #e8dfe5;
  border-radius: 14px;
  margin: 0;
  padding: 18px;
}

.digital-product-review-strip p {
  color: #312b32;
  font-size: 0.93rem;
  font-weight: 700;
  margin: 8px 0 10px;
}

.digital-product-review-strip cite {
  color: #766e78;
  font-size: 0.7rem;
  font-style: normal;
}

.storefront-product-page,
.shop-catalog-page {
  margin: 0 auto;
  max-width: 1240px;
  padding: clamp(34px, 6vw, 76px) 24px 24px;
}

.storefront-product-header {
  align-items: end;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 0 auto 12px;
  max-width: 1040px;
}

.storefront-product-header h1 {
  color: var(--gallery-ink);
  font-size: clamp(2.5rem, 6vw, 5.4rem);
  letter-spacing: -0.055em;
  line-height: 0.92;
  margin: 8px 0 18px;
  max-width: 900px;
  text-wrap: balance;
}

.storefront-product-header > div > p:last-child {
  color: #625a61;
  font-size: 1.08rem;
  line-height: 1.7;
  max-width: 820px;
}

.storefront-more-products,
.shop-catalog-footer {
  align-items: center;
  background: linear-gradient(135deg, #f1fbff, #fff8df);
  border: 1px solid #d9e8e8;
  border-radius: 24px;
  display: flex;
  gap: 28px;
  justify-content: space-between;
  margin: 0 0 26px;
  padding: clamp(24px, 4vw, 42px);
}

.storefront-more-products h2,
.shop-catalog-footer h2 {
  font-size: clamp(1.8rem, 4vw, 3rem);
  margin: 7px 0 8px;
}

.storefront-more-products p:last-child,
.shop-catalog-footer p:last-child {
  color: #625a61;
  margin: 0;
}

.shop-catalog-page {
  padding-top: clamp(30px, 6vw, 70px);
}

.shop-catalog-hero {
  align-items: end;
  background:
    radial-gradient(circle at 90% 8%, rgba(41, 189, 242, 0.22), transparent 27rem),
    radial-gradient(circle at 6% 95%, rgba(236, 47, 145, 0.16), transparent 26rem),
    #fffaf2;
  border: 1px solid #eadfd2;
  border-radius: 32px;
  display: grid;
  gap: 36px;
  grid-template-columns: minmax(0, 1fr) auto;
  overflow: hidden;
  padding: clamp(32px, 6vw, 72px);
}

.shop-catalog-hero h1 {
  font-size: clamp(3rem, 7.5vw, 7.2rem);
  letter-spacing: -0.065em;
  line-height: 0.87;
  margin: 10px 0 24px;
  max-width: 960px;
  text-wrap: balance;
}

.shop-catalog-hero > div > p:last-child {
  color: #665b55;
  font-size: clamp(1.02rem, 2vw, 1.26rem);
  line-height: 1.65;
  max-width: 720px;
}

.shop-catalog-proof {
  background: #fff;
  border: 1px solid #e7dad0;
  border-radius: 20px;
  box-shadow: 0 16px 34px rgba(74, 44, 30, 0.08);
  display: grid;
  min-width: 170px;
  padding: 22px;
}

.shop-catalog-proof > span {
  color: #e8aa00;
  letter-spacing: 2px;
}

.shop-catalog-proof strong {
  font-size: 2.3rem;
  margin-top: 6px;
}

.shop-catalog-proof small {
  color: #72665f;
  line-height: 1.45;
}

.shop-catalog-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 28px 0 20px;
}

.shop-catalog-filters button {
  background: #fff;
  border: 1px solid #ded5d0;
  border-radius: 999px;
  color: #4e4541;
  cursor: pointer;
  font: inherit;
  font-weight: 850;
  padding: 10px 17px;
}

.shop-catalog-filters button.active {
  background: var(--gallery-ink);
  border-color: var(--gallery-ink);
  color: #fff;
}

.shop-catalog-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 26px;
}

.shop-product-card {
  --product-accent: var(--loteria-blue);
  background: #fff;
  border: 1px solid #e5dcda;
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(52, 35, 28, 0.08);
  display: grid;
  grid-template-columns: minmax(180px, 0.82fr) minmax(0, 1.18fr);
  overflow: hidden;
}

.shop-product-card.theme-spooky { --product-accent: #8d52c7; }
.shop-product-card.theme-bebe { --product-accent: #29bdf2; }
.shop-product-card.theme-amor { --product-accent: #ec2f91; }
.shop-product-card.theme-grateful { --product-accent: #e98e2e; }
.shop-product-card.theme-bridal { --product-accent: #8aa89a; }
.shop-product-card.theme-christmas { --product-accent: #c83b3e; }
.shop-product-card.theme-maker { --product-accent: #20a55a; }

.shop-product-card.theme-maker {
  grid-column: 1 / -1;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
}

.shop-product-card.theme-maker .shop-product-image img {
  object-position: center;
}

.shop-product-image {
  background: #f1edf2;
  min-height: 300px;
  overflow: hidden;
  position: relative;
}

.shop-product-image img {
  height: 100%;
  object-fit: cover;
  transition: transform 240ms ease;
  width: 100%;
}

.shop-product-card:hover .shop-product-image img {
  transform: scale(1.025);
}

.shop-product-image > span {
  background: var(--product-accent);
  border-radius: 999px;
  bottom: 14px;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 900;
  left: 14px;
  padding: 7px 10px;
  position: absolute;
}

.shop-product-copy {
  align-content: center;
  display: grid;
  padding: clamp(22px, 3vw, 34px);
}

.shop-product-title-row {
  align-items: start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.shop-product-title-row h2 {
  font-size: clamp(1.45rem, 2.5vw, 2.05rem);
  line-height: 1.05;
  margin: 0;
}

.shop-product-title-row h2 a {
  color: var(--gallery-ink);
  text-decoration: none;
}

.shop-product-title-row > strong {
  color: var(--product-accent);
  font-size: 1.15rem;
  white-space: nowrap;
}

.shop-product-copy > p {
  color: #655d61;
  line-height: 1.6;
  margin: 14px 0 20px;
}

.shop-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shop-product-actions .primary-button {
  background: var(--product-accent);
}

.shop-catalog-footer {
  margin-top: 24px;
}

.download-guide-details {
  border-top: 1px solid #eee6e9;
  margin-top: 22px;
  padding-top: 16px;
}

.download-guide-details > summary {
  color: #493e49;
  cursor: pointer;
  font-weight: 900;
}

.download-guide-details > a {
  color: #8f2365;
  display: inline-flex;
  font-size: 0.84rem;
  font-weight: 850;
  margin-top: 4px;
  text-underline-offset: 3px;
}

.downloads-shell {
  max-width: 1080px;
}

.downloads-hero {
  max-width: 760px;
  padding: 32px 0 24px;
}

.downloads-hero h1 {
  font-size: clamp(2.5rem, 7vw, 5rem);
  margin: 8px 0 12px;
}

.downloads-hero > p:last-child {
  color: #5c5361;
  font-size: 1.08rem;
  line-height: 1.7;
}

.downloads-library {
  display: grid;
  gap: 18px;
  padding-bottom: 60px;
}

.download-purchase-card {
  align-items: stretch;
  background: #fff;
  border: 1px solid #e4dfe7;
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(38, 29, 65, 0.09);
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  overflow: hidden;
}

.download-purchase-card > img {
  height: 100%;
  min-height: 260px;
  object-fit: cover;
  width: 100%;
}

.download-purchase-main {
  padding: 26px;
}

.download-purchase-main h2 {
  margin: 5px 0 8px;
}

.download-purchase-main > p:not(.lm-kicker) {
  color: #5c5361;
}

.download-purchase-main small {
  color: #766d7a;
  display: block;
  margin-top: 12px;
}

.download-file-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 20px;
}

.download-file-list button {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

.downloads-empty,
.downloads-account-nudge {
  background: #fff;
  border: 1px solid #e4dfe7;
  border-radius: 18px;
  padding: 28px;
}

.downloads-empty p,
.downloads-account-nudge p {
  color: #5c5361;
}

.downloads-library.compact {
  padding-bottom: 16px;
}

.downloads-library.compact .download-purchase-card {
  grid-template-columns: 150px minmax(0, 1fr);
}

.digital-product-manager {
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
}

.digital-product-manager .section-minihead {
  align-items: start;
  display: flex;
  justify-content: space-between;
}

.voice-branding-manager {
  align-items: start;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(240px, .8fr) minmax(360px, 1.2fr);
}

.voice-branding-controls {
  display: grid;
  gap: 14px;
  width: 100%;
}

.voice-branding-options {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.voice-branding-options label {
  align-items: center;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(37,23,17,.12);
  border-radius: 14px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 12px;
}

.voice-branding-options label.selected {
  border-color: #7554c9;
  box-shadow: 0 0 0 2px rgba(117,84,201,.13);
}

.voice-branding-options label span {
  display: grid;
  gap: 2px;
}

.voice-branding-options label small {
  color: #706878;
}

.voice-branding-preview {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.voice-branding-preview span {
  align-items: center;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(37,23,17,.1);
  border-radius: 13px;
  display: flex;
  gap: 8px;
  min-width: 0;
  padding: 9px;
}

.voice-branding-preview i {
  align-items: center;
  background: linear-gradient(135deg, #7554c9, #f24f9b);
  border-radius: 50%;
  color: white;
  display: flex;
  flex: 0 0 34px;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  height: 34px;
  justify-content: center;
}

.voice-branding-preview b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.voice-branding-live-status {
  align-self: center;
  color: #706878;
  font-size: .75rem;
  font-style: normal;
}

.voice-studio { display: grid; gap: 18px; margin-bottom: 22px; }
.voice-studio-hero {
  background: radial-gradient(circle at 95% 0%, rgba(250,194,64,.28), transparent 28%), linear-gradient(135deg, #24133f, #523081 58%, #8d3974);
  border-radius: 26px; box-shadow: 0 20px 46px rgba(36,19,63,.2); color: white; display: grid; gap: 18px;
  grid-template-columns: minmax(0,1fr) auto; overflow: hidden; padding: clamp(22px,3vw,36px); position: relative;
}
.voice-studio-hero h3 { color: white; font-size: clamp(1.65rem,3vw,2.55rem); line-height: 1.05; margin: 5px 0 10px; max-width: 680px; }
.voice-studio-hero p { color: rgba(255,255,255,.78); margin: 0; max-width: 720px; }
.voice-studio-hero .eyebrow { color: #ffdc72; }
.voice-studio-hero > .primary-button { align-self: start; background: #ffce4b; color: #28183f; }
.voice-studio-stats { display: flex; flex-wrap: wrap; gap: 9px; grid-column: 1 / -1; }
.voice-studio-stats span { align-items: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14); border-radius: 13px; display: flex; gap: 7px; padding: 9px 12px; font-size: .78rem; font-weight: 800; }
.voice-studio-stats span b { color: #ffdc72; font-size: 1rem; }.voice-studio-stats span.ready b { color: #6ef0b7; }
.voice-studio-layout { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(250px,.34fr) minmax(0,1fr); }
.voice-library-panel,.voice-editor-panel { background: rgba(255,255,255,.98); border: 1px solid rgba(35,24,47,.1); border-radius: 24px; box-shadow: 0 14px 34px rgba(24,15,39,.07); }
.voice-library-panel { display: grid; gap: 14px; max-height: 820px; overflow-y: auto; padding: 16px; position: sticky; top: 190px; }
.voice-panel-title { align-items: center; display: flex; justify-content: space-between; }.voice-panel-title h4 { margin: 2px 0 0; }.voice-panel-title p { margin: 0; }
.voice-panel-title button { background: #f1ecf7; border: 0; border-radius: 50%; cursor: pointer; height: 34px; width: 34px; }
.voice-library-group { display: grid; gap: 7px; }.voice-library-group > small { color: #8b8191; font-size: .68rem; font-weight: 1000; letter-spacing: .1em; padding: 3px 5px; text-transform: uppercase; }
.voice-library-group > button { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 15px; cursor: pointer; display: grid; gap: 10px; grid-template-columns: 40px minmax(0,1fr) auto; padding: 9px; text-align: left; }
.voice-library-group > button:hover,.voice-library-group > button.active { background: #f6f1fb; border-color: rgba(117,84,201,.2); }.voice-library-group > button.active { box-shadow: inset 3px 0 #7554c9; }
.voice-library-art { align-items: center; background: linear-gradient(135deg,#7554c9,#f24f9b); background-position: center; background-size: cover; border-radius: 11px; color: white; display: flex; font-weight: 950; height: 40px; justify-content: center; width: 40px; }
.voice-library-group button > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }.voice-library-group strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.voice-library-group em { color: #817887; font-size: .69rem; font-style: normal; }
.voice-status-dot { background: #aaa; border-radius: 50%; height: 8px; width: 8px; }.voice-status-dot.live { background: #16a66a; box-shadow: 0 0 0 4px rgba(22,166,106,.12); }.voice-status-dot.testing { background: #e89e19; }.voice-status-dot.draft { background: #8f7ba7; }
.voice-editor-panel { min-height: 500px; overflow: hidden; }.voice-editor-header { align-items: center; background: linear-gradient(135deg,#fbf9fd,#f6f0fa); border-bottom: 1px solid rgba(35,24,47,.08); display: flex; justify-content: space-between; padding: 24px; }.voice-editor-header h3 { font-size: 1.7rem; margin: 7px 0 3px; }.voice-editor-header p { color: #817887; margin: 0; }
.voice-status-pill { background: #eee7f5; border-radius: 999px; color: #674d84; display: inline-flex; font-size: .68rem; font-weight: 1000; letter-spacing: .08em; padding: 6px 9px; text-transform: uppercase; }.voice-status-pill.live { background: #dff7ed; color: #087549; }.voice-status-pill.testing { background: #fff0cd; color: #916000; }
.voice-completion-ring { align-items: center; background: conic-gradient(#7554c9 var(--progress),#e8e1ed 0); border-radius: 50%; display: flex; height: 68px; justify-content: center; position: relative; width: 68px; }.voice-completion-ring::after { background: white; border-radius: 50%; content: ""; inset: 6px; position: absolute; }.voice-completion-ring b { color: #3a2948; font-size: .78rem; position: relative; z-index: 1; }
.voice-editor-section { border-bottom: 1px solid rgba(35,24,47,.08); display: grid; gap: 18px; padding: 24px; }.voice-step { align-items: center; display: flex; gap: 11px; }.voice-step > span { align-items: center; background: #332049; border-radius: 50%; color: white; display: flex; flex: 0 0 32px; font-weight: 950; height: 32px; justify-content: center; }.voice-step > div { display: grid; gap: 2px; }.voice-step small { color: #817887; }
.voice-form-grid { display: grid; gap: 13px; grid-template-columns: repeat(2,minmax(0,1fr)); }.voice-form-grid label,.voice-access-row label { display: grid; gap: 6px; }.voice-form-grid label > span,.voice-access-row label > span { color: #6e6374; font-size: .72rem; font-weight: 900; }.voice-form-grid label.wide { grid-column: 1 / -1; }.voice-form-grid input,.voice-form-grid select,.voice-access-row input,.voice-access-row select { background: #fbfafc; border: 1px solid #ded7e2; border-radius: 12px; min-height: 42px; padding: 9px 11px; width: 100%; }.voice-form-grid label > small { color: #817887; font-size: .7rem; }
.voice-access-row { align-items: end; display: grid; gap: 13px; grid-template-columns: 1fr 1.15fr .6fr; }.corcholata-choice { display: grid; gap: 8px; grid-template-columns: repeat(2,1fr); }.corcholata-choice button { background: #f8f4fa; border: 1px solid #ded7e2; border-radius: 12px; cursor: pointer; font-weight: 1000; min-height: 42px; }.corcholata-choice button.active { background: #fff1bc; border-color: #e5ae27; color: #674400; }.corcholata-choice small { font-size: .65rem; }
.voice-access-row.simple { grid-template-columns: minmax(220px,.8fr) minmax(280px,1.2fr); }
.voice-ios-preview { align-items: center; background: linear-gradient(135deg,#21162f,#352146); border: 1px solid rgba(255,255,255,.11); border-radius: 20px; color: white; display: grid; gap: 22px; grid-template-columns: minmax(0,1fr) 174px; overflow: hidden; padding: 18px 22px; }
.voice-ios-preview-copy { display: grid; gap: 5px; }.voice-ios-preview-copy > span { color: #ffd56a; font-size: .68rem; font-weight: 1000; letter-spacing: .09em; text-transform: uppercase; }.voice-ios-preview-copy > strong { font-size: 1rem; }.voice-ios-preview-copy > small { color: rgba(255,255,255,.66); line-height: 1.45; max-width: 480px; }
.voice-ios-picker-tile { align-items: center; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.18); border-radius: 18px; display: flex; flex-direction: column; height: 152px; justify-content: center; padding: 10px; position: relative; text-align: center; }.voice-ios-picker-tile > strong { font-size: .78rem; margin-top: 8px; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.voice-ios-picker-tile > small { color: rgba(255,255,255,.48); font-size: .58rem; font-weight: 700; margin-top: 3px; }
.voice-ios-avatar-stage { height: 76px; position: relative; width: 76px; }.voice-ios-avatar { align-items: center; background: linear-gradient(135deg,#7656ce,#e94e9e); background-position: center; background-size: cover; border-radius: 50%; color: white; display: flex; font-size: 2rem; font-weight: 950; height: 76px; justify-content: center; overflow: hidden; width: 76px; }.voice-ios-avatar.has-image { background-color: #30223b; }
.voice-ios-premium { background: linear-gradient(135deg,#7355cc,#ec4d9d); border-radius: 999px; color: white; font-size: .54rem; font-weight: 900; left: 50%; padding: 4px 7px; position: absolute; top: -12px; transform: translateX(-50%); white-space: nowrap; }.voice-ios-speaker { align-items: center; background: rgba(0,0,0,.48); border-radius: 50%; bottom: -5px; color: white; display: flex; font-size: .7rem; font-weight: 1000; height: 24px; justify-content: center; left: -5px; position: absolute; width: 24px; }.voice-ios-cost { align-items: center; backdrop-filter: blur(12px); background: rgba(255,255,255,.78); border-radius: 999px; bottom: -5px; color: #30213c; display: flex; font-size: .62rem; font-weight: 1000; gap: 4px; padding: 5px 7px; position: absolute; right: -10px; }.voice-ios-cost i { color: #dda514; font-size: .72rem; font-style: normal; }
.voice-advanced-settings { background: #faf8fb; border: 1px solid #e4dce8; border-radius: 14px; padding: 12px 14px; }.voice-advanced-settings summary { color: #685a70; cursor: pointer; font-size: .78rem; font-weight: 900; }.voice-advanced-settings label { display: grid; gap: 6px; margin-top: 13px; max-width: 360px; }.voice-advanced-settings label span { color: #6e6374; font-size: .72rem; font-weight: 900; }.voice-advanced-settings input { background: white; border: 1px solid #ded7e2; border-radius: 12px; min-height: 42px; padding: 9px 11px; }.voice-advanced-settings p { color: #817887; font-size: .72rem; margin: 9px 0 0; }
.voice-upload-grid { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }.voice-upload-zone { align-items: center; background: #fbf9fc; border: 1.5px dashed #cbbfd2; border-radius: 17px; cursor: pointer; display: flex; flex-direction: column; gap: 5px; justify-content: center; min-height: 135px; padding: 16px; }.voice-upload-zone:hover { background: #f7f0fb; border-color: #8c62b0; }.voice-upload-zone.complete { background: #eefaf5; border-color: #62bd91; }.voice-upload-zone > span { align-items: center; background: #e9dff1; border-radius: 50%; color: #6f4a91; display: flex; font-size: 1.25rem; height: 38px; justify-content: center; width: 38px; }.voice-upload-zone.complete > span { background: #cceedd; color: #087549; }.voice-upload-zone small { color: #817887; }
.voice-match-report { align-items: center; border: 1px solid; border-radius: 15px; display: flex; gap: 14px; justify-content: space-between; padding: 14px; }.voice-match-report.ready { background: #effaf5; border-color: #a9ddc4; }.voice-match-report.warning { align-items: start; background: #fff8e8; border-color: #edd59a; flex-direction: column; }.voice-match-report > div { display: grid; gap: 3px; }.voice-match-report span { color: #6e6374; font-size: .78rem; }.voice-match-report details { width: 100%; }.voice-match-report summary { color: #805c07; cursor: pointer; font-weight: 900; }.voice-match-report details p { color: #74654a; font-size: .75rem; line-height: 1.7; }
.voice-upload-progress { display: grid; gap: 7px; grid-template-columns: minmax(0,1fr) auto; }.voice-upload-progress > div { background: #e9e1ed; border-radius: 99px; height: 9px; overflow: hidden; }.voice-upload-progress > div span { background: linear-gradient(90deg,#7554c9,#e85199); display: block; height: 100%; transition: width .2s ease; }.voice-upload-progress small { color: #817887; grid-column: 1/-1; }
.voice-publish-flow { align-items: center; display: grid; gap: 8px; grid-template-columns: 1fr auto 1fr auto 1fr; }.voice-publish-flow > button { align-items: center; background: #faf8fb; border: 1px solid #ded7e2; border-radius: 15px; cursor: pointer; display: flex; gap: 9px; min-height: 64px; padding: 11px; text-align: left; }.voice-publish-flow > button.current { background: #eee5f7; border-color: #825aa3; box-shadow: 0 0 0 2px rgba(117,84,201,.1); }.voice-publish-flow button > b { align-items: center; background: #e7dfec; border-radius: 50%; display: flex; flex: 0 0 28px; height: 28px; justify-content: center; }.voice-publish-flow button > span { display: grid; gap: 2px; }.voice-publish-flow small { color: #817887; }.voice-publish-flow > i { color: #b7aabb; font-style: normal; }.voice-retire-button { background: none; border: 0; color: #a23d55; cursor: pointer; font-weight: 850; justify-self: start; padding: 7px 0; text-decoration: underline; }
.voice-studio-message { background: #f3eff6; border-radius: 12px; color: #564360; font-weight: 750; margin: 0 24px 24px; padding: 12px 14px; }.voice-studio-empty { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 520px; padding: 40px; text-align: center; }.voice-studio-empty > span { font-size: 3rem; }.voice-studio-empty h3 { margin-bottom: 0; }.voice-studio-empty p { color: #817887; }
.voice-live-metadata-lock { background: #fff5d8; border: 1px solid #edcc73; border-radius: 12px; color: #6d5214; font-size: .78rem; font-weight: 750; line-height: 1.45; margin: 0; padding: 11px 13px; }
.voice-editor-section.metadata-locked .voice-form-grid,.voice-editor-section.metadata-locked .voice-access-row,.voice-editor-section.metadata-locked .voice-advanced-settings { opacity: .62; pointer-events: none; }
.voice-revision-callout { align-items: center; background: linear-gradient(135deg,#f8f1ff,#fff9e9); border-bottom: 1px solid #e6d8ed; display: flex; gap: 18px; justify-content: space-between; padding: 18px 24px; }.voice-revision-callout > div { align-items: center; display: flex; gap: 12px; }.voice-revision-callout > div > span { align-items: center; background: #7851a0; border-radius: 50%; color: white; display: flex; flex: 0 0 38px; font-size: 1.3rem; height: 38px; justify-content: center; }.voice-revision-callout p { color: #76677d; font-size: .78rem; margin: 3px 0 0; }
.voice-revision-banner { align-items: center; background: #291842; color: white; display: flex; gap: 14px; justify-content: space-between; padding: 13px 24px; }.voice-revision-banner > div { align-items: center; display: flex; gap: 10px; }.voice-revision-banner > div > span { background: #ffce4b; border-radius: 9px; color: #291842; font-size: .72rem; font-weight: 1000; padding: 7px 9px; }.voice-revision-banner > div > div { display: grid; gap: 2px; }.voice-revision-banner small { color: rgba(255,255,255,.7); }.voice-revision-banner > b { color: #77e8ba; font-size: .75rem; }.voice-editor-section.publish.revision { background: linear-gradient(180deg,#fbf8ff,#fff); }
.voice-recording-manager { border: 1px solid #e2dae6; border-radius: 18px; display: grid; gap: 14px; overflow: hidden; }.voice-recording-manager > header { align-items: end; background: #f7f3f9; display: flex; gap: 16px; justify-content: space-between; padding: 16px; }.voice-recording-manager header h4,.voice-recording-manager header p { margin: 0; }.voice-recording-manager header span { color: #7c7082; font-size: .75rem; }.voice-recording-filters { display: flex; gap: 6px; }.voice-recording-filters button { background: white; border: 1px solid #ddd3e2; border-radius: 999px; cursor: pointer; font-size: .7rem; font-weight: 900; padding: 7px 10px; }.voice-recording-filters button.active { background: #38204e; border-color: #38204e; color: white; }
.voice-card-recording-grid { display: grid; gap: 9px; max-height: 680px; overflow-y: auto; padding: 0 12px 14px; }.voice-card-recording-grid article { align-items: center; background: white; border: 1px solid #e7e0ea; border-radius: 14px; display: grid; gap: 11px; grid-template-columns: 62px minmax(140px,.75fr) minmax(180px,1fr) auto; padding: 9px; }.voice-card-recording-grid article.missing { background: #fffaf1; border-color: #ecd9a9; }.voice-card-recording-grid article > img { background: #eee7f1; border-radius: 9px; height: 72px; object-fit: cover; width: 58px; }.voice-card-recording-info { display: grid; gap: 2px; }.voice-card-recording-info > span { color: #9b85aa; font-size: .65rem; font-weight: 1000; }.voice-card-recording-info > small { color: #817887; }.voice-card-recording-grid audio { height: 34px; max-width: 100%; width: 100%; }.voice-audio-missing { align-items: center; background: #f0e9f4; border-radius: 9px; color: #9b85aa; display: flex; height: 34px; justify-content: center; }.voice-card-recording-actions { display: flex; flex-direction: column; gap: 5px; }.voice-card-recording-actions label,.voice-card-recording-actions button { background: #eee6f4; border: 0; border-radius: 8px; color: #62467a; cursor: pointer; font-size: .66rem; font-weight: 900; padding: 7px 9px; text-align: center; }.voice-card-recording-actions label input { display: none; }.voice-card-recording-actions button { background: transparent; color: #a43e54; }

@media (max-width: 980px) { .voice-studio-layout { grid-template-columns: 1fr; }.voice-library-panel { max-height: 330px; position: static; }.voice-access-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .voice-studio-hero { grid-template-columns: 1fr; }.voice-studio-hero > .primary-button { justify-self: start; }.voice-form-grid,.voice-upload-grid,.voice-access-row { grid-template-columns: 1fr; }.voice-form-grid label.wide { grid-column: auto; }.voice-ios-preview { grid-template-columns: 1fr; }.voice-ios-picker-tile { justify-self: center; width: 174px; }.voice-publish-flow { grid-template-columns: 1fr; }.voice-publish-flow > i { display: none; }.voice-editor-header { align-items: start; }.voice-completion-ring { height: 58px; width: 58px; }.voice-revision-callout,.voice-revision-banner,.voice-recording-manager > header { align-items: flex-start; flex-direction: column; }.voice-card-recording-grid article { grid-template-columns: 54px minmax(0,1fr) auto; }.voice-card-recording-grid audio,.voice-audio-missing { grid-column: 1 / -1; }.voice-card-recording-actions { grid-column: 3; grid-row: 1; } }

@media (max-width: 780px) {
  .voice-branding-manager { grid-template-columns: 1fr; }
  .voice-branding-preview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.digital-admin-file-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.digital-admin-file {
  background: #f7f4f9;
  border: 1px dashed #cfc5d5;
  border-radius: 12px;
  cursor: pointer;
  display: grid;
  gap: 5px;
  min-height: 150px;
  padding: 16px;
  position: relative;
}

.digital-admin-file.ready {
  background: #effaf4;
  border-color: #80c9a0;
}

.digital-admin-file span,
.digital-admin-file b {
  color: #7554c9;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.digital-admin-file strong {
  overflow-wrap: anywhere;
}

.digital-admin-file small {
  color: #706878;
}

.digital-admin-file b {
  align-self: end;
  color: #34285b;
  margin-top: auto;
}

.digital-admin-file input {
  inset: 0;
  opacity: 0;
  position: absolute;
}

.digital-admin-stats {
  display: flex;
  gap: 12px;
}

.digital-admin-stats span {
  background: #f7f4f9;
  border-radius: 10px;
  color: #655d73;
  display: grid;
  gap: 2px;
  min-width: 130px;
  padding: 12px;
}

.digital-admin-stats b {
  color: #261d41;
  font-size: 1.35rem;
}

@media (max-width: 840px) {
  .digital-product-offer,
  .download-purchase-card,
  .downloads-library.compact .download-purchase-card {
    grid-template-columns: 1fr;
  }

  .storefront-product-header,
  .shop-catalog-hero,
  .shop-catalog-grid,
  .shop-product-card,
  .shop-product-card.theme-maker {
    grid-template-columns: 1fr;
  }

  .shop-product-card.theme-maker {
    grid-column: auto;
  }

  .shop-catalog-proof {
    max-width: 240px;
  }

  .shop-product-image {
    min-height: 0;
  }

  .shop-product-image img {
    aspect-ratio: 16 / 10;
  }

  .digital-product-review-strip {
    grid-template-columns: 1fr;
  }

  .digital-admin-file-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .download-purchase-card > img {
    max-height: 300px;
  }
}

@media (max-width: 520px) {
  .digital-product-offer {
    border-radius: 18px;
    margin-left: -12px;
    margin-right: -12px;
    padding: 16px;
  }

  .digital-product-thumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .download-purchase-main {
    padding: 20px;
  }

  .storefront-product-page,
  .shop-catalog-page {
    padding-left: 14px;
    padding-right: 14px;
  }

  .shop-catalog-hero {
    border-radius: 22px;
    padding: 28px 20px;
  }

  .storefront-more-products,
  .shop-catalog-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .digital-product-guide.compact .digital-product-guide-grid {
    grid-template-columns: 1fr;
  }
}

/* Finalize and download: one current final set, guided file workflow */
.builder-page .download-studio-panel .builder-studio-layout {
  grid-template-columns: minmax(0, 1fr);
}

.builder-page .download-studio-panel .studio-settings:empty,
.builder-page .download-studio-panel .studio-guidance:empty {
  display: none;
}

.builder-page .download-studio-panel .studio-main {
  margin: 0 auto;
  max-width: 1240px;
  overflow: visible;
  padding: 28px;
  width: 100%;
}

.download-redesign {
  display: grid;
  gap: 24px;
}

.download-flow {
  align-items: center;
  background: #f3f6f8;
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 6px;
}

.download-flow span {
  align-items: center;
  color: var(--gallery-muted);
  display: flex;
  font-size: 0.82rem;
  font-weight: 900;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
  padding: 6px 10px;
}

.download-flow b {
  align-items: center;
  background: #dfe5e9;
  border-radius: 50%;
  color: var(--gallery-muted);
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.download-flow span.complete {
  color: #117346;
}

.download-flow span.complete b {
  background: var(--loteria-green);
  color: #fff;
}

.download-flow span.active {
  background: #fff;
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 6px;
  color: var(--gallery-ink);
}

.download-flow span.active b {
  background: var(--loteria-magenta);
  color: #fff;
}

.download-set-overview {
  background: #fff;
  border: 1px solid rgba(21, 17, 15, 0.12);
  border-top: 5px solid var(--loteria-blue);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr);
  min-height: 390px;
  overflow: hidden;
}

.download-set-overview.ready {
  border-top-color: var(--loteria-green);
}

.download-set-overview.changed {
  border-top-color: var(--loteria-yellow);
}

.download-set-visual {
  align-items: center;
  background: #eef7fa;
  border-right: 1px solid rgba(21, 17, 15, 0.1);
  display: flex;
  justify-content: center;
  min-height: 390px;
  overflow: hidden;
  padding: 28px 84px 28px 28px;
  position: relative;
}

.download-board-preview {
  filter: drop-shadow(0 18px 22px rgba(15, 23, 42, 0.14));
  max-width: 245px;
  transform: rotate(-1.5deg);
  width: 72%;
}

.download-board-preview .board-preview {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  width: 100%;
}

.download-board-preview canvas {
  border-radius: 5px;
  display: block;
  height: auto;
  width: 100%;
}

.download-card-fan {
  bottom: 28px;
  display: flex;
  position: absolute;
  right: 22px;
}

.download-card-fan .card-preview-canvas {
  filter: drop-shadow(0 10px 12px rgba(15, 23, 42, 0.2));
  margin-left: -38px;
  width: 82px;
}

.download-card-fan .card-preview-canvas:nth-child(1) {
  transform: rotate(-9deg) translateY(9px);
}

.download-card-fan .card-preview-canvas:nth-child(2) {
  transform: rotate(1deg);
}

.download-card-fan .card-preview-canvas:nth-child(3) {
  transform: rotate(10deg) translateY(9px);
}

.download-card-fan canvas {
  height: auto;
  width: 100%;
}

.download-preview-placeholder {
  color: var(--gallery-muted);
  font-weight: 900;
  text-align: center;
}

.download-set-summary {
  align-content: center;
  display: grid;
  gap: 13px;
  padding: clamp(28px, 4vw, 48px);
}

.download-set-summary h3 {
  font-size: clamp(1.9rem, 3vw, 2.75rem);
  line-height: 1;
  margin: 0;
}

.download-set-summary > p,
.download-stage-heading p,
.download-file-copy p,
.download-extras p,
.download-access-notice p,
.download-update-row p {
  color: var(--gallery-muted);
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}

.download-set-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.download-set-facts span {
  background: #f4f7f9;
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 6px;
  color: var(--gallery-muted);
  display: flex;
  font-size: 0.78rem;
  font-weight: 850;
  gap: 5px;
  padding: 8px 10px;
}

.download-set-facts strong {
  color: var(--gallery-ink);
}

.download-set-state {
  border-left: 3px solid var(--loteria-blue);
  padding-left: 11px;
}

.download-set-overview.changed .download-set-state {
  border-left-color: var(--loteria-yellow);
}

.download-set-summary small,
.download-file-copy small {
  color: var(--gallery-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.download-preview-update-button {
  justify-self: start;
}

.download-access-notice {
  align-items: start;
  background: #fffaf0;
  border: 1px solid rgba(21, 17, 15, 0.12);
  border-left: 5px solid var(--loteria-yellow);
  border-radius: 8px;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  padding: 20px 22px;
}

.download-access-notice.blocked {
  border-left-color: var(--loteria-red);
}

.download-access-notice strong,
.download-update-row strong {
  display: block;
  font-size: 1.06rem;
  margin-bottom: 5px;
}

.download-access-actions {
  display: grid;
  gap: 10px;
}

.download-finalize-stage,
.download-files-stage {
  display: grid;
  gap: 18px;
  padding: 4px 0;
}

.download-finalize-stage {
  border-bottom: 1px solid rgba(21, 17, 15, 0.12);
  padding-bottom: 24px;
}

.download-stage-heading {
  align-items: flex-start;
  display: grid;
  gap: 14px;
  grid-template-columns: 42px minmax(0, 1fr);
}

.download-stage-heading > span {
  align-items: center;
  background: var(--gallery-ink);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 950;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.download-files-stage .download-stage-heading > span {
  background: var(--loteria-green);
}

.download-stage-heading h3 {
  font-size: 1.55rem;
  line-height: 1.1;
  margin: 2px 0 6px;
}

.download-stage-heading .eyebrow,
.download-file-copy .eyebrow,
.download-extras .eyebrow {
  margin: 0;
}

.download-print-settings {
  align-items: center;
  background: #f5f7f8;
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-left: 56px;
  padding: 14px 16px;
}

.download-print-settings > label:first-child {
  display: grid;
  gap: 4px;
  min-width: 132px;
}

.download-print-settings label > span {
  color: var(--gallery-muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.download-print-settings select {
  min-height: 40px;
}

.download-print-settings .compact-check {
  align-items: center;
  display: flex;
  gap: 7px;
  min-height: 40px;
}

.download-print-settings .compact-check input {
  accent-color: var(--loteria-magenta);
  height: 18px;
  width: 18px;
}

.download-update-row {
  align-items: center;
  background: #fff8df;
  border-left: 4px solid var(--loteria-yellow);
  border-radius: 6px;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-left: 56px;
  padding: 16px 18px;
}

.download-final-ready {
  align-items: center;
  color: #117346;
  display: flex;
  gap: 9px;
  margin-left: 56px;
}

.download-final-ready > span {
  align-items: center;
  background: var(--loteria-green);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: 950;
  height: 25px;
  justify-content: center;
  width: 25px;
}

.download-final-ready small {
  color: var(--gallery-muted);
  font-weight: 850;
}

.download-current-note {
  background: #fff8df;
  border-left: 3px solid var(--loteria-yellow);
  color: #6f5421;
  font-weight: 800;
  margin: 0 0 0 56px;
  padding: 10px 12px;
}

.download-file-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-left: 56px;
}

.download-file-card {
  align-content: start;
  background: #fff;
  border: 1px solid rgba(21, 17, 15, 0.12);
  border-top: 5px solid var(--loteria-blue);
  border-radius: 8px;
  display: grid;
  gap: 15px;
  grid-template-columns: 58px minmax(0, 1fr);
  padding: 22px;
}

.download-file-card.boards-file {
  border-top-color: var(--loteria-green);
}

.download-file-format {
  align-items: center;
  background: #eaf7fd;
  border-radius: 6px;
  color: #087da6;
  display: flex;
  font-size: 0.78rem;
  font-weight: 950;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.boards-file .download-file-format {
  background: #e9f8ef;
  color: #117346;
}

.download-file-copy h4 {
  font-size: 1.35rem;
  line-height: 1.1;
  margin: 3px 0 7px;
}

.download-file-card > .primary-button,
.download-file-card > .download-time-note {
  grid-column: 1 / -1;
}

.download-file-card > .primary-button {
  width: 100%;
}

.download-time-note {
  color: var(--gallery-muted);
  font-size: 0.78rem;
  font-weight: 800;
  margin: -6px 0 0;
  text-align: center;
}

.download-extras {
  align-items: center;
  background: #f5f7f8;
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 8px;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
  padding: 16px 18px;
}

.download-extras strong {
  display: block;
  margin: 2px 0 3px;
}

.download-extras p {
  font-size: 0.82rem;
}

.finalize-confirm-dialog,
.download-progress-dialog {
  background: #fff;
  border: 1px solid rgba(21, 17, 15, 0.12);
  border-radius: 8px;
  box-shadow: var(--shadow);
  display: grid;
  gap: 16px;
  max-width: 540px;
  padding: 28px;
  position: relative;
  width: min(100%, 540px);
}

.finalize-confirm-dialog h2,
.download-progress-dialog h2 {
  font-size: 1.75rem;
  line-height: 1.1;
  margin: 0;
}

.finalize-confirm-dialog p,
.download-progress-dialog p {
  color: var(--gallery-muted);
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}

.finalize-confirm-actions {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.download-progress-layer {
  background: rgba(21, 17, 15, 0.56);
  z-index: 1100;
}

.download-progress-dialog {
  justify-items: center;
  text-align: center;
}

.download-progress-ring {
  align-items: center;
  background: conic-gradient(var(--loteria-blue) var(--download-progress), #e8eef3 0);
  border-radius: 50%;
  display: flex;
  height: 112px;
  justify-content: center;
  position: relative;
  width: 112px;
}

.download-progress-ring::after {
  background: #fff;
  border-radius: 50%;
  content: "";
  inset: 10px;
  position: absolute;
}

.download-progress-ring span {
  color: var(--gallery-ink);
  font-size: 1.25rem;
  font-weight: 950;
  position: relative;
  z-index: 1;
}

@media (max-width: 760px) {
  .builder-page .download-studio-panel .studio-main {
    padding: 12px;
  }

  .download-redesign {
    gap: 18px;
  }

  .download-flow span {
    font-size: 0.72rem;
    gap: 5px;
    padding: 5px 3px;
  }

  .download-flow b {
    height: 21px;
    width: 21px;
  }

  .download-set-overview {
    grid-template-columns: 1fr;
  }

  .download-set-visual {
    border-bottom: 1px solid rgba(21, 17, 15, 0.1);
    border-right: 0;
    min-height: 300px;
    padding: 22px 76px 22px 22px;
  }

  .download-board-preview {
    max-width: 190px;
  }

  .download-card-fan {
    bottom: 21px;
    right: 12px;
  }

  .download-card-fan .card-preview-canvas {
    margin-left: -34px;
    width: 68px;
  }

  .download-set-summary {
    padding: 24px 20px;
  }

  .download-set-summary h3 {
    font-size: 2rem;
  }

  .download-preview-update-button {
    width: 100%;
  }

  .download-access-notice,
  .download-update-row,
  .download-file-grid,
  .finalize-confirm-actions {
    grid-template-columns: 1fr;
  }

  .download-access-notice {
    padding: 17px;
  }

  .download-print-settings,
  .download-update-row,
  .download-final-ready,
  .download-current-note,
  .download-file-grid {
    margin-left: 0;
  }

  .download-print-settings {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .download-print-settings > label:first-child {
    grid-column: 1 / -1;
  }

  .download-update-row .primary-button {
    width: 100%;
  }

  .download-final-ready {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .download-final-ready small {
    flex-basis: 100%;
    padding-left: 34px;
  }

  .download-file-card {
    padding: 18px;
  }

  .download-extras {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .download-extras .secondary-button {
    width: 100%;
  }

  .finalize-confirm-dialog,
  .download-progress-dialog {
    padding: 22px;
  }
}

.saved-final-version {
  border-left: 4px solid #16a66a;
}

.download-safe-badge,
.download-action-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  margin-bottom: 9px;
  padding: 5px 9px;
  text-transform: uppercase;
}

.download-safe-badge {
  background: rgba(22, 166, 106, 0.12);
  color: #0b7142;
}

.download-action-badge {
  background: rgba(255, 181, 43, 0.18);
  color: #8b4a00;
}

.current-final-design {
  border-left: 4px solid var(--loteria-yellow);
}

.saved-final-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

@media (max-width: 640px) {
  .saved-final-actions {
    grid-template-columns: 1fr;
  }
}

/* Admin workspace redesign */
.admin-page {
  --admin-bg: #f6f8fb;
  --admin-surface: #ffffff;
  --admin-surface-soft: #f9fafb;
  --admin-line: #d9e2ef;
  --admin-ink: #111827;
  --admin-muted: #5b6472;
  --admin-blue: #2563eb;
  --admin-green: #0f766e;
  --admin-gold: #b7791f;
  --admin-red: #b91c1c;
  --admin-purple: #7c3aed;
  --admin-teal: #0891b2;
  background: var(--admin-bg) !important;
  color: var(--admin-ink);
}

.admin-page .top-nav {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(217, 226, 239, 0.9) !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

.admin-portal-shell {
  align-items: flex-start;
  background: transparent !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) !important;
  margin: 24px auto 60px !important;
  max-width: 1480px !important;
  padding: 0 24px !important;
}

.admin-portal-sidebar {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 55px rgba(15, 23, 42, 0.08) !important;
  color: var(--admin-ink) !important;
  overflow: hidden;
  padding: 16px !important;
  position: sticky;
  top: 18px;
}

.admin-portal-brand {
  border-bottom: 1px solid var(--admin-line) !important;
  margin-bottom: 14px !important;
  padding-bottom: 14px !important;
}

.admin-portal-brand > span {
  background: linear-gradient(135deg, var(--admin-blue), var(--admin-teal)) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.admin-portal-brand strong,
.admin-portal-nav button span,
.admin-portal-links button {
  color: var(--admin-ink) !important;
}

.admin-portal-brand small,
.admin-portal-nav-heading {
  color: var(--admin-muted) !important;
}

.admin-portal-nav {
  display: grid;
  gap: 8px;
}

.admin-portal-nav-group {
  display: grid;
  gap: 8px;
}

.admin-portal-nav button {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  min-height: 44px;
  padding: 10px 12px !important;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.admin-portal-nav button.active {
  background: #eef6ff !important;
  border-color: #bfdbfe !important;
  color: var(--admin-blue) !important;
}

.admin-portal-nav button.active span {
  color: var(--admin-blue) !important;
}

.admin-portal-nav button b {
  background: var(--admin-red) !important;
  border-radius: 999px;
  color: #fff !important;
  min-width: 24px;
  padding: 2px 7px;
  text-align: center;
}

.admin-portal-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.admin-portal-topbar,
.admin-section-hero,
.admin-tab-panel,
.admin-command-card,
.admin-health-card,
.admin-locked-panel {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06) !important;
}

.admin-portal-topbar {
  align-items: center !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 24px !important;
}

.admin-portal-topbar h1 {
  color: var(--admin-ink) !important;
  font-size: clamp(2rem, 4vw, 3.35rem) !important;
  letter-spacing: 0 !important;
}

.admin-portal-topbar .soft-copy,
.admin-section-hero p,
.admin-command-card .soft-copy {
  color: var(--admin-muted) !important;
}

.admin-portal-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.admin-page .primary-button {
  background: var(--admin-blue) !important;
  border-color: var(--admin-blue) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.22) !important;
}

.admin-page .secondary-button,
.admin-page .small-button {
  background: #fff !important;
  border: 1px solid var(--admin-line) !important;
  color: var(--admin-ink) !important;
  box-shadow: none !important;
}

.admin-mobile-tabs {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  gap: 8px !important;
  padding: 8px !important;
}

.admin-mobile-tabs button {
  border-radius: 10px !important;
  color: var(--admin-muted) !important;
  min-height: 40px;
}

.admin-mobile-tabs button.active {
  background: var(--admin-ink) !important;
  color: #fff !important;
}

.admin-cockpit {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.admin-section-hero {
  background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr) !important;
  padding: 22px !important;
}

.admin-section-metrics {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
}

.admin-section-metrics span,
.admin-summary-grid article,
.admin-detail-metrics article,
.admin-row-metrics span {
  background: var(--admin-surface-soft) !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 12px !important;
}

.admin-health-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.admin-health-card {
  align-items: flex-start !important;
  color: var(--admin-ink) !important;
  min-height: 160px !important;
  padding: 18px !important;
  text-align: left !important;
}

.admin-health-card strong {
  color: var(--admin-ink) !important;
  font-size: 1.05rem !important;
}

.admin-health-card div span {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.admin-health-card div b {
  color: var(--admin-ink) !important;
  font-size: clamp(1.7rem, 3vw, 2.4rem) !important;
}

.admin-health-card .status-badge {
  background: #eff6ff !important;
  color: var(--admin-blue) !important;
}

.admin-health-card.green .status-badge,
.tone-green .status-badge {
  background: #ecfdf5 !important;
  color: var(--admin-green) !important;
}

.admin-health-card.gold .status-badge,
.tone-gold .status-badge {
  background: #fffbeb !important;
  color: var(--admin-gold) !important;
}

.admin-health-card.red .status-badge,
.tone-red .status-badge {
  background: #fef2f2 !important;
  color: var(--admin-red) !important;
}

.admin-health-card.purple .status-badge,
.tone-purple .status-badge {
  background: #f5f3ff !important;
  color: var(--admin-purple) !important;
}

.admin-health-card.teal .status-badge,
.tone-teal .status-badge {
  background: #ecfeff !important;
  color: var(--admin-teal) !important;
}

.admin-dashboard-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr) minmax(280px, 0.9fr) !important;
}

.admin-command-card,
.admin-tab-panel {
  padding: 18px !important;
}

.admin-attention-card .admin-feed-list button {
  border-left: 4px solid var(--admin-blue) !important;
}

.admin-attention-card .admin-feed-list button.tone-red {
  border-left-color: var(--admin-red) !important;
}

.admin-attention-card .admin-feed-list button.tone-gold {
  border-left-color: var(--admin-gold) !important;
}

.admin-attention-card .admin-feed-list button.tone-purple {
  border-left-color: var(--admin-purple) !important;
}

.admin-filter-bar {
  background: var(--admin-surface-soft) !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 14px !important;
  padding: 10px !important;
}

.admin-filter-bar input,
.admin-filter-bar select,
.admin-code-card input,
.admin-code-card select,
.admin-code-card textarea {
  background: #fff !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 10px !important;
  color: var(--admin-ink) !important;
}

.admin-workspace {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.admin-list-panel,
.admin-detail-card,
.admin-context-card,
.admin-code-card,
.support-request-card,
.support-empty-card,
.admin-code-row,
.ios-report-card,
.ios-table-card {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05) !important;
}

.admin-user-card,
.admin-deck-card,
.admin-feed-list button,
.admin-command-list button,
.admin-context-stack button {
  background: var(--admin-surface-soft) !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 12px !important;
  color: var(--admin-ink) !important;
}

.admin-user-card.selected,
.admin-deck-card.selected {
  background: #eef6ff !important;
  border-color: #bfdbfe !important;
}

.support-admin-panel {
  order: 30;
}

.customer-admin-panel {
  order: 10;
}

.project-admin-panel {
  order: 20;
}

.commerce-admin-panel {
  order: 10;
}

.codes-admin-panel {
  order: 20;
}

.ai-admin-panel {
  order: 10;
}

.site-content-admin-panel {
  order: 20;
}

.background-admin-panel {
  order: 30;
}

.ios-analytics-panel {
  order: 40;
}

.admin-background-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
}

.admin-background-tile {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 14px !important;
}

@media (max-width: 1080px) {
  .admin-portal-shell {
    grid-template-columns: 1fr !important;
    padding: 0 14px !important;
  }

  .admin-portal-sidebar {
    position: relative;
    top: auto;
  }

  .admin-portal-nav {
    display: none !important;
  }

  .admin-portal-main {
    gap: 12px;
  }

  .admin-portal-topbar,
  .admin-section-hero,
  .admin-dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-portal-actions {
    justify-content: flex-start;
  }

  .admin-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .admin-portal-shell {
    margin-top: 14px !important;
    padding: 0 10px !important;
  }

  .admin-portal-topbar,
  .admin-section-hero,
  .admin-tab-panel,
  .admin-command-card {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  .admin-portal-topbar h1 {
    font-size: 2rem !important;
  }

  .admin-health-grid,
  .admin-summary-grid,
  .admin-dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-mobile-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-mobile-tabs button {
    white-space: normal !important;
  }
}

.admin-download-status {
  align-items: center;
  background: rgba(17, 24, 39, 0.06);
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 999px;
  color: #3f332d;
  display: inline-flex;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  gap: 5px;
  justify-self: start;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 7px 9px;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-download-status.generated,
.admin-download-callout.generated,
.admin-download-metric.generated {
  --download-tone: #0fa3a8;
}

.admin-download-status.downloaded,
.admin-download-callout.downloaded,
.admin-download-metric.downloaded {
  --download-tone: #1f6f4c;
}

.admin-download-status.locked,
.admin-download-callout.locked,
.admin-download-metric.locked {
  --download-tone: #b6241b;
}

.admin-download-status.draft,
.admin-download-callout.draft,
.admin-download-metric.draft {
  --download-tone: #8a6d3b;
}

.admin-download-status.generated,
.admin-download-status.downloaded,
.admin-download-status.locked,
.admin-download-status.draft {
  background: color-mix(in srgb, var(--download-tone) 10%, white);
  border-color: color-mix(in srgb, var(--download-tone) 20%, white);
  color: color-mix(in srgb, var(--download-tone) 76%, #1d0f0a);
}

.admin-download-detail {
  color: #6f5b4d !important;
  display: block;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1.25;
  margin-top: 4px;
  white-space: normal;
}

.admin-related-item .admin-download-status,
.admin-page .admin-deck-card .admin-download-status {
  text-transform: uppercase;
}

.admin-related-item .admin-download-status {
  flex: 0 0 auto;
  max-width: 44%;
  text-align: center;
}

.admin-page .admin-deck-card .admin-download-status {
  grid-column: 2 / -1;
  padding: 6px 8px;
}

.admin-download-callout {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--download-tone) 10%, white), rgba(255, 255, 255, 0.92));
  border: 1px solid color-mix(in srgb, var(--download-tone) 24%, rgba(21, 17, 15, 0.08));
  border-left: 5px solid var(--download-tone);
  border-radius: 18px;
  display: grid;
  gap: 4px;
  padding: 12px 14px;
}

.admin-download-callout strong {
  color: color-mix(in srgb, var(--download-tone) 72%, #1d0f0a);
  font-size: 0.9rem;
  font-weight: 1000;
}

.admin-download-callout span {
  color: #604d42;
  font-size: 0.84rem;
  font-weight: 760;
}

.admin-detail-metrics .admin-download-metric {
  background: color-mix(in srgb, var(--download-tone) 9%, white);
  border-color: color-mix(in srgb, var(--download-tone) 20%, white);
}

.admin-detail-metrics .admin-download-metric strong {
  color: color-mix(in srgb, var(--download-tone) 76%, #1d0f0a);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 8% 8%, rgba(41, 189, 242, 0.12), transparent 28rem),
    radial-gradient(circle at 94% 12%, rgba(236, 47, 145, 0.11), transparent 25rem),
    radial-gradient(circle at 80% 92%, rgba(255, 211, 51, 0.13), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 55%, #ffffff 100%);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

a {
  color: inherit;
  text-decoration: none;
}

.landing,
.builder-page {
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
}

.landing::before,
.builder-page::before {
  background-image:
    linear-gradient(45deg, rgba(201, 42, 28, 0.055) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(8, 127, 140, 0.055) 25%, transparent 25%);
  background-size: 30px 30px, 30px 30px, 18px 18px;
  content: "";
  inset: 0;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent 72%);
  opacity: 0.38;
  pointer-events: none;
  position: fixed;
}

.top-nav,
.builder-header {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1220px;
  padding: 24px;
  position: relative;
  z-index: 3;
}

.top-nav {
  backdrop-filter: blur(18px);
  background:
    linear-gradient(90deg, rgba(255, 250, 240, 0.92), rgba(255, 241, 199, 0.86)),
    rgba(255, 250, 242, 0.88);
  border: 2px solid rgba(29, 15, 10, 0.12);
  border-radius: 28px;
  box-shadow: 0 18px 44px rgba(103, 31, 13, 0.16);
  margin-top: 18px;
  padding: 10px 14px;
  position: sticky;
  top: 14px;
}

.top-nav::after {
  background: linear-gradient(90deg, var(--red), var(--green), var(--turquoise));
  border-radius: 999px;
  bottom: -8px;
  content: "";
  height: 6px;
  left: 34px;
  position: absolute;
  right: 34px;
}

@media (min-width: 701px) {
  .landing {
    padding-top: 112px;
  }

  .landing .top-nav {
    left: 50%;
    margin-top: 0;
    position: fixed;
    top: 18px;
    transform: translateX(-50%);
    width: min(1220px, calc(100% - 48px));
    z-index: 20;
  }
}

@media (max-width: 760px) {
  .seo-home-route .lm-hero h1 {
    font-size: clamp(2.25rem, 10.5vw, 3.35rem) !important;
    letter-spacing: -0.04em !important;
    line-height: 0.93 !important;
  }

  .seo-home-route .lm-hero h1 em {
    font-size: clamp(1.05rem, 5.4vw, 1.55rem) !important;
    letter-spacing: 0 !important;
    line-height: 1.12 !important;
    max-width: 100%;
  }
}

/* Business health scorecard */
.business-health-workspace {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.business-health-controls {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.business-health-controls .compact-tabs {
  background: #eef2f7;
  border: 1px solid #d9e2ef;
  border-radius: 8px;
  display: flex;
  gap: 3px;
  min-width: 0;
  overflow-x: auto;
  padding: 4px;
}

.business-health-controls .compact-tabs button {
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: #536074;
  flex: 0 0 auto;
  font-size: 0.8rem;
  font-weight: 800;
  padding: 8px 10px;
}

.business-health-controls .compact-tabs button.active {
  background: #fff;
  box-shadow: 0 1px 5px rgba(15, 23, 42, 0.1);
  color: #111827;
}

.business-health-range {
  align-items: end;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.business-health-range label,
.health-entry-form label,
.health-import-panel > label {
  display: grid;
  gap: 5px;
}

.business-health-range label > span,
.health-entry-form label > span,
.health-import-panel > label > span {
  color: #5b6472;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.business-health-range select,
.health-entry-form input,
.health-entry-form select,
.health-import-panel select,
.health-file-picker input {
  background: #fff;
  border: 1px solid #cfd9e7;
  border-radius: 7px;
  color: #111827;
  min-height: 40px;
  padding: 8px 10px;
}

.business-health-notice {
  align-items: center;
  background: #fff8d9;
  border: 1px solid #e9c930;
  border-left: 5px solid #e9b51d;
  border-radius: 8px;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 12px 14px;
}

.business-health-notice div {
  display: grid;
  gap: 3px;
}

.business-health-notice strong {
  color: #422f08;
  font-size: 0.9rem;
}

.business-health-notice span {
  color: #715b25;
  font-size: 0.8rem;
}

.business-health-notice code {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(113, 91, 37, 0.2);
  border-radius: 5px;
  color: #422f08;
  font-size: 0.72rem;
  padding: 7px 9px;
}

.business-health-kpis {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.health-kpi {
  --health-accent: #2563eb;
  background: #fff;
  border: 1px solid #d9e2ef;
  border-left: 5px solid var(--health-accent);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
}

.health-kpi.tone-green { --health-accent: #14a568; }
.health-kpi.tone-magenta { --health-accent: #e62c89; }
.health-kpi.tone-red { --health-accent: #e33f35; }
.health-kpi.tone-gold { --health-accent: #dfaa16; }

.health-kpi > span {
  color: #5b6472;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.health-kpi > strong {
  color: #111827;
  font-size: clamp(1.55rem, 2.3vw, 2.35rem);
  line-height: 1;
}

.health-kpi > small {
  color: #667085;
  font-size: 0.78rem;
}

.business-health-overview-grid,
.business-health-two-column {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr);
}

.business-health-two-column {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.health-surface {
  background: #fff;
  border: 1px solid #d9e2ef;
  border-radius: 8px;
  min-width: 0;
  padding: 14px;
}

.health-surface .section-minihead {
  align-items: start;
  border-bottom: 1px solid #e8edf4;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 10px;
}

.health-surface .section-minihead > div {
  display: grid;
  gap: 3px;
}

.health-surface .section-minihead span {
  color: #111827;
  font-size: 0.92rem;
  font-weight: 900;
}

.health-surface .section-minihead small {
  color: #667085;
  font-size: 0.74rem;
}

.health-surface .section-minihead > strong {
  color: #111827;
  font-size: 1.5rem;
}

.health-daily-bars {
  align-items: end;
  display: flex;
  gap: 3px;
  height: 170px;
  overflow: hidden;
  padding-top: 8px;
}

.health-daily-bars > span {
  align-items: center;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 5px;
  height: 100%;
  justify-content: end;
  min-width: 4px;
}

.health-daily-bars i {
  background: #28b8ed;
  border-radius: 3px 3px 0 0;
  display: block;
  max-width: 18px;
  min-height: 4px;
  width: 100%;
}

.health-daily-bars small {
  color: #778195;
  font-size: 0.58rem;
  min-height: 12px;
  transform: rotate(-45deg);
  white-space: nowrap;
}

.health-inline-metrics {
  border-top: 1px solid #e8edf4;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
  padding-top: 12px;
}

.health-inline-metrics span {
  color: #667085;
  display: grid;
  font-size: 0.72rem;
  gap: 2px;
}

.health-inline-metrics b {
  color: #111827;
  font-size: 1rem;
}

.health-priority-list {
  display: grid;
  gap: 7px;
}

.health-priority-list button {
  background: #f8fafc;
  border: 1px solid #d9e2ef;
  border-left: 4px solid #64748b;
  border-radius: 7px;
  color: #111827;
  display: grid;
  gap: 3px;
  padding: 10px;
  text-align: left;
}

.health-priority-list button.severity-critical,
.health-priority-list button.severity-high { border-left-color: #e43a2e; }
.health-priority-list button.severity-medium { border-left-color: #e9b51d; }
.health-priority-list button.severity-monitor { border-left-color: #20a55a; }

.health-priority-list button > span {
  color: #667085;
  font-size: 0.65rem;
  font-weight: 900;
  text-transform: uppercase;
}

.health-priority-list button strong {
  font-size: 0.86rem;
}

.health-priority-list button small {
  color: #667085;
  font-size: 0.75rem;
}

.health-baseline-strip {
  background: #16181d;
  border: 1px solid #16181d;
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 0;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  overflow: hidden;
}

.health-baseline-strip > div {
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  display: grid;
  gap: 3px;
  padding: 13px 14px;
}

.health-baseline-strip > div:last-child {
  border-right: 0;
}

.health-baseline-strip span,
.health-baseline-strip small {
  color: #cbd5e1;
  font-size: 0.7rem;
}

.health-baseline-strip strong {
  color: #fff;
  font-size: 1.25rem;
}

.health-funnel {
  display: grid;
  gap: 9px;
}

.health-funnel > div {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(150px, 0.7fr) minmax(180px, 1.8fr) 55px 50px;
}

.health-funnel > div > span {
  color: #374151;
  font-size: 0.82rem;
  font-weight: 800;
}

.health-funnel > div > div {
  background: #edf1f6;
  border-radius: 4px;
  height: 12px;
  overflow: hidden;
}

.health-funnel i {
  background: #20a55a;
  display: block;
  height: 100%;
}

.health-funnel strong {
  color: #111827;
  text-align: right;
}

.health-funnel small {
  color: #667085;
  text-align: right;
}

.health-definition-note {
  background: #f6f8fb;
  border: 1px solid #e1e7ef;
  border-radius: 7px;
  display: grid;
  gap: 3px;
  margin-top: 14px;
  padding: 10px;
}

.health-definition-note strong {
  color: #374151;
  font-size: 0.76rem;
}

.health-definition-note span {
  color: #667085;
  font-size: 0.74rem;
}

.health-metric-table {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 12px;
}

.health-metric-table span {
  background: #f6f8fb;
  border: 1px solid #e1e7ef;
  border-radius: 7px;
  color: #667085;
  display: grid;
  font-size: 0.75rem;
  gap: 3px;
  padding: 10px;
}

.health-metric-table b {
  color: #111827;
  font-size: 1.35rem;
}

.health-entry-form {
  align-content: start;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.health-entry-form .section-minihead,
.health-entry-form .wide,
.health-entry-form > button {
  grid-column: 1 / -1;
}

.health-waterfall {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(7, minmax(110px, 1fr));
  overflow-x: auto;
}

.health-waterfall div {
  background: #f6f8fb;
  border-top: 4px solid #64748b;
  display: grid;
  gap: 5px;
  min-width: 110px;
  padding: 11px 9px;
}

.health-waterfall div.positive { border-top-color: #20a55a; }
.health-waterfall div.negative { border-top-color: #e43a2e; }
.health-waterfall div.result { border-top-color: #6246d9; }

.health-waterfall span {
  color: #667085;
  font-size: 0.7rem;
  min-height: 30px;
}

.health-waterfall strong {
  color: #111827;
  font-size: 0.95rem;
}

.health-import-panel {
  align-content: start;
  display: grid;
  gap: 10px;
}

.health-file-picker input {
  padding: 6px;
}

.health-file-picker input::file-selector-button {
  background: #edf5ff;
  border: 0;
  border-radius: 5px;
  color: #1d4ed8;
  font-weight: 800;
  margin-right: 8px;
  padding: 7px 9px;
}

.health-import-preview {
  background: #f0fdf4;
  border: 1px solid #a7e4ba;
  border-radius: 7px;
  display: grid;
  gap: 4px;
  padding: 11px;
}

.health-import-preview span,
.health-import-preview small {
  color: #386449;
  font-size: 0.73rem;
}

.health-import-preview strong {
  color: #0b5e33;
  font-size: 1.4rem;
}

.health-import-preview button {
  margin-top: 6px;
  width: fit-content;
}

.health-ledger-list,
.health-source-list,
.health-schema-list {
  display: grid;
  gap: 7px;
}

.health-ledger-list > span {
  align-items: center;
  border-bottom: 1px solid #e8edf4;
  display: grid;
  gap: 8px;
  grid-template-columns: 100px 1fr auto;
  padding: 8px 2px;
}

.health-ledger-list b {
  color: #374151;
  text-transform: capitalize;
}

.health-ledger-list small {
  color: #667085;
}

.health-ledger-list strong {
  color: #111827;
}

.health-reliability-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  overflow-x: auto;
}

.health-reliability-list button {
  background: #f8fafc;
  border: 1px solid #d9e2ef;
  border-radius: 7px;
  color: #111827;
  display: grid;
  gap: 5px;
  min-width: 140px;
  padding: 11px;
  text-align: left;
}

.health-reliability-list span,
.health-reliability-list small {
  color: #667085;
  font-size: 0.7rem;
}

.health-reliability-list strong {
  font-size: 1.35rem;
}

.health-source-list > span,
.health-schema-list > span {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e1e7ef;
  border-radius: 7px;
  display: grid;
  gap: 8px;
  grid-template-columns: 10px minmax(100px, 0.5fr) minmax(0, 1.5fr) auto;
  padding: 9px;
}

.health-source-list i {
  background: #94a3b8;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.health-source-list .status-ready i { background: #20a55a; }
.health-source-list .status-missing i,
.health-source-list .status-migration_required i { background: #e9b51d; }

.health-source-list b {
  color: #374151;
  font-size: 0.76rem;
  text-transform: capitalize;
}

.health-source-list small {
  color: #667085;
  font-size: 0.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.health-source-list em {
  color: #667085;
  font-size: 0.65rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.health-schema-list > span {
  grid-template-columns: 30px 1fr auto;
}

.health-schema-list > span b {
  align-items: center;
  background: #fff1cf;
  border-radius: 5px;
  color: #8c5a00;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.health-schema-list > span.ready b {
  background: #dff8e8;
  color: #0f6b39;
}

.health-schema-list strong {
  color: #374151;
  font-size: 0.8rem;
}

.health-schema-list small,
.health-empty {
  color: #667085;
  font-size: 0.75rem;
}

.health-empty {
  margin: 12px 0;
}

@media (max-width: 1080px) {
  .business-health-controls {
    align-items: stretch;
    flex-direction: column;
  }

  .business-health-range {
    justify-content: flex-end;
  }

  .business-health-overview-grid,
  .business-health-two-column {
    grid-template-columns: 1fr;
  }

  .health-baseline-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .health-baseline-strip > div:nth-child(2),
  .health-baseline-strip > div:nth-child(4) {
    border-right: 0;
  }
}

@media (max-width: 700px) {
  .business-health-kpis,
  .reliability-kpis,
  .health-inline-metrics,
  .health-metric-table {
    grid-template-columns: 1fr;
  }

  .business-health-range {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr auto;
  }

  .business-health-notice {
    align-items: stretch;
    flex-direction: column;
  }

  .business-health-notice code {
    overflow-wrap: anywhere;
  }

  .health-baseline-strip {
    grid-template-columns: 1fr;
  }

  .health-baseline-strip > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    border-right: 0;
  }

  .health-funnel > div {
    gap: 6px;
    grid-template-columns: minmax(100px, 1fr) 48px 43px;
  }

  .health-funnel > div > div {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .health-funnel > div > strong {
    grid-column: 2;
    grid-row: 1;
  }

  .health-funnel > div > small {
    grid-column: 3;
    grid-row: 1;
  }

  .health-entry-form {
    grid-template-columns: 1fr;
  }

  .health-entry-form .section-minihead,
  .health-entry-form .wide,
  .health-entry-form > button {
    grid-column: auto;
  }

  .health-source-list > span {
    grid-template-columns: 10px 1fr auto;
  }

  .health-source-list small {
    grid-column: 2 / -1;
  }

  .health-daily-bars small {
    display: none;
  }
}

/* Public SEO pages: match the white-first Gallery Lotería theme */
.seo-redesign,
.static-seo-page {
  background:
    radial-gradient(circle at 10% 4%, rgba(41, 189, 242, 0.14), transparent 22rem),
    radial-gradient(circle at 92% 9%, rgba(236, 47, 145, 0.1), transparent 22rem),
    radial-gradient(circle at 50% 100%, rgba(255, 211, 51, 0.12), transparent 28rem),
    var(--gallery-canvas) !important;
  color: var(--gallery-ink) !important;
}

.seo-redesign::before,
.static-seo-page::before {
  background-image:
    linear-gradient(90deg, rgba(41, 189, 242, 0.07) 1px, transparent 1px),
    linear-gradient(180deg, rgba(236, 47, 145, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity: 0.26;
}

.seo-redesign .top-nav {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1) !important;
  color: var(--gallery-ink) !important;
}

.seo-redesign .top-nav::after {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta), var(--loteria-purple)) !important;
}

.seo-redesign .brand-label,
.seo-redesign .nav-links a,
.seo-redesign .nav-ghost,
.seo-redesign .nav-cta,
.seo-redesign .secondary-button {
  color: var(--gallery-ink) !important;
}

.seo-redesign .nav-ghost,
.seo-redesign .nav-cta,
.seo-redesign .secondary-button,
.seo-redesign .language-toggle {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(21, 17, 15, 0.1) !important;
}

.seo-redesign .language-toggle button,
.seo-redesign .language-toggle a {
  color: var(--gallery-muted) !important;
}

.seo-redesign .language-toggle button.active,
.seo-redesign .language-toggle a.active {
  background: var(--gallery-ink) !important;
  color: #ffffff !important;
}

.seo-redesign .seo-topic-links {
  margin-top: 12px;
  max-width: 1320px;
}

.seo-redesign .seo-topic-links a,
.static-seo-page .seo-static-nav a {
  background: #ffffff !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
  color: var(--gallery-ink) !important;
  text-decoration: none;
}

.seo-redesign .seo-topic-links a:hover,
.static-seo-page .seo-static-nav a:hover {
  background: linear-gradient(135deg, var(--loteria-yellow), var(--loteria-magenta)) !important;
  color: #ffffff !important;
}

.seo-redesign .seo-landing-hero,
.static-seo-page .seo-hero {
  background:
    linear-gradient(90deg, var(--loteria-blue) 0 7px, transparent 7px),
    radial-gradient(circle at 78% 18%, rgba(41, 189, 242, 0.18), transparent 20rem),
    radial-gradient(circle at 12% 88%, rgba(255, 211, 51, 0.14), transparent 22rem),
    rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  border-radius: 42px !important;
  box-shadow: 0 28px 75px rgba(15, 23, 42, 0.11) !important;
  color: var(--gallery-ink) !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 1360px;
}

.seo-redesign .seo-landing-hero h1,
.static-seo-page .seo-hero h1 {
  color: var(--gallery-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 980 !important;
  letter-spacing: -0.07em !important;
  line-height: 0.9 !important;
}

.seo-redesign .seo-landing-hero .eyebrow,
.static-seo-page .seo-hero .eyebrow {
  color: var(--loteria-magenta) !important;
}

.seo-redesign .seo-landing-hero p,
.static-seo-page .seo-hero p {
  color: var(--gallery-muted) !important;
}

.seo-redesign .seo-price-note,
.static-seo-page .seo-price-note {
  background: linear-gradient(135deg, rgba(41, 189, 242, 0.1), rgba(255, 211, 51, 0.16)) !important;
  border-color: rgba(41, 189, 242, 0.22) !important;
  color: var(--gallery-ink) !important;
}

.seo-redesign .seo-hero-image,
.static-seo-page .static-seo-hero-image {
  background: #ffffff !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.13) !important;
  transform: rotate(1.2deg);
}

.seo-redesign .seo-hero-image figcaption {
  color: var(--gallery-muted) !important;
}

.seo-redesign .seo-content-grid,
.seo-redesign .seo-steps-section,
.seo-redesign .seo-faq-section,
.seo-redesign .seo-related-section,
.static-seo-page section,
.static-seo-page .seo-static-nav {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(21, 17, 15, 0.08) !important;
  border-radius: 34px !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08) !important;
  color: var(--gallery-ink) !important;
}

.seo-redesign .seo-content-grid,
.seo-redesign .seo-steps-section,
.seo-redesign .seo-faq-section,
.seo-redesign .seo-related-section {
  margin-top: 28px !important;
  max-width: 1360px !important;
  padding: clamp(28px, 5vw, 62px) clamp(20px, 4vw, 56px) !important;
}

.seo-redesign .seo-content-grid article,
.seo-redesign .flow-step,
.seo-redesign .seo-faq-grid details,
.seo-redesign .seo-related-grid a,
.static-seo-page details {
  background:
    linear-gradient(180deg, #ffffff, rgba(248, 250, 252, 0.9)),
    #ffffff !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07) !important;
  color: var(--gallery-ink) !important;
}

.seo-redesign .seo-content-grid article:nth-child(3n + 1),
.seo-redesign .flow-step:nth-child(4n + 1) {
  border-top: 5px solid var(--loteria-blue) !important;
}

.seo-redesign .seo-content-grid article:nth-child(3n + 2),
.seo-redesign .flow-step:nth-child(4n + 2) {
  border-top: 5px solid var(--loteria-green) !important;
}

.seo-redesign .seo-content-grid article:nth-child(3n + 3),
.seo-redesign .flow-step:nth-child(4n + 3) {
  border-top: 5px solid var(--loteria-magenta) !important;
}

.seo-redesign .flow-step:nth-child(4n + 4) {
  border-top: 5px solid var(--loteria-yellow) !important;
}

.seo-redesign .section-heading h2,
.seo-redesign .seo-content-grid h2,
.seo-redesign .seo-faq-section h2,
.seo-redesign .seo-steps-section h2,
.seo-redesign .seo-related-section h2,
.static-seo-page h2 {
  color: var(--gallery-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: 0.98 !important;
}

.seo-redesign .section-heading p,
.seo-redesign .seo-content-grid ul,
.seo-redesign .seo-faq-grid p,
.seo-redesign .seo-related-grid span,
.seo-redesign .flow-step p,
.static-seo-page li,
.static-seo-page details p {
  color: var(--gallery-muted) !important;
}

.seo-redesign .flow-step span {
  background: var(--loteria-blue) !important;
  color: #ffffff !important;
}

.seo-redesign .flow-step:nth-child(2) span {
  background: var(--loteria-green) !important;
}

.seo-redesign .flow-step:nth-child(3) span {
  background: var(--loteria-magenta) !important;
}

.seo-redesign .flow-step:nth-child(4) span {
  background: var(--loteria-purple) !important;
}

.seo-redesign .seo-related-grid strong,
.static-seo-page section a {
  color: var(--loteria-magenta) !important;
}

.seo-redesign .final-cta {
  background:
    radial-gradient(circle at 80% 20%, rgba(255, 211, 51, 0.28), transparent 20rem),
    linear-gradient(135deg, var(--loteria-magenta), var(--loteria-red)) !important;
  border-radius: 36px !important;
  box-shadow: 0 24px 65px rgba(236, 47, 145, 0.16) !important;
  color: #ffffff !important;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1360px !important;
}

.seo-redesign .final-cta h2 {
  color: #ffffff !important;
}

.seo-redesign .site-footer {
  background: #ffffff !important;
  border: 1px solid rgba(21, 17, 15, 0.08) !important;
  border-radius: 34px !important;
  box-shadow: 0 20px 52px rgba(15, 23, 42, 0.08) !important;
  color: var(--gallery-ink) !important;
  margin-bottom: 28px;
  max-width: 1360px !important;
}

.seo-redesign .site-footer p,
.seo-redesign .site-footer a,
.seo-redesign .site-footer button {
  color: var(--gallery-muted) !important;
}

@media (max-width: 980px) {
  .seo-redesign .seo-landing-hero,
  .seo-redesign .seo-content-grid,
  .seo-redesign .seo-related-grid,
  .static-seo-page .seo-hero {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  .seo-redesign .top-nav,
  .seo-redesign .nav-links {
    background: rgba(255, 255, 255, 0.97) !important;
  }

  .seo-redesign .seo-landing-hero,
  .seo-redesign .seo-content-grid,
  .seo-redesign .seo-steps-section,
  .seo-redesign .seo-faq-section,
  .seo-redesign .seo-related-section,
  .seo-redesign .final-cta,
  .seo-redesign .site-footer,
  .static-seo-page section,
  .static-seo-page .seo-static-nav {
    border-radius: 26px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .seo-redesign .seo-landing-hero h1,
  .static-seo-page .seo-hero h1 {
    font-size: clamp(2.55rem, 13vw, 4.45rem) !important;
    letter-spacing: -0.06em !important;
  }

  .seo-redesign .seo-faq-grid,
  .seo-redesign .flow-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Landing proof sections: compact, clearer, full-image marketing uploads */
.landing-redesign .lm-gallery,
.landing-redesign .lm-print-section,
.landing-redesign .lm-reviews {
  padding: clamp(30px, 4vw, 54px) clamp(18px, 4vw, 48px) !important;
}

.landing-redesign .lm-gallery .lm-section-head,
.landing-redesign .lm-print-section .lm-section-head,
.landing-redesign .lm-reviews .lm-section-head {
  display: block;
  margin-bottom: 20px;
  max-width: 860px;
}

.landing-redesign .lm-gallery .lm-section-head h2,
.landing-redesign .lm-print-section .lm-section-head h2,
.landing-redesign .lm-reviews .lm-section-head h2 {
  font-size: clamp(2rem, 3.15vw, 3.65rem) !important;
  letter-spacing: -0.045em;
  line-height: 0.95;
  max-width: 720px;
}

.landing-redesign .lm-gallery .lm-section-head p:not(.lm-kicker),
.landing-redesign .lm-print-section .lm-section-head p:not(.lm-kicker),
.landing-redesign .lm-reviews .lm-section-head p:not(.lm-kicker) {
  font-size: clamp(0.98rem, 1.15vw, 1.12rem);
  line-height: 1.5;
  max-width: 680px;
}

.landing-redesign .lm-sample-grid {
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.landing-redesign .lm-sample-card {
  border-radius: 20px;
  padding: 10px;
}

.landing-redesign .lm-sample-art {
  background-color: #fffaf0;
  background-repeat: no-repeat;
}

.landing-redesign .lm-sample-art.has-custom-image {
  background-size: contain !important;
  box-shadow: inset 0 -82px 62px rgba(20, 12, 8, 0.22), 0 14px 30px rgba(15, 23, 42, 0.1);
}

.landing-redesign .lm-sample-art.has-custom-image::before,
.landing-redesign .lm-sample-art.has-custom-image::after {
  opacity: 0;
}

.landing-redesign .lm-sample-art.has-custom-image strong {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(21, 17, 15, 0.08);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
  font-size: 0.82rem;
  max-width: calc(100% - 18px);
}

.landing-redesign .lm-sample-card h3 {
  font-size: 1.05rem;
  line-height: 1.05;
  margin: 12px 4px 5px;
}

.landing-redesign .lm-sample-card p {
  font-size: 0.84rem;
  line-height: 1.35;
  margin: 0 4px 6px;
}

.landing-redesign .lm-print-section {
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(240px, 0.82fr) minmax(0, 1.18fr);
  align-items: start;
}

.landing-redesign .lm-print-section .lm-section-head {
  margin-bottom: 0;
  position: sticky;
  top: 110px;
}

.landing-redesign .lm-print-section .product-carousel-track {
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-redesign .lm-print-section .physical-product-card {
  border-radius: 20px;
  gap: 10px;
  padding: 12px;
}

.landing-redesign .physical-product-photo {
  background-color: #fffaf0;
  border-width: 5px;
  border-radius: 18px;
  padding: 8px;
}

.landing-redesign .physical-product-photo.has-custom-image {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.landing-redesign .physical-product-card strong {
  font-size: 1.02rem;
  line-height: 1.08;
}

.landing-redesign .physical-product-card p {
  font-size: 0.84rem;
  line-height: 1.35;
  margin: 4px 0;
}

.landing-redesign .physical-product-card small {
  font-size: 0.78rem;
}

.landing-redesign .lm-reviews {
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(230px, 0.62fr) minmax(0, 1.38fr);
  align-items: start;
}

.landing-redesign .lm-reviews .lm-section-head {
  margin-bottom: 0;
  position: sticky;
  top: 110px;
}

.landing-redesign .lm-review-grid {
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.landing-redesign .lm-review-card {
  border-radius: 20px;
  padding: 10px;
}

.landing-redesign .lm-review-photo {
  background-color: #fffaf0;
  border-radius: 16px;
  margin-bottom: 10px;
}

.landing-redesign .lm-review-photo.has-custom-image {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.landing-redesign .lm-review-card strong {
  display: block;
  font-size: 0.9rem;
  letter-spacing: -0.02em;
  line-height: 1.08;
}

.landing-redesign .lm-review-card p {
  font-size: 0.75rem;
  line-height: 1.32;
  margin-top: 5px;
}

@media (max-width: 980px) {
  .landing-redesign .lm-print-section,
  .landing-redesign .lm-reviews {
    display: block;
  }

  .landing-redesign .lm-print-section .lm-section-head,
  .landing-redesign .lm-reviews .lm-section-head {
    margin-bottom: 18px;
    position: static;
  }

  .landing-redesign .lm-print-section .product-carousel-track {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  }
}

.brand-mark {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ink);
  display: inline-flex;
  font-weight: 900;
  gap: 12px;
  letter-spacing: 0;
  padding: 0;
}

.brand-label {
  font-weight: 950;
}

.logo-mark {
  background: #fff4dc;
  border: 4px solid #fff;
  border-radius: 16px;
  box-shadow: var(--small-shadow);
  display: block;
  height: 48px;
  object-fit: cover;
  width: 48px;
}

.access-status-badge {
  align-items: flex-start;
  background:
    linear-gradient(135deg, rgba(255, 214, 77, 0.18), rgba(15, 163, 168, 0.12)),
    rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-left: 6px solid var(--green);
  border-radius: 18px;
  display: grid;
  gap: 4px;
  padding: 12px 14px;
}

.access-status-badge strong {
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 950;
  text-transform: uppercase;
}

.access-status-badge span {
  color: #60483a;
  font-size: 0.86rem;
  font-weight: 820;
  line-height: 1.35;
}

.access-status-badge.compact {
  border-radius: 14px;
  margin-top: 10px;
  padding: 9px 10px;
}

.access-status-badge.compact strong {
  font-size: 0.72rem;
}

.access-status-badge.compact span {
  font-size: 0.76rem;
}

.access-status-badge.needed {
  border-left-color: var(--red);
}

.access-status-badge.available {
  border-left-color: var(--turquoise);
}

.access-status-badge.locked {
  border-left-color: #8b2f76;
}

.access-status-badge .access-deadline {
  color: var(--ink);
  font-weight: 850;
}

.access-status-badge small {
  color: #60483a;
  font-size: 0.76rem;
  line-height: 1.45;
}

.access-status-badge.ending-soon {
  background: #fff8e8 !important;
  border-color: #e5c780 !important;
  border-left-color: #b97913 !important;
}

.builder-access-window {
  margin: 14px 0;
}

.builder-access-window .access-status-badge {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  background-image: none;
  border-radius: 12px;
}

.builder-access-window .access-status-badge strong,
.builder-access-window .access-status-badge small {
  grid-column: 1 / -1;
}

.builder-access-window > p {
  color: #60483a;
  font-size: 0.78rem;
  line-height: 1.45;
  margin: 6px 3px 0;
}

@media (max-width: 600px) {
  .builder-access-window .access-status-badge { grid-template-columns: minmax(0, 1fr); }
}

.access-status-badge.paid,
.access-status-badge.admin {
  border-left-color: var(--green);
}

.project-access-callout {
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.project-access-callout p {
  color: #60483a;
  font-weight: 820;
  line-height: 1.45;
  margin: 0;
}

.nav-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-weight: 800;
  justify-content: flex-end;
}

.nav-dropdowns {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.nav-dropdown {
  position: relative;
}

.nav-dropdown summary {
  align-items: center;
  background: rgba(255, 255, 255, 0.54);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  color: #4f281c;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.92rem;
  font-weight: 950;
  gap: 8px;
  list-style: none;
  min-height: 40px;
  padding: 0 13px;
  user-select: none;
}

.nav-dropdown summary::-webkit-details-marker {
  display: none;
}

.nav-dropdown summary::after {
  content: "⌄";
  font-size: 0.86rem;
  line-height: 1;
  transform: translateY(-1px);
}

.nav-dropdown[open] summary,
.nav-dropdown summary:hover {
  background: #fff;
  color: var(--red);
}

.nav-dropdown-menu {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 18px;
  box-shadow: 0 22px 52px rgba(15, 23, 42, 0.16);
  display: grid;
  gap: 5px;
  left: 0;
  min-width: 250px;
  padding: 10px;
  position: absolute;
  top: calc(100% + 10px);
  z-index: 40;
}

.nav-dropdown:not([open]) .nav-dropdown-menu {
  display: none;
}

.nav-dropdown-menu a {
  border-radius: 12px;
  color: var(--gallery-ink);
  display: block;
  font-size: 0.88rem;
  font-weight: 850;
  padding: 10px 11px;
  text-decoration: none;
}

.nav-dropdown-menu a:hover {
  background: #fff4dc;
  color: var(--loteria-magenta);
}

.mobile-menu-button {
  align-items: center;
  background: rgba(255, 255, 255, 0.78);
  border: 2px solid var(--hairline);
  border-radius: 999px;
  color: var(--ink);
  display: none;
  font-size: 0.8rem;
  font-weight: 950;
  gap: 7px;
  min-height: 42px;
  padding: 0 14px;
}

.mobile-menu-button span {
  display: none;
}

.mobile-menu-button::before {
  content: "☰";
  font-size: 1.1rem;
  line-height: 1;
}

.account-controls,
.builder-header-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.language-toggle {
  align-items: center;
  background: rgba(255, 255, 255, 0.78);
  border: 2px solid var(--hairline);
  border-radius: 999px;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
}

.language-toggle button,
.language-toggle a {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #60483a;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 950;
  justify-content: center;
  min-height: 34px;
  padding: 0 10px;
}

.language-toggle button.active,
.language-toggle a.active {
  background: var(--ink);
  color: #fff;
}

.nav-links a {
  color: #4f281c;
}

.nav-links a:hover,
.nav-ghost:hover {
  color: var(--red);
}

.nav-ghost {
  align-items: center;
  background: rgba(255, 255, 255, 0.54);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  color: #4f281c;
  display: inline-flex;
  gap: 7px;
  font-weight: 900;
  min-height: 40px;
  padding: 0 13px;
}

.nav-projects-button {
  background: #fff;
  box-shadow: 0 8px 18px rgba(89, 37, 21, 0.1);
}

.nav-icon {
  align-items: center;
  background: rgba(217, 32, 22, 0.1);
  border-radius: 999px;
  color: var(--red);
  display: inline-flex;
  font-size: 0.72rem;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.nav-cta,
.primary-button,
.secondary-button {
  align-items: center;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  font-weight: 900;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  position: relative;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border 180ms ease;
}

.primary-button {
  background: linear-gradient(135deg, var(--red) 0%, #8f1f17 100%);
  box-shadow: 0 16px 34px rgba(201, 42, 28, 0.24), inset 0 1px rgba(255, 255, 255, 0.28);
  color: #fff;
}

.secondary-button,
.nav-cta {
  background: rgba(255, 250, 240, 0.9);
  border: 2px solid rgba(29, 15, 10, 0.16);
  color: var(--ink);
}

.primary-button:hover,
.secondary-button:hover,
.nav-cta:hover {
  box-shadow: 0 18px 42px rgba(89, 37, 21, 0.2);
  transform: translateY(-2px);
}

.primary-button:active,
.secondary-button:active,
.nav-cta:active,
.small-button:active {
  transform: translateY(0) scale(0.98);
}

.large {
  min-height: 58px;
  padding: 0 30px;
}

.small-button {
  min-height: 42px;
  padding: 0 16px;
}

.full {
  width: 100%;
}

.section-band,
.access-code-strip,
.feature-section,
.seo-intent-section,
.how-section,
.sample-section,
.physical-shop-section,
.review-section,
.final-cta,
.site-footer,
.builder-shell {
  margin: 0 auto;
  max-width: 1360px;
  padding: 86px 32px;
  position: relative;
  z-index: 2;
}

.access-code-strip {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(29, 15, 10, 0.92), rgba(79, 40, 28, 0.88)),
    var(--ink);
  border-radius: 28px;
  box-shadow: var(--small-shadow);
  color: #fffaf0;
  display: flex;
  gap: 22px;
  justify-content: space-between;
  margin-top: 24px;
  padding-bottom: 26px;
  padding-top: 26px;
}

.access-code-strip h2 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(1.5rem, 2.4vw, 2.35rem);
  line-height: 1;
  margin-bottom: 8px;
}

.access-code-strip p {
  color: rgba(255, 250, 240, 0.84);
  line-height: 1.45;
  margin: 0;
  max-width: 760px;
}

.access-code-strip .eyebrow {
  color: var(--yellow);
  margin-bottom: 8px;
}

.access-code-strip .secondary-button {
  background: #fffaf0;
  flex: 0 0 auto;
}

.feature-section {
  background: rgba(255, 250, 240, 0.78);
  border: 1px solid rgba(29, 15, 10, 0.08);
  border-radius: 30px;
  box-shadow: var(--small-shadow);
  padding-top: 58px;
}

.seo-intent-section {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(201, 42, 28, 0.08), rgba(47, 111, 69, 0.1)),
    rgba(255, 250, 240, 0.72);
  border: 1px solid rgba(29, 15, 10, 0.08);
  border-radius: 34px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
  margin-top: 28px;
  padding-bottom: 44px;
  padding-top: 44px;
}

.seo-intent-section h2 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2rem, 3.4vw, 3.7rem);
  line-height: 1;
  margin-bottom: 14px;
}

.seo-intent-section p {
  color: #5b3526;
  font-size: 1rem;
  font-weight: 780;
  line-height: 1.65;
  margin: 0;
  max-width: 740px;
}

.seo-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.seo-chip-grid span {
  background: #fffaf0;
  border: 1px solid rgba(29, 15, 10, 0.1);
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(89, 37, 21, 0.08);
  color: #4f281c;
  font-size: 0.86rem;
  font-weight: 950;
  padding: 10px 14px;
}

.hero {
  background:
    radial-gradient(circle at 96% 48%, rgba(232, 79, 61, 0.16), transparent 8rem),
    radial-gradient(circle at 88% 64%, rgba(15, 163, 168, 0.16), transparent 7rem),
    linear-gradient(135deg, rgba(255, 250, 240, 0.96), rgba(255, 243, 216, 0.82)),
    #fff3d8;
  border: 1px solid rgba(29, 15, 10, 0.08);
  border-radius: 34px;
  box-shadow: var(--shadow);
  display: grid;
  gap: clamp(28px, 5vw, 72px);
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr);
  margin-left: auto;
  margin-right: auto;
  min-height: clamp(610px, calc(100vh - 112px), 780px);
  max-height: calc(100vh - 24px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: clamp(34px, 5vw, 62px);
  position: relative;
  width: min(100% - 48px, 1540px);
}

.hero::before {
  display: none;
}

.hero::after {
  background: linear-gradient(90deg, var(--red), var(--green), var(--turquoise));
  border-radius: 999px;
  bottom: 18px;
  box-shadow: 0 12px 26px rgba(89, 37, 21, 0.12);
  content: "";
  height: 10px;
  left: 24px;
  position: absolute;
  width: min(420px, calc(100% - 48px));
  z-index: 3;
}

.hero-copy {
  max-width: 610px;
  min-width: 0;
  position: relative;
  width: 100%;
  z-index: 2;
  align-self: center;
}

.hero-copy::before {
  display: none;
}

.eyebrow {
  color: var(--red);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0;
  margin: 0 0 12px;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

.hero h1,
.builder-intro h1 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(3.3rem, 6.5vw, 7.4rem);
  letter-spacing: 0;
  line-height: 0.9;
  margin-bottom: 24px;
  max-width: 620px;
  text-wrap: balance;
}

.hero-brand-line {
  display: grid;
  gap: 0;
  margin: 0 0 12px;
}

.hero-brand-line > span:first-child {
  color: var(--ink);
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.8rem, 7vw, 7.2rem);
  font-weight: 950;
  letter-spacing: 0;
  line-height: 0.78;
}

.hero-brand-line .maker-word {
  font-size: clamp(3rem, 5.6vw, 5.8rem);
}

.hero .seo-home-title {
  color: #3b1c12;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2rem, 3.4vw, 3.85rem);
  line-height: 0.96;
  margin-bottom: 16px;
  max-width: 700px;
}

.hero-title-lockup {
  display: grid;
  gap: 0;
}

.hero-title-lockup > span:first-child {
  color: var(--ink);
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(4.5rem, 8.2vw, 9.5rem);
  font-weight: 950;
  letter-spacing: 0;
  line-height: 0.78;
}

.maker-word {
  display: flex;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.6rem, 6.7vw, 7.7rem);
  font-weight: 950;
  line-height: 0.78;
}

.maker-word i {
  font-style: normal;
}

.maker-word i:nth-child(1) {
  color: var(--red);
}

.maker-word i:nth-child(2) {
  color: var(--green);
}

.maker-word i:nth-child(3) {
  color: #de6d93;
}

.maker-word i:nth-child(4) {
  color: var(--turquoise);
}

.maker-word i:nth-child(5) {
  color: var(--purple);
}

.hero-sub {
  color: #4f281c;
  font-size: 1.18rem;
  line-height: 1.55;
  max-width: 535px;
}

.hero-slogan {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -10px 0 22px;
}

.hero-slogan span {
  background: var(--ink);
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 999px;
  box-shadow: 0 10px 26px rgba(103, 31, 13, 0.16);
  color: #fffaf0;
  font-size: 0.92rem;
  font-weight: 950;
  padding: 9px 12px;
  transform-origin: center;
  animation: wordPulse 4.8s ease-in-out infinite;
}

.hero-slogan span:nth-child(2) {
  animation-delay: 0.25s;
  background: var(--red);
}

.hero-slogan span:nth-child(3) {
  animation-delay: 0.5s;
  background: var(--green);
}

.hero-slogan span:nth-child(4) {
  animation-delay: 0.75s;
  background: var(--purple);
}

@keyframes wordPulse {
  0%,
  74%,
  100% {
    transform: translateY(0) scale(1);
  }
  82% {
    transform: translateY(-4px) scale(1.04);
  }
}

.hero-actions,
.inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.trust-strip span {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(29, 15, 10, 0.08);
  border-radius: 999px;
  color: #4f281c;
  font-weight: 950;
  padding: 10px 14px;
}

.hero-artwork {
  inset: 0;
  overflow: hidden;
  position: absolute;
  z-index: 0;
}

.hero-artwork img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.hero-artwork::after {
  background:
    linear-gradient(90deg, rgba(255, 243, 199, 0.98) 0%, rgba(255, 243, 199, 0.95) 34%, rgba(255, 243, 199, 0.72) 48%, rgba(255, 243, 199, 0.08) 72%),
    linear-gradient(180deg, rgba(255, 243, 199, 0.05), rgba(255, 243, 199, 0.18));
  content: "";
  inset: 0;
  position: absolute;
}

.hero-artwork-card {
  background: rgba(255, 250, 240, 0.88);
  border: 2px solid rgba(29, 15, 10, 0.15);
  border-radius: 22px;
  bottom: 34px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 4px;
  max-width: 230px;
  padding: 16px 18px;
  position: absolute;
  right: 34px;
  z-index: 2;
}

.hero-artwork-card strong {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.2rem;
  line-height: 1;
}

.hero-artwork-card span {
  color: #5b3526;
  font-weight: 900;
}

.hero-showcase {
  align-self: center;
  height: min(660px, 64vw);
  min-height: 500px;
  pointer-events: none;
  position: relative;
  right: auto;
  top: auto;
  width: min(100%, 820px);
  z-index: 1;
}

.hero-image-showcase {
  align-items: center;
  display: flex;
  justify-content: center;
}

.hero-replacement-image {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  max-height: 660px;
  overflow: hidden;
  position: relative;
  width: min(100%, 820px);
}

.hero-image-showcase.is-loading .hero-replacement-image {
  animation: imageLoadingSweep 1.4s ease-in-out infinite;
}

.hero-replacement-image img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
  filter: drop-shadow(0 24px 34px rgba(29, 15, 10, 0.18));
  transition: opacity 320ms ease;
  width: auto;
}

.hero-image-showcase.is-ready .hero-replacement-image img {
  opacity: 1;
}

@keyframes imageLoadingSweep {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 220% 50%;
  }
}

.hero-replacement-image span {
  color: rgba(201, 42, 28, 0.22);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3rem, 7vw, 7rem);
  font-weight: 950;
  left: 50%;
  letter-spacing: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.realistic-board {
  aspect-ratio: 5 / 7;
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 213, 31, 0.18), transparent 14rem),
    #ffecc5;
  border: 2px solid rgba(29, 15, 10, 0.12);
  border-radius: 24px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 12px;
  height: min(100%, 760px);
  margin-left: auto;
  max-height: 100%;
  width: min(78%, 600px);
  overflow: hidden;
  padding: 22px 24px 16px;
  position: relative;
  transform: rotate(3deg);
}

.hero-deck-stack {
  bottom: 29%;
  filter: drop-shadow(0 20px 26px rgba(29, 15, 10, 0.24));
  height: 210px;
  left: 3%;
  position: absolute;
  transform: rotate(-7deg);
  width: 152px;
  z-index: 4;
}

.hero-deck-stack > span {
  background: #f8f7f0;
  border: 2px solid rgba(29, 15, 10, 0.12);
  border-radius: 14px;
  box-shadow: 0 10px 18px rgba(29, 15, 10, 0.12);
  inset: 14px -9px -12px 9px;
  position: absolute;
}

.hero-deck-stack > span:nth-child(2) {
  inset: 7px -4px -6px 5px;
}

.hero-deck-card {
  background: #fff8e5;
  border: 3px solid #ffffff;
  border-radius: 15px;
  box-shadow: inset 0 0 0 2px rgba(8, 127, 140, 0.7);
  display: grid;
  gap: 5px;
  grid-template-rows: 1fr auto auto;
  height: 100%;
  overflow: hidden;
  padding: 12px;
  position: relative;
  text-align: center;
}

.hero-deck-photo {
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 214, 77, 0.95) 0 3px, transparent 4px),
    radial-gradient(circle at 26% 56%, rgba(239, 93, 168, 0.95) 0 3px, transparent 4px),
    radial-gradient(circle at 76% 64%, rgba(255, 250, 240, 0.95) 0 2px, transparent 3px),
    linear-gradient(135deg, #087f8c, #0b6d78);
  background-position: center;
  background-size: cover;
  border-radius: 9px;
  min-height: 0;
  position: relative;
}

.hero-deck-photo::after {
  background:
    radial-gradient(circle at 22% 20%, #ffd64d 0 3px, transparent 4px),
    radial-gradient(circle at 62% 30%, #ef5da8 0 3px, transparent 4px),
    radial-gradient(circle at 42% 66%, #fff3d8 0 2px, transparent 3px);
  content: "";
  inset: 0;
  opacity: 0.82;
  position: absolute;
}

.hero-deck-card strong {
  color: #fffaf0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.18rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  margin-top: -48px;
  position: relative;
  text-shadow: 0 2px 4px rgba(29, 15, 10, 0.36);
  transform: rotate(-9deg);
  z-index: 2;
}

.hero-deck-card small {
  color: #fffaf0;
  font-size: 0.56rem;
  font-weight: 950;
  margin-top: -20px;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}

.realistic-board::before,
.realistic-board::after {
  background:
    radial-gradient(circle, var(--green) 0 3px, transparent 4px),
    radial-gradient(circle, var(--pink) 0 3px, transparent 4px),
    radial-gradient(circle, var(--turquoise) 0 3px, transparent 4px);
  background-position: 0 18px, 0 52px, 0 86px;
  background-repeat: repeat-y;
  background-size: 20px 68px;
  content: "";
  opacity: 0.75;
  position: absolute;
  top: 94px;
  bottom: 54px;
  width: 20px;
}

.realistic-board::before {
  left: 6px;
}

.realistic-board::after {
  right: 6px;
}

.realistic-board-heading {
  display: grid;
  line-height: 1;
  text-align: center;
  z-index: 1;
}

.realistic-board-heading strong {
  color: var(--red);
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(1.8rem, 3.2vw, 3.25rem);
  font-weight: 950;
  letter-spacing: 0.08em;
}

.realistic-board-heading span {
  color: var(--green);
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(0.78rem, 1.2vw, 1.1rem);
  font-style: italic;
  font-weight: 950;
  margin-top: -2px;
}

.realistic-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 0;
  padding: 0 12px;
  z-index: 1;
}

.realistic-card,
.floating-style-card {
  aspect-ratio: 2.5 / 3.5;
  background: #fff4d7;
  border: 2px solid rgba(29, 15, 10, 0.88);
  border-radius: 7px;
  box-shadow: 0 8px 16px rgba(29, 15, 10, 0.12);
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.realistic-photo {
  background-color: #d8b68c;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.realistic-photo::after {
  background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.18));
  content: "";
  inset: 0;
  position: absolute;
}

.realistic-photo span {
  color: #111;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(0.5rem, 0.8vw, 0.78rem);
  font-weight: 950;
  left: 6px;
  line-height: 1;
  position: absolute;
  text-shadow:
    -1px -1px 0 rgba(255,255,255,0.85),
    1px -1px 0 rgba(255,255,255,0.85),
    -1px 1px 0 rgba(255,255,255,0.85),
    1px 1px 0 rgba(255,255,255,0.85);
  top: 6px;
  z-index: 2;
}

.shadow-label .realistic-photo strong {
  background: rgba(255, 255, 255, 0.58);
  border-radius: 8px;
  bottom: 7px;
  color: #0d0906;
  display: block;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(0.46rem, 0.72vw, 0.72rem);
  font-weight: 950;
  left: 7px;
  line-height: 0.94;
  max-height: 2.05em;
  overflow: hidden;
  padding: 3px 5px;
  position: absolute;
  right: 7px;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
  -webkit-text-stroke: 2px rgba(255,255,255,0.88);
  paint-order: stroke fill;
}

.caption-band .realistic-photo {
  border-bottom: 2px solid rgba(29, 15, 10, 0.88);
  height: 77%;
}

.caption-band > strong {
  align-items: center;
  color: #1d0f0a;
  display: flex;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.52rem, 0.8vw, 0.78rem);
  font-weight: 900;
  height: 23%;
  justify-content: center;
  line-height: 1;
  padding: 2px 4px;
  text-align: center;
}

.realistic-board-footer {
  align-items: center;
  color: var(--ink);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  padding: 0 10px;
  z-index: 1;
}

.realistic-board-footer span {
  background: rgba(255, 250, 240, 0.86);
  border-radius: 999px;
  font-size: clamp(0.48rem, 0.8vw, 0.75rem);
  font-weight: 900;
  justify-self: start;
  padding: 5px 8px;
}

.realistic-board-footer strong {
  color: var(--red);
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(1rem, 1.8vw, 1.6rem);
  grid-column: 2;
}

.hero-floating-cards {
  bottom: 2%;
  display: contents;
  left: 0;
  position: absolute;
  z-index: 5;
}

.floating-style-card {
  border-width: 3px;
  height: 190px;
  position: absolute;
  width: 136px;
  z-index: 5;
}

.floating-one {
  bottom: 8%;
  left: 0;
  transform: rotate(-10deg);
}

.floating-two {
  bottom: 11%;
  left: 150px;
  transform: rotate(8deg);
}

.mockup-stage {
  aspect-ratio: 1 / 0.92;
  bottom: 18px;
  height: min(610px, 92%);
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 18px;
  width: min(620px, 48vw);
  z-index: 1;
  animation: stageFloat 8s ease-in-out infinite;
}

.floating-sun {
  background: repeating-conic-gradient(from 0deg, var(--yellow) 0 12deg, var(--orange) 12deg 24deg);
  border: 10px solid rgba(255, 255, 255, 0.68);
  border-radius: 999px;
  filter: drop-shadow(0 16px 25px rgba(255, 143, 61, 0.22));
  height: 150px;
  position: absolute;
  right: 5%;
  top: 2%;
  width: 150px;
  animation: slowSpin 22s linear infinite;
}

.mock-board {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 213, 31, 0.36), transparent 30%),
    linear-gradient(180deg, rgba(255, 250, 240, 0.72), rgba(255, 250, 240, 0.34)),
    #fff4dc;
  border: 10px solid #fff;
  border-radius: 28px;
  box-shadow: var(--shadow);
  height: 78%;
  padding: 28px;
  position: absolute;
  right: 0;
  top: 12%;
  transform: rotate(2deg);
  width: 68%;
}

.mock-board::before {
  background: linear-gradient(90deg, var(--turquoise), var(--yellow), var(--pink), var(--green), var(--red));
  border-radius: 999px;
  content: "";
  height: 12px;
  left: 34px;
  position: absolute;
  right: 34px;
  top: 18px;
}

.mock-board-title {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(1.3rem, 2vw, 2.2rem);
  font-weight: 950;
  margin: 24px 0 18px;
  text-align: center;
}

.mock-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, 1fr);
}

.mock-cell {
  align-items: end;
  aspect-ratio: 2.5 / 3.5;
  background:
    radial-gradient(circle at 28% 25%, rgba(255,255,255,0.55), transparent 22%),
    linear-gradient(135deg, rgba(232, 46, 138, 0.94), rgba(0, 168, 184, 0.9));
  border: 2px solid rgba(29, 15, 10, 0.72);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  min-width: 0;
  overflow: hidden;
  padding: 6px;
}

.mock-cell span {
  background: rgba(255, 255, 255, 0.82);
  border-radius: 8px;
  color: var(--ink);
  display: block;
  font-size: 0.55rem;
  font-weight: 950;
  max-width: 100%;
  overflow: hidden;
  padding: 4px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mock-card-stack {
  height: 300px;
  left: 0;
  position: absolute;
  top: 19%;
  width: 230px;
  z-index: 2;
}

.mock-card {
  background: #fff;
  border: 8px solid #fff;
  border-radius: 18px;
  box-shadow: var(--small-shadow);
  height: 245px;
  padding: 10px;
  position: absolute;
  transform-origin: bottom center;
  width: 175px;
}

.mock-card-1 {
  left: 16px;
  top: 28px;
  animation: floatCard 5.8s ease-in-out infinite;
  transform: rotate(-10deg);
}

.mock-card-2 {
  left: 62px;
  top: 0;
  animation: floatCard 6.4s ease-in-out infinite 0.4s;
  transform: rotate(8deg);
}

.mock-card-3 {
  left: 112px;
  top: 54px;
  animation: floatCard 7s ease-in-out infinite 0.8s;
  transform: rotate(18deg);
}

@keyframes floatCard {
  0%,
  100% {
    margin-top: 0;
  }
  50% {
    margin-top: -10px;
  }
}

.mock-photo {
  align-items: flex-start;
  background:
    radial-gradient(circle at 24% 24%, rgba(255,255,255,0.55), transparent 18%),
    linear-gradient(135deg, var(--orange), var(--pink), var(--turquoise));
  border: 2px solid rgba(29, 15, 10, 0.74);
  border-radius: 12px;
  display: flex;
  height: 172px;
  padding: 10px;
}

.mock-photo span {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 950;
  padding: 6px 8px;
}

.mock-card strong {
  display: block;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1rem;
  margin-top: 10px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes stageFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

@keyframes slowSpin {
  to {
    transform: rotate(1turn);
  }
}

.loteria-marquee {
  background: var(--yellow);
  border-bottom: 3px solid var(--ink);
  border-top: 3px solid var(--ink);
  box-shadow: 0 14px 34px rgba(103, 31, 13, 0.14);
  margin: 16px 0 34px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.loteria-marquee div {
  animation: marqueeSlide 28s linear infinite;
  display: flex;
  gap: 34px;
  min-width: max-content;
  padding: 16px 0;
}

.loteria-marquee span {
  color: var(--ink);
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(1.1rem, 2.2vw, 2rem);
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.loteria-marquee span::after {
  color: var(--red);
  content: " *";
  margin-left: 34px;
}

.manifesto-section {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 213, 31, 0.26), transparent 24rem),
    radial-gradient(circle at 86% 74%, rgba(0, 168, 184, 0.22), transparent 22rem),
    var(--red);
  border: 3px solid rgba(29, 15, 10, 0.16);
  border-radius: 46px;
  box-shadow: var(--shadow);
  color: #fffaf0;
  margin: 0 auto 34px;
  max-width: 1220px;
  min-height: 520px;
  overflow: hidden;
  padding: clamp(38px, 7vw, 86px) 24px;
  position: relative;
  text-align: center;
  z-index: 2;
}

.manifesto-section::before,
.manifesto-section::after {
  background:
    linear-gradient(135deg, var(--turquoise) 0 18%, transparent 18% 30%, var(--yellow) 30% 50%, transparent 50% 62%, var(--pink) 62% 82%, var(--green) 82%),
    radial-gradient(circle at 50% 45%, rgba(255,255,255,0.8) 0 5px, transparent 6px);
  clip-path: polygon(0 0, 100% 0, 100% 70%, 88% 100%, 76% 70%, 64% 100%, 52% 70%, 40% 100%, 28% 70%, 16% 100%, 4% 70%, 0 100%);
  content: "";
  height: 72px;
  left: 0;
  position: absolute;
  right: 0;
}

.manifesto-section::before {
  top: 0;
}

.manifesto-section::after {
  bottom: 0;
  transform: rotate(180deg);
}

.manifesto-section .eyebrow {
  color: var(--yellow);
  margin-top: 56px;
}

.manifesto-section h2 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2.6rem, 7vw, 7.6rem);
  letter-spacing: 0;
  line-height: 0.9;
  margin: 0 auto;
  max-width: 980px;
  text-wrap: balance;
}

.scroll-reveal-text {
  display: inline;
}

.scroll-word {
  display: inline-block;
  margin-right: 0.18em;
  transform: translateY(0);
  transition: opacity 120ms linear, transform 120ms linear, filter 120ms linear;
  will-change: opacity, transform, filter;
}

.statement-section {
  display: grid;
  gap: 18px;
  margin: 0 auto;
  max-width: 1220px;
  padding: 30px 24px 70px;
  position: relative;
  z-index: 2;
}

.statement-line {
  align-items: end;
  background: rgba(255, 250, 240, 0.86);
  border: 1px solid rgba(29, 15, 10, 0.09);
  border-radius: 30px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 24px;
  grid-template-areas:
    "title media"
    "copy media";
  grid-template-columns: minmax(0, 1.14fr) minmax(240px, 0.66fr);
  min-height: 250px;
  overflow: hidden;
  padding: clamp(26px, 5vw, 58px);
  position: relative;
}

.statement-media {
  align-self: stretch;
  background:
    linear-gradient(135deg, rgba(255, 213, 31, 0.46), rgba(232, 46, 138, 0.26)),
    #fff4dc;
  background-position: center;
  background-size: cover;
  border: 3px solid rgba(29, 15, 10, 0.78);
  border-radius: 24px;
  grid-area: media;
  min-height: 190px;
  overflow: hidden;
}

.statement-line::after {
  display: none;
}

.statement-line:nth-child(2) {
  background: linear-gradient(135deg, var(--red), #8f1f17);
  color: #fffaf0;
}

.statement-line:nth-child(2) p {
  color: rgba(255, 250, 240, 0.9);
}

.statement-line:nth-child(3) {
  background: linear-gradient(135deg, var(--green), var(--turquoise));
  color: #fffaf0;
}

.statement-line:nth-child(3) p {
  color: rgba(255, 250, 240, 0.92);
}

.statement-line h2 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(3rem, 7vw, 7.4rem);
  grid-area: title;
  letter-spacing: 0;
  line-height: 0.86;
  margin: 0;
  max-width: 840px;
  text-wrap: balance;
}

.statement-line p {
  color: #5b3526;
  font-size: clamp(1.05rem, 1.8vw, 1.45rem);
  font-weight: 850;
  grid-area: copy;
  line-height: 1.35;
  margin: 0;
}

.manifesto-art span {
  align-items: center;
  background: #fffaf0;
  border: 3px solid var(--ink);
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(29, 15, 10, 0.18);
  color: var(--ink);
  display: inline-flex;
  font-weight: 950;
  height: 58px;
  justify-content: center;
  position: absolute;
  width: 44px;
}

.manifesto-art span:nth-child(1) {
  left: 7%;
  top: 24%;
  transform: rotate(-12deg);
}

.manifesto-art span:nth-child(2) {
  right: 8%;
  top: 22%;
  transform: rotate(10deg);
}

.manifesto-art span:nth-child(3) {
  bottom: 20%;
  left: 13%;
  transform: rotate(7deg);
}

@keyframes marqueeSlide {
  to {
    transform: translateX(-50%);
  }
}

.section-heading {
  margin: 0 auto 32px;
  max-width: 760px;
  text-align: center;
}

.section-heading h2,
.final-cta h2,
.builder-panel h2 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2.1rem, 4vw, 4.1rem);
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 14px;
}

.section-heading p {
  color: #5b3526;
  font-size: 1.08rem;
  line-height: 1.6;
}

.feature-grid,
.flow-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.feature-card,
.flow-step,
.download-card,
.generator-card {
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.94), rgba(255, 246, 225, 0.72)),
    rgba(255, 250, 240, 0.78);
  border: 2px solid rgba(29, 15, 10, 0.1);
  border-radius: 24px;
  box-shadow: var(--small-shadow);
  padding: 26px;
}

.feature-card {
  min-height: 230px;
  overflow: hidden;
  position: relative;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.feature-card::after {
  background: linear-gradient(90deg, var(--red), var(--green), var(--turquoise));
  bottom: 0;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  right: 0;
}

.feature-card:hover,
.flow-step:hover {
  box-shadow: 0 20px 48px rgba(89, 37, 21, 0.16);
  transform: translateY(-3px);
}

.feature-card h3,
.flow-step h3,
.download-card h3,
.generator-card h3 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.35rem;
  line-height: 1.05;
  margin-bottom: 12px;
}

.feature-card p,
.flow-step p,
.download-card p,
.soft-copy {
  color: #5b3526;
  line-height: 1.55;
}

.feature-icon,
.marketing-icon {
  border: 5px solid #fff;
  border-radius: 16px;
  height: 66px;
  margin-bottom: 20px;
  position: relative;
  width: 66px;
}

.feature-icon::after {
  background: rgba(255,255,255,0.75);
  border-radius: 999px;
  content: "";
  height: 16px;
  left: 15px;
  position: absolute;
  top: 15px;
  width: 16px;
}

.marketing-icon {
  align-items: center;
  color: #fffaf0;
  display: inline-flex;
  justify-content: center;
}

.marketing-icon svg {
  height: 38px;
  width: 38px;
}

.marketing-icon.photos {
  background: linear-gradient(135deg, var(--red), var(--orange));
}

.marketing-icon.labels {
  background: linear-gradient(135deg, var(--pink), var(--purple));
}

.marketing-icon.boards {
  background: linear-gradient(135deg, var(--turquoise), var(--green));
}

.marketing-icon.print {
  background: linear-gradient(135deg, var(--yellow), var(--orange));
  color: var(--ink);
}

.marketing-icon.ship {
  background: linear-gradient(135deg, var(--blue), var(--turquoise));
}

.marketing-icon.party {
  background: linear-gradient(135deg, var(--green), var(--yellow));
  color: var(--ink);
}

.icon-1 {
  background: linear-gradient(135deg, var(--red), var(--orange));
}
.icon-2 {
  background: linear-gradient(135deg, var(--turquoise), var(--green));
}
.icon-3 {
  background: linear-gradient(135deg, var(--yellow), var(--pink));
}
.icon-4 {
  background: linear-gradient(135deg, var(--purple), var(--pink));
}
.icon-5 {
  background: linear-gradient(135deg, var(--green), var(--yellow));
}
.icon-6 {
  background: linear-gradient(135deg, var(--orange), var(--turquoise));
}

.how-section {
  background:
    linear-gradient(135deg, rgba(0, 168, 184, 0.12), rgba(232, 46, 138, 0.1)),
    rgba(255, 250, 240, 0.5);
  border-radius: 42px;
}

.flow-step {
  position: relative;
  padding-top: 44px;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.flow-step::before {
  background:
    linear-gradient(135deg, var(--turquoise) 0 18%, transparent 18% 32%, var(--yellow) 32% 52%, transparent 52% 66%, var(--pink) 66%),
    rgba(255,255,255,0.3);
  clip-path: polygon(0 0, 100% 0, 100% 62%, 86% 100%, 72% 62%, 58% 100%, 44% 62%, 30% 100%, 16% 62%, 0 100%);
  content: "";
  height: 30px;
  left: 18px;
  position: absolute;
  right: 18px;
  top: 0;
}

.flow-step span {
  align-items: center;
  background: linear-gradient(135deg, var(--ink), #66321f);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-weight: 950;
  height: 42px;
  justify-content: center;
  margin-bottom: 22px;
  width: 42px;
}

.final-cta {
  align-items: center;
  background:
    radial-gradient(circle at 82% 20%, rgba(255, 213, 31, 0.45), transparent 18rem),
    linear-gradient(135deg, rgba(0, 168, 184, 0.96), rgba(17, 136, 77, 0.88)),
    var(--turquoise);
  border: 3px solid rgba(29, 15, 10, 0.14);
  border-radius: 38px;
  box-shadow: var(--shadow);
  color: #fffaf0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
  overflow: hidden;
  position: relative;
}

.final-cta::before {
  background:
    linear-gradient(135deg, var(--red) 0 18%, transparent 18% 32%, var(--yellow) 32% 52%, transparent 52% 66%, var(--pink) 66%),
    rgba(255,255,255,0.2);
  clip-path: polygon(0 0, 100% 0, 100% 66%, 88% 100%, 76% 66%, 64% 100%, 52% 66%, 40% 100%, 28% 66%, 16% 100%, 4% 66%, 0 100%);
  content: "";
  height: 42px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.final-cta h2 {
  margin: 0;
}

.sample-section,
.physical-shop-section,
.review-section {
  padding-top: 50px;
}

.sample-section {
  background: rgba(255, 250, 240, 0.62);
  border-radius: 30px;
}

.sample-grid,
.review-grid,
.project-action-grid,
.project-card-grid {
  display: grid;
  gap: 18px;
}

.sample-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sample-card,
.review-card,
.project-action-card,
.saved-project-card,
.signin-project-callout,
.account-routing-card,
.admin-detail-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.64)),
    rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 28px;
  box-shadow: var(--small-shadow);
}

.sample-card {
  display: grid;
  gap: 16px;
  min-height: 360px;
  padding: 18px;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.sample-card:hover,
.project-action-card:hover,
.saved-project-card:hover {
  box-shadow: 0 18px 46px rgba(93, 48, 28, 0.16);
  transform: translateY(-4px);
}

.sample-board-mini {
  aspect-ratio: 5 / 7;
  background-position: center;
  background-size: cover;
  border: 3px solid rgba(29, 15, 10, 0.72);
  border-radius: 18px;
  display: grid;
  gap: 10px;
  overflow: hidden;
  padding: 18px;
  position: relative;
}

.sample-board-mini.has-custom-image {
  align-content: end;
  border-color: rgba(29, 15, 10, 0.2);
  box-shadow: inset 0 -90px 70px rgba(29, 15, 10, 0.5);
  min-height: 0;
}

.sample-board-mini.has-custom-image strong {
  background: rgba(255, 250, 240, 0.9);
  border: 1px solid rgba(29, 15, 10, 0.12);
  border-radius: 999px;
  color: var(--ink);
  justify-self: center;
  padding: 10px 14px;
}

.sample-board-mini::before {
  display: none;
}

.sample-1 .sample-board-mini {
  background: linear-gradient(135deg, #fff0f8, #dff4ff);
}

.sample-2 .sample-board-mini {
  background: linear-gradient(135deg, #fff7ea, #f0d8c0);
}

.sample-3 .sample-board-mini {
  background: linear-gradient(135deg, #fffbd7, #d8fff1);
}

.sample-4 .sample-board-mini {
  background: linear-gradient(135deg, #ffe5cf, #e7dcff);
}

.sample-board-mini strong {
  align-self: end;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.15rem;
  font-weight: 950;
  line-height: 1;
  text-align: center;
  z-index: 1;
}

.sample-board-mini div {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(4, 1fr);
  z-index: 1;
}

.sample-board-mini span {
  align-items: end;
  aspect-ratio: 2.5 / 3.5;
  background-color: #fff4dc;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(29, 15, 10, 0.78);
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 0.62rem;
  font-weight: 950;
  justify-content: center;
  overflow: hidden;
  padding: 0;
}

.sample-board-mini span i {
  background: rgba(29, 15, 10, 0.78);
  display: block;
  font-style: normal;
  line-height: 1;
  padding: 4px 3px;
  text-align: center;
  width: 100%;
}

.sample-card h3,
.review-card strong,
.project-action-card h2,
.saved-project-card h3,
.signin-project-callout h3,
.empty-projects h3,
.admin-detail-card h3 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  line-height: 1;
  margin: 0;
}

.sample-card p,
.review-card p,
.project-action-card p,
.signin-project-callout p,
.empty-projects p,
.account-routing-card p,
.admin-detail-card p {
  color: #654d3f;
  line-height: 1.5;
  margin: 0;
}

.physical-shop-section {
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 216, 79, 0.28), transparent 24%),
    linear-gradient(135deg, rgba(255, 250, 240, 0.82), rgba(255, 255, 255, 0.58)),
    rgba(255, 250, 240, 0.62);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 34px;
  box-shadow: var(--small-shadow);
  scroll-margin-top: 130px;
}

.physical-product-showcase {
  overflow: hidden;
}

.product-carousel-track {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.compact-carousel .product-carousel-track {
  animation: productCarousel 24s linear infinite;
  display: flex;
  width: max-content;
}

.compact-carousel:hover .product-carousel-track {
  animation-play-state: paused;
}

@keyframes productCarousel {
  to {
    transform: translateX(-50%);
  }
}

.physical-product-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 246, 225, 0.72)),
    rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 26px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
}

.compact-carousel .physical-product-card {
  width: min(310px, 74vw);
}

.physical-product-photo {
  align-items: end;
  aspect-ratio: 1;
  background:
    linear-gradient(135deg, rgba(255, 213, 31, 0.32), rgba(232, 46, 138, 0.2)),
    #fff4dc;
  background-position: center;
  background-size: cover;
  border: 8px solid #fff;
  border-radius: 22px;
  box-shadow: 0 16px 30px rgba(89, 37, 21, 0.14);
  display: flex;
  overflow: hidden;
  padding: 10px;
}

.physical-product-photo span {
  background: rgba(255, 250, 240, 0.9);
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 999px;
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 950;
  padding: 7px 10px;
}

.physical-product-card strong {
  display: block;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.22rem;
  line-height: 1.05;
}

.physical-product-card p {
  color: #60483a;
  font-size: 0.94rem;
  font-weight: 820;
  line-height: 1.45;
  margin: 7px 0;
}

.physical-product-card small {
  color: var(--green);
  display: block;
  font-weight: 950;
}

.review-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.review-card {
  display: grid;
  gap: 12px;
  padding: 24px;
}

.review-photo {
  aspect-ratio: 1 / 1;
  background-color: #fff4dc;
  background-position: center;
  background-size: cover;
  border: 3px solid #fff;
  border-radius: 18px;
  box-shadow: 0 12px 26px rgba(75, 33, 18, 0.14);
  min-height: 0;
  margin-bottom: 4px;
}

.review-card strong {
  font-size: 1.28rem;
}

.site-footer {
  align-items: center;
  border-top: 1px solid rgba(37, 23, 17, 0.1);
  display: flex;
  justify-content: space-between;
  padding-bottom: 46px;
  padding-top: 32px;
}

.site-footer p {
  color: #6b5345;
  margin: 12px 0 0 60px;
}

.site-footer .brand-mark {
  align-items: center;
}

.site-footer .logo-mark {
  height: 56px;
  width: 56px;
}

.site-footer .brand-label {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.2rem;
}

.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: flex-end;
}

.site-footer a,
.site-footer button {
  background: none;
  border: 0;
  color: #5e4638;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  padding: 0;
}

.seo-page {
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
}

.seo-page::before {
  background-image:
    linear-gradient(45deg, rgba(201, 42, 28, 0.045) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(8, 127, 140, 0.045) 25%, transparent 25%);
  background-size: 30px 30px;
  content: "";
  inset: 0;
  opacity: 0.34;
  pointer-events: none;
  position: fixed;
}

.seo-topic-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 18px auto 0;
  max-width: 1180px;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

.seo-topic-links a {
  background: rgba(255, 250, 240, 0.84);
  border: 1px solid rgba(29, 15, 10, 0.1);
  border-radius: 999px;
  color: #4f281c;
  font-size: 0.9rem;
  font-weight: 900;
  padding: 9px 13px;
}

.seo-topic-links a:hover {
  background: var(--red);
  color: #fffaf0;
}

.seo-landing-hero {
  align-items: center;
  display: grid;
  gap: 34px;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.72fr);
  margin-top: 22px;
  min-height: 520px;
}

.seo-landing-hero h1 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2.55rem, 5.8vw, 6.8rem);
  line-height: 0.92;
  margin-bottom: 18px;
  max-width: 820px;
  text-wrap: balance;
}

.seo-landing-hero p {
  color: #4f281c;
  font-size: 1.1rem;
  font-weight: 720;
  line-height: 1.56;
  max-width: 710px;
}

.seo-landing-hero .seo-price-note,
.static-seo-page .seo-price-note {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(29, 15, 10, 0.1);
  border-radius: 999px;
  color: var(--red);
  display: inline-flex;
  font-size: 0.95rem;
  font-weight: 950;
  margin: 0 0 20px;
  padding: 9px 14px;
}

.seo-hero-image {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 213, 31, 0.3), transparent 28%),
    rgba(255, 250, 240, 0.76);
  border: 1px solid rgba(29, 15, 10, 0.12);
  border-radius: 30px;
  box-shadow: var(--small-shadow);
  margin: 0;
  overflow: hidden;
  padding: 16px;
}

.seo-hero-image img {
  aspect-ratio: 1 / 1;
  border: 2px solid rgba(29, 15, 10, 0.16);
  border-radius: 22px;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.seo-hero-image figcaption {
  color: #60483a;
  font-size: 0.9rem;
  font-weight: 850;
  margin-top: 12px;
  text-align: center;
}

.seo-content-grid,
.seo-related-grid,
.seo-faq-grid {
  display: grid;
  gap: 18px;
  margin: 0 auto;
  max-width: 1180px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.seo-content-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
}

.seo-content-grid article,
.seo-faq-grid details,
.seo-related-grid a {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(255, 244, 220, 0.64)),
    rgba(255, 250, 240, 0.78);
  border: 1px solid rgba(29, 15, 10, 0.1);
  border-radius: 24px;
  box-shadow: var(--small-shadow);
  padding: 22px;
}

.seo-content-grid h2,
.seo-faq-section h2,
.seo-steps-section h2,
.seo-related-section h2 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  line-height: 1;
  margin-bottom: 12px;
}

.seo-content-grid ul,
.static-seo-page ul {
  color: #60483a;
  display: grid;
  font-weight: 820;
  gap: 10px;
  line-height: 1.42;
  margin: 0;
  padding-left: 20px;
}

.seo-steps-section,
.seo-faq-section,
.seo-related-section {
  margin: 58px auto 0;
  max-width: 1220px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.seo-faq-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
}

.seo-faq-grid summary {
  cursor: pointer;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-weight: 950;
}

.seo-faq-grid p {
  color: #60483a;
  font-weight: 820;
  line-height: 1.5;
  margin: 10px 0 0;
}

.seo-related-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
}

.seo-related-grid a {
  display: grid;
  gap: 8px;
}

.seo-related-grid strong {
  color: var(--red);
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.05rem;
}

.seo-related-grid span {
  color: #60483a;
  font-size: 0.9rem;
  font-weight: 780;
  line-height: 1.42;
}

.seo-footer {
  margin-bottom: 34px;
}

.static-seo-page {
  padding: 28px;
}

.static-seo-page section,
.seo-static-nav {
  margin: 0 auto 24px;
  max-width: 980px;
}

.seo-static-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.reveal-pending {
  opacity: 0;
  transform: translateY(32px);
  transition:
    opacity 720ms ease var(--reveal-delay, 0ms),
    transform 720ms cubic-bezier(0.2, 0.8, 0.2, 1) var(--reveal-delay, 0ms);
}

.reveal-pending.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.landing-redesign .content-article-section.reveal-pending {
  opacity: 1;
  transform: none;
}

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

.builder-status-strip {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-bottom: 18px;
}

.builder-status-strip span {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  color: #594337;
  font-size: 0.9rem;
  font-weight: 850;
  padding: 10px 14px;
}

.project-hub-hero {
  align-items: end;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.8fr);
  margin-bottom: 22px;
}

.project-hub-hero h1 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2.6rem, 5.4vw, 5.8rem);
  line-height: 0.93;
  margin-bottom: 16px;
}

.project-hub-hero p {
  color: #60483a;
  font-size: 1.08rem;
  line-height: 1.6;
  margin: 0;
  max-width: 720px;
}

.project-hub-stats {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.project-hub-stats article {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  box-shadow: var(--small-shadow);
  padding: 16px;
}

.project-hub-stats span,
.project-action-card span {
  color: #60483a;
  display: block;
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.project-hub-stats strong {
  display: block;
  font-size: 1.35rem;
  margin-top: 6px;
}

.project-action-grid {
  grid-template-columns: minmax(0, 460px);
  margin-bottom: 22px;
}

.project-action-grid.single-action {
  justify-content: start;
}

.project-action-card {
  display: grid;
  gap: 12px;
  min-height: 0;
  padding: 20px;
}

.project-action-card h2 {
  font-size: 1.45rem;
}

.new-project-card {
  background:
    linear-gradient(135deg, rgba(232, 79, 61, 0.18), rgba(239, 93, 168, 0.14)),
    rgba(255, 255, 255, 0.78);
}

.project-library-panel {
  display: grid;
  gap: 20px;
}

.project-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.saved-project-card {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.project-card-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.danger-button {
  align-items: center;
  background: rgba(180, 35, 24, 0.08);
  border: 1px solid rgba(180, 35, 24, 0.22);
  border-radius: 999px;
  color: #9c241b;
  display: inline-flex;
  font-size: 0.84rem;
  font-weight: 950;
  justify-content: center;
  min-height: 44px;
  padding: 0 14px;
}

.danger-button:hover {
  background: rgba(180, 35, 24, 0.14);
}

.danger-button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.saved-project-art {
  background: linear-gradient(135deg, #fff1cf, #ffe3f1);
  border-radius: 22px;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(4, 1fr);
  padding: 12px;
}

.saved-project-art span {
  aspect-ratio: 2.5 / 3.5;
  background: linear-gradient(135deg, var(--orange), var(--pink), var(--turquoise));
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 8px;
}

.saved-project-board-preview {
  background: #fff1cf;
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(4, 1fr);
  padding: 12px;
}

.saved-project-board-preview span {
  aspect-ratio: 2.5 / 3.5;
  background:
    linear-gradient(135deg, rgba(255, 213, 31, 0.56), rgba(232, 46, 138, 0.4)),
    #fff;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.78);
  border-radius: 7px;
  display: flex;
  overflow: hidden;
  position: relative;
}

.saved-project-board-preview b {
  align-self: end;
  background: rgba(255, 244, 220, 0.92);
  border-top: 1px solid rgba(0, 0, 0, 0.8);
  display: block;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(0.34rem, 1.45vw, 0.5rem);
  font-weight: 1000;
  line-height: 0.95;
  overflow: hidden;
  padding: 3px 2px;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}

.saved-project-card p {
  color: #60483a;
  margin-bottom: 4px;
}

.saved-project-card small {
  color: #806758;
  font-weight: 850;
}

.signin-project-callout,
.account-routing-card {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 20px;
}

.signin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.empty-projects {
  background: rgba(255, 255, 255, 0.58);
  border: 1px dashed rgba(37, 23, 17, 0.16);
  border-radius: 24px;
  display: grid;
  gap: 12px;
  justify-items: start;
  padding: 24px;
}

.account-routing-card strong {
  display: block;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.25rem;
  margin-bottom: 4px;
}

.admin-workspace {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(260px, 0.7fr) minmax(280px, 0.78fr) minmax(380px, 1.18fr);
}

.admin-list-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.62)),
    rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 28px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
}

.admin-nested-list {
  display: grid;
  gap: 10px;
  max-height: 660px;
  overflow: auto;
  padding-right: 3px;
}

.admin-user-card,
.admin-deck-card {
  background: rgba(255, 250, 242, 0.8);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 20px;
  color: var(--ink);
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  text-align: left;
  transition: transform 160ms ease, box-shadow 160ms ease, border 160ms ease, background 160ms ease;
}

.admin-user-card {
  align-items: center;
  grid-template-columns: 44px minmax(0, 1fr) auto;
}

.admin-user-card b,
.admin-deck-card b {
  color: #715648;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
}

.admin-user-card b {
  grid-column: 2 / -1;
}

.admin-user-card em {
  background: rgba(7, 174, 182, 0.12);
  border-radius: 999px;
  color: #075e64;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  padding: 6px 8px;
  text-transform: uppercase;
}

.admin-user-card strong,
.admin-deck-card strong {
  display: block;
  font-size: 0.96rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.saved-project-cover-preview {
  background:
    linear-gradient(135deg, rgba(255, 213, 31, 0.3), rgba(15, 163, 168, 0.16)),
    #fff1cf;
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  min-height: 190px;
  overflow: hidden;
  padding: 12px;
}

.saved-project-cover-preview span {
  align-items: end;
  background:
    linear-gradient(135deg, rgba(255, 213, 31, 0.38), rgba(232, 46, 138, 0.24)),
    #fff4dc;
  background-position: center;
  background-size: cover;
  border: 2px solid rgba(29, 15, 10, 0.78);
  border-radius: 14px;
  display: flex;
  height: 100%;
  min-height: 166px;
  overflow: hidden;
}

.saved-project-cover-preview.empty-cover span {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 244, 220, 0.95), rgba(255, 241, 199, 0.72)),
    #fff4dc;
  justify-content: center;
  padding: 18px;
  text-align: center;
}

.saved-project-cover-preview b {
  background: rgba(255, 244, 220, 0.92);
  border-top: 1px solid rgba(0, 0, 0, 0.7);
  display: block;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 0.82rem;
  font-weight: 1000;
  line-height: 1;
  overflow: hidden;
  padding: 8px 7px;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}

.admin-user-card small,
.admin-deck-card small,
.admin-list-panel .section-minihead small {
  color: #7c6456;
  font-size: 0.78rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.admin-avatar {
  align-items: center;
  background: conic-gradient(from 210deg, var(--pink), var(--orange), var(--yellow), var(--turquoise), var(--pink));
  border: 3px solid #fff;
  border-radius: 16px;
  box-shadow: 0 8px 18px rgba(89, 37, 21, 0.12);
  color: #fff;
  display: inline-flex;
  font-weight: 950;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.admin-deck-card {
  grid-template-columns: 74px minmax(0, 1fr);
}

.admin-deck-mini {
  background: linear-gradient(135deg, #fff0cf, #ffe1ef);
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 16px;
  display: grid;
  gap: 4px;
  grid-row: span 3;
  grid-template-columns: repeat(2, 1fr);
  padding: 8px;
}

.admin-deck-mini i {
  aspect-ratio: 2.5 / 3.5;
  background: linear-gradient(135deg, var(--orange), var(--pink), var(--turquoise));
  border: 1px solid rgba(0, 0, 0, 0.22);
  border-radius: 5px;
  display: block;
}

.admin-user-card:hover,
.admin-deck-card:hover {
  box-shadow: 0 16px 36px rgba(89, 37, 21, 0.15);
  transform: translateY(-2px);
}

.admin-user-card.selected,
.admin-deck-card.selected,
.admin-row.selected {
  background: linear-gradient(135deg, rgba(255, 216, 79, 0.26), rgba(242, 79, 155, 0.16)), #fff;
  border-color: rgba(242, 79, 155, 0.34);
  outline: 3px solid rgba(242, 79, 155, 0.18);
}

.admin-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-detail-card {
  display: grid;
  gap: 18px;
  min-width: 0;
  padding: 20px;
}

.admin-detail-head {
  align-items: start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.admin-detail-head span {
  color: #60483a;
  font-size: 0.82rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.admin-detail-head h3 {
  font-size: 1.55rem;
  margin-top: 5px;
}

.admin-detail-head > strong {
  background: linear-gradient(135deg, var(--ink), #69321e);
  border-radius: 999px;
  color: #fff;
  flex: 0 0 auto;
  padding: 9px 12px;
}

.admin-detail-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
}

.admin-detail-metrics article {
  background: linear-gradient(135deg, rgba(7, 174, 182, 0.09), rgba(255, 216, 79, 0.12));
  border-radius: 16px;
  padding: 12px;
}

.admin-detail-metrics span {
  color: #60483a;
  display: block;
  font-size: 0.78rem;
  font-weight: 900;
}

.admin-detail-metrics strong {
  display: block;
  margin-top: 4px;
}

.admin-image-status {
  background: rgba(7, 174, 182, 0.1);
  border: 1px solid rgba(7, 174, 182, 0.18);
  border-radius: 999px;
  color: #075e64 !important;
  display: inline-flex;
  font-size: 0.86rem;
  font-weight: 900;
  justify-self: start;
  padding: 9px 12px;
}

.admin-image-status.warning {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.28);
  color: #7c3f00 !important;
}

.admin-card-preview-grid {
  display: grid;
  gap: 12px;
  margin-top: 10px;
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  max-height: 520px;
  overflow: auto;
  padding-right: 4px;
}

.admin-card-thumb {
  background: rgba(255, 250, 242, 0.78);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 8px;
  padding: 10px;
  min-width: 0;
}

.admin-card-thumb .card-preview-canvas.compact {
  border-radius: 14px;
  border-width: 6px;
  min-width: 0;
  width: 100%;
}

.admin-card-thumb strong {
  font-size: 0.85rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-card-thumb small {
  color: #755b4e;
  font-weight: 900;
}

.admin-card-enlarge { display:grid; gap:7px; padding:0; border:0; background:transparent; color:#684137; width:100%; min-width:0; text-align:inherit; cursor:zoom-in; border-radius:12px; }
.admin-card-enlarge > span { font-size:11px; font-weight:700; text-align:center; }
.admin-card-enlarge:disabled { opacity:.55; cursor:default; }
.admin-card-enlarge:focus-visible { outline:3px solid #ad1b64; outline-offset:4px; }
.modal-backdrop.admin-image-viewer { z-index:1400; padding:16px; background:rgba(15,12,22,.88); overflow:hidden; }
.admin-image-viewer > .admin-image-viewer-panel { display:flex; flex-direction:column; width:min(1100px,100%); height:calc(100dvh - 32px); max-height:calc(100dvh - 32px); margin:auto; padding:0; overflow:hidden; border-radius:18px; background:#fffaf7; color:#29202d; box-shadow:0 24px 90px #0006; }
.admin-image-viewer-panel header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; }
.admin-image-viewer-panel h2 { font-size:19px; line-height:1.3; margin:0; overflow-wrap:anywhere; }
.admin-image-viewer-panel h2 small { color:#796979; font-size:14px; }
.admin-image-viewer-panel header p { font-size:12px; margin:4px 0 0; color:#796979; }
.admin-image-viewer-panel button { min-width:40px; min-height:40px; padding:8px 12px; border:1px solid #d6cdd6; border-radius:9px; background:#fff; color:#49344c; font-size:14px; font-weight:700; cursor:pointer; }
.admin-image-viewer-panel button:disabled { opacity:.4; cursor:default; }
.admin-image-viewer-panel button:focus-visible,.admin-image-viewer-viewport:focus-visible { outline:3px solid #b71b63; outline-offset:-3px; }
.admin-image-viewer-toolbar { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding:0 12px 12px; }
.admin-image-viewer-toolbar output { min-width:48px; text-align:center; font-size:14px; font-variant-numeric:tabular-nums; }
.admin-image-viewer-viewport { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; background:#e8e4e9; }
.admin-image-viewer-viewport.zoomed { cursor:grab; }
.admin-image-viewer-viewport.zoomed:active { cursor:grabbing; }
.admin-image-viewer-stage { display:flex; align-items:center; justify-content:center; position:relative; }
.admin-image-viewer-stage > img { display:block; max-width:none; max-height:none; flex:none; object-fit:contain; user-select:none; }
.admin-image-viewer-stage > p { position:absolute; }
.admin-image-viewer-error { max-width:460px; margin:32px auto; padding:20px; text-align:center; }
.admin-image-viewer-panel footer { padding:10px 16px; font-size:12px; line-height:1.4; text-align:center; color:#796979; }
@media(max-width:600px) { .modal-backdrop.admin-image-viewer{padding:8px}.admin-image-viewer > .admin-image-viewer-panel{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.admin-image-viewer-panel header{padding:12px}.admin-image-viewer-panel h2{font-size:16px}.admin-image-viewer-panel footer{font-size:11px} }

.admin-board-inspector {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

.admin-board-inspector .board-preview {
  box-shadow: 0 18px 44px rgba(89, 37, 21, 0.16);
  max-height: 700px;
}

.admin-board-picker,
.admin-board-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-board-list {
  margin-top: 12px;
  max-height: 180px;
  overflow: auto;
  padding-right: 4px;
}

.admin-board-picker button,
.admin-board-list button {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(37, 23, 17, 0.12);
  border-radius: 999px;
  color: var(--ink);
  font-weight: 950;
  min-height: 38px;
  padding: 0 12px;
}

.admin-board-list button {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.admin-board-list span {
  color: #6e5548;
  font-size: 0.78rem;
  font-weight: 850;
}

.admin-board-picker button.selected,
.admin-board-list button.selected {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

.admin-board-list button.selected span {
  color: rgba(255, 255, 255, 0.76);
}

.builder-header {
  padding-bottom: 8px;
}

.save-status,
.success-badge,
.warning-badge,
.upload-count,
.busy-banner {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  color: #594337;
  font-size: 0.9rem;
  font-weight: 850;
  padding: 10px 14px;
}

.builder-shell {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 10px;
  max-width: 1600px;
}

.builder-intro {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 0.8fr) minmax(280px, 0.55fr);
  margin-bottom: 12px;
}

.builder-intro h1 {
  font-size: clamp(2.1rem, 3.35vw, 3.9rem);
  margin-bottom: 0;
}

.builder-intro p:last-child {
  color: #654d3f;
  font-size: 1rem;
  line-height: 1.5;
}

.stepper {
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 28px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 14px;
  padding: 7px;
}

.step-pill {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 20px;
  color: #665045;
  display: flex;
  gap: 10px;
  justify-content: center;
  min-height: 44px;
  padding: 6px;
}

.step-pill span {
  align-items: center;
  background: rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  display: inline-flex;
  font-weight: 950;
  height: 27px;
  justify-content: center;
  width: 27px;
}

.step-pill small {
  font-weight: 900;
}

.step-pill.active {
  background: #fff;
  box-shadow: 0 10px 24px rgba(93, 48, 28, 0.1);
  color: var(--ink);
}

.step-pill.active span,
.step-pill.complete span {
  background: linear-gradient(135deg, var(--red), var(--pink));
  color: #fff;
}

.step-pill:disabled,
.step-pill.locked {
  cursor: not-allowed;
  opacity: 0.48;
}

.step-pill.locked span {
  background: rgba(37, 23, 17, 0.06);
  color: #8a7467;
}

.builder-panel {
  background: rgba(255, 250, 242, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 38px;
  box-shadow: var(--shadow);
  padding: 30px;
}

.studio-panel {
  padding: 0;
  overflow: hidden;
}

.studio-panel-header {
  align-items: end;
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 214, 77, 0.28), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(255, 244, 220, 0.58));
  border-bottom: 1px solid rgba(37, 23, 17, 0.08);
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 20px 30px 18px;
}

.studio-panel-header h2 {
  font-size: clamp(1.65rem, 2.55vw, 2.65rem);
  margin-bottom: 6px;
}

.studio-panel-header .soft-copy {
  max-width: 720px;
}

.builder-studio-layout {
  align-items: start;
  display: grid;
  gap: 0;
  grid-template-columns: minmax(330px, 0.3fr) minmax(420px, 1fr) minmax(330px, 0.3fr);
  min-height: 650px;
}

.studio-sidebar {
  align-content: start;
  align-items: start;
  align-self: stretch;
  display: grid;
  gap: 12px;
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 18px;
}

.studio-settings {
  align-content: start;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 250, 242, 0.5)),
    rgba(255, 255, 255, 0.42);
  border-right: 1px solid rgba(37, 23, 17, 0.08);
}

.studio-settings > *,
.studio-control-stack,
.cards-sidebar,
.studio-settings .label-style-panel,
.studio-settings .board-style-controls,
.studio-settings .redesigned-controls {
  align-content: start;
  align-self: start;
  width: 100%;
}

.studio-control-stack > *,
.cards-sidebar > *,
.studio-settings .label-style-panel > *,
.studio-settings .board-style-controls > * {
  align-self: start;
  width: 100%;
}

.studio-guidance {
  background:
    radial-gradient(circle at 88% 10%, rgba(15, 163, 168, 0.14), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(255, 246, 231, 0.58));
  border-left: 1px solid rgba(37, 23, 17, 0.08);
  align-self: start;
  position: sticky;
  top: 104px;
}

.studio-main {
  display: grid;
  gap: 16px;
  min-width: 0;
  overflow: hidden;
  padding: 18px;
}

.studio-control-stack,
.download-settings-stack {
  align-content: start;
  display: grid;
  gap: 16px;
}

.studio-action-card {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 244, 220, 0.58)),
    rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 10px;
  padding: 16px;
}

.studio-action-card.success {
  background:
    linear-gradient(135deg, rgba(31, 122, 77, 0.12), rgba(255, 255, 255, 0.78)),
    rgba(255, 255, 255, 0.72);
}

.studio-action-card.warning {
  background:
    linear-gradient(135deg, rgba(180, 35, 24, 0.12), rgba(255, 214, 77, 0.13)),
    rgba(255, 255, 255, 0.72);
  border-color: rgba(180, 35, 24, 0.18);
}

.studio-action-card strong {
  color: var(--ink);
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.05rem;
}

.studio-action-card p {
  color: #60483a;
  font-size: 0.92rem;
  font-weight: 820;
  line-height: 1.45;
  margin: 0;
}

.studio-action-row {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}

.studio-stat-grid {
  align-items: baseline;
  display: flex;
  gap: 8px;
}

.studio-stat-grid span {
  color: var(--red);
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 2.2rem;
  font-weight: 1000;
  line-height: 1;
}

.studio-stat-grid small {
  color: #60483a;
  font-weight: 900;
}

.project-start-card {
  align-content: center;
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 214, 77, 0.34), transparent 28%),
    radial-gradient(circle at 88% 84%, rgba(15, 163, 168, 0.16), transparent 30%),
    rgba(255, 250, 242, 0.78);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 30px;
  display: grid;
  gap: 14px;
  min-height: 340px;
  padding: 26px;
}

.project-start-card .logo-mark {
  height: 48px;
  width: 48px;
}

.project-start-card h3 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(1.75rem, 3.2vw, 3.25rem);
  line-height: 1;
  margin: 0;
}

.project-start-card > p {
  color: #60483a;
  font-size: 1rem;
  font-weight: 820;
  line-height: 1.5;
  max-width: 620px;
}

.compact-lock {
  grid-column: auto;
}

.studio-download-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.studio-settings .drop-zone {
  min-height: 168px;
  padding: 14px;
}

.studio-settings .drop-zone h3 {
  font-size: 1rem;
  line-height: 1.15;
  margin: 0;
}

.studio-settings .drop-art {
  border-width: 5px;
  border-radius: 18px;
  height: 52px;
  margin-bottom: 10px;
  width: 76px;
}

.studio-settings .drop-zone p {
  font-size: 0.86rem;
  line-height: 1.28;
  margin: 6px 0 10px;
}

.studio-settings .drop-zone p,
.studio-settings .soft-copy,
.studio-guidance .soft-copy,
.studio-settings .warning-text,
.studio-settings .success-text {
  overflow-wrap: anywhere;
}

.studio-settings .label-style-panel,
.studio-settings .download-settings,
.studio-settings .text-style-grid,
.studio-settings .color-control-grid,
.studio-settings .border-control-grid {
  grid-template-columns: 1fr;
}

.studio-settings .access-code-panel,
.studio-settings .square-pass-panel,
.studio-guidance .access-code-panel,
.studio-guidance .square-pass-panel {
  grid-template-columns: 1fr;
}

.studio-settings .download-card,
.studio-guidance .download-card {
  min-width: 0;
}

.studio-settings .primary-button,
.studio-settings .secondary-button,
.studio-guidance .primary-button,
.studio-guidance .secondary-button {
  font-size: 0.9rem;
  min-height: 40px;
  padding: 8px 14px;
  white-space: normal;
}

.studio-sidebar .large {
  min-height: 48px;
  padding-left: 18px;
  padding-right: 18px;
}

.two-column {
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.75fr);
}

.form-grid,
.advanced-grid,
.control-pair,
.download-settings {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.project-title-grid {
  grid-template-columns: 1fr;
  margin-bottom: 22px;
}

.project-setup-panel {
  max-width: none;
}

.project-setup-panel .builder-studio-layout {
  min-height: 360px;
}

.studio-settings label {
  gap: 6px;
}

.studio-settings label span {
  font-size: 0.82rem;
}

.studio-settings input,
.studio-settings select,
.studio-settings textarea {
  border-radius: 14px;
  font-size: 0.93rem;
  min-height: 42px;
  padding: 0 12px;
}

.studio-settings input[type="color"] {
  min-height: 42px;
  padding: 6px;
}

.studio-settings input[type="range"] {
  min-height: 26px;
  padding: 0;
}

.project-setup-card {
  display: grid;
  gap: 16px;
}

label {
  display: grid;
  gap: 8px;
}

label span {
  color: #594337;
  font-size: 0.9rem;
  font-weight: 900;
}

input,
select,
textarea {
  background: #fff;
  border: 2px solid rgba(37, 23, 17, 0.1);
  border-radius: 18px;
  color: var(--ink);
  min-height: 52px;
  outline: none;
  padding: 0 15px;
  transition: border 160ms ease, box-shadow 160ms ease;
  width: 100%;
}

input[type="color"] {
  min-height: 58px;
  padding: 8px;
}

input[type="range"] {
  accent-color: var(--pink);
  padding: 0;
}

input:focus,
select:focus {
  border-color: rgba(239, 93, 168, 0.75);
  box-shadow: 0 0 0 4px rgba(239, 93, 168, 0.12);
}

.preset-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 20px 0;
}

.preset-grid button {
  align-items: center;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 18px;
  display: flex;
  font-weight: 900;
  gap: 10px;
  min-height: 56px;
  padding: 10px;
}

.preset-grid span {
  border-radius: 12px;
  display: inline-block;
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 30px;
}

.preset-grid b {
  font-size: 0.9rem;
  line-height: 1.05;
  text-align: left;
}

.preset-swatch::before {
  background:
    linear-gradient(90deg, var(--board-ribbon), var(--yellow), var(--board-accent)),
    radial-gradient(circle at 30% 35%, rgba(255,255,255,0.8), transparent 18px);
  content: "";
  inset: 4px;
  position: absolute;
}

.preset-swatch.theme-classic::before,
.preset-swatch.theme-fiesta::before {
  background:
    linear-gradient(135deg, var(--board-ribbon) 0 18%, transparent 18% 28%, var(--board-accent) 28% 46%, transparent 46% 58%, var(--yellow) 58% 76%, var(--pink) 76%),
    radial-gradient(circle at 32% 34%, rgba(255,255,255,0.8) 0 5px, transparent 6px),
    radial-gradient(circle at 68% 62%, rgba(255,255,255,0.72) 0 5px, transparent 6px);
  clip-path: polygon(0 0, 100% 0, 100% 72%, 84% 100%, 68% 72%, 52% 100%, 36% 72%, 20% 100%, 0 72%);
}

.preset-swatch.theme-miniCardBorder::before {
  background:
    linear-gradient(90deg, rgba(31, 122, 77, 0.78) 0 5%, transparent 5% 15%, rgba(231, 73, 50, 0.76) 15% 23%, transparent 23% 77%, rgba(15, 163, 168, 0.76) 77% 85%, transparent 85%),
    radial-gradient(circle at 18% 24%, var(--pink) 0 3px, transparent 4px),
    radial-gradient(circle at 82% 30%, var(--yellow) 0 3px, transparent 4px),
    radial-gradient(circle at 18% 70%, var(--board-ribbon) 0 3px, transparent 4px),
    radial-gradient(circle at 82% 76%, var(--board-accent) 0 3px, transparent 4px),
    linear-gradient(135deg, #fff4dc, #ffe9bc);
  border: 1px solid rgba(37, 23, 17, 0.16);
  border-radius: 8px;
}

.preset-swatch.theme-miniCardBorder::after {
  background:
    linear-gradient(#fffaf0, #fff0cf);
  border: 1px solid rgba(17, 17, 17, 0.72);
  border-radius: 3px;
  box-shadow:
    36px 2px 0 -1px #fffaf0,
    36px 2px 0 0 rgba(17, 17, 17, 0.72),
    2px 36px 0 -1px #fffaf0,
    2px 36px 0 0 rgba(17, 17, 17, 0.72),
    36px 38px 0 -1px #fffaf0,
    36px 38px 0 0 rgba(17, 17, 17, 0.72);
  content: "";
  height: 18px;
  left: 9px;
  position: absolute;
  top: 8px;
  transform: rotate(-10deg);
  width: 13px;
}

.preset-swatch.theme-birthday::before {
  background:
    radial-gradient(circle at 20% 36%, var(--board-accent) 0 13px, transparent 14px),
    radial-gradient(circle at 72% 32%, var(--board-ribbon) 0 12px, transparent 13px),
    radial-gradient(circle at 48% 72%, var(--pink) 0 7px, transparent 8px),
    repeating-linear-gradient(35deg, var(--yellow) 0 5px, transparent 5px 13px);
}

.preset-swatch.theme-wedding::before {
  background:
    radial-gradient(circle at 24% 28%, rgba(255,255,255,0.95) 0 8px, transparent 9px),
    radial-gradient(circle at 43% 43%, rgba(255,255,255,0.9) 0 7px, transparent 8px),
    radial-gradient(circle at 66% 62%, var(--board-accent) 0 4px, transparent 5px),
    linear-gradient(135deg, rgba(255,255,255,0.85), color-mix(in srgb, var(--board-ribbon) 28%, white));
}

.preset-swatch.theme-bold::before {
  background:
    repeating-linear-gradient(-35deg, var(--board-accent) 0 7px, transparent 7px 13px),
    var(--board-ribbon);
}

.preset-swatch.theme-baby::before,
.preset-swatch.theme-pastel::before {
  background:
    radial-gradient(circle at 24% 40%, rgba(255,255,255,0.95) 0 13px, transparent 14px),
    radial-gradient(circle at 44% 32%, rgba(255,255,255,0.88) 0 16px, transparent 17px),
    radial-gradient(circle at 70% 64%, var(--board-ribbon) 0 6px, transparent 7px),
    radial-gradient(circle at 34% 70%, var(--board-accent) 0 5px, transparent 6px),
    rgba(255,255,255,0.45);
}

.preset-swatch.theme-family::before {
  background:
    linear-gradient(135deg, transparent 0 18%, var(--board-accent) 18% 24%, transparent 24% 76%, var(--board-ribbon) 76% 82%, transparent 82%),
    radial-gradient(circle at 28% 36%, var(--pink) 0 7px, transparent 8px),
    radial-gradient(circle at 70% 66%, var(--yellow) 0 8px, transparent 9px);
}

.preset-swatch.theme-classroom::before {
  background:
    repeating-linear-gradient(0deg, rgba(47, 128, 237, 0.28) 0 2px, transparent 2px 12px),
    radial-gradient(circle at 26% 32%, var(--yellow) 0 7px, transparent 8px),
    radial-gradient(circle at 70% 66%, var(--board-accent) 0 6px, transparent 7px),
    white;
}

.preset-swatch.theme-holiday::before {
  background:
    radial-gradient(circle at 20% 25%, var(--board-accent) 0 6px, transparent 7px),
    radial-gradient(circle at 42% 36%, var(--yellow) 0 6px, transparent 7px),
    radial-gradient(circle at 64% 28%, var(--board-ribbon) 0 6px, transparent 7px),
    radial-gradient(circle at 82% 42%, var(--pink) 0 6px, transparent 7px),
    linear-gradient(135deg, rgba(255,255,255,0.55), rgba(67,182,111,0.16));
}

.preset-grid button.selected {
  border-color: var(--pink);
  box-shadow: 0 10px 24px rgba(239, 93, 168, 0.16);
}

.project-preview-card {
  aspect-ratio: 5 / 7;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.32)),
    #ffedc2;
  border: 9px solid #fff;
  border-radius: 34px;
  box-shadow: var(--small-shadow);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
}

.preview-title {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2rem, 4vw, 3.6rem);
  font-weight: 950;
  line-height: 0.95;
  text-align: center;
}

.preview-subtitle {
  color: #6a5345;
  font-weight: 800;
  margin: 10px auto 24px;
  text-align: center;
}

.preview-mini-grid,
.empty-board-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(4, 1fr);
}

.preview-mini-grid div,
.empty-board-grid span {
  aspect-ratio: 2.5 / 3.5;
  background: linear-gradient(135deg, var(--pink), var(--turquoise));
  border: 3px solid #fff;
  border-radius: 10px;
}

.panel-header {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 24px;
}

.drop-zone {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.5)),
    repeating-linear-gradient(45deg, rgba(15, 163, 168, 0.08) 0 8px, transparent 8px 18px);
  border: 3px dashed rgba(239, 93, 168, 0.45);
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  min-height: 280px;
  padding: 30px;
  text-align: center;
  transition: transform 160ms ease, border-color 160ms ease;
}

.drop-zone.dragging {
  border-color: var(--turquoise);
  transform: scale(1.01);
}

.upload-progress-card {
  background:
    linear-gradient(135deg, rgba(15, 163, 168, 0.14), rgba(239, 93, 168, 0.12)),
    rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 12px;
  margin: -6px 0 24px;
  padding: 16px;
}

.upload-progress-card div:first-child {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.upload-progress-card strong {
  overflow-wrap: anywhere;
}

.upload-progress-card span {
  color: #60483a;
  font-size: 0.86rem;
  font-weight: 900;
  white-space: nowrap;
}

.upload-progress-track {
  background: rgba(37, 23, 17, 0.1);
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.upload-progress-track i {
  background: linear-gradient(90deg, var(--turquoise), var(--yellow), var(--pink));
  border-radius: inherit;
  display: block;
  height: 100%;
  transition: width 180ms ease;
}

.cards-workspace {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(280px, 0.35fr) minmax(0, 1fr);
}

.cards-sidebar {
  align-content: start;
  align-items: start;
  display: grid;
  gap: 16px;
  position: sticky;
  top: 112px;
}

.cards-sidebar .drop-zone {
  margin-bottom: 0;
  min-height: 210px;
  padding: 18px;
}

.studio-settings .cards-sidebar .drop-zone {
  min-height: 176px;
  padding: 14px;
}

.studio-settings .cards-sidebar .drop-art {
  height: 54px;
  margin-bottom: 10px;
  width: 78px;
}

.cards-sidebar .label-style-panel {
  grid-template-columns: 1fr;
  margin-bottom: 0;
}

.cards-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.cards-main-head {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 214, 77, 0.24), rgba(15, 163, 168, 0.12)),
    rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 16px;
}

.cards-main-head strong {
  display: block;
  font-size: 1.12rem;
}

.cards-main-head p {
  color: #60483a;
  font-weight: 820;
  margin: 4px 0 0;
}

.cards-main-head span {
  background: var(--ink);
  border-radius: 999px;
  color: #fff;
  font-weight: 950;
  padding: 8px 12px;
  white-space: nowrap;
}

.cards-empty-state {
  align-content: center;
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 214, 77, 0.28), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 244, 220, 0.62));
  border: 1px dashed rgba(37, 23, 17, 0.18);
  border-radius: 28px;
  display: grid;
  gap: 22px;
  justify-items: center;
  min-height: 430px;
  padding: 34px;
  text-align: center;
}

.cards-empty-state .empty-board-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(4, 1fr);
  max-width: 250px;
  width: min(62%, 250px);
}

.cards-empty-state .empty-board-grid span {
  aspect-ratio: 2.5 / 3.5;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(255, 237, 201, 0.9)),
    var(--cream);
  border: 1px solid rgba(37, 23, 17, 0.12);
  border-radius: 8px;
  box-shadow: 0 10px 18px rgba(93, 48, 28, 0.08);
}

.cards-empty-state h3 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.3rem);
  margin: 0 0 8px;
}

.cards-empty-state p {
  color: #60483a;
  font-weight: 820;
  line-height: 1.55;
  margin: 0 auto;
  max-width: 520px;
}

.drop-zone input,
.hidden-input {
  display: none;
}

.drop-art {
  background: linear-gradient(135deg, var(--yellow), var(--orange), var(--pink));
  border: 7px solid #fff;
  border-radius: 30px;
  box-shadow: var(--small-shadow);
  height: 92px;
  margin-bottom: 20px;
  position: relative;
  width: 120px;
}

.drop-art::before,
.drop-art::after {
  background: #fff;
  border-radius: 999px;
  content: "";
  height: 20px;
  position: absolute;
  width: 20px;
}

.drop-art::before {
  left: 22px;
  top: 22px;
}

.drop-art::after {
  bottom: 24px;
  right: 24px;
}

.card-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
}

.card-editor {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 24px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 10px;
  padding: 12px;
}

.card-preview,
.card-preview-canvas {
  aspect-ratio: 2.5 / 3.5;
  background: #fff;
  border: 12px solid #fff;
  border-radius: 24px;
  box-shadow: 0 12px 28px rgba(42, 23, 16, 0.14);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.card-preview-canvas canvas {
  display: block;
  height: 100%;
  width: 100%;
}

.card-preview.compact,
.card-preview-canvas.compact {
  border-radius: 16px;
  border-width: 7px;
  min-width: 94px;
  width: 94px;
}

.card-preview.board-card,
.card-preview-canvas.board-card {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.72);
  box-shadow: none;
}

.card-preview.caption-band-card {
  background: #fff;
}

.card-image {
  background: linear-gradient(135deg, var(--orange), var(--pink), var(--turquoise));
  height: 100%;
  width: 100%;
}

.caption-band-card .card-image {
  height: 82%;
}

.caption-band-card .card-image,
.caption-band-card .card-image img {
  border-radius: 0;
}

.card-image img {
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease, object-position 180ms ease;
  width: 100%;
}

.mode-contain img {
  background: #fff8ec;
  object-fit: contain;
}

.card-number {
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 999px;
  box-shadow: 0 3px 8px rgba(37, 23, 17, 0.1);
  display: flex;
  font-size: 0.85rem;
  font-weight: 950;
  height: 34px;
  justify-content: center;
  left: 10px;
  min-width: 34px;
  padding: 0 10px;
  position: absolute;
  top: 10px;
  width: max-content;
  z-index: 2;
}

.caption-band-card .card-number {
  background: transparent !important;
  border: 0;
  box-shadow: none;
  color: #111 !important;
  display: block;
  font-family: Arial, sans-serif !important;
  font-size: 0.82rem;
  font-weight: 950;
  height: auto;
  left: 10px;
  min-width: 0;
  padding: 0;
  top: 9px;
}

.card-label {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-items: center;
  background: rgba(255, 255, 255, 0.86);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(37, 23, 17, 0.12);
  bottom: 18px;
  color: #16100d;
  display: -webkit-box;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-weight: 1000;
  left: 50%;
  line-height: 1;
  max-height: 54px;
  max-width: calc(100% - 20px);
  overflow: hidden;
  padding: 9px 10px;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  width: fit-content;
  word-break: break-word;
  z-index: 2;
}

.caption-band-card .card-label {
  border-top: 1px solid rgba(0, 0, 0, 0.92);
  border-radius: 0;
  bottom: 0;
  box-shadow: none;
  display: flex;
  height: 18%;
  justify-content: center;
  left: 0;
  line-height: 0.95;
  max-height: none;
  max-width: none;
  padding: 5px 7px;
  transform: none;
  width: 100%;
}

.card-tools,
.crop-toggle,
.card-name-field,
.secondary-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 0;
}

.card-name-field {
  display: grid;
  gap: 6px;
}

.card-name-field input {
  min-height: 42px;
}

.card-tools button,
.crop-toggle button,
.secondary-downloads button {
  background: #fff;
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 999px;
  color: #594337;
  font-size: 0.78rem;
  font-weight: 900;
  min-height: 32px;
  padding: 0 9px;
}

.card-tools button:first-child,
.card-tools button:nth-child(2) {
  font-size: 1rem;
  min-width: 34px;
  padding: 0;
}

.crop-toggle {
  background: rgba(37, 23, 17, 0.06);
  border-radius: 999px;
  padding: 4px;
}

.crop-toggle button {
  border: 0;
  flex: 1;
}

.crop-toggle button.active {
  background: var(--ink);
  color: #fff;
}

.photo-edit {
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 16px;
  margin-top: 0;
  padding: 10px;
}

.photo-edit summary {
  cursor: pointer;
  font-size: 0.86rem;
  font-weight: 950;
}

.photo-edit label {
  margin-top: 10px;
}

.danger-link {
  color: #bd2e22 !important;
}

.step-actions {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 24px;
}

.success-text {
  color: #217244;
  font-weight: 900;
}

.warning-text {
  color: #ad4c20;
  font-weight: 900;
}

.success-badge {
  color: #217244;
}

.warning-badge {
  color: #ad4c20;
}

.label-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.label-style-panel {
  align-content: start;
  align-items: start;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 22px;
  padding: 14px;
}

.studio-settings .label-style-panel {
  gap: 10px;
  padding: 12px;
}

.label-row {
  align-items: center;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 24px;
  display: flex;
  gap: 16px;
  padding: 14px;
}

.label-fields {
  display: grid;
  flex: 1;
  gap: 10px;
  min-width: 0;
}

.generator-layout,
.designer-layout,
.download-layout {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(290px, 0.42fr) minmax(0, 0.8fr);
}

.designer-layout {
  grid-template-columns: minmax(330px, 0.56fr) minmax(360px, 0.9fr);
}

.download-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.download-instructions-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 24px;
}

.download-instructions-grid article {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(255, 244, 220, 0.68)),
    rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  box-shadow: var(--small-shadow);
  display: grid;
  gap: 8px;
  padding: 16px;
}

.download-instructions-grid span {
  align-items: center;
  background: var(--ink);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 0.74rem;
  font-weight: 950;
  height: 28px;
  justify-content: center;
  width: max-content;
  min-width: 36px;
  padding: 0 10px;
}

.download-instructions-grid h3 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.04rem;
  margin: 0;
}

.download-instructions-grid p {
  color: #60483a;
  font-size: 0.92rem;
  font-weight: 820;
  line-height: 1.45;
  margin: 0;
}

.print-promo-card {
  background:
    radial-gradient(circle at 86% 16%, rgba(255, 213, 31, 0.42), transparent 28%),
    linear-gradient(135deg, rgba(217, 32, 22, 0.18), rgba(0, 168, 184, 0.14)),
    rgba(255, 255, 255, 0.86) !important;
}

.print-promo-card .primary-button {
  margin-top: 4px;
  min-height: 40px;
  width: max-content;
}

.download-shop-upgrade {
  background:
    linear-gradient(135deg, rgba(31, 122, 77, 0.12), rgba(255, 216, 79, 0.18)),
    rgba(255, 250, 242, 0.84);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 28px;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(220px, 0.4fr) minmax(0, 1fr);
  margin-bottom: 24px;
  overflow: hidden;
  padding: 18px;
}

.download-shop-upgrade h3 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  margin: 0 0 8px;
}

.download-shop-upgrade p {
  color: #60483a;
  font-weight: 820;
  line-height: 1.45;
  margin: 0;
}

.download-locked {
  background:
    linear-gradient(135deg, rgba(180, 35, 24, 0.12), rgba(31, 122, 77, 0.08)),
    rgba(255, 255, 255, 0.74);
  border-color: rgba(180, 35, 24, 0.22);
  grid-column: 1 / -1;
}

.generator-card {
  height: max-content;
}

.generator-guidance {
  background:
    linear-gradient(135deg, rgba(31, 122, 77, 0.11), rgba(255, 214, 77, 0.16)),
    rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
  padding: 14px;
}

.generator-guidance strong {
  color: var(--green);
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1rem;
}

.generator-guidance p {
  color: #5b3526;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0;
}

.generator-sidebar,
.board-style-controls {
  display: grid;
  gap: 16px;
}

.board-style-controls {
  align-content: start;
  align-items: start;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.66)),
    rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 28px;
  box-shadow: var(--small-shadow);
  padding: 22px;
}

.redesigned-controls {
  align-content: start;
  position: sticky;
  top: 112px;
}

.studio-settings .cards-sidebar,
.studio-settings .redesigned-controls {
  position: static;
  top: auto;
}

.board-style-head p:not(.eyebrow) {
  color: #6a5345;
  line-height: 1.45;
  margin: 8px 0 0;
}

.board-style-controls h3 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.45rem;
  margin: 0;
}

.studio-settings .board-style-controls h3 {
  font-size: 1.28rem;
}

.studio-settings .board-style-controls {
  padding: 16px;
}

.studio-settings .board-style-head p:not(.eyebrow) {
  font-size: 0.9rem;
}

.studio-settings .design-control-card {
  padding: 12px;
}

.studio-settings .template-section-card,
.studio-settings .text-style-card,
.studio-settings .design-control-card {
  gap: 10px;
  overflow: visible;
  padding: 10px;
}

.studio-settings .template-section-card summary,
.studio-settings .text-style-card summary,
.studio-settings .design-control-card summary {
  gap: 10px;
}

.studio-settings .template-section-card summary strong,
.studio-settings .text-style-card summary strong,
.studio-settings .design-control-card summary strong {
  font-size: 0.95rem;
}

.studio-settings .template-section-card summary small,
.studio-settings .text-style-card summary small,
.studio-settings .design-control-card summary small {
  font-size: 0.78rem;
}

.design-control-card {
  background: rgba(255, 250, 242, 0.74);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.template-choice-button {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 214, 77, 0.18), rgba(15, 163, 168, 0.1)),
    #fff;
  border: 2px solid rgba(37, 23, 17, 0.08);
  border-radius: 24px;
  color: var(--ink);
  display: grid;
  gap: 12px;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  padding: 12px;
  text-align: left;
}

.template-choice-button .preset-swatch {
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 18px;
  display: block;
  height: 74px;
  overflow: hidden;
  position: relative;
  width: 82px;
}

.template-choice-button small,
.template-choice-button em {
  color: #72594b;
  display: block;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 850;
}

.template-choice-button strong {
  display: block;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.1rem;
  margin: 2px 0;
}

.template-choice-button > b {
  background: var(--ink);
  border-radius: 999px;
  color: #fff;
  font-size: 0.78rem;
  padding: 8px 10px;
}

.background-control-card {
  gap: 14px;
}

.mini-card-randomizer {
  background:
    linear-gradient(135deg, rgba(255, 214, 77, 0.14), rgba(31, 122, 77, 0.08)),
    rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 16px;
  display: grid;
  gap: 8px;
  padding: 10px;
}

.mini-card-randomizer .secondary-button {
  min-height: 42px;
}

.mini-card-randomizer p {
  margin: 0;
}

.background-mini-controls {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
}

.background-mini-controls input[type="color"] {
  min-height: 48px;
}

.template-section-card {
  background: rgba(255, 250, 242, 0.78);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  display: grid;
  gap: 14px;
  overflow: visible;
  padding: 14px;
}

.controls-locked input,
.controls-locked select,
.controls-locked button {
  cursor: not-allowed;
}

.template-section-card summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  list-style: none;
}

.template-section-card summary::-webkit-details-marker {
  display: none;
}

.template-section-card summary strong {
  display: block;
  font-size: 1rem;
}

.template-section-card summary small {
  color: #806758;
  display: block;
  font-size: 0.84rem;
  font-weight: 800;
  margin-top: 2px;
}

.design-control-card summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  list-style: none;
}

.design-control-card summary::-webkit-details-marker {
  display: none;
}

.design-control-card summary strong {
  display: block;
  font-size: 1rem;
}

.design-control-card summary small {
  color: #806758;
  display: block;
  font-size: 0.84rem;
  font-weight: 800;
  margin-top: 2px;
}

.accordion-card summary {
  min-width: 0;
  position: relative;
}

.accordion-card summary > span:nth-child(2) {
  min-width: 0;
}

.accordion-chevron {
  border-bottom: 2px solid #6a5345;
  border-right: 2px solid #6a5345;
  display: block;
  flex: 0 0 10px;
  height: 10px;
  margin-left: auto;
  transform: rotate(45deg);
  transition: transform 160ms ease;
  width: 10px;
}

.accordion-card[open] .accordion-chevron {
  transform: rotate(225deg);
}

.template-select-label {
  display: grid;
  gap: 7px;
}

.template-select-label select {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.82)),
    #fff;
  border: 1px solid rgba(37, 23, 17, 0.13);
  border-radius: 16px;
  color: var(--ink);
  font-size: 0.96rem;
  font-weight: 900;
  min-height: 52px;
  padding: 0 14px;
  width: 100%;
}

.template-current-preview {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 244, 220, 0.62)),
    rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 12px;
  grid-template-columns: 74px minmax(0, 1fr);
  padding: 10px;
}

.template-current-preview .preset-swatch {
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 15px;
  display: block;
  height: 68px;
  overflow: hidden;
  position: relative;
  width: 74px;
}

.template-current-preview strong {
  display: block;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1rem;
}

.template-current-preview small {
  color: #72594b;
  display: block;
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.25;
  margin-top: 3px;
}

.border-control-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 0.6fr) minmax(0, 1fr);
}

.border-control-grid input[type="color"] {
  min-height: 50px;
}

.template-carousel {
  display: flex;
  gap: 12px;
  margin: 2px -6px 0;
  overflow-x: auto;
  padding: 2px 6px 12px;
  scroll-padding-left: 6px;
  scroll-snap-type: x proximity;
}

.template-carousel::-webkit-scrollbar {
  height: 10px;
}

.template-carousel::-webkit-scrollbar-track {
  background: rgba(37, 23, 17, 0.06);
  border-radius: 999px;
}

.template-carousel::-webkit-scrollbar-thumb {
  background: rgba(37, 23, 17, 0.22);
  border-radius: 999px;
}

.template-carousel button {
  align-content: start;
  background: rgba(255, 255, 255, 0.86);
  border: 2px solid rgba(37, 23, 17, 0.08);
  border-radius: 20px;
  color: var(--ink);
  display: grid;
  flex: 0 0 168px;
  gap: 8px;
  min-height: 184px;
  padding: 10px;
  scroll-snap-align: start;
  text-align: left;
  transition: transform 180ms ease, box-shadow 180ms ease, border 180ms ease;
}

.template-carousel button:hover {
  box-shadow: var(--small-shadow);
  transform: translateY(-2px);
}

.template-carousel button.selected {
  border-color: var(--red);
  box-shadow: 0 0 0 4px rgba(217, 32, 22, 0.1);
}

.template-carousel .preset-swatch,
.template-carousel .plain-template-swatch,
.template-carousel .upload-template-swatch,
.highlighted-template-card > span {
  border-radius: 15px;
  display: block;
  height: 86px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.template-carousel b {
  font-size: 0.92rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.template-carousel small {
  color: #72594b;
  font-size: 0.74rem;
  font-weight: 820;
  line-height: 1.22;
}

.highlighted-template-card > span {
  background-color: #fff4dc;
  background-position: center;
  background-size: cover;
}

.conditional-background-controls {
  animation: fadeIn 160ms ease;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.54)),
    rgba(255, 246, 231, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.plain-background-controls input[type="color"] {
  border-radius: 14px;
  min-height: 52px;
  padding: 6px;
  width: 100%;
}

.background-mode-note {
  color: #60483a;
  font-size: 0.84rem;
  font-weight: 820;
  margin: 0;
}

.text-style-card {
  background: rgba(255, 250, 242, 0.78);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  display: grid;
  gap: 12px;
  overflow: hidden;
  padding: 14px;
}

.text-style-card summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  list-style: none;
}

.text-style-card summary::-webkit-details-marker {
  display: none;
}

.text-style-icon {
  align-items: center;
  background: linear-gradient(135deg, var(--purple), var(--turquoise));
  border-radius: 10px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 34px;
  font-weight: 1000;
  height: 34px;
  justify-content: center;
}

.text-style-card summary strong {
  display: block;
  font-size: 1rem;
}

.text-style-card summary small {
  color: #806758;
  display: block;
  font-size: 0.84rem;
  font-weight: 800;
  margin-top: 2px;
}

.text-style-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.studio-settings .text-style-grid {
  gap: 8px;
}

.control-label {
  color: #60483a;
  display: block;
  font-size: 0.82rem;
  font-weight: 950;
  margin-bottom: 6px;
}

.weight-picker,
.alignment-picker {
  background: #fff;
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 14px;
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  min-height: 52px;
  padding: 4px;
}

.studio-settings .weight-picker,
.studio-settings .alignment-picker {
  min-height: 40px;
}

.alignment-picker {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.weight-picker button,
.alignment-picker button {
  background: transparent;
  border: 0;
  border-radius: 10px;
  color: #665348;
  font-size: 1.08rem;
  min-height: 32px;
}

.studio-settings .weight-picker button,
.studio-settings .alignment-picker button {
  font-size: 0.95rem;
}

.weight-picker button.active,
.alignment-picker button.active {
  background: rgba(37, 23, 17, 0.08);
  color: var(--ink);
}

.color-inline {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 14px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  min-height: 52px;
  padding: 5px 10px 5px 5px;
}

.studio-settings .color-inline {
  grid-template-columns: 38px minmax(0, 1fr);
  min-height: 42px;
  padding: 4px 8px 4px 4px;
}

.color-inline input[type="color"] {
  border: 1px solid rgba(37, 23, 17, 0.12);
  border-radius: 9px;
  min-height: 34px;
  padding: 2px;
}

.color-inline input:not([type="color"]) {
  border: 0;
  min-height: 34px;
  padding: 0 8px;
}

.align-icon {
  display: grid;
  gap: 4px;
  justify-items: center;
  margin: 0 auto;
  width: 28px;
}

.align-icon i {
  background: currentColor;
  border-radius: 999px;
  display: block;
  height: 2px;
  width: 22px;
}

.align-left {
  justify-items: start;
}

.align-center {
  justify-items: center;
}

.align-right {
  justify-items: end;
}

.align-icon i:nth-child(2) {
  width: 14px;
}

.font-live-preview {
  background:
    repeating-linear-gradient(135deg, rgba(37, 23, 17, 0.035) 0 2px, transparent 2px 12px),
    rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 16px;
  font-size: 1.35rem;
  line-height: 1.05;
  min-height: 58px;
  overflow: hidden;
  padding: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.template-modal-backdrop {
  align-items: center;
  animation: fadeIn 160ms ease;
  background: rgba(29, 15, 10, 0.38);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 22px;
  position: fixed;
  z-index: 60;
}

.template-modal {
  animation: modalRise 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 213, 31, 0.22), transparent 28%),
    linear-gradient(180deg, #fffaf0, #fff0d3);
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 30px;
  box-shadow: 0 28px 90px rgba(29, 15, 10, 0.34);
  display: grid;
  gap: 18px;
  max-height: min(780px, calc(100vh - 44px));
  max-width: 980px;
  overflow: auto;
  padding: 24px;
  width: min(100%, 980px);
}

.template-modal-head {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.template-modal h3 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.65rem;
  margin: 0;
}

.template-picker-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.template-picker-grid button {
  align-content: start;
  background: rgba(255, 255, 255, 0.82);
  border: 2px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  color: var(--ink);
  display: grid;
  gap: 9px;
  min-height: 196px;
  padding: 12px;
  text-align: left;
  transition: transform 180ms ease, box-shadow 180ms ease, border 180ms ease;
}

.template-picker-grid button:hover {
  box-shadow: var(--small-shadow);
  transform: translateY(-2px);
}

.template-picker-grid button.selected {
  border-color: var(--red);
  box-shadow: 0 0 0 4px rgba(217, 32, 22, 0.1);
}

.template-picker-grid .preset-swatch,
.plain-template-swatch,
.upload-template-swatch {
  border-radius: 16px;
  display: block;
  height: 96px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plain-template-swatch {
  border: 1px solid rgba(37, 23, 17, 0.1);
  background-image: repeating-linear-gradient(135deg, rgba(37, 23, 17, 0.05) 0 2px, transparent 2px 12px);
}

.upload-template-swatch {
  background:
    linear-gradient(135deg, rgba(15, 163, 168, 0.18), rgba(239, 93, 168, 0.18)),
    repeating-linear-gradient(135deg, rgba(255,255,255,0.8) 0 8px, transparent 8px 18px);
  border: 2px dashed rgba(239, 93, 168, 0.42);
}

.template-picker-grid b {
  font-size: 0.98rem;
}

.template-picker-grid small {
  color: #72594b;
  font-size: 0.8rem;
  font-weight: 820;
  line-height: 1.25;
}

.template-library-head {
  margin-top: 4px;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes modalRise {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes softRise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.builder-panel,
.project-action-card,
.saved-project-card,
.admin-list-panel,
.admin-detail-card,
.download-card,
.template-section-card,
.text-style-card {
  animation: softRise 360ms ease both;
}

@media (prefers-reduced-motion: reduce) {
  .builder-panel,
  .project-action-card,
  .saved-project-card,
  .admin-list-panel,
  .admin-detail-card,
  .download-card,
  .template-section-card,
  .text-style-card {
    animation: none;
  }
}

.segmented-control {
  background: rgba(37, 23, 17, 0.06);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  padding: 6px;
}

.segmented-control button {
  background: transparent;
  border: 0;
  border-radius: 13px;
  color: #60483a;
  font-size: 0.82rem;
  font-weight: 950;
  min-height: 40px;
  padding: 8px;
}

.segmented-control button.active {
  background: #fff;
  box-shadow: 0 8px 18px rgba(89, 37, 21, 0.12);
  color: var(--ink);
}

.layout-control button {
  min-height: 46px;
}

.color-control-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.color-control-grid label {
  gap: 6px;
}

.color-control-grid input[type="color"] {
  border-radius: 16px;
  min-height: 48px;
  padding: 6px;
}

.board-theme-grid {
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  margin: 0;
}

.board-theme-grid button {
  align-items: stretch;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.66)),
    #fff;
  border-color: rgba(37, 23, 17, 0.08);
  display: grid;
  gap: 8px;
  min-height: 172px;
  padding: 12px;
  text-align: left;
}

.board-theme-grid .preset-swatch {
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 16px;
  height: 78px;
  width: 100%;
}

.board-theme-grid .preset-swatch::before {
  inset: 8px;
}

.board-theme-grid small {
  color: #72594b;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.25;
}

.background-option-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
}

.background-option-grid button {
  align-items: stretch;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.7)),
    #fff;
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 7px;
  min-height: 142px;
  padding: 10px;
  text-align: left;
}

.background-option-grid button.selected {
  border-color: var(--turquoise);
  box-shadow: 0 10px 22px rgba(15, 163, 168, 0.16);
}

.background-option-grid b {
  font-size: 0.82rem;
  line-height: 1.05;
}

.background-option-grid small {
  color: #72594b;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.2;
}

.background-option-swatch {
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 14px;
  display: block;
  height: 58px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.background-option-swatch::before,
.background-option-swatch::after {
  content: "";
  inset: 0;
  position: absolute;
}

.background-option-swatch::before {
  background:
    radial-gradient(circle at 16% 28%, color-mix(in srgb, var(--board-accent) 72%, transparent) 0 7px, transparent 8px),
    radial-gradient(circle at 75% 34%, color-mix(in srgb, var(--board-ribbon) 72%, transparent) 0 8px, transparent 9px),
    linear-gradient(135deg, rgba(255,255,255,0.34), transparent);
}

.background-option-swatch.pattern-theme::before,
.background-option-swatch.pattern-fiestaPapel::before {
  background:
    linear-gradient(135deg, var(--board-ribbon) 0 18%, transparent 18% 28%, var(--board-accent) 28% 48%, transparent 48% 60%, var(--yellow) 60% 78%, var(--pink) 78%),
    radial-gradient(circle at 35% 44%, rgba(255,255,255,0.82) 0 4px, transparent 5px);
  clip-path: polygon(0 0, 100% 0, 100% 72%, 84% 100%, 68% 72%, 52% 100%, 36% 72%, 20% 100%, 0 72%);
}

.background-option-swatch.pattern-none::before {
  background:
    radial-gradient(circle at 24% 24%, rgba(255,255,255,0.48), transparent 22px),
    repeating-linear-gradient(135deg, rgba(42,23,16,0.04) 0 2px, transparent 2px 12px);
}

.background-option-swatch.pattern-birthdayConfetti::before {
  background:
    radial-gradient(circle at 20% 38%, var(--board-accent) 0 12px, transparent 13px),
    radial-gradient(circle at 70% 34%, var(--board-ribbon) 0 11px, transparent 12px),
    repeating-linear-gradient(35deg, var(--yellow) 0 4px, transparent 4px 12px),
    radial-gradient(circle at 50% 74%, var(--pink) 0 5px, transparent 6px);
}

.background-option-swatch.pattern-weddingBotanical::before {
  background:
    radial-gradient(circle at 18% 42%, #fff 0 12px, transparent 13px),
    radial-gradient(circle at 35% 35%, #fff 0 10px, transparent 11px),
    radial-gradient(circle at 62% 62%, var(--board-accent) 0 4px, transparent 5px),
    linear-gradient(135deg, rgba(255,255,255,0.78), color-mix(in srgb, var(--board-ribbon) 22%, white));
}

.background-option-swatch.pattern-babyShowerClouds::before {
  background:
    radial-gradient(circle at 24% 46%, rgba(255,255,255,0.96) 0 15px, transparent 16px),
    radial-gradient(circle at 46% 36%, rgba(255,255,255,0.88) 0 18px, transparent 19px),
    radial-gradient(circle at 78% 68%, var(--board-accent) 0 5px, transparent 6px),
    radial-gradient(circle at 62% 28%, var(--yellow) 0 4px, transparent 5px);
}

.background-option-swatch.pattern-classroomStars::before {
  background:
    repeating-linear-gradient(0deg, rgba(47, 128, 237, 0.22) 0 2px, transparent 2px 12px),
    radial-gradient(circle at 25% 32%, var(--yellow) 0 7px, transparent 8px),
    radial-gradient(circle at 72% 64%, var(--board-accent) 0 6px, transparent 7px);
}

.background-option-swatch.pattern-familyMemory::before {
  background:
    linear-gradient(135deg, transparent 0 18%, var(--board-accent) 18% 24%, transparent 24% 76%, var(--board-ribbon) 76% 82%, transparent 82%),
    radial-gradient(circle at 32% 38%, var(--pink) 0 6px, transparent 7px),
    radial-gradient(circle at 72% 64%, var(--yellow) 0 7px, transparent 8px);
}

.background-option-swatch.pattern-holidayLights::before {
  background:
    radial-gradient(circle at 16% 30%, var(--board-accent) 0 5px, transparent 6px),
    radial-gradient(circle at 38% 42%, var(--yellow) 0 5px, transparent 6px),
    radial-gradient(circle at 60% 28%, var(--board-ribbon) 0 5px, transparent 6px),
    radial-gradient(circle at 82% 44%, var(--pink) 0 5px, transparent 6px);
}

.background-option-swatch.pattern-cleanWarm::before {
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,0.54), transparent 20px),
    repeating-linear-gradient(135deg, rgba(42,23,16,0.04) 0 2px, transparent 2px 11px);
}

.background-preview-card {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 10px;
  grid-template-columns: 92px minmax(0, 1fr);
  padding: 10px;
}

.background-preview-card div {
  aspect-ratio: 5 / 3.4;
  background-position: center;
  background-size: cover;
  border-radius: 14px;
}

.background-preview-card span {
  color: #60483a;
  font-size: 0.85rem;
  font-weight: 900;
}

.compact-minihead {
  margin-top: 8px;
}

.highlighted-background-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}

.highlighted-background-grid button {
  background: #fff;
  border: 2px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  color: var(--ink);
  display: grid;
  gap: 8px;
  padding: 8px;
  text-align: left;
}

.highlighted-background-grid button.selected {
  border-color: var(--red);
  box-shadow: 0 0 0 4px rgba(217, 32, 22, 0.1);
}

.highlighted-background-grid span {
  aspect-ratio: 5 / 3.5;
  background-color: #fff4dc;
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  display: block;
}

.highlighted-background-grid b {
  font-size: 0.82rem;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.admin-background-upload {
  background:
    linear-gradient(135deg, rgba(217, 32, 22, 0.1), rgba(0, 168, 184, 0.1)),
    rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 18px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.admin-background-upload p {
  color: #60483a;
  font-size: 0.84rem;
  font-weight: 820;
  margin: 4px 0 0;
}

.admin-background-list {
  display: grid;
  gap: 8px;
}

.admin-background-list div {
  align-items: center;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 14px;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 8px 10px;
}

.admin-background-list span {
  font-size: 0.84rem;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-background-list button {
  background: rgba(180, 35, 24, 0.08);
  border: 1px solid rgba(180, 35, 24, 0.2);
  border-radius: 999px;
  color: #9c241b;
  font-size: 0.75rem;
  font-weight: 950;
  min-height: 32px;
  padding: 0 10px;
}

.background-actions {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.tiny-copy {
  font-size: 0.86rem;
  margin: -4px 0 0;
}

.watermark-note {
  align-items: center;
  background: rgba(37, 23, 17, 0.06);
  border-radius: 18px;
  display: flex;
  gap: 10px;
  padding: 12px;
}

.watermark-note img {
  border-radius: 10px;
  box-shadow: var(--small-shadow);
  flex: 0 0 116px;
  height: auto;
  object-fit: contain;
  width: 116px;
}

.watermark-note strong {
  color: #594337;
  font-size: 0.86rem;
}

.finalize-panel {
  align-items: center;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 216, 79, 0.22), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 244, 220, 0.76));
  border: 1px solid rgba(37, 23, 17, 0.1);
  border-radius: 24px;
  box-shadow: 0 18px 42px rgba(89, 37, 21, 0.12);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 16px;
  padding: 16px;
}

.attempt-notice {
  background:
    linear-gradient(135deg, rgba(201, 42, 28, 0.1), rgba(47, 111, 69, 0.08)),
    rgba(255, 250, 240, 0.84);
  border: 1px solid rgba(201, 42, 28, 0.18);
  border-radius: 22px;
  color: var(--ink);
  display: grid;
  gap: 4px;
  margin-bottom: 18px;
  padding: 16px 18px;
}

.attempt-notice strong {
  color: var(--red);
  font-size: 0.8rem;
  font-weight: 950;
  text-transform: uppercase;
}

.attempt-notice p {
  color: #60483a;
  font-weight: 820;
  margin: 0;
}

.finalize-panel span {
  color: #b42318;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.finalize-panel strong {
  display: block;
  font-size: 1.12rem;
  margin-top: 3px;
}

.finalize-panel p {
  color: #60483a;
  font-size: 0.88rem;
  font-weight: 780;
  margin: 3px 0 0;
}

.mixing-bar {
  background: rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  height: 10px;
  margin-top: 18px;
  overflow: hidden;
}

.mixing-bar span {
  animation: slide 1.1s infinite ease-in-out;
  background: linear-gradient(90deg, var(--red), var(--yellow), var(--turquoise));
  border-radius: inherit;
  display: block;
  height: 100%;
  width: 38%;
}

@keyframes slide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(270%);
  }
}

.advanced-box {
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  margin-top: 18px;
  padding: 16px;
}

.advanced-box summary {
  cursor: pointer;
  font-weight: 950;
}

.advanced-grid {
  margin-top: 16px;
}

.stats-panel {
  background: #fff;
  border-radius: 18px;
  color: #5e4638;
  margin-top: 16px;
  padding: 14px;
}

.stats-panel p {
  margin: 8px 0 0;
}

.frequency-mini-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  margin-top: 14px;
}

.frequency-mini {
  background: rgba(37, 23, 17, 0.05);
  border-radius: 12px;
  display: grid;
  gap: 5px;
  padding: 8px;
}

.frequency-mini span,
.frequency-mini b {
  font-size: 0.72rem;
  font-weight: 950;
}

.frequency-mini div {
  background: rgba(37, 23, 17, 0.12);
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

.frequency-mini i {
  background: linear-gradient(90deg, var(--turquoise), var(--pink));
  border-radius: inherit;
  display: block;
  height: 100%;
}

.board-gallery {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.single-board-preview-panel {
  align-content: start;
  display: grid;
  gap: 14px;
  justify-items: center;
}

.single-preview-head {
  align-items: center;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  padding: 9px 14px;
}

.single-preview-head span {
  color: #806758;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.single-preview-head strong {
  font-size: 0.92rem;
}

.single-board-preview-panel > .board-preview {
  max-height: 760px;
  max-width: 540px;
  width: min(100%, 540px);
}

.board-thumb {
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
}

.board-thumb.selected .board-preview {
  outline: 4px solid var(--pink);
}

.board-thumb > span {
  display: block;
  font-size: 0.85rem;
  font-weight: 950;
  margin-top: 8px;
  text-align: center;
}

.board-preview {
  aspect-ratio: 5 / 7;
  background: rgba(255, 250, 242, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 20px;
  box-shadow: 0 16px 38px rgba(89, 37, 21, 0.14);
  container-type: inline-size;
  display: block;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.board-preview > *,
.board-preview canvas {
  position: relative;
  z-index: 1;
}

.board-preview canvas {
  border-radius: inherit;
  display: block;
  height: 100%;
  width: 100%;
}

.canvas-board-preview.loading canvas {
  opacity: 0.28;
}

.canvas-board-preview.loading > span {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  color: #60483a;
  font-size: 0.82rem;
  font-weight: 950;
  left: 50%;
  padding: 9px 12px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index: 2;
}

.board-preview::before,
.board-preview::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.board-preview::before {
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.48), transparent 22%),
    radial-gradient(circle at 80% 86%, color-mix(in srgb, var(--board-accent) 28%, transparent), transparent 22%);
  inset: 0;
}

.board-preview.theme-fiesta::after,
.board-preview.theme-holiday::after {
  background: repeating-linear-gradient(
    90deg,
    var(--board-ribbon) 0 16px,
    var(--yellow) 16px 32px,
    var(--board-accent) 32px 48px,
    var(--green) 48px 64px
  );
  clip-path: polygon(0 0, 100% 0, 100% 8%, 92% 15%, 84% 8%, 76% 15%, 68% 8%, 60% 15%, 52% 8%, 44% 15%, 36% 8%, 28% 15%, 20% 8%, 12% 15%, 4% 8%, 0 15%);
  height: 54px;
  left: 0;
  opacity: 0.45;
  right: 0;
  top: 0;
}

.board-preview.theme-wedding::after {
  border: 2px solid color-mix(in srgb, var(--board-accent) 48%, transparent);
  border-radius: 999px;
  height: 70px;
  opacity: 0.34;
  right: -24px;
  top: 82px;
  width: 120px;
}

.board-preview.theme-bold::after {
  background: repeating-linear-gradient(-35deg, var(--board-accent) 0 10px, transparent 10px 23px);
  inset: 0;
  opacity: 0.15;
}

.board-preview.theme-baby::after,
.board-preview.theme-pastel::after {
  background:
    radial-gradient(circle at 16% 30%, var(--board-accent) 0 4px, transparent 5px),
    radial-gradient(circle at 82% 42%, var(--board-ribbon) 0 5px, transparent 6px),
    radial-gradient(circle at 55% 86%, var(--yellow) 0 4px, transparent 5px);
  inset: 0;
  opacity: 0.45;
}

.board-ribbon {
  background: linear-gradient(90deg, var(--board-ribbon, var(--turquoise)), var(--yellow), var(--pink), var(--board-accent, var(--green)));
  border-radius: 999px;
  flex: 0 0 7px;
  margin-bottom: 7px;
}

.board-preview h3 {
  font-family: var(--board-title-font), "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(0.88rem, 7.2cqw, 1.9rem);
  line-height: 1;
  margin: 0 0 4px;
  min-height: 1.05em;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board-preview p {
  font-size: clamp(0.52rem, 3.25cqw, 0.82rem);
  font-weight: 800;
  margin: 0 0 6px;
  min-height: 1rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board-preview-grid {
  display: grid;
  flex: 1;
  gap: clamp(3px, 1.7cqw, 10px);
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, minmax(0, 1fr));
  min-height: 0;
}

.board-preview-card {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 0;
  overflow: hidden;
}

.board-preview-card .card-preview,
.board-preview-card .card-preview-canvas {
  aspect-ratio: 2.5 / 3.5;
  border: 1px solid rgba(0, 0, 0, 0.78);
  border-radius: inherit;
  box-shadow: none;
  height: 100%;
  min-width: 0;
  width: auto;
}

.board-preview-card .card-number {
  border-width: 0;
  box-shadow: 0 2px 5px rgba(37, 23, 17, 0.08);
  font-size: 0.5rem;
  height: 17px;
  left: 4px;
  min-width: 17px;
  padding: 0 5px;
  top: 4px;
}

.board-preview-card .caption-band-card .card-number {
  font-size: 0.46rem;
  left: 4px;
  top: 4px;
}

.board-preview-card .card-label {
  border-radius: 6px;
  bottom: 6px;
  font-size: 0.54rem !important;
  font-weight: 1000;
  line-height: 0.95;
  max-height: 27px;
  max-width: calc(100% - 8px);
  padding: 4px;
}

.board-preview-card .caption-band-card .card-label {
  bottom: 0;
  border-radius: 0;
  font-size: 0.48rem !important;
  height: 19%;
  line-height: 0.9;
  max-height: none;
  max-width: none;
  padding: 2px;
  width: 100%;
}

.board-preview strong {
  bottom: 16px;
  display: block;
  font-size: 0.8rem;
  font-weight: 1000;
  left: 50%;
  margin-top: 0;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  z-index: 2;
}

.board-watermark {
  align-items: center;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 999px;
  display: inline-flex;
  gap: 6px;
  bottom: 10px;
  left: 12px;
  max-width: 42%;
  padding: 4px 9px 4px 5px;
  position: absolute;
  z-index: 2;
}

.board-watermark span {
  align-items: center;
  background: linear-gradient(135deg, var(--board-accent, var(--red)), var(--board-ribbon, var(--turquoise)));
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 0.48rem;
  font-weight: 950;
  height: 20px;
  justify-content: center;
  width: 28px;
}

.board-watermark b {
  color: currentColor;
  font-size: 0.54rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.empty-gallery {
  align-items: center;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 430px;
  padding: 30px;
  text-align: center;
}

.empty-board-grid {
  max-width: 230px;
  width: 70%;
}

.designer-layout {
  align-items: start;
  grid-template-columns: minmax(340px, 0.52fr) minmax(420px, 0.92fr);
}

.design-controls,
.designer-preview {
  display: grid;
  gap: 16px;
}

.designer-preview > .board-preview {
  justify-self: center;
  max-height: 760px;
  max-width: 540px;
  width: min(100%, 540px);
}

.designer-preview .compact-empty {
  min-height: 0;
}

.switch-row {
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 18px;
  display: flex;
  gap: 10px;
  min-height: 52px;
  padding: 12px;
}

.studio-settings .switch-row {
  border-radius: 14px;
  min-height: 40px;
  padding: 8px;
}

.switch-row input {
  accent-color: var(--pink);
  min-height: auto;
  width: auto;
}

.download-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.primary-download {
  background:
    linear-gradient(135deg, rgba(255, 214, 77, 0.24), rgba(239, 93, 168, 0.16)),
    rgba(255, 255, 255, 0.8);
}

.secondary-downloads button {
  flex: 1 1 170px;
}

.busy-banner {
  border-radius: 22px;
  margin-top: 18px;
  text-align: center;
}

.download-time-note {
  background: rgba(255, 214, 77, 0.18);
  border: 1px solid rgba(180, 105, 20, 0.18);
  border-radius: 16px;
  color: #5b3526;
  font-weight: 850;
  padding: 12px;
}

.toast {
  background: var(--ink);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  bottom: 24px;
  box-shadow: var(--shadow);
  color: #fff;
  font-weight: 900;
  left: 50%;
  max-width: calc(100vw - 40px);
  padding: 14px 20px;
  position: fixed;
  transform: translateX(-50%);
  z-index: 30;
}

.modal-backdrop {
  align-items: center;
  background: rgba(37, 23, 17, 0.32);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 50;
}

.auth-card {
  background: rgba(255, 250, 242, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 30px;
  box-shadow: var(--shadow);
  display: grid;
  gap: 16px;
  max-width: 480px;
  padding: 28px;
  position: relative;
  width: min(100%, 480px);
}

.auth-card h2,
.dashboard-panel h2 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1;
  margin-bottom: 0;
}

.auth-mode-tabs {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-right: 64px;
  padding: 6px;
}

.auth-mode-tabs button {
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #60483a;
  cursor: pointer;
  font-weight: 950;
  min-height: 38px;
}

.auth-mode-tabs button.active {
  background: var(--ink);
  color: #fffaf2;
}

.auth-benefit-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.auth-benefit-strip span {
  background: rgba(47, 111, 69, 0.11);
  border: 1px solid rgba(47, 111, 69, 0.15);
  border-radius: 999px;
  color: var(--green);
  font-size: 0.78rem;
  font-weight: 950;
  padding: 7px 10px;
}

.auth-page {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98)),
    var(--gallery-canvas);
  color: var(--gallery-ink);
  min-height: 100vh;
}

.auth-page .top-nav {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(21, 17, 15, 0.08);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.auth-page-shell {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.78fr);
  margin: 0 auto;
  max-width: 1200px;
  padding: clamp(24px, 4vw, 48px) 24px 72px;
}

.auth-story-panel,
.auth-page-card {
  background: #fff;
  border: 1px solid rgba(21, 17, 15, 0.1);
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.1);
}

.auth-story-panel {
  border-radius: 18px;
  display: grid;
  gap: 22px;
  overflow: hidden;
  padding: clamp(28px, 5vw, 56px);
  position: relative;
}

.auth-story-panel::before {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta), var(--loteria-red), var(--loteria-purple));
  content: "";
  height: 8px;
  inset: 0 0 auto;
  position: absolute;
}

.auth-story-panel h1 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2.35rem, 5.4vw, 5rem);
  letter-spacing: 0;
  line-height: 0.94;
  margin: 0;
  max-width: 12ch;
}

.auth-story-panel > p {
  color: var(--gallery-muted);
  font-size: clamp(1rem, 1.55vw, 1.2rem);
  font-weight: 650;
  line-height: 1.5;
  margin: 0;
  max-width: 62ch;
}

.auth-feature-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.auth-feature-grid article {
  background: #f8fafc;
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-left: 5px solid var(--loteria-blue);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  min-height: 124px;
  padding: 16px;
}

.auth-feature-grid article:nth-child(2) {
  border-left-color: var(--loteria-green);
}

.auth-feature-grid article:nth-child(3) {
  border-left-color: var(--loteria-magenta);
}

.auth-feature-grid article:nth-child(4) {
  border-left-color: var(--loteria-purple);
}

.auth-feature-grid strong {
  color: var(--gallery-ink);
  font-size: 1.02rem;
  font-weight: 950;
}

.auth-feature-grid article > span {
  color: var(--gallery-muted);
  font-size: 0.93rem;
  font-weight: 620;
  line-height: 1.4;
}

.auth-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.auth-proof-row > span {
  background: #fffef9;
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 999px;
  color: var(--gallery-ink);
  font-size: 0.84rem;
  font-weight: 950;
  padding: 9px 12px;
}

.auth-form-panel {
  align-self: start;
  display: grid;
  gap: 10px;
  position: sticky;
  top: 92px;
}

.auth-form-panel > .eyebrow {
  margin-left: 6px;
}

.auth-page .auth-page-card {
  border-radius: 18px;
  max-height: none;
  max-width: 100%;
  overflow: visible;
  width: 100%;
}

.auth-page .auth-page-card h2 {
  font-size: clamp(1.85rem, 3vw, 2.8rem);
}

.auth-page .auth-mode-tabs {
  border-radius: 8px;
  margin-right: 0;
}

.auth-page .auth-mode-tabs button {
  border-radius: 6px;
}

.auth-page .auth-benefit-strip span {
  background: rgba(236, 47, 145, 0.08);
  border-color: rgba(236, 47, 145, 0.18);
  color: #b91d70;
}

@media (max-width: 900px) {
  .auth-page-shell {
    gap: 16px;
    grid-template-columns: 1fr;
    padding: 18px 14px 52px;
  }

  .auth-form-panel {
    order: 1;
    position: static;
  }

  .auth-story-panel {
    order: 2;
    padding: 26px 18px 20px;
  }

  .auth-story-panel h1 {
    font-size: clamp(2rem, 12vw, 3.25rem);
    max-width: 11ch;
  }

  .auth-feature-grid {
    grid-template-columns: 1fr;
  }

  .auth-feature-grid article {
    min-height: auto;
  }

  .auth-proof-row > span {
    flex: 1 1 130px;
    text-align: center;
  }

  .auth-page .auth-page-card {
    border-radius: 16px;
    gap: 12px;
    padding: 20px;
  }
}

.modal-close {
  background: rgba(37, 23, 17, 0.08);
  border: 0;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 900;
  min-height: 34px;
  padding: 0 12px;
  position: absolute;
  right: 18px;
  top: 18px;
}

.help-launcher {
  align-items: center;
  background:
    linear-gradient(135deg, var(--loteria-magenta, #e93186), var(--loteria-red, #ef3a32));
  border: 0;
  border-radius: 999px;
  bottom: max(18px, env(safe-area-inset-bottom));
  box-shadow: 0 18px 42px rgba(233, 49, 134, 0.28);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-weight: 950;
  gap: 8px;
  min-height: 48px;
  padding: 10px 16px 10px 10px;
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  z-index: 920;
}

.help-launcher span {
  align-items: center;
  background: #fff;
  border-radius: 999px;
  color: var(--loteria-magenta, #e93186);
  display: inline-flex;
  font-size: 1rem;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.support-card {
  background:
    radial-gradient(circle at top right, rgba(32, 174, 234, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 251, 241, 0.96));
  border: 1px solid rgba(23, 16, 12, 0.1);
  border-radius: 30px;
  box-shadow: 0 28px 80px rgba(22, 13, 8, 0.2);
  display: grid;
  gap: 18px;
  max-width: min(1040px, calc(100vw - 32px));
  overflow-y: auto;
  padding: clamp(20px, 3vw, 30px);
  position: relative;
  width: 100%;
}

.support-conversation-center {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(23, 16, 12, 0.1);
  border-radius: 22px;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(190px, 0.34fr) minmax(0, 1fr);
  padding: 14px;
}

.support-thread-list,
.support-thread-view,
.support-message-list,
.support-thread-reply,
.admin-support-thread,
.admin-support-reply {
  display: grid;
  gap: 10px;
}

.support-thread-list > button {
  background: #fff;
  border: 1px solid rgba(23, 16, 12, 0.1);
  border-radius: 14px;
  color: var(--ink, #17100c);
  cursor: pointer;
  display: grid;
  gap: 3px;
  padding: 11px 12px;
  text-align: left;
}

.support-thread-list > button.active {
  background: #f7f3ff;
  border-color: #b9a4eb;
  box-shadow: inset 3px 0 #7654c9;
}

.support-thread-list small,
.support-thread-heading small,
.support-message time {
  color: var(--muted, #60483a);
  display: block;
  font-size: 0.72rem;
}

.support-thread-heading {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.support-message-list,
.admin-support-thread {
  max-height: 330px;
  overflow-y: auto;
  padding: 4px;
}

.support-message {
  background: #f4f6f8;
  border: 1px solid #e2e7ec;
  border-radius: 15px 15px 15px 4px;
  justify-self: start;
  max-width: min(88%, 680px);
  padding: 11px 13px;
}

.support-message.admin {
  background: #f7f3ff;
  border-color: #ded4f4;
  border-radius: 15px 15px 4px 15px;
  justify-self: end;
}

.support-message p {
  margin: 4px 0 7px;
  white-space: pre-wrap;
}

.support-thread-reply textarea,
.admin-support-reply textarea {
  min-height: 86px;
}

.support-thread-reply .primary-button,
.admin-support-reply .primary-button {
  justify-self: end;
}

.support-new-request-divider {
  align-items: center;
  color: var(--muted, #60483a);
  display: flex;
  font-size: 0.75rem;
  font-weight: 950;
  gap: 12px;
  text-transform: uppercase;
}

.support-new-request-divider::before,
.support-new-request-divider::after {
  background: rgba(23, 16, 12, 0.12);
  content: "";
  flex: 1;
  height: 1px;
}

.support-new-request-form {
  display: grid;
  gap: 16px;
}

.admin-support-thread {
  background: #f8fafc;
  border: 1px solid var(--admin-line, #dbe2ea);
  border-radius: 12px;
  padding: 12px;
}

.admin-support-reply textarea {
  background: #fff;
  border: 1px solid var(--admin-line, #dbe2ea);
  border-radius: 10px;
  color: var(--admin-ink, #172033);
  font: inherit;
  padding: 12px;
  resize: vertical;
  width: 100%;
}

@media (max-width: 760px) {
  .support-conversation-center,
  .support-grid {
    grid-template-columns: 1fr;
  }
  .support-thread-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .support-thread-list > strong {
    grid-column: 1 / -1;
  }
}

.support-card-header {
  max-width: 660px;
  padding-right: 48px;
}

.support-card h2 {
  color: var(--ink, #17100c);
  font-size: clamp(2rem, 5vw, 4rem);
  letter-spacing: -0.055em;
  line-height: 0.92;
  margin: 0;
}

.support-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.42fr);
}

.support-form-fields,
.support-help-panel {
  display: grid;
  gap: 12px;
}

.support-two-col {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-card label {
  display: grid;
  gap: 7px;
}

.support-card label > span {
  color: var(--muted, #60483a);
  font-size: 0.78rem;
  font-weight: 950;
}

.support-card input,
.support-card select,
.support-card textarea {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(23, 16, 12, 0.12);
  border-radius: 16px;
  color: var(--ink, #17100c);
  font: inherit;
  font-weight: 700;
  padding: 12px 14px;
  width: 100%;
}

.support-card textarea {
  min-height: 132px;
  resize: vertical;
}

.support-checkbox {
  align-items: center;
  background: rgba(32, 174, 234, 0.08);
  border: 1px solid rgba(32, 174, 234, 0.18);
  border-radius: 16px;
  display: flex !important;
  gap: 10px !important;
  padding: 12px 14px;
}

.support-checkbox input {
  min-height: auto;
  width: auto;
}

.support-honeypot {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  padding: 0 !important;
  pointer-events: none;
  position: absolute;
  width: 0 !important;
}

.support-help-panel {
  align-content: start;
  background:
    linear-gradient(160deg, rgba(255, 205, 55, 0.18), rgba(31, 157, 88, 0.1));
  border: 1px solid rgba(23, 16, 12, 0.1);
  border-radius: 22px;
  padding: 16px;
}

.support-help-panel strong {
  color: var(--ink, #17100c);
  font-size: 1.05rem;
}

.support-help-panel a {
  color: var(--loteria-green, #1f9d58);
  font-weight: 950;
  text-decoration: none;
}

.support-help-panel small,
.support-status {
  color: var(--muted, #60483a);
  font-weight: 850;
}

.support-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.support-status {
  background: rgba(31, 157, 88, 0.08);
  border: 1px solid rgba(31, 157, 88, 0.14);
  border-radius: 16px;
  margin: 0;
  padding: 12px 14px;
}

.auth-message {
  background: rgba(255, 214, 77, 0.24);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 16px;
  color: #60483a;
  font-weight: 850;
  padding: 12px 14px;
}

.auth-consent-stack {
  display: grid;
  gap: 10px;
}

.auth-consent-row {
  align-items: start;
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 16px;
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
  padding: 12px 14px;
}

.auth-consent-row.required {
  background:
    linear-gradient(135deg, rgba(255, 214, 77, 0.18), rgba(255, 255, 255, 0.7));
}

.auth-consent-row input {
  margin-top: 3px;
  min-height: auto;
  width: auto;
}

.auth-consent-row span {
  color: #4f382c;
  font-size: 0.88rem;
  font-weight: 850;
  line-height: 1.4;
}

.auth-consent-row button {
  background: transparent;
  border: 0;
  color: var(--loteria-red, #d5251f);
  cursor: pointer;
  font: inherit;
  font-weight: 950;
  padding: 0;
  text-decoration: underline;
}

.auth-code-toggle {
  align-items: center;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 12px 14px;
}

.auth-code-toggle input {
  min-height: auto;
  width: auto;
}

.auth-code-toggle span {
  font-size: 0.94rem;
  font-weight: 900;
}

.dashboard-panel {
  display: grid;
  gap: 18px;
}

.account-summary-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-summary-grid article,
.admin-summary-grid article,
.billing-options article,
.admin-row {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.62)),
    rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 18px;
  padding: 14px;
}

.account-summary-grid span,
.admin-summary-grid span,
.billing-options span,
.admin-row span {
  color: #60483a;
  font-size: 0.86rem;
  font-weight: 850;
}

.account-summary-grid strong,
.admin-summary-grid strong,
.billing-options strong {
  display: block;
  font-size: 1.35rem;
  margin-top: 4px;
}

.billing-options,
.access-code-panel,
.square-pass-panel,
.profile-form,
.admin-code-card,
.project-list {
  display: grid;
  gap: 12px;
}

.admin-summary-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-tabs {
  align-items: center;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 999px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
}

.dashboard-tabs button {
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #60483a;
  cursor: pointer;
  font-weight: 950;
  padding: 10px 16px;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.dashboard-tabs button:hover,
.dashboard-tabs button.active {
  background: var(--ink);
  color: #fffaf2;
  transform: translateY(-1px);
}

.account-tab-panel,
.admin-tab-panel {
  animation: panelLift 260ms ease both;
  display: grid;
  gap: 14px;
}

@keyframes panelLift {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.admin-code-card {
  align-items: end;
  background:
    radial-gradient(circle at 8% 12%, rgba(242, 79, 155, 0.16), transparent 28%),
    linear-gradient(135deg, rgba(255, 216, 79, 0.24), rgba(7, 174, 182, 0.15)),
    rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 24px;
  grid-template-columns: minmax(230px, 1.4fr) repeat(auto-fit, minmax(140px, 0.7fr));
  padding: 16px;
}

.admin-code-card > div:first-child {
  align-self: center;
}

.admin-background-manager {
  margin-top: 12px;
}

.admin-tab-panel .admin-background-manager,
.admin-tab-panel .landing-content-manager {
  margin-top: 0;
}

.admin-manager-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 250, 242, 0.72)),
    rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 24px;
  display: grid;
  gap: 14px;
  padding: 16px;
}

.admin-manager-card h3 {
  margin: 0;
}

.admin-profile-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-profile-form button {
  min-height: 46px;
}

.codes-admin-panel {
  gap: 18px;
}

.landing-content-manager {
  align-items: stretch;
  grid-template-columns: minmax(220px, 0.56fr) minmax(0, 1.44fr);
  margin-top: 12px;
}

.landing-editor-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-editor-loading {
  background: rgba(255, 250, 240, 0.74);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 20px;
  display: grid;
  gap: 6px;
  padding: 18px;
}

.landing-editor-loading strong {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.1rem;
}

.landing-editor-loading p {
  color: #60483a;
  font-size: 0.92rem;
  font-weight: 800;
  margin: 0;
}

.landing-editor-loading.error {
  background: rgba(255, 238, 232, 0.82);
  border-color: rgba(184, 42, 31, 0.2);
}

.landing-editor-loading.error strong {
  color: #a52a1f;
}

.landing-editor-section {
  background: rgba(255, 250, 240, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 20px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.landing-editor-section.wide {
  grid-column: 1 / -1;
}

.file-pill {
  cursor: pointer;
  position: relative;
}

.file-pill input,
.statement-image-slot input {
  height: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

.landing-asset-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.landing-copy-fields,
.statement-copy-editor {
  display: grid;
  gap: 8px;
}

.landing-copy-fields textarea,
.statement-copy-row textarea {
  min-height: 68px;
  resize: vertical;
}

.statement-copy-row {
  align-items: start;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 14px;
  display: grid;
  gap: 8px;
  grid-template-columns: 28px minmax(0, 0.8fr) minmax(0, 1fr);
  padding: 8px;
}

.statement-copy-row span {
  align-items: center;
  background: var(--ink);
  border-radius: 999px;
  color: #fffaf0;
  display: inline-flex;
  font-size: 0.76rem;
  font-weight: 950;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.landing-asset-thumb,
.landing-row-image,
.statement-image-slot i {
  background:
    linear-gradient(135deg, rgba(255, 213, 31, 0.44), rgba(15, 163, 168, 0.22)),
    #fff4dc;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(29, 15, 10, 0.22);
}

.landing-asset-thumb {
  aspect-ratio: 1;
  border-radius: 14px;
  cursor: pointer;
  min-width: 54px;
  width: 54px;
}

.landing-asset-thumb:hover {
  outline: 3px solid rgba(201, 42, 28, 0.26);
}

.statement-image-slots {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.statement-image-slot {
  background: #fffaf0;
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 16px;
  cursor: pointer;
  display: grid;
  gap: 6px;
  padding: 8px;
  position: relative;
}

.statement-image-slot span {
  color: var(--red);
  font-size: 0.78rem;
  font-weight: 950;
}

.statement-image-slot i {
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  display: block;
}

.statement-image-slot b,
.statement-image-slot button {
  font-size: 0.74rem;
}

.statement-image-slot button {
  background: transparent;
  border: 0;
  color: var(--red);
  cursor: pointer;
  font-weight: 900;
  padding: 0;
  text-align: left;
}

.landing-list-editor {
  display: grid;
  gap: 10px;
}

.landing-edit-row {
  align-items: center;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 16px;
  display: grid;
  gap: 8px;
  grid-template-columns: 72px repeat(2, minmax(120px, 1fr)) minmax(170px, 1.2fr) auto auto;
  padding: 8px;
}

.landing-row-image {
  aspect-ratio: 1;
  border-radius: 14px;
}

.landing-edit-row textarea {
  min-height: 48px;
  resize: vertical;
}

.shop-product-edit-row {
  grid-template-columns: 72px repeat(2, minmax(110px, 0.7fr)) minmax(170px, 1fr) minmax(100px, 0.55fr) minmax(180px, 1fr) auto auto;
}

.landing-editor-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  grid-column: 1 / -1;
}

.admin-code-card h3 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 1.35rem;
  margin: 0 0 6px;
}

.admin-code-card .eyebrow,
.admin-code-card .soft-copy {
  margin-bottom: 0;
}

.billing-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.billing-options article {
  display: grid;
  gap: 12px;
}

.access-code-panel,
.square-pass-panel {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(15, 163, 168, 0.16), rgba(239, 93, 168, 0.12)),
    rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.7fr) auto;
  padding: 14px;
}

.access-code-panel.compact,
.square-pass-panel.compact {
  align-items: stretch;
  background:
    linear-gradient(135deg, rgba(211, 47, 47, 0.1), rgba(15, 163, 168, 0.13)),
    rgba(255, 250, 242, 0.82);
  grid-template-columns: 1fr;
}

.access-code-panel div,
.square-pass-panel div {
  display: grid;
  gap: 4px;
}

.access-code-panel p,
.square-pass-panel p {
  color: #72594b;
  font-size: 0.84rem;
  font-weight: 800;
  margin: 0;
}

.access-code-panel span,
.square-pass-panel span {
  color: #60483a;
  font-size: 0.86rem;
  font-weight: 850;
}

.access-code-panel strong,
.square-pass-panel strong {
  font-size: 1.2rem;
}

.access-code-panel input {
  text-transform: uppercase;
}

.access-code-message {
  color: #60483a;
  font-size: 0.86rem;
  font-weight: 900;
  margin: 0;
}

.square-pass-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px !important;
}

.square-pass-actions button {
  min-height: 42px;
}

.maker-checkout-page { min-height:100vh; padding:0 24px 56px; background:#faf8f5; color:#211d29; }
.maker-checkout-nav { max-width:1084px; margin:auto; padding:26px 0; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.maker-checkout-nav > a { display:flex; align-items:center; gap:10px; color:#211d29; text-decoration:none; font-size:16px; font-weight:850; }
.maker-checkout-nav img { width:34px; height:34px; border-radius:8px; }
.maker-checkout-layout { max-width:1084px; margin:8px auto 0; display:grid; grid-template-columns:1fr 1fr; border:1px solid #e8e2eb; border-radius:26px; overflow:hidden; background:white; box-shadow:0 16px 60px #38224b08; }
.maker-checkout-story { padding:36px; background:linear-gradient(145deg,#fff9ed,#faf0f5); min-width:0; }
.maker-checkout-page .eyebrow { color:#9c245a; font-size:11px; letter-spacing:.13em; font-weight:850; }
.maker-checkout-story h1 { font-size:clamp(28px,3vw,38px); line-height:1.12; letter-spacing:-.04em; margin:14px 0; color:#211d29; }
.maker-checkout-story > p { font-size:15px; line-height:1.6; color:#68596a; margin:0 0 24px; }
.maker-checkout-story figure { margin:0 0 24px; border-radius:18px; overflow:hidden; border:1px solid #eadde2; background:#fff9f1; }
.maker-checkout-story figure img { width:100%; height:215px; object-fit:cover; object-position:75% center; display:block; }
.maker-checkout-story figcaption { font-size:11px; padding:8px 12px; color:#6d5964; }
.maker-checkout-includes h2 { font-size:17px; margin:0 0 16px; }
.maker-checkout-includes ul { list-style:none; padding:0; margin:0; display:grid; gap:14px; }
.maker-checkout-includes li { display:grid; gap:3px; padding-left:24px; position:relative; }
.maker-checkout-includes li:before { content:'✓'; position:absolute; left:0; top:0; color:#26805e; font-weight:800; }
.maker-checkout-includes strong { font-size:14px; }
.maker-checkout-includes li span { font-size:13px; line-height:1.5; color:#68596a; }
.maker-checkout-buy { min-width:0; padding:36px; }
.maker-checkout-buy h2 { font-size:28px; line-height:1.15; margin:12px 0 16px; }
.maker-checkout-buy > .maker-price,.maker-checkout-buy > .maker-price-plain { font-size:28px; }
.maker-checkout-price-note,.maker-checkout-destination,.maker-checkout-provider-note,.maker-checkout-security { font-size:13px; line-height:1.6; color:#716273; }
.maker-checkout-destination { padding:12px 0 18px; border-bottom:1px solid #eee7ed; overflow-wrap:anywhere; }
.maker-checkout-methods { border:0; padding:0; margin:20px 0; display:grid; gap:10px; min-width:0; }
.maker-checkout-methods legend { font-size:14px; font-weight:800; margin-bottom:12px; }
.maker-checkout-methods label { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #e8e2eb; border-radius:12px; cursor:pointer; background:#fff; }
.maker-checkout-methods label.selected { border-color:#ac185d; background:#fdf6fa; box-shadow:0 0 0 1px #ac185d; }
.maker-checkout-methods label:has(input:disabled) { opacity:.6; cursor:default; }
.maker-checkout-methods input { accent-color:#ac185d; width:18px; height:18px; flex:0 0 auto; margin:0; }
.maker-checkout-methods label > span { display:grid; gap:4px; min-width:0; }
.maker-checkout-methods strong { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:15px; }
.maker-checkout-methods strong small { font-size:10px; color:#8a1d50; background:#f5e3ed; padding:3px 7px; border-radius:20px; }
.maker-checkout-methods label > span > span { color:#716273; font-size:12px; }
.maker-payment-lock { width:13px; height:13px; vertical-align:-2px; margin-right:5px; }
.maker-checkout-methods .maker-payment-icons { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin:5px 0 2px; }
.maker-payment-icons > img,.maker-payment-icons > span { flex:0 0 auto; height:24px; border:1px solid #e8e2eb; border-radius:4px; background:#fff; box-sizing:border-box; }
.maker-payment-icons > img { width:34px; object-fit:contain; }
.maker-payment-icons > span { display:inline-flex; align-items:center; gap:3px; padding:2px 5px; font-size:10px; font-weight:700; color:#403549; }
.maker-payment-icons svg { width:14px; height:14px; }
.maker-checkout-methods label > span > .maker-payment-availability { font-size:10px; font-weight:400; line-height:1.5; }
.maker-checkout-continue { width:100%; justify-content:center; text-align:center; background:#ac185d; color:#fff; border:0; border-radius:12px; padding:16px; font-size:15px; }
.maker-checkout-security { font-size:12px; text-align:center; margin:18px 0; }
.maker-checkout-message { border:1px solid #e8e2eb; background:#faf8fc; padding:14px; font-size:13px; border-radius:12px; overflow-wrap:anywhere; }
.maker-checkout-back { color:#831746; font-size:13px; }
@media(max-width:760px) { .maker-checkout-page{padding:0 12px 32px}.maker-checkout-nav{padding:18px 8px}.maker-checkout-layout{grid-template-columns:1fr;border-radius:20px}.maker-checkout-story,.maker-checkout-buy{padding:24px}.maker-checkout-story h1{font-size:28px}.maker-checkout-story figure img{height:150px}.maker-checkout-includes ul{grid-template-columns:1fr 1fr;gap:14px}.maker-checkout-includes li span{font-size:12px}.maker-checkout-story > p{font-size:14px}.maker-checkout-nav > a{font-size:14px} }
@media(max-width:370px) { .maker-checkout-includes ul{grid-template-columns:1fr}.maker-checkout-story,.maker-checkout-buy{padding:20px} }
/* Keep price, eligibility and the purchase action ahead of the long story on phones. */
@media(max-width:760px) {
  .maker-checkout-buy { grid-row:1; }
  .maker-checkout-story { grid-row:2; }
}

.project-pass-checkout-layer {
  background: rgba(5, 29, 35, 0.76);
  backdrop-filter: blur(18px);
}

.project-pass-checkout-card {
  --checkout-dark: #052f36;
  --checkout-dark-2: #0d5158;
  --checkout-paper: #fffaf0;
  --checkout-gold: #f4b63f;
  --checkout-red: #d33227;
  --checkout-teal: #117d76;
  --checkout-pink: #d84f78;
  background:
    radial-gradient(circle at 10% 14%, rgba(244, 182, 63, 0.2), transparent 18rem),
    radial-gradient(circle at 92% 18%, rgba(216, 79, 120, 0.18), transparent 22rem),
    radial-gradient(circle at 18% 90%, rgba(41, 189, 242, 0.16), transparent 18rem),
    linear-gradient(135deg, var(--checkout-dark), var(--checkout-dark-2));
  border: 1px solid rgba(255, 250, 240, 0.14);
  border-radius: 30px;
  box-shadow: 0 38px 100px rgba(0, 0, 0, 0.44);
  color: var(--checkout-paper);
  max-height: calc(100vh - 24px);
  max-width: min(1080px, calc(100vw - 24px));
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  width: 100%;
}

.project-pass-checkout-card::before {
  background: linear-gradient(90deg, var(--checkout-red), var(--checkout-gold), var(--checkout-teal), var(--checkout-pink), #2f7749);
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.project-pass-checkout-card .modal-close {
  background: rgba(255, 250, 240, 0.12);
  border-color: rgba(255, 250, 240, 0.18);
  color: var(--checkout-paper);
  z-index: 3;
}

.project-pass-checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(360px, 1.12fr);
  min-height: 620px;
}

.project-pass-checkout-summary {
  border-right: 1px solid rgba(255, 250, 240, 0.12);
  display: grid;
  gap: 18px;
  align-content: center;
  padding: 44px 38px 38px;
}

.project-pass-checkout-summary .eyebrow {
  color: var(--checkout-gold);
  font-size: 0.82rem;
  font-weight: 1000;
  letter-spacing: 0.09em;
  margin: 0;
  text-transform: uppercase;
}

.project-pass-checkout-summary h2 {
  color: var(--checkout-paper);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.4rem, 4.3vw, 4.35rem);
  font-weight: 980;
  letter-spacing: 0;
  line-height: 0.86;
  margin: 0;
}

.project-pass-checkout-summary > p {
  color: rgba(255, 250, 240, 0.76);
  font-size: 1rem;
  font-weight: 720;
  line-height: 1.55;
  margin: 0;
}

.project-pass-price-card {
  background: rgba(255, 250, 240, 0.08);
  border: 1px solid rgba(255, 250, 240, 0.12);
  border-left: 5px solid var(--checkout-gold);
  border-radius: 18px;
  display: grid;
  gap: 4px;
  padding: 14px 16px;
}

.project-pass-price-card > span:first-child {
  color: var(--checkout-gold);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.project-pass-payment-head > span:first-child,
.project-pass-choice-copy > span {
  color: #ad2118;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.project-pass-price-card strong {
  color: var(--checkout-paper);
  font-size: 2.8rem;
  line-height: 1;
}

.project-pass-price-card small {
  color: rgba(255, 250, 240, 0.68);
  font-weight: 850;
}

.project-pass-trust-list {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.project-pass-trust-list li {
  color: rgba(255, 250, 240, 0.82);
  font-size: 0.94rem;
  font-weight: 780;
  line-height: 1.42;
  padding-left: 28px;
  position: relative;
}

.project-pass-trust-list li::before {
  background: var(--checkout-teal);
  border-radius: 999px;
  color: var(--checkout-paper);
  content: "✓";
  display: inline-grid;
  font-size: 0.72rem;
  font-weight: 950;
  height: 16px;
  left: 0;
  place-items: center;
  position: absolute;
  top: 2px;
  width: 16px;
}

.project-pass-payment-panel {
  background: rgba(255, 250, 240, 0.96);
  color: var(--gallery-ink);
  display: grid;
  gap: 14px;
  align-content: center;
  padding: 42px 38px 36px;
}

.project-pass-payment-head {
  align-items: end;
  display: flex;
  justify-content: space-between;
}

.project-pass-payment-head strong {
  color: var(--loteria-red);
  font-size: 2rem;
  line-height: 1;
}

.project-pass-payment-choice {
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 20px;
  display: grid;
  gap: 14px;
  padding: 16px;
}

.square-choice {
  background:
    radial-gradient(circle at 96% 4%, rgba(41, 189, 242, 0.13), transparent 9rem),
    #fff;
  border-color: rgba(41, 189, 242, 0.22);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.etsy-choice {
  background:
    radial-gradient(circle at 0 0, rgba(228, 58, 46, 0.1), transparent 8rem),
    rgba(255, 255, 255, 0.72);
  grid-template-columns: minmax(0, 1fr) auto;
}

.project-pass-choice-copy {
  display: grid;
  gap: 5px;
}

.project-pass-choice-copy h3 {
  color: var(--gallery-ink);
  font-size: 1.15rem;
  line-height: 1.05;
  margin: 0;
}

.project-pass-choice-copy p {
  color: var(--gallery-muted);
  font-size: 0.92rem;
  font-weight: 720;
  line-height: 1.4;
  margin: 0;
}

.square-card-shell {
  background: rgba(248, 250, 252, 0.86);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 16px;
  display: grid;
  gap: 8px;
  min-height: 118px;
  padding: 14px;
}

.square-card-shell.loading,
.square-card-shell.error,
.square-card-shell.handoff {
  align-items: center;
}

.square-card-shell.handoff {
  background:
    linear-gradient(135deg, rgba(41, 189, 242, 0.1), rgba(255, 211, 51, 0.12)),
    rgba(248, 250, 252, 0.94);
}

.square-card-shell p {
  color: var(--gallery-muted);
  font-size: 0.88rem;
  font-weight: 850;
  line-height: 1.38;
  margin: 0;
}

.square-card-container {
  min-height: 88px;
}

.full-width-button {
  justify-content: center;
  min-height: 52px;
  width: 100%;
}

.project-pass-text-button {
  background: transparent;
  border: 0;
  color: var(--loteria-blue);
  cursor: pointer;
  font-size: 0.86rem;
  font-weight: 950;
  justify-self: center;
  padding: 0;
  text-decoration: none;
}

.project-pass-etsy-link {
  align-self: center;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(228, 58, 46, 0.2);
  border-radius: 999px;
  color: var(--loteria-red);
  font-size: 0.88rem;
  font-weight: 950;
  padding: 10px 14px;
  text-decoration: none;
  white-space: nowrap;
}

.project-pass-checkout-message {
  background: rgba(255, 211, 51, 0.16);
  border: 1px solid rgba(255, 211, 51, 0.28);
  border-radius: 14px;
  color: #4f382b;
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1.35;
  margin: 0;
  padding: 10px 12px;
}

.profile-form {
  align-items: end;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 22px;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
  padding: 14px;
}

.profile-form div {
  display: grid;
  gap: 4px;
}

.profile-form div span,
.profile-form label span {
  color: #60483a;
  font-size: 0.86rem;
  font-weight: 850;
}

.profile-form strong {
  font-size: 1rem;
  overflow-wrap: anywhere;
}

.account-page .profile-form {
  align-items: stretch;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
}

.account-page .profile-form > button,
.account-preference-card,
.account-legal-receipt {
  grid-column: 1 / -1;
}

.account-preference-card,
.account-legal-receipt {
  background:
    radial-gradient(circle at 96% 0%, rgba(41, 189, 242, 0.14), transparent 34%),
    rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.account-preference-card {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) minmax(190px, auto);
}

.account-preference-card p,
.account-legal-receipt small {
  color: #60483a;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.35;
  margin: 0;
}

.account-legal-receipt {
  grid-template-columns: minmax(100px, 0.35fr) minmax(120px, 0.3fr) minmax(0, 1fr);
}

.billing-note {
  background: rgba(255, 214, 77, 0.22);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  color: #60483a;
  font-weight: 850;
  padding: 14px;
}

.return-policy-page { min-height:100vh; background:#fbf8f5; color:#302634; padding:0 20px 32px; }
.return-policy-nav { max-width:960px; margin:auto; padding:24px 0; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.return-policy-nav a { color:#872655; font-weight:700; }
.return-policy-content { max-width:820px; margin:12px auto; background:#fff; padding:clamp(22px,5vw,56px); border:1px solid #e8dfe5; border-radius:22px; box-shadow:0 12px 40px #37253508; }
.return-policy-content h1 { font-size:clamp(28px,5vw,42px); line-height:1.15; letter-spacing:-.03em; margin:12px 0; }
.return-policy-content h2 { font-size:21px; line-height:1.3; margin:0 0 10px; }
.return-policy-content p { line-height:1.75; overflow-wrap:anywhere; }
.return-policy-content section { margin-top:28px; padding-top:24px; border-top:1px solid #eee5e9; }
.return-policy-date { font-size:13px; color:#786472; }
.return-policy-content .primary-button { margin-top:24px; display:inline-block; }
.return-policy-footer { padding:24px; text-align:center; font-size:14px; }
.return-policy-footer a,.product-return-notice a { color:#8b2456; text-decoration:underline; }
.product-return-notice { font-size:13px; line-height:1.65; color:#685666; padding:12px 0; }

.legal-panel {
  margin-inline: auto;
  max-width: 920px;
}

.legal-panel h1 {
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(2.4rem, 5vw, 4.8rem);
  margin: 0;
}

.legal-lead {
  font-size: 1.05rem;
  max-width: 720px;
}

.policy-card {
  background:
    radial-gradient(circle at 90% 0%, rgba(15, 163, 168, 0.14), transparent 28%),
    rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 26px;
  display: grid;
  gap: 12px;
  padding: clamp(18px, 4vw, 32px);
}

.policy-card p {
  color: #4f382c;
  font-size: 1rem;
  font-weight: 780;
  line-height: 1.7;
  margin: 0;
}

.legal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.section-minihead {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.section-minihead > span {
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.project-row {
  align-items: center;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(37, 23, 17, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 1.4fr) repeat(2, minmax(86px, 0.4fr)) auto;
  padding: 14px;
}

.project-row div {
  display: grid;
  gap: 3px;
}

.project-row strong {
  font-size: 1rem;
}

.project-row span {
  color: #60483a;
  font-size: 0.88rem;
  font-weight: 850;
}

.admin-table {
  display: grid;
  gap: 8px;
}

.admin-row {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(160px, 1.4fr) repeat(5, minmax(86px, 0.8fr));
}

.admin-head {
  background: rgba(37, 23, 17, 0.08);
  font-weight: 950;
}

@media (max-width: 1120px) {
  .builder-studio-layout {
    grid-template-columns: minmax(320px, 0.4fr) minmax(0, 1fr);
  }

  .studio-guidance {
    border-left: 0;
    border-top: 1px solid rgba(37, 23, 17, 0.08);
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position: static;
  }

  .studio-guidance .studio-action-row {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .studio-download-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .hero,
  .two-column,
  .seo-landing-hero,
  .builder-intro,
  .project-hub-hero,
  .seo-intent-section,
  .download-shop-upgrade,
  .admin-workspace,
  .cards-workspace,
  .generator-layout,
  .designer-layout,
  .download-layout {
    grid-template-columns: 1fr;
  }

  .admin-profile-form,
  .landing-content-manager {
    grid-template-columns: 1fr;
  }

  .cards-sidebar {
    position: static;
  }

  .redesigned-controls {
    position: static;
  }

  .download-instructions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .builder-studio-layout {
    grid-template-columns: 1fr;
  }

  .studio-settings,
  .studio-guidance {
    border-left: 0;
    border-right: 0;
    position: static;
  }

  .studio-settings {
    border-bottom: 1px solid rgba(37, 23, 17, 0.08);
  }

  .studio-guidance {
    grid-template-columns: 1fr;
  }

  .studio-guidance .studio-action-row {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: auto;
  }

  .manifesto-section {
    min-height: 420px;
  }

  .hero-copy {
    width: 100%;
  }

  .mockup-stage {
    height: auto;
    min-height: 460px;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }

  .feature-grid,
  .flow-grid,
  .sample-grid,
  .review-grid,
  .seo-content-grid,
  .seo-related-grid,
  .project-action-grid,
  .label-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .label-style-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .use-case-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .stepper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .builder-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
  }

  .top-nav {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 12px 14px;
  }

  .builder-header-actions,
  .account-controls {
    justify-content: flex-start;
  }

	  .nav-links {
	    background: rgba(255, 250, 240, 0.98);
	    border: 1px solid rgba(37, 23, 17, 0.08);
	    border-radius: 22px;
	    box-shadow: var(--small-shadow);
	    display: none;
	    gap: 8px;
	    grid-column: 1 / -1;
	    grid-template-columns: 1fr;
	    justify-content: stretch;
	    padding: 10px;
	    width: 100%;
	  }

  .top-nav.menu-open .nav-links {
    display: grid;
  }

  .mobile-menu-button {
    display: inline-flex;
  }

  .nav-ghost,
  .nav-cta,
  .secondary-button.small-button {
    min-height: 38px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .nav-links > a,
  .nav-links > button,
  .nav-links > .language-toggle,
  .nav-links > .nav-dropdowns {
    justify-content: center;
    width: 100%;
  }

  .nav-dropdowns {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .nav-dropdown summary {
    justify-content: center;
    width: 100%;
  }

  .nav-dropdown-menu {
    box-shadow: none;
    margin-top: 7px;
    min-width: 0;
    position: static;
    width: 100%;
  }

  .nav-icon {
    display: none;
  }

  .top-nav {
    border-radius: 0 0 28px 28px;
    margin-top: 0;
    top: 0;
    width: 100%;
  }

  .top-nav::after {
    bottom: -5px;
    left: 16px;
    right: 16px;
  }

  .section-band,
  .access-code-strip,
  .feature-section,
  .seo-intent-section,
  .how-section,
  .statement-section,
  .sample-section,
  .physical-shop-section,
  .review-section,
  .final-cta,
  .site-footer,
  .builder-shell {
    padding-left: 16px;
    padding-right: 16px;
  }

  .seo-chip-grid {
    justify-content: flex-start;
  }

	  .hero {
	    border-radius: 28px;
	    min-height: auto;
	    padding: 42px 18px 30px;
	  }

  .hero-copy::before {
    height: 44px;
    right: 10px;
    top: -12px;
    width: 34px;
  }

  .loteria-marquee {
    margin: 10px 0 22px;
  }

  .loteria-marquee div {
    gap: 22px;
    padding: 12px 0;
  }

  .loteria-marquee span::after {
    margin-left: 22px;
  }

  .manifesto-section {
    border-radius: 28px;
    margin-bottom: 22px;
    min-height: auto;
    padding: 92px 16px;
  }

  .manifesto-section::before,
  .manifesto-section::after {
    height: 52px;
  }

  .manifesto-section .eyebrow {
    margin-top: 0;
  }

  .manifesto-section h2 {
    font-size: clamp(2.05rem, 11vw, 3.3rem);
  }

  .manifesto-art span {
    display: none;
  }

  .hero-artwork img {
    object-position: 68% bottom;
  }

  .hero-artwork::after {
    background:
      linear-gradient(180deg, rgba(255, 243, 199, 0.98) 0%, rgba(255, 243, 199, 0.88) 48%, rgba(255, 243, 199, 0.22) 78%),
      linear-gradient(90deg, rgba(255, 243, 199, 0.92), rgba(255, 243, 199, 0.18));
  }

  .hero-artwork-card {
    bottom: 28px;
    left: 18px;
    max-width: calc(100% - 36px);
    right: 18px;
  }

	  .hero-showcase {
		    height: 560px;
		    left: auto;
		    right: auto;
		    width: 100%;
		  }

  .hero-deck-stack {
    bottom: 34%;
    height: 148px;
    left: 2%;
    width: 108px;
  }

  .hero-deck-card strong {
    font-size: 0.86rem;
    margin-top: -35px;
  }

  .hero-deck-card small {
    font-size: 0.42rem;
    margin-top: -16px;
  }

  .floating-style-card {
    height: 128px;
    width: 92px;
  }

  .floating-two {
    left: 104px;
  }

  .realistic-board {
    width: min(84%, 410px);
  }

  .realistic-board {
    border-radius: 20px;
    gap: 8px;
    margin: 0 auto;
    padding: 15px 14px 10px;
    transform: rotate(0.6deg);
  }

  .realistic-board::before,
  .realistic-board::after {
    display: none;
  }

  .realistic-board-heading strong {
    font-size: 1.55rem;
  }

  .realistic-board-heading span {
    font-size: 0.72rem;
  }

  .realistic-grid {
    gap: 4px;
    padding: 0;
  }

  .realistic-card {
    border-width: 1.5px;
    border-radius: 5px;
  }

  .shadow-label .realistic-photo strong {
    bottom: 4px;
    font-size: 0.44rem;
    left: 4px;
    padding: 2px 3px;
    right: 4px;
    -webkit-text-stroke: 1.4px rgba(255,255,255,0.88);
  }

  .caption-band > strong {
    font-size: 0.46rem;
  }

  .realistic-board-footer {
    padding: 0;
  }

  .realistic-board-footer span {
    font-size: 0.46rem;
    max-width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .floating-style-card {
    display: none;
  }

  .hero-slogan {
    gap: 6px;
  }

  .hero-slogan span {
    font-size: 0.82rem;
    padding: 8px 10px;
  }

  .statement-section {
    gap: 14px;
    padding-top: 8px;
  }

  .statement-line {
    border-radius: 26px;
    grid-template-areas:
      "title"
      "media"
      "copy";
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 28px 20px 26px;
  }

  .statement-media {
    min-height: 160px;
  }

  .statement-line h2 {
    font-size: clamp(2.55rem, 15vw, 4.4rem);
  }

  .hero h1,
  .builder-intro h1 {
    font-size: 2.95rem;
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .mockup-stage {
    aspect-ratio: auto;
    height: 160px;
    margin-left: -16px;
    margin-right: -16px;
    min-height: 160px;
    width: calc(100% + 32px);
  }

  .mock-board {
    border-radius: 24px;
    right: 8px;
    padding: 20px;
    width: 78%;
  }

  .mock-card-stack {
    transform: scale(0.58);
    transform-origin: left top;
  }

  .feature-grid,
  .flow-grid,
  .sample-grid,
  .review-grid,
  .project-action-grid,
	  .project-card-grid,
	  .project-hub-stats,
	  .label-grid,
	  .label-style-panel,
  .account-summary-grid,
  .admin-summary-grid,
  .billing-options,
  .access-code-panel,
  .square-pass-panel,
	  .admin-code-card,
	  .landing-content-manager,
	  .landing-editor-grid,
	  .statement-image-slots,
	  .profile-form,
    .account-page .profile-form,
    .account-preference-card,
    .account-legal-receipt,
	  .project-row,
	  .admin-row,
    .seo-content-grid,
    .seo-related-grid,
    .seo-faq-grid,
	  .finalize-panel,
	  .form-grid,
  .advanced-grid,
  .control-pair,
  .color-control-grid,
  .background-option-grid,
  .highlighted-background-grid,
  .background-mini-controls,
  .text-style-grid,
  .download-instructions-grid,
  .product-carousel-track,
  .border-control-grid,
  .download-settings,
  .preset-grid,
	  .use-case-grid {
	    grid-template-columns: 1fr;
	  }

  .landing-edit-row {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .landing-edit-row textarea,
  .shop-product-edit-row input,
  .landing-edit-row .file-pill,
  .landing-edit-row .danger-button {
    grid-column: 1 / -1;
  }

  .cards-main-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .template-choice-button {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .template-choice-button > b {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .template-modal {
    border-radius: 24px;
    padding: 18px;
  }

  .template-modal-head {
    align-items: stretch;
    flex-direction: column;
  }

	  .final-cta,
    .access-code-strip,
	  .site-footer,
	  .panel-header,
	  .signin-project-callout,
	  .account-routing-card,
	  .project-card-actions,
	  .admin-detail-head,
	  .builder-status-strip,
	  .step-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .studio-panel-header {
    align-items: stretch;
    flex-direction: column;
    padding: 22px 18px;
  }

  .builder-studio-layout {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .studio-settings,
  .studio-guidance {
    border-left: 0;
    border-right: 0;
    position: static;
  }

  .studio-settings {
    border-bottom: 1px solid rgba(37, 23, 17, 0.08);
  }

  .studio-guidance {
    border-top: 1px solid rgba(37, 23, 17, 0.08);
    grid-template-columns: 1fr;
  }

  .studio-sidebar,
  .studio-main {
    padding: 18px;
  }

  .studio-action-row,
  .studio-download-grid {
    grid-template-columns: 1fr;
  }

  .site-footer nav,
  .nav-links {
    justify-content: flex-start;
  }

  .builder-panel {
    border-radius: 28px;
    padding: 20px;
  }

  .stepper {
    grid-template-columns: 1fr 1fr;
  }

  .step-pill {
    justify-content: flex-start;
  }

  .label-row {
    align-items: stretch;
    flex-direction: column;
  }

  .card-preview.compact {
    width: 150px;
  }

  .hero-actions .large {
    flex: 1 1 100%;
    width: 100%;
  }

  .hero-actions {
    margin-top: 20px;
  }

  .trust-strip {
    margin-top: 22px;
  }

  .trust-strip span {
    flex: 1 1 calc(50% - 10px);
    text-align: center;
  }
}

@media (max-width: 430px) {
  .hero h1,
  .builder-intro h1 {
    font-size: 2.55rem;
  }

  .hero-sub {
    font-size: 1.05rem;
  }

  .brand-mark {
    font-size: 0.92rem;
  }

  .brand-mark .logo-mark {
    border-radius: 14px;
    height: 42px;
    width: 42px;
  }
}

.ai-style-panel,
.ai-glow-panel,
.ai-token-pill,
.ai-token-balance-card,
.ai-compare-card,
.ai-token-modal {
  border: 1px solid rgba(36, 19, 14, 0.12);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255, 248, 232, 0.94), rgba(235, 250, 248, 0.9));
  box-shadow: 0 18px 45px rgba(74, 38, 20, 0.08);
}

.ai-style-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.compact-settings-card.label-style-panel {
  display: block;
  margin-bottom: 0;
  padding: 0;
}

.compact-settings-card summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 14px;
}

.compact-settings-card summary::-webkit-details-marker {
  display: none;
}

.compact-settings-card summary::after {
  color: #8d6251;
  content: "⌄";
  font-size: 1.1rem;
  font-weight: 1000;
}

.compact-settings-card[open] summary::after {
  transform: rotate(180deg);
}

.compact-settings-card summary span {
  display: grid;
  gap: 2px;
}

.compact-settings-card summary strong {
  color: #2a1711;
  font-weight: 1000;
}

.compact-settings-card summary small {
  color: #745246;
  font-weight: 850;
}

.compact-settings-body {
  border-top: 1px solid rgba(36, 19, 14, 0.08);
  display: grid;
  gap: 10px;
  padding: 12px 14px 14px;
}

.generated-text-options {
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(36, 19, 14, 0.08);
  border-radius: 14px;
  display: grid;
  gap: 8px;
  padding: 10px;
}

.generated-text-options .switch-row {
  background: #fffdfa;
  border: 1px solid rgba(36, 19, 14, 0.07);
  border-radius: 12px;
  min-height: 40px;
  padding: 8px 10px;
}

.ai-glow-panel {
  align-items: center;
  background:
    radial-gradient(circle at 6% 12%, rgba(255, 214, 77, 0.26), transparent 28%),
    radial-gradient(circle at 86% 86%, rgba(20, 141, 160, 0.15), transparent 34%),
    linear-gradient(135deg, #fff8e6, #fffdf7 48%, #f4fbf4);
  display: grid;
  gap: 18px 22px;
  grid-template-columns: minmax(0, 0.95fr) minmax(230px, 0.6fr) minmax(280px, 0.72fr);
  overflow: hidden;
  padding: 22px;
  position: relative;
}

.cards-studio-panel .ai-glow-panel {
  align-items: center;
  border: 1px solid rgba(77, 45, 28, 0.12);
  border-radius: 30px;
  box-shadow: 0 24px 60px rgba(72, 38, 16, 0.12);
  grid-template-columns: minmax(260px, 0.9fr) minmax(210px, 0.56fr) minmax(260px, 0.72fr);
  padding: 18px;
}

.cards-studio-panel .ai-glow-copy {
  display: block;
}

.cards-studio-panel .ai-glow-copy h3 {
  font-size: clamp(1.45rem, 2.4vw, 2.45rem);
}

.cards-studio-panel .ai-glow-copy p {
  font-size: 0.94rem;
}

.cards-studio-panel .ai-glow-demo {
  margin-top: 0;
}

.ai-glow-panel::before {
  background:
    linear-gradient(135deg, #b42318 0 18%, transparent 18% 32%, #ffd64d 32% 50%, transparent 50% 64%, #148da0 64% 82%, transparent 82%);
  content: "";
  height: 116px;
  opacity: 0.16;
  position: absolute;
  right: -30px;
  top: -34px;
  transform: rotate(-8deg);
  width: 250px;
}

.ai-glow-copy {
  position: relative;
  z-index: 1;
}

.ai-glow-kicker {
  color: #b42318;
  display: inline-block;
  font-size: 0.74rem;
  font-weight: 1000;
  letter-spacing: 0;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.ai-glow-copy h3 {
  color: #24130e;
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: clamp(1.5rem, 2.6vw, 2.5rem);
  line-height: 1;
  margin: 0 0 8px;
}

.ai-glow-copy p {
  color: #60483a;
  font-weight: 820;
  line-height: 1.45;
  margin: 0;
  max-width: 720px;
}

.ai-glow-demo {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 0;
  position: relative;
  z-index: 1;
}

.ai-demo-card {
  background: #fff4dc;
  border: 2px solid rgba(255, 250, 240, 0.9);
  border-radius: 20px;
  box-shadow: 0 20px 38px rgba(36, 19, 14, 0.16);
  overflow: hidden;
  padding: 8px;
  transform: rotate(-4deg);
  width: clamp(82px, 8vw, 118px);
}

.ai-demo-card img,
.ai-demo-card span {
  aspect-ratio: 2.5 / 3.5;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(20, 12, 8, 0.68);
  border-radius: 12px 12px 4px 4px;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.ai-demo-card b {
  background: #fff4dc;
  border-top: 1px solid rgba(20, 12, 8, 0.72);
  color: #24130e;
  display: block;
  font-size: 0.72rem;
  font-weight: 1000;
  line-height: 1.05;
  padding: 8px 4px 2px;
  text-align: center;
  text-transform: uppercase;
}

.ai-demo-card.illustrated {
  border-color: rgba(255, 214, 111, 0.95);
  transform: rotate(4deg);
}

.ai-demo-arrow {
  align-items: center;
  background: linear-gradient(135deg, #ffd64d, #e84a7a, #148da0);
  border: 3px solid rgba(255, 250, 240, 0.92);
  border-radius: 999px;
  box-shadow: 0 14px 26px rgba(36, 19, 14, 0.18);
  color: #fffaf0;
  display: flex;
  flex: 0 0 auto;
  font-size: 0.78rem;
  font-weight: 1000;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.ai-demo-frame {
  align-items: center;
  aspect-ratio: 2.5 / 3.5;
  border: 2px solid rgba(36, 19, 14, 0.2);
  border-radius: 14px;
  box-shadow: 0 14px 28px rgba(36, 19, 14, 0.1);
  display: grid;
  justify-items: center;
  overflow: hidden;
  position: relative;
  width: 74px;
}

.ai-demo-frame.original {
  background: #fffaf0;
}

.ai-demo-frame.original img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ai-demo-frame.original span {
  color: #60483a;
  font-size: 0.78rem;
  font-weight: 950;
}

.ai-demo-frame.illustrated {
  background:
    radial-gradient(circle at 50% 28%, rgba(255, 214, 77, 0.9), transparent 24%),
    linear-gradient(145deg, #e84a7a, #f7b84b 48%, #148da0);
  color: #fffaf0;
  padding: 8px;
  text-align: center;
}

.ai-demo-frame.illustrated i {
  background:
    radial-gradient(circle at 50% 34%, #fffaf0 0 13%, transparent 14%),
    linear-gradient(#24130e 0 0) center 68% / 50% 12% no-repeat;
  border-radius: 999px;
  display: block;
  height: 34px;
  opacity: 0.9;
  width: 34px;
}

.ai-demo-frame.illustrated strong {
  font-size: 0.66rem;
  line-height: 1;
  text-transform: uppercase;
}

.ai-glow-controls {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
  position: relative;
  z-index: 1;
}

.ai-glow-toolbar {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.ai-control-group {
  display: grid;
  gap: 7px;
}

.ai-control-group > span {
  color: #60483a;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.ai-glow-controls button {
  min-height: 44px;
}

.ai-refresh-button {
  min-height: 38px !important;
  padding-inline: 14px !important;
}

.ai-style-pills,
.ai-quality-toggle {
  background: rgba(36, 19, 14, 0.06);
  border: 1px solid rgba(36, 19, 14, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 6px;
  padding: 5px;
}

.ai-style-pills {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-quality-toggle {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-style-pills button,
.ai-quality-toggle button {
  background: transparent;
  border: 0;
  border-radius: 13px;
  color: #60483a;
  font-size: 0.78rem;
  font-weight: 950;
  min-height: 38px;
  padding: 8px 9px;
}

.ai-style-pills button.active,
.ai-quality-toggle button.active {
  background: #fffdf7;
  box-shadow: 0 10px 20px rgba(89, 37, 21, 0.12);
  color: #24130e;
}

.ai-quality-toggle small {
  background: rgba(180, 35, 24, 0.1);
  border-radius: 999px;
  color: #b42318;
  display: inline-block;
  font-size: 0.68rem;
  margin-left: 4px;
  padding: 1px 6px;
}

.ai-more-style {
  min-height: 38px;
}

.ai-main-cta {
  width: 100%;
}

.ai-credit-note {
  color: #60483a;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.35;
  margin: 10px 0 0;
}

.ai-token-pill {
  align-content: center;
  background: rgba(255, 253, 247, 0.84);
  border: 1px solid rgba(36, 19, 14, 0.1);
  border-radius: 18px;
  display: grid;
  min-height: 46px;
  padding: 8px 12px;
}

.ai-token-pill strong {
  color: #b42318;
  font-size: 1.35rem;
  line-height: 1;
}

.ai-token-pill span {
  color: #60483a;
  font-size: 0.72rem;
  font-weight: 950;
}

.ai-bulk-bar {
  align-items: center;
  background: rgba(27, 116, 97, 0.08);
  border: 1px solid rgba(27, 116, 97, 0.14);
  border-radius: 18px;
  display: flex;
  gap: 10px;
  grid-column: 1 / -1;
  justify-content: space-between;
  padding: 10px;
}

.ai-bulk-bar span {
  color: #3c251d;
  font-weight: 950;
}

.ai-style-panel label,
.ai-token-modal label {
  display: grid;
  gap: 6px;
}

.ai-style-panel select,
.ai-token-modal select,
.ai-token-modal textarea,
.ai-token-modal input {
  min-width: 0;
  width: 100%;
}

.sparkle-button {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #b42318, #e84a7a 45%, #148da0);
  color: #fffdf7;
  cursor: pointer;
  font-weight: 900;
  padding: 10px 14px;
  box-shadow: 0 14px 30px rgba(180, 35, 24, 0.18);
}

.sparkle-button.compact {
  box-shadow: none;
  padding: 9px 13px;
}

.sparkle-button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.ai-card-tools {
  background: linear-gradient(135deg, rgba(255, 214, 77, 0.16), rgba(20, 141, 160, 0.12));
  border: 1px solid rgba(36, 19, 14, 0.08);
  border-radius: 16px;
  display: grid;
  gap: 8px;
  margin-top: 0;
  padding: 8px;
}

.ai-select-card {
  align-items: center;
  background: rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  display: flex;
  gap: 7px;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.1;
  padding: 6px 8px;
}

.ai-card-tools .sparkle-button {
  font-size: 0.84rem;
  line-height: 1.1;
  min-height: 38px;
  padding: 8px 10px;
}

.ai-generation-progress {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(98, 70, 217, 0.24);
  border-left: 6px solid var(--loteria-purple);
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.09);
  display: grid;
  gap: 14px;
  grid-template-columns: 42px minmax(0, 1fr);
  margin: 0 0 16px;
  padding: 14px 16px;
}

.ai-generation-progress strong,
.ai-generation-progress p,
.ai-generation-progress small {
  display: block;
  margin: 0;
}

.ai-generation-progress strong {
  color: var(--gallery-ink);
  font-size: 1rem;
  font-weight: 950;
}

.ai-generation-progress p {
  color: #4b3f65;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.4;
  margin-top: 3px;
}

.ai-generation-progress small {
  color: #665f73;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 5px;
}

.ai-progress-spinner {
  animation: ai-progress-spin 850ms linear infinite;
  border: 4px solid rgba(98, 70, 217, 0.16);
  border-radius: 50%;
  border-top-color: var(--loteria-purple);
  height: 34px;
  width: 34px;
}

@keyframes ai-progress-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .ai-progress-spinner {
    animation-duration: 1800ms;
  }
}

.ai-compare-card {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  padding: 12px;
}

.ai-compare-card div {
  min-width: 0;
}

.ai-compare-card span {
  color: #6f5146;
  display: block;
  font-size: 0.76rem;
  font-weight: 900;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.ai-compare-card img {
  aspect-ratio: 5 / 7;
  border: 2px solid #16100d;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  width: 100%;
}

.ai-preview-zoom-button {
  background: transparent;
  border: 0;
  cursor: zoom-in;
  display: block;
  padding: 0;
  width: 100%;
}

.ai-preview-zoom-button img {
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.ai-preview-zoom-button:hover img {
  box-shadow: 0 16px 35px rgba(36, 19, 14, 0.2);
  transform: translateY(-2px);
}

.ai-compare-actions {
  display: grid;
  gap: 8px;
  grid-column: 1 / -1;
}

.ai-token-backdrop {
  align-items: center;
  background: rgba(28, 15, 10, 0.46);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 18px;
  position: fixed;
  z-index: 80;
}

.ai-token-modal {
  max-height: min(760px, 92vh);
  max-width: 720px;
  overflow: auto;
  padding: 26px;
  position: relative;
  width: min(720px, 100%);
}

.ai-preview-lightbox {
  align-items: center;
  background: rgba(28, 15, 10, 0.58);
  cursor: zoom-out;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 20px;
  position: fixed;
  z-index: 90;
}

.ai-preview-lightbox-card {
  background: #fffaf0;
  border: 1px solid rgba(36, 19, 14, 0.15);
  border-radius: 28px;
  box-shadow: 0 32px 90px rgba(20, 9, 5, 0.32);
  cursor: default;
  display: grid;
  gap: 14px;
  max-height: 92vh;
  max-width: min(540px, 92vw);
  padding: 18px;
  position: relative;
  width: min(540px, 92vw);
}

.ai-preview-lightbox-card img {
  aspect-ratio: 5 / 7;
  border: 3px solid #16100d;
  border-radius: 20px;
  object-fit: cover;
  width: 100%;
}

.ai-preview-lightbox-card div {
  display: grid;
  gap: 3px;
}

.ai-preview-lightbox-card strong {
  color: #24130e;
  font-size: 1.1rem;
}

.ai-preview-lightbox-card span {
  color: #6f5146;
  font-weight: 900;
}

.modal-close {
  align-items: center;
  border: 1px solid rgba(36, 19, 14, 0.15);
  border-radius: 999px;
  background: #fffaf0;
  cursor: pointer;
  display: grid;
  font-size: 1.4rem;
  font-weight: 900;
  height: 38px;
  place-items: center;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 38px;
}

.ai-token-balance-card {
  align-items: baseline;
  display: flex;
  gap: 10px;
  margin: 16px 0;
  padding: 14px 16px;
}

.ai-token-balance-card strong {
  color: #b42318;
  font-size: 2rem;
}

.ai-pack-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ai-pack-card {
  border: 1px solid rgba(36, 19, 14, 0.12);
  border-radius: 18px;
  background: #fffdf7;
  cursor: pointer;
  display: grid;
  gap: 6px;
  padding: 16px;
  text-align: left;
}

.ai-pack-card strong {
  color: #148da0;
  font-size: 1.2rem;
}

.ai-pack-card em {
  color: #b42318;
  font-style: normal;
  font-weight: 900;
}

.ai-admin-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.6fr);
}

.ai-admin-panel textarea {
  min-height: 180px;
  resize: vertical;
}

@media (max-width: 760px) {
  .ai-glow-panel {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .ai-glow-controls {
    grid-template-columns: 1fr;
  }

  .ai-glow-demo {
    justify-content: center;
  }

  .cards-studio-panel .ai-glow-copy {
    display: block;
  }

  .cards-studio-panel .ai-glow-demo {
    margin-top: 14px;
  }

  .cards-studio-panel .ai-demo-frame {
    width: 74px;
  }

  .ai-credit-note {
    grid-column: auto;
  }

  .ai-pack-grid,
  .ai-admin-workspace {
    grid-template-columns: 1fr;
  }
}

/* Commerce and selling experience */
.ghost-link {
  align-items: center;
  border-radius: 999px;
  color: var(--studio-ink, #24130e);
  display: inline-flex;
  font-weight: 900;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  text-decoration: none;
}

.ghost-link:hover {
  background: rgba(36, 19, 14, 0.06);
}

.lm-commerce-strip {
  background:
    linear-gradient(135deg, rgba(255, 250, 236, 0.96), rgba(240, 248, 238, 0.78)),
    #fff7e7;
  border-block: 1px solid rgba(103, 65, 45, 0.12);
  padding: clamp(24px, 3.2vw, 42px) clamp(18px, 5vw, 72px);
}

.lm-commerce-strip .lm-section-head {
  margin: 0 auto 16px;
  max-width: 980px;
  text-align: center;
}

.lm-commerce-strip .lm-section-head h2 {
  font-size: clamp(1.85rem, 3.2vw, 3.4rem);
  letter-spacing: -0.025em;
  line-height: 1.02;
  margin-bottom: 8px;
}

.lm-commerce-strip .lm-section-head p:not(.lm-kicker) {
  font-size: 0.98rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 660px;
}

.commerce-offer-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 1080px;
}

.commerce-offer-card {
  background: rgba(255, 252, 244, 0.92);
  border: 1px solid rgba(89, 54, 35, 0.14);
  border-radius: 20px;
  box-shadow: 0 14px 34px rgba(67, 38, 22, 0.08);
  display: grid;
  gap: 8px;
  padding: 18px;
  position: relative;
  overflow: hidden;
}

.commerce-offer-card::before {
  background: var(--studio-red, #b42318);
  border-radius: 999px;
  content: "";
  height: 8px;
  left: 24px;
  position: absolute;
  right: 24px;
  top: 16px;
}

.commerce-offer-card.offer-2::before {
  background: linear-gradient(90deg, #d92872, #168aad);
}

.commerce-offer-card.offer-3::before {
  background: var(--studio-green, #1f6f4c);
}

.commerce-offer-card span {
  color: rgba(61, 39, 28, 0.72);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.07em;
  margin-top: 6px;
  text-transform: uppercase;
}

.commerce-offer-card strong {
  color: var(--studio-ink, #24130e);
  font-size: clamp(1.35rem, 2.8vw, 2.2rem);
  letter-spacing: -0.015em;
  line-height: 1;
}

.commerce-offer-card p {
  color: rgba(61, 39, 28, 0.78);
  font-size: 0.9rem;
  font-weight: 720;
  line-height: 1.35;
  margin: 0;
}

.commerce-offer-card .primary-button,
.commerce-offer-card .secondary-button {
  min-height: 38px;
  padding: 0 14px;
}

.lm-payment-flow {
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.96), rgba(239, 249, 246, 0.86)),
    #fffaf0;
  border: 1px solid rgba(89, 54, 35, 0.12);
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(67, 38, 22, 0.07);
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 12px auto 0;
  max-width: 1080px;
  padding: 8px;
}

.lm-payment-flow article {
  align-items: start;
  display: grid;
  gap: 4px 8px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 8px;
}

.lm-payment-flow span {
  align-items: center;
  background: #d33227;
  border-radius: 999px;
  color: #fffaf0;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 950;
  height: 24px;
  justify-content: center;
  line-height: 1;
  width: 24px;
}

.lm-payment-flow strong {
  color: #24130e;
  font-size: 0.92rem;
  font-weight: 950;
  line-height: 1.1;
}

.lm-payment-flow p {
  color: rgba(61, 39, 28, 0.74);
  font-size: 0.82rem;
  font-weight: 760;
  grid-column: 2;
  line-height: 1.34;
  margin: 0;
}

.purchase-wallet {
  background:
    linear-gradient(135deg, rgba(255, 252, 244, 0.92), rgba(240, 248, 238, 0.82)),
    #fffaf0;
  border: 1px solid rgba(103, 65, 45, 0.14);
  border-radius: 24px;
  box-shadow: 0 16px 38px rgba(50, 31, 20, 0.09);
  display: grid;
  gap: 14px;
  padding: 16px;
}

.wallet-head {
  display: grid;
  gap: 4px;
}

.wallet-head span,
.purchase-wallet article span {
  color: rgba(83, 54, 39, 0.7);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wallet-head strong {
  color: var(--studio-ink, #24130e);
  font-size: 1.02rem;
}

.wallet-grid {
  display: grid;
  gap: 8px;
}

.purchase-wallet article {
  background: rgba(255, 255, 255, 0.54);
  border: 1px solid rgba(103, 65, 45, 0.1);
  border-radius: 18px;
  display: grid;
  gap: 3px;
  padding: 11px;
}

.purchase-wallet article strong {
  color: var(--studio-red, #b42318);
  font-size: 1rem;
}

.purchase-wallet article small {
  color: rgba(83, 54, 39, 0.75);
  font-weight: 720;
  line-height: 1.3;
}

.wallet-actions {
  display: grid;
  gap: 8px;
}

.wallet-actions .square-pass-panel {
  box-shadow: none;
  margin: 0;
}

.finalize-card {
  border-color: rgba(180, 35, 24, 0.22);
  background: linear-gradient(135deg, rgba(255, 246, 232, 0.96), rgba(255, 252, 244, 0.92));
}

.finalize-card strong {
  color: var(--studio-red, #b42318);
  display: block;
  font-size: 0.95rem;
  margin-top: 10px;
}

.commerce-workspace {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(300px, 0.9fr) minmax(360px, 1.1fr) minmax(320px, 1fr);
}

.commerce-admin-panel textarea {
  min-height: 108px;
  width: 100%;
}

.commerce-summary-grid article strong {
  font-size: clamp(1.5rem, 3vw, 2.4rem);
}

.ai-pack-admin-list {
  display: grid;
  gap: 10px;
}

.ai-pack-admin-list article {
  align-items: center;
  background: rgba(255, 250, 240, 0.84);
  border: 1px solid rgba(103, 65, 45, 0.12);
  border-radius: 18px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px;
}

.ai-pack-admin-list article.highlighted {
  background: linear-gradient(135deg, rgba(255, 246, 221, 0.95), rgba(236, 248, 237, 0.9));
  border-color: rgba(215, 154, 41, 0.38);
}

.ai-pack-admin-list strong,
.ai-pack-admin-list span {
  display: block;
}

.ai-pack-admin-list span {
  color: var(--admin-muted, #765f52);
  font-size: 0.84rem;
  font-weight: 760;
  margin-top: 3px;
}

@media (max-width: 1080px) {
  .commerce-offer-grid,
  .lm-payment-flow,
  .commerce-workspace {
    grid-template-columns: 1fr;
  }
}

/* Modern brand revamp: cleaner premium marketing surface */
:root {
  --cream: #fff2d2;
  --ink: #21110c;
  --muted: #6f5040;
  --red: #c92b22;
  --orange: #f36c2d;
  --yellow: #f7b733;
  --turquoise: #0f7f78;
  --pink: #d94f7f;
  --green: #2d704d;
  --purple: #4b3b8f;
  --blue: #166f9f;
  --white: #fffaf0;
  --shadow: 0 34px 90px rgba(66, 35, 17, 0.16);
  --small-shadow: 0 18px 45px rgba(66, 35, 17, 0.11);
  --hairline: rgba(33, 17, 12, 0.11);
  --brand-gradient: linear-gradient(135deg, #c92b22 0%, #f36c2d 33%, #0f7f78 67%, #4b3b8f 100%);
  --paper-gradient:
    radial-gradient(circle at 12% 12%, rgba(247, 183, 51, 0.18), transparent 28rem),
    radial-gradient(circle at 88% 8%, rgba(15, 127, 120, 0.12), transparent 24rem),
    linear-gradient(180deg, #fff9eb 0%, #fff1d3 48%, #fffaf0 100%);
}

body {
  background: var(--paper-gradient);
}

.landing::before,
.builder-page::before,
.seo-page::before {
  background-image:
    linear-gradient(45deg, rgba(201, 43, 34, 0.032) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(15, 127, 120, 0.032) 25%, transparent 25%);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.38), transparent 62%);
  opacity: 0.28;
}

.top-nav {
  background:
    linear-gradient(90deg, rgba(255, 250, 240, 0.94), rgba(255, 246, 225, 0.9)),
    rgba(255, 250, 240, 0.88);
  border: 1px solid rgba(33, 17, 12, 0.1);
  border-radius: 26px;
  box-shadow: 0 18px 45px rgba(62, 30, 14, 0.13);
  gap: 16px;
  padding: 10px 14px;
}

.top-nav::after {
  background: var(--brand-gradient);
  bottom: -7px;
  height: 5px;
  left: 34px;
  right: 34px;
}

.brand-mark {
  min-width: max-content;
}

.brand-label {
  color: #28140e;
  font-size: 1rem;
  letter-spacing: -0.01em;
}

.logo-mark {
  background: #fff8e8;
  border: 2px solid rgba(255, 255, 255, 0.96);
  border-radius: 15px;
  box-shadow: 0 9px 20px rgba(66, 35, 17, 0.14);
  height: 50px;
  object-fit: contain;
  padding: 2px;
  width: 50px;
}

.nav-links {
  gap: 8px;
}

.nav-links a {
  color: #4a2a1d;
}

.nav-ghost,
.nav-cta,
.secondary-button {
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(33, 17, 12, 0.1);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.55);
  color: #2c170f;
}

.nav-ghost {
  min-height: 42px;
  padding: 0 15px;
}

.nav-projects-button {
  box-shadow: 0 10px 24px rgba(66, 35, 17, 0.1);
}

.nav-icon {
  background: rgba(201, 43, 34, 0.1);
  color: #b5261d;
}

.language-toggle {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(33, 17, 12, 0.12);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
}

.language-toggle button.active,
.language-toggle a.active {
  background: #21110c;
  box-shadow: 0 6px 14px rgba(33, 17, 12, 0.16);
}

.primary-button,
.nav-cta.primary-button {
  background: linear-gradient(135deg, #d9342a 0%, #a61e17 100%);
  box-shadow: 0 18px 34px rgba(201, 43, 34, 0.23), inset 0 1px rgba(255, 255, 255, 0.28);
  color: #fffaf0;
}

.secondary-button:hover,
.nav-ghost:hover,
.nav-cta:hover {
  background: #fffaf0;
  border-color: rgba(201, 43, 34, 0.28);
}

.section-band,
.feature-section,
.seo-intent-section,
.how-section,
.sample-section,
.physical-shop-section,
.review-section,
.final-cta,
.site-footer,
.builder-shell {
  max-width: 1320px;
}

.hero {
  background:
    radial-gradient(circle at 75% 23%, rgba(247, 183, 51, 0.22), transparent 19rem),
    radial-gradient(circle at 94% 76%, rgba(15, 127, 120, 0.13), transparent 21rem),
    linear-gradient(135deg, rgba(255, 251, 241, 0.98) 0%, rgba(255, 243, 219, 0.86) 100%);
  border: 1px solid rgba(33, 17, 12, 0.08);
  border-radius: 36px;
  box-shadow: 0 38px 95px rgba(66, 35, 17, 0.14);
  grid-template-columns: minmax(0, 0.82fr) minmax(470px, 1.18fr);
  min-height: clamp(600px, calc(100vh - 112px), 760px);
  padding: clamp(28px, 4vw, 54px);
  width: min(100% - 48px, 1560px);
}

.hero::after {
  background: var(--brand-gradient);
  bottom: 22px;
  height: 8px;
  left: clamp(24px, 4vw, 60px);
  opacity: 0.92;
  width: min(360px, calc(100% - 48px));
}

.hero-copy {
  align-self: start;
  max-width: 610px;
}

.eyebrow {
  color: #b5261d;
  font-size: 0.78rem;
  letter-spacing: 0.02em;
}

.hero-brand-line {
  margin-bottom: 8px;
}

.hero-brand-line > span:first-child {
  color: #21110c;
  font-size: clamp(3.45rem, 5.8vw, 6.8rem);
  letter-spacing: -0.035em;
}

.hero-brand-line .maker-word {
  font-size: clamp(2.85rem, 4.7vw, 5.55rem);
  letter-spacing: -0.035em;
}

.hero .seo-home-title {
  color: #32190f;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.72rem, 2.5vw, 2.86rem);
  font-weight: 950;
  letter-spacing: -0.035em;
  line-height: 0.98;
  margin-bottom: 20px;
  max-width: 680px;
}

.hero-sub {
  color: #4f3225;
  font-size: clamp(1rem, 1.24vw, 1.14rem);
  font-weight: 620;
  line-height: 1.52;
  max-width: 560px;
}

.hero-slogan {
  gap: 9px;
  margin: -2px 0 16px;
}

.hero-slogan span {
  border: 0;
  box-shadow: 0 9px 20px rgba(66, 35, 17, 0.14);
  font-size: 0.86rem;
  padding: 9px 13px;
}

.hero-actions {
  gap: 13px;
  margin-top: 20px;
}

.trust-strip {
  gap: 9px;
  margin-top: 28px;
}

.trust-strip span {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(33, 17, 12, 0.08);
  box-shadow: 0 8px 18px rgba(66, 35, 17, 0.06);
  color: #4a2a1d;
  font-size: 0.9rem;
  padding: 9px 13px;
}

.hero-showcase {
  height: min(650px, 62vw);
  min-height: 490px;
  width: min(100%, 900px);
}

.hero-replacement-image {
  max-height: 720px;
  overflow: visible;
  width: min(100%, 900px);
}

.hero-replacement-image img {
  filter: drop-shadow(0 28px 34px rgba(47, 24, 13, 0.16));
  max-height: 100%;
  max-width: 108%;
}

.hero-replacement-image span {
  color: rgba(201, 43, 34, 0.14);
}

.realistic-board {
  background:
    radial-gradient(circle at 18% 10%, rgba(247, 183, 51, 0.22), transparent 18rem),
    #ffecc7;
  border: 1px solid rgba(33, 17, 12, 0.11);
  box-shadow: 0 28px 70px rgba(47, 24, 13, 0.18);
  width: min(80%, 610px);
}

.realistic-board-heading strong {
  color: #c92b22;
  letter-spacing: 0.07em;
}

.realistic-board-heading span {
  color: #2d704d;
}

.realistic-card,
.floating-style-card {
  box-shadow: 0 8px 16px rgba(47, 24, 13, 0.12);
}

.manifesto-section {
  background:
    radial-gradient(circle at 82% 18%, rgba(247, 183, 51, 0.2), transparent 24rem),
    radial-gradient(circle at 16% 82%, rgba(15, 127, 120, 0.25), transparent 24rem),
    linear-gradient(135deg, #203d35 0%, #1f1711 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 36px;
  box-shadow: 0 30px 80px rgba(47, 24, 13, 0.18);
  margin-bottom: 30px;
  max-width: 1320px;
  min-height: 430px;
  padding: clamp(48px, 7vw, 92px) clamp(28px, 5vw, 72px);
  text-align: left;
}

.manifesto-section::before,
.manifesto-section::after {
  display: none;
}

.manifesto-section .eyebrow {
  color: #f7b733;
  margin-top: 0;
}

.manifesto-section h2 {
  color: #fffaf0;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.75rem, 6.3vw, 6.8rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.9;
  max-width: 1080px;
}

.manifesto-art span {
  background: rgba(255, 250, 240, 0.92);
  border: 1px solid rgba(33, 17, 12, 0.18);
  box-shadow: 0 12px 24px rgba(33, 17, 12, 0.2);
}

.scroll-word {
  transition:
    opacity 180ms linear,
    transform 180ms ease,
    filter 180ms ease;
}

.statement-section {
  gap: 22px;
  max-width: 1320px;
  padding-bottom: 76px;
}

.statement-line {
  background: rgba(255, 250, 240, 0.9);
  border: 1px solid rgba(33, 17, 12, 0.08);
  border-radius: 32px;
  box-shadow: 0 20px 58px rgba(66, 35, 17, 0.1);
  min-height: 290px;
  padding: clamp(28px, 4.8vw, 60px);
}

.statement-line:nth-child(2) {
  background:
    radial-gradient(circle at 84% 20%, rgba(247, 183, 51, 0.18), transparent 16rem),
    linear-gradient(135deg, #c92b22, #822118);
}

.statement-line:nth-child(3) {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 250, 240, 0.18), transparent 16rem),
    linear-gradient(135deg, #0f7f78, #24583d);
}

.statement-line h2 {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.7rem, 5.9vw, 6.6rem);
  font-weight: 950;
  letter-spacing: -0.06em;
}

.statement-line p {
  font-weight: 780;
}

.statement-media {
  border: 1px solid rgba(33, 17, 12, 0.16);
  border-radius: 26px;
  box-shadow: inset 0 0 0 6px rgba(255, 250, 240, 0.28);
}

.feature-section,
.sample-section,
.physical-shop-section,
.review-section,
.seo-intent-section,
.how-section {
  background: rgba(255, 250, 240, 0.78);
  border: 1px solid rgba(33, 17, 12, 0.08);
  border-radius: 34px;
  box-shadow: 0 20px 55px rgba(66, 35, 17, 0.09);
}

.section-heading {
  max-width: 820px;
}

.section-heading h2,
.final-cta h2,
.builder-panel h2 {
  color: #24130e;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 0.96;
}

.section-heading p {
  color: #684838;
  font-weight: 620;
}

.feature-grid,
.flow-grid {
  gap: 20px;
}

.feature-card,
.flow-step,
.download-card,
.generator-card,
.sample-card,
.review-card,
.physical-product-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 248, 232, 0.78)),
    rgba(255, 250, 240, 0.8);
  border: 1px solid rgba(33, 17, 12, 0.08);
  border-radius: 26px;
  box-shadow: 0 16px 36px rgba(66, 35, 17, 0.09);
}

.feature-card {
  min-height: 218px;
  padding: 28px;
}

.feature-card::after {
  background: var(--brand-gradient);
  height: 5px;
  opacity: 0.9;
}

.feature-card h3,
.flow-step h3,
.download-card h3,
.generator-card h3,
.physical-product-card strong,
.sample-card h3,
.review-card strong {
  color: #24130e;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.feature-card p,
.flow-step p,
.download-card p,
.sample-card p,
.review-card p,
.physical-product-card p {
  color: #684838;
  font-weight: 620;
}

.marketing-icon,
.feature-icon {
  border: 4px solid rgba(255, 255, 255, 0.95);
  border-radius: 18px;
  box-shadow: 0 12px 24px rgba(66, 35, 17, 0.12);
}

.seo-intent-section {
  background:
    radial-gradient(circle at 18% 18%, rgba(247, 183, 51, 0.14), transparent 22rem),
    linear-gradient(135deg, rgba(255, 250, 240, 0.92), rgba(239, 249, 246, 0.78));
}

.seo-intent-section h2 {
  color: #24130e;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.seo-chip-grid span,
.seo-topic-links a {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(33, 17, 12, 0.08);
  box-shadow: 0 8px 18px rgba(66, 35, 17, 0.06);
}

.how-section {
  background:
    radial-gradient(circle at 86% 16%, rgba(15, 127, 120, 0.12), transparent 20rem),
    rgba(255, 250, 240, 0.72);
}

.flow-step {
  padding-top: 32px;
}

.flow-step::before {
  display: none;
}

.flow-step span {
  background: var(--brand-gradient);
  box-shadow: 0 12px 26px rgba(201, 43, 34, 0.16);
  height: 46px;
  margin-bottom: 20px;
  width: 46px;
}

.sample-section,
.review-section {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.sample-grid,
.review-grid,
.product-carousel-track {
  gap: 20px;
}

.sample-card {
  padding: 16px;
}

.sample-board-mini {
  border: 1px solid rgba(33, 17, 12, 0.14);
  border-radius: 22px;
  box-shadow: inset 0 0 0 8px rgba(255, 250, 240, 0.32);
}

.sample-board-mini span {
  border-color: rgba(33, 17, 12, 0.68);
}

.physical-shop-section {
  background:
    radial-gradient(circle at 18% 18%, rgba(247, 183, 51, 0.2), transparent 23rem),
    linear-gradient(135deg, rgba(255, 250, 240, 0.92), rgba(239, 249, 246, 0.78));
}

.physical-product-photo,
.review-photo {
  border: 1px solid rgba(33, 17, 12, 0.09);
  border-radius: 22px;
  box-shadow: 0 14px 30px rgba(66, 35, 17, 0.12);
}

.review-photo {
  aspect-ratio: 1 / 1;
}

.final-cta {
  background:
    radial-gradient(circle at 85% 18%, rgba(247, 183, 51, 0.22), transparent 22rem),
    linear-gradient(135deg, #203d35 0%, #1f1711 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 34px;
  box-shadow: 0 30px 80px rgba(47, 24, 13, 0.18);
}

.final-cta::before {
  display: none;
}

.final-cta h2 {
  color: #fffaf0;
}

.final-cta .primary-button {
  background: #fffaf0;
  box-shadow: 0 18px 34px rgba(33, 17, 12, 0.18);
  color: #21110c;
}

.site-footer {
  background: rgba(255, 250, 240, 0.64);
  border: 1px solid rgba(33, 17, 12, 0.08);
  border-radius: 28px 28px 0 0;
  margin-top: 20px;
}

.site-footer p,
.site-footer a,
.site-footer button {
  color: #684838;
}

.seo-page .top-nav {
  margin-bottom: 18px;
}

.seo-landing-hero {
  background:
    radial-gradient(circle at 86% 18%, rgba(247, 183, 51, 0.2), transparent 21rem),
    linear-gradient(135deg, rgba(255, 250, 240, 0.96), rgba(239, 249, 246, 0.76));
  border: 1px solid rgba(33, 17, 12, 0.08);
  border-radius: 34px;
  box-shadow: 0 24px 65px rgba(66, 35, 17, 0.11);
}

.seo-landing-hero h1,
.static-seo-page h1 {
  color: #24130e;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 950;
  letter-spacing: -0.055em;
}

.seo-landing-hero p {
  color: #684838;
  font-weight: 620;
}

.seo-hero-image,
.seo-content-grid article,
.seo-faq-grid details,
.seo-related-grid a {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 248, 232, 0.74)),
    rgba(255, 250, 240, 0.82);
  border: 1px solid rgba(33, 17, 12, 0.08);
  border-radius: 26px;
  box-shadow: 0 16px 38px rgba(66, 35, 17, 0.09);
}

.static-seo-page {
  background: var(--paper-gradient);
  color: #24130e;
  min-height: 100vh;
}

.static-seo-page section,
.seo-static-nav {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 248, 232, 0.74)),
    rgba(255, 250, 240, 0.82);
  border: 1px solid rgba(33, 17, 12, 0.08);
  border-radius: 24px;
  box-shadow: 0 16px 38px rgba(66, 35, 17, 0.08);
  padding: 22px;
}

.static-seo-page .seo-hero {
  align-items: center;
  display: grid;
  gap: clamp(22px, 4vw, 44px);
  grid-template-columns: minmax(0, 0.88fr) minmax(320px, 1.12fr);
  padding: clamp(28px, 6vw, 60px);
}

.static-seo-page .seo-hero h1 {
  font-size: clamp(2.6rem, 6vw, 5.7rem);
  line-height: 0.9;
  margin: 0 0 16px;
}

.static-seo-page .seo-hero p {
  color: #5f4335;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  font-weight: 720;
  line-height: 1.5;
}

.static-seo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.static-seo-hero-image {
  aspect-ratio: 1200 / 630;
  border: 1px solid rgba(33, 17, 12, 0.09);
  border-radius: 28px;
  box-shadow: 0 24px 58px rgba(66, 35, 17, 0.15);
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.builder-page {
  background: var(--paper-gradient);
}

.builder-panel,
.studio-panel,
.project-action-card,
.saved-project-card,
.signin-project-callout,
.account-routing-card,
.admin-detail-card {
  border: 1px solid rgba(33, 17, 12, 0.08);
  box-shadow: 0 18px 45px rgba(66, 35, 17, 0.1);
}

@media (max-width: 1180px) {
  .hero {
    grid-template-columns: minmax(0, 0.9fr) minmax(380px, 1fr);
  }

  .hero-brand-line > span:first-child {
    font-size: clamp(3.8rem, 7vw, 7.2rem);
  }

  .hero-brand-line .maker-word {
    font-size: clamp(3.2rem, 5.8vw, 6rem);
  }
}

@media (max-width: 980px) {
  .static-seo-page .seo-hero {
    grid-template-columns: 1fr;
  }

  .hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .hero-copy {
    max-width: 760px;
  }

  .hero-showcase {
    height: auto;
    min-height: 0;
  }

  .hero-replacement-image {
    max-height: 560px;
  }
}

@media (max-width: 700px) {
  .static-seo-page {
    padding: 14px;
  }

  .static-seo-page section,
  .seo-static-nav {
    border-radius: 20px;
    padding: 18px;
  }

  .static-seo-actions .primary-button,
  .static-seo-actions .secondary-button {
    width: 100%;
  }

  .top-nav {
    border-radius: 0 0 24px 24px;
    padding: 10px 14px;
  }

  .top-nav::after {
    height: 4px;
  }

  .nav-links {
    background: rgba(255, 250, 240, 0.98);
    border-radius: 20px;
  }

  .logo-mark {
    height: 44px;
    width: 44px;
  }

  .hero {
    border-radius: 26px;
    margin-top: 10px;
    padding: 34px 18px 28px;
    width: calc(100% - 24px);
  }

  .hero::after {
    bottom: 14px;
    height: 5px;
    left: 18px;
    width: calc(100% - 36px);
  }

  .hero-brand-line > span:first-child {
    font-size: clamp(3.4rem, 18vw, 5.3rem);
  }

  .hero-brand-line .maker-word {
    font-size: clamp(2.9rem, 15vw, 4.6rem);
  }

  .hero .seo-home-title {
    font-size: clamp(2.05rem, 10.5vw, 3.2rem);
  }

  .hero-sub {
    font-size: 1rem;
  }

  .hero-replacement-image {
    max-height: 430px;
  }

  .realistic-board {
    width: min(92%, 430px);
  }

  .manifesto-section {
    border-radius: 28px;
    padding: 54px 20px;
  }

  .manifesto-section h2 {
    font-size: clamp(2.25rem, 12vw, 4rem);
    letter-spacing: -0.045em;
  }

  .statement-line {
    border-radius: 24px;
    padding: 26px 18px;
  }

  .statement-line h2 {
    font-size: clamp(2.25rem, 12vw, 3.85rem);
  }

  .feature-card,
  .flow-step,
  .sample-card,
  .review-card,
  .physical-product-card {
    border-radius: 22px;
  }

  .section-heading h2,
  .final-cta h2,
  .builder-panel h2 {
    letter-spacing: -0.035em;
  }

  .site-footer {
    border-radius: 24px 24px 0 0;
  }
}

/* Complete marketing redesign */
.landing-redesign {
  --lm-dark: #140c08;
  --lm-dark-2: #23120c;
  --lm-cream: #fff4dc;
  --lm-paper: #fffaf0;
  --lm-red: #d33227;
  --lm-red-dark: #8f1d16;
  --lm-teal: #117d76;
  --lm-green: #2f7749;
  --lm-gold: #f4b63f;
  --lm-pink: #d84f78;
  --lm-purple: #493a8c;
  background:
    radial-gradient(circle at 10% 6%, rgba(244, 182, 63, 0.17), transparent 26rem),
    radial-gradient(circle at 95% 10%, rgba(17, 125, 118, 0.2), transparent 28rem),
    linear-gradient(180deg, #160c08 0%, #23120c 44%, #fff4dc 44.05%, #fffaf0 100%);
  color: var(--lm-paper);
}

.landing-redesign::before {
  background-image:
    linear-gradient(45deg, rgba(255, 250, 240, 0.035) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(244, 182, 63, 0.045) 25%, transparent 25%);
  background-size: 36px 36px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), transparent 54%);
  opacity: 0.46;
}

.landing-redesign .top-nav {
  background:
    linear-gradient(90deg, rgba(20, 12, 8, 0.9), rgba(35, 18, 12, 0.82)),
    rgba(20, 12, 8, 0.86);
  border: 1px solid rgba(255, 250, 240, 0.14);
  border-radius: 22px;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.22);
  color: var(--lm-paper);
  max-width: 1320px;
}

.landing-redesign .top-nav::after {
  background: linear-gradient(90deg, var(--lm-red), var(--lm-gold), var(--lm-teal), var(--lm-purple));
  bottom: -6px;
  height: 4px;
}

.landing-redesign .brand-label,
.landing-redesign .nav-links a {
  color: var(--lm-paper);
}

.landing-redesign .logo-mark {
  background: rgba(255, 250, 240, 0.96);
  border-color: rgba(255, 250, 240, 0.9);
}

.landing-redesign .nav-ghost,
.landing-redesign .nav-cta,
.landing-redesign .secondary-button {
  background: rgba(255, 250, 240, 0.09);
  border-color: rgba(255, 250, 240, 0.16);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
  color: var(--lm-paper);
}

.landing-redesign .nav-ghost:hover,
.landing-redesign .nav-cta:hover,
.landing-redesign .secondary-button:hover {
  background: rgba(255, 250, 240, 0.16);
  border-color: rgba(255, 250, 240, 0.28);
  color: var(--lm-paper);
}

.landing-redesign .nav-icon {
  background: rgba(244, 182, 63, 0.16);
  color: #ffd66f;
}

.landing-redesign .language-toggle {
  background: rgba(255, 250, 240, 0.09);
  border-color: rgba(255, 250, 240, 0.18);
}

.landing-redesign .language-toggle button,
.landing-redesign .language-toggle a {
  color: rgba(255, 250, 240, 0.78);
}

.landing-redesign .language-toggle button.active,
.landing-redesign .language-toggle a.active {
  background: var(--lm-paper);
  color: var(--lm-dark);
}

.landing-redesign .primary-button {
  background: linear-gradient(135deg, #e23d31, #a21d15);
  border: 0;
  box-shadow: 0 20px 44px rgba(211, 50, 39, 0.34), inset 0 1px rgba(255, 255, 255, 0.24);
  color: #fffaf0;
}

.lm-hero {
  scroll-margin-top: 126px;
  align-items: center;
  display: grid;
  gap: clamp(28px, 4.5vw, 78px);
  grid-template-columns: minmax(0, 0.78fr) minmax(440px, 1.22fr);
  margin: 0 auto;
  min-height: clamp(600px, calc(100vh - 112px), 740px);
  overflow: hidden;
  padding: clamp(34px, 4.4vw, 60px) clamp(24px, 5vw, 72px) clamp(42px, 4.4vw, 62px);
  position: relative;
  width: min(100% - 32px, 1600px);
  z-index: 2;
}

.lm-hero::before {
  background:
    radial-gradient(circle at 12% 18%, rgba(244, 182, 63, 0.24), transparent 17rem),
    radial-gradient(circle at 84% 36%, rgba(211, 50, 39, 0.18), transparent 23rem),
    linear-gradient(135deg, rgba(255, 250, 240, 0.08), transparent 35%);
  border: 1px solid rgba(255, 250, 240, 0.1);
  border-radius: 44px;
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.lm-hero::after {
  background:
    linear-gradient(135deg, var(--lm-teal) 0 18%, transparent 18% 30%, var(--lm-gold) 30% 50%, transparent 50% 62%, var(--lm-pink) 62% 82%, var(--lm-green) 82%),
    rgba(255, 250, 240, 0.08);
  clip-path: polygon(0 0, 100% 0, 100% 58%, 88% 100%, 76% 58%, 64% 100%, 52% 58%, 40% 100%, 28% 58%, 16% 100%, 4% 58%, 0 100%);
  content: "";
  height: 52px;
  left: clamp(24px, 5vw, 72px);
  opacity: 0.92;
  position: absolute;
  right: clamp(24px, 5vw, 72px);
  top: 0;
}

.lm-hero-copy {
  max-width: 640px;
  min-width: 0;
  position: relative;
  z-index: 2;
}

.lm-kicker {
  color: #ffd66f;
  font-size: clamp(0.95rem, 1.1vw, 1.12rem);
  font-weight: 950;
  letter-spacing: 0.09em;
  margin: 0 0 18px;
  text-transform: uppercase;
}

.lm-hero h1 {
  color: var(--lm-paper);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(3.35rem, 6.35vw, 7.85rem);
  font-weight: 980;
  letter-spacing: -0.08em;
  line-height: 0.76;
  margin: 0 0 22px;
  max-width: 760px;
}

.lm-hero h1 span,
.lm-hero h1 em {
  display: block;
}

.lm-hero h1 em {
  color: #ffd66f;
  font-size: clamp(1.8rem, 3vw, 3.45rem);
  font-style: normal;
  letter-spacing: -0.055em;
  line-height: 0.96;
  margin-top: 14px;
}

.lm-hero-sub {
  color: rgba(255, 250, 240, 0.8);
  font-size: clamp(1.05rem, 1.35vw, 1.24rem);
  font-weight: 650;
  line-height: 1.5;
  margin: 0;
  max-width: 580px;
}

.lm-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
}

.lm-hero-actions .secondary-button {
  background: rgba(255, 250, 240, 0.9);
  color: var(--lm-dark);
}

.lm-proof-row {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
  max-width: 560px;
}

.lm-proof-row span {
  background: rgba(255, 250, 240, 0.08);
  border: 1px solid rgba(255, 250, 240, 0.12);
  border-radius: 16px;
  color: rgba(255, 250, 240, 0.86);
  font-weight: 900;
  padding: 12px 14px;
}

.lm-hero-stage {
  align-items: center;
  display: grid;
  justify-items: center;
  min-width: 0;
  position: relative;
}

.lm-hero-stage::before {
  background:
    radial-gradient(circle at 40% 40%, rgba(244, 182, 63, 0.3), transparent 15rem),
    radial-gradient(circle at 70% 64%, rgba(17, 125, 118, 0.23), transparent 18rem);
  content: "";
  filter: blur(10px);
  inset: 8% 0 0;
  opacity: 0.75;
  position: absolute;
}

.lm-hero-stage .hero-showcase {
  height: min(680px, 58vw);
  min-height: 500px;
  width: min(100%, 900px);
  z-index: 1;
}

.lm-hero-stage .hero-replacement-image {
  max-height: 760px;
  overflow: visible;
}

.lm-hero-stage .hero-replacement-image img {
  filter: drop-shadow(0 38px 44px rgba(0, 0, 0, 0.34));
  max-width: 112%;
}

.lm-hero-stage .realistic-board {
  border: 0;
  box-shadow: 0 36px 80px rgba(0, 0, 0, 0.32);
  width: min(82%, 640px);
}

.lm-marquee {
  background: var(--lm-gold);
  border-bottom: 2px solid rgba(20, 12, 8, 0.8);
  border-top: 2px solid rgba(20, 12, 8, 0.8);
  color: var(--lm-dark);
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.lm-marquee div {
  animation: marqueeSlide 34s linear infinite;
  display: flex;
  gap: 34px;
  min-width: max-content;
  padding: 10px 0;
}

.lm-marquee span {
  font-size: clamp(0.92rem, 1.25vw, 1.2rem);
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.lm-marquee span::after {
  color: var(--lm-red-dark);
  content: " *";
  margin-left: 34px;
}

.lm-intro,
.lm-ai-promo,
.lm-process,
.lm-feature-showcase,
.lm-statements,
.lm-gallery,
.lm-print-section,
.lm-reviews,
.landing-redesign .seo-faq-section,
.landing-redesign .seo-related-section,
.lm-final-cta,
.landing-redesign .site-footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 1360px;
  position: relative;
  z-index: 2;
}

.lm-intro {
  align-items: center;
  background: var(--lm-cream);
  color: var(--lm-dark);
  display: grid;
  gap: clamp(28px, 5vw, 72px);
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.62fr);
  padding: clamp(70px, 9vw, 132px) clamp(24px, 5vw, 72px);
  overflow: hidden;
}

.lm-intro h2,
.lm-section-head h2,
.lm-statement h2,
.lm-final-cta h2 {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 920;
  letter-spacing: -0.035em;
  line-height: 0.98;
  margin: 0;
  text-wrap: balance;
}

.lm-intro h2 {
  font-size: clamp(2.9rem, 6.6vw, 7rem);
  max-width: 1000px;
}

.lm-intro-side {
  align-self: stretch;
  display: grid;
  gap: 24px;
  min-width: 0;
}

.lm-intro-side > p {
  color: #614232;
  font-size: clamp(1.05rem, 1.45vw, 1.28rem);
  font-weight: 700;
  line-height: 1.55;
  margin: 0;
}

.lm-memory-collage {
  background:
    radial-gradient(circle at 22% 20%, rgba(211, 50, 39, 0.17), transparent 14rem),
    radial-gradient(circle at 82% 18%, rgba(17, 125, 118, 0.18), transparent 16rem),
    linear-gradient(135deg, #fffaf0, #ffe6b7);
  border: 1px solid rgba(20, 12, 8, 0.1);
  border-radius: 34px;
  box-shadow: 0 24px 58px rgba(67, 34, 17, 0.14);
  min-height: 390px;
  overflow: hidden;
  position: relative;
}

.lm-memory-board {
  aspect-ratio: 5 / 7;
  background: #fff4dc;
  border: 2px solid rgba(20, 12, 8, 0.72);
  border-radius: 22px;
  box-shadow: 0 24px 44px rgba(67, 34, 17, 0.18);
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 30px 16px 18px;
  position: absolute;
  right: 24px;
  top: 28px;
  transform: rotate(2.5deg);
  width: min(56%, 300px);
}

.lm-memory-board::before {
  color: var(--lm-red);
  content: "LOTERIA";
  font-size: clamp(1.1rem, 2vw, 1.7rem);
  font-weight: 950;
  left: 0;
  letter-spacing: 0.08em;
  line-height: 1;
  position: absolute;
  right: 0;
  text-align: center;
  top: 9px;
}

.lm-memory-board span {
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(20, 12, 8, 0.68);
  border-radius: 6px;
  min-height: 0;
}

.lm-memory-card {
  align-items: flex-end;
  aspect-ratio: 2.5 / 3.5;
  background-color: #e6c79b;
  background-position: center;
  background-size: cover;
  border: 7px solid #fffaf0;
  border-radius: 18px;
  box-shadow: 0 22px 42px rgba(67, 34, 17, 0.18);
  display: flex;
  overflow: hidden;
  position: absolute;
  width: min(34%, 176px);
}

.lm-memory-card b {
  background: rgba(255, 244, 220, 0.96);
  border-top: 1px solid rgba(20, 12, 8, 0.7);
  color: var(--lm-dark);
  display: block;
  font-size: 0.78rem;
  font-weight: 950;
  line-height: 1;
  padding: 9px 6px;
  text-align: center;
  width: 100%;
}

.memory-card-1 {
  left: 34px;
  top: 48px;
  transform: rotate(-8deg);
}

.memory-card-2 {
  bottom: 36px;
  left: 22px;
  transform: rotate(5deg);
}

.memory-card-3 {
  bottom: 24px;
  right: 88px;
  transform: rotate(-4deg);
}

.lm-ai-promo {
  scroll-margin-top: 132px;
  align-items: center;
  background:
    radial-gradient(circle at 15% 12%, rgba(244, 182, 63, 0.2), transparent 18rem),
    radial-gradient(circle at 92% 10%, rgba(216, 79, 120, 0.18), transparent 20rem),
    linear-gradient(135deg, #140c08, #253f38);
  color: var(--lm-paper);
  display: grid;
  gap: clamp(28px, 5vw, 70px);
  grid-template-columns: minmax(280px, 0.55fr) minmax(360px, 0.72fr);
  padding: clamp(48px, 6vw, 86px) clamp(24px, 5vw, 72px);
}

.lm-ai-copy h2 {
  color: var(--lm-paper);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.45rem, 5vw, 5.7rem);
  font-weight: 920;
  letter-spacing: -0.035em;
  line-height: 0.98;
  margin: 0 0 20px;
  text-wrap: balance;
}

.lm-ai-copy p:not(.lm-kicker) {
  color: rgba(255, 250, 240, 0.78);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  font-weight: 720;
  line-height: 1.52;
  margin: 0;
  max-width: 620px;
}

.lm-ai-copy .primary-button {
  margin-top: 24px;
}

.lm-ai-mock {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(130px, 1fr) auto minmax(130px, 1fr);
  min-width: 0;
}

.lm-ai-card {
  background: #fff4dc;
  border: 2px solid rgba(255, 250, 240, 0.78);
  border-radius: 26px;
  box-shadow: 0 28px 58px rgba(0, 0, 0, 0.26);
  overflow: hidden;
  padding: 12px;
  transform: rotate(-3deg);
}

.lm-ai-card span {
  aspect-ratio: 2.5 / 3.5;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(20, 12, 8, 0.68);
  border-radius: 16px 16px 5px 5px;
  display: block;
}

.lm-ai-card img {
  aspect-ratio: 2.5 / 3.5;
  border: 1px solid rgba(20, 12, 8, 0.68);
  border-radius: 16px 16px 5px 5px;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.lm-ai-card b {
  background: #fff4dc;
  border-top: 1px solid rgba(20, 12, 8, 0.72);
  color: var(--lm-dark);
  display: block;
  font-size: clamp(0.78rem, 1vw, 0.95rem);
  font-weight: 950;
  padding: 12px 8px 4px;
  text-align: center;
}

.lm-ai-after {
  border-color: rgba(255, 214, 111, 0.95);
  transform: rotate(3deg);
}

.lm-ai-arrow {
  align-items: center;
  background: linear-gradient(135deg, var(--lm-gold), var(--lm-pink), var(--lm-teal));
  border: 4px solid rgba(255, 250, 240, 0.9);
  border-radius: 999px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
  color: var(--lm-paper);
  display: flex;
  font-size: 1rem;
  font-weight: 950;
  height: 64px;
  justify-content: center;
  width: 64px;
}

.lm-intro .lm-kicker,
.lm-section-head .lm-kicker,
.landing-redesign .seo-faq-section .eyebrow {
  color: var(--lm-red);
}

.lm-process {
  scroll-margin-top: 132px;
  background:
    radial-gradient(circle at 88% 10%, rgba(17, 125, 118, 0.18), transparent 22rem),
    #fffaf0;
  color: var(--lm-dark);
  padding: clamp(42px, 5vw, 72px) clamp(24px, 5vw, 72px);
}

.lm-process .lm-section-head {
  align-items: end;
  grid-template-columns: minmax(260px, 0.54fr) minmax(0, 0.68fr);
  margin-bottom: 24px;
}

.lm-process .lm-section-head h2 {
  font-size: clamp(2.25rem, 4.1vw, 4.7rem);
}

.lm-process .lm-section-head p:not(.lm-kicker) {
  font-size: 1rem;
  max-width: 460px;
}

.lm-section-head {
  align-items: end;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 0.82fr) minmax(280px, 0.42fr);
  margin-bottom: 34px;
}

.lm-section-head.compact {
  display: block;
}

.lm-section-head h2 {
  color: var(--lm-dark);
  font-size: clamp(2.45rem, 5vw, 5.7rem);
}

.lm-section-head p:not(.lm-kicker) {
  color: #614232;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.55;
  margin: 0;
}

.lm-step-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lm-step-card {
  background: #fff4dc;
  border: 1px solid rgba(20, 12, 8, 0.1);
  border-radius: 22px;
  color: var(--lm-dark);
  min-height: 185px;
  padding: 22px;
  position: relative;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.lm-step-card::after {
  background: linear-gradient(90deg, var(--lm-red), var(--lm-gold), var(--lm-teal));
  border-radius: 999px;
  bottom: 18px;
  content: "";
  height: 6px;
  left: 22px;
  position: absolute;
  width: 84px;
}

.lm-step-card:hover,
.lm-feature-tile:hover,
.lm-sample-card:hover {
  box-shadow: 0 22px 45px rgba(67, 34, 17, 0.15);
  transform: translateY(-5px);
}

.lm-step-card > span,
.lm-statement > div > span {
  align-items: center;
  background: rgba(211, 50, 39, 0.1);
  border: 1px solid rgba(211, 50, 39, 0.18);
  border-radius: 999px;
  color: var(--lm-red);
  display: inline-flex;
  font-size: clamp(0.95rem, 1.08vw, 1.08rem);
  font-weight: 980;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 20px;
  padding: 8px 12px;
  text-transform: uppercase;
  width: fit-content;
}

.lm-step-card h3,
.lm-feature-tile h3,
.lm-sample-card h3,
.lm-review-card strong {
  color: var(--lm-dark);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 1.35rem;
  font-weight: 950;
  letter-spacing: -0.03em;
  line-height: 1;
  margin: 0 0 12px;
}

.lm-step-card h3 {
  font-size: clamp(1.35rem, 1.8vw, 1.75rem);
}

.lm-step-card p,
.lm-feature-tile p,
.lm-sample-card p,
.lm-review-card p {
  color: #654738;
  font-weight: 680;
  line-height: 1.52;
  margin: 0;
}

.lm-feature-showcase {
  scroll-margin-top: 132px;
  background:
    linear-gradient(135deg, #f9ead0 0%, #fffaf0 100%);
  color: var(--lm-dark);
  padding: clamp(48px, 6vw, 82px) clamp(24px, 5vw, 72px);
}

.lm-feature-showcase .lm-section-head {
  align-items: center;
  grid-template-areas:
    "kicker title"
    "copy title";
  grid-template-columns: minmax(280px, 0.5fr) minmax(0, 0.78fr);
  margin-bottom: 26px;
}

.lm-feature-showcase .lm-section-head .lm-kicker {
  grid-area: kicker;
}

.lm-feature-showcase .lm-section-head h2 {
  font-size: clamp(2.35rem, 4.4vw, 5.1rem);
  grid-area: title;
}

.lm-feature-showcase .lm-section-head p:not(.lm-kicker) {
  grid-area: copy;
  max-width: 500px;
}

.lm-feature-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lm-feature-tile {
  background: #fffaf0;
  border: 1px solid rgba(20, 12, 8, 0.09);
  border-radius: 24px;
  box-shadow: 0 16px 36px rgba(67, 34, 17, 0.08);
  color: var(--lm-dark);
  min-height: 205px;
  padding: 22px;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.lm-feature-tile:nth-child(1),
.lm-feature-tile:nth-child(2),
.lm-feature-tile:nth-child(3) {
  grid-column: auto;
}

.lm-feature-tile:nth-child(4),
.lm-feature-tile:nth-child(5),
.lm-feature-tile:nth-child(6) {
  grid-column: auto;
}

.lm-feature-tile .marketing-icon {
  height: 60px;
  width: 60px;
}

.lm-feature-tile .marketing-icon svg {
  height: 32px;
  width: 32px;
}

.lm-statements {
  background: var(--lm-dark);
  border-radius: 34px;
  color: var(--lm-paper);
  display: grid;
  gap: 1px;
  overflow: hidden;
  padding: 1px;
}

.lm-statement {
  align-items: center;
  background: rgba(255, 250, 240, 0.03);
  border-bottom: 0;
  border-radius: 30px;
  display: grid;
  gap: clamp(22px, 3.2vw, 44px);
  grid-template-columns: minmax(250px, 0.34fr) minmax(0, 1fr);
  padding: clamp(28px, 4vw, 56px);
}

.lm-statement:nth-child(even) {
  background: linear-gradient(135deg, rgba(211, 50, 39, 0.18), rgba(244, 182, 63, 0.06));
}

.lm-statement:last-child {
  border-bottom: 0;
}

.lm-statement-media {
  aspect-ratio: 4 / 3;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(255, 250, 240, 0.16);
  border-radius: 22px;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.26);
  min-height: 210px;
}

.lm-statement h2 {
  color: var(--lm-paper);
  font-size: clamp(2.05rem, 4.1vw, 4.75rem);
  max-width: 820px;
}

.lm-statement p {
  color: rgba(255, 250, 240, 0.78);
  font-size: clamp(1.02rem, 1.35vw, 1.22rem);
  font-weight: 700;
  line-height: 1.52;
  margin: 18px 0 0;
  max-width: 700px;
}

.lm-gallery,
.lm-reviews,
.landing-redesign .seo-faq-section,
.landing-redesign .seo-related-section {
  background: #fffaf0;
  color: var(--lm-dark);
  padding: clamp(46px, 6vw, 82px) clamp(24px, 5vw, 72px);
}

.lm-gallery,
.lm-print-section {
  scroll-margin-top: 132px;
}

.lm-gallery .lm-section-head,
.lm-reviews .lm-section-head,
.lm-print-section .lm-section-head {
  margin-bottom: 26px;
}

.lm-gallery .lm-section-head h2,
.lm-reviews .lm-section-head h2,
.lm-print-section .lm-section-head h2 {
  font-size: clamp(2.25rem, 4.2vw, 4.9rem);
}

.lm-sample-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.lm-sample-card {
  background: #fff4dc;
  border: 1px solid rgba(20, 12, 8, 0.09);
  border-radius: 24px;
  box-shadow: 0 18px 42px rgba(67, 34, 17, 0.1);
  overflow: hidden;
  padding: 12px;
  position: relative;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.lm-sample-tag {
  background: var(--lm-dark);
  border: 2px solid rgba(255, 250, 240, 0.88);
  border-radius: 999px;
  color: #fffaf0;
  display: inline-flex;
  font-size: 0.74rem;
  font-weight: 950;
  left: 22px;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  text-transform: uppercase;
  top: 22px;
  z-index: 3;
}

.lm-sample-art {
  aspect-ratio: 5 / 7;
  background:
    radial-gradient(circle at 18% 18%, rgba(244, 182, 63, 0.28), transparent 18rem),
    #ffeac1;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(20, 12, 8, 0.76);
  border-radius: 18px;
  display: grid;
  grid-template-rows: 1fr auto;
  overflow: hidden;
  padding: 14px;
  position: relative;
}

.lm-sample-art::before,
.lm-sample-art::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.lm-sample-art::before {
  border: 2px solid rgba(20, 12, 8, 0.12);
  border-radius: 14px;
  inset: 8px;
}

.lm-sample-art::after {
  background: var(--sample-ribbon, rgba(211, 50, 39, 0.16));
  border-radius: 999px;
  height: 10px;
  left: 50%;
  opacity: 0.85;
  top: 9px;
  transform: translateX(-50%);
  width: 46%;
}

.lm-sample-art.has-custom-image {
  box-shadow: inset 0 -130px 90px rgba(20, 12, 8, 0.52);
}

.lm-sample-art > div {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 0;
  position: relative;
  z-index: 1;
}

.lm-sample-art span {
  align-items: end;
  aspect-ratio: 2.5 / 3.5;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(20, 12, 8, 0.72);
  border-radius: 7px;
  box-shadow: 0 3px 0 rgba(20, 12, 8, 0.1);
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.lm-sample-art span i {
  background: rgba(255, 250, 240, 0.94);
  border-top: 1px solid rgba(20, 12, 8, 0.66);
  color: var(--lm-dark);
  display: block;
  font-size: clamp(0.38rem, 0.52vw, 0.55rem);
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  padding: 4px 2px;
  text-align: center;
  width: 100%;
}

.lm-sample-art strong {
  align-self: end;
  background: rgba(255, 250, 240, 0.92);
  border-radius: 999px;
  color: var(--lm-dark);
  display: inline-flex;
  font-weight: 950;
  justify-self: center;
  line-height: 1;
  padding: 10px 13px;
  text-align: center;
  z-index: 1;
}

.sample-theme-1 {
  --sample-ribbon: rgba(216, 79, 120, 0.34);
}

.sample-theme-1 .lm-sample-art {
  background:
    radial-gradient(circle at 16% 14%, rgba(216, 79, 120, 0.2), transparent 11rem),
    radial-gradient(circle at 82% 18%, rgba(17, 125, 118, 0.14), transparent 10rem),
    #fff1df;
}

.sample-theme-2 {
  --sample-ribbon: rgba(17, 125, 118, 0.32);
}

.sample-theme-2 .lm-sample-art {
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.75), rgba(255, 232, 201, 0.9)),
    radial-gradient(circle at 80% 12%, rgba(244, 182, 63, 0.18), transparent 12rem);
}

.sample-theme-3 {
  --sample-ribbon: rgba(244, 182, 63, 0.42);
}

.sample-theme-3 .lm-sample-art {
  background:
    repeating-linear-gradient(135deg, rgba(211, 50, 39, 0.09) 0 14px, transparent 14px 30px),
    #fff0c7;
}

.sample-theme-4 {
  --sample-ribbon: rgba(73, 58, 140, 0.32);
}

.sample-theme-4 .lm-sample-art {
  background:
    linear-gradient(135deg, rgba(17, 125, 118, 0.14), transparent),
    #f8f3df;
}

.sample-theme-5 {
  --sample-ribbon: rgba(211, 50, 39, 0.34);
}

.sample-theme-5 .lm-sample-art {
  background:
    radial-gradient(circle at 22% 18%, rgba(244, 182, 63, 0.22), transparent 9rem),
    radial-gradient(circle at 84% 78%, rgba(17, 125, 118, 0.16), transparent 11rem),
    #ffe9c6;
}

.sample-theme-6 {
  --sample-ribbon: rgba(20, 12, 8, 0.22);
}

.sample-theme-6 .lm-sample-art {
  background:
    linear-gradient(135deg, rgba(17, 125, 118, 0.16), rgba(244, 182, 63, 0.14)),
    #fffaf0;
}

.lm-sample-card h3 {
  margin: 14px 6px 6px;
}

.lm-sample-card p {
  margin: 0 6px 10px;
}

.lm-print-section {
  background:
    radial-gradient(circle at 88% 18%, rgba(244, 182, 63, 0.2), transparent 23rem),
    linear-gradient(135deg, #203d35, #140c08);
  color: var(--lm-paper);
  padding: clamp(46px, 6vw, 82px) clamp(24px, 5vw, 72px);
}

.lm-print-section .lm-section-head h2,
.lm-print-section .lm-section-head p:not(.lm-kicker) {
  color: var(--lm-paper);
}

.lm-print-section .lm-kicker {
  color: #ffd66f;
}

.lm-print-section .physical-product-card {
  background: rgba(255, 250, 240, 0.94);
  border-radius: 22px;
  min-height: 0;
}

.lm-review-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lm-review-card {
  background: #fff4dc;
  border: 1px solid rgba(20, 12, 8, 0.09);
  border-radius: 22px;
  padding: 14px;
}

.lm-review-photo {
  aspect-ratio: 1 / 1;
  background-color: #ffeac1;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(20, 12, 8, 0.09);
  border-radius: 18px;
  margin-bottom: 14px;
}

.landing-redesign .seo-faq-section .section-heading,
.landing-redesign .seo-related-section .section-heading {
  text-align: left;
}

.landing-redesign .seo-faq-grid details,
.landing-redesign .seo-related-grid a,
.landing-redesign .seo-topic-links a {
  background: #fff4dc;
  border-color: rgba(20, 12, 8, 0.09);
  box-shadow: 0 12px 28px rgba(67, 34, 17, 0.08);
}

.landing-redesign .seo-topic-links {
  justify-content: flex-start;
  max-width: none;
  padding: 0;
}

.lm-final-cta {
  background:
    radial-gradient(circle at 78% 28%, rgba(244, 182, 63, 0.26), transparent 20rem),
    linear-gradient(135deg, #d33227, #8f1d16 52%, #140c08);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--lm-paper);
  max-width: none;
  padding: clamp(70px, 8vw, 118px) clamp(24px, 5vw, 72px);
}

.lm-final-cta h2 {
  font-size: clamp(2.75rem, 6vw, 6.9rem);
  max-width: 980px;
}

.landing-redesign .site-footer {
  background: var(--lm-dark);
  border: 0;
  border-radius: 0;
  color: var(--lm-paper);
  max-width: none;
}

.landing-redesign .site-footer p,
.landing-redesign .site-footer a,
.landing-redesign .site-footer button {
  color: rgba(255, 250, 240, 0.76);
}

@media (max-width: 1180px) {
  .lm-hero {
    grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1fr);
  }

  .lm-step-grid,
  .lm-sample-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .landing-redesign .seo-page-directory,
  .landing-redesign .seo-page-directory.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .lm-hero,
  .lm-intro,
  .lm-ai-promo,
  .lm-section-head,
  .lm-feature-showcase .lm-section-head,
  .lm-statement {
    grid-template-columns: 1fr;
  }

  .lm-feature-showcase .lm-section-head {
    grid-template-areas:
      "kicker"
      "title"
      "copy";
  }

  .lm-hero {
    min-height: 0;
  }

  .lm-hero-stage .hero-showcase {
    height: auto;
    min-height: 0;
  }

  .lm-hero-stage .hero-replacement-image {
    max-height: 560px;
  }

  .lm-memory-collage {
    min-height: 360px;
  }

  .lm-ai-mock {
    grid-template-columns: minmax(140px, 1fr) auto minmax(140px, 1fr);
  }

  .lm-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lm-feature-tile:nth-child(n) {
    grid-column: auto;
  }

  .lm-review-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .landing-redesign {
    background:
      linear-gradient(180deg, #160c08 0%, #23120c 50%, #fff4dc 50.05%, #fffaf0 100%);
  }

  .landing-redesign .top-nav {
    border-radius: 0 0 22px 22px;
    max-width: 100%;
  }

  .landing-redesign .nav-links {
    background: rgba(20, 12, 8, 0.98);
  }

  .lm-hero {
    padding: 68px 18px 40px;
    width: 100%;
  }

  .lm-hero::before {
    border-radius: 0 0 32px 32px;
    inset: 0;
  }

  .lm-hero::after {
    height: 34px;
    left: 18px;
    right: 18px;
  }

  .lm-hero h1 {
    font-size: clamp(3.05rem, 16.5vw, 5rem);
    letter-spacing: -0.075em;
  }

  .lm-hero h1 em {
    font-size: clamp(1.55rem, 8vw, 2.45rem);
  }

  .lm-proof-row,
  .lm-ai-mock,
  .lm-step-grid,
  .lm-feature-grid,
  .lm-sample-grid {
    grid-template-columns: 1fr;
  }

  .lm-ai-card {
    justify-self: center;
    max-width: 260px;
    width: 100%;
  }

  .lm-ai-arrow {
    justify-self: center;
    transform: rotate(90deg);
  }

  .lm-hero-stage .hero-replacement-image {
    max-height: 420px;
  }

  .lm-hero-stage .realistic-board {
    width: min(94%, 430px);
  }

  .lm-intro,
  .lm-ai-promo,
  .lm-process,
  .lm-feature-showcase,
  .lm-gallery,
  .lm-print-section,
  .lm-reviews,
  .landing-redesign .seo-faq-section,
  .landing-redesign .seo-related-section,
  .lm-final-cta {
    padding-left: 18px;
    padding-right: 18px;
  }

  .lm-intro h2,
  .lm-section-head h2,
  .lm-statement h2,
  .lm-final-cta h2 {
    letter-spacing: -0.025em;
    line-height: 1.02;
  }

  .lm-statement {
    padding: 26px 18px;
  }

  .lm-memory-collage {
    border-radius: 26px;
    min-height: 330px;
  }

  .lm-memory-board {
    right: 14px;
    top: 24px;
    width: 58%;
  }

  .lm-memory-card {
    border-width: 5px;
    width: 36%;
  }

  .memory-card-1 {
    left: 16px;
    top: 46px;
  }

  .memory-card-2 {
    bottom: 34px;
    left: 12px;
  }

  .memory-card-3 {
    bottom: 18px;
    right: 52px;
  }

  .lm-statement-media {
    min-height: 190px;
  }

  .lm-marquee div {
    padding: 10px 0;
  }
}

.seo-redesign {
  background:
    radial-gradient(circle at 12% 6%, rgba(244, 182, 63, 0.18), transparent 26rem),
    radial-gradient(circle at 94% 12%, rgba(17, 125, 118, 0.2), transparent 28rem),
    linear-gradient(180deg, #160c08 0%, #23120c 42%, #fff4dc 42.05%, #fffaf0 100%);
  color: #fffaf0;
}

.seo-redesign::before {
  background-image:
    linear-gradient(45deg, rgba(255, 250, 240, 0.035) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(244, 182, 63, 0.045) 25%, transparent 25%);
  background-size: 36px 36px;
  opacity: 0.36;
}

.seo-redesign .top-nav {
  background:
    linear-gradient(90deg, rgba(20, 12, 8, 0.9), rgba(35, 18, 12, 0.82)),
    rgba(20, 12, 8, 0.86);
  border: 1px solid rgba(255, 250, 240, 0.14);
  color: #fffaf0;
  max-width: 1320px;
}

.seo-redesign .top-nav::after {
  background: linear-gradient(90deg, #d33227, #f4b63f, #117d76, #493a8c);
  height: 4px;
}

.seo-redesign .brand-label,
.seo-redesign .nav-links a {
  color: #fffaf0;
}

.seo-redesign .logo-mark {
  background: rgba(255, 250, 240, 0.96);
  border-color: rgba(255, 250, 240, 0.9);
}

.seo-redesign .nav-ghost,
.seo-redesign .nav-cta,
.seo-redesign .secondary-button,
.seo-redesign .language-toggle {
  background: rgba(255, 250, 240, 0.09);
  border-color: rgba(255, 250, 240, 0.16);
  color: #fffaf0;
}

.seo-redesign .language-toggle button,
.seo-redesign .language-toggle a {
  color: rgba(255, 250, 240, 0.78);
}

.seo-redesign .language-toggle button.active,
.seo-redesign .language-toggle a.active {
  background: #fffaf0;
  color: #140c08;
}

.seo-redesign .seo-topic-links {
  max-width: 1280px;
}

.seo-redesign .seo-topic-links a {
  background: rgba(255, 250, 240, 0.1);
  border-color: rgba(255, 250, 240, 0.16);
  color: #fffaf0;
}

.seo-redesign .seo-topic-links a:hover {
  background: #f4b63f;
  color: #140c08;
}

.seo-redesign .seo-landing-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(244, 182, 63, 0.24), transparent 17rem),
    radial-gradient(circle at 84% 36%, rgba(211, 50, 39, 0.18), transparent 23rem),
    linear-gradient(135deg, rgba(255, 250, 240, 0.08), transparent 35%);
  border: 1px solid rgba(255, 250, 240, 0.1);
  border-radius: 44px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.24);
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.66fr);
  margin-top: 22px;
  max-width: 1360px;
  padding: clamp(48px, 6vw, 86px) clamp(24px, 5vw, 72px);
}

.seo-redesign .seo-landing-hero h1 {
  color: #fffaf0;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.9rem, 5.9vw, 6.8rem);
  font-weight: 980;
  letter-spacing: -0.075em;
  line-height: 0.88;
}

.seo-redesign .seo-landing-hero p {
  color: rgba(255, 250, 240, 0.78);
}

.seo-redesign .seo-landing-hero .eyebrow {
  color: #ffd66f;
}

.seo-redesign .seo-price-note {
  background: rgba(255, 250, 240, 0.1);
  border-color: rgba(255, 250, 240, 0.16);
  color: #ffd66f;
}

.seo-redesign .seo-hero-image {
  background: #fff4dc;
  border: 0;
  border-radius: 30px;
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.26);
  transform: rotate(2deg);
}

.seo-redesign .seo-hero-image img {
  border: 1px solid rgba(20, 12, 8, 0.12);
}

.seo-redesign .seo-content-grid,
.seo-redesign .seo-steps-section,
.seo-redesign .seo-faq-section,
.seo-redesign .seo-related-section {
  background: #fffaf0;
  color: #140c08;
  max-width: 1360px;
  padding: clamp(44px, 6vw, 78px) clamp(24px, 5vw, 72px);
}

.seo-redesign .seo-content-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
}

.seo-redesign .seo-content-grid article,
.seo-redesign .flow-step,
.seo-redesign .seo-faq-grid details,
.seo-redesign .seo-related-grid a {
  background: #fff4dc;
  border: 1px solid rgba(20, 12, 8, 0.09);
  border-radius: 28px;
  box-shadow: 0 14px 32px rgba(67, 34, 17, 0.08);
}

.seo-redesign .section-heading h2,
.seo-redesign .seo-content-grid h2,
.seo-redesign .seo-faq-section h2,
.seo-redesign .seo-steps-section h2,
.seo-redesign .seo-related-section h2 {
  color: #140c08;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 980;
  letter-spacing: -0.055em;
}

.seo-redesign .section-heading p,
.seo-redesign .seo-content-grid ul,
.seo-redesign .seo-faq-grid p,
.seo-redesign .seo-related-grid span {
  color: #654738;
}

.seo-redesign .final-cta {
  background:
    radial-gradient(circle at 78% 28%, rgba(244, 182, 63, 0.26), transparent 20rem),
    linear-gradient(135deg, #d33227, #8f1d16 52%, #140c08);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fffaf0;
  max-width: none;
}

.seo-redesign .site-footer {
  background: #140c08;
  border: 0;
  border-radius: 0;
  color: #fffaf0;
  max-width: none;
}

@media (max-width: 980px) {
  .seo-redesign .seo-landing-hero,
  .seo-redesign .seo-content-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .seo-redesign .top-nav {
    background: rgba(20, 12, 8, 0.98);
  }

  .seo-redesign .nav-links {
    background: rgba(20, 12, 8, 0.98);
  }

  .seo-redesign .seo-landing-hero {
    border-radius: 0 0 32px 32px;
    margin-top: 0;
  }

  .seo-redesign .seo-landing-hero h1 {
    font-size: clamp(2.7rem, 13vw, 4.65rem);
  }
}

/* Premium editorial builder studio */
.builder-page {
  --studio-bg: #f8f1e5;
  --studio-canvas: #fffaf0;
  --studio-surface: rgba(255, 252, 244, 0.86);
  --studio-surface-strong: rgba(255, 250, 240, 0.96);
  --studio-ink: #17100c;
  --studio-muted: #6b5a4f;
  --studio-soft: #9b8879;
  --studio-red: #b6241b;
  --studio-red-dark: #7d1712;
  --studio-green: #1f6f4c;
  --studio-gold: #d79a29;
  --studio-line: rgba(23, 16, 12, 0.11);
  --studio-line-strong: rgba(23, 16, 12, 0.18);
  --studio-shadow: 0 28px 80px rgba(50, 31, 20, 0.13);
  --studio-soft-shadow: 0 14px 36px rgba(50, 31, 20, 0.09);
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.2), rgba(255, 250, 240, 0.82)),
    repeating-linear-gradient(135deg, rgba(23, 16, 12, 0.025) 0 1px, transparent 1px 14px),
    var(--studio-bg);
  color: var(--studio-ink);
}

.builder-page::before {
  background-image:
    linear-gradient(90deg, rgba(23, 16, 12, 0.03) 1px, transparent 1px),
    linear-gradient(180deg, rgba(23, 16, 12, 0.025) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.42), transparent 66%);
  opacity: 0.34;
}

.builder-page .top-nav {
  background: rgba(255, 250, 240, 0.88);
  border: 1px solid var(--studio-line);
  border-radius: 24px;
  box-shadow: 0 18px 48px rgba(42, 25, 16, 0.12);
  padding: 10px 12px;
}

.builder-page .top-nav::after {
  background: linear-gradient(90deg, var(--studio-red), var(--studio-gold), var(--studio-green));
  bottom: -6px;
  height: 3px;
  left: 44px;
  right: 44px;
}

.builder-page .brand-label,
.builder-page .nav-links a,
.builder-page .nav-ghost,
.builder-page .secondary-button {
  color: var(--studio-ink);
}

.builder-page .nav-ghost,
.builder-page .nav-cta,
.builder-page .secondary-button {
  background: rgba(255, 250, 240, 0.7);
  border: 1px solid var(--studio-line);
  box-shadow: none;
}

.builder-page .primary-button,
.builder-page .nav-cta.primary-button {
  background: var(--studio-red);
  border: 1px solid rgba(125, 23, 18, 0.24);
  box-shadow: 0 14px 30px rgba(182, 36, 27, 0.2);
  color: #fffaf0;
}

.builder-page .primary-button:hover,
.builder-page .secondary-button:hover,
.builder-page .nav-ghost:hover,
.builder-page .nav-cta:hover {
  border-color: rgba(182, 36, 27, 0.28);
  box-shadow: 0 18px 36px rgba(50, 31, 20, 0.12);
  transform: translateY(-1px);
}

.builder-page .secondary-button:hover,
.builder-page .nav-ghost:hover,
.builder-page .nav-cta:not(.primary-button):hover {
  background: rgba(255, 250, 240, 0.96);
}

.builder-page .danger-button,
.builder-page .danger-link {
  background: rgba(182, 36, 27, 0.08);
  border-color: rgba(182, 36, 27, 0.18);
  color: var(--studio-red) !important;
}

.builder-page .builder-shell {
  max-width: 1720px;
  padding: 18px clamp(18px, 2.4vw, 34px) 54px;
}

.builder-page .builder-status-strip {
  background: transparent;
  border: 0;
  box-shadow: none;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 10px;
  padding: 0;
}

.builder-page .builder-status-strip span,
.builder-page .save-status,
.builder-page .success-badge,
.builder-page .warning-badge,
.builder-page .upload-count,
.builder-page .busy-banner {
  background: rgba(255, 250, 240, 0.78);
  border: 1px solid var(--studio-line);
  border-radius: 999px;
  box-shadow: none;
  color: var(--studio-muted);
  font-size: 0.78rem;
  font-weight: 820;
  letter-spacing: 0.01em;
  padding: 8px 11px;
}

.builder-page .small-button,
.builder-page .builder-status-strip .small-button {
  background: rgba(255, 250, 240, 0.72);
  border: 1px solid var(--studio-line);
  border-radius: 999px;
  box-shadow: none;
  color: var(--studio-ink);
  font-size: 0.82rem;
  font-weight: 820;
  min-height: 36px;
  padding: 0 14px;
}

.builder-page .builder-intro {
  align-items: end;
  gap: clamp(16px, 3vw, 42px);
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.52fr);
  margin: 8px 0 16px;
}

.builder-page .builder-intro .eyebrow,
.builder-page .studio-panel-header .eyebrow {
  color: var(--studio-red);
  font-size: 0.76rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.builder-page .builder-intro h1 {
  color: var(--studio-ink);
  font-size: clamp(2.55rem, 4.2vw, 5.35rem);
  letter-spacing: -0.07em;
  line-height: 0.9;
}

.builder-page .builder-intro p:last-child {
  color: var(--studio-muted);
  font-size: clamp(0.95rem, 1.1vw, 1.08rem);
  font-weight: 620;
  line-height: 1.5;
  max-width: 560px;
}

.builder-page .stepper {
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.82), rgba(255, 250, 240, 0.58)),
    rgba(255, 250, 240, 0.74);
  border: 1px solid var(--studio-line);
  border-radius: 24px;
  box-shadow: var(--studio-soft-shadow);
  gap: 4px;
  margin-bottom: 18px;
  overflow: hidden;
  padding: 6px;
  position: relative;
}

.builder-page .stepper::before {
  background: linear-gradient(90deg, transparent, rgba(23, 16, 12, 0.14), transparent);
  content: "";
  height: 1px;
  left: 9%;
  position: absolute;
  right: 9%;
  top: 50%;
}

.builder-page .step-pill {
  border-radius: 18px;
  color: var(--studio-muted);
  gap: 8px;
  min-height: 42px;
  padding: 5px 8px;
  position: relative;
  z-index: 1;
}

.builder-page .step-pill span {
  background: var(--studio-canvas);
  border: 1px solid var(--studio-line);
  color: var(--studio-muted);
  font-size: 0.8rem;
  height: 28px;
  width: 28px;
}

.builder-page .step-pill small {
  font-size: 0.78rem;
  font-weight: 760;
  letter-spacing: 0.01em;
}

.builder-page .step-pill.active {
  background: var(--studio-ink);
  box-shadow: 0 14px 28px rgba(23, 16, 12, 0.18);
  color: #fffaf0;
}

.builder-page .step-pill.active span {
  background: #fffaf0;
  border-color: #fffaf0;
  color: var(--studio-red);
}

.builder-page .step-pill.complete:not(.active) {
  color: var(--studio-green);
}

.builder-page .step-pill.complete:not(.active) span {
  background: rgba(31, 111, 76, 0.1);
  border-color: rgba(31, 111, 76, 0.18);
  color: var(--studio-green);
}

.builder-page .builder-panel,
.builder-page .studio-panel {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.94), rgba(255, 248, 236, 0.82)),
    var(--studio-surface);
  border: 1px solid var(--studio-line);
  border-radius: 32px;
  box-shadow: var(--studio-shadow);
}

.builder-page .studio-panel {
  overflow: hidden;
  padding: 0;
}

.builder-page .studio-panel-header {
  align-items: center;
  background:
    linear-gradient(90deg, rgba(255, 252, 244, 0.98), rgba(247, 239, 224, 0.82)),
    var(--studio-canvas);
  border-bottom: 1px solid var(--studio-line);
  padding: 22px clamp(22px, 2.2vw, 36px);
}

.builder-page .studio-panel-header h2 {
  color: var(--studio-ink);
  font-size: clamp(1.85rem, 2.7vw, 3.15rem);
  letter-spacing: -0.035em;
  line-height: 0.96;
  word-spacing: 0.05em;
}

.builder-page .studio-panel-header .soft-copy {
  color: var(--studio-muted);
  font-size: 0.94rem;
  font-weight: 610;
  line-height: 1.48;
  max-width: 760px;
}

.builder-page .builder-studio-layout {
  background:
    linear-gradient(90deg, rgba(23, 16, 12, 0.035), transparent 1px, transparent calc(100% - 1px), rgba(23, 16, 12, 0.035)),
    rgba(255, 250, 240, 0.28);
  grid-template-columns: minmax(260px, 300px) minmax(560px, 1fr) minmax(260px, 310px);
  min-height: min(760px, calc(100vh - 250px));
}

.builder-page .studio-sidebar {
  gap: 12px;
  padding: 18px;
}

.builder-page .studio-settings {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.74), rgba(248, 241, 229, 0.58)),
    rgba(255, 250, 240, 0.5);
  border-right: 1px solid var(--studio-line);
}

.builder-page .studio-guidance {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.86), rgba(248, 241, 229, 0.66)),
    rgba(255, 250, 240, 0.54);
  border-left: 1px solid var(--studio-line);
  position: sticky;
  top: 102px;
}

.builder-page .studio-main {
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.44), rgba(255, 250, 240, 0.72)),
    repeating-linear-gradient(135deg, rgba(23, 16, 12, 0.018) 0 1px, transparent 1px 18px);
  gap: 18px;
  padding: clamp(18px, 2.2vw, 30px);
}

.builder-page .studio-action-card,
.builder-page .download-card,
.builder-page .generator-card,
.builder-page .template-section-card,
.builder-page .text-style-card,
.builder-page .design-control-card,
.builder-page .label-style-panel,
.builder-page .photo-edit,
.builder-page .upload-progress-card,
.builder-page .cards-main-head,
.builder-page .ai-glow-panel {
  background: var(--studio-surface-strong);
  border: 1px solid var(--studio-line);
  border-radius: 20px;
  box-shadow: 0 10px 26px rgba(50, 31, 20, 0.06);
}

.builder-page .studio-action-card {
  gap: 8px;
  padding: 15px;
}

.builder-page .studio-action-card.success {
  background: linear-gradient(135deg, rgba(31, 111, 76, 0.1), rgba(255, 250, 240, 0.92));
  border-color: rgba(31, 111, 76, 0.16);
}

.builder-page .studio-action-card.warning {
  background: linear-gradient(135deg, rgba(182, 36, 27, 0.09), rgba(255, 250, 240, 0.92));
  border-color: rgba(182, 36, 27, 0.18);
}

.builder-page .studio-action-card strong,
.builder-page .project-start-card h3,
.builder-page .cards-main-head strong,
.builder-page .feature-card h3,
.builder-page .generator-card h3,
.builder-page .download-card h3 {
  color: var(--studio-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.builder-page .studio-action-card p,
.builder-page .soft-copy,
.builder-page .studio-settings .soft-copy,
.builder-page .studio-guidance .soft-copy,
.builder-page .cards-main-head p,
.builder-page .project-start-card > p {
  color: var(--studio-muted);
  font-weight: 610;
}

.builder-page .studio-stat-grid span {
  color: var(--studio-red);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 2rem;
  letter-spacing: -0.05em;
}

.builder-page label span,
.builder-page .control-label {
  color: var(--studio-muted);
  font-size: 0.77rem;
  font-weight: 780;
  letter-spacing: 0.02em;
}

.builder-page input,
.builder-page select,
.builder-page textarea,
.builder-page .template-select-label select,
.builder-page .color-inline,
.builder-page .weight-picker,
.builder-page .alignment-picker {
  background: rgba(255, 250, 240, 0.9);
  border: 1px solid var(--studio-line);
  border-radius: 13px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
  color: var(--studio-ink);
}

.builder-page input,
.builder-page select,
.builder-page textarea {
  font-size: 0.92rem;
  min-height: 42px;
  padding: 0 12px;
}

.builder-page textarea {
  min-height: 84px;
  padding: 11px 12px;
}

.builder-page input:focus,
.builder-page select:focus,
.builder-page textarea:focus {
  border-color: rgba(31, 111, 76, 0.42);
  box-shadow: 0 0 0 4px rgba(31, 111, 76, 0.11);
  outline: 0;
}

.builder-page .project-start-card {
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.94), rgba(241, 234, 219, 0.76)),
    var(--studio-canvas);
  border: 1px solid var(--studio-line);
  border-radius: 26px;
  box-shadow: none;
  min-height: 260px;
  padding: clamp(22px, 3vw, 38px);
}

.builder-page .project-start-card .logo-mark {
  height: 42px;
  width: 42px;
}

.builder-page .project-start-card h3 {
  font-size: clamp(2rem, 4vw, 4.5rem);
  letter-spacing: -0.07em;
}

.builder-page .project-access-callout {
  background: rgba(255, 250, 240, 0.74);
  border: 1px solid var(--studio-line);
  border-radius: 20px;
  padding: 14px;
}

.builder-page .drop-zone {
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.86), rgba(255, 250, 240, 0.64)),
    repeating-linear-gradient(135deg, rgba(23, 16, 12, 0.025) 0 1px, transparent 1px 12px);
  border: 1.5px dashed rgba(182, 36, 27, 0.28);
  border-radius: 22px;
  box-shadow: none;
}

.builder-page .studio-settings .drop-zone {
  min-height: 152px;
  padding: 14px;
}

.builder-page .drop-art {
  background:
    linear-gradient(135deg, var(--studio-red) 0 48%, var(--studio-gold) 48% 68%, var(--studio-green) 68%),
    var(--studio-red);
  border: 4px solid rgba(255, 250, 240, 0.96);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(50, 31, 20, 0.12);
  height: 50px;
  margin-bottom: 10px;
  width: 72px;
}

.builder-page .drop-art::before,
.builder-page .drop-art::after {
  height: 14px;
  width: 14px;
}

.builder-page .cards-main {
  gap: 18px;
}

.builder-page .cards-main-head {
  background:
    linear-gradient(90deg, rgba(255, 250, 240, 0.96), rgba(243, 236, 222, 0.74));
  padding: 16px 18px;
}

.builder-page .cards-main-head span {
  background: var(--studio-ink);
  box-shadow: none;
  color: #fffaf0;
}

.builder-page .card-grid {
  gap: 18px;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
}

.builder-page .card-editor {
  background: rgba(255, 252, 244, 0.9);
  border: 1px solid var(--studio-line);
  border-radius: 22px;
  box-shadow: 0 12px 32px rgba(50, 31, 20, 0.08);
  gap: 11px;
  padding: 14px;
}

.builder-page .card-preview,
.builder-page .card-preview-canvas {
  border-color: rgba(255, 250, 240, 0.98);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(50, 31, 20, 0.13);
}

.builder-page .card-tools,
.builder-page .crop-toggle,
.builder-page .secondary-downloads {
  gap: 6px;
}

.builder-page .card-tools button,
.builder-page .crop-toggle button,
.builder-page .secondary-downloads button {
  background: rgba(255, 250, 240, 0.86);
  border: 1px solid var(--studio-line);
  border-radius: 999px;
  color: var(--studio-muted);
  font-size: 0.75rem;
  font-weight: 780;
}

.builder-page .crop-toggle {
  background: rgba(23, 16, 12, 0.06);
}

.builder-page .crop-toggle button.active {
  background: var(--studio-ink);
  color: #fffaf0;
}

.builder-page .ai-glow-panel {
  overflow: hidden;
}

.builder-page .cards-studio-panel .ai-glow-panel {
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 220, 104, 0.28), transparent 30%),
    radial-gradient(circle at 92% 88%, rgba(27, 116, 97, 0.14), transparent 35%),
    linear-gradient(135deg, #fff7df, #fffdf7 52%, #f1fbf5);
  border-color: rgba(77, 45, 28, 0.12);
  color: var(--studio-ink);
}

.builder-page .cards-studio-panel .ai-glow-copy h3,
.builder-page .cards-studio-panel .ai-glow-copy p,
.builder-page .cards-studio-panel .ai-glow-kicker {
  color: var(--studio-ink);
}

.builder-page .cards-studio-panel .ai-glow-copy p {
  opacity: 1;
}

.builder-page .ai-token-pill {
  background: rgba(255, 253, 247, 0.9);
  border: 1px solid rgba(77, 45, 28, 0.12);
  color: var(--studio-ink);
}

.builder-page .ai-card-tools {
  gap: 8px;
}

.builder-page .sparkle-button {
  background: linear-gradient(135deg, var(--studio-red), #1b7461);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(182, 36, 27, 0.16);
  color: #fffaf0;
  font-weight: 860;
}

.builder-page .template-section-card,
.builder-page .text-style-card,
.builder-page .design-control-card {
  padding: 12px;
}

.builder-page .template-section-card summary,
.builder-page .text-style-card summary,
.builder-page .design-control-card summary {
  border-radius: 14px;
}

.builder-page .text-style-icon {
  background: var(--studio-ink);
  border-radius: 10px;
}

.builder-page .template-current-preview,
.builder-page .conditional-background-controls,
.builder-page .font-live-preview {
  background: rgba(255, 250, 240, 0.72);
  border: 1px solid var(--studio-line);
  border-radius: 16px;
}

.builder-page .designer-preview,
.builder-page .single-board-preview-panel {
  align-content: start;
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.7), rgba(244, 237, 224, 0.62));
  border: 1px solid var(--studio-line);
  border-radius: 28px;
  display: grid;
  gap: 14px;
  justify-items: center;
  min-height: 560px;
  padding: clamp(16px, 2vw, 28px);
}

.builder-page .canvas-board-preview {
  background: rgba(255, 250, 240, 0.94);
  border: 1px solid var(--studio-line);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(50, 31, 20, 0.14);
  padding: 10px;
}

.builder-page .empty-gallery,
.builder-page .cards-empty-state {
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.82), rgba(248, 241, 229, 0.72));
  border: 1px dashed rgba(23, 16, 12, 0.18);
  border-radius: 24px;
  box-shadow: none;
}

.builder-page .mixing-bar,
.builder-page .upload-progress-track {
  background: rgba(23, 16, 12, 0.08);
  height: 7px;
}

.builder-page .mixing-bar span,
.builder-page .upload-progress-track i {
  background: linear-gradient(90deg, var(--studio-red), var(--studio-gold), var(--studio-green));
}

@media (max-width: 1320px) {
  .builder-page .builder-studio-layout {
    grid-template-columns: minmax(240px, 280px) minmax(480px, 1fr) minmax(240px, 280px);
  }

  .builder-page .studio-sidebar {
    padding: 14px;
  }

  .builder-page .card-grid {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  }

  .builder-page .cards-studio-panel .ai-glow-panel {
    grid-template-columns: minmax(240px, 1fr) minmax(190px, auto);
  }

  .builder-page .cards-studio-panel .ai-glow-controls {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .builder-page .cards-studio-panel .ai-main-cta {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1080px) {
  .builder-page .builder-intro,
  .builder-page .builder-studio-layout {
    grid-template-columns: 1fr;
  }

  .builder-page .studio-settings,
  .builder-page .studio-guidance {
    border-left: 0;
    border-right: 0;
    position: static;
  }

  .builder-page .studio-settings {
    border-bottom: 1px solid var(--studio-line);
  }

  .builder-page .studio-guidance {
    border-top: 1px solid var(--studio-line);
  }

  .builder-page .studio-sidebar,
  .builder-page .studio-main {
    padding: 18px;
  }

  .builder-page .cards-sidebar,
  .builder-page .generator-sidebar {
    position: static;
  }

  .builder-page .stepper {
    overflow-x: auto;
    grid-template-columns: repeat(5, minmax(160px, 1fr));
  }
}

@media (max-width: 760px) {
  .builder-page .cards-studio-panel .ai-glow-panel,
  .builder-page .cards-studio-panel .ai-glow-controls {
    grid-template-columns: 1fr;
  }

  .builder-page .cards-studio-panel .ai-glow-demo {
    order: -1;
  }
}

@media (max-width: 700px) {
  .builder-page .top-nav {
    border-radius: 0 0 22px 22px;
    margin-top: 0;
  }

  .builder-page .builder-shell {
    padding: 14px 12px 42px;
  }

  .builder-page .builder-intro {
    margin-top: 14px;
  }

  .builder-page .builder-intro h1 {
    font-size: clamp(2.55rem, 14vw, 4rem);
  }

  .builder-page .stepper {
    border-radius: 18px;
    margin-left: -2px;
    margin-right: -2px;
    padding: 5px;
  }

  .builder-page .step-pill {
    justify-content: start;
    min-height: 40px;
  }

  .builder-page .studio-panel,
  .builder-page .builder-panel {
    border-radius: 24px;
  }

  .builder-page .studio-panel-header {
    align-items: start;
    display: grid;
    padding: 20px;
  }

  .builder-page .studio-panel-header h2 {
    font-size: clamp(1.9rem, 10vw, 3rem);
  }

  .builder-page .studio-sidebar,
  .builder-page .studio-main {
    padding: 14px;
  }

  .builder-page .card-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }

  .builder-page .designer-preview,
  .builder-page .single-board-preview-panel {
    min-height: 420px;
    padding: 12px;
  }

  .builder-page .studio-action-row {
    position: static;
  }
}

/* Support-first admin cockpit */
.admin-page {
  --admin-ink: #17100c;
  --admin-muted: #6b5a4f;
  --admin-red: #b6241b;
  --admin-green: #1f6f4c;
  --admin-gold: #d79a29;
  --admin-line: rgba(23, 16, 12, 0.11);
  --admin-surface: rgba(255, 250, 240, 0.88);
}

.admin-page .admin-shell {
  max-width: 1740px;
}

.admin-hero-panel,
.admin-cockpit,
.admin-command-card,
.admin-context-card,
.admin-card-table,
.admin-background-tile {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.96), rgba(255, 248, 236, 0.82)),
    var(--admin-surface);
  border: 1px solid var(--admin-line);
  border-radius: 28px;
  box-shadow: 0 22px 58px rgba(50, 31, 20, 0.1);
}

.admin-hero-panel {
  align-items: end;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 18px 0;
  padding: clamp(22px, 3vw, 38px);
}

.admin-hero-panel h2 {
  color: var(--admin-ink);
  font-size: clamp(2.35rem, 4vw, 5.25rem);
  letter-spacing: -0.045em;
  line-height: 0.92;
  margin: 0;
  word-spacing: 0.08em;
}

.admin-quick-actions,
.admin-filter-bar,
.inline-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.admin-quick-actions {
  justify-content: end;
}

.admin-cockpit {
  display: grid;
  gap: 18px;
  padding: clamp(18px, 2.4vw, 32px);
}

.admin-page .admin-cockpit-summary {
  grid-template-columns: repeat(8, minmax(120px, 1fr));
}

.admin-health-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(6, minmax(160px, 1fr));
}

.admin-health-card {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.9), transparent 44%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 250, 246, 0.9));
  border: 1px solid var(--admin-line);
  border-top: 5px solid var(--loteria-blue, #20aeea);
  border-radius: 24px;
  box-shadow: 0 16px 34px rgba(24, 16, 10, 0.07);
  color: var(--admin-ink);
  cursor: pointer;
  display: grid;
  gap: 14px;
  padding: 16px;
  text-align: left;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.admin-health-card:hover {
  box-shadow: 0 20px 42px rgba(24, 16, 10, 0.1);
  transform: translateY(-2px);
}

.admin-health-card.green { border-top-color: var(--loteria-green, #1f9d58); }
.admin-health-card.blue { border-top-color: var(--loteria-blue, #20aeea); }
.admin-health-card.gold { border-top-color: var(--loteria-yellow, #f7bf2d); }
.admin-health-card.purple { border-top-color: var(--loteria-purple, #6b4bd8); }
.admin-health-card.teal { border-top-color: #11a7a0; }
.admin-health-card.red { border-top-color: var(--loteria-red, #d5251f); }

.admin-health-card > strong {
  font-size: 1.2rem;
  letter-spacing: -0.025em;
}

.admin-health-card > div {
  display: grid;
  gap: 8px;
}

.admin-health-card > div span {
  align-items: center;
  background: rgba(23, 16, 12, 0.045);
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  padding: 9px 10px;
}

.admin-health-card em {
  color: var(--admin-muted);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 850;
}

.admin-health-card b {
  color: var(--admin-ink);
  font-size: 0.96rem;
  font-weight: 950;
}

.admin-page .admin-summary-grid article {
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.9), rgba(255, 250, 240, 0.66)),
    #fffaf0;
  border: 1px solid var(--admin-line);
  box-shadow: none;
}

.admin-page .admin-tabs {
  background: rgba(255, 250, 240, 0.72);
  border-color: var(--admin-line);
  border-radius: 22px;
}

.admin-page .admin-tabs button.active,
.admin-page .admin-tabs button:hover {
  background: var(--admin-ink);
  color: #fffaf0;
}

.admin-message {
  border-radius: 18px;
  margin: 0;
}

.admin-dashboard-grid {
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.admin-command-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.admin-command-card h3 {
  font-size: clamp(1.35rem, 2vw, 2rem);
  letter-spacing: -0.04em;
  margin: 0;
}

.admin-command-list,
.admin-feed-list,
.admin-context-stack,
.admin-mini-feed,
.admin-related-list {
  display: grid;
  gap: 10px;
}

.admin-command-list button,
.admin-feed-list button,
.admin-context-stack button,
.admin-related-item {
  background: rgba(255, 250, 240, 0.86);
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  color: var(--admin-ink);
  cursor: pointer;
  padding: 13px;
  text-align: left;
  transition: border 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.admin-command-list button:hover,
.admin-feed-list button:hover,
.admin-context-stack button:hover,
.admin-related-item:hover {
  border-color: rgba(182, 36, 27, 0.24);
  box-shadow: 0 12px 28px rgba(50, 31, 20, 0.1);
  transform: translateY(-1px);
}

.admin-feed-list strong,
.admin-context-stack strong,
.admin-related-item strong {
  display: block;
  font-size: 0.94rem;
}

.admin-feed-list span,
.admin-context-stack span,
.admin-related-item small {
  color: var(--admin-muted);
  display: block;
  font-size: 0.82rem;
  font-weight: 720;
  margin-top: 3px;
}

.admin-filter-bar {
  background: rgba(255, 250, 240, 0.76);
  border: 1px solid var(--admin-line);
  border-radius: 22px;
  padding: 10px;
}

.admin-filter-bar input,
.admin-filter-bar select {
  flex: 1 1 210px;
  min-width: 0;
}

.support-admin-panel {
  display: grid;
  gap: 16px;
}

.support-workspace-header {
  align-items: end;
  background: linear-gradient(135deg, #fff 0%, #fff8ee 55%, #f4efff 100%);
  border: 1px solid var(--admin-line);
  border-radius: 26px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 20px;
}

.support-workspace-header h2 { color: var(--admin-ink); margin: 4px 0 5px; }
.support-workspace-header p { color: var(--admin-muted); margin: 0; max-width: 660px; }
.support-workspace-switcher { background: #fff; border: 1px solid var(--admin-line); border-radius: 16px; display: flex; gap: 4px; padding: 4px; }
.support-workspace-switcher button { align-items: center; background: transparent; border: 0; border-radius: 12px; color: var(--admin-muted); cursor: pointer; display: flex; font-weight: 850; gap: 8px; padding: 10px 13px; white-space: nowrap; }
.support-workspace-switcher button.active { background: #241b34; color: #fff; }
.support-workspace-switcher button span { align-items: center; background: rgba(128, 113, 147, 0.16); border-radius: 999px; display: inline-flex; font-size: .72rem; justify-content: center; min-width: 23px; padding: 3px 6px; }
.support-workspace-switcher button span.alert { background: #fee2e2; color: #a61b1b; }
.support-inbox-toolbar { position: sticky; top: 8px; z-index: 4; }

.support-inbox-workspace {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
}

.support-ticket-list {
  background: rgba(255,255,255,.92);
  border: 1px solid var(--admin-line);
  border-radius: 22px;
  display: grid;
  gap: 7px;
  max-height: 72vh;
  overflow: auto;
  padding: 8px;
  position: sticky;
  top: 82px;
}

.support-ticket-preview { background: transparent; border: 1px solid transparent; border-radius: 15px; color: var(--admin-ink); cursor: pointer; display: grid; gap: 6px; padding: 12px; text-align: left; width: 100%; }
.support-ticket-preview:hover { background: #fffaf2; }
.support-ticket-preview.active { background: #f5f0ff; border-color: #d6c8f5; box-shadow: inset 3px 0 #7654c9; }
.support-ticket-preview-top, .support-ticket-preview-bottom { align-items: center; display: flex; gap: 7px; justify-content: space-between; }
.support-ticket-preview-top strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-preview-top time { color: var(--admin-muted); font-size: .7rem; white-space: nowrap; }
.support-ticket-preview-subject { color: var(--admin-muted); font-size: .82rem; font-weight: 740; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-preview-bottom { color: var(--admin-muted); font-size: .7rem; justify-content: flex-start; text-transform: capitalize; }
.support-ticket-preview-bottom b { background: #e93186; border-radius: 999px; color: #fff; margin-left: auto; min-width: 20px; padding: 2px 6px; text-align: center; }
.status-dot { background: #20aeea; border-radius: 50%; height: 8px; width: 8px; }
.status-dot.awaiting_support, .status-dot.open { background: #e93186; }
.status-dot.awaiting_customer, .status-dot.in_progress { background: #f7bf2d; }
.status-dot.resolved, .status-dot.closed { background: #1f9d58; }
.support-conversation-workspace { min-width: 0; }
.support-conversation-workspace .support-request-card { min-height: 520px; }

@media (max-width: 840px) {
  .support-workspace-header { align-items: stretch; flex-direction: column; }
  .support-workspace-switcher { width: 100%; }
  .support-workspace-switcher button { flex: 1; justify-content: center; }
  .support-inbox-workspace { grid-template-columns: 1fr; }
  .support-ticket-list { max-height: 240px; position: static; }
  .support-contact-strip { display: none; }
}

.support-empty-card,
.support-request-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 250, 240, 0.88)),
    #fffaf0;
  border: 1px solid var(--admin-line);
  border-radius: 24px;
  box-shadow: 0 14px 36px rgba(50, 31, 20, 0.08);
}

.support-empty-card h3,
.support-request-card h3 {
  color: var(--admin-ink);
  font-size: clamp(1.35rem, 2vw, 2rem);
  letter-spacing: -0.04em;
  line-height: 1;
  margin: 0;
}

.support-contact-strip {
  align-items: center;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--admin-line);
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  padding: 12px 14px;
}

.support-contact-strip span {
  color: var(--admin-muted);
  font-size: 0.9rem;
  font-weight: 820;
  line-height: 1.35;
}

.email-operations-panel {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--admin-line);
  border-radius: 22px;
  display: grid;
  gap: 14px;
  padding: 16px;
}

.email-operations-panel > .section-minihead {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.email-operations-panel > .section-minihead > div:first-child {
  display: grid;
  gap: 3px;
}

.email-ops-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.email-ops-summary span {
  background: #f2f5f8;
  border: 1px solid #d9e2ef;
  border-radius: 999px;
  color: #4b5563;
  font-size: 0.76rem;
  font-weight: 800;
  padding: 7px 10px;
}

.email-ops-summary span.has-alert {
  background: #fff0f0;
  border-color: #efb1b1;
  color: #a61b1b;
}

.email-operations-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.email-event-card.etsy-exception-card {
  grid-column: 1 / -1;
}

.email-event-list {
  display: grid;
  gap: 9px;
  max-height: 520px;
  overflow: auto;
}

.email-event-row,
.email-provider-row {
  align-items: start;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 13px;
  display: grid;
  gap: 8px;
  padding: 11px;
}

.email-event-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.email-event-row > div:first-child,
.email-provider-row > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.email-event-row strong,
.email-provider-row strong {
  color: #172033;
  font-size: 0.84rem;
  overflow-wrap: anywhere;
}

.email-event-row span,
.email-provider-row span,
.email-event-row small,
.email-provider-row small {
  color: #64748b;
  font-size: 0.74rem;
  overflow-wrap: anywhere;
}

.email-event-row > p {
  color: #9b1c1c;
  font-size: 0.74rem;
  grid-column: 1 / -1;
  margin: 0;
  max-height: 4.3em;
  overflow: auto;
  white-space: pre-wrap;
}

.email-event-actions {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.email-provider-row {
  grid-template-columns: auto minmax(0, 1fr);
}

.status-badge.failed,
.status-badge.bounced,
.status-badge.complained,
.status-badge.suppressed {
  background: #fff0f0;
  border-color: #efb1b1;
  color: #a61b1b;
}

.status-badge.queued,
.status-badge.sending,
.status-badge.sent {
  background: #eef5ff;
  border-color: #b8d2f3;
  color: #245c9c;
}

@media (max-width: 900px) {
  .email-operations-grid { grid-template-columns: 1fr; }
  .email-event-card.etsy-exception-card { grid-column: auto; }
}

.support-request-list {
  display: grid;
  gap: 14px;
}

.support-request-card {
  border-left: 6px solid var(--loteria-blue, #20aeea);
  display: grid;
  gap: 14px;
  padding: 16px;
}

.support-request-card.open { border-left-color: var(--loteria-magenta, #e93186); }
.support-request-card.in_progress { border-left-color: var(--loteria-yellow, #f7bf2d); }
.support-request-card.resolved,
.support-request-card.closed { border-left-color: var(--loteria-green, #1f9d58); }

.support-request-top,
.support-request-main,
.support-context-list {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.support-request-top {
  justify-content: space-between;
}

.support-request-top time {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.support-request-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.32fr);
}

.support-request-main p {
  color: var(--admin-muted);
  font-weight: 780;
  line-height: 1.5;
  margin: 8px 0 0;
  white-space: pre-wrap;
}

.support-request-main aside {
  background: rgba(32, 174, 234, 0.08);
  border: 1px solid rgba(32, 174, 234, 0.16);
  border-radius: 18px;
  display: grid;
  gap: 6px;
  padding: 12px;
}

.support-request-main aside strong {
  color: var(--admin-ink);
}

.support-request-main aside a {
  color: var(--loteria-green, #1f9d58);
  font-size: 0.86rem;
  font-weight: 950;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.support-request-main aside span,
.support-context-list span {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.support-context-list span {
  background: rgba(23, 16, 12, 0.045);
  border: 1px solid var(--admin-line);
  border-radius: 999px;
  padding: 7px 10px;
}

.activity-admin-panel,
.activity-overview-grid,
.activity-row-list,
.activity-event-list,
.activity-lead-list {
  display: grid;
  gap: 14px;
}

.activity-kpi-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.activity-kpi-grid article {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 250, 240, 0.86)),
    #fffaf0;
  border: 1px solid var(--admin-line);
  border-radius: 22px;
  box-shadow: 0 12px 30px rgba(50, 31, 20, 0.07);
  display: grid;
  gap: 4px;
  padding: 16px;
}

.activity-kpi-grid article.danger {
  border-color: rgba(213, 37, 31, 0.28);
}

.activity-kpi-grid span,
.activity-kpi-grid small,
.activity-freshness,
.activity-session-row small,
.activity-event-row small,
.activity-lead-row small {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 840;
}

.activity-kpi-grid strong {
  color: var(--admin-ink);
  font-family: "Trebuchet MS", Inter, sans-serif;
  font-size: 2rem;
  line-height: 1;
}

.activity-filter-bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.activity-filter-bar .compact-tabs {
  flex: 2 1 420px;
  margin: 0;
}

.activity-freshness {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.activity-overview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.activity-overview-grid.two-col {
  align-items: start;
}

.activity-session-row,
.activity-event-row,
.activity-lead-row,
.activity-empty-card {
  background: rgba(255, 250, 240, 0.78);
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  padding: 13px;
}

.activity-session-row,
.activity-event-row,
.activity-lead-row {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.activity-session-row strong,
.activity-event-row strong,
.activity-lead-row strong,
.support-activity-block > strong {
  color: var(--admin-ink);
  display: block;
  font-size: 0.95rem;
  overflow-wrap: anywhere;
}

.activity-session-row span,
.activity-lead-row span {
  color: #5f473a;
  display: block;
  font-size: 0.84rem;
  font-weight: 850;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.activity-session-row aside {
  display: grid;
  gap: 4px;
  justify-items: end;
  min-width: 112px;
}

.activity-session-row aside b,
.activity-event-chip {
  background: rgba(107, 75, 216, 0.1);
  border: 1px solid rgba(107, 75, 216, 0.16);
  border-radius: 999px;
  color: var(--loteria-purple, #6b4bd8);
  font-size: 0.72rem;
  font-weight: 950;
  padding: 5px 8px;
  text-transform: capitalize;
}

.activity-session-row time,
.activity-event-row time,
.support-activity-timeline time {
  color: var(--admin-muted);
  font-size: 0.72rem;
  font-weight: 820;
  white-space: nowrap;
}

.activity-event-row {
  border-left: 5px solid var(--loteria-blue, #20aeea);
}

.activity-event-row.severity-warning {
  border-left-color: var(--loteria-yellow, #f7bf2d);
}

.activity-event-row.severity-error {
  border-left-color: var(--loteria-red, #d5251f);
}

.activity-event-row.severity-error .activity-event-chip,
.support-activity-timeline .severity-error b {
  background: rgba(213, 37, 31, 0.1);
  border-color: rgba(213, 37, 31, 0.18);
  color: var(--loteria-red, #d5251f);
}

.activity-event-row.severity-warning .activity-event-chip,
.support-activity-timeline .severity-warning b {
  background: rgba(247, 191, 45, 0.16);
  border-color: rgba(247, 191, 45, 0.28);
  color: #8a5d00;
}

.activity-journey-table-wrap {
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  overflow-x: auto;
}

.activity-journey-table {
  border-collapse: collapse;
  min-width: 1120px;
  width: 100%;
}

.activity-journey-table th,
.activity-journey-table td {
  border-bottom: 1px solid rgba(21, 17, 15, 0.08);
  color: var(--admin-ink);
  font-size: 0.82rem;
  line-height: 1.35;
  padding: 11px 12px;
  text-align: left;
  vertical-align: top;
}

.activity-journey-table th {
  background: #fffaf0;
  color: var(--admin-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  position: sticky;
  top: 0;
  text-transform: uppercase;
}

.activity-journey-table tr:last-child td {
  border-bottom: 0;
}

.activity-journey-table tr.severity-warning td:first-child {
  box-shadow: inset 5px 0 0 var(--loteria-yellow, #f7bf2d);
}

.activity-journey-table tr.severity-error td:first-child {
  box-shadow: inset 5px 0 0 var(--loteria-red, #d5251f);
}

.activity-journey-table strong,
.activity-journey-table small {
  display: block;
  overflow-wrap: anywhere;
}

.activity-journey-table small,
.activity-journey-table time {
  color: var(--admin-muted);
  font-size: 0.72rem;
  font-weight: 820;
}

.activity-journey-table code {
  background: rgba(41, 189, 242, 0.1);
  border: 1px solid rgba(41, 189, 242, 0.18);
  border-radius: 999px;
  color: #075985;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 850;
  padding: 4px 7px;
  white-space: nowrap;
}

.activity-lead-row .small-button {
  white-space: nowrap;
}

.activity-empty-card {
  display: grid;
  gap: 5px;
}

.activity-empty-card h3 {
  color: var(--admin-ink);
  font-size: 1.05rem;
  margin: 0;
}

.activity-empty-card p {
  color: var(--admin-muted);
  font-size: 0.86rem;
  font-weight: 780;
  margin: 0;
}

.support-activity-block {
  background: rgba(23, 16, 12, 0.035);
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  display: grid;
  gap: 9px;
  padding: 12px;
}

.support-activity-timeline {
  display: grid;
  gap: 7px;
}

.support-activity-timeline span {
  align-items: center;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(37, 23, 17, 0.06);
  border-radius: 14px;
  display: grid;
  gap: 3px;
  grid-template-columns: minmax(110px, 0.34fr) minmax(0, 1fr) auto;
  padding: 8px 10px;
}

.support-activity-timeline b {
  background: rgba(32, 174, 234, 0.1);
  border: 1px solid rgba(32, 174, 234, 0.16);
  border-radius: 999px;
  color: var(--loteria-blue, #20aeea);
  font-size: 0.7rem;
  font-weight: 950;
  padding: 4px 7px;
  text-transform: capitalize;
}

.support-activity-timeline small {
  color: var(--admin-muted);
  font-size: 0.74rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.support-empty-card {
  padding: 22px;
}

.admin-page .admin-workspace {
  align-items: start;
  display: grid;
  gap: 18px;
}

.admin-page .support-workspace {
  grid-template-columns: minmax(260px, 0.82fr) minmax(340px, 1fr) minmax(290px, 0.82fr);
}

.admin-page .project-inspector-workspace {
  grid-template-columns: minmax(300px, 0.42fr) minmax(520px, 1fr);
}

.admin-page .ai-admin-workspace {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.72fr);
}

.admin-page .ai-admin-workspace .admin-code-card {
  align-items: start;
  grid-template-columns: 1fr;
}

.admin-page .ai-admin-workspace textarea {
  width: 100%;
}

.admin-page .admin-list-panel,
.admin-page .admin-manager-card,
.admin-page .admin-detail-card,
.admin-page .admin-code-card,
.admin-context-card {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.94), rgba(255, 248, 236, 0.78)),
    #fffaf0;
  border: 1px solid var(--admin-line);
  border-radius: 24px;
  box-shadow: 0 14px 36px rgba(50, 31, 20, 0.08);
}

.admin-context-card {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.admin-support-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-support-metrics article,
.admin-row-metrics span {
  background: rgba(31, 111, 76, 0.07);
  border: 1px solid rgba(31, 111, 76, 0.12);
  border-radius: 16px;
  padding: 11px;
}

.admin-support-metrics span,
.admin-row-metrics span {
  color: var(--admin-muted);
  display: block;
  font-size: 0.72rem;
  font-weight: 860;
}

.admin-support-metrics strong {
  display: block;
  font-size: 1.05rem;
  margin-top: 3px;
}

.admin-related-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.admin-related-item em,
.status-badge {
  background: rgba(31, 111, 76, 0.1);
  border: 1px solid rgba(31, 111, 76, 0.16);
  border-radius: 999px;
  color: var(--admin-green);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  padding: 6px 9px;
  text-transform: uppercase;
}

.status-badge.paused,
.status-badge.expired,
.status-badge.used {
  background: rgba(182, 36, 27, 0.08);
  border-color: rgba(182, 36, 27, 0.18);
  color: var(--admin-red);
}

.status-badge.open {
  background: rgba(233, 49, 134, 0.1);
  border-color: rgba(233, 49, 134, 0.18);
  color: var(--loteria-magenta, #e93186);
}

.status-badge.in-progress {
  background: rgba(247, 191, 45, 0.18);
  border-color: rgba(247, 191, 45, 0.28);
  color: #8a5b00;
}

.status-badge.resolved,
.status-badge.closed {
  background: rgba(31, 157, 88, 0.1);
  border-color: rgba(31, 157, 88, 0.16);
  color: var(--loteria-green, #1f9d58);
}

.admin-card-table {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.admin-code-row,
.admin-ledger-row {
  align-items: center;
  background: rgba(255, 250, 240, 0.84);
  border: 1px solid var(--admin-line);
  border-radius: 20px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(220px, 0.95fr) minmax(270px, 1.08fr) minmax(220px, 0.8fr) auto;
  padding: 14px;
}

.admin-ledger-row {
  grid-template-columns: minmax(180px, 1.2fr) repeat(4, minmax(110px, 0.8fr));
}

.admin-code-row h3 {
  font-size: 1.2rem;
  margin: 7px 0 0;
}

.admin-code-row p,
.admin-ledger-row span {
  color: var(--admin-muted);
  font-weight: 720;
  margin: 0;
}

.codes-admin-workspace {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(360px, 0.86fr) minmax(420px, 1fr);
  margin-bottom: 16px;
}

.code-create-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.code-form-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.code-form-grid label,
.admin-code-assignment {
  display: grid;
  gap: 7px;
}

.code-form-grid label.wide {
  grid-column: 1 / -1;
}

.streamlined-code-form {
  grid-template-columns: 1fr;
}

.code-form-grid span,
.admin-code-assignment span {
  color: var(--admin-muted);
  font-size: 0.73rem;
  font-weight: 930;
  text-transform: uppercase;
}

.code-form-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}

.code-form-actions .primary-button {
  min-width: 180px;
}

.code-ticket-preview {
  background:
    linear-gradient(135deg, rgba(41, 189, 242, 0.16), transparent 34%),
    linear-gradient(135deg, transparent 48%, rgba(255, 211, 51, 0.26) 48% 63%, transparent 63%),
    linear-gradient(135deg, transparent 66%, rgba(236, 47, 145, 0.18) 66%),
    #fffaf0;
  border: 2px solid rgba(50, 31, 20, 0.18);
  border-radius: 22px;
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.52);
  display: grid;
  gap: 10px;
  padding: 16px;
}

.code-ticket-preview > span {
  color: var(--loteria-red, #d5251f);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.code-ticket-preview strong {
  color: var(--admin-ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: clamp(1.4rem, 2.8vw, 2rem);
  letter-spacing: 0;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.code-ticket-preview div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.code-ticket-preview em {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(50, 31, 20, 0.12);
  border-radius: 999px;
  color: var(--admin-ink);
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 850;
  max-width: 100%;
  overflow: hidden;
  padding: 7px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fixed-code-details {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fixed-code-details article {
  background: #f8fafc;
  border: 1px solid var(--admin-line);
  border-radius: 14px;
  display: grid;
  gap: 4px;
  padding: 12px;
}

.fixed-code-details span {
  color: var(--admin-muted);
  font-size: 0.72rem;
  font-weight: 930;
  text-transform: uppercase;
}

.fixed-code-details strong {
  color: var(--admin-ink);
  font-size: 1rem;
  font-weight: 950;
}

.fixed-code-details small {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.admin-row-metrics {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.access-code-composer {
  grid-template-columns: minmax(260px, 1.4fr) repeat(auto-fit, minmax(150px, 0.8fr));
}

.access-code-composer .primary-button {
  min-width: 180px;
}

.etsy-code-message-card {
  display: grid;
  gap: 14px;
  margin-top: 14px;
  padding: 18px;
}

.codes-admin-workspace .etsy-code-message-card {
  margin-top: 0;
}

.etsy-code-message-card.empty textarea {
  color: rgba(107, 90, 79, 0.72);
}

.etsy-code-message-card textarea {
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  color: var(--admin-ink);
  font: 760 0.92rem/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  min-height: 260px;
  padding: 14px;
  resize: vertical;
  width: 100%;
}

.etsy-message-preview {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  max-height: 360px;
  overflow: auto;
  padding: 14px;
}

.etsy-message-preview pre {
  color: var(--admin-ink);
  font: 760 0.92rem/1.48 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  margin: 0;
  white-space: pre-wrap;
}

.etsy-delivery-checklist {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.etsy-delivery-checklist span {
  background: rgba(31, 157, 88, 0.1);
  border: 1px solid rgba(31, 157, 88, 0.16);
  border-radius: 999px;
  color: var(--loteria-green, #1f9d58);
  font-size: 0.74rem;
  font-weight: 900;
  padding: 7px 10px;
}

.etsy-code-message-card .inline-actions,
.admin-code-row .inline-actions {
  margin-top: 0;
}

.admin-code-row .inline-actions {
  justify-content: end;
}

.admin-code-main {
  min-width: 0;
}

.admin-code-main h3 {
  overflow-wrap: anywhere;
}

.admin-code-main small {
  color: var(--admin-muted);
  display: block;
  font-size: 0.76rem;
  font-weight: 820;
  margin-top: 6px;
}

.code-list-head {
  align-items: end;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid var(--admin-line);
  border-radius: 22px;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(220px, 0.72fr) minmax(420px, 1fr);
  margin-bottom: 12px;
  padding: 14px;
}

.code-list-head h3 {
  color: var(--admin-ink);
  font-size: 1.25rem;
  margin: 2px 0;
}

.code-list-head span {
  color: var(--admin-muted);
  font-size: 0.82rem;
  font-weight: 760;
}

.code-filter-bar {
  justify-content: end;
  margin: 0;
}

.codes-card-table {
  padding: 0;
}

.admin-code-row {
  border-left: 7px solid var(--loteria-green, #1f9d58);
  grid-template-columns: minmax(220px, 0.72fr) minmax(360px, 1fr) minmax(210px, 0.62fr) minmax(190px, auto);
  padding: 16px;
}

.admin-code-row.code-status-paused,
.admin-code-row.code-status-expired {
  border-left-color: var(--loteria-yellow, #f7bf2d);
}

.admin-code-row.code-status-used {
  border-left-color: var(--loteria-magenta, #e93186);
}

.admin-code-row .admin-row-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-code-row .admin-row-metrics span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.admin-code-row .admin-row-metrics b {
  color: var(--admin-ink);
  display: block;
  font-size: 0.68rem;
  font-weight: 950;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.admin-code-assignment select {
  min-height: 40px;
}

.admin-code-assignment small {
  color: var(--admin-muted);
  font-weight: 760;
}

.sales-access-panel {
  display: grid !important;
  gap: 16px !important;
  order: 10 !important;
}

.sales-access-nav {
  align-items: end;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(240px, 1fr) auto;
}

.sales-access-nav h3,
.sales-access-toolbar h3 {
  color: var(--admin-ink);
  font-size: 1.35rem;
  margin: 2px 0;
}

.sales-access-nav span,
.sales-access-toolbar span {
  color: var(--admin-muted);
  font-size: 0.86rem;
  font-weight: 780;
}

.sales-subtabs {
  background: #f1f5f9;
  border: 1px solid var(--admin-line);
  border-radius: 999px;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 300px;
  padding: 4px;
}

.sales-subtabs button {
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #475569;
  cursor: pointer;
  font-weight: 950;
  min-height: 38px;
  padding: 8px 14px;
}

.sales-subtabs button.active {
  background: #fff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
  color: var(--admin-ink);
}

.sales-access-view {
  display: grid;
  gap: 14px;
}

.access-summary-strip {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.access-summary-strip article {
  background: #f8fafc;
  border: 1px solid var(--admin-line);
  border-radius: 14px;
  padding: 12px;
}

.access-summary-strip span {
  color: var(--admin-muted);
  display: block;
  font-size: 0.75rem;
  font-weight: 920;
  text-transform: uppercase;
}

.access-summary-strip strong {
  color: var(--admin-ink);
  display: block;
  font-size: 1.45rem;
  margin-top: 3px;
}

.sales-access-toolbar {
  align-items: center;
  background: #fff;
  border: 1px solid var(--admin-line);
  border-radius: 16px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(240px, 1fr) auto;
  padding: 14px;
}

.sales-access-toolbar .inline-actions {
  justify-content: end;
  margin-top: 0;
}

.sales-access-toolbar .primary-button,
.sales-access-toolbar .secondary-button {
  min-height: 40px;
}

.access-workflow-card {
  align-items: start;
  box-shadow: none !important;
  grid-template-columns: minmax(260px, 0.7fr) minmax(340px, 1fr);
}

.access-workflow-grid {
  grid-template-columns: minmax(0, 1fr);
}

.access-workflow-card .code-ticket-preview {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.access-workflow-card .streamlined-code-form {
  align-self: end;
  grid-column: 1;
}

.access-workflow-card .fixed-code-details,
.access-workflow-card .code-form-actions {
  grid-column: 1 / -1;
}

.access-workflow-card .code-form-actions {
  justify-content: flex-end;
}

.access-code-table-shell {
  border: 1px solid var(--admin-line);
  border-radius: 16px;
  max-height: min(700px, calc(100vh - 360px));
  overflow: auto;
}

.access-code-table {
  background: #fff;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 1180px;
  width: 100%;
}

.access-code-table th,
.access-code-table td {
  border-bottom: 1px solid #e5edf6;
  padding: 11px 12px;
  text-align: left;
  vertical-align: top;
}

.access-code-table th {
  background: #f8fafc;
  color: #475569;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}

.access-code-table tr:last-child td {
  border-bottom: 0;
}

.access-code-table tbody tr:hover {
  background: #f8fbff;
}

.access-code-table tbody tr.code-status-active td:first-child {
  box-shadow: inset 4px 0 0 var(--loteria-green, #1f9d58);
}

.access-code-table tbody tr.code-status-paused td:first-child,
.access-code-table tbody tr.code-status-expired td:first-child {
  box-shadow: inset 4px 0 0 var(--loteria-yellow, #f7bf2d);
}

.access-code-table tbody tr.code-status-used td:first-child {
  box-shadow: inset 4px 0 0 var(--loteria-magenta, #e93186);
}

.access-code-table strong,
.access-code-table small {
  display: block;
}

.access-code-table strong {
  color: var(--admin-ink);
  font-weight: 900;
}

.access-code-table small {
  color: var(--admin-muted);
  font-size: 0.76rem;
  font-weight: 760;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.access-code-table .code-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.98rem;
  overflow-wrap: anywhere;
}

.access-code-table select {
  background: #fff;
  border: 1px solid var(--admin-line);
  border-radius: 10px;
  color: var(--admin-ink);
  font-weight: 800;
  min-height: 36px;
  max-width: 260px;
  width: 100%;
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  min-width: 210px;
}

.table-actions .small-button {
  min-height: 32px;
  padding: 6px 9px;
}

.sales-info-view .commerce-summary-grid {
  margin-bottom: 0;
}

.admin-background-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}

.admin-background-tile {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.admin-background-tile > span {
  background-color: #fff4dc;
  background-position: center;
  background-size: cover;
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  display: block;
  min-height: 180px;
}

.admin-background-tile button {
  background: rgba(182, 36, 27, 0.08);
  border: 1px solid rgba(182, 36, 27, 0.18);
  border-radius: 999px;
  color: var(--admin-red);
  font-weight: 850;
  min-height: 38px;
}

.admin-page .admin-deck-card {
  grid-template-columns: 78px minmax(0, 1fr) auto;
}

.admin-page .admin-deck-card em {
  background: rgba(215, 154, 41, 0.14);
  border-radius: 999px;
  color: #7a4b06;
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  grid-column: 2 / -1;
  justify-self: start;
  padding: 5px 8px;
  text-transform: uppercase;
}

.admin-page .admin-deck-mini i {
  background-position: center;
  background-size: cover;
}

.ios-analytics-panel {
  display: grid;
  gap: 18px;
}

.ios-analytics-hero,
.ios-filter-panel,
.ios-report-card,
.ios-table-card,
.ios-pack-strip,
.ios-warning {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.96), rgba(255, 248, 236, 0.82)),
    #fffaf0;
  border: 1px solid var(--admin-line);
  border-radius: 24px;
  box-shadow: 0 14px 36px rgba(50, 31, 20, 0.08);
}

.ios-analytics-hero {
  align-items: end;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 16px 18px;
}

.ios-analytics-hero h2 {
  color: var(--admin-ink);
  font-size: clamp(1.65rem, 2.6vw, 3rem);
  letter-spacing: -0.035em;
  line-height: 1;
  margin: 0;
}

.ios-analytics-hero p {
  color: var(--admin-muted);
  font-weight: 720;
  line-height: 1.45;
  margin: 6px 0 0;
  max-width: 820px;
}

.ios-filter-panel {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  padding: 12px;
}

.ios-filter-panel label,
.ios-raw-filter-row label {
  display: grid;
  gap: 6px;
}

.ios-filter-panel span,
.ios-raw-filter-row span {
  color: var(--admin-muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.ios-warning {
  background: rgba(215, 154, 41, 0.13);
  color: #704606;
  font-weight: 850;
  padding: 12px 14px;
}

.ios-warning.error {
  background: rgba(213, 37, 31, 0.09);
  color: #971b16;
}

.ios-rollup-banner,
.ios-definition-drawer {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 253, 250, 0.92));
  border: 1px solid rgba(17, 125, 118, 0.14);
  border-left: 6px solid #11a7a0;
  border-radius: 22px;
  box-shadow: 0 12px 28px rgba(24, 16, 10, 0.06);
}

.ios-rollup-banner {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 14px 16px;
}

.ios-rollup-banner.partial {
  background: linear-gradient(135deg, rgba(255, 252, 244, 0.98), rgba(255, 248, 224, 0.88));
  border-color: rgba(247, 191, 45, 0.22);
  border-left-color: var(--loteria-yellow, #f7bf2d);
}

.ios-rollup-banner strong,
.ios-definition-drawer summary {
  color: var(--admin-ink);
  font-weight: 950;
}

.ios-rollup-banner span {
  color: var(--admin-muted);
  display: block;
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.35;
  margin-top: 2px;
}

.ios-rollup-banner em {
  background: rgba(17, 125, 118, 0.1);
  border-radius: 999px;
  color: #0e6f69;
  flex: 0 0 auto;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 950;
  padding: 8px 11px;
}

.ios-definition-drawer {
  border-left-color: var(--loteria-purple, #6b4bd8);
  padding: 0;
}

.ios-definition-drawer summary {
  cursor: pointer;
  list-style-position: inside;
  padding: 13px 16px;
}

.ios-definition-drawer > div {
  border-top: 1px solid rgba(23, 16, 12, 0.08);
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  padding: 14px 16px 16px;
}

.ios-definition-drawer p {
  background: rgba(23, 16, 12, 0.04);
  border-radius: 15px;
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 10px;
}

.ios-definition-drawer p strong {
  color: var(--admin-ink);
  font-size: 0.85rem;
}

.ios-definition-drawer p span {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.3;
}

.ios-kpi-grid {
  grid-template-columns: repeat(6, minmax(120px, 1fr));
}

.ios-report-grid {
  display: grid;
  gap: 18px;
}

.ios-report-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ios-report-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ios-report-card,
.ios-table-card {
  min-width: 0;
  padding: 16px;
}

.ios-card-head,
.ios-table-head,
.ios-raw-filter-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 12px;
}

.ios-card-head h3,
.ios-table-head h4 {
  color: var(--admin-ink);
  font-size: 1.15rem;
  letter-spacing: -0.015em;
  margin: 0;
}

.ios-card-head span {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.admin-line-chart {
  display: block;
  height: auto;
  width: 100%;
}

.admin-line-chart path {
  fill: none;
  stroke: rgba(23, 16, 12, 0.18);
  stroke-width: 2;
}

.admin-line-chart polyline {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 5;
}

.admin-line-chart text {
  fill: var(--admin-muted);
  font-size: 18px;
  font-weight: 800;
}

.admin-bar-chart {
  display: grid;
  gap: 9px;
}

.admin-bar-row {
  align-items: center;
  display: grid;
  gap: 9px;
  grid-template-columns: minmax(92px, 0.48fr) minmax(120px, 1fr) auto;
}

.admin-bar-row span,
.admin-bar-row strong {
  color: var(--admin-ink);
  font-size: 0.84rem;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-bar-row div {
  background: rgba(23, 16, 12, 0.08);
  border-radius: 999px;
  height: 12px;
  overflow: hidden;
}

.admin-bar-row i {
  border-radius: inherit;
  display: block;
  height: 100%;
}

.admin-chart-empty {
  align-items: center;
  background: rgba(23, 16, 12, 0.04);
  border: 1px dashed rgba(23, 16, 12, 0.16);
  border-radius: 18px;
  color: var(--admin-muted);
  display: flex;
  font-weight: 850;
  justify-content: center;
  min-height: 160px;
  padding: 18px;
}

.ios-table-scroll {
  max-height: 440px;
  overflow: auto;
}

.ios-table-scroll table {
  border-collapse: collapse;
  min-width: 760px;
  width: 100%;
}

.ios-table-scroll th,
.ios-table-scroll td {
  border-bottom: 1px solid rgba(23, 16, 12, 0.08);
  color: var(--admin-ink);
  font-size: 0.82rem;
  padding: 10px 9px;
  text-align: left;
  vertical-align: top;
}

.ios-table-scroll th {
  background: rgba(255, 250, 240, 0.96);
  font-size: 0.72rem;
  font-weight: 950;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}

.ios-table-scroll td {
  color: #5d4639;
  font-weight: 720;
  max-width: 280px;
  word-break: break-word;
}

.ios-funnel {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ios-funnel article,
.ios-mini-kpis span,
.ios-pack-strip span {
  background: rgba(31, 111, 76, 0.07);
  border: 1px solid rgba(31, 111, 76, 0.12);
  border-radius: 16px;
  padding: 10px;
}

.ios-funnel article span {
  align-items: center;
  background: var(--admin-green);
  border-radius: 999px;
  color: #fffaf0;
  display: inline-flex;
  font-size: 0.74rem;
  font-weight: 950;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.ios-funnel strong {
  color: var(--admin-ink);
  display: block;
  font-size: 1.4rem;
  margin-top: 8px;
}

.ios-funnel p {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.2;
  margin: 2px 0 0;
  text-transform: capitalize;
}

.ios-pack-strip {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
}

.ios-pack-strip strong {
  color: var(--admin-ink);
  margin-right: 6px;
}

.ios-pack-strip span {
  color: var(--admin-green);
  font-size: 0.78rem;
  font-weight: 850;
  padding: 7px 9px;
}

.ios-mini-kpis {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.ios-mini-kpis span {
  color: var(--admin-muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.ios-mini-kpis strong {
  color: var(--admin-ink);
  display: block;
  font-size: 1.08rem;
}

.raw-events-card {
  display: grid;
  gap: 12px;
}

.ios-raw-filter-row {
  justify-content: start;
}

.ios-raw-filter-row label {
  flex: 1 1 260px;
}

.ios-page-indicator {
  background: rgba(23, 16, 12, 0.06);
  border-radius: 999px;
  color: var(--admin-muted);
  font-weight: 900;
  padding: 9px 12px;
}

.ios-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.ios-hero-meta,
.ios-chart-legend,
.ios-section-nav,
.ios-insight-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ios-hero-meta {
  margin-top: 14px;
}

.ios-hero-meta span,
.ios-chart-legend span,
.ios-section-nav button,
.ios-insight-strip article {
  border: 1px solid rgba(23, 16, 12, 0.1);
  border-radius: 999px;
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  padding: 8px 11px;
}

.ios-section-nav {
  background: rgba(255, 250, 240, 0.76);
  border: 1px solid rgba(23, 16, 12, 0.08);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(50, 31, 20, 0.08);
  padding: 6px;
  position: sticky;
  top: 10px;
  z-index: 3;
}

.ios-section-nav button {
  background: transparent;
  border-color: transparent;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.ios-section-nav button:hover {
  transform: translateY(-1px);
}

.ios-section-nav button.active {
  background: #1d120d;
  color: #fffaf0;
}

.ios-filter-panel.collapsed {
  display: none;
}

.ios-insight-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ios-insight-strip article {
  background: linear-gradient(135deg, rgba(255, 250, 240, 0.98), rgba(250, 241, 224, 0.86));
  border-radius: 20px;
  padding: 14px;
}

.ios-insight-strip article.up {
  border-color: rgba(31, 122, 77, 0.28);
}

.ios-insight-strip article.down {
  border-color: rgba(180, 35, 24, 0.28);
}

.ios-insight-strip article strong {
  color: var(--admin-ink);
  display: block;
  font-size: 1rem;
  margin-top: 4px;
}

.ios-insight-strip article p {
  color: var(--admin-muted);
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1.25;
  margin: 4px 0 0;
}

.ios-metric-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ios-metric-grid.priority {
  grid-template-columns: repeat(6, minmax(140px, 1fr));
}

.ios-metric-grid.compact {
  grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.ios-metric-card {
  background:
    radial-gradient(circle at top right, rgba(211, 50, 39, 0.1), transparent 44%),
    linear-gradient(180deg, rgba(255, 252, 244, 0.98), rgba(255, 248, 236, 0.88));
  border: 1px solid rgba(23, 16, 12, 0.1);
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(50, 31, 20, 0.08);
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 15px;
}

.ios-metric-card span {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.ios-metric-card strong {
  color: var(--admin-ink);
  display: block;
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  letter-spacing: -0.04em;
  line-height: 0.95;
}

.ios-metric-card p {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 800;
  margin: 0;
}

.ios-metric-card p b {
  color: var(--admin-ink);
}

.ios-metric-card.up p b {
  color: #147a4c;
}

.ios-metric-card.down p b {
  color: #b42318;
}

.ios-metric-card em {
  color: var(--admin-muted);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 760;
}

.ios-kpi-sparkline {
  height: 42px;
  width: 100%;
}

.ios-kpi-sparkline polyline {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 5;
}

.ios-kpi-spark-empty {
  background: rgba(23, 16, 12, 0.05);
  border-radius: 999px;
  display: block;
  height: 8px;
  margin: 16px 0;
}

.ios-report-card.featured {
  background:
    radial-gradient(circle at 12% 10%, rgba(245, 184, 59, 0.18), transparent 28%),
    linear-gradient(180deg, rgba(255, 252, 244, 0.98), rgba(255, 248, 236, 0.88));
}

.ios-chart-wrap {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.52));
  border: 1px solid rgba(21, 17, 15, 0.07);
  border-radius: 20px;
  display: grid;
  gap: 12px;
  overflow: hidden;
  padding: 12px;
}

.ios-chart-wrap.feature {
  background:
    radial-gradient(circle at 14% 8%, rgba(41, 189, 242, 0.12), transparent 14rem),
    radial-gradient(circle at 86% 12%, rgba(236, 47, 145, 0.1), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.64));
}

.ios-multi-line-chart {
  display: block;
  height: auto;
  width: 100%;
}

.ios-multi-line-chart path:not(.area-fill) {
  fill: none;
  stroke: rgba(23, 16, 12, 0.15);
  stroke-width: 2;
}

.ios-multi-line-chart .area-fill {
  stroke: none;
}

.ios-multi-line-chart .grid-line {
  stroke: rgba(21, 17, 15, 0.08);
  stroke-dasharray: 5 8;
  stroke-width: 1.6;
}

.ios-multi-line-chart .axis-line {
  stroke: rgba(21, 17, 15, 0.14);
  stroke-width: 2;
}

.ios-multi-line-chart polyline {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4.8;
  filter: drop-shadow(0 5px 7px rgba(15, 23, 42, 0.09));
  transition: opacity 0.2s ease, stroke-width 0.2s ease;
}

.ios-multi-line-chart text {
  fill: var(--admin-muted);
  font-size: 18px;
  font-weight: 850;
}

.ios-multi-line-chart .hit-point {
  cursor: crosshair;
  fill: transparent;
  stroke: transparent;
}

.ios-multi-line-chart .endpoint {
  filter: drop-shadow(0 3px 5px rgba(15, 23, 42, 0.18));
  stroke: #fff;
  stroke-width: 2.5;
}

.ios-chart-legend span {
  align-items: center;
  background: rgba(255, 250, 240, 0.8);
  display: inline-flex;
  gap: 7px;
  padding: 6px 9px;
}

.ios-chart-legend span b {
  background: rgba(21, 17, 15, 0.07);
  border-radius: 999px;
  color: var(--admin-ink);
  font-size: 0.72rem;
  margin-left: 3px;
  padding: 3px 7px;
}

.ios-chart-legend i,
.ios-donut-legend i {
  border-radius: 999px;
  display: inline-block;
  height: 9px;
  width: 9px;
}

.ios-overview-trend-card {
  display: grid;
  gap: 14px;
}

.ios-trend-head {
  align-items: start;
}

.ios-trend-controls {
  align-items: center;
  background: rgba(21, 17, 15, 0.05);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 999px;
  display: inline-flex;
  gap: 4px;
  padding: 5px;
}

.ios-trend-controls button {
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--admin-muted);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 950;
  padding: 8px 11px;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.ios-trend-controls button:hover {
  transform: translateY(-1px);
}

.ios-trend-controls button.active {
  background: var(--gallery-ink, #15110f);
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
  color: #fff;
}

.ios-trend-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ios-trend-summary span {
  background:
    radial-gradient(circle at 100% 0%, rgba(41, 189, 242, 0.12), transparent 4rem),
    rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 17px;
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  padding: 10px;
}

.ios-trend-summary b {
  color: var(--admin-ink);
  display: block;
  font-size: 1.22rem;
  line-height: 1;
}

.ios-horizontal-bars {
  display: grid;
  gap: 10px;
}

.ios-horizontal-bar {
  display: grid;
  gap: 6px;
}

.ios-horizontal-bar > div {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.ios-horizontal-bar span,
.ios-horizontal-bar strong {
  color: var(--admin-ink);
  font-size: 0.86rem;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-horizontal-bar > i {
  background: rgba(23, 16, 12, 0.07);
  border-radius: 999px;
  display: block;
  height: 11px;
  overflow: hidden;
}

.ios-horizontal-bar > i b {
  border-radius: inherit;
  display: block;
  height: 100%;
}

.ios-heatmap {
  display: grid;
  gap: 6px;
  grid-template-columns: minmax(110px, 1.2fr) repeat(var(--heatmap-columns, 4), minmax(var(--heatmap-cell-min, 70px), 1fr));
  overflow-x: auto;
}

.ios-heatmap strong,
.ios-heatmap b,
.ios-heatmap span {
  align-items: center;
  border-radius: 12px;
  color: var(--admin-ink);
  display: flex;
  font-size: 0.78rem;
  font-weight: 900;
  min-height: var(--heatmap-cell-height, 42px);
  padding: 8px;
}

.ios-heatmap strong,
.ios-heatmap b,
.ios-heatmap-corner {
  background: rgba(23, 16, 12, 0.05);
}

.ios-heatmap strong {
  justify-content: center;
  text-align: center;
}

.ios-heatmap span {
  border: 1px solid rgba(17, 125, 118, 0.1);
  justify-content: center;
}

.ios-usage-layout {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.36fr);
  margin: 0 auto;
  max-width: 980px;
}

.ios-usage-board {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.ios-usage-toolbar {
  align-items: center;
  display: inline-flex;
  gap: 7px;
  justify-self: start;
}

.ios-usage-toolbar span {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.ios-usage-toolbar button {
  background: rgba(23, 16, 12, 0.04);
  border: 1px solid rgba(23, 16, 12, 0.1);
  border-radius: 999px;
  color: var(--admin-muted);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 900;
  padding: 7px 10px;
}

.ios-usage-toolbar button.active {
  background: var(--admin-ink);
  border-color: var(--admin-ink);
  color: #fffaf0;
}

.ios-usage-grid {
  display: grid;
  gap: 5px;
  grid-template-columns: minmax(98px, 0.85fr) repeat(var(--usage-columns, 7), minmax(44px, 1fr));
  min-width: 0;
  overflow-x: auto;
}

.ios-usage-grid strong,
.ios-usage-corner,
.ios-usage-row-label,
.ios-usage-hour-label,
.ios-usage-cell {
  align-items: center;
  border-radius: 11px;
  display: flex;
  font-size: 0.76rem;
  font-weight: 900;
  justify-content: center;
  min-height: 34px;
  padding: 7px;
}

.ios-usage-grid strong,
.ios-usage-corner,
.ios-usage-row-label,
.ios-usage-hour-label {
  background: rgba(23, 16, 12, 0.055);
  color: var(--admin-ink);
}

.ios-usage-row-label,
.ios-usage-cell.clickable {
  border: 0;
  cursor: pointer;
  font-family: inherit;
}

.ios-usage-row-label {
  gap: 6px;
  justify-content: flex-start;
  text-align: left;
}

.ios-usage-row-label span {
  align-items: center;
  background: rgba(17, 125, 118, 0.12);
  border-radius: 999px;
  color: #0f5f5a;
  display: inline-flex;
  height: 18px;
  justify-content: center;
  width: 18px;
}

.ios-usage-row-label.active {
  background: rgba(17, 125, 118, 0.13);
  color: #0f5f5a;
}

.ios-usage-hour-label {
  color: var(--admin-muted);
  font-size: 0.72rem;
  padding-left: 28px;
}

.ios-usage-cell {
  border: 1px solid rgba(17, 125, 118, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 250, 240, 0.16);
  text-align: center;
}

.ios-usage-cell.detail {
  border-radius: 9px;
  font-size: 0.72rem;
  min-height: 28px;
}

.ios-usage-summary {
  background: rgba(255, 250, 240, 0.72);
  border: 1px solid rgba(23, 16, 12, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 9px;
  padding: 13px;
}

.ios-usage-summary > div {
  display: grid;
  gap: 2px;
}

.ios-usage-summary strong {
  color: var(--admin-ink);
  font-size: 0.95rem;
}

.ios-usage-summary > div span,
.ios-usage-summary small,
.ios-usage-summary em {
  color: var(--admin-muted);
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
}

.ios-usage-summary p {
  align-items: center;
  background: rgba(17, 125, 118, 0.07);
  border: 1px solid rgba(17, 125, 118, 0.1);
  border-radius: 14px;
  color: var(--admin-muted);
  display: flex;
  font-size: 0.78rem;
  font-weight: 850;
  justify-content: space-between;
  margin: 0;
  padding: 9px;
}

.ios-usage-summary p b {
  color: var(--admin-ink);
}

.ios-usage-note {
  background: rgba(29, 171, 216, 0.08);
  border: 1px solid rgba(29, 171, 216, 0.16);
  border-radius: 14px;
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 800;
  grid-column: 1 / -1;
  line-height: 1.35;
  margin: 0;
  padding: 10px 12px;
}

.ios-pack-leaderboard {
  display: grid;
  gap: 10px;
}

.ios-pack-leaderboard article {
  background: rgba(255, 250, 240, 0.72);
  border: 1px solid rgba(23, 16, 12, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 8px;
  padding: 11px;
}

.ios-pack-leaderboard article > div {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 0;
}

.ios-pack-leaderboard span {
  align-items: center;
  background: var(--admin-ink);
  border-radius: 999px;
  color: #fffaf0;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.78rem;
  font-weight: 950;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.ios-pack-leaderboard strong {
  color: var(--admin-ink);
  font-size: 0.88rem;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-pack-leaderboard i {
  background: rgba(23, 16, 12, 0.07);
  border-radius: 999px;
  display: block;
  height: 10px;
  overflow: hidden;
}

.ios-pack-leaderboard i b {
  background: linear-gradient(90deg, #b42318, #f5b83b, #1f7a4d);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.ios-pack-leaderboard p {
  color: var(--admin-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.76rem;
  gap: 8px;
  margin: 0;
}

.ios-pack-leaderboard p b {
  background: rgba(23, 16, 12, 0.05);
  border-radius: 999px;
  color: var(--admin-muted);
  font-weight: 850;
  padding: 5px 7px;
}

.ios-donut-chart {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: auto 1fr;
}

.ios-donut {
  align-items: center;
  border-radius: 999px;
  box-shadow: inset 0 0 0 22px rgba(255, 250, 240, 0.88), 0 12px 26px rgba(50, 31, 20, 0.1);
  display: flex;
  flex-direction: column;
  height: 156px;
  justify-content: center;
  width: 156px;
}

.ios-donut strong {
  color: var(--admin-ink);
  font-size: 1.55rem;
  letter-spacing: -0.04em;
}

.ios-donut span {
  color: var(--admin-muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.ios-donut-legend {
  display: grid;
  gap: 8px;
}

.ios-donut-legend span {
  align-items: center;
  color: var(--admin-muted);
  display: flex;
  font-size: 0.83rem;
  font-weight: 820;
  gap: 8px;
  justify-content: space-between;
}

.ios-donut-legend b {
  color: var(--admin-ink);
  margin-left: auto;
}

.ios-funnel-chart {
  display: grid;
  gap: 10px;
}

.ios-funnel-chart article {
  background: rgba(31, 111, 76, 0.06);
  border: 1px solid rgba(31, 111, 76, 0.12);
  border-radius: 18px;
  display: grid;
  gap: 7px;
  padding: 11px;
}

.ios-funnel-chart article div {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: auto 1fr auto;
}

.ios-funnel-chart span {
  align-items: center;
  background: var(--admin-green);
  border-radius: 999px;
  color: #fffaf0;
  display: inline-flex;
  font-weight: 950;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.ios-funnel-chart strong,
.ios-funnel-chart em {
  color: var(--admin-ink);
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 900;
}

.ios-funnel-chart > article > i {
  background: rgba(23, 16, 12, 0.07);
  border-radius: 999px;
  display: block;
  height: 10px;
  overflow: hidden;
}

.ios-funnel-chart > article > i b {
  background: linear-gradient(90deg, #b42318, #f5b83b, #1f7a4d);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.ios-funnel-chart p,
.ios-big-stat p {
  color: var(--admin-muted);
  font-size: 0.8rem;
  font-weight: 800;
  margin: 0;
}

.ios-big-stat {
  background: rgba(180, 35, 24, 0.06);
  border: 1px solid rgba(180, 35, 24, 0.1);
  border-radius: 20px;
  margin-bottom: 12px;
  padding: 14px;
}

.ios-big-stat strong {
  color: var(--admin-ink);
  display: block;
  font-size: clamp(2.2rem, 4vw, 4rem);
  letter-spacing: -0.055em;
  line-height: 0.92;
}

.ios-big-stat span {
  color: var(--admin-muted);
  display: block;
  font-weight: 900;
  margin: 4px 0 8px;
}

.ios-divider {
  background: rgba(23, 16, 12, 0.08);
  height: 1px;
  margin: 14px 0;
}

.ios-event-chip {
  background: rgba(17, 125, 118, 0.1);
  border: 1px solid rgba(17, 125, 118, 0.16);
  border-radius: 999px;
  color: #0d6864;
  display: inline-block;
  font-size: 0.74rem;
  font-weight: 900;
  padding: 5px 8px;
}

.ios-payload-cell {
  background: rgba(23, 16, 12, 0.04);
  border: 1px solid rgba(23, 16, 12, 0.08);
  border-radius: 12px;
  color: #5d4639;
  cursor: pointer;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.72rem;
  max-width: 420px;
  padding: 8px;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}

.ios-payload-cell.open {
  max-width: 680px;
}

.ios-empty-payload {
  color: var(--admin-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.72rem;
}

/* Refresh-safe admin portal */
.admin-portal-shell {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: 280px minmax(0, 1fr);
  margin: 0 auto;
  max-width: 1780px;
  padding: clamp(14px, 2vw, 24px);
  width: min(100%, 1780px);
}

.admin-portal-sidebar,
.admin-portal-topbar,
.admin-locked-panel {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(21, 17, 15, 0.1);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.admin-portal-sidebar {
  border-radius: 24px;
  display: grid;
  gap: 18px;
  padding: 16px;
  position: sticky;
  top: 14px;
}

.admin-portal-brand {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 48px minmax(0, 1fr);
}

.admin-portal-brand > span {
  align-items: center;
  background: linear-gradient(135deg, var(--loteria-blue), var(--loteria-magenta));
  border-radius: 14px;
  color: #fff;
  display: inline-flex;
  font-weight: 1000;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.admin-portal-brand strong,
.admin-portal-brand small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-portal-brand strong {
  color: var(--gallery-ink, #15110f);
  font-size: 0.98rem;
}

.admin-portal-brand small {
  color: var(--gallery-muted, #62544c);
  font-weight: 850;
}

.admin-portal-nav,
.admin-portal-links {
  display: grid;
  gap: 8px;
}

.admin-portal-nav {
  gap: 14px;
}

.admin-portal-nav-group {
  display: grid;
  gap: 6px;
}

.admin-portal-nav-heading {
  color: rgba(21, 17, 15, 0.52);
  font-size: 0.68rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  padding: 0 10px;
  text-transform: uppercase;
}

.admin-portal-nav button,
.admin-portal-links button {
  --nav-accent: var(--loteria-blue);
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--gallery-ink, #15110f);
  cursor: pointer;
  display: flex;
  font-weight: 950;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 12px;
  text-align: left;
}

.admin-portal-nav button.tone-green { --nav-accent: var(--loteria-green); }
.admin-portal-nav button.tone-gold { --nav-accent: var(--loteria-yellow); }
.admin-portal-nav button.tone-purple { --nav-accent: var(--loteria-purple); }
.admin-portal-nav button.tone-red { --nav-accent: var(--loteria-red); }
.admin-portal-nav button.tone-teal { --nav-accent: #11a7a0; }
.admin-portal-nav button.tone-magenta { --nav-accent: var(--loteria-magenta); }

.admin-portal-nav button:hover,
.admin-portal-nav button.active,
.admin-portal-links button:hover {
  background: color-mix(in srgb, var(--nav-accent) 11%, white);
  border-color: color-mix(in srgb, var(--nav-accent) 28%, transparent);
}

.admin-portal-nav button.active {
  box-shadow: inset 5px 0 0 var(--nav-accent);
}

.admin-portal-nav b {
  background: var(--gallery-ink, #15110f);
  border-radius: 999px;
  color: #fff;
  font-size: 0.72rem;
  min-width: 24px;
  padding: 3px 7px;
  text-align: center;
}

.admin-portal-links {
  border-top: 1px solid rgba(21, 17, 15, 0.08);
  padding-top: 12px;
}

.admin-portal-main {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.admin-portal-topbar {
  align-items: center;
  border-radius: 24px;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: clamp(18px, 2.4vw, 28px);
}

.admin-portal-topbar h1 {
  color: var(--gallery-ink, #15110f);
  font-size: clamp(2rem, 3vw, 3.9rem);
  line-height: 0.96;
  margin: 4px 0 8px;
}

.admin-portal-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.admin-mobile-tabs {
  display: none;
}

.product-studio-nav {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 24px;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
  display: grid;
  gap: 18px;
  padding: clamp(18px, 2.4vw, 26px);
  position: sticky;
  top: 12px;
  z-index: 8;
}

.product-studio-nav-heading {
  align-items: end;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(220px, 0.8fr) minmax(280px, 1.2fr);
}

.product-studio-nav-heading h3,
.product-studio-nav-heading p { margin: 0; }
.product-studio-nav-heading h3 { font-size: clamp(1.35rem, 2vw, 2rem); }
.product-studio-nav-heading > p { color: var(--admin-muted, #6b5a4f); font-weight: 750; }

.product-studio-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: thin;
}

.product-studio-tabs button {
  background: rgba(21, 17, 15, 0.045);
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--admin-ink, #17100c);
  cursor: pointer;
  flex: 0 0 auto;
  font-weight: 950;
  padding: 10px 15px;
}

.product-studio-tabs button:hover,
.product-studio-tabs button.active {
  background: #e8f8f6;
  border-color: rgba(17, 167, 160, 0.34);
  color: #087a75;
}

.product-studio-home {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-studio-launch-card {
  align-items: center;
  background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(246,252,250,.93));
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 22px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
  cursor: pointer;
  display: grid;
  gap: 14px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 118px;
  padding: 20px;
  text-align: left;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.product-studio-launch-card:hover { box-shadow: 0 20px 42px rgba(15, 23, 42, 0.1); transform: translateY(-2px); }
.product-studio-launch-card > span { color: #0b8f89; font-size: .75rem; font-weight: 1000; letter-spacing: .12em; }
.product-studio-launch-card div { display: grid; gap: 5px; }
.product-studio-launch-card strong { color: var(--admin-ink, #17100c); font-size: 1.08rem; }
.product-studio-launch-card small { color: var(--admin-muted, #6b5a4f); font-size: .84rem; font-weight: 750; line-height: 1.35; }
.product-studio-launch-card > b { color: #0b8f89; font-size: 1.35rem; }

@media (max-width: 980px) {
  .product-studio-nav { position: static; }
  .product-studio-home { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .product-studio-nav-heading { grid-template-columns: 1fr; }
  .product-studio-home { grid-template-columns: 1fr; }
}

.admin-page .admin-cockpit {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.admin-section-hero {
  --section-accent: var(--loteria-blue);
  align-items: end;
  background:
    radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--section-accent) 18%, transparent), transparent 18rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.84));
  border: 1px solid color-mix(in srgb, var(--section-accent) 24%, rgba(21, 17, 15, 0.1));
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  overflow: hidden;
  padding: 18px;
  position: relative;
}

.admin-section-hero::before {
  background: var(--section-accent);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 7px;
}

.admin-section-hero.tone-green { --section-accent: var(--loteria-green); }
.admin-section-hero.tone-gold { --section-accent: var(--loteria-yellow); }
.admin-section-hero.tone-purple { --section-accent: var(--loteria-purple); }
.admin-section-hero.tone-red { --section-accent: var(--loteria-red); }
.admin-section-hero.tone-teal { --section-accent: #11a7a0; }
.admin-section-hero.tone-magenta { --section-accent: var(--loteria-magenta); }

.admin-section-hero h2 {
  color: var(--gallery-ink, #15110f);
  font-size: clamp(1.55rem, 2.4vw, 2.65rem);
  line-height: 0.98;
  margin: 0;
}

.admin-section-hero p {
  color: var(--admin-muted);
  font-weight: 760;
  line-height: 1.4;
  margin: 8px 0 0;
  max-width: 820px;
}

.admin-section-metrics {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(3, minmax(112px, 1fr));
}

.admin-section-metrics span {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(21, 17, 15, 0.09);
  border-radius: 16px;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
}

.admin-section-metrics small {
  color: var(--admin-muted);
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-section-metrics strong {
  color: var(--admin-ink);
  font-size: 0.94rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wedding-admin-panel {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.75fr);
}

.wedding-portal-card,
.wedding-portal-notes {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.88)),
    #fff;
  border: 1px solid rgba(21, 17, 15, 0.09);
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
}

.wedding-portal-card {
  display: grid;
  gap: 16px;
  overflow: hidden;
  padding: clamp(18px, 2.4vw, 28px);
  position: relative;
}

.wedding-portal-card::before {
  background: var(--loteria-magenta, #e93186);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 7px;
}

.wedding-portal-card h3,
.wedding-portal-notes h3 {
  color: var(--gallery-ink, #15110f);
  font-size: clamp(1.45rem, 2.4vw, 2.45rem);
  line-height: 1;
  margin: 0;
}

.wedding-portal-card p {
  color: var(--admin-muted);
  font-weight: 800;
  line-height: 1.45;
  margin: 8px 0 0;
  max-width: 720px;
}

.wedding-portal-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wedding-portal-actions > * {
  min-height: 44px;
}

.wedding-portal-link {
  background: rgba(248, 250, 252, 0.84);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 16px;
  display: grid;
  gap: 4px;
  padding: 12px 14px;
}

.wedding-portal-link span,
.wedding-portal-checklist span {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 930;
}

.wedding-portal-link strong {
  color: var(--admin-ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.wedding-portal-checklist {
  display: grid;
  gap: 8px;
}

.wedding-portal-checklist span {
  background: rgba(233, 49, 134, 0.08);
  border: 1px solid rgba(233, 49, 134, 0.13);
  border-radius: 999px;
  color: var(--admin-ink);
  padding: 8px 11px;
}

.cloud-wedding-panel {
  grid-template-columns: 1fr;
}

.wedding-cloud-hero,
.wedding-workspace-bar,
.wedding-budget-settings-form,
.wedding-budget-add-form,
.wedding-cloud-note,
.wedding-kanban-column {
  background: #fff;
  border: 1px solid var(--admin-line);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.wedding-cloud-hero {
  align-items: center;
  border-left: 6px solid var(--loteria-magenta, #e93186);
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 18px;
}

.wedding-cloud-hero h3,
.wedding-budget-settings-form h4,
.wedding-budget-add-form h4,
.wedding-kanban-column h4 {
  color: var(--admin-ink);
  margin: 0;
}

.wedding-cloud-hero h3 {
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.wedding-cloud-hero p {
  color: var(--admin-muted);
  font-weight: 780;
  line-height: 1.45;
  margin: 7px 0 0;
  max-width: 820px;
}

.wedding-cloud-stats,
.wedding-budget-summary,
.wedding-task-mini-stats {
  display: grid;
  gap: 10px;
}

.wedding-cloud-stats {
  grid-template-columns: repeat(3, minmax(110px, 1fr));
}

.wedding-cloud-stats span,
.wedding-budget-summary article,
.wedding-task-mini-stats span {
  background: #f8fafc;
  border: 1px solid #e5edf6;
  border-radius: 14px;
  padding: 11px 12px;
}

.wedding-cloud-stats small,
.wedding-budget-summary span,
.wedding-task-mini-stats span {
  color: var(--admin-muted);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.wedding-cloud-stats strong,
.wedding-budget-summary strong,
.wedding-task-mini-stats strong {
  color: var(--admin-ink);
  display: block;
  font-size: 1.25rem;
  margin-top: 3px;
}

.wedding-workspace-bar {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 12px;
}

.wedding-subtabs {
  min-width: 260px;
}

.wedding-planner-tools {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: flex-end;
}

.wedding-planner-tools input {
  max-width: 420px;
  min-width: min(100%, 260px);
}

.wedding-planner-tools span {
  color: var(--admin-muted);
  font-size: 0.82rem;
  font-weight: 850;
}

.wedding-budget-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wedding-budget-control-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.wedding-budget-settings-form,
.wedding-budget-add-form {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 14px;
}

.wedding-budget-settings-form > div,
.wedding-budget-add-form > div,
.wedding-budget-settings-form .wide,
.wedding-budget-add-form .wide {
  grid-column: 1 / -1;
}

.wedding-budget-settings-form label,
.wedding-budget-add-form label,
.wedding-budget-table label,
.wedding-task-form label,
.wedding-task-fields label,
.wedding-notes-field {
  color: var(--admin-muted);
  display: grid;
  font-size: 0.72rem;
  font-weight: 950;
  gap: 5px;
  text-transform: uppercase;
}

.wedding-budget-table input,
.wedding-budget-table select,
.wedding-budget-table textarea,
.wedding-budget-settings-form input,
.wedding-budget-add-form input,
.wedding-budget-add-form select,
.wedding-task-form input,
.wedding-task-form select,
.wedding-planner-tools input,
.wedding-task-card input,
.wedding-task-card select,
.wedding-task-card textarea {
  background: #f8fafc;
  border: 1px solid #dbe6f2;
  border-radius: 10px;
  color: var(--admin-ink);
  font: inherit;
  font-weight: 800;
  min-height: 38px;
  padding: 9px 10px;
  width: 100%;
}

.wedding-budget-table textarea,
.wedding-task-card textarea {
  min-height: 74px;
  resize: vertical;
}

.wedding-budget-table-shell {
  background: #fff;
  border: 1px solid var(--admin-line);
  border-radius: 16px;
  max-height: min(680px, calc(100vh - 330px));
  overflow: auto;
}

.wedding-budget-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 1320px;
  width: 100%;
}

.wedding-budget-table th,
.wedding-budget-table td {
  border-bottom: 1px solid #e5edf6;
  padding: 11px 12px;
  text-align: left;
  vertical-align: top;
}

.wedding-budget-table th {
  background: #f8fafc;
  color: #475569;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}

.wedding-budget-table tr:last-child td {
  border-bottom: 0;
}

.wedding-budget-table tbody tr:hover {
  background: #f8fbff;
}

.wedding-budget-table tbody tr.budget-status-paid td:first-child,
.wedding-budget-table tbody tr.budget-status-covered td:first-child {
  box-shadow: inset 4px 0 0 var(--loteria-green, #1f9d58);
}

.wedding-budget-table tbody tr.budget-status-partially_covered td:first-child,
.wedding-budget-table tbody tr.budget-status-review td:first-child {
  box-shadow: inset 4px 0 0 var(--loteria-yellow, #f7bf2d);
}

.wedding-budget-table tbody tr.budget-status-open td:first-child {
  box-shadow: inset 4px 0 0 var(--loteria-magenta, #e93186);
}

.budget-item-name {
  font-size: 0.96rem;
  font-weight: 950 !important;
}

.budget-inline-pair,
.budget-money-stack {
  display: grid;
  gap: 7px;
}

.budget-inline-pair {
  grid-template-columns: minmax(0, 1fr) minmax(105px, 0.7fr);
  margin: 7px 0;
}

.budget-money-stack strong,
.wedding-budget-table small {
  color: var(--admin-muted);
  display: block;
  font-size: 0.76rem;
  font-weight: 900;
  margin-top: 5px;
}

.wedding-planner-toolbar {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.wedding-task-form {
  background: #fff;
  border: 1px solid var(--admin-line);
  border-radius: 16px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(120px, 0.45fr)) auto;
  padding: 12px;
}

.wedding-task-mini-stats {
  grid-template-columns: repeat(3, minmax(82px, 1fr));
}

.wedding-kanban-board {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(250px, 1fr));
  overflow-x: auto;
  padding-bottom: 4px;
}

.wedding-kanban-column {
  box-shadow: none;
  min-width: 250px;
  padding: 12px;
}

.wedding-kanban-column header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.wedding-kanban-column header span {
  color: var(--admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.wedding-kanban-column header strong {
  background: #f1f5f9;
  border-radius: 999px;
  color: var(--admin-ink);
  padding: 5px 9px;
}

.wedding-task-stack {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.wedding-task-card {
  background: #f8fafc;
  border: 1px solid #e2eaf3;
  border-radius: 14px;
  display: grid;
  gap: 9px;
  padding: 11px;
}

.wedding-task-card.priority-critical {
  border-color: rgba(220, 38, 38, 0.34);
}

.wedding-task-card.priority-high {
  border-color: rgba(233, 49, 134, 0.32);
}

.wedding-task-top,
.wedding-todo-row,
.wedding-add-todo,
.wedding-move-row {
  align-items: center;
  display: flex;
  gap: 7px;
}

.wedding-task-top .task-title {
  font-weight: 950;
}

.wedding-task-fields {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wedding-task-progress {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: auto auto minmax(0, 1fr);
}

.wedding-task-progress span,
.wedding-task-progress strong {
  color: var(--admin-muted);
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.wedding-task-progress i {
  background: #e2e8f0;
  border-radius: 999px;
  display: block;
  height: 7px;
  overflow: hidden;
}

.wedding-task-progress b {
  background: var(--loteria-green, #1f9d58);
  display: block;
  height: 100%;
}

.wedding-todo-list {
  display: grid;
  gap: 6px;
}

.wedding-todo-row.done input[type="text"] {
  color: #64748b;
  text-decoration: line-through;
}

.wedding-add-todo input {
  flex: 1 1 auto;
}

.wedding-move-row {
  justify-content: flex-end;
}

.wedding-cloud-note {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px;
}

.wedding-tool-page {
  background:
    linear-gradient(180deg, #f8fafc 0%, #eef4f9 100%);
  color: var(--admin-ink);
  min-height: 100vh;
}

.wedding-tool-shellbar {
  align-items: center;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid #dbe6f2;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(220px, auto) minmax(0, 1fr) auto;
  padding: 12px clamp(14px, 2vw, 26px);
  position: sticky;
  top: 0;
  z-index: 40;
}

.wedding-tool-brand {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--admin-ink);
  cursor: pointer;
  display: grid;
  gap: 2px 11px;
  grid-template-columns: 42px auto;
  justify-self: start;
  padding: 0;
  text-align: left;
}

.wedding-tool-brand span {
  align-items: center;
  background: linear-gradient(135deg, var(--loteria-blue), var(--loteria-magenta));
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-weight: 1000;
  grid-row: 1 / span 2;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.wedding-tool-brand strong,
.wedding-tool-brand small {
  display: block;
  line-height: 1.1;
}

.wedding-tool-brand strong {
  font-size: 1rem;
}

.wedding-tool-brand small {
  color: var(--admin-muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.wedding-tool-tabs,
.wedding-tool-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wedding-tool-tabs {
  justify-content: center;
}

.wedding-tool-tabs button {
  background: #f8fafc;
  border: 1px solid #dbe6f2;
  border-radius: 999px;
  color: #475569;
  cursor: pointer;
  font-weight: 950;
  min-height: 36px;
  padding: 8px 13px;
}

.wedding-tool-tabs button:hover {
  background: #111827;
  color: #fff;
}

.wedding-tool-actions {
  justify-content: flex-end;
}

.wedding-tool-body,
.wedding-tool-locked {
  margin: 0 auto;
  max-width: 1920px;
  padding: clamp(12px, 1.6vw, 22px);
  width: 100%;
}

.wedding-tool-locked {
  align-items: center;
  display: grid;
  min-height: calc(100vh - 90px);
}

.wedding-tool-page .cloud-wedding-panel {
  animation: none;
  gap: 12px;
}

.wedding-tool-page .wedding-cloud-hero {
  border-left: 0;
  border-radius: 8px;
  box-shadow: none;
  grid-template-columns: minmax(0, 1fr) minmax(340px, auto);
  padding: 16px;
}

.wedding-tool-page .wedding-workspace-bar {
  border-radius: 8px;
  box-shadow: none;
}

.wedding-clickup-board {
  background: #fff;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
  display: grid;
  gap: 12px;
  padding: 12px;
}

.wedding-board-head {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.wedding-board-head h4 {
  color: var(--admin-ink);
  font-size: 1.15rem;
  margin: 0;
}

.clickup-task-composer {
  border-radius: 8px;
  box-shadow: none;
  grid-template-columns: minmax(260px, 1fr) minmax(120px, 0.35fr) minmax(130px, 0.3fr) minmax(130px, 0.3fr) auto;
}

.clickup-board {
  gap: 10px;
  grid-template-columns: repeat(4, minmax(310px, 1fr));
  max-height: calc(100vh - 340px);
  min-height: min(620px, calc(100vh - 340px));
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
}

.clickup-board .wedding-kanban-column {
  align-self: stretch;
  background: #f8fafc;
  border-color: #dbe6f2;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 310px;
  padding: 10px;
}

.clickup-board .wedding-kanban-column header {
  background: #fff;
  border: 1px solid #e5edf6;
  border-radius: 8px;
  padding: 9px 10px;
}

.clickup-board .wedding-kanban-column h4 {
  align-items: center;
  display: flex;
  gap: 8px;
  font-size: 0.92rem;
}

.clickup-board .wedding-kanban-column h4 span {
  border-radius: 999px;
  display: inline-flex;
  height: 10px;
  width: 10px;
}

.clickup-board .wedding-kanban-column.status-todo h4 span {
  background: #64748b;
}

.clickup-board .wedding-kanban-column.status-doing h4 span {
  background: var(--loteria-blue, #1a73e8);
}

.clickup-board .wedding-kanban-column.status-waiting h4 span {
  background: var(--loteria-yellow, #f7bf2d);
}

.clickup-board .wedding-kanban-column.status-done h4 span {
  background: var(--loteria-green, #1f9d58);
}

.clickup-board .wedding-task-stack {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding-right: 2px;
}

.clickup-task-card {
  background: #fff;
  border-color: #dbe6f2;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  padding: 10px;
  position: relative;
}

.clickup-task-card::before {
  border-radius: 999px;
  bottom: 10px;
  content: "";
  left: 0;
  position: absolute;
  top: 10px;
  width: 3px;
}

.clickup-task-card.priority-low::before {
  background: #94a3b8;
}

.clickup-task-card.priority-medium::before {
  background: var(--loteria-blue, #1a73e8);
}

.clickup-task-card.priority-high::before {
  background: var(--loteria-magenta, #e93186);
}

.clickup-task-card.priority-critical::before {
  background: #dc2626;
}

.clickup-task-card.expanded {
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
}

.clickup-task-card .wedding-task-top {
  align-items: start;
}

.task-expand-button {
  align-items: center;
  background: #f1f5f9;
  border: 1px solid #dbe6f2;
  border-radius: 8px;
  color: #475569;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 1000;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.task-expand-button:hover {
  background: #111827;
  color: #fff;
}

.clickup-card-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.priority-chip,
.owner-chip,
.due-chip {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e5edf6;
  border-radius: 999px;
  color: #475569;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 950;
  gap: 5px;
  min-height: 25px;
  padding: 4px 8px;
}

.priority-chip.priority-critical {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}

.priority-chip.priority-high {
  background: rgba(233, 49, 134, 0.09);
  border-color: rgba(233, 49, 134, 0.18);
  color: #9d174d;
}

.priority-chip.priority-medium {
  background: rgba(26, 115, 232, 0.09);
  border-color: rgba(26, 115, 232, 0.18);
  color: #1d4ed8;
}

.owner-chip b {
  align-items: center;
  background: #111827;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 0.62rem;
  height: 18px;
  justify-content: center;
  width: 18px;
}

.clickup-note-preview {
  color: #64748b;
  display: -webkit-box;
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.clickup-task-details {
  border-top: 1px solid #e5edf6;
  display: grid;
  gap: 9px;
  padding-top: 10px;
}

.clickup-empty-column {
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.35;
  margin: 0;
  padding: 14px;
  text-align: center;
}

.planner-board-toolbar {
  position: sticky;
  top: 70px;
  z-index: 14;
}

.planner-board-toolbar .wedding-task-mini-stats {
  grid-template-columns: repeat(4, minmax(74px, 1fr));
}

.planner-board {
  max-height: calc(100vh - 270px);
  min-height: min(680px, calc(100vh - 270px));
}

.planner-kanban-column.drop-active {
  background: #eef6ff;
  border-color: rgba(26, 115, 232, 0.28);
}

.planner-kanban-column.status-todo {
  background: #f8fafc;
}

.planner-kanban-column.status-doing {
  background: #f3f8ff;
}

.planner-kanban-column.status-waiting {
  background: #fffaf0;
}

.planner-kanban-column.status-done {
  background: #f1fbf5;
}

.planner-column-actions {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

.planner-column-actions button {
  align-items: center;
  background: #111827;
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.1rem;
  font-weight: 1000;
  height: 30px;
  justify-content: center;
  line-height: 1;
  width: 30px;
}

.planner-task-stack {
  align-content: start;
  gap: 8px;
  grid-auto-rows: max-content;
  padding: 8px 2px 2px;
}

.planner-task-card {
  cursor: grab;
  gap: 8px;
  min-height: 104px;
  padding: 11px 11px 11px 13px;
  align-self: start;
  touch-action: pan-y;
  user-select: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.planner-task-card.status-todo {
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  border-color: #d7e0ea;
}

.planner-task-card.status-doing {
  background: linear-gradient(180deg, #fff 0%, #f4f9ff 100%);
  border-color: rgba(26, 115, 232, 0.24);
}

.planner-task-card.status-waiting {
  background: linear-gradient(180deg, #fff 0%, #fffbeb 100%);
  border-color: rgba(247, 191, 45, 0.34);
}

.planner-task-card.status-done {
  background: linear-gradient(180deg, #fff 0%, #f0fdf4 100%);
  border-color: rgba(31, 157, 88, 0.24);
}

.planner-task-card.status-todo::before {
  background: #64748b;
}

.planner-task-card.status-doing::before {
  background: var(--loteria-blue, #1a73e8);
}

.planner-task-card.status-waiting::before {
  background: var(--loteria-yellow, #f7bf2d);
}

.planner-task-card.status-done::before {
  background: var(--loteria-green, #1f9d58);
}

.planner-task-card:hover,
.planner-task-card:focus-visible {
  border-color: rgba(26, 115, 232, 0.34);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.11);
  outline: none;
  transform: translateY(-1px);
}

.planner-task-card.dragging {
  cursor: grabbing;
  opacity: 0.24;
  transform: scale(0.985);
}

.planner-drag-preview {
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.22);
  left: 0;
  opacity: 0.98;
  pointer-events: none;
  position: fixed;
  top: 0;
  z-index: 1200;
}

.planner-card-title-row {
  align-items: start;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.planner-drag-grip {
  align-self: start;
  background-image: radial-gradient(#94a3b8 1.25px, transparent 1.25px);
  background-position: 0 0;
  background-size: 5px 5px;
  cursor: grab;
  height: 20px;
  opacity: 0.7;
  touch-action: none;
  width: 13px;
}

.planner-task-card:hover .planner-drag-grip,
.planner-task-card:focus-visible .planner-drag-grip {
  opacity: 1;
}

.planner-task-card.dragging .planner-drag-grip,
.planner-pointer-dragging .planner-drag-grip {
  cursor: grabbing;
}

.planner-card-title-row strong {
  color: var(--admin-ink);
  font-size: 0.92rem;
  line-height: 1.25;
}

.planner-card-title-row span {
  background: rgba(17, 24, 39, 0.06);
  border: 1px solid #e5edf6;
  border-radius: 999px;
  color: #475569;
  font-size: 0.62rem;
  font-weight: 950;
  padding: 3px 6px;
  text-transform: uppercase;
}

.planner-drop-target {
  align-items: center;
  display: flex;
  height: 12px;
  pointer-events: none;
}

.planner-drop-target::before {
  background: rgba(26, 115, 232, 0.72);
  border-radius: 999px;
  box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12);
  content: "";
  display: block;
  height: 3px;
  width: 100%;
}

.planner-pointer-dragging,
.planner-pointer-dragging * {
  cursor: grabbing !important;
}

.wedding-task-modal-layer {
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.wedding-task-modal {
  background: #fff;
  border: 1px solid #dbe6f2;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
  display: grid;
  gap: 14px;
  max-height: min(760px, calc(100vh - 32px));
  max-width: 760px;
  overflow: auto;
  padding: 18px;
  position: relative;
  width: min(760px, calc(100vw - 32px));
}

.wedding-task-modal-head {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
  padding-right: 36px;
}

.wedding-task-modal-head h3,
.wedding-modal-section-head h4 {
  color: var(--admin-ink);
  margin: 0;
}

.wedding-task-modal label,
.wedding-task-modal-grid {
  display: grid;
  gap: 6px;
}

.wedding-task-modal label span {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.wedding-task-modal input,
.wedding-task-modal select,
.wedding-task-modal textarea {
  background: #f8fafc;
  border: 1px solid #dbe6f2;
  border-radius: 8px;
  color: var(--admin-ink);
  font: inherit;
  font-weight: 820;
  min-height: 40px;
  padding: 9px 10px;
  width: 100%;
}

.wedding-task-modal textarea {
  line-height: 1.4;
  resize: vertical;
}

.wedding-modal-title-field input {
  font-size: 1.05rem;
  font-weight: 950;
}

.wedding-details-toggle {
  justify-self: start;
}

.wedding-task-modal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wedding-task-modal-grid .wide,
.wedding-modal-todos {
  grid-column: 1 / -1;
}

.wedding-modal-todos {
  background: #f8fafc;
  border: 1px solid #e5edf6;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 10px;
}

.wedding-modal-section-head,
.wedding-task-modal-actions,
.wedding-task-modal-actions > div {
  align-items: center;
  display: flex;
  gap: 8px;
}

.wedding-modal-section-head {
  justify-content: space-between;
}

.wedding-modal-section-head span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 950;
}

.wedding-task-modal .wedding-todo-row {
  background: #fff;
  border: 1px solid #e5edf6;
  border-radius: 8px;
  padding: 6px;
}

.wedding-task-modal .wedding-todo-row input[type="checkbox"] {
  min-height: auto;
  width: auto;
}

.wedding-task-modal-actions {
  border-top: 1px solid #e5edf6;
  justify-content: space-between;
  padding-top: 12px;
}

.secondary-button.danger {
  border-color: rgba(220, 38, 38, 0.22);
  color: #991b1b;
}

.admin-locked-panel {
  border-radius: 8px;
  justify-items: start;
  padding: 24px;
}

@media (max-width: 1280px) {
  .admin-health-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }

  .admin-page .admin-cockpit-summary {
    grid-template-columns: repeat(4, minmax(120px, 1fr));
  }

  .ios-metric-grid,
  .ios-metric-grid.priority,
  .ios-insight-strip,
  .ios-trend-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ios-kpi-grid,
  .ios-report-grid.three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1080px) {
  .admin-portal-shell {
    grid-template-columns: 1fr;
  }

  .admin-portal-sidebar {
    position: static;
  }

  .admin-portal-nav {
    display: none;
  }

  .admin-mobile-tabs {
    display: flex;
    overflow-x: auto;
    position: sticky;
    top: 0;
    z-index: 12;
  }

  .admin-mobile-tabs button {
    flex: 0 0 auto;
  }

  .admin-page .support-workspace,
  .admin-page .project-inspector-workspace,
  .admin-page .ai-admin-workspace,
  .wedding-admin-panel,
  .activity-overview-grid,
  .activity-overview-grid.two-col,
  .codes-admin-workspace,
  .code-list-head,
  .sales-access-nav,
  .sales-access-toolbar,
  .wedding-cloud-hero,
  .wedding-workspace-bar,
  .wedding-tool-shellbar,
  .wedding-board-head,
  .wedding-budget-control-grid,
  .wedding-planner-toolbar,
  .wedding-cloud-note,
  .support-request-main,
  .ios-report-grid.two,
  .ios-report-grid.three {
    grid-template-columns: 1fr;
  }

  .code-filter-bar {
    justify-content: start;
  }

  .sales-subtabs {
    min-width: 0;
    width: 100%;
  }

  .sales-access-toolbar .inline-actions {
    justify-content: start;
  }

  .wedding-planner-tools {
    justify-content: start;
  }

  .wedding-cloud-stats,
  .wedding-budget-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wedding-task-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .clickup-task-composer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .planner-board-toolbar .wedding-task-mini-stats,
  .wedding-task-modal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wedding-tool-tabs {
    justify-content: flex-start;
  }

  .wedding-tool-actions {
    justify-content: flex-start;
  }

  .wedding-task-form .wide,
  .wedding-task-form .primary-button {
    grid-column: 1 / -1;
  }

  .ios-analytics-hero {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .ios-hero-actions {
    justify-content: start;
  }

  .ios-usage-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .admin-portal-shell {
    padding: 10px;
  }

  .admin-portal-sidebar,
  .admin-portal-topbar {
    border-radius: 18px;
  }

  .admin-portal-topbar {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .admin-portal-actions {
    justify-content: start;
  }

  .admin-portal-actions .primary-button,
  .admin-portal-actions .secondary-button {
    min-height: 42px;
  }

  .wedding-cloud-stats,
  .wedding-budget-summary,
  .wedding-budget-settings-form,
  .wedding-budget-add-form,
  .clickup-task-composer,
  .wedding-task-form,
  .wedding-task-fields,
  .wedding-task-mini-stats {
    grid-template-columns: 1fr;
  }

  .wedding-tool-shellbar {
    position: static;
  }

  .wedding-tool-tabs,
  .wedding-tool-actions {
    width: 100%;
  }

  .wedding-tool-tabs button,
  .wedding-tool-actions .secondary-button {
    flex: 1 1 auto;
  }

  .wedding-tool-page .wedding-cloud-hero {
    grid-template-columns: 1fr;
  }

  .clickup-board {
    max-height: none;
    min-height: 520px;
  }

  .planner-board-toolbar {
    position: static;
  }

  .planner-board-toolbar .wedding-task-mini-stats,
  .wedding-task-modal-head,
  .wedding-task-modal-grid,
  .wedding-task-modal-actions {
    grid-template-columns: 1fr;
  }

  .wedding-task-modal {
    max-height: calc(100vh - 20px);
    padding: 14px;
    width: calc(100vw - 20px);
  }

  .wedding-task-modal-head {
    padding-right: 34px;
  }

  .wedding-task-modal-actions,
  .wedding-task-modal-actions > div {
    align-items: stretch;
    display: grid;
    width: 100%;
  }

  .planner-board {
    min-height: 580px;
  }

  .planner-kanban-column {
    min-width: 285px;
  }

  .wedding-budget-table-shell {
    max-height: none;
  }

  .wedding-planner-tools input,
  .wedding-planner-tools .secondary-button {
    max-width: none;
    width: 100%;
  }

  .admin-hero-panel,
  .admin-section-hero,
  .admin-dashboard-grid,
  .activity-kpi-grid,
  .activity-session-row,
  .activity-event-row,
  .activity-lead-row,
  .support-grid,
  .support-two-col,
  .ios-analytics-hero,
  .ios-kpi-grid,
  .ios-mini-kpis,
  .ios-funnel {
    grid-template-columns: 1fr;
  }

  .ios-metric-grid,
  .ios-metric-grid.priority,
  .ios-metric-grid.compact,
  .ios-insight-strip,
  .ios-trend-summary,
  .ios-donut-chart,
  .ios-funnel-chart article div {
    grid-template-columns: 1fr;
  }

  .ios-trend-head {
    align-items: stretch;
    display: grid;
  }

  .ios-trend-controls {
    justify-self: start;
    max-width: 100%;
    overflow-x: auto;
  }

  .ios-section-nav {
    border-radius: 22px;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: static;
  }

  .ios-section-nav button {
    flex: 0 0 auto;
  }

  .ios-hero-actions > * {
    flex: 1 1 100%;
  }

  .ios-rollup-banner {
    align-items: start;
    flex-direction: column;
  }

  .ios-donut {
    height: 132px;
    width: 132px;
  }

  .ios-usage-grid {
    grid-template-columns: minmax(92px, 0.85fr) repeat(var(--usage-columns, 7), minmax(40px, 1fr));
  }

  .ios-usage-grid strong,
  .ios-usage-corner,
  .ios-usage-row-label,
  .ios-usage-hour-label,
  .ios-usage-cell {
    font-size: 0.7rem;
    min-height: 30px;
    padding: 6px;
  }

  .admin-quick-actions {
    justify-content: stretch;
  }

  .activity-session-row aside {
    justify-items: start;
  }

  .admin-quick-actions > * {
    flex: 1 1 100%;
  }

  .admin-section-metrics,
  .support-activity-timeline span,
  .access-summary-strip,
  .fixed-code-details,
  .code-form-grid,
  .admin-row-metrics {
    grid-template-columns: 1fr;
  }

  .access-workflow-card {
    grid-template-columns: 1fr;
  }

  .access-workflow-card .code-ticket-preview,
  .access-workflow-card .streamlined-code-form,
  .access-workflow-card .fixed-code-details,
  .access-workflow-card .code-form-actions {
    grid-column: auto;
    grid-row: auto;
  }

  .access-workflow-card .fixed-code-details {
    grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
  }

  .admin-code-row {
    grid-template-columns: 1fr;
  }

  .admin-code-row .admin-row-metrics {
    grid-template-columns: 1fr;
  }

  .code-form-grid label.wide {
    grid-column: auto;
  }

  .code-form-actions,
  .admin-code-row .inline-actions,
  .sales-access-toolbar .inline-actions,
  .table-actions {
    justify-content: stretch;
  }

  .code-form-actions > *,
  .admin-code-row .inline-actions > *,
  .sales-access-toolbar .inline-actions > *,
  .table-actions > * {
    flex: 1 1 100%;
  }

  .help-launcher {
    bottom: max(14px, env(safe-area-inset-bottom));
    min-height: 44px;
    padding-right: 13px;
    right: max(14px, env(safe-area-inset-right));
  }

  .support-card {
    border-radius: 24px;
    padding: 18px;
  }

  .support-card-header {
    padding-right: 40px;
  }

  .admin-page .admin-cockpit-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-health-grid {
    grid-template-columns: 1fr;
  }

  .raw-events-card .ios-table-scroll {
    max-height: none;
  }

  .raw-events-card .ios-table-scroll table,
  .raw-events-card .ios-table-scroll thead,
  .raw-events-card .ios-table-scroll tbody,
  .raw-events-card .ios-table-scroll tr,
  .raw-events-card .ios-table-scroll td {
    display: block;
    min-width: 0;
    width: 100%;
  }

  .raw-events-card .ios-table-scroll thead {
    display: none;
  }

  .raw-events-card .ios-table-scroll tr {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(23, 16, 12, 0.08);
    border-radius: 18px;
    margin-bottom: 12px;
    overflow: hidden;
  }

  .raw-events-card .ios-table-scroll td {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(92px, 0.35fr) minmax(0, 1fr);
    max-width: none;
    padding: 9px 11px;
  }

  .raw-events-card .ios-table-scroll td::before {
    color: var(--admin-muted);
    content: attr(data-label);
    font-size: 0.7rem;
    font-weight: 950;
    text-transform: uppercase;
  }

  .admin-code-row,
  .admin-ledger-row,
  .admin-row-metrics,
  .admin-support-metrics {
    grid-template-columns: 1fr;
  }
}

/* Viewport-safe modal layer */
body.modal-open {
  overflow: hidden;
}

.modal-backdrop,
.template-modal-backdrop,
.ai-token-backdrop,
.ai-preview-lightbox {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(16px, 4dvh, 42px);
  position: fixed;
  z-index: 1000;
}

.ai-preview-lightbox {
  z-index: 1010;
}

.modal-backdrop > *,
.template-modal-backdrop > *,
.ai-token-backdrop > *,
.ai-preview-lightbox > * {
  flex: 0 1 auto;
  margin: auto;
  max-height: calc(100dvh - clamp(32px, 8dvh, 84px));
}

.auth-card,
.ai-token-modal,
.template-modal,
.support-card,
.ai-preview-lightbox-card {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.auth-card,
.ai-token-modal,
.support-card {
  max-width: min(720px, calc(100vw - 32px));
}

.auth-card,
.ai-token-modal,
.support-card {
  max-height: calc(100dvh - clamp(32px, 8dvh, 84px));
}

.support-card {
  max-width: min(840px, calc(100vw - 32px));
}

@media (max-width: 640px), (max-height: 720px) {
  .modal-backdrop,
  .template-modal-backdrop,
  .ai-token-backdrop,
  .ai-preview-lightbox {
    align-items: flex-start;
    padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));
  }

  .modal-backdrop > *,
  .template-modal-backdrop > *,
  .ai-token-backdrop > *,
  .ai-preview-lightbox > * {
    margin-bottom: 0;
    margin-top: 0;
    max-height: calc(100dvh - 28px);
  }

  .auth-card {
    border-radius: 22px;
    gap: 8px;
    padding: 18px;
  }

  .auth-card h2 {
    font-size: clamp(1.55rem, 7.4vw, 2.2rem);
  }

  .auth-card label {
    gap: 5px;
  }

  .auth-card label span {
    font-size: 0.82rem;
  }

  .auth-card input:not([type="checkbox"]) {
    border-radius: 15px;
    min-height: 42px;
    padding: 0 12px;
  }

  .auth-card .primary-button.full,
  .auth-card .secondary-button.full {
    min-height: 42px;
  }

  .auth-card .soft-copy,
  .auth-consent-row span {
    font-size: 0.82rem;
    line-height: 1.32;
  }

  .auth-benefit-strip {
    display: none;
  }

  .auth-consent-row,
  .auth-code-toggle {
    padding: 10px 12px;
  }
}

/* Compact commerce status for project and builder headers */
.project-hub-side,
.builder-intro-side {
  display: grid;
  gap: 10px;
}

.builder-intro-side > p {
  color: var(--studio-muted, #654d3f);
  font-size: clamp(0.9rem, 1.04vw, 1.02rem);
  font-weight: 620;
  line-height: 1.45;
  margin: 0;
  max-width: 560px;
}

.purchase-wallet.compact-wallet {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.92), rgba(244, 238, 226, 0.78)),
    rgba(255, 250, 240, 0.9);
  border: 1px solid rgba(23, 16, 12, 0.1);
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(50, 31, 20, 0.08);
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(150px, 0.9fr) minmax(220px, 1.35fr) auto;
  padding: 10px;
}

.compact-wallet-status {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.compact-wallet-status span,
.compact-wallet-pills b {
  color: rgba(83, 54, 39, 0.66);
  font-size: 0.64rem;
  font-weight: 940;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.compact-wallet-status strong {
  color: var(--studio-ink, #24130e);
  font-size: 0.98rem;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.compact-wallet-status small {
  color: rgba(83, 54, 39, 0.72);
  font-size: 0.72rem;
  font-weight: 720;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.compact-wallet-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.compact-wallet-pills span,
.compact-wallet-pills a {
  align-items: center;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(23, 16, 12, 0.08);
  border-radius: 999px;
  color: var(--studio-ink, #24130e);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 850;
  gap: 6px;
  min-height: 32px;
  padding: 6px 9px;
}

.compact-wallet-actions,
.square-pass-mini {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  min-width: 0;
}

.square-pass-mini .access-code-message {
  flex-basis: 100%;
  font-size: 0.72rem;
  text-align: right;
}

.mini-wallet-button {
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  white-space: nowrap;
}

.project-hub-page .project-hub-hero {
  align-items: start;
  margin-bottom: 14px;
}

.project-hub-page .project-hub-stats {
  gap: 8px;
}

.project-hub-page .project-hub-stats article {
  border-radius: 16px;
  padding: 11px;
}

.project-hub-page .project-hub-stats strong {
  font-size: 1.05rem;
  margin-top: 3px;
}

.project-hub-page .project-hub-stats article small {
  color: var(--gallery-muted);
  display: block;
  font-size: 0.72rem;
  font-weight: 760;
  margin-top: 2px;
}

.project-hub-page .project-hub-stats .ai-token-stat {
  --card-accent: var(--loteria-purple);
}

.project-commerce-card {
  background:
    linear-gradient(90deg, var(--loteria-magenta) 0 6px, transparent 6px),
    radial-gradient(circle at 96% 12%, rgba(236, 47, 145, 0.13), transparent 9rem),
    radial-gradient(circle at 8% 100%, rgba(41, 189, 242, 0.11), transparent 9rem),
    rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 20px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px 14px 14px 18px;
}

.project-commerce-card span {
  color: var(--loteria-magenta);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.project-commerce-card strong {
  color: var(--gallery-ink);
  display: block;
  font-size: 1.08rem;
  line-height: 1.05;
  margin-top: 3px;
}

.project-commerce-card p {
  color: var(--gallery-muted);
  font-size: 0.82rem;
  font-weight: 720;
  line-height: 1.35;
  margin: 4px 0 0;
}

.project-commerce-actions,
.project-commerce-actions .square-pass-mini {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.project-hub-page .project-action-grid {
  grid-template-columns: 1fr;
  margin-bottom: 16px;
}

.project-hub-page .project-action-card {
  align-items: center;
  gap: 6px 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px 16px;
}

.project-hub-page .project-action-card h2 {
  font-size: 1.2rem;
  margin: 0;
}

.project-hub-page .project-action-card p {
  margin: 0;
}

.project-hub-page .project-action-card button {
  grid-column: 2;
}

.project-hub-page .project-action-card > span,
.project-hub-page .project-action-card h2,
.project-hub-page .project-action-card p {
  grid-column: 1;
}

.project-hub-page .project-action-card > .primary-button {
  grid-row: 1 / span 3;
}

@media (max-width: 1180px) {
  .project-pass-checkout-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .project-pass-checkout-summary {
    border-bottom: 1px solid rgba(255, 250, 240, 0.12);
    border-right: 0;
  }

  .purchase-wallet.compact-wallet {
    grid-template-columns: 1fr;
  }

  .compact-wallet-actions,
  .square-pass-mini {
    justify-content: flex-start;
  }

  .square-pass-mini .access-code-message {
    text-align: left;
  }

  .project-commerce-card {
    grid-template-columns: 1fr;
  }

  .project-commerce-actions,
  .project-commerce-actions .square-pass-mini {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .project-pass-checkout-card {
    border-radius: 18px;
  }

  .project-pass-checkout-summary,
  .project-pass-payment-panel {
    padding: 22px;
  }

  .project-pass-checkout-summary h2 {
    font-size: 2.15rem;
    line-height: 0.92;
  }

  .project-pass-checkout-summary > p,
  .project-pass-trust-list li,
  .project-pass-choice-copy p {
    font-size: 0.9rem;
  }

  .etsy-choice {
    grid-template-columns: 1fr;
  }

  .project-pass-etsy-link,
  .project-pass-text-button {
    justify-self: stretch;
    text-align: center;
  }

  .project-hub-page .project-action-card {
    grid-template-columns: 1fr;
  }

  .project-hub-page .project-action-card button,
  .project-hub-page .project-action-card > span,
  .project-hub-page .project-action-card h2,
  .project-hub-page .project-action-card p,
  .project-hub-page .project-action-card > .primary-button {
    grid-column: 1;
    grid-row: auto;
  }
}

/* Gallery Lotería theme: white-first app-wide refresh */
.landing,
.builder-page,
.seo-redesign,
.landing-redesign {
  background:
    radial-gradient(circle at 8% 8%, rgba(41, 189, 242, 0.12), transparent 26rem),
    radial-gradient(circle at 94% 10%, rgba(236, 47, 145, 0.1), transparent 25rem),
    radial-gradient(circle at 80% 92%, rgba(255, 211, 51, 0.12), transparent 24rem),
    linear-gradient(180deg, var(--gallery-white) 0%, var(--gallery-canvas) 52%, var(--gallery-white) 100%) !important;
  color: var(--gallery-ink);
}

.landing::before,
.builder-page::before,
.landing-redesign::before {
  background-image:
    linear-gradient(45deg, rgba(41, 189, 242, 0.05) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(236, 47, 145, 0.045) 25%, transparent 25%);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.32), transparent 70%);
  opacity: 0.44;
}

.top-nav,
.landing-redesign .top-nav,
.builder-header {
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  border-radius: 24px;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.1) !important;
  color: var(--gallery-ink) !important;
}

.top-nav::after,
.landing-redesign .top-nav::after,
.builder-header::after {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta), var(--loteria-purple)) !important;
  bottom: -5px;
  height: 4px;
}

.brand-label,
.landing-redesign .brand-label,
.landing-redesign .nav-links a,
.nav-links a,
.nav-ghost,
.nav-cta {
  color: var(--gallery-ink) !important;
}

.logo-mark {
  background: var(--gallery-white);
  border-color: var(--gallery-white);
  border-radius: 15px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

.nav-ghost,
.nav-cta,
.landing-redesign .nav-ghost,
.landing-redesign .nav-cta,
.landing-redesign .secondary-button,
.secondary-button,
.small-button,
.mini-wallet-button {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(21, 17, 15, 0.12) !important;
  box-shadow: none !important;
  color: var(--gallery-ink) !important;
}

.nav-ghost:hover,
.nav-cta:hover,
.secondary-button:hover,
.small-button:hover {
  background: rgba(41, 189, 242, 0.1) !important;
  border-color: rgba(41, 189, 242, 0.24) !important;
  color: #087ca0 !important;
}

.nav-icon {
  background: rgba(41, 189, 242, 0.12) !important;
  color: #087ca0 !important;
}

.language-toggle,
.landing-redesign .language-toggle {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(21, 17, 15, 0.12) !important;
}

.language-toggle button,
.language-toggle a,
.landing-redesign .language-toggle button,
.landing-redesign .language-toggle a {
  color: var(--gallery-muted) !important;
}

.language-toggle button.active,
.language-toggle a.active,
.landing-redesign .language-toggle button.active,
.landing-redesign .language-toggle a.active {
  background: var(--gallery-ink) !important;
  color: var(--gallery-white) !important;
}

.primary-button,
.landing-redesign .primary-button,
.nav-cta.primary,
.auth-submit,
.checkout-button,
.builder-page .sparkle-button {
  background: linear-gradient(135deg, var(--loteria-magenta), var(--loteria-red)) !important;
  border: 0 !important;
  box-shadow: 0 14px 30px rgba(236, 47, 145, 0.22) !important;
  color: var(--gallery-white) !important;
}

.primary-button:hover,
.landing-redesign .primary-button:hover,
.builder-page .sparkle-button:hover {
  box-shadow: 0 18px 38px rgba(236, 47, 145, 0.28) !important;
  filter: saturate(1.04);
  transform: translateY(-1px);
}

.danger-button,
.delete-button,
.builder-page .delete-button {
  background: rgba(228, 58, 46, 0.08) !important;
  border-color: rgba(228, 58, 46, 0.2) !important;
  color: #ba241b !important;
}

/* Public landing */
.landing-redesign {
  --lm-dark: var(--gallery-ink);
  --lm-dark-2: #2a241f;
  --lm-cream: var(--gallery-white);
  --lm-paper: var(--gallery-white);
  --lm-red: var(--loteria-red);
  --lm-red-dark: #ad2118;
  --lm-teal: var(--loteria-blue);
  --lm-green: var(--loteria-green);
  --lm-gold: var(--loteria-yellow);
  --lm-pink: var(--loteria-magenta);
  --lm-purple: var(--loteria-purple);
}

.lm-hero {
  background:
    radial-gradient(circle at 78% 18%, rgba(41, 189, 242, 0.16), transparent 22rem),
    radial-gradient(circle at 12% 78%, rgba(255, 211, 51, 0.14), transparent 22rem),
    rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 42px;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.1);
}

.lm-hero::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.78)) !important;
  border-color: rgba(21, 17, 15, 0.08);
}

.lm-hero::after {
  background:
    linear-gradient(135deg, var(--loteria-blue) 0 18%, transparent 18% 30%, var(--loteria-yellow) 30% 50%, transparent 50% 62%, var(--loteria-magenta) 62% 82%, var(--loteria-green) 82%) !important;
  opacity: 1;
}

.lm-kicker,
.landing-redesign .seo-faq-section .eyebrow,
.lm-intro .lm-kicker,
.lm-section-head .lm-kicker {
  color: var(--loteria-magenta) !important;
}

.lm-hero h1,
.lm-hero h1 span,
.lm-ai-copy h2,
.lm-statement h2,
.lm-print-section .lm-section-head h2,
.lm-final-cta h2 {
  color: var(--gallery-ink) !important;
}

.lm-hero h1 em {
  color: var(--loteria-blue) !important;
}

.seo-home-route .lm-hero h1 {
  font-size: clamp(3.1rem, 5.15vw, 6.2rem);
  letter-spacing: -0.055em;
  line-height: 0.88;
  max-width: 820px;
}

.seo-home-route .lm-hero h1 em {
  font-size: clamp(1.22rem, 1.7vw, 2rem);
  letter-spacing: 0;
  line-height: 1.12;
  max-width: 32ch;
}

.seo-home-route .lm-hero-sub {
  max-width: 660px;
}

.lm-hero-sub,
.lm-ai-copy p:not(.lm-kicker),
.lm-statement p,
.lm-print-section .lm-section-head p:not(.lm-kicker),
.landing-redesign .site-footer p,
.landing-redesign .site-footer a,
.landing-redesign .site-footer button {
  color: var(--gallery-muted) !important;
}

.lm-proof-row span {
  background: var(--gallery-white) !important;
  border-color: rgba(21, 17, 15, 0.1) !important;
  color: var(--gallery-ink) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

.lm-marquee {
  background: var(--gallery-white) !important;
  border-bottom-color: rgba(21, 17, 15, 0.1);
  border-top-color: rgba(21, 17, 15, 0.1);
  color: var(--gallery-ink) !important;
}

.lm-marquee span:nth-child(4n + 1) {
  color: var(--loteria-blue);
}

.lm-marquee span:nth-child(4n + 2) {
  color: var(--loteria-green);
}

.lm-marquee span:nth-child(4n + 3) {
  color: var(--loteria-magenta);
}

.lm-marquee span:nth-child(4n + 4) {
  color: var(--loteria-purple);
}

.lm-intro,
.lm-ai-promo,
.lm-process,
.lm-feature-showcase,
.lm-statements,
.lm-gallery,
.lm-print-section,
.lm-reviews,
.landing-redesign .seo-faq-section,
.landing-redesign .seo-related-section,
.lm-final-cta,
.landing-redesign .site-footer {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 34px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
  color: var(--gallery-ink) !important;
  margin-bottom: 28px;
  margin-top: 28px;
}

.lm-ai-promo,
.lm-print-section,
.lm-final-cta {
  background:
    radial-gradient(circle at 88% 16%, rgba(41, 189, 242, 0.12), transparent 24rem),
    radial-gradient(circle at 12% 88%, rgba(236, 47, 145, 0.09), transparent 24rem),
    rgba(255, 255, 255, 0.92) !important;
}

.lm-statements {
  gap: 16px;
  padding: clamp(20px, 3vw, 34px);
}

.lm-statement,
.lm-step-card,
.lm-feature-tile,
.lm-sample-card,
.lm-review-card,
.landing-redesign .seo-faq-grid details,
.landing-redesign .seo-related-grid a,
.landing-redesign .seo-topic-links a,
.physical-product-card {
  background: var(--gallery-white) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08) !important;
}

.lm-step-card::after {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta)) !important;
}

.lm-step-card > span,
.lm-statement > div > span,
.lm-sample-tag {
  background: rgba(41, 189, 242, 0.1) !important;
  border-color: rgba(41, 189, 242, 0.2) !important;
  color: #087ca0 !important;
}

.lm-feature-tile:nth-child(6n + 1),
.lm-step-card:nth-child(4n + 1) {
  border-top: 5px solid var(--loteria-blue) !important;
}

.lm-feature-tile:nth-child(6n + 2),
.lm-step-card:nth-child(4n + 2) {
  border-top: 5px solid var(--loteria-green) !important;
}

.lm-feature-tile:nth-child(6n + 3),
.lm-step-card:nth-child(4n + 3) {
  border-top: 5px solid var(--loteria-yellow) !important;
}

.lm-feature-tile:nth-child(6n + 4),
.lm-step-card:nth-child(4n + 4) {
  border-top: 5px solid var(--loteria-magenta) !important;
}

.lm-feature-tile:nth-child(6n + 5) {
  border-top: 5px solid var(--loteria-purple) !important;
}

.lm-feature-tile:nth-child(6n + 6) {
  border-top: 5px solid var(--loteria-red) !important;
}

.lm-memory-collage,
.lm-memory-board,
.lm-sample-art {
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
}

.lm-ai-card {
  border-color: rgba(21, 17, 15, 0.1);
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
}

.lm-ai-arrow {
  background: linear-gradient(135deg, var(--loteria-blue), var(--loteria-magenta)) !important;
  box-shadow: 0 14px 30px rgba(41, 189, 242, 0.2);
}

.landing-redesign .site-footer {
  border-radius: 34px 34px 0 0;
  box-shadow: none;
}

/* Builder, projects, account, legal */
.builder-page {
  --studio-bg: var(--gallery-canvas);
  --studio-canvas: var(--gallery-white);
  --studio-surface: rgba(255, 255, 255, 0.86);
  --studio-surface-strong: rgba(255, 255, 255, 0.96);
  --studio-ink: var(--gallery-ink);
  --studio-muted: var(--gallery-muted);
  --studio-soft: #8b94a3;
  --studio-red: var(--loteria-magenta);
  --studio-red-dark: #bf1f70;
  --studio-green: var(--loteria-green);
  --studio-gold: var(--loteria-yellow);
  --studio-line: rgba(21, 17, 15, 0.1);
  --studio-line-strong: rgba(21, 17, 15, 0.18);
  --studio-shadow: 0 24px 70px rgba(15, 23, 42, 0.11);
  --studio-soft-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.builder-page .builder-shell,
.project-hub-page .builder-shell,
.account-page .builder-shell,
.legal-page .builder-shell {
  background: transparent !important;
}

.builder-page .builder-intro,
.project-hub-hero,
.dashboard-panel,
.builder-panel,
.builder-page .studio-panel,
.builder-page .studio-action-card,
.builder-page .download-card,
.builder-page .generator-card,
.builder-page .template-section-card,
.builder-page .text-style-card,
.builder-page .design-control-card,
.builder-page .label-style-panel,
.builder-page .photo-edit,
.builder-page .upload-progress-card,
.builder-page .cards-main-head,
.builder-page .ai-glow-panel,
.builder-page .project-start-card,
.project-action-card,
.saved-project-card,
.signin-project-callout {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

.builder-page .studio-panel-header,
.builder-page .studio-sidebar,
.builder-page .studio-main {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(21, 17, 15, 0.1) !important;
}

.builder-page .studio-main {
  background:
    radial-gradient(circle at 10% 6%, rgba(41, 189, 242, 0.08), transparent 18rem),
    rgba(255, 255, 255, 0.72) !important;
}

.builder-page input,
.builder-page select,
.builder-page textarea,
.builder-page .template-select-label select,
.builder-page .color-inline,
.builder-page .weight-picker,
.builder-page .alignment-picker {
  background: var(--gallery-white) !important;
  border-color: rgba(21, 17, 15, 0.12) !important;
  color: var(--gallery-ink) !important;
}

.builder-page input:focus,
.builder-page select:focus,
.builder-page textarea:focus {
  border-color: rgba(41, 189, 242, 0.52) !important;
  box-shadow: 0 0 0 4px rgba(41, 189, 242, 0.14) !important;
}

.builder-page .drop-zone {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.84)),
    repeating-linear-gradient(135deg, rgba(41, 189, 242, 0.06) 0 1px, transparent 1px 12px) !important;
  border-color: rgba(236, 47, 145, 0.32) !important;
}

.builder-page .drop-art {
  background:
    linear-gradient(135deg, var(--loteria-blue) 0 28%, var(--loteria-yellow) 28% 54%, var(--loteria-magenta) 54% 78%, var(--loteria-green) 78%) !important;
}

.builder-page .cards-main-head span,
.builder-page .crop-toggle button.active,
.builder-page .alignment-picker button.active,
.builder-page .weight-picker button.active,
.dashboard-tabs button.active,
.step-pill.active {
  background: var(--gallery-ink) !important;
  color: var(--gallery-white) !important;
}

.builder-page .card-editor,
.builder-page .saved-project-card {
  background: var(--gallery-white) !important;
  border-color: rgba(21, 17, 15, 0.1) !important;
}

.builder-page .card-editor:hover,
.project-action-card:hover,
.saved-project-card:hover {
  border-color: rgba(41, 189, 242, 0.32) !important;
  box-shadow: 0 22px 52px rgba(15, 23, 42, 0.12) !important;
}

.builder-page .cards-studio-panel .ai-glow-panel {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 211, 51, 0.2), transparent 18rem),
    radial-gradient(circle at 90% 82%, rgba(98, 70, 217, 0.12), transparent 16rem),
    var(--gallery-white) !important;
  border-left: 6px solid var(--loteria-purple) !important;
}

.builder-page .stepper {
  background:
    linear-gradient(90deg, rgba(41, 189, 242, 0.1), rgba(32, 165, 90, 0.09), rgba(255, 211, 51, 0.12), rgba(236, 47, 145, 0.09), rgba(98, 70, 217, 0.1)),
    rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  border-radius: 28px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08) !important;
  gap: 7px;
  padding: 8px;
}

.builder-page .stepper::before {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta), var(--loteria-purple));
  height: 3px;
  left: 42px;
  opacity: 0.26;
  right: 42px;
}

.builder-page .step-pill {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 999px;
  color: var(--gallery-muted);
  min-height: 46px;
}

.builder-page .step-pill span {
  background: #ffffff;
  border: 1px solid rgba(21, 17, 15, 0.12);
  color: var(--gallery-muted);
}

.builder-page .step-pill.active {
  background: linear-gradient(135deg, var(--loteria-magenta), var(--loteria-red)) !important;
  box-shadow: 0 16px 34px rgba(236, 47, 145, 0.2) !important;
  color: #ffffff !important;
}

.builder-page .step-pill.active span {
  background: #ffffff !important;
  color: var(--loteria-magenta) !important;
}

.builder-page .step-pill.complete:not(.active) {
  background: rgba(32, 165, 90, 0.08);
  border-color: rgba(32, 165, 90, 0.18);
  color: #12733d;
}

.builder-page .step-pill.complete:not(.active) span {
  background: var(--loteria-green);
  border-color: var(--loteria-green);
  color: #ffffff;
}

.builder-page .ai-settings-card {
  --card-accent: var(--loteria-purple);
  background:
    linear-gradient(180deg, var(--card-accent) 0 5px, transparent 5px),
    radial-gradient(circle at 100% 0%, rgba(98, 70, 217, 0.16), transparent 8rem),
    rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(98, 70, 217, 0.18);
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 8px;
  padding: 11px;
}

.builder-page .section-minihead.compact {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin: 0;
}

.builder-page .section-minihead.compact span {
  color: var(--gallery-ink);
  font-size: 0.72rem;
}

.builder-page .ai-minihead {
  gap: 8px;
}

.builder-page .ai-minihead-actions {
  align-items: center;
  display: flex;
  gap: 6px;
}

.builder-page .ai-minihead .small-button {
  min-height: 30px;
  padding: 5px 8px;
}

.builder-page .ai-settings-card .soft-copy {
  font-size: 0.82rem;
  margin: 0;
}

.builder-page .ai-token-pill.compact {
  align-items: center;
  background: linear-gradient(135deg, rgba(98, 70, 217, 0.1), rgba(41, 189, 242, 0.1));
  border: 1px solid rgba(98, 70, 217, 0.18);
  border-radius: 999px;
  box-shadow: none;
  display: flex;
  gap: 5px;
  justify-content: space-between;
  min-height: 30px;
  padding: 5px 8px;
}

.builder-page .ai-token-pill.compact strong {
  color: var(--loteria-purple);
  font-size: 0.98rem;
  line-height: 1;
}

.builder-page .ai-token-pill.compact span {
  font-size: 0.7rem;
  font-weight: 850;
}

.builder-page .ai-style-pills.compact {
  grid-template-columns: 1fr 1fr;
}

.builder-page .ai-style-pills.compact button,
.builder-page .ai-quality-toggle button {
  font-size: 0.73rem;
  min-height: 32px;
  padding: 6px;
}

.builder-page .ai-settings-card .ai-control-group {
  gap: 5px;
}

.builder-page .ai-settings-card .ai-style-pills,
.builder-page .ai-settings-card .ai-quality-toggle {
  border-radius: 14px;
  gap: 4px;
  padding: 4px;
}

.builder-page .ai-settings-card .ai-more-style {
  min-height: 34px;
}

.builder-page .ai-bulk-bar.compact {
  align-items: center;
  background: rgba(255, 211, 51, 0.16);
  border: 1px solid rgba(255, 211, 51, 0.32);
  border-radius: 14px;
  color: var(--gallery-ink);
  font-size: 0.82rem;
  font-weight: 850;
  padding: 8px 10px;
}

.builder-page .studio-action-card.ai {
  --card-accent: var(--loteria-purple);
  background:
    linear-gradient(180deg, var(--card-accent) 0 8px, transparent 8px),
    radial-gradient(circle at 96% 4%, rgba(98, 70, 217, 0.2), transparent 8rem),
    radial-gradient(circle at 0% 100%, rgba(236, 47, 145, 0.12), transparent 9rem),
    #ffffff !important;
}

.builder-page .ai-guidance-preview {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr auto 1fr;
  margin: 12px 0;
}

.builder-page .ai-mini-card {
  background: #fff7df;
  border: 2px solid #ffffff;
  border-radius: 15px;
  box-shadow: 0 14px 26px rgba(15, 23, 42, 0.12);
  display: grid;
  gap: 5px;
  overflow: hidden;
  padding: 6px;
  transform: rotate(-3deg);
}

.builder-page .ai-mini-card.illustrated {
  border-color: rgba(255, 211, 51, 0.8);
  transform: rotate(3deg);
}

.builder-page .ai-mini-card img,
.builder-page .ai-mini-card span {
  aspect-ratio: 2.5 / 3.5;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(21, 17, 15, 0.46);
  border-radius: 10px 10px 3px 3px;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.builder-page .ai-mini-card b {
  color: var(--gallery-ink);
  font-size: 0.62rem;
  font-weight: 950;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.builder-page .ai-mini-arrow {
  align-items: center;
  background: linear-gradient(135deg, var(--loteria-yellow), var(--loteria-magenta), var(--loteria-blue));
  border-radius: 999px;
  color: #ffffff;
  display: flex;
  font-size: 0.68rem;
  font-weight: 950;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.builder-page .ai-guidance-balance {
  align-items: center;
  background: rgba(98, 70, 217, 0.08);
  border: 1px solid rgba(98, 70, 217, 0.14);
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  margin: 8px 0 12px;
  padding: 10px 12px;
}

.builder-page .ai-guidance-balance strong {
  color: var(--loteria-purple);
  font-size: 1.5rem;
}

/* Builder header: studio cover + compact progress */
.builder-page .builder-intro {
  align-items: stretch !important;
  background:
    linear-gradient(90deg, rgba(41, 189, 242, 0.16) 0 6px, transparent 6px),
    radial-gradient(circle at 5% 0%, rgba(41, 189, 242, 0.14), transparent 19rem),
    radial-gradient(circle at 96% 18%, rgba(236, 47, 145, 0.1), transparent 18rem),
    rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  border-radius: 30px !important;
  box-shadow: 0 20px 54px rgba(15, 23, 42, 0.09) !important;
  display: grid !important;
  gap: clamp(18px, 2.6vw, 42px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.56fr) !important;
  margin: 10px 0 14px !important;
  overflow: hidden;
  padding: clamp(22px, 3vw, 34px) !important;
  position: relative;
}

.builder-page .builder-intro::after {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta), var(--loteria-purple));
  border-radius: 999px;
  bottom: 0;
  content: "";
  height: 5px;
  left: 18px;
  opacity: 0.95;
  position: absolute;
  right: 18px;
}

.builder-page .builder-intro > div:first-child {
  align-self: end;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.builder-page .builder-intro .eyebrow {
  color: var(--loteria-magenta) !important;
  margin-bottom: 8px !important;
}

.builder-page .builder-intro h1 {
  font-size: clamp(2.8rem, 4.6vw, 5rem) !important;
  letter-spacing: -0.075em !important;
  line-height: 0.92 !important;
  margin: 0 !important;
  max-width: 760px;
}

.builder-page .builder-intro-side {
  align-content: center;
  align-self: stretch;
  display: grid;
  gap: 12px;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.builder-page .builder-intro-side > p {
  background: rgba(255, 255, 255, 0.64);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 18px;
  color: rgba(25, 24, 24, 0.76);
  font-size: clamp(0.9rem, 1vw, 1.02rem);
  line-height: 1.42;
  margin: 0;
  max-width: none;
  padding: 12px 14px;
}

.builder-page .builder-intro .purchase-wallet.compact-wallet {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  border-radius: 20px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.68), 0 13px 30px rgba(15, 23, 42, 0.07) !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1fr) auto !important;
  padding: 12px !important;
}

.builder-page .builder-intro .compact-wallet-status strong {
  font-size: 1.02rem;
}

.builder-page .builder-intro .compact-wallet-status small {
  color: rgba(25, 24, 24, 0.62);
}

.builder-page .builder-intro .compact-wallet-pills {
  align-items: center;
}

.builder-page .builder-intro .compact-wallet-pills span,
.builder-page .builder-intro .compact-wallet-pills a {
  background: #ffffff !important;
  border-color: rgba(21, 17, 15, 0.1) !important;
  min-height: 30px;
  padding: 5px 9px;
}

.builder-page .builder-intro .compact-wallet-actions:empty {
  display: none;
}

.builder-page .stepper {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  border-radius: 999px !important;
  box-shadow: 0 15px 38px rgba(15, 23, 42, 0.08) !important;
  gap: 7px !important;
  margin-bottom: 18px !important;
  min-height: 60px;
  padding: 8px !important;
}

.builder-page .stepper::before {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta), var(--loteria-purple)) !important;
  height: 2px !important;
  left: 34px !important;
  opacity: 0.22 !important;
  right: 34px !important;
  top: 50% !important;
}

.builder-page .step-pill {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  gap: 9px !important;
  justify-content: center;
  min-height: 43px !important;
  padding: 7px 11px !important;
  position: relative;
}

.builder-page .step-pill span {
  height: 27px !important;
  min-width: 27px !important;
  width: 27px !important;
}

.builder-page .step-pill.active {
  background: linear-gradient(135deg, var(--loteria-magenta), var(--loteria-red)) !important;
  border-color: transparent !important;
  box-shadow: 0 16px 30px rgba(236, 47, 145, 0.18) !important;
  transform: none !important;
}

.builder-page .step-pill.complete:not(.active) {
  background: rgba(32, 165, 90, 0.1) !important;
  border-color: rgba(32, 165, 90, 0.18) !important;
}

.builder-page .step-pill.locked {
  background: rgba(248, 250, 252, 0.72) !important;
  opacity: 0.62;
}

@media (max-width: 1080px) {
  .builder-page .builder-intro {
    grid-template-columns: 1fr !important;
  }

  .builder-page .builder-intro-side {
    align-content: start;
  }

  .builder-page .builder-intro .purchase-wallet.compact-wallet {
    grid-template-columns: 1fr !important;
  }

  .builder-page .builder-intro .compact-wallet-actions,
  .builder-page .builder-intro .square-pass-mini {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .builder-page .builder-intro {
    border-radius: 24px !important;
    margin-top: 8px !important;
    padding: 18px !important;
  }

  .builder-page .builder-intro::after {
    left: 14px;
    right: 14px;
  }

  .builder-page .builder-intro h1 {
    font-size: clamp(2.55rem, 15vw, 4.2rem) !important;
    letter-spacing: -0.065em !important;
  }

  .builder-page .builder-intro-side > p {
    font-size: 0.9rem;
    padding: 11px 12px;
  }

  .builder-page .stepper {
    border-radius: 24px !important;
    display: grid !important;
    grid-auto-columns: minmax(148px, 58vw);
    grid-auto-flow: column;
    grid-template-columns: none !important;
    min-height: auto;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 8px !important;
    scroll-padding-inline: 8px;
    scroll-snap-type: x proximity;
  }

  .builder-page .stepper::before {
    display: none;
  }

  .builder-page .step-pill {
    justify-content: center;
    min-height: 40px !important;
    scroll-snap-align: start;
    white-space: nowrap;
    width: auto;
  }
}

.access-status-badge,
.purchase-wallet.compact-wallet,
.project-access-callout,
.attempt-notice,
.finalize-panel {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(21, 17, 15, 0.1) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

.access-status-badge.available,
.access-status-badge.paid,
.access-status-badge.admin {
  border-left-color: var(--loteria-green) !important;
}

.access-status-badge.needed,
.attempt-notice {
  border-left-color: var(--loteria-yellow) !important;
}

.access-status-badge.locked {
  border-left-color: var(--loteria-purple) !important;
}

.project-hub-stats article {
  background: var(--gallery-white) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

.project-action-card.new-project-card {
  border-left: 7px solid var(--loteria-blue) !important;
}

/* Admin and analytics */
.admin-page {
  --admin-ink: var(--gallery-ink);
  --admin-muted: var(--gallery-muted);
  --admin-red: var(--loteria-magenta);
  --admin-green: var(--loteria-green);
  --admin-gold: var(--loteria-yellow);
  --admin-line: rgba(21, 17, 15, 0.1);
  --admin-surface: rgba(255, 255, 255, 0.92);
}

.admin-hero-panel,
.admin-page .admin-summary-grid article,
.admin-page .admin-list-panel,
.admin-page .admin-manager-card,
.admin-page .admin-detail-card,
.admin-page .admin-code-card,
.admin-page .admin-context-card,
.ios-analytics-hero,
.ios-report-card,
.ios-table-card,
.ios-metric-card,
.ios-insight-strip article {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

.admin-page .admin-tabs,
.ios-section-nav {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(21, 17, 15, 0.1) !important;
}

.admin-page .admin-tabs button.active,
.admin-page .admin-tabs button:hover,
.ios-section-nav button.active {
  background: var(--gallery-ink) !important;
  color: var(--gallery-white) !important;
}

.ios-analytics-hero,
.ios-report-card.featured,
.ios-metric-card {
  background:
    radial-gradient(circle at 88% 8%, rgba(41, 189, 242, 0.1), transparent 16rem),
    var(--gallery-white) !important;
}

.ios-event-chip {
  background: rgba(41, 189, 242, 0.12) !important;
  border-color: rgba(41, 189, 242, 0.22) !important;
  color: #087ca0 !important;
}

.ios-funnel-chart > article > i b,
.mixing-bar span,
.frequency-mini i {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta)) !important;
}

/* Lotería gallery card accents */
.lm-step-card,
.lm-feature-tile,
.lm-sample-card,
.lm-review-card,
.physical-product-card,
.project-action-card,
.saved-project-card,
.builder-page .card-editor,
.builder-page .studio-action-card,
.builder-page .download-card,
.builder-page .generator-card,
.builder-page .template-section-card,
.builder-page .text-style-card,
.builder-page .design-control-card,
.builder-page .label-style-panel,
.builder-page .upload-progress-card,
.admin-page .admin-summary-grid article,
.admin-page .admin-manager-card,
.admin-page .admin-detail-card,
.admin-page .admin-code-card,
.admin-page .admin-context-card,
.admin-page .admin-deck-card,
.ios-metric-card,
.ios-report-card {
  --card-accent: var(--loteria-blue);
  background:
    linear-gradient(180deg, var(--card-accent) 0 8px, transparent 8px),
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--card-accent) 22%, transparent), transparent 9rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.88)) !important;
  border-color: color-mix(in srgb, var(--card-accent) 24%, rgba(21, 17, 15, 0.1)) !important;
  overflow: hidden;
  position: relative;
}

.lm-step-card::before,
.lm-feature-tile::before,
.lm-sample-card::before,
.lm-review-card::before,
.physical-product-card::before,
.project-action-card::before,
.saved-project-card::before,
.builder-page .card-editor::before,
.builder-page .studio-action-card::before,
.builder-page .download-card::before,
.builder-page .generator-card::before,
.builder-page .template-section-card::before,
.builder-page .text-style-card::before,
.builder-page .design-control-card::before,
.builder-page .label-style-panel::before,
.builder-page .upload-progress-card::before,
.admin-page .admin-summary-grid article::before,
.admin-page .admin-manager-card::before,
.admin-page .admin-detail-card::before,
.admin-page .admin-code-card::before,
.admin-page .admin-context-card::before,
.admin-page .admin-deck-card::before,
.ios-metric-card::before,
.ios-report-card::before {
  background:
    radial-gradient(circle, var(--card-accent) 0 3px, transparent 3.5px),
    radial-gradient(circle, var(--card-accent) 0 2px, transparent 2.5px);
  background-position: 0 0, 10px 12px;
  background-size: 20px 20px;
  border-radius: 999px;
  content: "";
  height: 42px;
  opacity: 0.18;
  pointer-events: none;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 42px;
}

.lm-step-card:nth-child(6n + 1),
.lm-feature-tile:nth-child(6n + 1),
.lm-sample-card:nth-child(6n + 1),
.lm-review-card:nth-child(6n + 1),
.saved-project-card:nth-child(6n + 1),
.builder-page .card-editor:nth-child(6n + 1),
.admin-page .admin-summary-grid article:nth-child(6n + 1),
.admin-page .admin-deck-card:nth-child(6n + 1),
.ios-metric-card:nth-child(6n + 1),
.ios-report-card:nth-child(6n + 1) {
  --card-accent: var(--loteria-blue);
}

.lm-step-card:nth-child(6n + 2),
.lm-feature-tile:nth-child(6n + 2),
.lm-sample-card:nth-child(6n + 2),
.lm-review-card:nth-child(6n + 2),
.saved-project-card:nth-child(6n + 2),
.builder-page .card-editor:nth-child(6n + 2),
.admin-page .admin-summary-grid article:nth-child(6n + 2),
.admin-page .admin-deck-card:nth-child(6n + 2),
.ios-metric-card:nth-child(6n + 2),
.ios-report-card:nth-child(6n + 2) {
  --card-accent: var(--loteria-green);
}

.lm-step-card:nth-child(6n + 3),
.lm-feature-tile:nth-child(6n + 3),
.lm-sample-card:nth-child(6n + 3),
.lm-review-card:nth-child(6n + 3),
.saved-project-card:nth-child(6n + 3),
.builder-page .card-editor:nth-child(6n + 3),
.admin-page .admin-summary-grid article:nth-child(6n + 3),
.admin-page .admin-deck-card:nth-child(6n + 3),
.ios-metric-card:nth-child(6n + 3),
.ios-report-card:nth-child(6n + 3) {
  --card-accent: var(--loteria-yellow);
}

.lm-step-card:nth-child(6n + 4),
.lm-feature-tile:nth-child(6n + 4),
.lm-sample-card:nth-child(6n + 4),
.lm-review-card:nth-child(6n + 4),
.saved-project-card:nth-child(6n + 4),
.builder-page .card-editor:nth-child(6n + 4),
.admin-page .admin-summary-grid article:nth-child(6n + 4),
.admin-page .admin-deck-card:nth-child(6n + 4),
.ios-metric-card:nth-child(6n + 4),
.ios-report-card:nth-child(6n + 4) {
  --card-accent: var(--loteria-magenta);
}

.lm-step-card:nth-child(6n + 5),
.lm-feature-tile:nth-child(6n + 5),
.lm-sample-card:nth-child(6n + 5),
.lm-review-card:nth-child(6n + 5),
.saved-project-card:nth-child(6n + 5),
.builder-page .card-editor:nth-child(6n + 5),
.admin-page .admin-summary-grid article:nth-child(6n + 5),
.admin-page .admin-deck-card:nth-child(6n + 5),
.ios-metric-card:nth-child(6n + 5),
.ios-report-card:nth-child(6n + 5) {
  --card-accent: var(--loteria-purple);
}

.lm-step-card:nth-child(6n + 6),
.lm-feature-tile:nth-child(6n + 6),
.lm-sample-card:nth-child(6n + 6),
.lm-review-card:nth-child(6n + 6),
.saved-project-card:nth-child(6n + 6),
.builder-page .card-editor:nth-child(6n + 6),
.admin-page .admin-summary-grid article:nth-child(6n + 6),
.admin-page .admin-deck-card:nth-child(6n + 6),
.ios-metric-card:nth-child(6n + 6),
.ios-report-card:nth-child(6n + 6) {
  --card-accent: var(--loteria-red);
}

.project-action-card.new-project-card,
.builder-page .cards-studio-panel .ai-glow-panel,
.ios-report-card.featured {
  --card-accent: var(--loteria-magenta);
}

.ios-overview-trend-card.featured {
  --card-accent: var(--loteria-blue);
}

.builder-page .studio-action-card,
.builder-page .download-card,
.builder-page .generator-card,
.builder-page .template-section-card,
.builder-page .text-style-card,
.builder-page .design-control-card,
.builder-page .label-style-panel,
.builder-page .upload-progress-card,
.admin-page .admin-manager-card,
.admin-page .admin-detail-card,
.admin-page .admin-code-card,
.admin-page .admin-context-card {
  box-shadow:
    inset 0 6px 0 var(--card-accent),
    0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

/* Card builder v2: cleaner gallery tiles + focused inspector */
.builder-page .cards-studio-panel .builder-studio-layout {
  grid-template-columns: minmax(250px, 292px) minmax(560px, 1fr) minmax(300px, 340px);
}

.builder-page .cards-studio-panel .card-grid {
  gap: 12px !important;
  grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)) !important;
}

.builder-page .cards-studio-panel .card-editor {
  background:
    linear-gradient(180deg, var(--card-accent) 0 4px, transparent 4px),
    #ffffff !important;
  border: 1px solid rgba(21, 17, 15, 0.1) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
  gap: 7px !important;
  padding: 10px !important;
}

.builder-page .cards-studio-panel .card-editor::before {
  display: none !important;
}

.builder-page .cards-studio-panel .card-editor.selected {
  border-color: color-mix(in srgb, var(--card-accent) 52%, rgba(21, 17, 15, 0.1)) !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--card-accent) 18%, transparent),
    0 18px 42px rgba(15, 23, 42, 0.12) !important;
}

.builder-page .card-select-button {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: grid;
  justify-items: center;
  min-width: 0;
  overflow: visible;
  padding: 0;
  text-align: inherit;
  width: 100%;
}

.builder-page .cards-studio-panel .lazy-card-preview {
  display: grid;
  justify-items: center;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.builder-page .card-select-button:focus-visible {
  border-radius: 18px;
  outline: 3px solid rgba(41, 189, 242, 0.28);
  outline-offset: 4px;
}

.builder-page .deck-management-bar,
.builder-page .cards-filter-empty {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 18px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
}

.builder-page .deck-management-bar {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px;
}

.builder-page .deck-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.builder-page .deck-filter-chips button {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 999px;
  color: var(--gallery-muted);
  display: inline-flex;
  gap: 8px;
  min-height: 34px;
  padding: 0 8px 0 12px;
}

.builder-page .deck-filter-chips button span {
  color: inherit;
  font-size: 0.76rem;
  font-weight: 900;
}

.builder-page .deck-filter-chips button b {
  align-items: center;
  background: rgba(21, 17, 15, 0.06);
  border-radius: 999px;
  color: var(--gallery-ink);
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 950;
  justify-content: center;
  min-width: 24px;
  padding: 4px 7px;
}

.builder-page .deck-filter-chips button.active {
  background: var(--gallery-ink);
  border-color: var(--gallery-ink);
  color: var(--gallery-white);
}

.builder-page .deck-filter-chips button.active b {
  background: rgba(255, 255, 255, 0.18);
  color: var(--gallery-white);
}

.builder-page .deck-view-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.builder-page .deck-view-toggle {
  min-width: 150px;
  padding: 4px;
}

.builder-page .deck-view-toggle button {
  min-height: 32px;
  padding: 6px 9px;
}

.builder-page .cards-studio-panel .card-preview-canvas {
  border-width: 8px !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12) !important;
  max-width: 100%;
  width: min(100%, 156px);
}

.builder-page .card-grid.list-mode {
  grid-template-columns: 1fr !important;
}

.builder-page .card-grid.list-mode .card-editor {
  align-items: center;
  gap: 12px !important;
  grid-template-columns: 96px minmax(190px, 0.8fr) minmax(190px, 1fr);
}

.builder-page .card-grid.list-mode .card-preview-canvas {
  border-width: 6px !important;
  width: 86px;
}

.builder-page .card-grid.list-mode .card-name-field {
  align-self: center;
}

.builder-page .card-grid.list-mode .card-quick-actions,
.builder-page .card-grid.list-mode .ai-card-tools.compact {
  grid-column: 2 / -1;
}

.builder-page .cards-filter-empty {
  display: grid;
  gap: 8px;
  justify-items: start;
  padding: 20px;
}

.builder-page .cards-filter-empty h3 {
  color: var(--gallery-ink);
  font-size: 1.08rem;
  margin: 0;
}

.builder-page .cards-filter-empty p {
  color: var(--gallery-muted);
  font-weight: 720;
  margin: 0;
}

.builder-page .cards-studio-panel .card-name-field {
  gap: 5px !important;
}

.builder-page .cards-studio-panel .card-name-field input {
  min-height: 36px !important;
}

.builder-page .card-quick-actions {
  align-items: center;
  display: grid;
  gap: 6px;
  grid-template-columns: 34px 34px minmax(0, 1fr);
}

.builder-page .card-quick-actions button {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 999px;
  color: var(--gallery-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.76rem;
  font-weight: 900;
  justify-content: center;
  min-height: 34px;
  padding: 0 10px;
}

.builder-page .card-quick-actions .icon-button {
  font-size: 1rem;
  padding: 0;
}

.builder-page .card-quick-actions .adjust-button {
  background: var(--gallery-ink);
  border-color: var(--gallery-ink);
  color: var(--gallery-white);
  width: 100%;
}

.builder-page .ai-card-tools.compact {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.builder-page .ai-card-tools.compact .ai-select-card {
  min-width: 0;
}

.builder-page .ai-card-tools.compact .ai-select-card span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-page .ai-card-tools.compact .sparkle-button {
  min-height: 34px;
  padding: 0 10px;
  white-space: nowrap;
}

.builder-page .settings-group {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 18px;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
}

.builder-page .settings-group-title,
.builder-page .inspector-control-group > span,
.card-adjust-dialog .inspector-control-group > span {
  color: var(--gallery-muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.card-adjust-dialog {
  background: #ffffff;
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.2);
  display: grid;
  gap: 14px;
  max-width: min(940px, calc(100vw - 32px));
  overflow-y: auto;
  padding: 20px;
  position: relative;
  width: min(940px, calc(100vw - 32px));
}

.card-adjust-head {
  display: grid;
  gap: 2px;
  padding-right: 42px;
}

.card-adjust-head span {
  color: var(--gallery-muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.card-adjust-head h3 {
  color: var(--gallery-ink);
  font-size: clamp(1.45rem, 4vw, 2rem);
  line-height: 1;
  margin: 0;
  overflow-wrap: anywhere;
}

.card-adjust-head small {
  color: var(--gallery-muted);
  font-weight: 800;
}

.card-adjust-body {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
}

.card-adjust-preview,
.card-adjust-controls {
  display: grid;
  gap: 12px;
}

.card-adjust-preview .card-preview-canvas.compact {
  justify-self: center;
  width: min(180px, 100%);
}

.photo-placement-editor {
  background:
    radial-gradient(circle at 16% 10%, rgba(41, 189, 242, 0.11), transparent 34%),
    radial-gradient(circle at 88% 92%, rgba(236, 47, 145, 0.1), transparent 34%),
    rgba(255, 250, 240, 0.82);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 20px;
  display: grid;
  gap: 12px;
  padding: 12px;
}

.photo-placement-canvas-shell {
  cursor: grab;
  display: grid;
  justify-items: center;
  touch-action: none;
  user-select: none;
}

.photo-placement-canvas-shell.dragging {
  cursor: grabbing;
}

.photo-placement-canvas {
  aspect-ratio: 2.5 / 3.5;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16);
  display: block;
  height: auto;
  max-width: 100%;
  width: min(100%, 300px);
}

.photo-placement-canvas:focus-visible {
  outline: 3px solid rgba(41, 189, 242, 0.42);
  outline-offset: 4px;
}

.photo-placement-toolbar {
  display: grid;
  gap: 9px;
}

.photo-placement-toolbar .crop-toggle {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.photo-placement-toolbar .crop-toggle button {
  white-space: nowrap;
}

.photo-resize-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: 38px minmax(0, 1fr) 38px;
}

.photo-resize-row .icon-button {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(21, 17, 15, 0.12);
  border-radius: 999px;
  color: var(--gallery-ink);
  display: inline-flex;
  font-size: 1rem;
  font-weight: 950;
  height: 38px;
  justify-content: center;
  padding: 0;
  width: 38px;
}

.photo-placement-shortcuts {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.photo-placement-shortcuts .secondary-button {
  min-height: 36px;
  padding-inline: 10px;
}

.card-adjust-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card-adjust-actions .secondary-button {
  min-height: 38px;
  padding-inline: 10px;
}

.card-adjust-dialog .inspector-control-group,
.card-adjust-dialog .inspector-sliders,
.builder-page .inspector-control-group,
.builder-page .inspector-sliders,
.builder-page .settings-group {
  display: grid;
  gap: 7px;
}

.builder-page .inspector-toggle {
  margin: 0;
}

.card-adjust-dialog .inspector-sliders label,
.builder-page .inspector-sliders label {
  display: grid;
  gap: 5px;
}

.builder-page .compact-settings-body {
  gap: 8px !important;
}

.builder-page .settings-group {
  box-shadow: none;
  padding: 9px;
}

.builder-page .settings-group .segmented-control {
  border-radius: 14px;
}

.builder-page .settings-group .switch-row.compact-switch {
  min-height: 34px;
  padding: 7px 8px;
}

.builder-page .compact-switch-grid {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.builder-page .color-swatch-field {
  display: grid;
  gap: 5px;
}

.builder-page .color-swatch-control {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 14px;
  display: grid;
  gap: 8px;
  grid-template-columns: 34px 1fr auto;
  min-height: 38px;
  padding: 5px 8px 5px 5px;
  position: relative;
}

.builder-page .color-swatch-control input[type="color"] {
  cursor: pointer;
  height: 28px;
  left: 5px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  width: 28px;
}

.builder-page .color-swatch-control b {
  border: 1px solid rgba(21, 17, 15, 0.16);
  border-radius: 10px;
  display: block;
  height: 28px;
  position: relative;
  width: 28px;
}

.builder-page .color-swatch-control code {
  color: var(--gallery-muted);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

@media (max-width: 1080px) {
  .builder-page .cards-studio-panel .builder-studio-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .builder-page .cards-studio-panel .card-grid {
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)) !important;
  }

  .builder-page .cards-studio-panel .card-grid.list-mode {
    grid-template-columns: 1fr !important;
  }

  .builder-page .cards-studio-panel .card-preview-canvas {
    border-width: 7px !important;
    border-radius: 14px !important;
    width: min(100%, 132px);
  }

  .builder-page .deck-management-bar {
    grid-template-columns: 1fr;
  }

  .builder-page .deck-view-actions {
    justify-content: stretch;
  }

  .builder-page .deck-view-actions > *,
  .builder-page .deck-view-toggle {
    flex: 1 1 160px;
  }

  .card-adjust-body {
    grid-template-columns: 1fr;
  }

  .builder-page .card-grid.list-mode .card-editor {
    align-items: start;
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .builder-page .card-grid.list-mode .lazy-card-preview {
    justify-items: start;
  }

  .builder-page .card-grid.list-mode .card-preview-canvas {
    border-width: 5px !important;
    border-radius: 12px !important;
    width: 72px;
  }

  .builder-page .card-grid.list-mode .card-name-field {
    grid-column: 2;
  }

  .builder-page .card-grid.list-mode .card-quick-actions,
  .builder-page .card-grid.list-mode .ai-card-tools.compact {
    grid-column: 1 / -1;
  }

  .builder-page .card-quick-actions {
    grid-template-columns: 34px 34px minmax(0, 1fr);
  }

  .card-adjust-dialog {
    border-radius: 20px;
    gap: 10px;
    padding: 14px;
  }

  .card-adjust-head h3 {
    font-size: 1.42rem;
  }

  .card-adjust-body,
  .card-adjust-preview,
  .card-adjust-controls {
    gap: 10px;
  }

  .card-adjust-preview .card-preview-canvas.compact {
    width: 150px;
  }

  .card-adjust-actions {
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .card-adjust-actions .secondary-button {
    min-height: 34px;
  }

  .card-adjust-actions .danger-link {
    grid-column: 1 / -1;
  }
}

/* Landing story rows: brighter Lotería editorial cards */
.landing-redesign .lm-statements {
  background:
    radial-gradient(circle at 8% 0%, rgba(41, 189, 242, 0.12), transparent 18rem),
    radial-gradient(circle at 92% 100%, rgba(236, 47, 145, 0.1), transparent 18rem),
    rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(21, 17, 15, 0.08);
  gap: 18px;
  padding: clamp(18px, 2.6vw, 30px);
}

.landing-redesign .lm-statement {
  --story-accent: var(--loteria-blue);
  --story-accent-2: var(--loteria-yellow);
  align-items: stretch;
  background:
    linear-gradient(90deg, var(--story-accent) 0 10px, transparent 10px),
    radial-gradient(circle at 3% 18%, color-mix(in srgb, var(--story-accent) 20%, transparent), transparent 12rem),
    radial-gradient(circle at 98% 8%, color-mix(in srgb, var(--story-accent-2) 18%, transparent), transparent 14rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92)) !important;
  border: 1px solid color-mix(in srgb, var(--story-accent) 26%, rgba(21, 17, 15, 0.1)) !important;
  border-radius: 28px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.09) !important;
  gap: clamp(20px, 3vw, 42px);
  grid-template-columns: minmax(210px, 0.34fr) minmax(0, 1fr);
  overflow: hidden;
  padding: clamp(22px, 3vw, 38px);
  position: relative;
}

.landing-redesign .lm-statement.reveal-pending,
.landing-redesign .lm-statement.reveal-pending.is-visible {
  opacity: 1 !important;
  transform: none !important;
}

.landing-redesign .lm-statement:nth-child(1) {
  --story-accent: var(--loteria-blue);
  --story-accent-2: var(--loteria-magenta);
}

.landing-redesign .lm-statement:nth-child(2) {
  --story-accent: var(--loteria-red);
  --story-accent-2: var(--loteria-yellow);
}

.landing-redesign .lm-statement:nth-child(3) {
  --story-accent: var(--loteria-green);
  --story-accent-2: var(--loteria-purple);
}

.landing-redesign .lm-statement::before {
  background:
    radial-gradient(circle, var(--story-accent) 0 3px, transparent 3.6px),
    radial-gradient(circle, var(--story-accent-2) 0 2.5px, transparent 3px);
  background-position: 0 0, 12px 12px;
  background-size: 24px 24px;
  border-radius: 999px;
  content: "";
  height: 82px;
  opacity: 0.16;
  pointer-events: none;
  position: absolute;
  right: 22px;
  top: 18px;
  width: 82px;
}

.landing-redesign .lm-statement::after {
  background:
    linear-gradient(135deg, transparent 0 34%, var(--story-accent) 34% 50%, transparent 50% 62%, var(--story-accent-2) 62% 78%, transparent 78%);
  bottom: 0;
  content: "";
  height: 18px;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
}

.landing-redesign .lm-statement-media {
  align-self: center;
  background-color: color-mix(in srgb, var(--story-accent) 16%, #ffffff);
  border: 8px solid color-mix(in srgb, var(--story-accent) 18%, #ffffff);
  border-radius: 24px;
  box-shadow: 0 22px 44px rgba(15, 23, 42, 0.14);
  min-height: 170px;
  position: relative;
  transform: rotate(-1.5deg);
}

.landing-redesign .lm-statement:nth-child(2) .lm-statement-media {
  transform: rotate(1.5deg);
}

.landing-redesign .lm-statement:nth-child(3) .lm-statement-media {
  transform: rotate(-0.75deg);
}

.landing-redesign .lm-statement > div:not(.lm-statement-media) {
  align-self: center;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.landing-redesign .lm-statement > div > span {
  background: var(--story-accent) !important;
  border: 0 !important;
  border-radius: 999px;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--story-accent) 24%, transparent);
  color: #ffffff !important;
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  line-height: 1;
  padding: 9px 12px;
}

.landing-redesign .lm-statement h2 {
  color: var(--gallery-ink) !important;
  font-size: clamp(2.15rem, 4vw, 4.8rem);
  line-height: 0.9;
  margin-top: 14px;
  max-width: 780px;
}

.landing-redesign .lm-statement h2 .reveal-word,
.landing-redesign .lm-statement h2 span {
  color: inherit;
}

.landing-redesign .lm-statement p {
  color: var(--gallery-muted) !important;
  font-size: clamp(1rem, 1.08vw, 1.18rem);
  line-height: 1.48;
  margin-top: 14px;
  max-width: 660px;
}

@media (max-width: 700px) {
  .landing-redesign {
    background:
      radial-gradient(circle at 12% 6%, rgba(41, 189, 242, 0.12), transparent 18rem),
      linear-gradient(180deg, var(--gallery-white) 0%, var(--gallery-canvas) 100%) !important;
    overflow-x: clip;
  }

  .landing-redesign .top-nav {
    border-radius: 0 0 22px 22px;
  }

  .landing-redesign .nav-links {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(21, 17, 15, 0.1);
  }

  .lm-hero {
    border-radius: 0 0 30px 30px;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }

  .lm-hero-copy {
    max-width: 100%;
    min-width: 0;
    width: min(100%, 330px);
  }

  .lm-hero h1 {
    font-size: clamp(2.7rem, 13.2vw, 3.75rem) !important;
    letter-spacing: -0.052em !important;
    line-height: 0.84 !important;
    max-width: 100%;
  }

  .lm-hero h1 em {
    font-size: clamp(1.55rem, 8vw, 2.15rem) !important;
    letter-spacing: -0.035em !important;
    line-height: 0.98 !important;
    max-width: 12.5ch;
  }

  .lm-hero-sub,
  .lm-proof-row {
    max-width: 100%;
    width: 100%;
  }

  .lm-kicker,
  .lm-hero-sub {
    overflow-wrap: anywhere;
  }

  .lm-hero-actions {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .lm-hero-actions .large,
  .lm-hero-actions .ghost-link {
    justify-content: center;
    width: 100%;
  }

  .lm-hero-stage {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
  }

  .lm-hero-stage .hero-showcase {
    display: grid;
    justify-items: center;
    height: auto;
    min-height: 0;
    width: min(100%, 330px);
  }

  .lm-hero-stage .hero-replacement-image img {
    max-width: 100%;
  }

  .lm-hero-stage .realistic-board {
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    width: min(80vw, 280px) !important;
  }

  .lm-hero-stage .hero-deck-stack,
  .lm-hero-stage .hero-floating-cards {
    display: none;
  }

  .lm-intro,
  .lm-ai-promo,
  .lm-process,
  .lm-feature-showcase,
  .lm-statements,
  .lm-gallery,
  .lm-print-section,
  .lm-reviews,
  .landing-redesign .seo-faq-section,
  .landing-redesign .seo-related-section,
  .lm-final-cta {
    border-radius: 26px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* Landing content sections: tighten the editorial blocks that were getting cramped. */
.landing-redesign .lm-process,
.landing-redesign .lm-feature-showcase,
.landing-redesign .seo-related-section {
  overflow: hidden;
  padding: clamp(28px, 4vw, 54px) clamp(18px, 4vw, 48px) !important;
}

.landing-redesign .lm-process .lm-section-head,
.landing-redesign .lm-feature-showcase .lm-section-head,
.landing-redesign .seo-related-section .lm-section-head {
  align-items: start !important;
  display: grid !important;
  gap: 12px 30px !important;
  grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1fr) !important;
  margin-bottom: 20px !important;
}

.landing-redesign .lm-process .lm-section-head .lm-kicker,
.landing-redesign .lm-feature-showcase .lm-section-head .lm-kicker,
.landing-redesign .seo-related-section .lm-section-head .lm-kicker {
  align-self: end;
  grid-column: 1;
  letter-spacing: 0.16em;
  margin: 0 0 4px;
}

.landing-redesign .lm-process .lm-section-head h2,
.landing-redesign .lm-feature-showcase .lm-section-head h2,
.landing-redesign .seo-related-section .lm-section-head h2 {
  grid-column: 2;
  grid-row: 1 / span 2;
  font-size: clamp(2.2rem, 3.75vw, 4.45rem) !important;
  letter-spacing: -0.05em;
  line-height: 0.9;
  max-width: 690px;
  text-wrap: balance;
}

.landing-redesign .lm-process .lm-section-head p:not(.lm-kicker),
.landing-redesign .lm-feature-showcase .lm-section-head p:not(.lm-kicker),
.landing-redesign .seo-related-section .lm-section-head p:not(.lm-kicker) {
  grid-column: 1;
  font-size: clamp(0.92rem, 1vw, 1.02rem) !important;
  line-height: 1.48;
  max-width: 380px;
}

.landing-redesign .lm-step-grid,
.landing-redesign .lm-feature-grid {
  gap: clamp(12px, 1.5vw, 18px);
}

.landing-redesign .lm-step-card,
.landing-redesign .lm-feature-tile {
  border-radius: 20px;
  min-height: 0;
  padding: clamp(16px, 1.8vw, 22px);
}

.landing-redesign .lm-step-card > span {
  font-size: 0.78rem;
  margin-bottom: 14px;
  padding: 7px 10px;
}

.landing-redesign .lm-step-card h3,
.landing-redesign .lm-feature-tile h3 {
  font-size: clamp(1.05rem, 1.35vw, 1.35rem) !important;
  letter-spacing: -0.035em;
  line-height: 0.98;
  margin-bottom: 8px;
}

.landing-redesign .lm-step-card p,
.landing-redesign .lm-feature-tile p {
  font-size: clamp(0.82rem, 0.9vw, 0.94rem);
  line-height: 1.42;
}

.landing-redesign .lm-feature-tile .marketing-icon {
  height: 46px;
  margin-bottom: 14px;
  width: 46px;
}

.landing-redesign .lm-feature-tile .marketing-icon svg {
  height: 25px;
  width: 25px;
}

.landing-redesign .seo-related-section {
  min-height: 0;
}

.landing-redesign .seo-related-section .lm-section-head {
  margin-bottom: 8px !important;
}

.landing-redesign .seo-related-section .seo-topic-links {
  gap: 8px;
  justify-content: flex-start;
  max-width: 800px;
}

.landing-redesign .seo-related-section .seo-topic-links a {
  border-radius: 999px;
  font-size: 0.78rem;
  padding: 9px 12px;
}

.landing-redesign .seo-page-directory {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 26px;
}

.landing-redesign .seo-page-directory-group {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 250, 235, 0.9)),
    radial-gradient(circle at 100% 0, rgba(41, 189, 242, 0.12), transparent 11rem);
  border: 1px solid rgba(20, 12, 8, 0.1);
  border-radius: 24px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
  overflow: hidden;
  padding: 18px;
}

.landing-redesign .seo-page-directory-group:nth-child(2) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 250, 235, 0.9)),
    radial-gradient(circle at 100% 0, rgba(31, 160, 96, 0.12), transparent 11rem);
}

.landing-redesign .seo-page-directory-group:nth-child(3) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 250, 235, 0.9)),
    radial-gradient(circle at 100% 0, rgba(236, 47, 145, 0.12), transparent 11rem);
}

.landing-redesign .seo-page-directory-group h3 {
  color: var(--gallery-ink);
  font-size: clamp(1.15rem, 1.6vw, 1.55rem);
  letter-spacing: -0.03em;
  line-height: 1;
  margin: 0 0 12px;
}

.landing-redesign .seo-page-directory-group > div {
  display: grid;
  gap: 8px;
}

.landing-redesign .seo-page-directory-group a {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(20, 12, 8, 0.08);
  border-radius: 16px;
  color: var(--gallery-ink);
  display: grid;
  gap: 3px;
  padding: 11px 12px;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.landing-redesign .seo-page-directory-group a:hover {
  border-color: rgba(236, 47, 145, 0.35);
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.landing-redesign .seo-page-directory-group strong {
  font-size: 0.92rem;
  letter-spacing: -0.01em;
  line-height: 1.1;
}

.landing-redesign .seo-page-directory-group span {
  color: var(--gallery-muted);
  font-size: 0.76rem;
  font-weight: 720;
  line-height: 1.25;
}

.landing-redesign .seo-page-directory.compact {
  gap: 12px;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  margin-top: 0;
}

.landing-redesign .seo-page-directory.compact .seo-page-directory-group {
  border-radius: 18px;
  padding: 14px;
}

.landing-redesign .seo-page-directory.compact .seo-page-directory-group h3 {
  color: var(--gallery-ink);
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.landing-redesign .seo-page-directory.compact .seo-page-directory-group a {
  background: rgba(255, 255, 255, 0.68);
  border-radius: 12px;
  color: var(--gallery-ink);
  display: block;
  padding: 7px 9px;
}

.landing-redesign .seo-page-directory.compact .seo-page-directory-group a:hover {
  color: var(--loteria-magenta);
}

.landing-redesign .site-footer-links {
  display: grid;
  gap: 24px;
  min-width: min(760px, 100%);
}

.landing-redesign .site-legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}

.landing-redesign .site-footer .seo-page-directory.compact {
  gap: 18px;
}

.landing-redesign .site-footer .seo-page-directory.compact .seo-page-directory-group {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.landing-redesign .site-footer .seo-page-directory.compact .seo-page-directory-group h3 {
  color: rgba(255, 250, 240, 0.95);
}

.landing-redesign .site-footer .seo-page-directory.compact .seo-page-directory-group a {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: rgba(255, 250, 240, 0.76);
  padding: 4px 0;
}

.landing-redesign .site-footer .seo-page-directory.compact .seo-page-directory-group a:hover {
  box-shadow: none;
  color: #ffffff;
  transform: none;
}

.landing-redesign .compact-page-directory-section {
  padding-bottom: clamp(24px, 3vw, 38px) !important;
  padding-top: clamp(24px, 3vw, 38px) !important;
}

.landing-redesign .compact-page-directory-section .lm-section-head {
  margin-bottom: 18px !important;
}

.landing-redesign .compact-page-directory-section .lm-section-head h2 {
  font-size: clamp(1.75rem, 2.6vw, 3.2rem) !important;
  line-height: 0.96;
}

.landing-redesign .seo-mini-directory {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 18px;
}

.landing-redesign .seo-mini-directory a {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 244, 220, 0.9));
  border: 1px solid rgba(20, 12, 8, 0.09);
  border-radius: 18px;
  color: var(--gallery-ink);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 13px 14px;
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.landing-redesign .seo-mini-directory a::after {
  color: var(--loteria-magenta);
  content: "→";
  font-size: 1.1rem;
  font-weight: 950;
}

.landing-redesign .seo-mini-directory a:hover {
  border-color: rgba(236, 47, 145, 0.32);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.landing-redesign .seo-mini-directory strong {
  display: block;
  font-size: 1rem;
  line-height: 1;
}

.landing-redesign .seo-mini-directory span {
  color: var(--gallery-muted);
  display: block;
  font-size: 0.78rem;
  font-weight: 720;
  line-height: 1.2;
  margin-top: 4px;
}

.landing-redesign .content-hub-section {
  background:
    radial-gradient(circle at 8% 12%, rgba(41, 189, 242, 0.1), transparent 18rem),
    radial-gradient(circle at 92% 8%, rgba(236, 47, 145, 0.08), transparent 20rem),
    rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 34px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
  color: var(--gallery-ink);
  margin: 28px auto;
  max-width: 1360px;
  overflow: hidden;
  padding: clamp(30px, 4vw, 58px) clamp(18px, 4vw, 52px);
  position: relative;
  z-index: 2;
}

.landing-redesign .content-hub-section::before {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta), var(--loteria-purple));
  content: "";
  height: 7px;
  left: clamp(18px, 4vw, 52px);
  position: absolute;
  right: clamp(18px, 4vw, 52px);
  top: 0;
}

.landing-redesign .content-hub-head {
  align-items: end;
  display: grid;
  gap: 14px clamp(22px, 4vw, 54px);
  grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1fr);
  margin-bottom: clamp(20px, 3vw, 34px);
}

.landing-redesign .content-hub-head h2 {
  color: var(--gallery-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.25rem, 4vw, 4.7rem);
  font-weight: 930;
  grid-column: 2;
  grid-row: 1 / span 2;
  letter-spacing: -0.05em;
  line-height: 0.92;
  margin: 0;
  max-width: 780px;
  text-wrap: balance;
}

.landing-redesign .content-hub-head p:not(.lm-kicker) {
  color: var(--gallery-muted);
  font-size: clamp(0.98rem, 1.08vw, 1.12rem);
  font-weight: 720;
  line-height: 1.52;
  margin: 0;
  max-width: 410px;
}

.landing-redesign .content-hub-grid {
  display: grid;
  gap: clamp(12px, 1.6vw, 18px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-redesign .content-hub-card {
  background: var(--gallery-white);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 22px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  padding: clamp(18px, 2vw, 26px);
  position: relative;
}

.landing-redesign .content-hub-card::after {
  background: var(--loteria-blue);
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.landing-redesign .content-hub-card:nth-child(2)::after {
  background: var(--loteria-green);
}

.landing-redesign .content-hub-card:nth-child(3)::after {
  background: var(--loteria-magenta);
}

.landing-redesign .content-hub-card > span {
  align-items: center;
  background: rgba(41, 189, 242, 0.1);
  border: 1px solid rgba(41, 189, 242, 0.22);
  border-radius: 999px;
  color: #087ca0;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  line-height: 1;
  margin-bottom: 16px;
  padding: 7px 10px;
}

.landing-redesign .content-hub-card h3 {
  color: var(--gallery-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.18rem, 1.55vw, 1.55rem);
  font-weight: 930;
  letter-spacing: -0.035em;
  line-height: 1;
  margin: 0 0 10px;
}

.landing-redesign .content-hub-card p,
.landing-redesign .content-hub-card li {
  color: var(--gallery-muted);
  font-size: 0.94rem;
  font-weight: 680;
  line-height: 1.48;
}

.landing-redesign .content-hub-card p {
  margin: 0 0 14px;
}

.landing-redesign .content-hub-card ul {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.landing-redesign .content-hub-card li {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: auto 1fr;
}

.landing-redesign .content-hub-card li::before {
  background: var(--loteria-yellow);
  border-radius: 999px;
  content: "";
  height: 9px;
  width: 9px;
}

.landing-redesign .content-hub-cta {
  align-items: center;
  background:
    radial-gradient(circle at 92% 12%, rgba(250, 204, 21, 0.16), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(241, 250, 255, 0.82));
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 26px;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: clamp(18px, 3vw, 32px);
  padding: clamp(20px, 3vw, 34px);
}

.landing-redesign .content-hub-cta h2 {
  color: var(--gallery-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.7rem, 2.7vw, 3.1rem);
  font-weight: 930;
  letter-spacing: -0.045em;
  line-height: 0.95;
  margin: 0;
}

.landing-redesign .content-hub-cta p:not(.lm-kicker) {
  color: var(--gallery-muted);
  font-weight: 720;
  line-height: 1.48;
  margin: 10px 0 0;
  max-width: 700px;
}

.landing-redesign .content-hub-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.landing-redesign .content-article-section {
  align-items: start;
  background:
    radial-gradient(circle at 6% 4%, rgba(41, 189, 242, 0.11), transparent 18rem),
    radial-gradient(circle at 94% 10%, rgba(236, 47, 145, 0.09), transparent 20rem),
    rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 34px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
  color: var(--gallery-ink);
  display: grid;
  gap: clamp(20px, 3vw, 42px);
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  margin: 28px auto;
  max-width: 1320px;
  padding: clamp(28px, 4vw, 58px);
  position: relative;
  z-index: 2;
}

.landing-redesign .content-article-section.content-card-guide-page {
  gap: clamp(18px, 2.4vw, 32px);
  grid-template-columns: minmax(0, 1fr);
  max-width: min(1680px, calc(100vw - 48px));
  padding: clamp(24px, 3vw, 44px);
}

.landing-redesign .content-card-guide-page .content-article-sidebar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: static;
}

.landing-redesign .content-article-section::before {
  background: linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta), var(--loteria-purple));
  border-radius: 999px;
  content: "";
  height: 7px;
  left: clamp(24px, 4vw, 58px);
  position: absolute;
  right: clamp(24px, 4vw, 58px);
  top: 0;
}

.landing-redesign .content-article-main {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(21, 17, 15, 0.06);
  border-radius: 28px;
  display: grid;
  gap: 24px;
  padding: clamp(22px, 3.5vw, 44px);
}

.landing-redesign .content-article-header {
  border-bottom: 1px solid rgba(21, 17, 15, 0.1);
  display: grid;
  gap: 13px;
  padding-bottom: clamp(22px, 3vw, 34px);
}

.landing-redesign .content-article-header .lm-kicker {
  margin: 2px 0 0;
}

.landing-redesign .content-article-header h1 {
  color: var(--gallery-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.8rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.9;
  margin: 0;
  max-width: 940px;
  text-wrap: balance;
}

.landing-redesign .content-article-header p:not(.lm-kicker) {
  color: var(--gallery-muted);
  font-size: clamp(1.05rem, 1.4vw, 1.24rem);
  font-weight: 700;
  line-height: 1.55;
  margin: 0;
  max-width: 820px;
}

.landing-redesign .content-language-link {
  align-items: center;
  background: rgba(41, 189, 242, 0.1);
  border: 1px solid rgba(41, 189, 242, 0.24);
  border-radius: 999px;
  color: #087ca0;
  display: inline-flex;
  font-size: 0.88rem;
  font-weight: 900;
  justify-content: center;
  padding: 10px 14px;
  text-decoration: none;
  width: fit-content;
}

.landing-redesign .content-language-link:hover {
  background: rgba(41, 189, 242, 0.18);
  color: #065f7d;
}

.landing-redesign .content-article-meta {
  color: var(--gallery-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  text-transform: uppercase;
}

.landing-redesign .content-article-meta span {
  background: rgba(41, 189, 242, 0.1);
  border: 1px solid rgba(41, 189, 242, 0.24);
  border-radius: 999px;
  color: #087ca0;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  padding: 8px 11px;
}

.landing-redesign .content-article-lede {
  color: #33221d;
  font-size: clamp(1.1rem, 1.45vw, 1.32rem);
  font-weight: 720;
  line-height: 1.62;
  margin: 0;
  max-width: 880px;
}

.landing-redesign .content-article-toc {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(241, 250, 255, 0.9)),
    radial-gradient(circle at 0 0, rgba(41, 189, 242, 0.14), transparent 16rem);
  border: 1px solid rgba(21, 17, 15, 0.09);
  border-left: 7px solid var(--loteria-blue);
  border-radius: 24px;
  display: grid;
  gap: 12px;
  padding: 18px;
}

.landing-redesign .content-article-toc div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.landing-redesign .content-article-toc span {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(21, 17, 15, 0.09);
  border-radius: 999px;
  color: var(--gallery-ink);
  font-size: 0.84rem;
  font-weight: 850;
  line-height: 1.1;
  padding: 9px 12px;
}

.landing-redesign .content-article-toc a {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(21, 17, 15, 0.09);
  border-radius: 999px;
  color: var(--gallery-ink);
  font-size: 0.84rem;
  font-weight: 900;
  line-height: 1.1;
  padding: 9px 12px;
  text-decoration: none;
}

.landing-redesign .content-article-toc a:hover {
  border-color: rgba(236, 47, 145, 0.38);
  color: var(--loteria-magenta);
}

.landing-redesign .content-article-block {
  border-top: 1px solid rgba(21, 17, 15, 0.1);
  padding-top: 24px;
}

.landing-redesign .content-article-block h2,
.landing-redesign .content-article-callout h2,
.landing-redesign .content-article-cta-card h2 {
  color: var(--gallery-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.7rem, 2.55vw, 3.05rem);
  font-weight: 930;
  letter-spacing: -0.045em;
  line-height: 0.98;
  margin: 0 0 12px;
  text-wrap: balance;
}

.landing-redesign .content-article-block p,
.landing-redesign .content-article-block li,
.landing-redesign .content-article-callout p,
.landing-redesign .content-article-cta-card p,
.landing-redesign .content-article-related-card a {
  color: var(--gallery-muted);
  font-size: 1rem;
  font-weight: 680;
  line-height: 1.58;
}

.landing-redesign .content-article-block p,
.landing-redesign .content-article-callout p,
.landing-redesign .content-article-cta-card p {
  margin: 0;
}

.landing-redesign .content-article-block p + p {
  margin-top: 13px;
}

.landing-redesign .content-article-block ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}

.landing-redesign .content-article-block li {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
}

.landing-redesign .content-article-block li::before {
  background: var(--loteria-magenta);
  border-radius: 999px;
  content: "";
  height: 9px;
  margin-top: 0.52em;
  width: 9px;
}

.landing-redesign .content-article-callout {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(241, 250, 255, 0.88)),
    radial-gradient(circle at 100% 0%, rgba(250, 204, 21, 0.18), transparent 16rem);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-left: 7px solid var(--loteria-green);
  border-radius: 28px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  padding: clamp(20px, 3vw, 32px);
}

.landing-redesign .content-callout-grid {
  display: grid;
  gap: 16px;
}

.landing-redesign .content-article-callout.compact {
  border-left-color: var(--loteria-magenta);
}

.landing-redesign .content-article-callout ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}

.landing-redesign .content-article-callout li {
  color: var(--gallery-muted);
  font-weight: 720;
  line-height: 1.5;
}

.landing-redesign .content-visual-blocks {
  display: grid;
  gap: 18px;
}

.landing-redesign .content-visual-block,
.landing-redesign .content-mid-cta {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(241, 250, 255, 0.92)),
    radial-gradient(circle at 0 0, rgba(41, 189, 242, 0.16), transparent 18rem),
    radial-gradient(circle at 100% 100%, rgba(236, 47, 145, 0.12), transparent 18rem);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 28px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
  display: grid;
  gap: 20px;
  padding: clamp(20px, 3vw, 32px);
}

.landing-redesign .content-visual-block {
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
}

.landing-redesign .content-visual-block.has-media {
  grid-template-columns: minmax(210px, 0.34fr) minmax(0, 0.9fr) minmax(180px, 0.32fr);
}

.landing-redesign .content-visual-block-copy {
  display: grid;
  gap: 10px;
}

.landing-redesign .content-visual-block h2,
.landing-redesign .content-mid-cta h2 {
  color: var(--gallery-ink);
  font-size: clamp(1.75rem, 3vw, 3.1rem);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 0.96;
  margin: 0;
}

.landing-redesign .content-visual-block p,
.landing-redesign .content-mid-cta p {
  color: var(--gallery-muted);
  font-weight: 720;
  line-height: 1.54;
  margin: 0;
}

.landing-redesign .content-visual-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-redesign .content-visual-item {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(21, 17, 15, 0.09);
  border-top: 6px solid var(--loteria-blue);
  border-radius: 20px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
  min-height: 150px;
  padding: 16px;
}

.landing-redesign .content-visual-item:nth-child(2n) {
  border-top-color: var(--loteria-green);
}

.landing-redesign .content-visual-item:nth-child(3n) {
  border-top-color: var(--loteria-yellow);
}

.landing-redesign .content-visual-item:nth-child(4n) {
  border-top-color: var(--loteria-magenta);
}

.landing-redesign .content-visual-item span {
  align-items: center;
  background: var(--gallery-ink);
  border-radius: 14px;
  color: #fff;
  display: inline-flex;
  font-size: 1.05rem;
  font-weight: 950;
  height: 42px;
  justify-content: center;
  margin-bottom: 14px;
  min-width: 42px;
  padding: 0 10px;
}

.landing-redesign .content-visual-item span.country-flags {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(21, 17, 15, 0.12);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  color: var(--gallery-ink);
  font-size: 1.18rem;
  gap: 4px;
  min-width: 54px;
}

.landing-redesign .content-visual-item h3 {
  color: var(--gallery-ink);
  font-size: 1.02rem;
  font-weight: 950;
  letter-spacing: -0.02em;
  margin: 0 0 7px;
}

.landing-redesign .content-visual-item p {
  font-size: 0.92rem;
  line-height: 1.43;
}

.landing-redesign .content-visual-media {
  align-self: stretch;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 229, 0.95));
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 22px;
  box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 10px;
  justify-items: center;
  margin: 0;
  padding: 14px;
}

.landing-redesign .content-visual-media img {
  border: 1px solid rgba(21, 17, 15, 0.15);
  border-radius: 16px;
  display: block;
  height: auto;
  max-height: 360px;
  max-width: min(100%, 260px);
  object-fit: contain;
  width: 100%;
}

.landing-redesign .content-visual-media figcaption {
  color: var(--gallery-muted);
  font-size: 0.78rem;
  font-weight: 720;
  line-height: 1.35;
  margin: 0;
  text-align: center;
}

.landing-redesign .content-image-gallery {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 236, 0.94)),
    radial-gradient(circle at 0 0, rgba(236, 47, 145, 0.12), transparent 18rem),
    radial-gradient(circle at 100% 0, rgba(41, 189, 242, 0.12), transparent 18rem);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 28px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
  display: grid;
  gap: 18px;
  padding: clamp(20px, 3vw, 32px);
}

.landing-redesign .content-image-gallery-head {
  display: grid;
  gap: 8px;
  max-width: 760px;
}

.landing-redesign .content-image-gallery-head h2 {
  color: var(--gallery-ink);
  font-size: clamp(1.75rem, 3vw, 3.1rem);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 0.98;
  margin: 0;
}

.landing-redesign .content-image-gallery-head p:not(.lm-kicker) {
  color: var(--gallery-muted);
  font-weight: 720;
  line-height: 1.55;
  margin: 0;
}

.landing-redesign .content-image-gallery-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-redesign .content-image-gallery-card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 22px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 10px;
  margin: 0;
  overflow: hidden;
  padding: 12px;
  position: relative;
}

.landing-redesign .content-image-gallery-card.featured {
  border-top: 7px solid var(--loteria-magenta);
  grid-column: span 3;
}

.landing-redesign .content-card-guide-productDeck .content-image-gallery,
.landing-redesign .content-card-guide-spookyDeck .content-image-gallery,
.landing-redesign .content-card-guide-amorToxicoDeck .content-image-gallery,
.landing-redesign .content-card-guide-gratefulAfDeck .content-image-gallery {
  gap: 14px;
  padding: clamp(16px, 2vw, 24px);
}

.landing-redesign .content-card-guide-productDeck .content-image-gallery-grid,
.landing-redesign .content-card-guide-spookyDeck .content-image-gallery-grid,
.landing-redesign .content-card-guide-amorToxicoDeck .content-image-gallery-grid,
.landing-redesign .content-card-guide-gratefulAfDeck .content-image-gallery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.landing-redesign .content-card-guide-productDeck .content-image-gallery-card.featured,
.landing-redesign .content-card-guide-spookyDeck .content-image-gallery-card.featured,
.landing-redesign .content-card-guide-amorToxicoDeck .content-image-gallery-card.featured,
.landing-redesign .content-card-guide-gratefulAfDeck .content-image-gallery-card.featured {
  grid-column: auto;
}

.landing-redesign .content-image-gallery-card img {
  background: #fff8e8;
  border: 1px solid rgba(21, 17, 15, 0.12);
  border-radius: 16px;
  display: block;
  height: auto;
  max-height: 640px;
  object-fit: contain;
  width: 100%;
}

.landing-redesign .protected-gallery-image {
  -webkit-user-select: none;
  user-select: none;
}

.landing-redesign .protected-gallery-image::before {
  background:
    repeating-linear-gradient(
      -28deg,
      rgba(255, 255, 255, 0) 0 62px,
      rgba(255, 255, 255, 0.22) 62px 65px
    );
  content: "";
  inset: 12px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.landing-redesign .protected-gallery-image::after {
  background: rgba(255, 255, 255, 0.34);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 999px;
  color: rgba(21, 17, 15, 0.46);
  content: attr(data-watermark);
  font-size: 0.6rem;
  font-weight: 950;
  left: 52%;
  letter-spacing: 0.08em;
  padding: 5px 10px;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  top: 48%;
  transform: translate(-50%, -50%) rotate(-23deg);
  white-space: nowrap;
  z-index: 3;
}

.landing-redesign .protected-gallery-image img {
  -webkit-user-drag: none;
  pointer-events: none;
}

.landing-redesign .content-image-gallery-card:not(.featured) img {
  max-height: 430px;
}

.landing-redesign .content-card-guide-productDeck .content-image-gallery-card img,
.landing-redesign .content-card-guide-productDeck .content-image-gallery-card:not(.featured) img,
.landing-redesign .content-card-guide-spookyDeck .content-image-gallery-card img,
.landing-redesign .content-card-guide-spookyDeck .content-image-gallery-card:not(.featured) img,
.landing-redesign .content-card-guide-amorToxicoDeck .content-image-gallery-card img,
.landing-redesign .content-card-guide-amorToxicoDeck .content-image-gallery-card:not(.featured) img,
.landing-redesign .content-card-guide-gratefulAfDeck .content-image-gallery-card img,
.landing-redesign .content-card-guide-gratefulAfDeck .content-image-gallery-card:not(.featured) img {
  max-height: 360px;
}

.landing-redesign .content-image-gallery-card figcaption {
  color: var(--gallery-muted);
  font-size: 0.82rem;
  font-weight: 820;
  line-height: 1.35;
  margin: 0;
  text-align: center;
}

.landing-redesign .content-mid-cta {
  border-left: 7px solid var(--loteria-red);
}

.landing-redesign .content-mid-cta .content-hub-actions {
  justify-content: flex-start;
  margin-top: 4px;
}

.landing-redesign .content-product-grid,
.landing-redesign .content-article-split {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
}

.landing-redesign .content-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-redesign .content-product-grid article,
.landing-redesign .content-article-split > div {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(21, 17, 15, 0.09);
  border-radius: 20px;
  padding: 18px;
}

.landing-redesign .content-product-grid h3 {
  color: var(--gallery-ink);
  font-size: 1rem;
  font-weight: 920;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
}

.landing-redesign .content-article-sidebar {
  display: grid;
  gap: 16px;
  position: sticky;
  top: 92px;
}

.landing-redesign .content-article-cta-card,
.landing-redesign .content-article-related-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 26px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  padding: 22px;
}

.landing-redesign .content-article-cta-card {
  border-top: 7px solid var(--loteria-magenta);
}

.landing-redesign .content-article-related-card {
  border-top: 7px solid var(--loteria-blue);
}

.landing-redesign .content-article-related-card h3 {
  color: var(--gallery-ink);
  font-size: 1.05rem;
  font-weight: 930;
  margin: 0 0 12px;
}

.landing-redesign .content-article-related-card a {
  border-top: 1px solid rgba(21, 17, 15, 0.09);
  color: var(--gallery-ink);
  display: block;
  font-weight: 800;
  padding: 11px 0;
  text-decoration: none;
}

.landing-redesign .content-article-related-card a:hover {
  color: var(--loteria-magenta);
}

.landing-redesign.seo-article-route .lm-hero,
.landing-redesign .content-article-hero {
  margin-bottom: 22px;
}

.landing-redesign .traditional-card-guide {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(252, 248, 237, 0.94)),
    radial-gradient(circle at 100% 0%, rgba(236, 47, 145, 0.12), transparent 18rem);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 28px;
  display: grid;
  gap: 22px;
  margin-left: clamp(-18px, -2vw, 0px);
  margin-right: clamp(-18px, -2vw, 0px);
  padding: clamp(20px, 3vw, 34px);
}

.landing-redesign .traditional-card-guide-head {
  display: grid;
  gap: 8px;
}

.landing-redesign .traditional-card-guide-head h2,
.landing-redesign .content-article-sources h2 {
  color: var(--gallery-ink);
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 0.98;
  margin: 0;
}

.landing-redesign .traditional-card-guide-head p:not(.lm-kicker) {
  color: var(--gallery-muted);
  font-weight: 720;
  line-height: 1.55;
  margin: 0;
  max-width: 760px;
}

.landing-redesign .traditional-card-sequence {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}

.landing-redesign .traditional-card-item {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(21, 17, 15, 0.09);
  border-radius: 24px;
  display: grid;
  gap: clamp(18px, 2.5vw, 28px);
  grid-template-columns: minmax(116px, 154px) minmax(0, 1fr);
  padding: clamp(16px, 2.2vw, 24px);
  position: relative;
}

.landing-redesign .deck-card-guide .traditional-card-sequence {
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-redesign .deck-card-guide .traditional-card-item {
  animation: deckCardFloatIn 0.55s ease both;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 250, 235, 0.92)),
    radial-gradient(circle at 100% 0, rgba(236, 47, 145, 0.08), transparent 10rem);
  border-radius: 26px;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
  overflow: hidden;
  padding: 14px;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.landing-redesign .deck-card-guide .traditional-card-item:nth-child(3n + 1) {
  border-top: 6px solid var(--loteria-blue);
}

.landing-redesign .deck-card-guide .traditional-card-item:nth-child(3n + 2) {
  border-top: 6px solid var(--loteria-green);
}

.landing-redesign .deck-card-guide .traditional-card-item:nth-child(3n) {
  border-top: 6px solid var(--loteria-magenta);
}

.landing-redesign .deck-card-guide .traditional-card-item:nth-child(4n) {
  border-top-color: var(--loteria-yellow);
}

.landing-redesign .deck-card-guide .traditional-card-item:hover {
  border-color: rgba(21, 17, 15, 0.18);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.1);
  transform: translateY(-4px);
}

.landing-redesign .deck-card-guide .traditional-card-copy {
  align-self: start;
  gap: 6px;
  padding: 2px 2px 4px;
}

.landing-redesign .deck-card-guide .traditional-card-number {
  font-size: 0.75rem;
  height: 28px;
  min-width: 36px;
}

.landing-redesign .deck-card-guide .traditional-card-item h4 {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
}

.landing-redesign .deck-card-guide .traditional-card-image-wrap {
  justify-self: center;
  max-width: 210px;
  width: min(100%, 210px);
}

.landing-redesign .protected-card-guide {
  -webkit-user-select: none;
  user-select: none;
}

.landing-redesign .traditional-card-image-wrap {
  align-self: start;
  background: #fff7df;
  border: 1px solid rgba(21, 17, 15, 0.12);
  border-radius: 16px;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  position: relative;
}

.landing-redesign .protected-card-guide .traditional-card-image-wrap {
  cursor: default;
}

.landing-redesign .protected-card-guide .traditional-card-image-wrap::before {
  background:
    repeating-linear-gradient(
      -28deg,
      rgba(255, 255, 255, 0) 0 58px,
      rgba(255, 255, 255, 0.24) 58px 61px
    );
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.landing-redesign .protected-card-guide .traditional-card-image-wrap::after {
  align-items: center;
  background: rgba(255, 255, 255, 0.34);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 999px;
  color: rgba(21, 17, 15, 0.48);
  content: attr(data-watermark);
  display: flex;
  font-size: 0.52rem;
  font-weight: 950;
  justify-content: center;
  left: 53%;
  letter-spacing: 0.08em;
  line-height: 1;
  max-width: calc(100% - 18px);
  min-height: 20px;
  padding: 5px 9px;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  top: 49%;
  transform: translate(-50%, -50%) rotate(-23deg);
  white-space: nowrap;
  z-index: 3;
}

.landing-redesign .traditional-card-image-wrap img {
  aspect-ratio: 386 / 615;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.landing-redesign .protected-card-guide .traditional-card-image-wrap img {
  -webkit-user-drag: none;
  pointer-events: none;
}

@keyframes deckCardFloatIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.landing-redesign .traditional-card-copy {
  align-self: center;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.landing-redesign .traditional-card-number {
  align-items: center;
  background: rgba(255, 220, 55, 0.96);
  border: 2px solid rgba(21, 17, 15, 0.92);
  border-radius: 999px;
  box-shadow: 0 7px 14px rgba(15, 23, 42, 0.18);
  color: var(--gallery-ink);
  display: inline-flex;
  font-size: 0.84rem;
  font-weight: 950;
  height: 32px;
  justify-content: center;
  left: 12px;
  min-width: 40px;
  padding: 0 10px;
  position: absolute;
  top: 12px;
  z-index: 4;
}

.landing-redesign .traditional-card-item h4 {
  color: var(--gallery-ink);
  font-size: 1.05rem;
  font-weight: 950;
  letter-spacing: -0.02em;
  margin: 0;
}

.landing-redesign .traditional-card-item p {
  color: var(--gallery-muted);
  font-size: 0.92rem;
  font-weight: 680;
  line-height: 1.45;
  margin: 0;
}

.landing-redesign .traditional-card-item .traditional-card-meaning {
  color: var(--loteria-magenta);
  font-size: 0.84rem;
  font-weight: 900;
}

.landing-redesign .traditional-card-saying {
  background:
    linear-gradient(135deg, rgba(255, 248, 220, 0.98), rgba(255, 255, 255, 0.92));
  border: 1px solid rgba(236, 47, 145, 0.24);
  border-left: 5px solid var(--loteria-magenta);
  border-radius: 16px;
  display: grid;
  gap: 9px;
  margin-top: 10px;
  max-width: 560px;
  padding: 11px 12px;
}

.landing-redesign .traditional-card-saying p {
  color: var(--gallery-ink);
  font-size: 0.93rem;
  font-weight: 850;
  line-height: 1.38;
  margin: 0;
}

.landing-redesign .traditional-card-saying strong {
  color: var(--loteria-magenta);
  display: block;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  line-height: 1.1;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.landing-redesign .traditional-card-saying span {
  color: var(--gallery-muted);
  display: block;
  font-size: 0.86rem;
  font-weight: 780;
  line-height: 1.4;
}

.landing-redesign .content-card-guide-full-width {
  margin-left: 0;
  margin-right: 0;
}

.landing-redesign .card-guide-productDeck {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 236, 0.94)),
    radial-gradient(circle at 0 0, rgba(41, 189, 242, 0.13), transparent 20rem),
    radial-gradient(circle at 100% 8%, rgba(236, 47, 145, 0.12), transparent 20rem);
  border-top: 7px solid var(--loteria-magenta);
}

.landing-redesign .card-guide-spookyDeck {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 248, 232, 0.93)),
    radial-gradient(circle at 0 0, rgba(21, 17, 15, 0.1), transparent 18rem),
    radial-gradient(circle at 100% 5%, rgba(247, 191, 46, 0.18), transparent 18rem),
    radial-gradient(circle at 20% 100%, rgba(126, 87, 194, 0.12), transparent 18rem);
  border-top: 7px solid #15110f;
}

.landing-redesign .card-guide-amorToxicoDeck {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 244, 249, 0.94)),
    radial-gradient(circle at 0 0, rgba(236, 47, 145, 0.16), transparent 18rem),
    radial-gradient(circle at 100% 5%, rgba(232, 55, 55, 0.13), transparent 18rem),
    radial-gradient(circle at 25% 100%, rgba(126, 87, 194, 0.12), transparent 18rem);
  border-top: 7px solid var(--loteria-magenta);
}

.landing-redesign .card-guide-gratefulAfDeck {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 232, 0.95)),
    radial-gradient(circle at 0 0, rgba(226, 103, 36, 0.16), transparent 18rem),
    radial-gradient(circle at 100% 5%, rgba(246, 183, 56, 0.2), transparent 18rem),
    radial-gradient(circle at 25% 100%, rgba(113, 141, 82, 0.14), transparent 18rem);
  border-top: 7px solid #d96f24;
}

.landing-redesign .content-card-guide-spookyDeck .content-image-gallery-card.featured {
  border-top-color: #15110f;
}

.landing-redesign .content-card-guide-amorToxicoDeck .content-image-gallery-card.featured {
  border-top-color: var(--loteria-magenta);
}

.landing-redesign .content-card-guide-gratefulAfDeck .content-image-gallery-card.featured {
  border-top-color: #d96f24;
}

.landing-redesign .card-guide-productDeck .traditional-card-sequence,
.landing-redesign .card-guide-spookyDeck .traditional-card-sequence,
.landing-redesign .card-guide-amorToxicoDeck .traditional-card-sequence,
.landing-redesign .card-guide-gratefulAfDeck .traditional-card-sequence {
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.landing-redesign .card-guide-productDeck .traditional-card-item,
.landing-redesign .card-guide-spookyDeck .traditional-card-item,
.landing-redesign .card-guide-amorToxicoDeck .traditional-card-item,
.landing-redesign .card-guide-gratefulAfDeck .traditional-card-item {
  border-radius: 20px;
  gap: 10px;
  padding: 10px;
  padding-top: 40px;
}

.landing-redesign .card-guide-productDeck .traditional-card-item:nth-child(5n + 1) {
  border-top-color: var(--loteria-blue);
}

.landing-redesign .card-guide-productDeck .traditional-card-item:nth-child(5n + 2) {
  border-top-color: var(--loteria-green);
}

.landing-redesign .card-guide-productDeck .traditional-card-item:nth-child(5n + 3) {
  border-top-color: var(--loteria-yellow);
}

.landing-redesign .card-guide-productDeck .traditional-card-item:nth-child(5n + 4) {
  border-top-color: var(--loteria-magenta);
}

.landing-redesign .card-guide-productDeck .traditional-card-item:nth-child(5n) {
  border-top-color: var(--loteria-purple);
}

.landing-redesign .card-guide-spookyDeck .traditional-card-item:nth-child(5n + 1) {
  border-top-color: #15110f;
}

.landing-redesign .card-guide-spookyDeck .traditional-card-item:nth-child(5n + 2) {
  border-top-color: #f7bf2e;
}

.landing-redesign .card-guide-spookyDeck .traditional-card-item:nth-child(5n + 3) {
  border-top-color: var(--loteria-magenta);
}

.landing-redesign .card-guide-spookyDeck .traditional-card-item:nth-child(5n + 4) {
  border-top-color: var(--loteria-purple);
}

.landing-redesign .card-guide-spookyDeck .traditional-card-item:nth-child(5n) {
  border-top-color: var(--loteria-green);
}

.landing-redesign .card-guide-amorToxicoDeck .traditional-card-item:nth-child(5n + 1) {
  border-top-color: var(--loteria-magenta);
}

.landing-redesign .card-guide-amorToxicoDeck .traditional-card-item:nth-child(5n + 2) {
  border-top-color: var(--loteria-red);
}

.landing-redesign .card-guide-amorToxicoDeck .traditional-card-item:nth-child(5n + 3) {
  border-top-color: var(--loteria-purple);
}

.landing-redesign .card-guide-amorToxicoDeck .traditional-card-item:nth-child(5n + 4) {
  border-top-color: #f6a7bd;
}

.landing-redesign .card-guide-amorToxicoDeck .traditional-card-item:nth-child(5n) {
  border-top-color: #15110f;
}

.landing-redesign .card-guide-gratefulAfDeck .traditional-card-item:nth-child(5n + 1) {
  border-top-color: #d96f24;
}

.landing-redesign .card-guide-gratefulAfDeck .traditional-card-item:nth-child(5n + 2) {
  border-top-color: #f0b43d;
}

.landing-redesign .card-guide-gratefulAfDeck .traditional-card-item:nth-child(5n + 3) {
  border-top-color: #718d52;
}

.landing-redesign .card-guide-gratefulAfDeck .traditional-card-item:nth-child(5n + 4) {
  border-top-color: #11623b;
}

.landing-redesign .card-guide-gratefulAfDeck .traditional-card-item:nth-child(5n) {
  border-top-color: #7c3f24;
}

.landing-redesign .card-guide-productDeck .traditional-card-image-wrap,
.landing-redesign .card-guide-spookyDeck .traditional-card-image-wrap,
.landing-redesign .card-guide-amorToxicoDeck .traditional-card-image-wrap,
.landing-redesign .card-guide-gratefulAfDeck .traditional-card-image-wrap {
  border-radius: 14px;
  max-width: none;
  width: 100%;
}

.landing-redesign .card-guide-productDeck .traditional-card-image-wrap img {
  aspect-ratio: 399 / 560;
  object-fit: contain;
}

.landing-redesign .card-guide-spookyDeck .traditional-card-image-wrap img {
  aspect-ratio: 465 / 597;
  object-fit: contain;
}

.landing-redesign .card-guide-amorToxicoDeck .traditional-card-image-wrap img {
  aspect-ratio: 5 / 7;
  object-fit: contain;
}

.landing-redesign .card-guide-gratefulAfDeck .traditional-card-image-wrap img {
  aspect-ratio: 5 / 7;
  object-fit: contain;
}

.landing-redesign .card-guide-productDeck .traditional-card-copy,
.landing-redesign .card-guide-spookyDeck .traditional-card-copy,
.landing-redesign .card-guide-amorToxicoDeck .traditional-card-copy,
.landing-redesign .card-guide-gratefulAfDeck .traditional-card-copy {
  gap: 4px;
  padding: 0 2px 3px;
}

.landing-redesign .card-guide-productDeck .traditional-card-number,
.landing-redesign .card-guide-spookyDeck .traditional-card-number,
.landing-redesign .card-guide-amorToxicoDeck .traditional-card-number,
.landing-redesign .card-guide-gratefulAfDeck .traditional-card-number {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(21, 17, 15, 0.22);
  color: var(--gallery-ink);
  font-size: 0.72rem;
  height: 24px;
  left: 10px;
  min-width: auto;
  padding: 0 8px;
  top: 10px;
}

.landing-redesign .card-guide-productDeck .traditional-card-item h4,
.landing-redesign .card-guide-spookyDeck .traditional-card-item h4,
.landing-redesign .card-guide-amorToxicoDeck .traditional-card-item h4,
.landing-redesign .card-guide-gratefulAfDeck .traditional-card-item h4 {
  font-size: clamp(0.9rem, 1vw, 1.02rem);
  line-height: 1.05;
}

.landing-redesign .card-guide-productDeck .traditional-card-item .traditional-card-meaning {
  color: #087ca0;
  font-size: 0.78rem;
  line-height: 1.18;
}

.landing-redesign .card-guide-amorToxicoDeck .traditional-card-item .traditional-card-meaning {
  color: #a51660;
  font-size: 0.78rem;
  line-height: 1.18;
}

.landing-redesign .card-guide-gratefulAfDeck .traditional-card-item .traditional-card-meaning {
  color: #11623b;
  font-size: 0.78rem;
  line-height: 1.18;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-sequence {
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-redesign .card-guide-traditionalReference .traditional-card-item {
  border-radius: 22px;
  gap: 12px;
  grid-template-columns: 1fr;
  padding: 46px 14px 14px;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-image-wrap {
  justify-self: center;
  max-width: 180px;
  width: min(100%, 180px);
}

.landing-redesign .card-guide-traditionalReference .traditional-card-copy {
  align-self: start;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying {
  display: grid;
  gap: 7px;
  max-width: none;
  padding: 11px 12px;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying summary {
  color: var(--loteria-magenta);
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  list-style: none;
  padding: 11px 12px;
  text-transform: uppercase;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying summary::-webkit-details-marker {
  display: none;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying summary::after {
  content: "+";
  float: right;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying[open] summary::after {
  content: "−";
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying p,
.landing-redesign .card-guide-traditionalReference .traditional-card-saying span {
  padding-left: 0;
  padding-right: 0;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying span {
  padding-bottom: 0;
}

.landing-redesign .content-article-sources {
  border-top: 1px solid rgba(21, 17, 15, 0.1);
  display: grid;
  gap: 14px;
  padding-top: 24px;
}

.landing-redesign .content-article-sources ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.landing-redesign .content-article-sources li {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 16px;
  display: grid;
  gap: 4px;
  padding: 13px 14px;
}

.landing-redesign .content-article-sources a {
  color: var(--gallery-ink);
  font-weight: 950;
  text-decoration: none;
}

.landing-redesign .content-article-sources a:hover {
  color: var(--loteria-magenta);
}

.landing-redesign .content-article-sources span {
  color: var(--gallery-muted);
  font-size: 0.92rem;
  font-weight: 680;
}

@media (max-width: 980px) {
  .landing-redesign .lm-process .lm-section-head,
  .landing-redesign .lm-feature-showcase .lm-section-head,
  .landing-redesign .seo-related-section .lm-section-head,
  .landing-redesign .content-hub-head,
  .landing-redesign .content-hub-cta {
    display: block !important;
  }

  .landing-redesign .lm-process .lm-section-head h2,
  .landing-redesign .lm-feature-showcase .lm-section-head h2,
  .landing-redesign .seo-related-section .lm-section-head h2 {
    font-size: clamp(2.25rem, 8vw, 4rem) !important;
    margin-top: 8px;
    max-width: 760px;
  }

  .landing-redesign .lm-process .lm-section-head p:not(.lm-kicker),
  .landing-redesign .lm-feature-showcase .lm-section-head p:not(.lm-kicker) {
    margin-top: 12px;
    max-width: 620px;
  }

  .landing-redesign .lm-step-grid,
  .landing-redesign .lm-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-redesign .content-hub-grid {
    grid-template-columns: 1fr;
  }

  .landing-redesign .content-article-section {
    grid-template-columns: 1fr;
  }

  .landing-redesign .content-article-sidebar {
    position: static;
  }

  .landing-redesign .content-hub-actions {
    justify-content: flex-start;
    margin-top: 18px;
  }

  .landing-redesign .deck-card-guide .traditional-card-sequence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .landing-redesign .lm-process,
  .landing-redesign .lm-feature-showcase,
  .landing-redesign .seo-related-section,
  .landing-redesign .content-hub-section,
  .landing-redesign .content-article-section {
    padding: 24px 18px !important;
  }

  .landing-redesign .lm-step-grid,
  .landing-redesign .lm-feature-grid {
    grid-template-columns: 1fr;
  }

  .landing-redesign .lm-step-card,
  .landing-redesign .lm-feature-tile {
    padding: 16px;
  }

  .landing-redesign .seo-related-section .seo-topic-links {
    display: grid;
    grid-template-columns: 1fr;
  }

  .landing-redesign .seo-page-directory,
  .landing-redesign .seo-page-directory.compact {
    grid-template-columns: 1fr;
  }

  .landing-redesign .seo-mini-directory {
    grid-template-columns: 1fr;
  }

  .landing-redesign .content-hub-actions .primary-button,
  .landing-redesign .content-hub-actions .secondary-button {
    justify-content: center;
    width: 100%;
  }

  .landing-redesign .content-article-main,
  .landing-redesign .content-article-cta-card,
  .landing-redesign .content-article-related-card {
    border-radius: 22px;
    padding: 20px;
  }

  .landing-redesign .content-product-grid,
  .landing-redesign .content-article-split,
  .landing-redesign .content-visual-block,
  .landing-redesign .content-visual-block.has-media,
  .landing-redesign .content-image-gallery-grid,
  .landing-redesign .traditional-card-sequence {
    grid-template-columns: 1fr;
  }

  .landing-redesign .content-image-gallery-card.featured {
    grid-column: auto;
  }

  .landing-redesign .deck-card-guide .traditional-card-sequence {
    grid-template-columns: 1fr;
  }

  .landing-redesign .content-visual-grid {
    grid-template-columns: 1fr;
  }

  .landing-redesign .traditional-card-item {
    gap: 14px;
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .landing-redesign .traditional-card-image-wrap {
    justify-self: center;
    max-width: 150px;
    width: min(46vw, 150px);
  }

  .landing-redesign .traditional-card-guide {
    margin-left: 0;
    margin-right: 0;
  }

  .landing-redesign .traditional-card-saying {
    max-width: none;
  }
}

@media (max-width: 1280px) {
  .landing-redesign .card-guide-productDeck .traditional-card-sequence,
  .landing-redesign .card-guide-amorToxicoDeck .traditional-card-sequence,
  .landing-redesign .card-guide-spookyDeck .traditional-card-sequence,
  .landing-redesign .card-guide-gratefulAfDeck .traditional-card-sequence {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .landing-redesign .content-article-section.content-card-guide-page {
    grid-template-columns: 1fr;
    max-width: min(100%, calc(100vw - 28px));
  }

  .landing-redesign .content-card-guide-productDeck .content-image-gallery-grid,
  .landing-redesign .content-card-guide-spookyDeck .content-image-gallery-grid,
  .landing-redesign .content-card-guide-amorToxicoDeck .content-image-gallery-grid,
  .landing-redesign .content-card-guide-gratefulAfDeck .content-image-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-redesign .card-guide-productDeck .traditional-card-sequence,
  .landing-redesign .card-guide-amorToxicoDeck .traditional-card-sequence,
  .landing-redesign .card-guide-spookyDeck .traditional-card-sequence,
  .landing-redesign .card-guide-gratefulAfDeck .traditional-card-sequence {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-sequence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .landing-redesign .content-card-guide-productDeck .content-image-gallery-grid,
  .landing-redesign .content-card-guide-spookyDeck .content-image-gallery-grid,
  .landing-redesign .content-card-guide-amorToxicoDeck .content-image-gallery-grid,
  .landing-redesign .content-card-guide-gratefulAfDeck .content-image-gallery-grid,
  .landing-redesign .card-guide-productDeck .traditional-card-sequence,
  .landing-redesign .card-guide-amorToxicoDeck .traditional-card-sequence,
  .landing-redesign .card-guide-spookyDeck .traditional-card-sequence,
  .landing-redesign .card-guide-gratefulAfDeck .traditional-card-sequence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-redesign .content-card-guide-page .content-article-sidebar {
    grid-template-columns: 1fr;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-sequence {
    grid-template-columns: 1fr;
  }

  .landing-redesign .card-guide-productDeck,
  .landing-redesign .card-guide-amorToxicoDeck,
  .landing-redesign .card-guide-spookyDeck,
  .landing-redesign .card-guide-gratefulAfDeck {
    padding: 14px;
  }

  .landing-redesign .card-guide-productDeck .traditional-card-item,
  .landing-redesign .card-guide-amorToxicoDeck .traditional-card-item,
  .landing-redesign .card-guide-spookyDeck .traditional-card-item,
  .landing-redesign .card-guide-gratefulAfDeck .traditional-card-item {
    border-radius: 16px;
    gap: 8px;
    padding: 34px 8px 8px;
  }

  .landing-redesign .card-guide-productDeck .traditional-card-item h4,
  .landing-redesign .card-guide-amorToxicoDeck .traditional-card-item h4,
  .landing-redesign .card-guide-spookyDeck .traditional-card-item h4,
  .landing-redesign .card-guide-gratefulAfDeck .traditional-card-item h4 {
    font-size: 0.82rem;
  }

  .landing-redesign .card-guide-productDeck .traditional-card-item .traditional-card-meaning,
  .landing-redesign .card-guide-amorToxicoDeck .traditional-card-item .traditional-card-meaning,
  .landing-redesign .card-guide-gratefulAfDeck .traditional-card-item .traditional-card-meaning {
    font-size: 0.72rem;
  }
}

/* Compact app-first navigation */
.top-nav.app-nav {
  gap: 12px;
  min-height: 70px;
  padding: 8px 12px;
}

.top-nav.app-nav .brand-mark {
  flex: 0 0 auto;
  min-width: 0;
}

.top-nav.app-nav .brand-label {
  font-size: 1rem;
  white-space: nowrap;
}

.top-nav.app-nav .logo-mark {
  border-radius: 14px;
  height: 44px;
  width: 44px;
}

.top-nav.app-nav .nav-links {
  flex: 1 1 auto;
  flex-wrap: nowrap;
  gap: 8px;
  min-width: 0;
}

.top-nav.app-nav .nav-dropdown {
  flex: 0 0 auto;
}

.top-nav.app-nav .nav-dropdown summary,
.top-nav.app-nav .nav-ghost,
.top-nav.app-nav .nav-cta,
.top-nav.app-nav .secondary-button.small-button {
  border-width: 1px !important;
  font-size: 0.88rem;
  min-height: 38px;
  padding: 0 13px;
}

.top-nav.app-nav .nav-projects-button,
.top-nav.app-nav .nav-caller-button,
.top-nav.app-nav .nav-shop-button {
  background: linear-gradient(135deg, #ffffff, #eefbff) !important;
  border-color: rgba(41, 189, 242, 0.32) !important;
  box-shadow: 0 8px 18px rgba(41, 189, 242, 0.12) !important;
  color: var(--gallery-ink) !important;
}

.top-nav.app-nav .nav-shop-button {
  background: linear-gradient(135deg, #fff9df, #fff1f8) !important;
  border-color: rgba(236, 47, 145, 0.24) !important;
  box-shadow: 0 8px 18px rgba(236, 47, 145, 0.09) !important;
}

.top-nav.app-nav .nav-start-button {
  background: linear-gradient(135deg, var(--loteria-magenta), var(--loteria-red)) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.top-nav.app-nav .language-toggle {
  border-width: 1px;
  padding: 3px;
}

.top-nav.app-nav .language-toggle button,
.top-nav.app-nav .language-toggle a {
  font-size: 0.74rem;
  min-height: 30px;
  padding: 0 9px;
}

.nav-explore-menu .nav-explore-panel {
  gap: 12px;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  left: 50%;
  min-width: min(620px, calc(100vw - 48px));
  transform: translateX(-50%);
}

.nav-profile-menu .nav-dropdown-menu {
  left: auto;
  min-width: 190px;
  right: 0;
}

.nav-menu-section {
  display: grid;
  gap: 7px;
}

.nav-menu-section strong {
  color: var(--loteria-magenta);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  padding: 0 8px;
  text-transform: uppercase;
}

.nav-dropdown-menu button {
  background: transparent;
  border: 0;
  border-radius: 12px;
  color: var(--gallery-ink);
  cursor: pointer;
  display: block;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 850;
  padding: 10px 11px;
  text-align: left;
  width: 100%;
}

.nav-dropdown-menu button:hover {
  background: #fff4dc;
  color: var(--loteria-magenta);
}

.nav-dropdown-menu .danger-menu-action {
  color: var(--loteria-red);
}

.static-seo-page .seo-static-nav .nav-dropdown-menu a {
  box-shadow: none;
  display: block;
  min-height: 0;
}

.static-language-toggle {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 950;
  justify-content: center;
  min-height: 36px;
  padding: 0 13px;
}

.release-update-banner {
  align-items: center;
  background: rgba(255, 255, 255, 0.97);
  border: 0;
  border-bottom: 3px solid var(--loteria-blue);
  border-radius: 0;
  box-shadow: 0 10px 28px rgba(17, 12, 10, 0.1);
  color: var(--gallery-ink);
  display: flex;
  gap: 16px;
  justify-content: center;
  left: 0;
  max-width: none;
  padding: 10px 18px;
  position: fixed;
  right: 0;
  top: 0;
  transform: none;
  width: 100%;
  z-index: 1200;
}

.release-update-banner.warning {
  border-bottom-color: var(--loteria-yellow);
}

.release-update-banner.danger {
  border-bottom-color: var(--loteria-red);
}

.release-update-banner > div:first-child {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  justify-content: center;
  min-width: 0;
  text-align: center;
}

.release-update-banner strong {
  display: inline;
  font-size: 0.84rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.release-update-banner span {
  color: var(--gallery-muted);
  display: inline;
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.35;
  margin-top: 0;
  max-width: min(640px, 100%);
}

.release-update-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.release-update-button {
  background: linear-gradient(135deg, var(--loteria-magenta), var(--loteria-red));
  border: 0;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  flex: 0 0 auto;
  font-weight: 950;
  min-height: 40px;
  padding: 0 18px;
}

.release-update-button:disabled {
  background: #ece7df;
  color: #8d8177;
  cursor: not-allowed;
}

.release-dismiss-button {
  align-items: center;
  background: rgba(21, 17, 15, 0.06);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 999px;
  color: var(--gallery-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 1.25rem;
  font-weight: 900;
  height: 34px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 34px;
}

.release-dismiss-button:hover {
  background: rgba(21, 17, 15, 0.1);
  color: var(--gallery-ink);
}

@media (max-width: 700px) {
  .release-update-banner {
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    width: 100%;
  }

  .release-update-button {
    min-height: 38px;
    width: auto;
  }

  .release-update-actions {
    align-items: center;
    justify-content: center;
  }

  .release-dismiss-button {
    height: 40px;
    width: 44px;
  }

  .top-nav.app-nav {
    min-height: 0;
  }

  .top-nav.app-nav .nav-links {
    flex-wrap: initial;
  }

  .top-nav.app-nav .nav-dropdown,
  .top-nav.app-nav .nav-profile-menu {
    width: 100%;
  }

  .top-nav.app-nav .nav-explore-panel {
    grid-template-columns: 1fr;
    left: auto;
    min-width: 0;
    transform: none;
  }

  .top-nav.app-nav .nav-profile-menu .nav-dropdown-menu {
    right: auto;
  }

  .top-nav.app-nav .nav-dropdown summary,
  .top-nav.app-nav .nav-ghost,
  .top-nav.app-nav .nav-cta,
  .top-nav.app-nav .language-toggle {
    width: 100%;
  }
}

/* Audit polish: keep public pages compact and readable on small screens. */
@media (max-width: 700px) {
  .landing-redesign .lm-ai-promo,
  .landing-redesign .lm-process,
  .landing-redesign .lm-feature-showcase,
  .landing-redesign .lm-statements,
  .landing-redesign .lm-gallery,
  .landing-redesign .lm-print-section,
  .landing-redesign .lm-reviews {
    margin-left: 12px;
    margin-right: 12px;
    padding: 22px 16px !important;
  }

  .landing-redesign .lm-ai-promo {
    gap: 18px;
  }

  .landing-redesign .lm-ai-copy h2,
  .landing-redesign .lm-gallery .lm-section-head h2,
  .landing-redesign .lm-print-section .lm-section-head h2,
  .landing-redesign .lm-reviews .lm-section-head h2 {
    font-size: clamp(2.05rem, 10vw, 3.15rem) !important;
    line-height: 0.92 !important;
  }

  .landing-redesign .lm-gallery .lm-section-head,
  .landing-redesign .lm-print-section .lm-section-head,
  .landing-redesign .lm-reviews .lm-section-head {
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  .landing-redesign .lm-sample-grid,
  .landing-redesign .lm-review-grid,
  .landing-redesign .product-carousel-track {
    gap: 12px !important;
  }

  .landing-redesign .lm-sample-card,
  .landing-redesign .lm-review-card,
  .landing-redesign .physical-product-card {
    border-radius: 20px !important;
    padding: 12px !important;
  }

  .landing-redesign .lm-sample-card img,
  .landing-redesign .lm-review-card img,
  .landing-redesign .physical-product-card img {
    max-height: 230px;
    object-fit: contain;
  }

  .landing-redesign .lm-statements {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  .landing-redesign .lm-statement,
  .landing-redesign .lm-statement:nth-child(even) {
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0;
    overflow: hidden !important;
    padding: 16px !important;
  }

  .landing-redesign .lm-statement-media {
    aspect-ratio: 16 / 10;
    border-width: 5px !important;
    justify-self: stretch;
    min-height: 0 !important;
    transform: none !important;
    width: 100%;
  }

  .landing-redesign .lm-statement > div:not(.lm-statement-media) {
    align-self: start !important;
    min-width: 0;
    width: 100%;
  }

  .landing-redesign .lm-statement h2 {
    font-size: clamp(2rem, 9.2vw, 2.85rem) !important;
    line-height: 0.94 !important;
    margin-top: 12px !important;
    max-width: 100%;
  }

  .landing-redesign .lm-statement p {
    font-size: 0.95rem !important;
    line-height: 1.42 !important;
    max-width: 100%;
  }
}

/* Audit polish: denser card-reference layouts without hiding card calls. */
.landing-redesign .traditional-card-item,
.landing-redesign .traditional-card-image-wrap,
.landing-redesign .traditional-card-copy,
.landing-redesign .traditional-card-saying {
  box-sizing: border-box;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-item {
  align-content: start;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying {
  margin-top: 4px;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying p {
  font-size: 0.86rem;
  line-height: 1.28;
}

.landing-redesign .card-guide-traditionalReference .traditional-card-saying span {
  font-size: 0.78rem;
  line-height: 1.3;
}

.landing-redesign .card-guide-productDeck .traditional-card-image-wrap,
.landing-redesign .card-guide-spookyDeck .traditional-card-image-wrap,
.landing-redesign .card-guide-amorToxicoDeck .traditional-card-image-wrap,
.landing-redesign .card-guide-gratefulAfDeck .traditional-card-image-wrap {
  justify-self: stretch;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

@media (max-width: 640px) {
  .landing-redesign .traditional-card-guide {
    gap: 16px;
    padding: 16px !important;
  }

  .landing-redesign .traditional-card-guide-head h2 {
    font-size: clamp(1.7rem, 8vw, 2.45rem) !important;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-sequence {
    gap: 12px;
    grid-template-columns: 1fr !important;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-item {
    gap: 10px 12px !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    padding: 14px 12px 12px 46px !important;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-number {
    font-size: 0.7rem;
    height: 26px;
    left: 10px;
    min-width: 30px;
    padding: 0 7px;
    top: 10px;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-image-wrap {
    grid-column: 1;
    justify-self: start;
    max-width: 88px !important;
    width: 88px !important;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-copy {
    gap: 5px;
    grid-column: 2;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-item h4 {
    font-size: 0.98rem;
    line-height: 1.02;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-item .traditional-card-meaning {
    font-size: 0.76rem;
    line-height: 1.18;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-saying {
    border-left-width: 4px;
    border-radius: 12px;
    gap: 5px;
    padding: 9px 10px;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-saying strong {
    font-size: 0.64rem;
    margin-bottom: 2px;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-saying p {
    font-size: 0.78rem;
  }

  .landing-redesign .card-guide-traditionalReference .traditional-card-saying span {
    font-size: 0.72rem;
  }

  .landing-redesign .card-guide-productDeck .traditional-card-sequence,
  .landing-redesign .card-guide-amorToxicoDeck .traditional-card-sequence,
  .landing-redesign .card-guide-spookyDeck .traditional-card-sequence,
  .landing-redesign .card-guide-gratefulAfDeck .traditional-card-sequence {
    gap: 12px !important;
  }

  .landing-redesign .card-guide-productDeck .traditional-card-item,
  .landing-redesign .card-guide-amorToxicoDeck .traditional-card-item,
  .landing-redesign .card-guide-spookyDeck .traditional-card-item,
  .landing-redesign .card-guide-gratefulAfDeck .traditional-card-item {
    min-width: 0;
    padding: 32px 7px 9px !important;
  }

  .landing-redesign .card-guide-productDeck .traditional-card-copy,
  .landing-redesign .card-guide-amorToxicoDeck .traditional-card-copy,
  .landing-redesign .card-guide-spookyDeck .traditional-card-copy,
  .landing-redesign .card-guide-gratefulAfDeck .traditional-card-copy {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Digital Baraja Caller */
.caller-download-card {
  border-left: 6px solid var(--loteria-blue);
  position: relative;
}

.builder-page .caller-download-card .primary-button {
  background: var(--loteria-blue);
  border-color: rgba(41, 189, 242, 0.35);
  box-shadow: 0 14px 30px rgba(41, 189, 242, 0.24);
  color: #05151b;
}

.caller-page {
  --caller-line: rgba(21, 17, 15, 0.12);
  --caller-shadow: 0 22px 58px rgba(15, 23, 42, 0.12);
  background: #fffdfa;
  color: var(--gallery-ink);
  min-height: 100vh;
}

.caller-hero {
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  margin: 0 auto;
  max-width: 1180px;
  padding: 46px 22px 30px;
}

.caller-hero h1 {
  font-size: 3.35rem;
  letter-spacing: 0;
  line-height: 0.98;
  margin: 0;
  max-width: 760px;
}

.caller-hero p {
  color: var(--gallery-muted);
  font-size: 1.05rem;
  font-weight: 760;
  line-height: 1.55;
  margin: 14px 0 0;
  max-width: 650px;
}

.caller-landing-hero {
  align-items: center;
  background:
    radial-gradient(circle at 78% 30%, rgba(255, 211, 51, 0.45), transparent 24%),
    radial-gradient(circle at 88% 88%, rgba(236, 47, 145, 0.42), transparent 28%),
    linear-gradient(135deg, #27bdf2 0%, #20c797 58%, #f53392 100%);
  grid-template-columns: minmax(0, 1180px);
  justify-content: center;
  margin: 0;
  max-width: none;
  min-height: min(760px, 78svh);
  overflow: hidden;
  padding: clamp(58px, 8svh, 96px) 22px clamp(72px, 10svh, 110px);
  position: relative;
}

.caller-landing-hero::after {
  background: linear-gradient(180deg, transparent 0%, rgba(255, 253, 250, 0.86) 88%, #fffdfa 100%);
  bottom: 0;
  content: "";
  height: 34%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.caller-hero-copy {
  max-width: 640px;
  position: relative;
  z-index: 2;
}

.caller-landing-hero .eyebrow,
.caller-landing-hero h1,
.caller-landing-hero .caller-hero-copy > p {
  color: #14100f;
  text-shadow: 0 1px 22px rgba(255, 255, 255, 0.34);
}

.caller-landing-hero .caller-hero-copy > p {
  color: rgba(20, 16, 15, 0.78);
}

.caller-hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.caller-hero-points span {
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
  color: #24170b;
  font-size: 0.84rem;
  font-weight: 900;
  padding: 9px 12px;
}

.caller-hero-visual {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.caller-hero-device {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 28px;
  box-shadow: 0 32px 80px rgba(15, 23, 42, 0.22);
  display: grid;
  gap: 12px;
  padding: 16px;
  position: absolute;
  right: clamp(28px, 8vw, 150px);
  top: clamp(36px, 7svh, 74px);
  transform: rotate(2deg);
  width: min(420px, 38vw);
}

.caller-hero-device-top {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.caller-hero-device-top img {
  background: #fff;
  border-radius: 4px;
  display: block;
  height: 28px;
  object-fit: contain;
  padding: 2px 6px;
  width: 132px;
}

.caller-hero-device-top span {
  color: rgba(20, 16, 15, 0.76);
  font-size: 0.64rem;
  font-weight: 900;
}

.caller-hero-current-card {
  aspect-ratio: 2.5 / 3.5;
  background: #fff;
  border: 9px solid #fff;
  border-radius: 18px;
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.22);
  justify-self: center;
  overflow: hidden;
  transform: rotate(-1deg);
  width: min(74%, 268px);
}

.caller-hero-current-card img,
.caller-hero-history img,
.caller-hero-floating-card img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.caller-hero-history {
  display: flex;
  gap: 8px;
  overflow: hidden;
}

.caller-hero-history span {
  aspect-ratio: 2.5 / 3.5;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 10px;
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.14);
  display: block;
  flex: 0 0 54px;
  overflow: hidden;
}

.caller-hero-controls {
  align-items: center;
  background: rgba(255, 255, 255, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 999px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1.45fr 1fr;
  padding: 8px;
}

.caller-hero-controls span,
.caller-hero-controls b {
  background: #fff;
  border-radius: 999px;
  display: block;
  height: 38px;
}

.caller-hero-controls b {
  background: linear-gradient(135deg, var(--loteria-yellow), #7bd94a);
  border: 6px solid rgba(25, 189, 184, 0.8);
  height: 56px;
}

.caller-hero-floating-card {
  aspect-ratio: 2.5 / 3.5;
  background: #fff;
  border: 8px solid #fff;
  border-radius: 18px;
  box-shadow: 0 26px 56px rgba(15, 23, 42, 0.2);
  overflow: hidden;
  position: absolute;
  width: min(150px, 14vw);
}

.caller-hero-floating-card.one {
  bottom: 14%;
  right: clamp(330px, 42vw, 560px);
  transform: rotate(-10deg);
}

.caller-hero-floating-card.two {
  right: clamp(16px, 4vw, 70px);
  top: 18%;
  transform: rotate(12deg);
}

.caller-hero-actions,
.caller-inline-actions,
.caller-setup-actions,
.caller-edit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.caller-benefit-band,
.caller-deck-hub {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 22px;
  padding-right: 22px;
}

.caller-benefit-band {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: -46px;
  padding-bottom: 24px;
  position: relative;
  z-index: 2;
}

.caller-benefit-band article,
.caller-source-card {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid var(--caller-line);
  border-radius: 8px;
  box-shadow: var(--caller-shadow);
}

.caller-benefit-band article {
  display: grid;
  gap: 7px;
  padding: 18px;
}

.caller-benefit-band strong {
  font-size: 1.02rem;
  font-weight: 950;
}

.caller-benefit-band p,
.caller-source-card p,
.caller-section-head p,
.caller-project-deck-copy p,
.caller-project-deck-copy small {
  color: var(--gallery-muted);
  font-weight: 760;
  line-height: 1.42;
  margin: 0;
}

.caller-deck-hub {
  display: grid;
  gap: 18px;
  padding-bottom: 22px;
  padding-top: 14px;
}

.caller-section-head {
  display: grid;
  gap: 8px;
  max-width: 760px;
}

.caller-section-head h2 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 0;
}

.caller-deck-source-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
}

.caller-source-card {
  align-content: start;
  display: grid;
  gap: 14px;
  padding: 18px;
}

.caller-source-head {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.caller-source-head span {
  color: var(--gallery-muted);
  display: block;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.caller-source-head h3 {
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 3px 0 0;
}

.caller-source-head small {
  background: color-mix(in srgb, var(--loteria-blue) 14%, white);
  border: 1px solid color-mix(in srgb, var(--loteria-blue) 28%, white);
  border-radius: 999px;
  color: #07394a;
  font-weight: 950;
  padding: 7px 10px;
}

.caller-project-signin {
  background:
    linear-gradient(90deg, rgba(41, 189, 242, 0.12), rgba(255, 211, 51, 0.16)),
    #fffdfa;
  border: 1px dashed rgba(21, 17, 15, 0.16);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 16px;
}

.caller-inline-actions {
  margin-top: 0;
}

.caller-project-deck-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.caller-project-deck-card {
  background: #fffdfa;
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
  display: grid;
  gap: 10px;
  padding: 10px;
}

.caller-project-deck-card .saved-project-cover-preview {
  border-radius: 8px;
  min-height: 118px;
  padding: 8px;
}

.caller-project-deck-card .saved-project-cover-preview span {
  border-radius: 8px;
  min-height: 102px;
}

.caller-project-deck-copy {
  display: grid;
  gap: 5px;
}

.caller-project-deck-copy h4 {
  font-size: 1.02rem;
  line-height: 1.08;
  margin: 0;
}

.caller-project-deck-copy .access-status-badge {
  margin-top: 4px;
}

.caller-upload-source-card {
  background:
    linear-gradient(135deg, rgba(255, 211, 51, 0.18), rgba(236, 47, 145, 0.12)),
    #fff;
}

.caller-hero-preview {
  aspect-ratio: 4 / 3;
  background: #fff;
  border: 1px solid var(--caller-line);
  border-radius: 8px;
  box-shadow: var(--caller-shadow);
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
  padding: 14px;
}

.caller-demo-card {
  align-items: end;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 1.15rem;
  font-weight: 950;
  justify-content: center;
  letter-spacing: 0;
  min-height: 0;
  padding: 18px 12px;
  text-align: center;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.22);
}

.caller-demo-card.one {
  background: var(--loteria-blue);
}

.caller-demo-card.two {
  background: var(--loteria-magenta);
}

.caller-demo-card.three {
  background: var(--loteria-yellow);
  color: #24170b;
  grid-column: 1 / -1;
  text-shadow: none;
}

.caller-builder-panel {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
  margin: 0 auto;
  max-width: 1180px;
  padding: 0 22px 56px;
}

.caller-setup-card,
.caller-card-editor,
.caller-empty-editor,
.caller-edit-row {
  background: #fff;
  border: 1px solid var(--caller-line);
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.caller-setup-card {
  align-self: start;
  display: grid;
  gap: 14px;
  padding: 18px;
}

.caller-setup-head {
  align-items: start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.caller-setup-head h2 {
  font-size: 1.45rem;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 2px 0 0;
}

.caller-setup-head > span {
  background: color-mix(in srgb, var(--loteria-green) 12%, white);
  border: 1px solid color-mix(in srgb, var(--loteria-green) 24%, white);
  border-radius: 999px;
  color: #0b4b2a;
  font-size: 0.82rem;
  font-weight: 900;
  padding: 8px 10px;
  white-space: nowrap;
}

.caller-setup-card label,
.caller-edit-fields label,
.caller-controls label {
  display: grid;
  gap: 6px;
}

.caller-setup-card label span,
.caller-edit-fields label span,
.caller-controls label span {
  color: var(--gallery-muted);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.caller-setup-card input,
.caller-edit-fields input,
.caller-controls select {
  background: #fffdfa;
  border: 1px solid var(--caller-line);
  border-radius: 8px;
  color: var(--gallery-ink);
  font: inherit;
  min-height: 44px;
  padding: 10px 12px;
  width: 100%;
}

.caller-upload-zone {
  background:
    linear-gradient(90deg, rgba(41, 189, 242, 0.13), rgba(236, 47, 145, 0.12)),
    #fff;
  border: 2px dashed rgba(21, 17, 15, 0.18);
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  gap: 5px;
  min-height: 112px;
  padding: 18px;
  place-items: center;
  text-align: center;
}

.caller-option-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.caller-option-grid > div {
  display: grid;
  gap: 7px;
}

.caller-option-grid > div > span {
  color: var(--gallery-muted);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.caller-segmented-control {
  background: rgba(21, 17, 15, 0.06);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 999px;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 5px;
}

.caller-segmented-control button {
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--gallery-ink);
  font-size: 0.78rem;
  font-weight: 880;
  min-height: 36px;
  padding: 0 9px;
}

.caller-segmented-control button.active {
  background: #fff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
  color: var(--loteria-magenta);
}

.caller-upload-zone strong {
  font-size: 1.02rem;
}

.caller-upload-zone p,
.caller-status-text {
  color: var(--gallery-muted);
  font-size: 0.92rem;
  font-weight: 760;
  line-height: 1.42;
  margin: 0;
}

.caller-card-editor {
  display: grid;
  gap: 12px;
  min-height: 360px;
  padding: 14px;
}

.caller-empty-editor {
  align-content: center;
  border-style: dashed;
  box-shadow: none;
  display: grid;
  justify-items: center;
  min-height: 280px;
  padding: 26px 18px;
  text-align: center;
}

.caller-empty-editor h3 {
  font-size: 1.45rem;
  line-height: 1.08;
  margin: 0;
}

.caller-empty-editor p {
  color: var(--gallery-muted);
  font-weight: 760;
  margin: 8px 0 0;
}

.caller-edit-row {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: 112px minmax(0, 1fr);
  padding: 12px;
}

.caller-edit-preview {
  width: 112px;
}

.caller-edit-preview .card-preview,
.caller-edit-preview .card-preview-canvas {
  min-width: 0;
  width: 100%;
}

.caller-edit-fields {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.caller-edit-actions {
  margin-top: 0;
}

.caller-edit-actions .small-button {
  min-height: 36px;
}

.caller-stage,
.caller-empty-stage {
  color: var(--gallery-ink);
  min-height: 100vh;
}

.caller-stage {
  background:
    linear-gradient(180deg, rgba(24, 161, 248, 0.96) 0%, rgba(15, 184, 190, 0.94) 37%, rgba(48, 198, 105, 0.92) 66%, rgba(236, 47, 145, 0.96) 100%);
  display: grid;
  gap: clamp(8px, 1.5svh, 14px);
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  padding: 14px 14px 86px;
  position: relative;
  overflow-x: hidden;
}

.caller-stage.has-current-card {
  height: 100svh;
  min-height: 100svh;
  overflow: hidden;
  padding-bottom: 12px;
}

.caller-empty-stage {
  background: #fffdfa;
}

.caller-stage:fullscreen {
  height: 100vh;
  overflow: auto;
  width: 100vw;
}

.caller-stage-top {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(96px, auto) minmax(0, 1fr) minmax(112px, auto);
  position: relative;
  z-index: 3;
}

.caller-stage-brand {
  align-items: center;
  color: rgba(20, 16, 15, 0.78);
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-width: 0;
  text-align: center;
  text-shadow: 0 1px 18px rgba(255, 255, 255, 0.38);
}

.caller-stage-brand img {
  display: block;
  height: auto;
  max-height: 34px;
  object-fit: contain;
  width: min(186px, 34vw);
}

.caller-stage-brand span {
  font-size: 0.74rem;
  font-weight: 920;
  letter-spacing: 0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.caller-stage-nav-button {
  border-radius: 999px !important;
  font-size: 0.84rem !important;
  font-weight: 920 !important;
  min-height: 38px !important;
  padding: 0 14px !important;
}

.caller-card-theater {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  justify-content: center;
  min-height: 0;
  position: relative;
  z-index: 2;
}

.caller-stage.has-current-card .caller-card-theater {
  padding-bottom: clamp(6px, 1svh, 10px);
}

.caller-stage.is-opening .caller-card-theater {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  width: 100%;
}

.caller-card-frame {
  margin: 0 auto;
  max-height: 62vh;
  max-width: 430px;
  min-width: 220px;
  transform: translate(var(--caller-card-shift-x, 0), var(--caller-card-shift-y, 0)) rotate(var(--caller-card-rotate, 0deg));
  transition: transform 220ms ease, filter 220ms ease;
  width: min(100%, 430px);
}

.caller-stage.has-current-card .caller-card-frame {
  min-width: 0;
  width: min(100%, 430px, 36svh);
}

.caller-card-frame .card-preview,
.caller-card-frame .card-preview-canvas {
  background: #fff;
  border-color: #fff;
  border-radius: 18px;
  border-width: 11px;
  box-shadow:
    0 30px 58px rgba(18, 18, 18, 0.28),
    0 5px 0 rgba(255, 255, 255, 0.58) inset;
}

.caller-card-frame {
  animation: callerDrawCard 340ms cubic-bezier(0.18, 0.86, 0.28, 1.08);
}

.caller-preload-cards {
  height: 1px;
  left: -10000px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 1px;
}

.caller-stage.is-shuffling .caller-card-frame {
  animation: callerShuffle 640ms ease-in-out;
}

.caller-opening-stack {
  display: grid;
  justify-items: center;
  min-height: min(62vh, 560px);
  padding: 20px 0;
  perspective: 1200px;
  place-items: center;
  width: min(100%, 520px);
}

.caller-stack-preview {
  aspect-ratio: 2.5 / 3.5;
  max-width: 420px;
  position: relative;
  width: min(78vw, 420px);
}

.caller-stack-card,
.caller-stack-top-card {
  aspect-ratio: 2.5 / 3.5;
  border-radius: 18px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 88%;
}

.caller-stack-card {
  background: #fff;
  box-shadow: 0 24px 48px rgba(18, 18, 18, 0.24);
  pointer-events: none;
}

.caller-stack-card .card-preview,
.caller-stack-card .card-preview-canvas {
  border-color: #fff;
  border-radius: 18px;
  border-width: 9px;
  height: 100%;
  min-width: 0;
  width: 100%;
}

.stack-card-1 {
  animation: callerStackFanOne 2.05s cubic-bezier(0.25, 0.82, 0.22, 1) 160ms both;
}

.stack-card-2 {
  animation: callerStackFanTwo 2.05s cubic-bezier(0.25, 0.82, 0.22, 1) 220ms both;
}

.stack-card-3 {
  animation: callerStackFanThree 2.05s cubic-bezier(0.25, 0.82, 0.22, 1) 280ms both;
}

.stack-card-4 {
  animation: callerStackFanFour 2.05s cubic-bezier(0.25, 0.82, 0.22, 1) 340ms both;
}

.stack-card-5 {
  animation: callerStackFanFive 2.05s cubic-bezier(0.25, 0.82, 0.22, 1) 400ms both;
}

.caller-stack-top-card {
  align-items: center;
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.72) 0 8%, transparent 9%),
    radial-gradient(circle at 72% 74%, rgba(255, 255, 255, 0.52) 0 7%, transparent 8%),
    linear-gradient(135deg, rgba(16, 16, 16, 0.13) 0 2px, transparent 2px 20px),
    repeating-linear-gradient(45deg, rgba(15, 15, 15, 0.18) 0 2px, transparent 2px 18px),
    repeating-linear-gradient(-45deg, rgba(15, 15, 15, 0.08) 0 1px, transparent 1px 22px),
    linear-gradient(135deg, #faf6ec 0%, #e8ddcb 52%, #fffdf6 100%);
  border: 12px solid #fff;
  box-shadow:
    0 30px 58px rgba(18, 18, 18, 0.28),
    -18px 18px 0 rgba(255, 255, 255, 0.74),
    -34px 34px 22px rgba(15, 23, 42, 0.16);
  color: #fff;
  cursor: pointer;
  display: grid;
  justify-items: center;
  padding: 0;
  transform: translate(-50%, -50%) rotate(-1deg);
  z-index: 8;
}

.caller-stage.is-opening .caller-stack-top-card {
  animation: callerTopStackSettle 2.2s cubic-bezier(0.25, 0.82, 0.22, 1) 180ms both;
}

.caller-card-back-mark {
  align-items: center;
  background: rgba(255, 255, 255, 0.94);
  border: 3px solid rgba(21, 17, 15, 0.12);
  border-radius: 999px;
  box-shadow:
    0 18px 34px rgba(21, 17, 15, 0.12),
    0 0 0 8px rgba(255, 255, 255, 0.34);
  display: inline-flex;
  height: 42%;
  justify-content: center;
  overflow: hidden;
  padding: 7%;
  position: relative;
  width: 58%;
  z-index: 2;
}

.caller-card-back-mark img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.caller-card-back-lines {
  background:
    radial-gradient(ellipse at 50% 18%, transparent 0 30%, rgba(16, 16, 16, 0.11) 31% 33%, transparent 34%),
    radial-gradient(ellipse at 50% 82%, transparent 0 30%, rgba(16, 16, 16, 0.1) 31% 33%, transparent 34%),
    linear-gradient(90deg, rgba(16, 16, 16, 0.06) 12%, transparent 12% 24%, rgba(16, 16, 16, 0.05) 24% 36%, transparent 36% 48%, rgba(16, 16, 16, 0.05) 48% 60%, transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.46), transparent 48%, rgba(16, 16, 16, 0.08));
  inset: 0;
  opacity: 0.82;
  position: absolute;
}

.caller-stack-play-button {
  align-items: center;
  background: linear-gradient(135deg, var(--loteria-yellow), #78d84b);
  border: 8px solid rgba(25, 189, 184, 0.86);
  border-radius: 999px;
  bottom: 7%;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.24),
    0 0 0 8px rgba(255, 255, 255, 0.2);
  color: #fff;
  display: inline-flex;
  height: 104px;
  justify-content: center;
  position: absolute;
  width: 104px;
  z-index: 3;
}

.caller-play-symbol {
  border-bottom: 24px solid transparent;
  border-left: 34px solid currentColor;
  border-top: 24px solid transparent;
  display: block;
  height: 0;
  margin-left: 8px;
  width: 0;
}

.caller-controls {
  align-items: end;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 28px;
  box-shadow: 0 24px 52px rgba(34, 8, 37, 0.18);
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(96px, 0.65fr) minmax(132px, 0.95fr) minmax(96px, 0.65fr) minmax(160px, 0.72fr) minmax(220px, 0.9fr);
  justify-content: center;
  justify-self: center;
  max-width: 980px;
  padding: 14px;
  position: relative;
  width: min(100%, 900px);
  z-index: 3;
}

.caller-controls button {
  min-height: 62px;
  min-width: 0;
}

.caller-round-button,
.caller-play-button {
  align-items: center;
  border-radius: 999px !important;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  padding: 0 18px;
}

.caller-play-button {
  background: linear-gradient(135deg, var(--loteria-yellow), #7bd94a) !important;
  border: 8px solid rgba(25, 189, 184, 0.88) !important;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.2),
    0 0 0 8px rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  isolation: isolate;
  min-height: 86px !important;
  overflow: visible;
  position: relative;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
}

.caller-play-button::before {
  background:
    conic-gradient(from -90deg, var(--loteria-yellow) 0 var(--caller-auto-progress, 0%), rgba(255, 255, 255, 0.28) var(--caller-auto-progress, 0%) 100%);
  border-radius: inherit;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.16),
    0 0 24px rgba(255, 255, 255, 0.22);
  content: "";
  inset: -8px;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: 0;
  padding: 4px;
  pointer-events: none;
  position: absolute;
  transition: opacity 180ms ease;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  z-index: 0;
}

.caller-play-button.is-auto-mode::before {
  opacity: 1;
}

.caller-play-button > * {
  position: relative;
  z-index: 1;
}

.caller-stage.is-playing .caller-play-button {
  background: linear-gradient(135deg, var(--loteria-red), var(--loteria-magenta)) !important;
  border-color: rgba(255, 211, 51, 0.72) !important;
}

.caller-next-button {
  background: linear-gradient(135deg, #ff3b73, var(--loteria-magenta)) !important;
  border-color: rgba(236, 47, 145, 0.36) !important;
  color: #fff !important;
}

.caller-restart-symbol,
.caller-next-symbol,
.caller-play-control-icon {
  display: inline-block;
  flex: 0 0 auto;
  position: relative;
}

.caller-restart-symbol {
  border: 4px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  height: 22px;
  width: 22px;
}

.caller-restart-symbol::after {
  border-bottom: 7px solid currentColor;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  position: absolute;
  right: -6px;
  top: -5px;
  transform: rotate(42deg);
}

.caller-next-symbol {
  height: 18px;
  width: 20px;
}

.caller-next-symbol::before,
.caller-next-symbol::after {
  border-bottom: 9px solid transparent;
  border-left: 12px solid currentColor;
  border-top: 9px solid transparent;
  content: "";
  position: absolute;
  top: 0;
}

.caller-next-symbol::before {
  left: 0;
}

.caller-next-symbol::after {
  left: 8px;
}

.caller-play-control-icon {
  border-bottom: 14px solid transparent;
  border-left: 20px solid currentColor;
  border-top: 14px solid transparent;
  height: 0;
  margin-left: 3px;
  width: 0;
}

.caller-play-control-icon.is-pause {
  border: 0;
  height: 28px;
  margin-left: 0;
  width: 24px;
}

.caller-play-control-icon.is-pause::before,
.caller-play-control-icon.is-pause::after {
  background: currentColor;
  border-radius: 4px;
  content: "";
  height: 28px;
  position: absolute;
  top: 0;
  width: 8px;
}

.caller-play-control-icon.is-pause::before {
  left: 0;
}

.caller-play-control-icon.is-pause::after {
  right: 0;
}

.caller-speed-segment {
  align-items: center;
  align-self: center;
  background: rgba(255, 255, 255, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 999px;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, 1fr);
  min-height: 48px;
  padding: 5px;
}

.caller-mode-segment {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 150px;
}

.caller-speed-segment button {
  background: transparent;
  border: 0;
  border-radius: 999px;
  box-shadow: none;
  color: #24170b;
  font-size: 0.78rem;
  font-weight: 920;
  min-height: 38px;
  padding: 0 10px;
}

.caller-speed-segment button.active {
  background: #fff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
  color: var(--loteria-magenta);
}

.caller-speed-options.is-disabled {
  opacity: 0.5;
}

.caller-history-strip {
  background: rgba(255, 255, 255, 0.26);
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 22px;
  box-shadow: 0 18px 38px rgba(34, 8, 37, 0.14);
  display: grid;
  gap: 6px;
  justify-self: center;
  margin-top: 2px;
  max-width: 960px;
  padding: 8px;
  position: relative;
  width: min(100%, 980px);
  z-index: 3;
}

.caller-history-head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.caller-history-head strong {
  font-size: 0.98rem;
  color: #1c110d;
}

.caller-history-head span {
  color: rgba(28, 17, 13, 0.72);
  font-size: 0.82rem;
  font-weight: 820;
}

.caller-history-list {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 1px;
  scrollbar-width: thin;
}

.caller-history-list > div {
  align-items: center;
  background: rgba(255, 255, 255, 0.78);
  border: 3px solid rgba(255, 255, 255, 0.74);
  border-radius: 12px;
  color: var(--gallery-ink);
  display: grid;
  flex: 0 0 auto;
  grid-template-rows: 76px;
  justify-items: center;
  max-width: 76px;
  min-height: 88px;
  padding: 4px;
  position: relative;
  width: 76px;
}

.caller-history-list > div.active {
  background: rgba(255, 211, 51, 0.86);
  border-color: var(--loteria-yellow);
  box-shadow: 0 10px 26px rgba(236, 47, 145, 0.2);
}

.caller-history-thumb {
  display: block;
  height: 76px;
  overflow: hidden;
  width: 54px;
}

.caller-history-thumb .card-preview,
.caller-history-thumb .card-preview-canvas {
  border-radius: 8px;
  border-width: 4px;
  box-shadow: 0 8px 14px rgba(15, 23, 42, 0.16);
  min-width: 0;
  width: 54px;
}

.caller-empty-stage {
  align-content: center;
  display: grid;
  gap: 14px;
  justify-items: center;
  padding: 24px;
  text-align: center;
}

.caller-empty-stage h2 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 0;
}

@keyframes callerDrawCard {
  from {
    opacity: 0.6;
    transform: translateY(16px) rotateY(8deg) rotate(var(--caller-card-rotate, 0deg)) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(var(--caller-card-shift-x, 0), var(--caller-card-shift-y, 0)) rotate(var(--caller-card-rotate, 0deg)) scale(1);
  }
}

@keyframes callerStackFanOne {
  0% { transform: translate(-50%, -50%) rotate(-2deg); }
  32% { transform: translate(-84%, -56%) rotate(-11deg); }
  64% { transform: translate(-40%, -53%) rotate(5deg); }
  100% { transform: translate(calc(-50% - 22px), calc(-50% + 22px)) rotate(-5deg); }
}

@keyframes callerStackFanTwo {
  0% { transform: translate(-50%, -50%) rotate(1deg); }
  32% { transform: translate(-66%, -68%) rotate(-6deg); }
  64% { transform: translate(-54%, -48%) rotate(-4deg); }
  100% { transform: translate(calc(-50% - 12px), calc(-50% + 12px)) rotate(-2deg); }
}

@keyframes callerStackFanThree {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  32% { transform: translate(-46%, -72%) rotate(0deg); }
  64% { transform: translate(-46%, -48%) rotate(3deg); }
  100% { transform: translate(calc(-50% - 4px), calc(-50% + 4px)) rotate(0deg); }
}

@keyframes callerStackFanFour {
  0% { transform: translate(-50%, -50%) rotate(-1deg); }
  32% { transform: translate(-26%, -66%) rotate(7deg); }
  64% { transform: translate(-58%, -52%) rotate(-3deg); }
  100% { transform: translate(calc(-50% + 7px), calc(-50% - 4px)) rotate(2deg); }
}

@keyframes callerStackFanFive {
  0% { transform: translate(-50%, -50%) rotate(2deg); }
  32% { transform: translate(-10%, -54%) rotate(12deg); }
  64% { transform: translate(-44%, -56%) rotate(4deg); }
  100% { transform: translate(calc(-50% + 18px), calc(-50% - 12px)) rotate(4deg); }
}

@keyframes callerTopStackSettle {
  0% {
    opacity: 0;
    transform: translate(-50%, -46%) rotate(5deg) scale(0.94);
  }
  58% {
    opacity: 0.1;
    transform: translate(-50%, -46%) rotate(5deg) scale(0.94);
  }
  82% {
    opacity: 1;
    transform: translate(-50%, -53%) rotate(-3deg) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(-1deg) scale(1);
  }
}

@keyframes callerShuffle {
  0% {
    transform: translateX(0) rotate(0deg) scale(1);
  }
  25% {
    transform: translateX(-16px) rotate(-3deg) scale(0.98);
  }
  50% {
    transform: translateX(16px) rotate(3deg) scale(1.01);
  }
  75% {
    transform: translateX(-8px) rotate(-1deg) scale(0.99);
  }
  100% {
    transform: translateX(0) rotate(0deg) scale(1);
  }
}

@media (max-height: 780px) and (min-width: 901px) {
  .caller-stage.has-current-card {
    gap: 6px;
    padding: 6px 10px 8px;
  }

  .caller-stage-brand img {
    max-height: 28px;
    width: min(160px, 24vw);
  }

  .caller-stage-brand span {
    font-size: 0.68rem;
  }

  .caller-stage-nav-button {
    font-size: 0.78rem !important;
    min-height: 34px !important;
    padding: 0 12px !important;
  }

  .caller-stage.has-current-card .caller-card-frame {
    width: min(100%, 310px, 34svh);
  }

  .caller-card-frame .card-preview,
  .caller-card-frame .card-preview-canvas {
    border-width: 8px;
  }

  .caller-history-strip {
    border-radius: 18px;
    gap: 4px;
    padding: 6px;
  }

  .caller-history-head strong {
    font-size: 0.9rem;
  }

  .caller-history-head span {
    font-size: 0.76rem;
  }

  .caller-history-list {
    gap: 6px;
  }

  .caller-history-list > div {
    border-radius: 10px;
    border-width: 2px;
    grid-template-rows: 62px;
    max-width: 64px;
    min-height: 72px;
    padding: 3px;
    width: 64px;
  }

  .caller-history-thumb {
    height: 62px;
    width: 44px;
  }

  .caller-history-thumb .card-preview,
  .caller-history-thumb .card-preview-canvas {
    border-radius: 6px;
    border-width: 3px;
    width: 44px;
  }

  .caller-controls {
    border-radius: 22px;
    gap: 10px;
    padding: 9px;
  }

  .caller-controls button {
    min-height: 50px;
  }

  .caller-play-button {
    border-width: 6px !important;
    min-height: 64px !important;
  }

  .caller-play-button::before {
    inset: -6px;
    padding: 3px;
  }

  .caller-speed-segment {
    min-height: 40px;
    padding: 4px;
  }

  .caller-speed-segment button {
    font-size: 0.72rem;
    min-height: 30px;
    padding: 0 8px;
  }
}

@media (max-width: 900px) {
  .caller-hero,
  .caller-builder-panel {
    grid-template-columns: 1fr;
  }

  .caller-hero {
    padding-top: 30px;
  }

  .caller-landing-hero {
    align-items: start;
    min-height: 720px;
    padding: 38px 18px 92px;
  }

  .caller-hero-copy {
    max-width: 610px;
    padding-top: 10px;
  }

  .caller-hero-visual {
    opacity: 0.72;
  }

  .caller-hero-device {
    right: -34px;
    top: 260px;
    width: min(420px, 62vw);
  }

  .caller-hero-floating-card.one {
    bottom: 12%;
    left: 20px;
    right: auto;
    width: 118px;
  }

  .caller-hero-floating-card.two {
    right: 18px;
    top: 18%;
    width: 112px;
  }

  .caller-hero h1 {
    font-size: 2.6rem;
  }

  .caller-benefit-band,
  .caller-deck-hub {
    padding-left: 14px;
    padding-right: 14px;
  }

  .caller-benefit-band,
  .caller-deck-source-grid {
    grid-template-columns: 1fr;
  }

  .caller-benefit-band {
    margin-top: -40px;
  }

  .caller-stage {
    grid-template-rows: auto auto auto minmax(94px, auto);
  }

  .caller-stage.has-current-card {
    grid-template-rows: auto minmax(0, 1fr) auto auto;
  }

  .caller-card-theater {
    grid-template-columns: 1fr;
  }

  .caller-stage-brand img {
    width: min(168px, 28vw);
  }

  .caller-stage-brand span {
    font-size: 0.68rem;
  }

  .caller-card-frame {
    max-height: none;
    width: min(86vw, 360px);
  }

  .caller-stage.has-current-card .caller-card-frame {
    min-width: 0;
    width: min(82vw, 38svh, 350px);
  }

  .caller-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 640px;
  }

  .caller-speed-segment {
    grid-column: 1 / -1;
  }

  .caller-mode-segment {
    min-width: 0;
  }

  .caller-play-button {
    min-height: 76px !important;
  }
}

@media (max-width: 560px) {
  .caller-hero,
  .caller-builder-panel {
    padding-left: 14px;
    padding-right: 14px;
  }

  .caller-landing-hero {
    min-height: 700px;
    padding: 30px 14px 86px;
  }

  .caller-landing-hero::after {
    height: 42%;
  }

  .caller-hero-copy {
    padding-top: 0;
  }

  .caller-hero h1 {
    font-size: 2.15rem;
  }

  .caller-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .caller-hero-actions .primary-button,
  .caller-hero-actions .secondary-button {
    width: 100%;
  }

  .caller-hero-points {
    gap: 6px;
  }

  .caller-hero-points span {
    font-size: 0.76rem;
    padding: 8px 10px;
  }

  .caller-hero-device {
    bottom: 42px;
    right: -72px;
    top: auto;
    width: 310px;
  }

  .caller-hero-device-top img {
    height: 22px;
    width: 108px;
  }

  .caller-hero-device-top span {
    font-size: 0.54rem;
  }

  .caller-hero-current-card {
    border-width: 7px;
    width: 68%;
  }

  .caller-hero-history span {
    flex-basis: 42px;
  }

  .caller-hero-controls b {
    height: 44px;
  }

  .caller-hero-floating-card {
    display: none;
  }

  .caller-benefit-band {
    gap: 10px;
    margin-top: -34px;
    padding-bottom: 18px;
  }

  .caller-benefit-band article,
  .caller-source-card {
    padding: 14px;
  }

  .caller-section-head h2 {
    font-size: 1.55rem;
  }

  .caller-project-deck-grid {
    grid-template-columns: 1fr;
  }

  .caller-hero-preview {
    aspect-ratio: auto;
    grid-template-columns: 1fr;
  }

  .caller-demo-card.three {
    grid-column: auto;
  }

  .caller-edit-row {
    grid-template-columns: 86px minmax(0, 1fr);
  }

  .caller-edit-preview {
    width: 86px;
  }

  .caller-edit-actions .small-button {
    flex: 1 1 92px;
  }

  .caller-option-grid {
    grid-template-columns: 1fr;
  }

  .caller-stage {
    padding: 10px 10px 86px;
  }

  .caller-stage.has-current-card {
    gap: 7px;
    padding: 8px 10px 10px;
  }

  .caller-stage-top .secondary-button {
    flex: 0 1 auto;
    min-width: 0;
  }

  .caller-stage-nav-button {
    font-size: 0.78rem !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    white-space: nowrap;
  }

  .caller-controls {
    border-radius: 22px;
    gap: 7px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 8px;
    width: 100%;
  }

  .caller-controls button {
    font-size: 0.78rem;
    min-height: 48px;
    padding: 0 6px;
  }

  .caller-round-button,
  .caller-play-button {
    gap: 6px;
  }

  .caller-play-button {
    border-width: 6px !important;
    box-shadow:
      0 12px 24px rgba(0, 0, 0, 0.18),
      0 0 0 5px rgba(255, 255, 255, 0.18) !important;
    min-height: 58px !important;
  }

  .caller-restart-symbol {
    border-width: 3px;
    height: 18px;
    width: 18px;
  }

  .caller-next-symbol {
    height: 15px;
    width: 17px;
  }

  .caller-next-symbol::before,
  .caller-next-symbol::after {
    border-bottom-width: 7px;
    border-left-width: 10px;
    border-top-width: 7px;
  }

  .caller-next-symbol::after {
    left: 7px;
  }

  .caller-play-control-icon {
    border-bottom-width: 11px;
    border-left-width: 16px;
    border-top-width: 11px;
  }

  .caller-speed-segment {
    grid-column: 1 / -1;
    min-height: 36px;
    padding: 4px;
  }

  .caller-speed-segment button {
    font-size: 0.68rem;
    min-height: 28px;
    padding: 0 6px;
  }

  .caller-stage-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .caller-stage-brand {
    flex: 1 0 100%;
    gap: 6px;
    order: -1;
  }

  .caller-stage-brand img {
    max-height: 24px;
    width: 128px;
  }

  .caller-stage-brand span {
    font-size: 0.62rem;
  }

  .caller-card-frame {
    width: min(90vw, 320px);
  }

  .caller-stage.has-current-card .caller-card-frame {
    width: min(78vw, 35svh, 300px);
  }

  .caller-opening-stack {
    min-height: min(56vh, 470px);
    padding: 8px 0 14px;
  }

  .caller-stack-preview {
    width: min(76vw, 318px);
  }

  .caller-stack-top-card {
    border-width: 9px;
  }

  .caller-stack-play-button {
    border-width: 6px;
    height: 82px;
    width: 82px;
  }

  .caller-play-symbol {
    border-bottom-width: 18px;
    border-left-width: 26px;
    border-top-width: 18px;
  }

  .caller-card-frame .card-preview,
  .caller-card-frame .card-preview-canvas {
    border-width: 7px;
  }

  .caller-history-strip {
    border-radius: 18px;
    gap: 4px;
    padding: 7px;
  }

  .caller-history-head {
    align-items: center;
    flex-direction: row;
    gap: 8px;
  }

  .caller-history-head strong {
    font-size: 0.84rem;
  }

  .caller-history-head span {
    font-size: 0.7rem;
  }

  .caller-history-list {
    gap: 6px;
  }

  .caller-history-list > div {
    border-radius: 10px;
    border-width: 2px;
    grid-template-rows: 64px;
    max-width: 58px;
    min-height: 72px;
    padding: 3px;
    width: 58px;
  }

  .caller-history-thumb {
    height: 64px;
    width: 46px;
  }

  .caller-history-thumb .card-preview,
  .caller-history-thumb .card-preview-canvas {
    border-radius: 6px;
    border-width: 3px;
    width: 46px;
  }
}

@media (max-width: 560px) and (max-height: 750px) {
  .caller-stage.has-current-card {
    gap: 6px;
    padding: 7px 9px 9px;
  }

  .caller-stage-brand img {
    max-height: 22px;
    width: 118px;
  }

  .caller-stage-brand span {
    font-size: 0.58rem;
  }

  .caller-stage-nav-button {
    font-size: 0.72rem !important;
    min-height: 30px !important;
    padding: 0 9px !important;
  }

  .caller-stage.has-current-card .caller-card-frame {
    width: min(72vw, 29svh, 238px);
  }

  .caller-history-strip {
    padding: 6px;
  }

  .caller-history-head strong {
    font-size: 0.78rem;
  }

  .caller-history-head span {
    font-size: 0.66rem;
  }

  .caller-history-list > div {
    grid-template-rows: 56px;
    max-width: 52px;
    min-height: 64px;
    width: 52px;
  }

  .caller-history-thumb {
    height: 56px;
    width: 40px;
  }

  .caller-history-thumb .card-preview,
  .caller-history-thumb .card-preview-canvas {
    width: 40px;
  }

  .caller-controls {
    gap: 6px;
    padding: 7px;
  }

  .caller-controls button {
    font-size: 0.72rem;
    min-height: 44px;
  }

  .caller-play-button {
    min-height: 52px !important;
  }

  .caller-speed-segment {
    min-height: 32px;
    padding: 3px;
  }

  .caller-speed-segment button {
    font-size: 0.64rem;
    min-height: 26px;
  }
}

/* Homepage footer/process refinement */
.landing-redesign .lm-process-layout {
  align-items: start;
  display: grid;
  gap: clamp(18px, 3vw, 30px);
  grid-template-columns: minmax(0, 2fr) minmax(300px, 0.86fr);
}

.landing-redesign .lm-process-main {
  min-width: 0;
}

.landing-redesign .lm-process .lm-section-head {
  margin-bottom: 18px !important;
}

.landing-redesign .lm-process-main .lm-step-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-redesign .lm-process-main .lm-step-card:last-child:nth-child(odd) {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(239, 249, 246, 0.92)),
    radial-gradient(circle at 96% 20%, rgba(41, 189, 242, 0.16), transparent 14rem);
  border-color: rgba(41, 189, 242, 0.24);
  grid-column: 1 / -1;
  min-height: 150px;
}

.landing-redesign .lm-process-price-card {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 249, 246, 0.92)),
    radial-gradient(circle at 100% 0, rgba(41, 189, 242, 0.14), transparent 12rem);
  border: 1px solid rgba(21, 17, 15, 0.1);
  border-radius: 24px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.09);
  color: var(--gallery-ink);
  display: grid;
  gap: 12px;
  padding: clamp(18px, 2vw, 24px);
  position: sticky;
  scroll-margin-top: 112px;
  top: 104px;
}

.landing-redesign .lm-process-price-card h3 {
  color: var(--gallery-ink);
  font-size: clamp(1.65rem, 2.2vw, 2.35rem);
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 0.96;
  margin: 0;
}

.landing-redesign .lm-process-price-card > p:not(.lm-kicker) {
  color: var(--gallery-muted);
  font-size: 0.95rem;
  font-weight: 720;
  line-height: 1.42;
  margin: 0;
}

.landing-redesign .lm-process-offers {
  display: grid;
  gap: 10px;
}

.landing-redesign .lm-process-offers article {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 18px;
  display: grid;
  gap: 7px;
  padding: 13px;
}

.landing-redesign .lm-process-offers span {
  color: var(--loteria-magenta);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.landing-redesign .lm-process-offers strong {
  color: var(--gallery-ink);
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  font-weight: 950;
  letter-spacing: -0.02em;
  line-height: 1;
}

.landing-redesign .lm-process-offers p {
  color: var(--gallery-muted);
  font-size: 0.84rem;
  font-weight: 720;
  line-height: 1.34;
  margin: 0;
}

.landing-redesign .lm-process-offers .primary-button,
.landing-redesign .lm-process-offers .secondary-button {
  min-height: 36px;
  padding: 0 12px;
  width: 100%;
}

.landing-redesign .lm-process-offers .secondary-button {
  background: #fff !important;
  border: 1px solid rgba(21, 17, 15, 0.12) !important;
  color: var(--gallery-ink) !important;
}

.landing-redesign .lm-review-proof {
  align-items: center;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
  color: var(--gallery-ink);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  padding: 9px 12px;
}

.landing-redesign .lm-review-proof strong {
  color: var(--gallery-ink);
  font-size: 1.18rem;
  font-weight: 950;
  line-height: 1;
}

.landing-redesign .lm-review-proof span:not(.lm-stars),
.landing-redesign .lm-review-proof b {
  color: var(--gallery-muted);
  font-size: 0.82rem;
  font-weight: 850;
}

.landing-redesign .lm-stars {
  color: #f7b500;
  display: inline-flex;
  font-size: 0.96rem;
  letter-spacing: 0.05em;
  line-height: 1;
}

.landing-redesign .lm-review-card .lm-stars {
  margin: 1px 0 8px;
}

.landing-redesign .site-footer.lm-footer {
  background:
    linear-gradient(90deg, var(--loteria-blue), var(--loteria-green), var(--loteria-yellow), var(--loteria-magenta)) top / 100% 6px no-repeat,
    radial-gradient(circle at 12% 0, rgba(41, 189, 242, 0.22), transparent 18rem),
    radial-gradient(circle at 94% 16%, rgba(236, 47, 145, 0.18), transparent 18rem),
    linear-gradient(135deg, #15110f, #253f38) !important;
  border: 0 !important;
  border-radius: 30px 30px 0 0 !important;
  box-shadow: 0 -18px 50px rgba(15, 23, 42, 0.12) !important;
  color: #fffaf0 !important;
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: 1fr !important;
  overflow: hidden;
  padding: clamp(30px, 4.6vw, 58px) clamp(20px, 4vw, 56px) 22px !important;
}

.landing-redesign .lm-footer-top {
  align-items: start;
  display: grid;
  gap: clamp(22px, 4vw, 54px);
  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.12fr);
}

.landing-redesign .lm-footer-brand-panel {
  display: grid;
  gap: 14px;
  max-width: 560px;
}

.landing-redesign .lm-footer .brand-mark {
  color: #fffaf0 !important;
  justify-content: flex-start;
  width: fit-content;
}

.landing-redesign .lm-footer .brand-label {
  color: #fffaf0 !important;
}

.landing-redesign .lm-footer .logo-mark {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(255, 255, 255, 0.9);
}

.landing-redesign .lm-footer-brand-panel p {
  color: rgba(255, 250, 240, 0.76) !important;
  font-size: clamp(0.98rem, 1.2vw, 1.08rem);
  font-weight: 720;
  line-height: 1.48;
  margin: 0;
}

.landing-redesign .lm-footer-proof,
.landing-redesign .lm-footer-bottom {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 9px 14px;
}

.landing-redesign .lm-footer-proof {
  color: rgba(255, 250, 240, 0.78);
  font-size: 0.84rem;
  font-weight: 850;
}

.landing-redesign .lm-footer-proof span:not(.lm-stars) {
  color: rgba(255, 250, 240, 0.78);
}

.landing-redesign .lm-footer-link-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-redesign .lm-footer-link-grid div {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 250, 240, 0.1);
  border-radius: 20px;
  display: grid;
  gap: 8px;
  padding: 16px;
}

.landing-redesign .lm-footer-link-grid strong {
  color: #fffaf0;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  margin-bottom: 2px;
  text-transform: uppercase;
}

.landing-redesign .lm-footer a,
.landing-redesign .lm-footer button {
  color: rgba(255, 250, 240, 0.78) !important;
}

.landing-redesign .lm-footer-link-grid a {
  border-radius: 10px;
  font-size: 0.92rem;
  font-weight: 850;
  padding: 6px 0;
  text-decoration: none;
}

.landing-redesign .lm-footer-link-grid a:hover {
  color: #fffaf0 !important;
}

.landing-redesign .lm-footer .site-footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 2px 0 0;
}

.landing-redesign .lm-footer .site-footer-actions .primary-button,
.landing-redesign .lm-footer .site-footer-actions .secondary-button {
  min-height: 42px;
  padding: 0 16px;
}

.landing-redesign .lm-footer .site-footer-actions .primary-button {
  color: #fff !important;
}

.landing-redesign .lm-footer .site-footer-actions .secondary-button {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 250, 240, 0.18) !important;
  box-shadow: none !important;
  color: #fffaf0 !important;
}

.landing-redesign .lm-footer-bottom {
  border-top: 1px solid rgba(255, 250, 240, 0.12);
  justify-content: space-between;
  padding-top: 18px;
}

.landing-redesign .lm-footer-bottom > span {
  color: rgba(255, 250, 240, 0.66);
  font-size: 0.85rem;
  font-weight: 760;
}

.landing-redesign .lm-footer .site-legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.landing-redesign .lm-footer .site-legal-links button {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 250, 240, 0.12) !important;
  border-radius: 999px;
  color: rgba(255, 250, 240, 0.72) !important;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 850;
  min-height: 32px;
  padding: 0 11px;
}

.landing-redesign .lm-footer .site-legal-links button:hover {
  color: #fffaf0 !important;
}

@media (max-width: 980px) {
  .landing-redesign .lm-process-layout,
  .landing-redesign .lm-footer-top {
    grid-template-columns: 1fr;
  }

  .landing-redesign .lm-process-price-card {
    position: relative;
    top: auto;
  }

  .landing-redesign .lm-footer-link-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .landing-redesign .lm-process-main .lm-step-grid,
  .landing-redesign .lm-footer-link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-redesign .lm-footer-link-grid div:nth-child(3) {
    grid-column: 1 / -1;
  }

  .landing-redesign .lm-footer-link-grid div {
    padding: 14px;
  }

  .landing-redesign .lm-process-main .lm-step-grid {
    grid-template-columns: 1fr;
  }

  .landing-redesign .lm-process-price-card {
    border-radius: 20px;
    padding: 16px;
  }

  .landing-redesign .lm-review-proof {
    border-radius: 18px;
    justify-content: flex-start;
    width: 100%;
  }

  .landing-redesign .site-footer.lm-footer {
    border-radius: 24px 24px 0 0 !important;
    margin-left: 10px;
    margin-right: 10px;
    padding: 28px 18px 18px !important;
  }

  .landing-redesign .lm-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .landing-redesign .lm-footer .site-legal-links {
    justify-content: flex-start;
  }
}

/* Homepage cleanup pass */
.landing-redesign .lm-choice-strip,
.landing-redesign .lm-marquee,
.landing-redesign .lm-intro,
.landing-redesign .lm-commerce-strip,
.landing-redesign .lm-ai-promo,
.landing-redesign .lm-process,
.landing-redesign .lm-gallery,
.landing-redesign .lm-print-section,
.landing-redesign .lm-reviews,
.landing-redesign .seo-faq-section,
.landing-redesign .lm-final-cta {
  scroll-margin-top: 112px;
}

.landing-redesign .lm-choice-strip {
  background:
    radial-gradient(circle at 8% 18%, rgba(41, 189, 242, 0.12), transparent 18rem),
    radial-gradient(circle at 92% 18%, rgba(236, 47, 145, 0.1), transparent 18rem),
    rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 28px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 18px auto 28px;
  padding: 12px;
  position: relative;
  width: min(100% - 32px, 1360px);
  z-index: 2;
}

.landing-redesign .lm-choice-card {
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 22px;
  display: grid;
  gap: 14px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 132px;
  padding: 18px;
}

.landing-redesign .lm-choice-card > span {
  align-items: center;
  background: rgba(41, 189, 242, 0.11);
  border: 1px solid rgba(41, 189, 242, 0.2);
  border-radius: 999px;
  color: #087ca0;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 980;
  height: 38px;
  justify-content: center;
  letter-spacing: 0.08em;
  width: 38px;
}

.landing-redesign .lm-choice-card.choice-2 > span {
  background: rgba(31, 160, 96, 0.11);
  border-color: rgba(31, 160, 96, 0.2);
  color: #147044;
}

.landing-redesign .lm-choice-card.choice-3 > span {
  background: rgba(236, 47, 145, 0.1);
  border-color: rgba(236, 47, 145, 0.2);
  color: #b61864;
}

.landing-redesign .lm-choice-card h2 {
  color: var(--gallery-ink);
  font-size: clamp(1.08rem, 1.45vw, 1.4rem);
  font-weight: 950;
  letter-spacing: -0.025em;
  line-height: 1;
  margin: 0 0 6px;
}

.landing-redesign .lm-choice-card p {
  color: var(--gallery-muted);
  font-size: 0.88rem;
  font-weight: 720;
  line-height: 1.35;
  margin: 0;
}

.landing-redesign .lm-choice-card .primary-button,
.landing-redesign .lm-choice-card .secondary-button {
  grid-column: 1 / -1;
  min-height: 40px;
  padding: 0 14px;
  width: 100%;
}

.landing-redesign .lm-choice-card .secondary-button,
.landing-redesign .site-footer-actions .secondary-button {
  background: #fff !important;
  border: 1px solid rgba(21, 17, 15, 0.12) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
  color: var(--gallery-ink) !important;
}

.landing-redesign .lm-choice-card .primary-button,
.landing-redesign .site-footer-actions .primary-button,
.landing-redesign .lm-final-cta .primary-button {
  color: #fff !important;
}

.landing-redesign .lm-commerce-strip {
  padding: clamp(30px, 4vw, 54px) clamp(18px, 5vw, 64px) !important;
}

.landing-redesign .commerce-offer-grid {
  gap: 14px;
  max-width: 1040px;
}

.landing-redesign .commerce-offer-card {
  border-radius: 18px;
  gap: 9px;
  padding: 18px;
}

.landing-redesign .commerce-offer-card strong {
  font-size: clamp(1.35rem, 2.4vw, 2rem);
}

.landing-redesign .commerce-offer-card p {
  font-size: 0.88rem;
}

.landing-redesign .lm-gallery-note {
  align-items: center;
  background: linear-gradient(135deg, rgba(255, 211, 51, 0.16), rgba(41, 189, 242, 0.1));
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 18px;
  color: var(--gallery-ink);
  display: flex;
  gap: 10px 14px;
  margin: -10px 0 22px;
  padding: 13px 16px;
}

.landing-redesign .lm-gallery-note strong {
  flex: 0 0 auto;
  font-size: 0.92rem;
  font-weight: 950;
}

.landing-redesign .lm-gallery-note span {
  color: var(--gallery-muted);
  font-size: 0.9rem;
  font-weight: 720;
  line-height: 1.35;
}

.landing-redesign .lm-final-cta {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  max-width: 1360px !important;
  min-height: 0;
  padding: clamp(28px, 4vw, 48px) clamp(20px, 4vw, 54px) !important;
}

.landing-redesign .lm-final-cta h2 {
  font-size: clamp(2rem, 4vw, 4.4rem) !important;
  line-height: 0.95 !important;
  max-width: 760px;
}

.landing-redesign .site-footer {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 0.92fr) minmax(300px, 0.8fr);
  max-width: 1360px !important;
  padding: clamp(28px, 4vw, 46px) clamp(20px, 4vw, 54px) !important;
}

.landing-redesign .site-footer-brand-block {
  display: grid;
  gap: 12px;
  max-width: 560px;
}

.landing-redesign .site-footer-brand-block .brand-mark {
  justify-content: flex-start;
  width: fit-content;
}

.landing-redesign .site-footer-brand-block p {
  font-size: 0.98rem;
  font-weight: 720;
  line-height: 1.45;
  margin: 0;
  max-width: 42ch;
}

.landing-redesign .site-footer-actions,
.landing-redesign .site-footer-quick-links,
.landing-redesign .site-legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.landing-redesign .site-footer-actions {
  margin-top: 4px;
}

.landing-redesign .site-footer-actions .primary-button,
.landing-redesign .site-footer-actions .secondary-button {
  min-height: 40px;
  padding: 0 15px;
}

.landing-redesign .site-footer-links {
  gap: 18px !important;
  justify-items: end;
  min-width: 0 !important;
}

.landing-redesign .site-footer-quick-links,
.landing-redesign .site-legal-links {
  justify-content: flex-end;
}

.landing-redesign .site-footer-quick-links a,
.landing-redesign .site-legal-links button {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(21, 17, 15, 0.08);
  border-radius: 999px;
  color: var(--gallery-ink) !important;
  font-size: 0.84rem;
  font-weight: 850;
  min-height: 36px;
  padding: 0 12px;
  text-decoration: none;
}

.landing-redesign .site-legal-links button {
  cursor: pointer;
}

.landing-redesign .site-footer-quick-links a:hover,
.landing-redesign .site-legal-links button:hover {
  border-color: rgba(236, 47, 145, 0.28);
  color: var(--loteria-magenta) !important;
}

@media (max-width: 1100px) {
  .landing-redesign .lm-hero {
    gap: 22px !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .landing-redesign .lm-hero-copy {
    max-width: 760px;
  }

  .landing-redesign .lm-hero-stage {
    margin-top: 6px;
  }

  .landing-redesign .lm-hero-stage .hero-showcase {
    height: auto !important;
    min-height: 0 !important;
    width: min(100%, 520px) !important;
  }

  .landing-redesign .lm-choice-strip,
  .landing-redesign .commerce-offer-grid {
    grid-template-columns: 1fr;
  }

  .landing-redesign .lm-choice-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 0;
  }

  .landing-redesign .lm-choice-card .primary-button,
  .landing-redesign .lm-choice-card .secondary-button {
    grid-column: auto;
    white-space: nowrap;
    width: auto;
  }
}

@media (max-width: 760px) {
  .help-launcher {
    font-size: 0;
    justify-content: center;
    min-height: 46px;
    padding: 8px;
    width: 46px;
  }

  .help-launcher span {
    font-size: 1rem;
    height: 30px;
    width: 30px;
  }

  .landing-redesign .lm-hero {
    border-radius: 28px !important;
    padding: 28px 16px 12px !important;
    width: calc(100% - 20px) !important;
  }

  .seo-home-route .lm-hero h1 {
    font-size: clamp(2.35rem, 15vw, 3.45rem) !important;
    line-height: 0.86 !important;
  }

  .seo-home-route .lm-hero h1 em {
    font-size: clamp(1.02rem, 6vw, 1.36rem) !important;
    margin-top: 10px;
  }

  .landing-redesign .lm-hero-sub {
    font-size: 0.96rem !important;
    line-height: 1.42;
  }

  .landing-redesign .lm-hero-actions {
    gap: 10px;
    margin-top: 18px;
  }

  .landing-redesign .lm-hero-actions .large {
    min-height: 50px;
  }

  .landing-redesign .lm-hero-actions .secondary-button.large {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--gallery-ink) !important;
    min-height: 30px;
    padding: 0;
  }

  .landing-redesign .lm-hero-actions .ghost-link {
    display: none !important;
  }

  .landing-redesign .lm-proof-row {
    display: flex;
    gap: 8px;
    grid-template-columns: none;
    margin-top: 12px;
    overflow-x: auto;
  }

  .landing-redesign .lm-proof-row span {
    flex: 0 0 auto;
    font-size: 0.84rem;
    padding: 8px 11px;
    white-space: nowrap;
  }

  .landing-redesign .lm-proof-row span:nth-child(n + 3) {
    display: none;
  }

  .landing-redesign .lm-hero-stage .hero-showcase {
    width: min(100%, 214px) !important;
  }

  .landing-redesign .lm-hero-stage .realistic-board {
    width: min(60vw, 206px) !important;
  }

  .landing-redesign .lm-choice-strip {
    border-radius: 22px;
    margin-top: 4px;
    padding: 8px;
    width: calc(100% - 20px);
  }

  .landing-redesign .lm-choice-card {
    border-radius: 18px;
    gap: 11px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 14px;
  }

  .landing-redesign .lm-choice-card .primary-button,
  .landing-redesign .lm-choice-card .secondary-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .landing-redesign .lm-step-card::after {
    display: none;
  }

  .landing-redesign .lm-gallery-note {
    align-items: flex-start;
    flex-direction: column;
    margin-top: -4px;
  }

  .landing-redesign .lm-final-cta {
    align-items: stretch;
    border-radius: 24px;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    padding: 24px 18px !important;
  }

  .landing-redesign .lm-final-cta h2 {
    font-size: clamp(1.9rem, 10vw, 3rem) !important;
  }

  .landing-redesign .site-footer {
    border-radius: 24px 24px 0 0 !important;
    grid-template-columns: 1fr;
    margin-left: 10px;
    margin-right: 10px;
    padding: 24px 18px !important;
  }

  .landing-redesign .site-footer-links {
    justify-items: stretch;
  }

  .landing-redesign .site-footer-quick-links,
  .landing-redesign .site-legal-links {
    justify-content: flex-start;
  }
}

/* Final admin workspace overrides: keep after legacy admin styles. */
.admin-page {
  background: #f6f8fb !important;
}

.admin-portal-shell {
  background: transparent !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) !important;
  max-width: 1480px !important;
}

.admin-portal-sidebar,
.admin-portal-topbar,
.admin-section-hero,
.admin-tab-panel,
.admin-command-card,
.admin-health-card {
  background: #fff !important;
  border: 1px solid #d9e2ef !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06) !important;
}

.admin-cockpit {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.customer-hub-workspace {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.32fr) !important;
}

.admin-customer-table-card {
  grid-column: 1 / -1;
}

.admin-table-scroll {
  overflow: auto;
  width: 100%;
}

.admin-customer-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 940px;
  width: 100%;
}

.admin-customer-table th,
.admin-customer-table td {
  border-bottom: 1px solid #e5edf6;
  color: #111827;
  padding: 12px 10px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.admin-customer-table th {
  color: #5b6472;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-customer-table tbody tr {
  cursor: pointer;
  transition: background 160ms ease;
}

.admin-customer-table tbody tr:hover,
.admin-customer-table tbody tr.selected {
  background: #eef6ff;
}

.admin-table-person {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 240px;
}

.admin-table-person strong,
.admin-table-person small {
  display: block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-table-person small {
  color: #5b6472;
}

.admin-table-pill {
  background: #f9fafb;
  border: 1px solid #d9e2ef;
  border-radius: 999px;
  color: #374151;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 800;
  padding: 4px 8px;
}

.customer-action-card {
  align-self: start;
}

.customer-hub-workspace .admin-manager-card {
  background: #fff !important;
  border: 1px solid #d9e2ef !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06) !important;
  min-width: 0;
}

.admin-project-meta-grid,
.admin-project-action-bar {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  margin-top: 12px;
}

.admin-project-meta-grid span {
  background: #f9fafb;
  border: 1px solid #d9e2ef;
  border-radius: 12px;
  color: #374151;
  display: grid;
  gap: 4px;
  padding: 10px;
}

.admin-project-meta-grid b {
  color: #5b6472;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-project-action-bar {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.danger-outline {
  border-color: #fecaca !important;
  color: #991b1b !important;
}

.admin-portal-nav button.active,
.admin-mobile-tabs button.active,
.admin-user-card.selected,
.admin-deck-card.selected {
  background: #eef6ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

.admin-locked-panel .warning-text,
.admin-page .warning-text {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 10px !important;
  color: #7f1d1d !important;
  display: inline-block !important;
  opacity: 1 !important;
  padding: 8px 10px !important;
}

.admin-health-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.admin-dashboard-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr) minmax(280px, 0.9fr) !important;
}

.customer-admin-panel { order: 10 !important; }
.project-admin-panel { order: 20 !important; }
.support-admin-panel { order: 30 !important; }
.commerce-admin-panel { order: 10 !important; }
.codes-admin-panel { order: 20 !important; }
.ai-admin-panel { order: 10 !important; }
.site-content-admin-panel { order: 20 !important; }
.background-admin-panel { order: 30 !important; }
.ios-analytics-panel { order: 40 !important; }

@media (max-width: 1080px) {
  .admin-portal-shell {
    grid-template-columns: 1fr !important;
    padding: 0 14px !important;
  }

  .admin-portal-sidebar {
    position: relative !important;
    top: auto !important;
  }

  .admin-portal-nav {
    display: none !important;
  }

  .admin-portal-topbar,
  .admin-section-hero,
  .admin-dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .customer-hub-workspace {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .admin-health-grid,
  .admin-dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-mobile-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Customer hub v2: table-first workspace with progressive detail drawers. */
.customer-table-workspace {
  animation: none !important;
  display: grid !important;
  gap: 12px !important;
  min-height: min(760px, calc(100vh - 240px));
  overflow: visible !important;
  position: relative;
  transform: none !important;
}

.customer-summary-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.customer-summary-strip button {
  background: #fff;
  border: 1px solid #d9e2ef;
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  gap: 2px;
  min-height: 74px;
  padding: 10px 12px;
  text-align: left;
}

.customer-summary-strip button:hover,
.customer-summary-strip button:focus-visible,
.customer-summary-strip button.active {
  background: #f8fafc;
  box-shadow: inset 0 -3px 0 var(--customer-tone, #0ea5e9);
}

.customer-summary-strip .tone-blue { --customer-tone: #0ea5e9; }
.customer-summary-strip .tone-green { --customer-tone: #16a34a; }
.customer-summary-strip .tone-magenta { --customer-tone: #ec4899; }
.customer-summary-strip .tone-yellow { --customer-tone: #eab308; }
.customer-summary-strip .tone-purple { --customer-tone: #8b5cf6; }
.customer-summary-strip .tone-red { --customer-tone: #ef4444; }

.customer-summary-strip span {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.customer-summary-strip strong {
  color: #0f172a;
  font-size: 1.35rem;
}

.customer-summary-strip small {
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 800;
}

.customer-table-workspace .customer-filter-bar {
  background: #f8fafc;
  border: 1px solid #d9e2ef;
  border-radius: 8px;
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(220px, 1.2fr) repeat(4, minmax(132px, 0.65fr)) auto;
  padding: 10px;
}

.customer-table-workspace .customer-filter-bar label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.customer-table-workspace .customer-filter-bar label > span {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.customer-table-workspace .customer-filter-bar input,
.customer-table-workspace .customer-filter-bar select {
  min-width: 0;
  width: 100%;
}

.customer-table-workspace .admin-customer-table-card {
  grid-column: auto !important;
  min-height: min(640px, calc(100vh - 340px));
  padding: 14px !important;
}

.customer-table-workspace .admin-table-scroll {
  border: 1px solid #e5edf6;
  border-radius: 12px;
  max-height: min(620px, calc(100vh - 395px));
  overflow: auto !important;
}

.customer-table-workspace .admin-customer-table {
  min-width: 1250px;
}

.customer-table-workspace .admin-customer-table th {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
}

.customer-table-workspace .admin-customer-table tbody tr.selected {
  box-shadow: inset 4px 0 0 #0ea5e9;
}

.customer-person-button {
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: left;
}

.customer-person-button:hover strong,
.customer-person-button:focus-visible strong {
  color: #2563eb;
}

.customer-person-button strong {
  align-items: center;
  display: flex !important;
  gap: 6px;
}

.customer-presence {
  background: #cbd5e1;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  width: 8px;
}

.customer-presence.online {
  background: #16a34a;
  box-shadow: 0 0 0 3px #dcfce7;
}

.customer-presence.recent {
  background: #eab308;
}

.customer-table-stack {
  display: grid;
  gap: 3px;
  max-width: 220px;
  white-space: normal;
}

.customer-table-stack strong {
  color: #0f172a;
  font-size: 0.86rem;
}

.customer-table-stack small {
  color: #64748b;
  font-size: 0.75rem;
  line-height: 1.25;
}

.admin-table-pill.has-access {
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #166534;
}

.admin-table-pill.no-access {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412;
}

.customer-lead-label {
  color: #a16207;
  display: block;
  font-size: 0.7rem;
  font-weight: 900;
  margin-top: 5px;
}

.customer-attention-badges {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.customer-attention-badges button,
.customer-attention-badges span {
  background: #f5f3ff;
  border: 1px solid #ddd6fe;
  border-radius: 999px;
  color: #6d28d9;
  font-size: 0.72rem;
  font-weight: 900;
  padding: 4px 7px;
}

.customer-attention-badges button {
  cursor: pointer;
}

.customer-attention-badges button.error {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}

.customer-attention-badges small {
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 800;
}

.customer-row-actions {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(2, minmax(68px, 1fr));
  width: 160px;
}

.customer-row-actions button,
.customer-timeline-event > button {
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  color: #0f172a;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 900;
  min-height: 29px;
  padding: 5px 7px;
}

.customer-row-actions button:hover,
.customer-row-actions button:focus-visible,
.customer-timeline-event > button:hover,
.customer-timeline-event > button:focus-visible {
  background: #e0f2fe;
  border-color: #7dd3fc;
}

.customer-row-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.customer-pagination {
  align-items: center;
  border-top: 1px solid #e5edf6;
  color: #64748b;
  display: flex;
  font-size: 0.8rem;
  font-weight: 800;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 10px;
}

.customer-pagination > div {
  display: flex;
  gap: 8px;
}

.customer-detail-drawer {
  background: #fff;
  border: 1px solid #bfdbfe;
  border-radius: 18px;
  bottom: 22px;
  box-shadow: 0 26px 80px rgba(15, 23, 42, 0.22);
  display: grid;
  gap: 14px;
  max-width: calc(100vw - 320px);
  overflow: auto;
  padding: 16px 16px 78px;
  position: fixed;
  right: 22px;
  top: 96px;
  width: min(560px, calc(100vw - 320px));
  z-index: 50;
}

.customer-detail-drawer.project-mode {
  bottom: 18px;
  grid-template-rows: auto minmax(0, 1fr);
  left: clamp(300px, 18vw, 420px);
  max-width: none;
  overflow: hidden;
  padding-bottom: 16px;
  right: 18px;
  width: auto;
}

.customer-drawer-head {
  align-items: start;
  background: #fff;
  border-bottom: 1px solid #e5edf6;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: -2px -2px 0;
  padding: 0 0 12px;
  position: sticky;
  top: -16px;
  z-index: 2;
}

.customer-drawer-head span,
.project-detail-card .admin-detail-head span {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-drawer-head h3,
.customer-drawer-head p {
  margin: 0;
}

.customer-drawer-head h3 {
  color: #0f172a;
  font-size: 1.2rem;
  line-height: 1.15;
}

.customer-drawer-head p {
  color: #64748b;
  font-size: 0.88rem;
  overflow-wrap: anywhere;
}

.customer-drawer-tabs,
.project-detail-tabs {
  background: #f1f5f9;
  border: 1px solid #d9e2ef;
  border-radius: 999px;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 4px;
}

.customer-drawer-tabs button,
.project-detail-tabs button {
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #475569;
  cursor: pointer;
  font-weight: 900;
  min-height: 34px;
  padding: 7px 8px;
}

.customer-drawer-tabs button.active,
.project-detail-tabs button.active {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.customer-drawer-panel,
.project-detail-panel {
  display: grid;
  gap: 12px;
}

.customer-drawer-metrics {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.customer-drawer-metrics article {
  background: #f8fafc;
  border: 1px solid #d9e2ef;
  border-radius: 12px;
  display: grid;
  gap: 4px;
  padding: 10px;
}

.customer-drawer-metrics span,
.customer-project-row small,
.customer-activity-list span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 800;
}

.customer-drawer-metrics strong {
  color: #0f172a;
  font-size: 1.05rem;
}

.customer-activity-snapshot {
  border-bottom: 1px solid #e5edf6;
  border-top: 1px solid #e5edf6;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.customer-activity-snapshot > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
}

.customer-activity-snapshot > span + span {
  border-left: 1px solid #e5edf6;
}

.customer-activity-snapshot small,
.customer-activity-snapshot em {
  color: #64748b;
  font-size: 0.7rem;
  font-style: normal;
}

.customer-activity-snapshot small {
  font-weight: 900;
  text-transform: uppercase;
}

.customer-activity-snapshot strong {
  color: #0f172a;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.customer-quick-actions,
.customer-project-shortcuts,
.customer-project-list,
.customer-activity-list {
  display: grid;
  gap: 9px;
}

.customer-quick-actions button,
.customer-project-row,
.customer-activity-list p {
  background: #fff;
  border: 1px solid #d9e2ef;
  border-radius: 12px;
  color: #0f172a;
  margin: 0;
  padding: 11px;
}

.customer-quick-actions button {
  cursor: pointer;
  display: grid;
  gap: 4px;
  text-align: left;
}

.customer-quick-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.customer-quick-actions strong,
.customer-project-row strong,
.customer-activity-list strong {
  color: #0f172a;
  display: block;
  font-weight: 900;
}

.customer-timeline-event {
  align-items: start;
  border-bottom: 1px solid #e5edf6;
  display: grid;
  gap: 9px;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  padding: 10px 2px;
}

.customer-timeline-event > i {
  background: #0ea5e9;
  border-radius: 50%;
  height: 8px;
  margin-top: 5px;
  width: 8px;
}

.customer-timeline-event.severity-warning > i {
  background: #eab308;
}

.customer-timeline-event.severity-error > i {
  background: #ef4444;
}

.customer-timeline-event > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.customer-timeline-event span {
  text-transform: uppercase;
}

.customer-timeline-event p {
  background: transparent;
  border: 0;
  color: #475569;
  font-size: 0.8rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
  padding: 0;
}

.customer-timeline-event small {
  color: #64748b;
  font-size: 0.7rem;
}

.customer-quick-actions span {
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.customer-project-toolbar {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) minmax(140px, 180px) auto;
}

.customer-project-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
  text-align: left;
}

.customer-project-row.selected,
.customer-project-row:hover,
.customer-project-row:focus-within {
  border-color: #7dd3fc;
  box-shadow: inset 4px 0 0 #0ea5e9;
}

.customer-project-main {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 10px;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  padding: 0;
  text-align: left;
  width: 100%;
}

.customer-project-row.compact .customer-project-main {
  grid-template-columns: minmax(0, 1fr) auto;
}

.customer-project-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.customer-project-actions button {
  background: #f8fafc;
  border: 1px solid #d9e2ef;
  border-radius: 999px;
  color: #0f172a;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 900;
  min-height: 30px;
  padding: 5px 10px;
}

.customer-project-actions button:hover,
.customer-project-actions button:focus-visible {
  background: #e0f2fe;
  border-color: #7dd3fc;
}

.customer-project-actions .reset-attempts {
  background: #fff7f7;
  border-color: #fecaca;
  color: #b91c1c;
}

.customer-project-actions .reset-attempts:hover,
.customer-project-actions .reset-attempts:focus-visible {
  background: #fee2e2;
  border-color: #f87171;
}

.customer-project-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.customer-project-action-message {
  border: 1px solid #bae6fd;
  border-radius: 8px;
  color: #075985;
  font-size: 0.82rem;
  font-weight: 800;
  margin: 10px 16px 0;
  padding: 9px 11px;
}

.customer-project-action-message.success {
  background: #ecfdf5;
  border-color: #86efac;
  color: #166534;
}

.customer-project-action-message.error {
  background: #fff1f2;
  border-color: #fda4af;
  color: #9f1239;
}

.customer-project-row .admin-deck-mini {
  height: 62px;
  width: 62px;
}

.customer-detail-drawer .admin-manager-card,
.customer-detail-drawer .admin-detail-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.customer-detail-drawer .admin-profile-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.project-detail-card {
  display: grid;
  gap: 14px;
}

.customer-detail-drawer.project-mode .customer-drawer-head {
  border-bottom: 0;
  grid-template-columns: 1fr;
  justify-items: end;
  margin: -2px -2px -4px;
  padding: 0;
  position: static;
}

.customer-detail-drawer.project-mode .customer-drawer-head > div {
  display: none;
}

.customer-detail-drawer.project-mode .project-detail-card {
  gap: 12px;
  grid-template-rows: auto auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
}

.customer-detail-drawer.project-mode .project-detail-panel {
  align-content: start;
  min-height: 0;
  overflow: auto;
  padding-right: 2px;
}

.project-detail-card .admin-detail-head {
  align-items: start;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.project-detail-head-actions {
  display: grid;
  gap: 8px;
  justify-items: end;
}

.project-detail-card .admin-project-meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.project-detail-card .admin-project-meta-grid span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.project-visual-head {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.project-visual-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.project-visual-actions .secondary-button {
  min-height: 36px;
  padding: 8px 12px;
}

.project-detail-card .admin-card-preview-grid {
  max-height: calc(100vh - 310px);
  overflow: auto;
}

.project-detail-card .admin-board-inspector {
  max-height: calc(100vh - 330px);
  overflow: auto;
}

.customer-detail-drawer.project-mode .project-detail-card .admin-card-preview-grid {
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  max-height: none;
  overflow: visible;
}

.customer-detail-drawer.project-mode .project-detail-card .admin-board-inspector {
  align-items: start;
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(88px, 190px);
  max-height: none;
  overflow: visible;
}

.customer-detail-drawer.project-mode .admin-board-inspector .board-preview {
  justify-self: center;
  max-height: none;
  width: min(100%, 620px);
}

.customer-detail-drawer.project-mode .admin-board-picker {
  align-content: start;
  display: flex;
  max-height: calc(100vh - 300px);
  overflow: auto;
}

.customer-detail-drawer.project-mode .admin-board-list {
  display: none;
}

@media (max-width: 1180px) {
  .customer-detail-drawer,
  .customer-detail-drawer.project-mode {
    left: auto;
    max-width: calc(100vw - 40px);
    overflow: auto;
    right: 20px;
    width: min(720px, calc(100vw - 40px));
  }

  .customer-table-workspace .customer-filter-bar,
  .customer-project-toolbar {
    grid-template-columns: 1fr;
  }

  .customer-summary-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .customer-detail-drawer,
  .customer-detail-drawer.project-mode {
    border-radius: 0;
    bottom: 0;
    left: 0;
    max-width: none;
    right: 0;
    top: 0;
    width: auto;
  }

  .customer-drawer-metrics,
  .customer-detail-drawer .admin-profile-form,
  .project-detail-card .admin-project-meta-grid {
    grid-template-columns: 1fr;
  }

  .customer-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .customer-summary-strip button {
    min-height: 68px;
  }

  .customer-table-workspace .admin-customer-table-card {
    padding: 10px !important;
  }

  .customer-table-workspace .admin-table-scroll {
    border: 0;
    max-height: none;
  }

  .customer-table-workspace .admin-customer-table,
  .customer-table-workspace .admin-customer-table tbody {
    display: block;
    min-width: 0;
  }

  .customer-table-workspace .admin-customer-table thead {
    display: none;
  }

  .customer-table-workspace .admin-customer-table tbody {
    display: grid;
    gap: 10px;
  }

  .customer-table-workspace .admin-customer-table tbody tr {
    border: 1px solid #d9e2ef;
    border-radius: 8px;
    display: grid;
    overflow: hidden;
  }

  .customer-table-workspace .admin-customer-table td {
    align-items: start;
    display: grid;
    gap: 8px;
    grid-template-columns: 84px minmax(0, 1fr);
    padding: 9px 10px;
    white-space: normal;
  }

  .customer-table-workspace .admin-customer-table td::before {
    color: #64748b;
    content: attr(data-label);
    font-size: 0.66rem;
    font-weight: 900;
    padding-top: 4px;
    text-transform: uppercase;
  }

  .customer-table-workspace .admin-customer-table td:last-child {
    border-bottom: 0;
  }

  .customer-table-stack {
    max-width: none;
  }

  .customer-row-actions {
    width: 100%;
  }

  .customer-pagination {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }

  .customer-pagination > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .customer-activity-snapshot {
    grid-template-columns: 1fr;
  }

  .customer-activity-snapshot > span + span {
    border-left: 0;
    border-top: 1px solid #e5edf6;
  }

  .customer-drawer-tabs,
  .project-detail-tabs {
    border-radius: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .customer-project-main {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .customer-project-row.compact .customer-project-main,
  .project-visual-head,
  .customer-detail-drawer.project-mode .project-detail-card .admin-board-inspector {
    grid-template-columns: 1fr;
  }

  .customer-project-row em,
  .customer-project-actions {
    grid-column: 1 / -1;
  }

  .customer-project-actions,
  .project-visual-actions {
    justify-content: flex-start;
  }
}

/* Keep the storefront shell overrides after the shared site theme. */
.shop-catalog-page {
  max-width: 1320px;
}

@media (min-width: 981px) {
  .shop-catalog-hero {
    grid-template-columns: minmax(0, 1.04fr) minmax(420px, 0.96fr);
    min-height: 650px;
    padding: clamp(42px, 6vw, 76px);
    position: relative;
  }
}

@media (max-width: 980px) {
  .shop-catalog-hero {
    grid-template-columns: 1fr;
  }
}
/* App Health */
.app-health-panel { display: grid; gap: 18px; }
.app-health-hero { display: flex; justify-content: space-between; gap: 24px; align-items: flex-end; padding: 26px; border-radius: 24px; color: white; background: linear-gradient(135deg, #172554, #4338ca 58%, #7c3aed); }
.app-health-hero h3 { margin: 4px 0 8px; font-size: clamp(1.45rem, 3vw, 2.3rem); }
.app-health-hero p { margin: 0; opacity: .82; }
.app-health-hero select { min-height: 42px; border-radius: 12px; padding: 0 12px; }
.app-health-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.app-health-summary article { padding: 18px; border: 1px solid var(--line, #e5e7eb); border-radius: 18px; background: white; display: grid; gap: 5px; }
.app-health-summary article span { color: #64748b; font-size: .8rem; }
.app-health-summary article strong { font-size: 1.8rem; }
.app-health-summary article.danger { border-color: #fecaca; background: #fff1f2; color: #b91c1c; }
.app-health-controls { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; padding: 14px 18px; border-radius: 16px; background: #f8fafc; border: 1px solid #e2e8f0; }
.app-health-controls label { display: flex; gap: 8px; align-items: center; font-weight: 700; }
.app-health-list { display: grid; gap: 10px; }
.app-health-issue { border: 1px solid #e2e8f0; border-left: 5px solid #94a3b8; border-radius: 16px; overflow: hidden; background: white; }
.app-health-issue.severity-critical { border-left-color: #dc2626; }
.app-health-issue.severity-high { border-left-color: #ea580c; }
.app-health-issue.severity-medium { border-left-color: #d97706; }
.app-health-issue-head { border: 0; width: 100%; background: transparent; padding: 16px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 14px; align-items: center; text-align: left; }
.app-health-issue-head div { display: grid; gap: 3px; }
.app-health-issue-head strong { text-transform: capitalize; }
.app-health-issue-head small, .app-health-issue-head em { color: #64748b; font-style: normal; }
.app-health-detail { padding: 0 16px 18px; display: grid; gap: 14px; border-top: 1px solid #f1f5f9; }
.app-health-meta { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 14px; color: #475569; font-size: .82rem; }
.app-health-context { display: flex; flex-wrap: wrap; gap: 8px; }
.app-health-context span { display: grid; padding: 8px 10px; border-radius: 10px; background: #f1f5f9; }
.app-health-context small { color: #64748b; }
.app-health-resolution { display: grid; grid-template-columns: 160px 180px minmax(260px, 1fr); gap: 10px; }
.app-health-resolution select, .app-health-resolution input, .app-health-resolution textarea { border: 1px solid #cbd5e1; border-radius: 12px; padding: 10px; min-height: 44px; }
.app-health-resolution textarea { min-height: 76px; resize: vertical; }
.app-health-empty { padding: 32px; border: 1px dashed #cbd5e1; border-radius: 18px; display: grid; gap: 5px; text-align: center; color: #64748b; }
/* Print-sheet previews need more space than individual card thumbnails. */
.spooky-deck-preview-grid.printed-sheet-preview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.printed-sheet-preview figure { position: relative; aspect-ratio: 11 / 8.5; overflow: hidden; }
.printed-sheet-preview figure img { position: absolute; left: 50%; top: 50%; width: 77.2727%; max-width: none; height: 129.4118%; object-fit: contain; transform: translate(-50%, -50%) rotate(90deg); }
.landing-redesign .card-guide-printedSheets .traditional-card-sequence { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.landing-redesign .card-guide-printedSheets .traditional-card-item { padding: 18px; padding-top: 40px; }
.landing-redesign .card-guide-printedSheets .traditional-card-image-wrap { max-width: none; width: 100%; aspect-ratio: 11 / 8.5; position: relative; }
.landing-redesign .card-guide-printedSheets .traditional-card-image-wrap img { position: absolute; left: 50%; top: 50%; width: 77.2727%; max-width: none; height: 129.4118%; object-fit: contain; transform: translate(-50%, -50%) rotate(90deg); }
@media (max-width: 700px) {
  .spooky-deck-preview-grid.printed-sheet-preview { grid-template-columns: 1fr; }
  .landing-redesign .card-guide-printedSheets .traditional-card-sequence { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .app-health-hero { align-items: stretch; flex-direction: column; }
  .app-health-summary { grid-template-columns: repeat(2, 1fr); }
  .app-health-issue-head { grid-template-columns: auto minmax(0, 1fr) auto; }
  .app-health-issue-head em { grid-column: 2 / -1; }
  .app-health-resolution { grid-template-columns: 1fr; }
}

.maker-savings{display:grid;gap:10px;margin:18px 0;padding:18px;background:#fff8ec;border:1px solid #ded6c8;border-radius:14px;color:#283d36}.maker-savings>div{display:flex;justify-content:space-between;gap:20px}.maker-savings dd{margin:0;font-weight:700}.maker-savings .maker-total{border-top:1px solid #ded6c8;padding-top:10px;font-size:20px}.education-discount-page{max-width:1120px;margin:28px auto 60px;padding:0 24px}.education-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.education-price-grid article{background:#f8f0df;padding:32px;border:1px solid #e7dbc3;border-radius:24px}.education-price-grid article:nth-child(2){background:#eaf4ef;border-color:#c8ded4}.education-price-grid h2{font-size:42px;color:#173f32;margin:14px 0}.education-price-grid h2 small{font-size:16px}.education-price-grid p,.education-request-card p{line-height:1.7}.education-request-card{background:#fff;padding:32px;border:1px solid #e2ded5;border-radius:24px;max-width:740px;margin:26px auto}.education-request-card form{display:grid;gap:18px}.education-request-card label,.maker-pricing-fields label{display:grid;gap:8px;font-weight:600}.education-request-card input,.education-request-card textarea,.education-request-card select,.maker-pricing-fields input{width:100%;padding:12px;border:1px solid #c8c8c2;border-radius:9px;background:#fff;color:#222;box-sizing:border-box}.education-notice{padding:20px;border-radius:14px;background:#eef6f0;color:#244c37}.maker-pricing-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.maker-pricing-admin{margin:12px 0 26px}.maker-discount-request{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ddd;padding:16px 0}.maker-discount-request>div{display:grid;gap:6px;overflow-wrap:anywhere}.maker-pricing-admin h4{margin-top:30px}@media(max-width:680px){.education-price-grid,.maker-pricing-fields{grid-template-columns:1fr}.education-price-grid article,.education-request-card{padding:22px}.education-discount-page{padding:0 16px}.maker-discount-request{align-items:flex-start;flex-direction:column}}
.education-hero{max-width:850px;padding:28px 0 34px}.education-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.06;letter-spacing:-.04em;color:#173f32;margin:14px 0 22px}.education-hero>p:last-child{max-width:660px;font-size:18px;line-height:1.7;color:#526258}
.maker-pricing-admin,.admin-page .maker-pricing-admin{display:block;max-width:100%;padding:24px;background:#fff}.maker-pricing-admin input[type="checkbox"]{width:18px;height:18px;min-height:0;margin:0 8px 0 0;vertical-align:middle}.maker-pricing-admin h3{margin:8px 0 18px}.maker-discount-request>div{flex:1;min-width:0}.maker-discount-request button{flex-shrink:0}
/* Sale prices stay inline; the buying summary opts into a single countdown. */
.maker-price{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;position:relative;vertical-align:middle;max-width:100%;font-variant-numeric:tabular-nums;line-height:1.3;cursor:help;letter-spacing:normal;text-transform:none}
.maker-price-values{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;max-width:100%;box-sizing:border-box}
.maker-price .maker-price-regular{color:#6b6470!important;font-size:.8em!important;font-weight:500;text-decoration-thickness:1px;text-decoration-color:#6b6470}
.maker-price .maker-price-current{color:#bd202b!important;font-size:1em!important;font-weight:750;line-height:1.3;letter-spacing:-.02em}
.maker-price-badge{display:inline-block!important;color:#a61722!important;font-size:10px!important;font-weight:750;letter-spacing:.045em;line-height:1.3}
.maker-price.is-compact{vertical-align:baseline}.maker-price.is-compact .maker-price-values{gap:5px 6px}
.maker-countdown{display:block!important;color:#68534a;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.015em;white-space:nowrap}.maker-countdown b{font-weight:650;font-variant-numeric:tabular-nums;color:inherit}
.maker-price-tooltip{position:fixed;z-index:10000;display:grid;gap:9px;box-sizing:border-box;padding:18px;border-radius:14px;background:#24232b;color:#fff!important;box-shadow:0 10px 35px #17111c38;font:400 14px/1.5 Arial,sans-serif;max-height:calc(100vh - 24px);overflow:auto;overflow-wrap:anywhere}.maker-price-tooltip strong{font-size:15px;color:#fff!important}.maker-price-tooltip span{color:#eee8ee!important}
.maker-price:focus-visible{outline:2px solid #c94c57;outline-offset:4px;border-radius:3px}
.maker-savings>dl{margin:0}.maker-savings .maker-total{align-items:flex-start}.maker-savings .maker-total dd{margin:0;max-width:100%}.maker-savings-note{margin:0;font-size:13px!important}.maker-savings .maker-price{font-size:24px}
.maker-price-pending{font-size:14px;font-weight:500}.maker-price-plain{font-variant-numeric:tabular-nums}
.maker-current-price{max-width:650px;margin:0;padding:0 0 20px;border-bottom:1px solid #e9e2e6}
.maker-current-price .maker-savings{margin:0 0 8px;padding:0;border:0;border-radius:0;background:transparent;color:#332833}
.maker-current-price .maker-savings .maker-total{border:0;padding:0;display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.maker-current-price .maker-total dt{font-size:15px;font-weight:650}
.maker-current-price>p{margin:5px 0!important;font-size:13px!important;line-height:1.6!important;color:#6b616a}
.maker-current-price>a{display:inline-block;margin-top:7px;font-size:12px;color:#775c6c;text-underline-offset:3px}
.project-pass-price-card{background:#fffaf5;border:1px solid #e7dfd7;border-radius:14px;color:#332833;gap:8px}
.project-pass-price-card>span:first-child{color:#68534a}
.project-pass-price-card>.maker-price,.project-pass-price-card>.maker-price-plain{font-size:26px}
.project-pass-price-card small{color:#68534a;font-weight:500;line-height:1.5}
.square-pass-mini>.maker-price{font-size:14px;margin-right:4px}
.square-pass-panel .maker-price-values{font-size:inherit}
.auth-proof-row{align-items:center}

/* Homepage only: a quiet, text-led announcement, not another purchase card. */
.maker-sale-banner{width:calc(100% - 48px);max-width:1220px;box-sizing:border-box;margin:0 auto 8px;padding:4px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:10px;row-gap:0;border-bottom:1px solid #eee7eb;color:#71656d;font-size:12px;line-height:1.5}
.maker-sale-headline{font-weight:500}
.maker-sale-cta{display:inline-flex;align-items:center;min-height:36px;gap:4px;box-sizing:border-box;color:#ad245f;font-size:12px;font-weight:650;text-decoration:none;text-underline-offset:3px}
.maker-sale-cta:hover{text-decoration:underline;color:#8e194c}
.maker-sale-cta:focus-visible{outline:2px solid #ad245f;outline-offset:3px;border-radius:2px}
.maker-sale-deadline{color:#71656d;font-size:11px}
@media(max-width:680px){
  .maker-sale-banner{width:calc(100% - 32px);padding:6px 0 8px;column-gap:8px}
  .maker-sale-headline{flex-basis:100%;text-align:center}
  .maker-sale-cta{min-height:36px;font-size:11px}
  .maker-sale-deadline{font-size:10px}
  .maker-current-price .maker-savings .maker-total{flex-wrap:wrap;gap:8px 16px}
  .maker-savings .maker-total{flex-wrap:wrap}
  .maker-current-price{padding-bottom:18px}
}

.physical-order-open {
  min-width: 13.5rem;
}

.physical-order-hint {
  display: block;
  max-width: 30rem;
  color: var(--muted, #675f73);
  line-height: 1.45;
}

.physical-order-checkout-layer {
  z-index: 10030;
}

.physical-order-checkout-dialog {
  position: relative;
  width: min(94vw, 35rem);
  max-height: min(90vh, 50rem);
  overflow: auto;
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: 0 1.5rem 5rem rgba(31, 25, 43, 0.28);
  padding: 2rem;
}

.physical-order-checkout-dialog h2 {
  margin: 0.3rem 2.5rem 0.7rem 0;
}

.physical-order-review {
  display: grid;
  gap: 0;
  margin: 1.25rem 0;
  border: 1px solid #e8e2ee;
  border-radius: 1rem;
  overflow: hidden;
}

.physical-order-review div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid #eee9f2;
}

.physical-order-review div:last-child {
  border-bottom: 0;
}

.physical-order-review dt {
  color: #6e6677;
}

.physical-order-review dd {
  margin: 0;
  text-align: right;
  font-weight: 700;
}

.physical-order-review .total {
  background: #f6f1ff;
  font-size: 1.05rem;
}

.physical-order-address-note {
  padding: 0.85rem 1rem;
  border-radius: 0.85rem;
  background: #f4f8ff;
  color: #334a68;
  font-size: 0.9rem;
  line-height: 1.5;
}

.physical-order-checkout-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.2rem;
}

.physical-order-confirmation-mark {
  display: grid;
  place-items: center;
  width: 3.4rem;
  height: 3.4rem;
  margin-bottom: 1rem;
  border-radius: 50%;
  font-size: 1.7rem;
  font-weight: 800;
}

.physical-order-confirmation-mark.paid {
  color: #12653c;
  background: #dff7e9;
}

.physical-order-confirmation-mark.pending {
  color: #73530a;
  background: #fff0c7;
}

.physical-order-return-dialog > .primary-button {
  margin-top: 0.75rem;
}

@media (max-width: 560px) {
  .physical-order-checkout-dialog {
    padding: 1.35rem;
    border-radius: 1.1rem;
  }

  .physical-order-checkout-actions > button {
    flex: 1 1 100%;
  }
}

body.ios-console-open {
  margin: 0;
  min-width: 320px;
  background: #f5f4ef;
  color: #17283c;
}

.ios-console-shell,
.ios-console-auth-shell {
  --ios-ink: #17283c;
  --ios-muted: #687482;
  --ios-border: #e4e4dd;
  --ios-canvas: #f5f4ef;
  --ios-panel: #fffefa;
  --ios-navy: #112b43;
  --ios-coral: #e65d58;
  --ios-mint: #2f9c86;
  --ios-gold: #dca72c;
  --ios-blue: #4c82b7;
  --ios-plum: #7a668f;
  --ios-shadow: 0 16px 40px rgba(20, 38, 54, 0.07);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ios-ink);
  box-sizing: border-box;
}

.ios-console-shell *,
.ios-console-shell *::before,
.ios-console-shell *::after,
.ios-console-auth-shell *,
.ios-console-auth-shell *::before,
.ios-console-auth-shell *::after {
  box-sizing: border-box;
}

.ios-console-shell button,
.ios-console-shell select,
.ios-console-auth-shell button {
  font: inherit;
}

.ios-console-shell button:focus-visible,
.ios-console-shell select:focus-visible,
.ios-console-auth-shell button:focus-visible {
  outline: 3px solid rgba(76, 130, 183, 0.35);
  outline-offset: 2px;
}

.ios-console-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 256px minmax(0, 1fr);
  background:
    radial-gradient(circle at 77% 0%, rgba(242, 183, 154, 0.17), transparent 27rem),
    radial-gradient(circle at 12% 92%, rgba(124, 192, 171, 0.13), transparent 24rem),
    var(--ios-canvas);
}

.ios-console-icon {
  display: block;
  flex: 0 0 auto;
}

.ios-console-rail {
  position: sticky;
  top: 0;
  z-index: 30;
  align-self: start;
  height: 100vh;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
  padding: 22px 16px 18px;
  color: #f8fbfd;
  background:
    radial-gradient(circle at 12% 4%, rgba(255, 154, 129, 0.17), transparent 12rem),
    linear-gradient(165deg, #163b56 0%, #102b43 43%, #10263b 100%);
  box-shadow: 12px 0 38px rgba(17, 43, 67, 0.09);
}

.ios-console-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 2px 8px 24px;
}

.ios-console-brand img {
  width: 39px;
  height: 39px;
  flex: 0 0 auto;
  border-radius: 12px;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.2);
}

.ios-console-brand > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.ios-console-brand strong {
  overflow: hidden;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-console-brand span {
  color: rgba(238, 247, 251, 0.65);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ios-console-rail-close {
  display: none;
}

.ios-console-rail nav {
  display: grid;
  gap: 5px;
}

.ios-console-nav-label {
  padding: 0 12px 8px;
  color: rgba(238, 247, 251, 0.48);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ios-console-rail nav button {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: rgba(246, 250, 252, 0.76);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: color 160ms ease, background 160ms ease, transform 160ms ease;
}

.ios-console-rail nav button:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.07);
  transform: translateX(2px);
}

.ios-console-rail nav button.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(110deg, rgba(234, 100, 91, 0.24), rgba(255, 255, 255, 0.09));
  box-shadow: inset 3px 0 0 #f18878;
}

.ios-console-nav-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: rgba(238, 247, 251, 0.75);
  background: rgba(255, 255, 255, 0.07);
}

.ios-console-rail nav button.active .ios-console-nav-icon {
  color: #fff3ee;
  background: rgba(240, 119, 101, 0.2);
}

.ios-console-rail nav button > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.ios-console-rail nav strong {
  overflow: hidden;
  font-size: 13px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-console-rail nav small {
  overflow: hidden;
  color: rgba(238, 247, 251, 0.47);
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-console-rail nav em {
  padding: 3px 5px;
  border-radius: 5px;
  color: rgba(244, 249, 252, 0.55);
  background: rgba(255, 255, 255, 0.07);
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ios-console-rail-foot {
  display: grid;
  gap: 4px;
  margin-top: auto;
  padding-top: 22px;
}

.ios-console-rail-foot button {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 0;
  border-radius: 9px;
  color: rgba(238, 247, 251, 0.64);
  background: transparent;
  font-size: 11.5px;
  text-align: left;
  cursor: pointer;
}

.ios-console-rail-foot button:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.07);
}

.ios-console-rail-foot small {
  margin-top: 10px;
  padding: 0 10px;
  color: rgba(238, 247, 251, 0.34);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.ios-console-scrim {
  display: none;
}

.ios-console-main {
  min-width: 0;
  width: 100%;
}

.ios-console-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 21px clamp(20px, 2.5vw, 40px) 0;
  border-bottom: 1px solid rgba(216, 216, 208, 0.88);
  background: rgba(248, 247, 242, 0.92);
  backdrop-filter: blur(18px);
}

.ios-console-heading-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 17px;
}

.ios-console-mobile-menu {
  display: none;
}

.ios-console-title {
  min-width: 0;
  flex: 1;
}

.ios-console-kicker {
  display: block;
  margin: 0 0 4px;
  color: #a44d4c;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.ios-console-title > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 11px;
}

.ios-console-title h1 {
  margin: 0;
  color: var(--ios-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.03em;
}

.ios-console-title p {
  margin: 6px 0 0;
  color: var(--ios-muted);
  font-size: 12.5px;
}

.ios-console-freshness {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid var(--ios-border);
  border-radius: 999px;
  color: #5d6976;
  background: rgba(255, 255, 255, 0.72);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ios-console-freshness i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9ea5ac;
}

.ios-console-freshness.good i {
  background: var(--ios-mint);
  box-shadow: 0 0 0 3px rgba(47, 156, 134, 0.14);
}

.ios-console-freshness.warning i {
  background: var(--ios-gold);
  box-shadow: 0 0 0 3px rgba(220, 167, 44, 0.14);
}

.ios-console-freshness.danger i {
  background: var(--ios-coral);
}

.ios-console-account {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.ios-console-account > div {
  min-width: 0;
  display: grid;
  gap: 2px;
  text-align: right;
}

.ios-console-account strong,
.ios-console-account span {
  overflow: hidden;
  max-width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-console-account strong {
  font-size: 11.5px;
}

.ios-console-account div span {
  color: var(--ios-muted);
  font-size: 10px;
}

.ios-console-account > span {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 2px solid #fff;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--ios-coral), #bd5c78);
  box-shadow: 0 7px 18px rgba(177, 83, 90, 0.18);
  font-size: 12px;
  font-weight: 850;
}

.ios-console-toolbar {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  overflow-x: auto;
  padding: 0 0 12px;
  scrollbar-width: thin;
}

.ios-console-periods {
  display: flex;
  flex: 0 0 auto;
  padding: 3px;
  border: 1px solid #dcddd7;
  border-radius: 10px;
  background: #ecece7;
}

.ios-console-periods button {
  padding: 8px 11px;
  border: 0;
  border-radius: 7px;
  color: #687482;
  background: transparent;
  font-size: 10.5px;
  font-weight: 780;
  cursor: pointer;
}

.ios-console-periods button.active {
  color: var(--ios-ink);
  background: #fff;
  box-shadow: 0 3px 11px rgba(31, 44, 57, 0.08);
}

.ios-console-periods button:disabled:not(.active) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #9a9f9f;
  cursor: not-allowed;
}

.ios-console-periods button small {
  padding: 2px 4px;
  border-radius: 4px;
  color: #8a8f90;
  background: rgba(255, 255, 255, 0.7);
  font-size: 6.5px;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ios-console-filter {
  min-width: 142px;
  display: grid;
  gap: 3px;
}

.ios-console-filter.tester {
  min-width: 164px;
}

.ios-console-filter label {
  padding-left: 3px;
  color: #7a828a;
  font-size: 8.5px;
  font-weight: 820;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.ios-console-filter select {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 27px 0 9px;
  border: 1px solid #dfe0da;
  border-radius: 9px;
  color: #344354;
  background: #fffefa;
  font-size: 10.5px;
  font-weight: 680;
}

.ios-console-filter select:disabled {
  color: #7f878e;
  background: #f0f0eb;
  opacity: 1;
}

.ios-console-refresh {
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  padding: 0 12px;
  border: 1px solid #163b56;
  border-radius: 9px;
  color: #fff;
  background: #163b56;
  font-size: 10.5px;
  font-weight: 800;
  cursor: pointer;
}

.ios-console-refresh:hover {
  background: #0f2e47;
}

.ios-console-refresh:disabled {
  cursor: wait;
  opacity: 0.68;
}

.ios-console-refresh:disabled svg {
  animation: ios-console-spin 1s linear infinite;
}

.ios-console-content {
  width: 100%;
  max-width: 1740px;
  min-width: 0;
  margin: 0 auto;
  padding: 22px clamp(20px, 2.5vw, 40px) 48px;
}

.ios-console-report-context {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0 0 13px;
  color: #7a838c;
  font-size: 9.5px;
}

.ios-console-report-context span {
  position: relative;
}

.ios-console-report-context span + span::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #b8bcb9;
}

.ios-console-today {
  min-width: 0;
}

.ios-console-kpi-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(160px, 1fr));
  gap: 11px;
}

.ios-console-kpi {
  position: relative;
  min-width: 0;
  min-height: 169px;
  overflow: hidden;
  padding: 15px 15px 13px;
  border: 1px solid var(--ios-border);
  border-radius: 15px;
  background: rgba(255, 254, 250, 0.96);
  box-shadow: 0 8px 23px rgba(25, 42, 57, 0.04);
}

.ios-console-kpi::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: #b8c2ca;
}

.ios-console-kpi.accent-mint::before { background: var(--ios-mint); }
.ios-console-kpi.accent-coral::before { background: var(--ios-coral); }
.ios-console-kpi.accent-blue::before { background: var(--ios-blue); }
.ios-console-kpi.accent-plum::before { background: var(--ios-plum); }
.ios-console-kpi.accent-gold::before { background: var(--ios-gold); }

.ios-console-kpi header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 7px;
  color: #66717d;
  font-size: 10px;
  font-weight: 810;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.ios-console-info-tip {
  color: #9aa1a5;
  cursor: help;
}

.ios-console-kpi > strong {
  display: block;
  overflow: hidden;
  margin-top: 10px;
  color: var(--ios-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 2.6vw, 39px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-console-kpi.is-unavailable > strong {
  color: #a8adb0;
}

.ios-console-delta {
  min-height: 16px;
  margin-top: 7px;
  color: #77818a;
  font-size: 9.5px;
  font-weight: 740;
}

.ios-console-delta.up { color: #287f6d; }
.ios-console-delta.down { color: #ad5350; }

.ios-console-kpi p {
  margin: 8px 0 0;
  color: #838b92;
  font-size: 9px;
  line-height: 1.4;
}

.ios-console-inline-status {
  position: absolute;
  right: 10px;
  bottom: 9px;
  padding: 3px 6px;
  border-radius: 6px;
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}

.ios-console-inline-status.warning {
  color: #795814;
  background: #fff3c9;
}

.ios-console-overview-grid,
.ios-console-detail-grid {
  min-width: 0;
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.ios-console-overview-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(250px, 0.72fr);
}

.ios-console-detail-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
}

.ios-console-panel {
  min-width: 0;
  overflow: hidden;
  padding: 17px;
  border: 1px solid var(--ios-border);
  border-radius: 16px;
  background: rgba(255, 254, 250, 0.96);
  box-shadow: 0 8px 26px rgba(25, 42, 57, 0.045);
}

.ios-console-panel-head {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 13px;
}

.ios-console-panel-head h3 {
  margin: 0;
  color: #26384a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  letter-spacing: -0.015em;
}

.ios-console-panel-head p {
  margin: 3px 0 0;
  color: #7b848c;
  font-size: 9.5px;
  line-height: 1.4;
}

.ios-console-eyebrow {
  flex: 0 0 auto;
  padding: 4px 6px;
  border-radius: 6px;
  color: #7a6550;
  background: #f3ede3;
  font-size: 7.5px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ios-console-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  color: #78818a;
  font-size: 8px;
  font-weight: 700;
}

.ios-console-legend span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ios-console-legend i {
  width: 13px;
  height: 2px;
  border-radius: 2px;
}

.ios-console-legend i.previous {
  background: repeating-linear-gradient(90deg, #aab0b4 0 3px, transparent 3px 5px);
}

.ios-console-chart-wrap {
  min-width: 0;
  width: 100%;
}

.ios-console-chart-wrap svg {
  display: block;
  width: 100%;
  height: 175px;
  overflow: visible;
}

.ios-console-chart-wrap .grid {
  stroke: #ecece7;
  stroke-width: 1;
}

.ios-console-chart-wrap .current-line,
.ios-console-chart-wrap .previous-line {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ios-console-chart-wrap .previous-line {
  stroke: #b8bdc0;
  stroke-width: 2;
  stroke-dasharray: 5 5;
}

.ios-console-chart-wrap text {
  fill: #8a9298;
  font-size: 8px;
  font-weight: 650;
}

.ios-console-single-point {
  height: 175px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 4px;
  border-radius: 12px;
  background: linear-gradient(145deg, #faf9f4, #f4f3ed);
}

.ios-console-single-point span,
.ios-console-single-point small {
  color: #838c93;
  font-size: 9px;
  font-weight: 700;
}

.ios-console-single-point strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
}

.ios-console-panel-state,
.ios-console-all-clear {
  min-height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px;
  border: 1px dashed #d9dad4;
  border-radius: 12px;
  color: #78818a;
  background: #faf9f5;
  text-align: left;
}

.ios-console-panel-state.compact {
  min-height: 125px;
}

.ios-console-panel-state > span,
.ios-console-all-clear > span {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  color: #768692;
  background: #ecefeb;
}

.ios-console-panel-state strong,
.ios-console-all-clear strong {
  display: block;
  color: #56636e;
  font-size: 11px;
}

.ios-console-panel-state p,
.ios-console-all-clear p {
  margin: 3px 0 0;
  font-size: 9.5px;
  line-height: 1.4;
}

.ios-console-all-clear {
  min-height: 180px;
  border-style: solid;
  border-color: #dcebe6;
  color: #558072;
  background: #f3faf7;
}

.ios-console-all-clear > span {
  color: #267f6c;
  background: #ddefe8;
}

.ios-console-alert-list {
  display: grid;
  gap: 8px;
}

.ios-console-alert {
  display: flex;
  gap: 9px;
  padding: 10px;
  border: 1px solid #e6e3d9;
  border-radius: 11px;
  background: #faf9f5;
}

.ios-console-alert > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 9px;
  color: #6f7f89;
  background: #edf0f0;
}

.ios-console-alert.warning > span { color: #896516; background: #fff0bd; }
.ios-console-alert.critical > span { color: #a74440; background: #fce0dc; }
.ios-console-alert.success > span { color: #287f6d; background: #ddefe8; }

.ios-console-alert strong {
  display: block;
  color: #394957;
  font-size: 10px;
}

.ios-console-alert p {
  margin: 3px 0 0;
  color: #7b848b;
  font-size: 9px;
  line-height: 1.4;
}

.ios-console-journey-steps,
.ios-console-adoption-list {
  display: grid;
  gap: 12px;
}

.ios-console-journey-step {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.ios-console-step-number {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe2dd;
  border-radius: 9px;
  color: #536879;
  background: #f3f4f0;
  font-size: 9px;
  font-weight: 850;
}

.ios-console-step-content {
  min-width: 0;
}

.ios-console-step-content > div:first-child,
.ios-console-adoption-row > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ios-console-step-content strong,
.ios-console-adoption-row strong {
  overflow: hidden;
  color: #435260;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-console-step-content b {
  color: #263a4b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
}

.ios-console-progress {
  position: relative;
  width: 100%;
  height: 7px;
  overflow: hidden;
  margin-top: 5px;
  border-radius: 999px;
  background: #ecece7;
}

.ios-console-progress i {
  position: absolute;
  inset: 0 auto 0 0;
  min-width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #e56b61, #eda58b);
}

.ios-console-journey-step:nth-child(2) .ios-console-progress i { background: linear-gradient(90deg, #d97370, #d99b89); }
.ios-console-journey-step:nth-child(3) .ios-console-progress i { background: linear-gradient(90deg, #88739d, #b191ac); }
.ios-console-journey-step:nth-child(4) .ios-console-progress i { background: linear-gradient(90deg, #368f7e, #72b6a4); }

.ios-console-step-content small {
  display: block;
  margin-top: 4px;
  color: #8a9297;
  font-size: 8.5px;
}

.ios-console-panel-caveat {
  margin: 13px 0 0;
  padding: 9px 10px;
  border-radius: 9px;
  color: #777e84;
  background: #f3f2ed;
  font-size: 8.5px;
  line-height: 1.45;
}

.ios-console-adoption-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0 12px;
  align-items: end;
}

.ios-console-adoption-row > div:first-child {
  grid-column: 1 / -1;
}

.ios-console-adoption-row span {
  color: #848c92;
  font-size: 8.5px;
}

.ios-console-adoption-row .ios-console-progress {
  height: 8px;
}

.ios-console-adoption-row .ios-console-progress i {
  background: linear-gradient(90deg, #318f80, #7eb9a8);
}

.ios-console-adoption-row > b {
  color: #53616d;
  font-size: 8.5px;
  font-weight: 760;
  white-space: nowrap;
}

.ios-console-sources {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.ios-console-source {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px;
  border: 1px solid var(--ios-border);
  border-radius: 12px;
  background: rgba(255, 254, 250, 0.78);
}

.ios-console-source > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 9px;
  color: #367e70;
  background: #e1f0eb;
}

.ios-console-source.unavailable > span {
  color: #77818a;
  background: #ebeeed;
}

.ios-experience-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ios-experience-feature-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.ios-experience-feature-grid article {
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(17, 43, 67, .1);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(243,248,247,.9));
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px 12px;
  align-items: center;
}

.ios-experience-feature-grid article > span {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #277f70;
  background: #dff4ee;
}

.ios-experience-feature-grid article strong,
.ios-experience-feature-grid article p { display: block; min-width: 0; }
.ios-experience-feature-grid article strong { color: var(--ios-navy); font-size: 14px; }
.ios-experience-feature-grid article p { margin: 3px 0 0; color: #637487; font-size: 12px; line-height: 1.35; }
.ios-experience-feature-grid article > b { grid-column: 1 / -1; color: var(--ios-navy); font-size: 25px; }
.ios-experience-feature-grid article.unavailable { background: #f6f6f4; opacity: .76; }
.ios-experience-feature-grid article.unavailable > span { color: #718093; background: #e9edef; }

.ios-experience-mix-list { display: grid; gap: 7px; margin-top: 16px; }
.ios-experience-mix-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 11px 4px;
  border-bottom: 1px solid rgba(17, 43, 67, .08);
}
.ios-experience-mix-row:last-child { border-bottom: 0; }
.ios-experience-rank { color: #8a98a4; font-weight: 800; font-size: 12px; text-align: center; }
.ios-experience-mix-row strong { display: block; color: var(--ios-navy); font-size: 14px; }
.ios-experience-mix-row .ios-console-progress { height: 6px; margin: 7px 0 5px; }
.ios-experience-mix-row .ios-console-progress i { background: linear-gradient(90deg, #e65d58, #f4aa6a); }
.ios-experience-mix-row small { color: #7a8996; font-size: 11px; }
.ios-experience-mix-row > b { color: var(--ios-navy); font-size: 19px; text-align: right; }
.ios-experience-mix-row > b small { display: block; margin-top: 2px; font-weight: 700; }
.ios-experience-notes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ios-experience-voice-ranking{display:grid;margin-top:14px}.ios-experience-voice-ranking article{display:grid;grid-template-columns:28px minmax(0,1fr) auto 62px;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid rgba(17,43,67,.08)}.ios-experience-voice-ranking article>span{color:#91a0aa;font-size:12px;font-weight:900;text-align:center}.ios-experience-voice-ranking strong{display:block;color:var(--ios-navy);font-size:14px}.ios-experience-voice-ranking small{display:block;margin-top:3px;color:#7b8a96;font-size:10px}.ios-experience-voice-ranking .ios-console-progress{height:5px;margin-top:7px}.ios-experience-voice-ranking article>b{color:var(--ios-navy);font-size:18px;text-align:right}.ios-experience-voice-ranking em{padding:5px 7px;border-radius:999px;font-size:10px;font-style:normal;font-weight:900;text-align:center}.ios-experience-voice-ranking em.up{color:#247967;background:#dff4ee}.ios-experience-voice-ranking em.down{color:#a44f4f;background:#f7e1e1}.ios-experience-voice-ranking em.neutral{color:#657580;background:#eceff0}
.ios-experience-trend-grid{display:grid;grid-template-columns:minmax(90px,auto) repeat(auto-fit,minmax(35px,1fr));gap:7px;align-items:center;margin-top:15px;overflow-x:auto}.ios-experience-trend-grid>b{color:#84929d;font-size:9px;text-align:center}.ios-experience-trend-grid>strong{color:var(--ios-navy);font-size:11px}.ios-experience-trend-grid>i{padding:8px 4px;border-radius:8px;color:#285d57;background:#e3f2ed;font-size:11px;font-style:normal;font-weight:900;text-align:center}
.ios-experience-heat-grid{display:grid;gap:6px;margin-top:15px}.ios-experience-heat-grid>div{display:grid;grid-template-columns:34px repeat(8,1fr);gap:5px;align-items:center}.ios-experience-heat-grid strong{color:#6f808d;font-size:9px}.ios-experience-heat-grid i{height:19px;border-radius:5px;background:#e65d58}

@media (max-width: 1180px) {
  .ios-experience-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ios-experience-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .ios-experience-kpis,
  .ios-experience-feature-grid,
  .ios-experience-notes { grid-template-columns: 1fr; }
  .ios-experience-voice-ranking article{grid-template-columns:24px minmax(0,1fr) auto}.ios-experience-voice-ranking em{grid-column:2/-1;justify-self:start}.ios-experience-heat-grid>div{grid-template-columns:30px repeat(8,18px);overflow-x:auto}
}

.ios-console-source.warning > span {
  color: #835f1c;
  background: #f8edcc;
}

.ios-console-source.danger > span {
  color: #9b4643;
  background: #f9dfdb;
}

.ios-console-source.neutral > span {
  color: #77818a;
  background: #ebeeed;
}

.ios-console-source.coverage > span {
  color: #835f1c;
  background: #f8edcc;
}

.ios-console-source div {
  min-width: 0;
}

.ios-console-source strong {
  display: block;
  overflow: hidden;
  color: #43515e;
  font-size: 9.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-console-source p {
  margin: 3px 0 0;
  color: #858d93;
  font-size: 8px;
  line-height: 1.35;
}

.ios-console-global-state {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  padding: 12px 13px;
  border: 1px solid #e2d4a4;
  border-radius: 13px;
  color: #6f581d;
  background: #fff7da;
}

.ios-console-global-state.danger {
  border-color: #e9b9b3;
  color: #873f3c;
  background: #fff0ed;
}

.ios-console-global-state.neutral {
  border-color: #d9e1e2;
  color: #546a78;
  background: #f0f5f5;
}

.ios-console-global-state.compact {
  padding: 9px 12px;
}

.ios-console-global-state > span {
  flex: 0 0 auto;
}

.ios-console-global-state > div {
  min-width: 0;
  flex: 1;
}

.ios-console-global-state strong {
  display: block;
  font-size: 11px;
}

.ios-console-global-state p {
  margin: 2px 0 0;
  font-size: 9.5px;
}

.ios-console-global-state button {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 0;
  border-radius: 8px;
  color: inherit;
  background: rgba(255, 255, 255, 0.64);
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}

.ios-console-refreshing-line {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  color: #667681;
  font-size: 9px;
  font-weight: 700;
}

.ios-console-refreshing-line span,
.ios-console-spinner {
  width: 13px;
  height: 13px;
  border: 2px solid #c9d4d4;
  border-top-color: var(--ios-mint);
  border-radius: 50%;
  animation: ios-console-spin 0.8s linear infinite;
}

.ios-console-skeleton {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 7px;
  background: #ecece7;
}

.ios-console-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
  animation: ios-console-shimmer 1.4s infinite;
}

.ios-console-skeleton.short { width: 42%; height: 10px; }
.ios-console-skeleton.medium { width: 58%; height: 13px; }
.ios-console-skeleton.value { width: 48%; height: 38px; margin-top: 13px; }
.ios-console-skeleton.copy { width: 88%; height: 27px; margin-top: 11px; }
.ios-console-skeleton.chart { width: 100%; height: 175px; margin-top: 18px; }

.ios-console-loading-panel {
  min-height: 250px;
}

.ios-console-loading-panel.tall {
  min-height: 330px;
}

.ios-console-coming-soon {
  max-width: 650px;
  margin: clamp(35px, 9vh, 100px) auto;
  padding: clamp(28px, 5vw, 54px);
  border: 1px solid var(--ios-border);
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 0%, rgba(242, 156, 135, 0.22), transparent 15rem),
    radial-gradient(circle at 10% 100%, rgba(93, 171, 150, 0.15), transparent 14rem),
    #fffefa;
  box-shadow: var(--ios-shadow);
  text-align: center;
}

.ios-console-coming-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #e56b61, #ad6382);
  box-shadow: 0 12px 25px rgba(185, 90, 91, 0.18);
}

.ios-console-coming-soon h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(29px, 5vw, 42px);
}

.ios-console-coming-soon > p:not(.ios-console-kicker) {
  max-width: 510px;
  margin: 12px auto 23px;
  color: var(--ios-muted);
  font-size: 13px;
  line-height: 1.65;
}

.ios-console-primary-button,
.ios-console-secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 41px;
  padding: 0 16px;
  border-radius: 11px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.ios-console-primary-button {
  border: 1px solid #163b56;
  color: #fff;
  background: #163b56;
}

.ios-console-secondary-button {
  border: 1px solid #d9dbd7;
  color: #43515e;
  background: #fff;
}

.ios-console-auth-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 20% 15%, rgba(234, 106, 94, 0.18), transparent 25rem),
    radial-gradient(circle at 82% 83%, rgba(63, 151, 132, 0.17), transparent 24rem),
    #f5f4ef;
}

.ios-console-auth-card {
  position: relative;
  width: min(100%, 470px);
  overflow: hidden;
  padding: 41px;
  border: 1px solid #e1e1da;
  border-radius: 25px;
  background: rgba(255, 254, 250, 0.94);
  box-shadow: 0 28px 70px rgba(22, 45, 65, 0.12);
  text-align: center;
}

.ios-console-auth-card > img {
  width: 56px;
  height: 56px;
  margin-bottom: 18px;
  border-radius: 16px;
}

.ios-console-auth-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin: 0 auto 15px;
  border-radius: 14px;
  color: #fff;
  background: #163b56;
}

.ios-console-auth-card h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
}

.ios-console-auth-card > p:not(.ios-console-kicker) {
  margin: 12px auto 23px;
  color: var(--ios-muted);
  font-size: 13px;
  line-height: 1.6;
}

.ios-console-auth-card > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.ios-console-auth-card.is-checking .ios-console-spinner {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 20px;
  border-width: 3px;
}

@keyframes ios-console-spin { to { transform: rotate(360deg); } }
@keyframes ios-console-shimmer { 100% { transform: translateX(100%); } }

@media (max-width: 1480px) {
  .ios-console-kpi-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .ios-console-kpi-grid .ios-console-kpi { grid-column: span 2; }
  .ios-console-kpi-grid .ios-console-kpi:nth-child(4),
  .ios-console-kpi-grid .ios-console-kpi:nth-child(5) { grid-column: span 3; }
  .ios-console-kpi-grid .ios-console-kpi:nth-child(4),
  .ios-console-kpi-grid .ios-console-kpi:nth-child(5) { min-height: 151px; }
  .ios-console-overview-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ios-console-alerts { grid-column: 1 / -1; }
  .ios-console-alerts .ios-console-alert-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ios-console-alerts .ios-console-all-clear { min-height: 90px; }
}

@media (max-width: 1180px) {
  .ios-console-shell { grid-template-columns: 224px minmax(0, 1fr); }
  .ios-console-rail { padding-inline: 12px; }
  .ios-console-account > div { display: none; }
  .ios-console-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ios-console-kpi-grid .ios-console-kpi { grid-column: auto; }
  .ios-console-kpi-grid .ios-console-kpi:nth-child(5) { grid-column: 1 / -1; }
  .ios-console-sources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ios-console-toolbar { flex-wrap: wrap; overflow-x: visible; }
  .ios-console-filter { flex: 1 1 142px; max-width: 210px; }
  .ios-console-refresh { margin-left: auto; }
}

@media (max-width: 940px) {
  .ios-console-shell { display: block; }
  .ios-console-rail {
    position: fixed;
    left: 0;
    top: 0;
    width: min(86vw, 290px);
    transform: translateX(-105%);
    transition: transform 190ms ease;
  }
  .ios-console-rail.is-open { transform: translateX(0); }
  .ios-console-rail-close {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    margin-left: auto;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
  }
  .ios-console-scrim {
    position: fixed;
    inset: 0;
    z-index: 25;
    display: block;
    border: 0;
    background: rgba(9, 24, 37, 0.48);
    backdrop-filter: blur(3px);
  }
  .ios-console-mobile-menu {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid #ddded8;
    border-radius: 11px;
    color: #405364;
    background: #fffefa;
  }
  .ios-console-topbar { padding-top: 15px; }
  .ios-console-detail-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 720px) {
  .ios-console-topbar { padding-inline: 15px; }
  .ios-console-content { padding: 17px 15px 38px; }
  .ios-console-heading-row { align-items: flex-start; }
  .ios-console-account { display: none; }
  .ios-console-title h1 { font-size: 29px; }
  .ios-console-title p { font-size: 11px; }
  .ios-console-toolbar { margin-inline: -15px; padding-inline: 15px; }
  .ios-console-toolbar { flex-wrap: nowrap; overflow-x: auto; }
  .ios-console-filter { flex: 0 0 142px; max-width: none; }
  .ios-console-filter.tester { flex-basis: 164px; }
  .ios-console-refresh { margin-left: 0; }
  .ios-console-kpi-grid,
  .ios-console-overview-grid,
  .ios-console-sources { grid-template-columns: minmax(0, 1fr); }
  .ios-console-kpi-grid .ios-console-kpi,
  .ios-console-kpi-grid .ios-console-kpi:nth-child(4),
  .ios-console-kpi-grid .ios-console-kpi:nth-child(5) { min-height: 145px; grid-column: auto; }
  .ios-console-alerts { grid-column: auto; }
  .ios-console-alerts .ios-console-alert-list { grid-template-columns: minmax(0, 1fr); }
  .ios-console-panel-head { align-items: flex-start; }
  .ios-console-eyebrow { display: none; }
  .ios-console-global-state { align-items: flex-start; flex-wrap: wrap; }
  .ios-console-global-state button { margin-left: 30px; }
  .ios-console-report-context span + span::before { display: none; }
  .ios-console-report-context { display: grid; gap: 3px; }
  .ios-console-auth-card { padding: 32px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .ios-console-shell *,
  .ios-console-shell *::before,
  .ios-console-shell *::after,
  .ios-console-auth-shell *,
  .ios-console-auth-shell *::before,
  .ios-console-auth-shell *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.ios-content-kpis { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ios-content-catalog-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ios-content-catalog-strip > div { padding: 16px 18px; border: 1px solid rgba(17,43,67,.1); border-radius: 18px; background: #fffefa; display: flex; gap: 12px; align-items: center; }
.ios-content-catalog-strip > div > span { width: 39px; height: 39px; border-radius: 13px; display: grid; place-items: center; color: #526677; background: #edf1f2; }
.ios-content-catalog-strip > div.ready > span { color: #277f70; background: #dff4ee; }
.ios-content-catalog-strip > div.off > span { color: #9a6449; background: #fae9df; }
.ios-content-catalog-strip strong { display: block; color: var(--ios-navy); font-size: 13px; }
.ios-content-catalog-strip p { margin: 3px 0 0; color: #6b7b88; font-size: 12px; }
.ios-content-table { display: grid; margin-top: 12px; }
.ios-content-table article { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(92px, auto); gap: 13px; align-items: center; padding: 13px 2px; border-bottom: 1px solid rgba(17,43,67,.08); }
.ios-content-table article:last-child { border-bottom: 0; }
.ios-content-table article > div:first-child { min-width: 0; }
.ios-content-table strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ios-navy); font-size: 14px; }
.ios-content-table small { display: block; margin-top: 4px; color: #7a8996; font-size: 11px; }
.ios-content-status { padding: 5px 8px; border-radius: 999px; color: #607181; background: #edf1f2; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ios-content-status.live { color: #237767; background: #dff4ee; }
.ios-content-status.testing { color: #85600f; background: #fff0bc; }
.ios-content-status.draft { color: #4f6577; background: #e9eef2; }
.ios-content-status.retired,.ios-content-status.disabled { color: #8b5a59; background: #f5e3e3; }
.ios-content-readiness,.ios-content-date { color: #607181; font-size: 11px; font-weight: 800; text-align: right; }
.ios-content-readiness i { display: block; width: 42px; height: 5px; margin: 5px 0 0 auto; border-radius: 999px; background: #efc8aa; }
.ios-content-readiness i.complete { background: #67b5a4; }
.ios-content-performance-list { display: grid; gap: 7px; margin-top: 14px; }
.ios-content-performance-list > div { display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 9px 2px; }
.ios-content-performance-list > div > span { color: #94a0aa; font-size: 11px; font-weight: 900; text-align: center; }
.ios-content-performance-list strong { display: block; color: var(--ios-navy); font-size: 13px; }
.ios-content-performance-list .ios-console-progress { height: 6px; margin: 6px 0 4px; }
.ios-content-performance-list .ios-console-progress i { background: linear-gradient(90deg,#a95aa4,#e65d58); }
.ios-content-performance-list small { color: #7c8a96; font-size: 10px; }
.ios-content-performance-list > div > b { color: var(--ios-navy); font-size: 17px; }
.ios-content-notes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1180px) { .ios-content-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .ios-content-kpis,.ios-content-catalog-strip,.ios-content-notes { grid-template-columns: 1fr; } .ios-content-table article { grid-template-columns: minmax(0, 1fr) auto; } .ios-content-readiness,.ios-content-date { grid-column: 1 / -1; text-align: left; } .ios-content-readiness i { margin-left: 0; } }

.ios-monetization-kpis { grid-template-columns: repeat(5,minmax(0,1fr)); }
.ios-monetization-lanes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:16px; }
.ios-monetization-lanes article { padding:17px; border:1px solid rgba(17,43,67,.1); border-radius:18px; background:#f7f7f4; }
.ios-monetization-lanes article > span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#6d7d89; background:#e9edef; }
.ios-monetization-lanes article.ready { background:linear-gradient(145deg,#f7fffc,#e9f7f2); }
.ios-monetization-lanes article.ready > span { color:#287d6e; background:#d9f0e9; }
.ios-monetization-lanes strong { display:block; margin-top:12px; color:var(--ios-navy); font-size:14px; }
.ios-monetization-lanes p { margin:6px 0 0; color:#6c7d8a; font-size:11px; line-height:1.5; }
.ios-monetization-source > div:not(.ios-console-panel-head) { display:flex; gap:12px; align-items:center; padding:13px 2px; border-bottom:1px solid rgba(17,43,67,.08); }
.ios-monetization-source > div > span { width:36px; height:36px; display:grid; place-items:center; border-radius:12px; color:#7d8a94; background:#edf0f1; }
.ios-monetization-source > div.ready > span { color:#287d6e; background:#dff4ee; }
.ios-monetization-source strong { color:var(--ios-navy); font-size:13px; }
.ios-monetization-source p { margin:3px 0 0; color:#7a8996; font-size:11px; }
.ios-monetization-next ol { list-style:none; display:grid; gap:10px; margin:14px 0 0; padding:0; }
.ios-monetization-next li { display:flex; gap:12px; align-items:center; padding:12px; border-radius:15px; background:#f6f6f3; }
.ios-monetization-next li > span { width:30px; height:30px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; color:#fff; background:var(--ios-navy); font-size:11px; font-weight:900; }
.ios-monetization-next strong { color:var(--ios-navy); font-size:13px; }
.ios-monetization-next p { margin:3px 0 0; color:#758692; font-size:11px; }
.ios-monetization-notes { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:1180px){.ios-monetization-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}.ios-monetization-lanes{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.ios-monetization-kpis,.ios-monetization-lanes,.ios-monetization-notes{grid-template-columns:1fr;}}

.ios-release-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px;border:1px solid rgba(17,43,67,.1);border-radius:22px;background:linear-gradient(130deg,#fffefa,#eff8f5 58%,#f9ece5)}
.ios-release-hero>div{display:flex;gap:15px;align-items:center}.ios-release-hero>div>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:#fff;background:var(--ios-navy)}
.ios-release-hero h2{margin:2px 0 5px;color:var(--ios-navy);font-family:Georgia,"Times New Roman",serif;font-size:23px}.ios-release-hero p{margin:0;color:#657785;font-size:12px;line-height:1.5}
.ios-release-state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ios-release-state-grid article{padding:18px;border:1px solid rgba(17,43,67,.1);border-radius:18px;background:#fffefa}.ios-release-state-grid article.ready{background:linear-gradient(145deg,#f7fffc,#e7f6f1)}.ios-release-state-grid article.off{background:#f6f3f0}.ios-release-state-grid strong,.ios-release-state-grid b,.ios-release-state-grid small{display:block}.ios-release-state-grid strong{color:#687a88;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.ios-release-state-grid b{margin-top:8px;color:var(--ios-navy);font-size:23px}.ios-release-state-grid small{margin-top:5px;color:#7d8b96;font-size:10px}
.ios-release-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(92px,auto);gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid rgba(17,43,67,.08)}.ios-release-list>article:last-child{border-bottom:0}.ios-release-list strong{display:block;color:var(--ios-navy);font-size:13px}.ios-release-list small{display:block;margin-top:4px;color:#7c8a96;font-size:10px}.ios-release-list>article>span:last-child{color:#71818e;font-size:10px;font-weight:800;text-align:right}
.ios-release-controls>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}.ios-release-controls article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px;border-radius:16px;background:#f6f6f3}.ios-release-controls article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:#596c7c;background:#e7ecee}.ios-release-controls strong{color:var(--ios-navy);font-size:13px;text-transform:capitalize}.ios-release-controls p{margin:4px 0 0;color:#72838f;font-size:10px;line-height:1.45}.ios-release-controls b{padding:5px 8px;border-radius:999px;color:#6d7780;background:#e6e9e9;font-size:9px;text-transform:uppercase}
@media(max-width:1000px){.ios-release-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ios-release-controls>div:last-child{grid-template-columns:1fr}}
@media(max-width:720px){.ios-release-hero{align-items:flex-start;flex-direction:column}.ios-release-state-grid{grid-template-columns:1fr}.ios-release-list>article{grid-template-columns:minmax(0,1fr) auto}.ios-release-list>article>span:last-child{grid-column:1/-1;text-align:left}.ios-release-controls article{grid-template-columns:auto minmax(0,1fr)}.ios-release-controls article>b{grid-column:2}}

/* Players */
.ios-players-page {
  display: grid;
  gap: 12px;
}

.ios-players-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ios-players-kpi {
  min-height: 184px;
  padding-bottom: 33px;
}

.ios-players-kpi > p {
  max-width: 28ch;
}

.ios-players-metric-role {
  position: absolute;
  right: 13px;
  bottom: 12px;
  padding: 4px 7px;
  border-radius: 999px;
  color: #6a7882;
  background: #eef0ee;
  font-size: 7.5px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ios-players-alerts {
  min-width: 0;
}

.ios-players-alerts .ios-console-alert-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ios-players-primary-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .85fr);
  gap: 12px;
}

.ios-players-growth,
.ios-players-activation {
  min-height: 330px;
}

.ios-players-growth {
  min-height: 490px;
}

.ios-players-chart-wrap {
  min-width: 0;
  overflow: hidden;
  padding: 3px 0 0;
}

.ios-players-chart-wrap svg {
  display: block;
  width: 100%;
  height: 252px;
}

.ios-players-chart-wrap .grid {
  stroke: #e8ebe7;
  stroke-width: 1;
}

.ios-players-chart-wrap .axis-value,
.ios-players-chart-wrap .axis-date {
  fill: #879198;
  font-size: 9px;
  font-weight: 700;
}

.ios-players-area {
  fill: url(#iosPlayersArea);
}

.ios-players-active-line,
.ios-players-new-line,
.ios-players-returning-line {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ios-players-active-line {
  stroke: var(--ios-mint);
  stroke-width: 3;
}

.ios-players-new-line {
  stroke: var(--ios-coral);
  stroke-width: 2.25;
}

.ios-players-returning-line {
  stroke: #4c82b7;
  stroke-width: 2.25;
}

.ios-players-active-dot {
  fill: #fffefa;
  stroke: var(--ios-mint);
  stroke-width: 2;
}

.ios-players-new-dot {
  fill: #fffefa;
  stroke: var(--ios-coral);
  stroke-width: 1.7;
}

.ios-players-returning-dot {
  fill: #fffefa;
  stroke: #4c82b7;
  stroke-width: 1.7;
}

.ios-players-context-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 3px;
}

.ios-players-context-strip article {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid #e4e8e4;
  border-radius: 12px;
  background: #f8f9f6;
}

.ios-players-context-strip span,
.ios-players-context-strip small {
  display: block;
}

.ios-players-context-strip span {
  overflow: hidden;
  color: #75828b;
  font-size: 7.5px;
  font-weight: 850;
  letter-spacing: .045em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.ios-players-context-strip strong {
  display: block;
  margin-top: 4px;
  color: var(--ios-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1;
}

.ios-players-context-strip small {
  min-height: 18px;
  margin-top: 5px;
  color: #858f95;
  font-size: 7.5px;
  line-height: 1.25;
}

.ios-players-context-strip article.is-positive strong {
  color: #247e6d;
}

.ios-players-context-strip article.is-negative strong {
  color: #bd4d50;
}

.ios-players-activation-steps {
  display: grid;
  gap: 11px;
}

.ios-players-activation-steps article {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.ios-players-activation-steps article > span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid #dbe5e0;
  border-radius: 10px;
  color: #287c6b;
  background: #ecf7f3;
  font-size: 10px;
  font-weight: 900;
}

.ios-players-activation-steps article > div > div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.ios-players-activation-steps strong {
  color: #435361;
  font-size: 11px;
}

.ios-players-activation-steps b {
  color: var(--ios-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
}

.ios-players-activation-steps small {
  display: block;
  margin-top: 4px;
  color: #879096;
  font-size: 8.5px;
}

.ios-players-activation-steps article:nth-child(2) .ios-console-progress i {
  background: linear-gradient(90deg, #4c82b7, #74a2cd);
}

.ios-players-activation-steps article:nth-child(3) .ios-console-progress i {
  background: linear-gradient(90deg, #7a668f, #ab8ead);
}

.ios-players-cohorts {
  min-width: 0;
}

.ios-players-cohort-scroll {
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.ios-players-cohort-grid {
  min-width: 720px;
  display: grid;
  grid-template-columns: minmax(180px, 1.3fr) minmax(76px, .55fr) repeat(3, minmax(125px, .9fr));
  gap: 7px;
  align-items: stretch;
}

.ios-players-retention-grid {
  min-width: 970px;
  grid-template-columns: minmax(174px, 1.25fr) minmax(72px, .52fr) repeat(7, minmax(82px, .66fr));
}

.ios-players-cohort-head {
  display: flex;
  align-items: center;
  padding: 4px 7px 7px;
  color: #78858e;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.ios-players-cohort-head.centered {
  justify-content: center;
  text-align: center;
}

.ios-players-cohort-label,
.ios-players-cohort-size,
.ios-players-cohort-cell {
  min-height: 62px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px 11px;
  border: 1px solid #e5e5df;
  border-radius: 12px;
  background: #f8f8f4;
}

.ios-players-cohort-label strong,
.ios-players-cohort-size strong,
.ios-players-cohort-cell strong {
  color: #334858;
  font-size: 11px;
}

.ios-players-cohort-label small,
.ios-players-cohort-size small,
.ios-players-cohort-cell small {
  display: block;
  margin-top: 3px;
  color: #818b92;
  font-size: 8px;
}

.ios-players-cohort-size,
.ios-players-cohort-cell {
  align-items: center;
  text-align: center;
}

.ios-players-cohort-cell.available {
  border-color: rgba(47, 156, 134, .25);
  background: rgba(47, 156, 134, var(--heat));
}

.ios-players-cohort-cell.available strong,
.ios-players-cohort-cell.available small {
  color: #123c36;
}

.ios-players-cohort-cell.unavailable {
  border-style: dashed;
  background: repeating-linear-gradient(135deg, #f6f6f2, #f6f6f2 7px, #f1f1ed 7px, #f1f1ed 14px);
}

.ios-players-version-adoption {
  min-width: 0;
}

.ios-players-version-legend {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ios-players-version-chart-wrap {
  min-width: 0;
  overflow: hidden;
}

.ios-players-version-chart-wrap svg {
  display: block;
  width: 100%;
  height: 280px;
}

.ios-players-version-chart-wrap .grid {
  stroke: #e8ebe7;
  stroke-width: 1;
}

.ios-players-version-chart-wrap .axis-value,
.ios-players-version-chart-wrap .axis-date {
  fill: #879198;
  font-size: 9px;
  font-weight: 700;
}

.ios-players-version-line {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.6;
}

.ios-players-version-dot {
  fill: #fffefa;
  stroke-width: 1.7;
}

.ios-players-version-marker line {
  stroke: #c39b4a;
  stroke-dasharray: 4 5;
  stroke-width: 1.2;
}

.ios-players-version-marker text {
  fill: #956c21;
  font-size: 8px;
  font-weight: 850;
}

.ios-players-version-snapshot {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 2px;
}

.ios-players-version-snapshot article {
  position: relative;
  min-width: 0;
  padding: 10px 11px 10px 21px;
  border: 1px solid #e4e7e2;
  border-radius: 12px;
  background: #f9f9f5;
}

.ios-players-version-snapshot article > i {
  position: absolute;
  top: 12px;
  left: 10px;
  width: 5px;
  height: 24px;
  border-radius: 999px;
}

.ios-players-version-snapshot span,
.ios-players-version-snapshot small {
  display: block;
}

.ios-players-version-snapshot span {
  overflow: hidden;
  color: #6e7c85;
  font-size: 8px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-players-version-snapshot strong {
  display: block;
  margin-top: 3px;
  color: var(--ios-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
}

.ios-players-version-snapshot small {
  margin-top: 3px;
  color: #8b9398;
  font-size: 7.5px;
  line-height: 1.25;
}

.ios-players-engagement {
  margin-top: 0;
}

.ios-players-distribution-list {
  display: grid;
  gap: 10px;
}

.ios-players-distribution-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: 6px 12px;
  align-items: center;
}

.ios-players-distribution-list > div > div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 9px;
  grid-column: 1 / -1;
}

.ios-players-distribution-list strong {
  color: #435361;
  font-size: 10px;
}

.ios-players-distribution-list span {
  color: #889197;
  font-size: 8.5px;
}

.ios-players-distribution-list .ios-console-progress {
  margin-top: 0;
}

.ios-players-distribution-list b {
  color: #405463;
  font-size: 10px;
  text-align: right;
}

.ios-players-distribution.accent-mint .ios-console-progress i {
  background: linear-gradient(90deg, #2f9c86, #76bba9);
}

.ios-players-distribution.accent-coral .ios-console-progress i {
  background: linear-gradient(90deg, #e65d58, #ef9a7e);
}

.ios-players-segments {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ios-players-segment-list {
  display: grid;
  gap: 10px;
}

.ios-players-segment-list > div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  gap: 4px 11px;
  align-items: center;
}

.ios-players-segment-list > div > span {
  position: relative;
  height: 5px;
  overflow: hidden;
  grid-column: 1 / -1;
  border-radius: 999px;
  background: #eceeea;
}

.ios-players-segment-list > div > span i {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #4c82b7, #7a668f);
}

.ios-players-segment-list > div > div {
  min-width: 0;
}

.ios-players-segment-list strong,
.ios-players-segment-list small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-players-segment-list strong {
  color: #405261;
  font-size: 10px;
}

.ios-players-segment-list small {
  margin-top: 2px;
  color: #879198;
  font-size: 8px;
}

.ios-players-segment-list b {
  color: #435664;
  font-size: 10px;
  text-align: right;
}

.ios-players-method {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid #dfe4e2;
  border-radius: 14px;
  color: #506573;
  background: linear-gradient(135deg, #f8fbfa, #f3f5f2);
}

.ios-players-method > span {
  flex: 0 0 auto;
  color: var(--ios-mint);
}

.ios-players-method strong {
  display: block;
  font-size: 10px;
}

.ios-players-method p {
  margin: 3px 0 0;
  color: #75838c;
  font-size: 9px;
  line-height: 1.5;
}

@media (max-width: 1480px) {
  .ios-players-kpis {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .ios-players-kpis .ios-players-kpi {
    grid-column: span 2;
  }

  .ios-players-kpis .ios-players-kpi:nth-child(4),
  .ios-players-kpis .ios-players-kpi:nth-child(5) {
    grid-column: span 3;
  }
}

@media (max-width: 1180px) {
  .ios-players-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ios-players-kpis .ios-players-kpi,
  .ios-players-kpis .ios-players-kpi:nth-child(4),
  .ios-players-kpis .ios-players-kpi:nth-child(5) {
    grid-column: auto;
  }

  .ios-players-kpis .ios-players-kpi:nth-child(5) {
    grid-column: 1 / -1;
  }

  .ios-players-primary-grid,
  .ios-players-segments {
    grid-template-columns: minmax(0, 1fr);
  }

  .ios-players-version-snapshot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .ios-players-kpis,
  .ios-players-alerts .ios-console-alert-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .ios-players-kpis .ios-players-kpi,
  .ios-players-kpis .ios-players-kpi:nth-child(5) {
    grid-column: auto;
  }

  .ios-players-kpi {
    min-height: 153px;
  }

  .ios-players-chart-wrap svg {
    min-width: 620px;
  }

  .ios-players-chart-wrap {
    overflow-x: auto;
  }

  .ios-players-context-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ios-players-version-chart-wrap {
    overflow-x: auto;
  }

  .ios-players-version-chart-wrap svg {
    min-width: 680px;
  }

  .ios-players-version-snapshot {
    min-width: 600px;
  }
}

@media (max-width: 480px) {
  .ios-players-context-strip,
  .ios-players-version-snapshot {
    grid-template-columns: minmax(0, 1fr);
  }

  .ios-players-version-snapshot {
    min-width: 0;
  }
}

/* App Health — isolated from the shared console and legacy Product Studio. */
.ios-console-health{gap:17px}.ios-health-coverage{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;overflow:hidden;padding:22px 24px;border:1px solid rgba(17,43,67,.1);border-radius:22px;background:linear-gradient(130deg,#f4fbf8,#eff4f5 52%,#fff5ea);box-shadow:var(--ios-shadow)}
.ios-health-coverage::after{content:"";position:absolute;right:-55px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.4)}.ios-health-coverage>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:var(--ios-navy)}.ios-health-coverage.good>span{background:var(--ios-mint)}.ios-health-coverage.warning>span{background:var(--ios-gold)}.ios-health-coverage.danger>span{background:var(--ios-coral)}
.ios-health-coverage h2{margin:2px 0 5px;color:var(--ios-navy);font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,2vw,27px)}.ios-health-coverage p{margin:0;max-width:760px;color:#647786;font-size:12px;line-height:1.55}.ios-health-coverage-facts{position:relative;z-index:1;min-width:180px;display:grid;gap:7px;padding:12px 14px;border:1px solid rgba(17,43,67,.08);border-radius:15px;background:rgba(255,254,250,.7)}.ios-health-coverage-facts span{color:#70808c;font-size:10px}.ios-health-coverage-facts strong{color:var(--ios-navy);font-size:12px}
.ios-health-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.ios-health-kpis .ios-console-kpi,.ios-health-kpis .ios-console-kpi:nth-child(4){grid-column:auto;min-height:166px}.ios-health-kpi>small{display:block;margin-top:8px;color:#84919a;font-size:9px}.ios-health-overview{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.ios-health-overview .ios-console-alerts{grid-column:1/-1}
.ios-health-severity-list{display:grid;gap:12px;margin-top:17px}.ios-health-severity-list>div>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.ios-health-severity-list>div>div:first-child>span{width:9px;height:9px;border-radius:50%;background:#a5b1b9}.ios-health-severity-list .critical>div:first-child>span{background:#ba3d45}.ios-health-severity-list .high>div:first-child>span{background:#e16b4d}.ios-health-severity-list .medium>div:first-child>span{background:#d9a52d}.ios-health-severity-list .low>div:first-child>span{background:#4b9b8a}.ios-health-severity-list strong{color:var(--ios-navy);font-size:11px;text-transform:capitalize}.ios-health-severity-list b{color:var(--ios-navy);font-size:15px}.ios-health-severity-list small{display:block;margin-top:4px;color:#80909b;font-size:9px}.ios-health-severity-list .ios-console-progress{height:5px;margin:6px 0 0 17px}.ios-health-severity-list .critical .ios-console-progress i{background:#ba3d45}.ios-health-severity-list .high .ios-console-progress i{background:#e16b4d}.ios-health-severity-list .medium .ios-console-progress i{background:#d9a52d}.ios-health-severity-list .low .ios-console-progress i{background:#4b9b8a}
.ios-health-details{align-items:start}.ios-health-feature-list{display:grid;gap:10px;margin-top:14px}.ios-health-feature-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 14px;align-items:center;padding:7px 2px}.ios-health-feature-list>div>div:first-child{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px}.ios-health-feature-list strong{color:var(--ios-navy);font-size:12px;text-transform:capitalize}.ios-health-feature-list span{color:#7d8c97;font-size:9px}.ios-health-feature-list .ios-console-progress{height:7px}.ios-health-feature-list .ios-console-progress i{background:linear-gradient(90deg,var(--ios-coral),#b05f83)}.ios-health-feature-list b{color:var(--ios-navy);font-size:15px}
.ios-health-releases{padding:22px 24px}.ios-health-release-list{display:grid;gap:8px;margin-top:16px}.ios-health-release-list article{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(240px,1.5fr) minmax(110px,.45fr);gap:18px;align-items:center;padding:13px 14px;border:1px solid rgba(17,43,67,.08);border-radius:15px;background:#fbfbf8}.ios-health-release-label strong,.ios-health-release-label span,.ios-health-release-value strong,.ios-health-release-value span{display:block}.ios-health-release-label strong{color:var(--ios-navy);font-size:14px}.ios-health-release-label span{margin-top:4px;color:#7c8c97;font-size:9px}.ios-health-release-bars{display:grid;gap:5px}.ios-health-release-bars>div{height:7px;overflow:hidden;border-radius:999px;background:#e8ecea}.ios-health-release-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ios-coral),#b05f83)}.ios-health-release-bars .previous{height:4px;background:#eef0ef}.ios-health-release-bars .previous i{background:#9aa8b0}.ios-health-release-value{text-align:right}.ios-health-release-value strong{color:var(--ios-navy);font-size:17px}.ios-health-release-value span{margin-top:3px;color:#7c8c97;font-size:9px}
.ios-health-availability-list{display:grid;margin-top:12px}.ios-health-availability-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 2px;border-bottom:1px solid rgba(17,43,67,.07)}.ios-health-availability-list article:last-child{border-bottom:0}.ios-health-availability-list article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#8a6d56;background:#f3e9df}.ios-health-availability-list article.available>span{color:#277f70;background:#dff4ee}.ios-health-availability-list strong{color:var(--ios-navy);font-size:11px}.ios-health-availability-list p{margin:3px 0 0;color:#7b8a95;font-size:9px;line-height:1.4}.ios-health-availability-list b{padding:5px 7px;border-radius:999px;color:#846657;background:#f4e9e0;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.ios-health-availability-list article.available b{color:#277b6c;background:#dff4ee}
.ios-health-issues{padding:22px 24px}.ios-health-issue-list{display:grid;gap:9px;margin-top:16px}.ios-health-issue{overflow:hidden;border:1px solid rgba(17,43,67,.1);border-radius:17px;background:#fbfbf8}.ios-health-issue-summary{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;gap:12px;align-items:center;padding:14px 15px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.ios-health-issue-summary:hover{background:#f5f6f3}.ios-health-issue-summary>div:nth-child(2){min-width:0}.ios-health-issue-summary>div:nth-child(2) strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ios-navy);font-size:13px}.ios-health-issue-summary>div:nth-child(2) p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71828e;font-size:9px;text-transform:capitalize}
.ios-health-severity-pill,.ios-health-status{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.ios-health-severity-pill{color:#6e7a83;background:#e9edef}.ios-health-severity-pill.critical{color:#9e303a;background:#f7dfe1}.ios-health-severity-pill.high{color:#9e4c36;background:#f8e1da}.ios-health-severity-pill.medium{color:#806013;background:#f8eccb}.ios-health-severity-pill.low{color:#2c776a;background:#dff1ec}.ios-health-status{color:#536b7b;background:#e7edf0}.ios-health-status.investigating{color:#765c18;background:#f7eccd}.ios-health-status.fixed{color:#277b6c;background:#dff2ed}.ios-health-status.ignored{color:#777;background:#ecebea}.ios-health-issue-count{min-width:55px;text-align:right}.ios-health-issue-count strong,.ios-health-issue-count span{display:block}.ios-health-issue-count strong{color:var(--ios-navy);font-size:15px}.ios-health-issue-count span{color:#8a969f;font-size:8px;text-transform:uppercase}.ios-health-chevron{color:#8a969e;font-size:18px;transition:transform .2s ease}.ios-health-issue.is-open .ios-health-chevron{transform:rotate(180deg)}
.ios-health-issue-detail{padding:0 15px 16px;border-top:1px solid rgba(17,43,67,.07);background:#fffefa}.ios-health-issue-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px 0}.ios-health-issue-facts span{min-width:0;color:#657987;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.ios-health-issue-facts strong{display:block;margin-bottom:3px;color:#8a969f;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.ios-health-issue-facts code{color:#596f7e;font-size:9px}.ios-health-resolution{display:grid;grid-template-columns:150px 180px minmax(220px,1fr) auto;gap:10px;align-items:end;padding:13px;border-radius:14px;background:#f3f4f1}.ios-health-resolution label{color:#607481;font-size:9px;font-weight:800}.ios-health-resolution select,.ios-health-resolution input,.ios-health-resolution textarea{width:100%;box-sizing:border-box;margin-top:5px;padding:9px 10px;border:1px solid #d8ddd9;border-radius:10px;color:var(--ios-navy);background:#fffefa;font:inherit;outline:none}.ios-health-resolution textarea{resize:vertical;min-height:36px}.ios-health-resolution select:focus,.ios-health-resolution input:focus,.ios-health-resolution textarea:focus{border-color:#7eac9f;box-shadow:0 0 0 3px rgba(47,156,134,.1)}.ios-health-resolution button{min-height:36px;padding:0 13px;border:0;border-radius:11px;color:#fff;background:var(--ios-navy);font-size:10px;font-weight:900;cursor:pointer}.ios-health-resolution button:disabled{opacity:.55;cursor:wait}.ios-health-resolution>span{grid-column:1/-1;font-size:9px;font-weight:800}.ios-health-resolution>span.saved{color:#277b6c}.ios-health-resolution>span.error{color:#a44343}
.ios-health-quality{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:20px;align-items:center;padding:20px 22px;border:1px solid rgba(17,43,67,.1);border-radius:20px;background:linear-gradient(130deg,#142f46,#213f53);box-shadow:var(--ios-shadow)}.ios-health-quality h3{margin:2px 0 5px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:20px}.ios-health-quality>div:first-child>p:last-child{margin:0;color:#b7c4ce;font-size:10px;line-height:1.45}.ios-health-quality>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ios-health-quality>div:last-child span{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.06)}.ios-health-quality>div:last-child strong,.ios-health-quality>div:last-child small{display:block}.ios-health-quality>div:last-child strong{color:#fff;font-size:16px}.ios-health-quality>div:last-child small{margin-top:3px;color:#afbec9;font-size:8px}.ios-health-sources{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1180px){.ios-health-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ios-health-overview{grid-template-columns:minmax(0,1fr)}.ios-health-overview .ios-console-alerts{grid-column:auto}.ios-health-issue-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.ios-health-resolution{grid-template-columns:repeat(2,minmax(0,1fr))}.ios-health-resolution .notes{grid-column:1/-1}.ios-health-resolution button{justify-self:start}}
@media(max-width:840px){.ios-health-coverage{grid-template-columns:auto minmax(0,1fr)}.ios-health-coverage-facts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.ios-health-release-list article{grid-template-columns:minmax(145px,.7fr) minmax(180px,1.3fr) auto;gap:12px}.ios-health-issue-summary{grid-template-columns:auto minmax(0,1fr) auto}.ios-health-issue-count:nth-of-type(2),.ios-health-status{display:none}.ios-health-quality{grid-template-columns:1fr}.ios-health-sources{grid-template-columns:1fr}}
@media(max-width:720px){.ios-health-coverage{padding:18px}.ios-health-coverage>span{width:42px;height:42px}.ios-health-coverage-facts{grid-template-columns:1fr}.ios-health-kpis{grid-template-columns:1fr}.ios-health-kpis .ios-console-kpi,.ios-health-kpis .ios-console-kpi:nth-child(4){min-height:145px}.ios-health-releases{padding:18px}.ios-health-release-list article{grid-template-columns:1fr}.ios-health-release-value{text-align:left}.ios-health-issue-summary{gap:8px;padding:12px}.ios-health-issue-count{display:none}.ios-health-issue-facts,.ios-health-resolution{grid-template-columns:1fr}.ios-health-resolution .notes{grid-column:auto}.ios-health-quality>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Content operations retain the proven voice publishing workflow inside the focused iOS console. */
.ios-content-workspace-shell { display: grid; gap: 16px; min-width: 0; }
.ios-content-section-nav { align-items: stretch; background: rgba(255,255,255,.74); border: 1px solid var(--ios-border); border-radius: 18px; display: flex; gap: 6px; padding: 6px; width: fit-content; }
.ios-content-section-nav button { align-items: center; background: transparent; border: 0; border-radius: 13px; color: var(--ios-muted); cursor: pointer; display: flex; gap: 9px; padding: 10px 14px; text-align: left; }
.ios-content-section-nav button span { display: grid; gap: 1px; }
.ios-content-section-nav button strong { color: inherit; font-size: .82rem; }
.ios-content-section-nav button small { font-size: .68rem; }
.ios-content-section-nav button.active { background: var(--ios-ink); box-shadow: 0 8px 18px rgba(26,46,65,.16); color: white; }
.ios-content-voice-workspace { display: grid; gap: 14px; min-width: 0; }
.ios-content-management-note { align-items: center; background: rgba(222,244,237,.84); border: 1px solid rgba(49,137,110,.18); border-radius: 16px; color: #285b4c; display: flex; gap: 12px; padding: 13px 16px; }
.ios-content-management-note > span { align-items: center; background: #d4efe6; border-radius: 11px; display: flex; flex: 0 0 36px; height: 36px; justify-content: center; }
.ios-content-management-note strong { display: block; font-size: .82rem; }
.ios-content-management-note p { font-size: .74rem; line-height: 1.45; margin: 2px 0 0; }
.ios-content-voice-workspace .voice-studio { margin: 0; }
.ios-content-voice-workspace .voice-studio-hero { border-radius: 24px; box-shadow: var(--ios-shadow); }
.ios-content-voice-workspace .voice-studio-hero { align-items: center; grid-template-columns: minmax(0,1fr) auto; padding: 18px 22px; }
.ios-content-voice-workspace .voice-studio-hero h3 { font-size: 1.25rem; margin: 2px 0 4px; }
.ios-content-voice-workspace .voice-studio-hero > div:first-child > p:last-child { display: none; }
.ios-content-voice-workspace .voice-studio-stats { grid-column: 1 / -1; }
.ios-content-voice-workspace .voice-library-panel,.ios-content-voice-workspace .voice-editor-panel { border-color: var(--ios-border); box-shadow: var(--ios-shadow); }
.ios-content-voice-workspace .voice-version-history { background: linear-gradient(135deg,rgba(255,250,237,.94),rgba(239,248,244,.96)); border-bottom: 1px solid rgba(17,43,67,.1); border-top: 1px solid rgba(17,43,67,.08); display: grid; gap: 13px; padding: 20px 24px; }
.ios-content-voice-workspace .voice-version-history header { align-items: start; display: flex; justify-content: space-between; }
.ios-content-voice-workspace .voice-version-history h4 { color: var(--ios-ink); font-family: Georgia,"Times New Roman",serif; font-size: 1.08rem; margin: 2px 0 4px; }
.ios-content-voice-workspace .voice-version-history header span { color: var(--ios-muted); display: block; font-size: .72rem; line-height: 1.45; max-width: 650px; }
.ios-content-voice-workspace .voice-version-history-list { display: grid; gap: 7px; }
.ios-content-voice-workspace .voice-version-history-list article { align-items: center; background: rgba(255,255,255,.72); border: 1px solid rgba(17,43,67,.09); border-radius: 14px; display: grid; gap: 11px; grid-template-columns: auto minmax(0,1fr) auto; min-width: 0; padding: 10px 12px; }
.ios-content-voice-workspace .voice-version-history-list article.current { background: rgba(222,244,237,.82); border-color: rgba(49,137,110,.22); }
.ios-content-voice-workspace .voice-version-number { align-items: center; background: var(--ios-ink); border-radius: 10px; color: white; display: flex; font-size: .72rem; font-weight: 900; height: 34px; justify-content: center; min-width: 42px; }
.ios-content-voice-workspace .voice-version-history-list article.current .voice-version-number { background: var(--ios-mint); }
.ios-content-voice-workspace .voice-version-history-list strong,.ios-content-voice-workspace .voice-version-history-list small { display: block; }
.ios-content-voice-workspace .voice-version-history-list strong { color: var(--ios-ink); font-size: .78rem; }
.ios-content-voice-workspace .voice-version-history-list small { color: var(--ios-muted); font-size: .66rem; margin-top: 2px; }
.ios-content-voice-workspace .voice-version-history-list article > b { background: rgba(49,137,110,.13); border-radius: 999px; color: #26745e; font-size: .65rem; padding: 6px 9px; }
.ios-content-voice-workspace .voice-version-history-list button { min-height: 34px; padding: 7px 10px; white-space: nowrap; }
@media (max-width: 1240px) { .ios-content-voice-workspace .voice-studio-layout { grid-template-columns: 1fr; }.ios-content-voice-workspace .voice-library-panel { max-height: 330px; position: static; } }
@media (max-width: 680px) { .ios-content-section-nav { width: 100%; }.ios-content-section-nav button { flex: 1; }.ios-content-section-nav button small { display: none; }.ios-content-management-note { align-items: flex-start; }.ios-content-voice-workspace .voice-studio-hero { align-items: stretch; grid-template-columns: minmax(0,1fr); }.ios-content-voice-workspace .voice-studio-hero > .primary-button { justify-self: stretch; width: 100%; }.ios-content-voice-workspace .voice-studio-stats { grid-column: auto; }.ios-content-voice-workspace .voice-version-history { padding: 17px; }.ios-content-voice-workspace .voice-version-history-list article { align-items: start; grid-template-columns: auto minmax(0,1fr); }.ios-content-voice-workspace .voice-version-history-list article > b,.ios-content-voice-workspace .voice-version-history-list button { grid-column: 1 / -1; justify-self: stretch; text-align: center; width: 100%; } }

.physical-orders-workspace {
  --po-ink: #211b31;
  --po-soft-ink: #675f76;
  --po-line: #ded8ea;
  --po-soft-line: #ece8f3;
  --po-panel: #ffffff;
  --po-canvas: #f6f4fa;
  --po-purple: #7654c9;
  --po-purple-dark: #5d3caf;
  --po-pink: #ec2b83;
  --po-danger: #b42318;
  --po-warning: #8a5b00;
  --po-success: #14744b;
  color: var(--po-ink);
  min-width: 0;
}

.physical-orders-workspace *,
.physical-orders-workspace *::before,
.physical-orders-workspace *::after {
  box-sizing: border-box;
}

.physical-orders-workspace-content {
  min-width: 0;
}

.physical-orders-hero {
  align-items: end;
  background:
    radial-gradient(circle at 92% 16%, rgba(236, 43, 131, 0.13), transparent 31%),
    radial-gradient(circle at 60% 0%, rgba(22, 169, 224, 0.12), transparent 37%),
    linear-gradient(135deg, #ffffff, #f7f3ff);
  border: 1px solid var(--po-line);
  border-radius: 22px;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 18px;
  overflow: hidden;
  padding: 28px;
  position: relative;
}

.physical-orders-hero::before {
  background: linear-gradient(90deg, #16a9e0 0 16.66%, #1daf70 16.66% 33.32%, #f6c62f 33.32% 49.98%, #ec2b83 49.98% 66.64%, #ef4141 66.64% 83.3%, #7554c9 83.3%);
  content: "";
  height: 7px;
  inset: 0 0 auto;
  position: absolute;
}

.physical-orders-hero h1,
.physical-orders-order-head h2,
.physical-orders-section h3,
.physical-orders-confirm h2 {
  color: var(--po-ink);
  margin: 0;
}

.physical-orders-hero h1 {
  font-size: clamp(30px, 4vw, 46px);
  letter-spacing: -0.04em;
  line-height: 1.02;
  margin-top: 6px;
}

.physical-orders-hero p {
  color: var(--po-soft-ink);
  line-height: 1.55;
  margin: 10px 0 0;
  max-width: 680px;
}

.physical-orders-kicker,
.physical-orders-section > header > div > span {
  color: var(--po-pink);
  display: block;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.physical-orders-summary {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(4, minmax(84px, 1fr));
}

.physical-orders-summary > div {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--po-line);
  border-radius: 13px;
  min-width: 88px;
  padding: 13px 14px;
}

.physical-orders-summary > div.attention {
  background: #fff8dc;
  border-color: #e8ca66;
}

.physical-orders-summary > div.pending {
  background: #f5f3f8;
  border-color: #d9d3e2;
}

.physical-orders-summary strong,
.physical-orders-summary span {
  display: block;
}

.physical-orders-summary strong {
  font-size: 24px;
  letter-spacing: -0.03em;
}

.physical-orders-summary span {
  color: var(--po-soft-ink);
  font-size: 11px;
  font-weight: 750;
  margin-top: 3px;
}

.physical-orders-notice {
  align-items: start;
  background: #edf6ff;
  border: 1px solid #bddbf5;
  border-radius: 12px;
  color: #174c75;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 12px 14px;
}

.physical-orders-notice.success {
  background: #ecf9f2;
  border-color: #b5dfc9;
  color: #155f40;
}

.physical-orders-notice.error {
  background: #fff1f0;
  border-color: #f1beb9;
  color: #8e2017;
}

.physical-orders-notice button {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  padding: 0 2px;
}

.physical-orders-layout {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(300px, 0.34fr) minmax(0, 1fr);
}

.physical-orders-master,
.physical-orders-detail {
  background: var(--po-panel);
  border: 1px solid var(--po-line);
  border-radius: 18px;
  min-width: 0;
}

.physical-orders-master {
  max-height: calc(100vh - 132px);
  overflow: hidden;
  position: sticky;
  top: 18px;
}

.physical-orders-import {
  background: linear-gradient(145deg, #f4efff, #fff8ec);
  border-bottom: 1px solid var(--po-soft-line);
  display: grid;
  gap: 7px;
  padding: 16px;
}

.physical-orders-import label {
  display: grid;
  gap: 7px;
}

.physical-orders-import label > span {
  color: #4d3f65;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.physical-orders-import label > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.physical-orders-import input {
  background: #fff;
  border: 1px solid #cfc7dc;
  border-radius: 9px 0 0 9px;
  color: var(--po-ink);
  font: inherit;
  min-height: 42px;
  min-width: 0;
  outline: none;
  padding: 9px 11px;
}

.physical-orders-import input:focus {
  border-color: var(--po-purple);
  box-shadow: 0 0 0 3px rgba(118, 84, 201, 0.13);
}

.physical-orders-import button {
  background: var(--po-purple);
  border: 0;
  border-radius: 0 9px 9px 0;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  padding: 0 13px;
}

.physical-orders-import button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.physical-orders-import p {
  color: var(--po-soft-ink);
  font-size: 11px;
  line-height: 1.4;
  margin: 0;
}

.physical-orders-queue-tabs {
  background: #fff;
  border-bottom: 1px solid var(--po-soft-line);
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 12px 14px;
}

.physical-orders-queue-tabs button {
  align-items: center;
  background: #f7f5fa;
  border: 1px solid #ddd7e5;
  border-radius: 10px;
  color: #5a5265;
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 3px;
  min-width: 0;
  padding: 9px 7px;
  text-align: center;
}

.physical-orders-queue-tabs button.selected {
  background: #f0ebff;
  border-color: #ad98df;
  box-shadow: inset 0 -3px 0 var(--po-purple);
  color: var(--po-purple-dark);
}

.physical-orders-queue-tabs button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.physical-orders-queue-tabs span {
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}

.physical-orders-queue-tabs strong {
  font-size: 16px;
}

.physical-orders-queue-note {
  background: #f7f5fa;
  border-bottom: 1px solid var(--po-soft-line);
  color: #574f62;
  display: grid;
  font-size: 11px;
  gap: 3px;
  line-height: 1.45;
  padding: 11px 16px;
}

.physical-orders-queue-note.pending {
  background: #fff8e8;
  color: #704d07;
}

.physical-orders-queue-note strong {
  font-size: 12px;
}

.physical-orders-filters {
  background: #fbfaff;
  border-bottom: 1px solid var(--po-soft-line);
  display: grid;
  gap: 11px;
  padding: 16px;
}

.physical-orders-filters label,
.physical-orders-shipping-form label,
.physical-orders-note-form label,
.physical-orders-confirm label {
  display: grid;
  gap: 6px;
}

.physical-orders-filters label > span,
.physical-orders-shipping-form label > span,
.physical-orders-note-form label > span,
.physical-orders-confirm label > span {
  color: #544c62;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.physical-orders-filters input,
.physical-orders-filters select,
.physical-orders-shipping-form input,
.physical-orders-note-form textarea,
.physical-orders-confirm textarea {
  background: #fff;
  border: 1px solid #cfc7dc;
  border-radius: 9px;
  color: var(--po-ink);
  font: inherit;
  min-height: 42px;
  outline: none;
  padding: 9px 11px;
  width: 100%;
}

.physical-orders-filters input:focus,
.physical-orders-filters select:focus,
.physical-orders-shipping-form input:focus,
.physical-orders-note-form textarea:focus,
.physical-orders-confirm textarea:focus {
  border-color: var(--po-purple);
  box-shadow: 0 0 0 3px rgba(118, 84, 201, 0.13);
}

.physical-orders-search > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.physical-orders-search input {
  border-radius: 9px 0 0 9px;
}

.physical-orders-search button,
.physical-orders-list-head button,
.physical-orders-link-button {
  background: transparent;
  border: 0;
  color: var(--po-purple-dark);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  padding: 6px;
}

.physical-orders-search button {
  background: var(--po-purple);
  border-radius: 0 9px 9px 0;
  color: #fff;
  padding: 0 13px;
}

.physical-orders-check {
  align-items: center;
  display: flex !important;
  gap: 8px !important;
}

.physical-orders-check input {
  accent-color: var(--po-purple);
  min-height: 0;
  width: auto;
}

.physical-orders-check span {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.physical-orders-list-head {
  align-items: center;
  border-bottom: 1px solid var(--po-soft-line);
  display: flex;
  justify-content: space-between;
  min-height: 44px;
  padding: 8px 16px;
}

.physical-orders-list-head strong {
  font-size: 13px;
}

.physical-orders-list {
  max-height: calc(100vh - 470px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
}

.physical-orders-list-item {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--po-ink);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 5px;
  margin: 0 0 4px;
  padding: 13px;
  position: relative;
  text-align: left;
  width: 100%;
}

.physical-orders-list-item:hover {
  background: #f8f5ff;
  border-color: #e1d8f4;
}

.physical-orders-list-item.selected {
  background: #f2edff;
  border-color: #bca9e7;
  box-shadow: inset 3px 0 0 var(--po-purple);
}

.physical-orders-list-item:disabled {
  cursor: wait;
  opacity: 0.7;
}

.physical-orders-list-item > b {
  font-size: 14px;
  line-height: 1.3;
}

.physical-orders-list-item > span:not(.physical-orders-list-top),
.physical-orders-list-item > small {
  color: var(--po-soft-ink);
  font-size: 12px;
  line-height: 1.35;
}

.physical-orders-list-item > em {
  color: var(--po-warning);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  margin-top: 2px;
}

.physical-orders-list-item > em.audit-only {
  color: #6a6275;
}

.physical-orders-list-top {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.physical-orders-list-top > strong {
  font-size: 12px;
  letter-spacing: 0.025em;
}

.physical-orders-status,
.physical-orders-attention-pill {
  align-items: center;
  background: #eeebf3;
  border: 1px solid #d8d2df;
  border-radius: 999px;
  color: #5b5563;
  display: inline-flex;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.1;
  min-height: 23px;
  padding: 4px 8px;
  white-space: nowrap;
}

.physical-orders-status.info { background: #eaf5ff; border-color: #b8d9f2; color: #175a85; }
.physical-orders-status.success { background: #eaf8f0; border-color: #b8dec8; color: #176141; }
.physical-orders-status.warning { background: #fff7dc; border-color: #ead382; color: #765000; }
.physical-orders-status.danger { background: #fff0ef; border-color: #efc0bb; color: #94291f; }
.physical-orders-status.purple { background: #f1ecff; border-color: #cbbbee; color: #5936a1; }

.physical-orders-detail {
  overflow: hidden;
}

.physical-orders-detail-content {
  display: grid;
  gap: 14px;
  padding: 16px;
  transition: opacity 140ms ease;
}

.physical-orders-detail-content.refreshing {
  opacity: 0.68;
  pointer-events: none;
}

.physical-orders-order-head {
  align-items: start;
  background: linear-gradient(145deg, #211b31, #34234f);
  border-radius: 14px;
  color: #fff;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 20px;
}

.physical-orders-order-head > div:first-child > span {
  color: #d9cffa;
  font-size: 12px;
  font-weight: 800;
}

.physical-orders-order-head h2 {
  color: #fff;
  font-size: clamp(22px, 3vw, 31px);
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin-top: 5px;
}

.physical-orders-order-head p {
  color: #ddd6e8;
  margin: 7px 0 0;
}

.physical-orders-order-head > div:last-child {
  align-items: end;
  display: grid;
  gap: 8px;
  justify-items: end;
}

.physical-orders-attention-pill {
  background: #fff4c4;
  border-color: #f1d252;
  color: #644500;
}

.physical-orders-audit-banner {
  background: #f5f3f8;
  border: 1px solid #d8d2df;
  border-radius: 12px;
  color: #514a5c;
  padding: 13px 15px;
}

.physical-orders-audit-banner.pending {
  background: #fff8e8;
  border-color: #e8cb7a;
  color: #684707;
}

.physical-orders-audit-banner strong {
  display: block;
  font-size: 14px;
}

.physical-orders-audit-banner p {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0;
}

.physical-orders-section {
  background: #fff;
  border: 1px solid var(--po-soft-line);
  border-radius: 14px;
  min-width: 0;
  padding: 18px;
}

.physical-orders-section > header {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 15px;
}

.physical-orders-section h3 {
  font-size: 17px;
  letter-spacing: -0.015em;
  line-height: 1.2;
  margin-top: 2px;
}

.physical-orders-section-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.physical-orders-fields {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.physical-orders-fields.one-column {
  grid-template-columns: 1fr;
}

.physical-orders-field {
  border-bottom: 1px solid var(--po-soft-line);
  min-width: 0;
  padding: 10px 12px 10px 0;
}

.physical-orders-field dt {
  color: var(--po-soft-ink);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.055em;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.physical-orders-field dd {
  color: var(--po-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  overflow-wrap: anywhere;
}

.physical-orders-field dd.mono,
.physical-orders-file code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
}

.physical-orders-field a {
  color: var(--po-purple-dark);
}

.physical-orders-table-wrap {
  border: 1px solid var(--po-line);
  border-radius: 10px;
  margin-top: 16px;
  overflow-x: auto;
}

.physical-orders-table-wrap table {
  border-collapse: collapse;
  font-size: 13px;
  min-width: 480px;
  width: 100%;
}

.physical-orders-table-wrap th,
.physical-orders-table-wrap td {
  border-bottom: 1px solid var(--po-soft-line);
  padding: 10px 12px;
  text-align: left;
}

.physical-orders-table-wrap th {
  background: #f7f5fa;
  color: var(--po-soft-ink);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.physical-orders-table-wrap tr:last-child td {
  border-bottom: 0;
}

.physical-orders-integrity {
  background: #ecf8f1;
  border: 1px solid #b9dfc9;
  border-radius: 9px;
  color: #176141;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  margin: 14px 0 0;
  padding: 10px 12px;
}

.physical-orders-integrity.error {
  background: #fff0ef;
  border-color: #efc0bb;
  color: #94291f;
}

.physical-orders-muted,
.physical-orders-safe-copy {
  color: var(--po-soft-ink);
  font-size: 12px;
  line-height: 1.5;
  margin: 12px 0 0;
}

.physical-orders-shipping-guidance {
  margin: 0 0 13px;
}

.physical-orders-section address {
  display: grid;
  font-size: 13px;
  font-style: normal;
  font-weight: 650;
  gap: 4px;
  line-height: 1.45;
}

.physical-orders-shipping-form {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(140px, 0.7fr) minmax(180px, 1fr);
}

.physical-orders-shipping-form .wide {
  grid-column: 1 / -1;
}

.physical-orders-shipping-form input:disabled {
  background: #f2f0f5;
  color: #81798d;
  cursor: not-allowed;
}

.physical-orders-button {
  align-items: center;
  background: var(--po-purple);
  border: 1px solid var(--po-purple);
  border-radius: 9px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  justify-content: center;
  line-height: 1.2;
  min-height: 40px;
  padding: 9px 14px;
  text-align: center;
}

.physical-orders-button:hover:not(:disabled) {
  background: var(--po-purple-dark);
  border-color: var(--po-purple-dark);
}

.physical-orders-button.secondary {
  background: #fff;
  border-color: #cfc6df;
  color: #4f386f;
}

.physical-orders-button.secondary:hover:not(:disabled) {
  background: #f6f1ff;
  border-color: #a992d7;
}

.physical-orders-button:disabled,
.physical-orders-search button:disabled,
.physical-orders-list-head button:disabled,
.physical-orders-link-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.physical-orders-status-actions,
.physical-orders-production-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 16px;
}

.physical-orders-notify-grid,
.physical-orders-production-intro {
  display: grid;
  gap: 11px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.physical-orders-email-disabled {
  background: #fff8e8;
  border: 1px solid #e8cb7a;
  border-radius: 10px;
  color: #684707;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 12px;
  padding: 10px 12px;
}

.physical-orders-notify-grid article,
.physical-orders-production-intro > div {
  background: #faf9fc;
  border: 1px solid var(--po-soft-line);
  border-radius: 11px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 13px;
}

.physical-orders-notify-grid strong,
.physical-orders-production-intro strong {
  font-size: 13px;
}

.physical-orders-notify-grid p,
.physical-orders-production-intro p {
  color: var(--po-soft-ink);
  font-size: 12px;
  line-height: 1.45;
  margin: 6px 0 12px;
}

.physical-orders-notify-grid button {
  margin-top: auto;
}

.physical-orders-production-intro {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.physical-orders-production-intro p {
  margin-bottom: 0;
}

.physical-orders-production-actions .physical-orders-button {
  flex: 1 1 260px;
  min-height: 48px;
}

.physical-orders-export-progress {
  align-items: center;
  background: #f1edfb;
  border: 1px solid #cfc0ed;
  border-radius: 11px;
  display: flex;
  gap: 13px;
  margin-top: 14px;
  padding: 13px;
}

.physical-orders-export-progress strong {
  font-size: 13px;
}

.physical-orders-export-progress p {
  color: var(--po-soft-ink);
  font-size: 11px;
  margin: 3px 0 0;
}

.physical-orders-spinner {
  animation: physical-orders-spin 0.8s linear infinite;
  border: 3px solid rgba(118, 84, 201, 0.2);
  border-radius: 50%;
  border-top-color: var(--po-purple);
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}

@keyframes physical-orders-spin {
  to { transform: rotate(360deg); }
}

.physical-orders-files {
  border-top: 1px solid var(--po-soft-line);
  margin-top: 16px;
  padding-top: 14px;
}

.physical-orders-files h4 {
  font-size: 13px;
  margin: 0 0 7px;
}

.physical-orders-file {
  align-items: center;
  border-bottom: 1px solid var(--po-soft-line);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 10px 0;
}

.physical-orders-file:last-child {
  border-bottom: 0;
}

.physical-orders-file > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.physical-orders-file strong {
  font-size: 13px;
}

.physical-orders-file span,
.physical-orders-file small {
  color: var(--po-soft-ink);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.physical-orders-note-form {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.physical-orders-note-form textarea,
.physical-orders-confirm textarea {
  min-height: 82px;
  resize: vertical;
}

.physical-orders-timeline {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}

.physical-orders-timeline li {
  display: grid;
  gap: 12px;
  grid-template-columns: 14px minmax(0, 1fr);
  padding: 0 0 16px;
  position: relative;
}

.physical-orders-timeline li::before {
  background: #ded7e8;
  content: "";
  inset: 13px auto -2px 6px;
  position: absolute;
  width: 2px;
}

.physical-orders-timeline li:last-child::before {
  display: none;
}

.physical-orders-timeline-dot {
  background: var(--po-purple);
  border: 3px solid #efe9fb;
  border-radius: 50%;
  height: 13px;
  margin-top: 3px;
  width: 13px;
  z-index: 1;
}

.physical-orders-timeline li.note .physical-orders-timeline-dot { background: #e6a800; border-color: #fff3c7; }
.physical-orders-timeline li.contact .physical-orders-timeline-dot { background: #15945f; border-color: #d8f3e6; }

.physical-orders-timeline header {
  align-items: start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.physical-orders-timeline strong {
  font-size: 13px;
  text-transform: capitalize;
}

.physical-orders-timeline time,
.physical-orders-timeline small {
  color: var(--po-soft-ink);
  font-size: 10px;
}

.physical-orders-timeline p {
  color: #4e475a;
  font-size: 12px;
  line-height: 1.5;
  margin: 5px 0;
  white-space: pre-wrap;
}

.physical-orders-state,
.physical-orders-empty-detail {
  color: var(--po-soft-ink);
  font-size: 13px;
  line-height: 1.5;
  padding: 24px 18px;
  text-align: center;
}

.physical-orders-state.error {
  color: var(--po-danger);
}

.physical-orders-empty-detail {
  min-height: 320px;
  place-content: center;
}

.physical-orders-empty-detail strong {
  color: var(--po-ink);
  display: block;
  font-size: 18px;
}

.physical-orders-empty-detail p {
  margin: 6px 0 0;
}

.physical-orders-confirm-backdrop {
  align-items: center;
  background: rgba(20, 15, 30, 0.64);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 20px;
  position: fixed;
  z-index: 1000;
}

.physical-orders-confirm {
  background: #fff;
  border: 1px solid var(--po-line);
  border-radius: 17px;
  box-shadow: 0 24px 80px rgba(20, 15, 30, 0.3);
  max-width: 520px;
  padding: 23px;
  width: 100%;
}

.physical-orders-confirm h2 {
  font-size: 22px;
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin-top: 6px;
}

.physical-orders-confirm > p {
  color: var(--po-soft-ink);
  font-size: 14px;
  line-height: 1.55;
  margin: 10px 0 16px;
}

.physical-orders-confirm > div:last-child {
  display: flex;
  gap: 9px;
  justify-content: flex-end;
  margin-top: 18px;
}

.physical-orders-square-fulfillment-fields {
  margin: 14px 0;
}

.physical-orders-email-preview {
  background: #f7f4fc;
  border: 1px solid #ddd4ee;
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 14px;
}

.physical-orders-email-preview-heading {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.physical-orders-email-preview-heading strong,
.physical-orders-email-preview-heading span {
  display: block;
}

.physical-orders-email-preview-heading span,
.physical-orders-email-preview > p,
.physical-orders-email-preview summary {
  color: var(--po-soft-ink);
  font-size: 13px;
  line-height: 1.45;
}

.physical-orders-email-preview-frame {
  background: #fff;
  border: 1px solid var(--po-line);
  border-radius: 8px;
  height: 620px;
  margin-top: 10px;
  pointer-events: none;
  width: 100%;
}

.physical-orders-email-preview details {
  margin-top: 10px;
}

.physical-orders-email-preview summary {
  cursor: pointer;
  font-weight: 700;
}

.physical-orders-email-preview pre {
  background: #fff;
  border: 1px solid var(--po-line);
  border-radius: 8px;
  color: var(--po-ink);
  font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  max-height: 360px;
  overflow: auto;
  padding: 12px;
  white-space: pre-wrap;
}

@media (max-width: 1180px) {
  .physical-orders-hero {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .physical-orders-summary {
    max-width: none;
  }

  .physical-orders-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .physical-orders-layout {
    grid-template-columns: 1fr;
  }

  .physical-orders-master {
    max-height: none;
    position: static;
  }

  .physical-orders-list {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 420px;
  }

  .physical-orders-section-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .physical-orders-hero {
    border-radius: 15px;
    padding: 24px 17px 18px;
  }

  .physical-orders-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .physical-orders-layout {
    gap: 12px;
  }

  .physical-orders-master,
  .physical-orders-detail {
    border-radius: 14px;
  }

  .physical-orders-list {
    grid-template-columns: 1fr;
    max-height: 360px;
  }

  .physical-orders-detail-content {
    gap: 10px;
    padding: 10px;
  }

  .physical-orders-order-head {
    display: grid;
    padding: 16px;
  }

  .physical-orders-order-head > div:last-child {
    align-items: start;
    justify-items: start;
  }

  .physical-orders-section {
    border-radius: 11px;
    padding: 14px;
  }

  .physical-orders-fields,
  .physical-orders-shipping-form,
  .physical-orders-notify-grid,
  .physical-orders-production-intro,
  .physical-orders-note-form {
    grid-template-columns: 1fr;
  }

  .physical-orders-shipping-form .wide {
    grid-column: auto;
  }

  .physical-orders-status-actions,
  .physical-orders-production-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .physical-orders-production-actions .physical-orders-button {
    min-width: 0;
    width: 100%;
  }

  .physical-orders-file {
    align-items: stretch;
    display: grid;
  }

  .physical-orders-timeline header {
    display: grid;
  }

  .physical-orders-confirm {
    max-height: calc(100vh - 32px);
    overflow-y: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .physical-orders-spinner {
    animation-duration: 1.8s;
  }
}

body.maker-private-mode{margin:0;background:#faf8f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#2d2730;min-width:320px}.maker-private-mode *{box-sizing:border-box}.studio-app{--wine:#743952;--ink:#2d2730;--muted:#8a7e84;--line:#e6e0df;--surface:#faf8f5;font-family:inherit;font-size:14px;min-height:100dvh}.studio-app h1,.studio-app h2,.studio-app h3,.studio-app p{margin:0}.studio-app h1,.studio-app h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1px}.studio-app button,.studio-app input,.studio-app select,.studio-app textarea{font-family:inherit;font-size:inherit}.studio-app button{cursor:pointer}.studio-app button:disabled{cursor:default;opacity:.42}.studio-app :focus-visible{outline:2px solid #a36283;outline-offset:3px}.studio-app button{transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.studio-private-banner{height:29px;background:#743952;color:#fff0f5;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;letter-spacing:.2px}.studio-private-banner span{display:flex;gap:8px;align-items:center}.studio-private-banner i{font-style:normal;opacity:.5}.studio-private-banner>button{position:absolute;right:16px;border:0;background:none;color:#eedde4;font-size:10px;text-decoration:underline}.studio-board,.studio-card-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.studio-board canvas,.studio-card-art canvas{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}.studio-render-error{font-size:11px;color:#a94052;position:absolute;background:#fff8;inset:auto 0 0;padding:8px}.studio-button{border:1px solid #dfd5da;background:#fff;color:#743952;padding:11px 15px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;font-size:12px;font-weight:600;white-space:nowrap}.studio-button:hover:not(:disabled){background:#f3ebef;border-color:#b697a5}.studio-button-primary{background:#743952;border-color:#743952;color:#fff}.studio-button-primary:hover:not(:disabled){background:#60283f;color:#fff}.studio-icon-button{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2dade;border-radius:8px;background:white;color:#743952}.studio-icon-button:hover{background:#f3ebef}.studio-eyebrow{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#937782;font-weight:650}.studio-field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#51434c}.studio-field input,.studio-field select,.studio-field textarea{padding:12px;border:1px solid #dfd6db;background:#fff;border-radius:8px;min-height:42px;color:#2d2730}.studio-note{font-size:12px;line-height:1.65;color:#8a7e84}.studio-error{font-size:12px;color:#a32e4b;line-height:1.6}.studio-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#482a38;color:#fff;border-radius:10px;box-shadow:0 8px 30px #40223330;padding:14px 22px;font-size:13px;max-width:calc(100vw - 30px);z-index:1000}.studio-dialog{position:fixed;border:1px solid #e3d7de;border-radius:16px;background:#faf8f5;color:#2d2730;width:min(1100px,calc(100vw - 40px));max-height:calc(100dvh - 50px);padding:26px;margin:auto;box-shadow:0 20px 100px #24141e35}.studio-dialog::backdrop{background:#23151d75;backdrop-filter:blur(5px)}.studio-dialog-header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:23px}.studio-dialog h2{font-size:30px;margin-top:8px}.studio-legacy-drawer .studio-panel{margin:0}.studio-legacy-drawer .builder-studio-layout{grid-template-columns:240px minmax(0,1fr) 240px!important}.studio-legacy-drawer .studio-main,.studio-legacy-drawer .studio-sidebar{height:auto;position:static;padding:15px;display:block}.studio-legacy-drawer .board-style-controls{max-width:700px;margin:auto}.studio-stage-heading h1{font-size:43px;color:#743952;margin:10px 0}.studio-stage-heading p{color:#8a7e84;font-size:13px;line-height:1.65}.studio-mix{padding:32px;height:100%;display:flex;flex-direction:column;gap:28px;overflow:auto}.studio-mix-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;flex:1;min-height:450px}.studio-mix-controls{display:flex;flex-direction:column;gap:21px;padding-top:5px}.studio-mix-controls input{width:100%;font-size:28px}.studio-mix-facts{display:grid;gap:11px;font-size:12px;color:#8a7e84}.studio-mix-facts span{display:flex;align-items:center;gap:8px}.studio-mix-help{font-size:12px;color:#8a7e84;line-height:1.65}.studio-mix-help summary{cursor:pointer;color:#743952}.studio-mix-help p{margin-top:10px}.studio-mix-stage{background:#e9e9e5;border:1px solid #e1dfd9;border-radius:12px;display:flex;flex-direction:column;min-width:0;min-height:470px;overflow:hidden}.studio-mix-toolbar{height:47px;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid #dbd9d3;font-size:12px;color:#756b6e}.studio-mix-toolbar>div{display:flex;gap:6px}.studio-mix-paper{flex:1;display:flex;align-items:center;justify-content:center;padding:25px;min-height:0}.studio-mix-paper .studio-board{width:min(320px,100%);filter:drop-shadow(0 7px 12px #33252c20)}.studio-board-strip{display:flex;gap:7px;overflow-x:auto;padding:13px 16px;background:#faf8f570;border-top:1px solid #dad7d1}.studio-board-strip button{width:35px;height:43px;flex-shrink:0;border:1px solid #ddd3d5;background:#fff;border-radius:5px;font-size:12px;color:#74636e}.studio-board-strip button[aria-pressed=true]{background:#743952;color:white;border-color:#743952}.studio-mix-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:35px;text-align:center;color:#907680}.studio-mix-empty h2{font-size:30px;color:#743952}.studio-mix-empty p{font-size:13px}.studio-card-stage-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 28px 12px}.studio-card-stage-top h1{font-size:35px;color:#743952;margin:8px 0}.studio-app .preview-existing-cards{background:transparent;overflow:auto;height:100%;padding:0 20px 25px}.preview-existing-cards .studio-panel{border-radius:12px;background:#fff;border:1px solid #e7dfe0;box-shadow:none}.preview-existing-cards .studio-panel-header{padding:15px 18px;border-radius:0}.preview-existing-cards .studio-panel-header h2{font:22px Georgia;color:#743952}.preview-existing-cards .studio-panel-header .eyebrow,.preview-existing-cards .studio-panel-header .soft-copy{display:none}.preview-existing-cards .studio-panel-header .success-badge{font-size:11px;background:#e8edda;color:#69724e;border:0}.studio-app .preview-existing-cards .builder-studio-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 235px!important;gap:0;min-height:0}.studio-app .preview-existing-cards .studio-main{display:block;height:auto;overflow:visible;min-width:0;padding:18px;grid-column:1;grid-row:1;border:0}.studio-app .preview-existing-cards .studio-guidance{grid-column:2;grid-row:1;height:auto;display:block;position:static;padding:17px;background:#faf9f7;border-left:1px solid #eee6e8;min-width:0}.studio-app .preview-existing-cards:not(.is-advanced) .studio-settings{display:none}.studio-app .preview-existing-cards.is-advanced .studio-settings{display:block;grid-column:1/-1;grid-row:1;padding:18px;height:auto;background:#fbf8f9}.studio-app .preview-existing-cards.is-advanced .studio-main,.studio-app .preview-existing-cards.is-advanced .studio-guidance{grid-row:2}.preview-existing-cards .studio-control-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-app .preview-existing-cards .card-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:12px!important}.studio-app .preview-existing-cards .card-editor{background:white!important;border:1px solid #e8dfe2!important;box-shadow:none!important;border-radius:9px!important;padding:9px!important}.preview-existing-cards .card-editor.selected{border-color:#9c6a81!important;background:#fcf8fa!important}.preview-existing-cards .card-name-field input{font-size:12px;min-height:32px;padding:5px 7px;border-radius:5px}.preview-existing-cards .card-name-field>span{font-size:10px}.preview-existing-cards .card-quick-actions button{font-size:11px;min-height:28px;border-radius:5px}.preview-existing-cards .lazy-card-preview{aspect-ratio:5/7;max-height:230px}.preview-existing-cards .deck-management-bar{flex-wrap:wrap;gap:8px}.preview-existing-cards .deck-filter-chips button{padding:7px 9px;font-size:11px;border-radius:7px}.preview-existing-cards .studio-action-card{padding:13px;border-radius:9px;box-shadow:none;background:#fff;border-color:#e8dee3}.preview-existing-cards .studio-action-card strong{font-size:12px}.preview-existing-cards .studio-action-card p{font-size:11px;line-height:1.6}.preview-existing-cards .studio-stat-grid span{font-size:25px}.preview-existing-cards .primary-button{background:#743952;border-color:#743952;color:white;border-radius:8px;font-size:12px;min-height:40px;padding:10px 13px}.preview-existing-cards .secondary-button{background:#fff;border-color:#decfd7;color:#743952;border-radius:8px;font-size:12px;min-height:38px}.preview-existing-cards .ai-guidance-preview{max-height:100px;overflow:hidden}.preview-existing-cards .ai-mini-card{max-height:88px}.preview-existing-cards .ai-settings-card{background:#faf6f8;border:1px solid #e7d9e0}.preview-existing-cards .studio-action-row{position:static}.preview-existing-cards .hidden-input{display:none!important}
@media(max-width:1100px){.studio-mix{padding:22px}.studio-mix-layout{grid-template-columns:200px minmax(0,1fr)}.studio-app .preview-existing-cards .builder-studio-layout{grid-template-columns:minmax(0,1fr)!important}.studio-app .preview-existing-cards .studio-guidance{grid-column:1;grid-row:2;border-left:0;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:15px}.preview-existing-cards .studio-guidance>.studio-action-card{flex:1;min-width:180px}.studio-app .preview-existing-cards.is-advanced .studio-guidance{grid-row:3}.studio-legacy-drawer .builder-studio-layout{grid-template-columns:1fr!important}}
@media(max-width:700px){.studio-private-banner{justify-content:flex-start;padding-left:12px;font-size:9px}.studio-private-banner span i,.studio-private-banner span i+*{display:none}.studio-private-banner>button{right:9px;font-size:9px}.studio-private-banner span{max-width:calc(100vw - 90px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-mix{padding:18px;gap:20px}.studio-stage-heading h1{font-size:32px}.studio-mix-layout{grid-template-columns:1fr}.studio-mix-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-mix-controls .studio-field,.studio-mix-controls .studio-mix-facts{grid-column:auto}.studio-mix-controls>.studio-mix-help,.studio-mix-controls>.studio-error,.studio-mix-controls>.studio-note{grid-column:1/-1}.studio-mix-stage{min-height:460px}.studio-card-stage-top{padding:18px 4px 16px;align-items:start;flex-direction:column}.studio-card-stage-top h1{font-size:28px}.studio-app .preview-existing-cards{padding:0 13px 22px}.studio-app .preview-existing-cards .studio-main{padding:11px}.studio-app .preview-existing-cards .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.preview-existing-cards .studio-control-stack{grid-template-columns:1fr}.studio-dialog{padding:17px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.studio-dialog h2{font-size:26px}.studio-mix-paper .studio-board{width:min(280px,100%)}}
@media(prefers-reduced-motion:reduce){.studio-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.studio-card-stage-actions{display:flex;gap:9px;flex-wrap:wrap}.studio-render-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#846b78;background:#faf8f5de;min-height:90px;border-radius:5px}.studio-app .studio-button:active:not(:disabled){transform:translateY(1px)}

/* Photo input and progress are always visible; style and AI remain optional. */
.studio-app .preview-existing-cards:not(.is-advanced) .studio-settings{display:block;grid-column:1/-1;grid-row:1;padding:14px 18px;height:auto;background:#fff;border-bottom:1px solid #eee6e8}
.studio-app .preview-existing-cards:not(.is-advanced) .studio-main,.studio-app .preview-existing-cards:not(.is-advanced) .studio-guidance{grid-row:2}
.preview-existing-cards:not(.is-advanced) .cards-sidebar>.label-style-panel,.preview-existing-cards:not(.is-advanced) .cards-sidebar>.ai-settings-card{display:none}
.preview-existing-cards:not(.is-advanced) .drop-zone{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:8px;text-align:left;background:#faf8f5;border:1px dashed #d4c4cd}
.preview-existing-cards:not(.is-advanced) .drop-zone .drop-art,.preview-existing-cards:not(.is-advanced) .drop-zone .inline-actions{display:none}
.preview-existing-cards:not(.is-advanced) .drop-zone h3{font-size:12px;flex-shrink:0;margin:0}
.preview-existing-cards:not(.is-advanced) .drop-zone p{font-size:11px;margin:0;color:#8a7e84}
.preview-existing-cards .upload-progress-card{margin-top:12px}
.studio-app .preview-existing-cards .card-grid.list-mode{grid-template-columns:1fr!important}
@media(max-width:1100px){.studio-app .preview-existing-cards:not(.is-advanced) .studio-guidance{grid-row:3}}
@media(max-width:700px){.preview-existing-cards:not(.is-advanced) .drop-zone{flex-direction:column;align-items:flex-start;gap:5px}.studio-app .preview-existing-cards:not(.is-advanced) .studio-settings{padding:12px}}

/* Match the retained card tools to the private studio palette. */
.studio-app .preview-existing-cards{background:#faf8f5!important;background-image:none!important;--gallery-ink:#2d2730;--gallery-muted:#8a7e84;--gallery-white:#fff;--card-accent:#743952;--loteria-blue:#743952;--loteria-magenta:#743952;--loteria-purple:#743952;--loteria-yellow:#c4b58d;--loteria-green:#7e8866}
.studio-app .preview-existing-cards::before,.studio-app .preview-existing-cards::after{display:none!important}
.studio-app .preview-existing-cards .studio-panel,.studio-app .preview-existing-cards .studio-panel-header,.studio-app .preview-existing-cards .studio-action-card,.studio-app .preview-existing-cards .upload-progress-card,.studio-app .preview-existing-cards .label-style-panel,.studio-app .preview-existing-cards .deck-management-bar{background:#fff!important;border-color:#e7dfe0!important;box-shadow:none!important}
.studio-app .preview-existing-cards .studio-action-card::before,.studio-app .preview-existing-cards .upload-progress-card::before,.studio-app .preview-existing-cards .label-style-panel::before{display:none!important}
.studio-app .preview-existing-cards .drop-zone{background:#faf8f5!important;border-color:#d4c4cd!important;color:#51434b;text-align:left!important}
.studio-app .preview-existing-cards .card-editor{background:#fff!important;border:1px solid #e8dfe2!important;border-radius:9px!important;box-shadow:none!important;--card-accent:#743952!important}
.studio-app .preview-existing-cards .card-editor.selected{border-color:#9c6a81!important;box-shadow:0 0 0 1px #e6d4df!important}
.studio-app .preview-existing-cards .studio-stat-grid span{color:#743952!important}
.studio-app .preview-existing-cards .upload-progress-track i{background:#81906a!important}
.studio-app .preview-existing-cards .deck-filter-chips button.active{background:#743952!important;border-color:#743952!important}
.studio-app .preview-existing-cards .primary-button{background:#743952!important;border-color:#743952!important;color:#fff!important}
.studio-app .preview-existing-cards .secondary-button{background:#fff!important;border-color:#decfd7!important;color:#743952!important}
.studio-app .preview-existing-cards .card-preview-canvas{border-width:0!important;border-radius:5px!important;box-shadow:none!important;max-width:100%;width:100%!important}
.studio-content>*{animation:studio-stage-enter .22s ease both}
@keyframes studio-stage-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.studio-private-banner>.studio-icon{flex:none}.studio-private-banner>span{display:block;max-width:calc(100vw - 116px)}.studio-private-banner .studio-private-detail,.studio-private-banner i{display:none!important}}
@media(prefers-reduced-motion:reduce){.studio-content>*{animation:none!important}}
/* Fixture experience controls never appear in the connected owner studio. */
.studio-demo-mode {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid #dce3ec;background:#fff;color:#526279;font-size:12px;}
.studio-demo-mode > span {font-weight:700;margin-right:4px;}
.studio-demo-mode button {min-height:36px;border:1px solid #dce3ec;border-radius:9px;background:#fff;padding:7px 12px;color:#40536b;font:inherit;cursor:pointer;}
.studio-demo-mode button[aria-pressed=true] {background:#344a61;border-color:#344a61;color:#fff;}
.studio-demo-mode small {margin-left:auto;color:#718099;font-size:11px;}
.studio-demo-only {font-size:10px;opacity:.8;margin-left:8px;}
@media(max-width:760px){.studio-demo-mode{padding:10px 16px;}.studio-demo-mode button{min-height:40px;}.studio-demo-mode small{margin-left:0;}}

.studio-library{--lib-ink:#2d2730;--lib-muted:#8a7e84;--lib-wine:#743952;--lib-border:#e7e1dc;color:var(--lib-ink);width:min(1260px,100%);margin:0 auto;padding:52px 44px 28px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.studio-library *{box-sizing:border-box}
.studio-library button,.studio-library input{font:inherit}
.studio-library button{cursor:pointer}
.studio-library button:focus-visible,.studio-library input:focus-visible{outline:2px solid var(--lib-wine);outline-offset:4px}
.studio-library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}
.studio-library-eyebrow{font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-wine);margin:0 0 10px}
.studio-library-heading h1{font-family:"Instrument Serif",Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(38px,4vw,52px);line-height:1.06;letter-spacing:-.035em;margin:0 0 11px}
.studio-library-intro{font-size:14px;line-height:1.5;color:var(--lib-muted);margin:0}
.studio-library-new{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--lib-wine);color:#fff;border:1px solid var(--lib-wine);padding:12px 17px;border-radius:10px;font-size:13px;font-weight:550;min-height:44px;white-space:nowrap;box-shadow:0 3px 8px #74395212;transition:background .16s,transform .16s}
.studio-library-new:hover{background:#623047;transform:translateY(-1px)}
.studio-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--lib-border)}
.studio-library-filters{display:flex;gap:4px;flex-wrap:wrap}
.studio-library-filters button{display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:var(--lib-muted);padding:9px 12px;min-height:38px;font-size:12px;white-space:nowrap;transition:background .15s,color .15s}
.studio-library-filters button:hover{color:var(--lib-ink);background:#f0ece8}
.studio-library-filters button.is-active{background:#ede4e7;color:var(--lib-wine);font-weight:600}
.studio-library-filters button span{font-size:10px;background:#ffffff70;border-radius:5px;padding:2px 5px;min-width:18px;text-align:center;font-variant-numeric:tabular-nums}
.studio-library-toolbar-end{display:flex;align-items:center;gap:10px}
.studio-library-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--lib-border);border-radius:9px;min-height:39px;padding:0 11px;color:var(--lib-muted)}
.studio-library-search input{width:180px;min-width:0;border:0;background:transparent;padding:9px 0;color:var(--lib-ink);font-size:12px;outline:none}
.studio-library-search:focus-within{border-color:#ad8295;box-shadow:0 0 0 2px #7439520c}
.studio-library-search input::placeholder{color:var(--lib-muted)}
.studio-library-view-switch{display:flex;padding:3px;border:1px solid var(--lib-border);border-radius:9px;background:#fff}
.studio-library-view-switch button{display:grid;place-items:center;min-width:33px;height:31px;border:0;border-radius:6px;color:var(--lib-muted);background:transparent}
.studio-library-view-switch button.is-active{color:var(--lib-wine);background:#f0e9ec}
.studio-library-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 18px}
.studio-library-section-heading p{margin:0;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550}
.studio-library-section-heading p>span{font-size:10px;min-width:19px;padding:3px 5px;border:1px solid var(--lib-border);border-radius:5px;color:var(--lib-muted);text-align:center}
.studio-library-help-toggle{display:flex;align-items:center;gap:6px;color:var(--lib-muted);background:transparent;border:0;padding:6px 0;font-size:11px;white-space:nowrap}
.studio-library-help-toggle:hover{color:var(--lib-wine)}
.studio-library-help{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dde2ce;border-radius:10px;background:#f1f3e9;color:#667149;margin:0 0 18px}
.studio-library-help>svg{flex-shrink:0}
.studio-library-help p{flex:1;margin:0;font-size:12px;line-height:1.6}
.studio-library-help button{display:grid;place-items:center;padding:7px;border:0;background:transparent;color:inherit;border-radius:6px}
.studio-library-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.studio-library-project{min-width:0;background:#fff;border:1px solid var(--lib-border);border-radius:13px;transition:box-shadow .2s,border-color .2s,transform .2s;animation:studio-library-appear .35s ease both;animation-delay:calc(var(--library-index,0)*40ms)}
.studio-library-project:hover{border-color:#cfbbc3;box-shadow:0 7px 22px #49313d08;transform:translateY(-2px)}
.studio-library-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.42;padding:19px;border:0;border-bottom:1px solid var(--lib-border);border-radius:12px 12px 0 0;background:radial-gradient(ellipse at 20% 0%,#f5f3f0,transparent 70%),#eeeae5;overflow:hidden}
.studio-library-project:nth-child(3n+2) .studio-library-cover{background:radial-gradient(ellipse at 80% 0%,#eef0e5,transparent 70%),#e6e9df}
.studio-library-project:nth-child(3n+3) .studio-library-cover{background:radial-gradient(ellipse at 20% 0%,#f2e8e5,transparent 70%),#ede3df}
.studio-library-cover .studio-library-board{width:auto;max-width:100%;height:100%;max-height:100%;aspect-ratio:5/7;flex:0 1 auto;box-shadow:0 3px 9px #4c3f3822;border:1px solid #ffffffb0;background:#fff;overflow:hidden}
.studio-library-board canvas{display:block;width:100%;height:100%;object-fit:contain}
.studio-library-cover-open{position:absolute;display:grid;place-items:center;right:13px;bottom:13px;width:30px;height:30px;background:#ffffffd9;color:var(--lib-wine);border:1px solid #ffffff;border-radius:50%;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}
.studio-library-cover:hover .studio-library-cover-open,.studio-library-cover:focus-visible .studio-library-cover-open{opacity:1;transform:none}
.studio-library-card-stack{position:relative;width:65%;height:100%;max-width:190px;display:grid;place-items:center}
.studio-library-cover-card{position:absolute;width:auto;max-width:75%;height:88%;aspect-ratio:5/7;background:white;box-shadow:0 3px 9px #4c3f3825;border:2px solid white;border-radius:2px;overflow:hidden}
.studio-library-cover-card:nth-child(1){transform:translateX(-21%) rotate(-10deg);z-index:1}
.studio-library-cover-card:nth-child(2){transform:translateX(22%) rotate(10deg);z-index:2}
.studio-library-cover-card:last-child{transform:rotate(-1deg);z-index:3}
.studio-library-cover-card canvas{display:block;width:100%;height:100%;object-fit:contain}
.studio-library-blank-cover{display:grid;place-items:center;width:100%;height:100%}
.studio-library-blank-paper{width:44%;height:95%;max-width:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px solid #e4dcd1;background:#faf5eb;box-shadow:0 3px 9px #4c3f3810;color:#b49c8d;transform:rotate(-3deg)}
.studio-library-blank-paper>span{font-family:Georgia,serif;letter-spacing:.1em;font-size:9px;color:#a18680}
.studio-library-project-info{padding:16px 17px 17px;min-width:0}
.studio-library-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.studio-library-title-row h2{min-width:0;margin:0;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.015em}
.studio-library-title-row h2 button{display:block;max-width:100%;padding:0;text-align:left;border:0;background:transparent;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-library-title-row h2 button:hover{color:var(--lib-wine)}
.studio-library-project-menu{position:relative;flex-shrink:0;margin-top:-5px;margin-right:-5px}
.studio-library-more{display:grid;place-items:center;background:transparent;border:0;border-radius:6px;width:29px;height:29px;color:var(--lib-muted)}
.studio-library-more:hover,.studio-library-more[aria-expanded=true]{background:#f4eef0;color:var(--lib-wine)}
.studio-library-menu-popover{position:absolute;right:0;top:33px;padding:5px;min-width:154px;border:1px solid var(--lib-border);border-radius:9px;background:#fff;box-shadow:0 8px 22px #32202917;z-index:10}
.studio-library-menu-popover button{display:flex;align-items:center;gap:8px;width:100%;padding:9px;border:0;background:transparent;color:#9b4f58;text-align:left;white-space:nowrap;border-radius:5px;font-size:12px}
.studio-library-menu-popover button:hover{background:#fcf0f0}
.studio-library-project-meta{display:flex;align-items:center;gap:7px;margin:6px 0 17px;font-size:11px;color:var(--lib-muted)}
.studio-library-project-meta>span{color:#c4b7bb}
.studio-library-project-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.studio-library-status{display:inline-flex;align-items:center;gap:5px;border-radius:5px;font-size:10px;padding:4px 6px;white-space:nowrap}
.studio-library-status.is-ready{color:#687248;background:#e8edda}
.studio-library-status.is-draft{color:#89726b;background:#f2eae3}
.studio-library-modified{font-size:10px;color:#a1959c;white-space:nowrap}
.studio-library-list-open{display:none}
.studio-library-gallery--list{grid-template-columns:1fr;gap:10px}
.studio-library-gallery--list .studio-library-project{display:grid;grid-template-columns:135px minmax(0,1fr) auto;align-items:center;padding:9px 16px 9px 9px;gap:20px}
.studio-library-gallery--list .studio-library-cover{width:135px;height:100px;aspect-ratio:auto;padding:9px;border:1px solid var(--lib-border);border-radius:7px}
.studio-library-gallery--list .studio-library-cover-open{display:none}
.studio-library-gallery--list .studio-library-project-info{padding:4px 0;max-width:660px}
.studio-library-gallery--list .studio-library-project-meta{margin:5px 0 10px}
.studio-library-gallery--list .studio-library-project-bottom{justify-content:flex-start;gap:16px}
.studio-library-gallery--list .studio-library-list-open{display:flex;align-items:center;gap:8px;padding:9px 12px;min-height:38px;border:1px solid var(--lib-border);border-radius:8px;background:white;color:var(--lib-wine);font-size:11px;white-space:nowrap}
.studio-library-list-open:hover{background:#faf7f8;border-color:#cfbbc3}
.studio-library-empty{text-align:center;padding:64px 20px 75px;border:1px dashed #dcd0d5;border-radius:13px;background:#ffffff75}
.studio-library-empty-icon{display:grid;place-items:center;margin:0 auto 18px;width:62px;height:62px;color:var(--lib-wine);background:#f0e8eb;border-radius:18px;transform:rotate(-4deg)}
.studio-library-empty h2{font-family:"Instrument Serif",Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.025em;margin:0 0 10px}
.studio-library-empty p{font-size:13px;line-height:1.6;margin:0 auto 23px;color:var(--lib-muted);max-width:360px}
.studio-library-reset{color:var(--lib-wine);padding:10px 16px;border:1px solid #cbb9c1;background:white;border-radius:9px;font-size:12px}
.studio-library-footnote{display:flex;align-items:center;justify-content:center;gap:7px;padding:34px 10px 8px;color:#ad9c9f;font-size:10px}
.studio-library-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes studio-library-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.studio-library{padding-top:64px}.studio-library-gallery{gap:26px}.studio-library-cover{aspect-ratio:1.4;padding:23px}}
@media(max-width:1000px){.studio-library{padding:38px 28px 24px}.studio-library-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-library-toolbar{gap:12px;flex-wrap:wrap}.studio-library-search input{width:160px}.studio-library-gallery--list{grid-template-columns:1fr}}
@media(max-width:620px){.studio-library{padding:28px 18px 18px}.studio-library-heading{align-items:flex-start;gap:12px;margin-bottom:27px}.studio-library-heading h1{font-size:39px}.studio-library-intro{font-size:12px;max-width:220px}.studio-library-heading>.studio-library-new{padding:10px 12px;font-size:11px;margin-top:7px}.studio-library-toolbar{gap:15px;padding-bottom:19px}.studio-library-toolbar-end{width:100%}.studio-library-search{flex:1}.studio-library-search input{width:100%}.studio-library-filters button{padding:8px 10px;font-size:11px}.studio-library-section-heading{margin-top:22px}.studio-library-section-heading p{font-size:11px;gap:6px}.studio-library-help-toggle{font-size:10px}.studio-library-gallery{gap:14px}.studio-library-cover{padding:12px;aspect-ratio:1.1}.studio-library-project-info{padding:13px 12px}.studio-library-title-row h2{font-size:12px}.studio-library-project-meta{font-size:10px;gap:5px;margin-bottom:12px}.studio-library-project-bottom{flex-wrap:wrap;gap:6px}.studio-library-modified{font-size:9px}.studio-library-status{font-size:9px}.studio-library-blank-paper{width:68%}.studio-library-gallery--list .studio-library-project{grid-template-columns:85px minmax(0,1fr);gap:13px;padding:8px 11px 8px 8px}.studio-library-gallery--list .studio-library-cover{width:85px;height:90px;padding:7px}.studio-library-gallery--list .studio-library-list-open{display:none}.studio-library-gallery--list .studio-library-project-info{padding:0}.studio-library-gallery--list .studio-library-project-bottom{gap:10px}.studio-library-empty{padding:46px 18px}.studio-library-empty h2{font-size:27px}.studio-library-help{padding:12px;gap:9px}.studio-library-help p{font-size:11px}}
@media(max-width:380px){.studio-library-heading{flex-direction:column}.studio-library-heading>.studio-library-new{margin-top:0}.studio-library-gallery{grid-template-columns:1fr}.studio-library-cover{aspect-ratio:1.45}.studio-library-gallery--list .studio-library-project{grid-template-columns:80px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.studio-library-project{animation:none}.studio-library button,.studio-library-project,.studio-library-cover-open{transition:none}.studio-library-project:hover,.studio-library-new:hover{transform:none}}

.studio-shell{--studio-ink:#2d2730;--studio-muted:#8a7e84;--studio-burgundy:#743952;--studio-border:#e5dfdf;--studio-paper:#faf8f5;display:flex;min-height:100vh;background:var(--studio-paper);color:var(--studio-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.5}
.studio-shell *{box-sizing:border-box}.studio-shell button,.studio-shell input,.studio-shell textarea,.studio-shell select{font:inherit}.studio-shell button{cursor:pointer}.studio-shell button:disabled{cursor:not-allowed;opacity:.45}.studio-shell button:focus-visible,.studio-shell input:focus-visible,.studio-shell textarea:focus-visible,.studio-shell select:focus-visible{outline:3px solid #b28ca4;outline-offset:3px}.studio-shell button svg{flex:none}.studio-shell button{transition:background .16s,border-color .16s,color .16s}.studio-shell > .studio-sidebar{width:246px;flex:0 0 246px;border-right:1px solid var(--studio-border);padding:26px 18px 20px;display:flex;flex-direction:column;background:#faf8f5;position:sticky;top:0;height:100vh;overflow-y:auto}.studio-sidebar-brand{display:flex;gap:11px;align-items:center;background:transparent;border:0;padding:0 10px;text-align:left;color:var(--studio-ink);font-size:19px;font-family:Georgia,serif;line-height:1.1}.studio-sidebar-brand>span:last-child{display:flex;flex-direction:column}.studio-sidebar-brand small{font:10px system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--studio-muted);margin-top:7px}.studio-brand-mark{position:relative;display:grid;place-items:center;width:38px;height:42px;background:var(--studio-burgundy);border-radius:8px 8px 15px 4px;color:#fff3db;font:27px Georgia,serif;transform:rotate(-4deg)}.studio-brand-mark>span{position:absolute;font-size:13px;right:-6px;top:-5px;color:var(--studio-burgundy)}.studio-back-link{display:flex;gap:8px;align-items:center;background:transparent;border:0;padding:0;color:#776b73;font-size:11px!important;margin:34px 11px 22px;width:max-content}.studio-back-link:hover{color:var(--studio-burgundy)}.studio-project-summary{padding:0 12px 23px;border-bottom:1px solid var(--studio-border);display:flex;flex-direction:column;gap:7px}.studio-eyebrow{color:var(--studio-muted);text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:650}.studio-project-summary strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.studio-project-summary>span:last-child{font-size:11px;color:var(--studio-muted)}.studio-project-summary i{font-style:normal;margin:0 7px}.studio-stages{display:flex;flex-direction:column;gap:8px;padding:23px 0}.studio-stage{display:flex;gap:10px;align-items:center;border:1px solid transparent;padding:12px 10px;border-radius:10px;background:transparent;text-align:left;color:#746b73;position:relative;width:100%}.studio-stage-icon{display:grid;place-items:center;width:31px;height:35px;flex:none}.studio-stage>span:nth-child(2){display:flex;flex-direction:column;gap:1px;min-width:0}.studio-stage strong{font-size:12px;font-weight:600}.studio-stage small{font-size:10px;opacity:.72}.studio-stage:hover{background:#f0ebe9}.studio-stage.is-current{background:#eadfe3;border-color:#eadfe3;color:var(--studio-burgundy)}.studio-stage.is-current:before{content:"";position:absolute;left:-19px;top:14px;bottom:14px;width:3px;background:var(--studio-burgundy);border-radius:0 3px 3px 0}.studio-stage.is-current strong{font-weight:700}.studio-stage-done{margin-left:auto;opacity:.6;display:flex}.studio-sidebar-bottom{margin-top:auto;padding-top:22px}.studio-credit-note{display:flex;gap:9px;padding:16px 12px;border:1px solid #e0e5d1;background:#f0f3e7;border-radius:10px;color:#5e654d}.studio-credit-note>svg{margin-top:1px;flex:none}.studio-credit-note strong{font-size:11px;font-weight:650}.studio-credit-note p{font-size:10px;line-height:1.7;margin:6px 0 11px;color:#7c826e}.studio-credit-note button{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:0;color:#5e654d;font-size:10px!important;font-weight:650}.studio-help-button{display:flex;align-items:center;gap:8px;width:100%;padding:18px 5px 0;border:0;background:transparent;color:#776b73;font-size:10px!important}.studio-help-button>svg:last-child{margin-left:auto}.studio-help-copy{font-size:10px;line-height:1.7;color:#7c7078;padding:13px 6px 0}.studio-main{min-width:0;flex:1;display:flex;flex-direction:column}.studio-header{min-height:76px;border-bottom:1px solid var(--studio-border);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 30px;background:#fffdfa}.studio-breadcrumb{display:flex;align-items:center;gap:12px;min-width:0;font-size:11px;color:var(--studio-muted)}.studio-breadcrumb>span{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio-breadcrumb strong{font-weight:600;color:var(--studio-ink);white-space:nowrap}.studio-header-actions{display:flex;gap:17px;align-items:center;flex:none}.studio-save-status{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--studio-muted)}.studio-language{display:flex;gap:6px;align-items:center;border:0;background:transparent;font-size:10px!important;color:#6b626a;padding:5px}.studio-private-badge{display:flex;gap:5px;align-items:center;border:1px solid #e7dde1;border-radius:6px;font-size:9px;color:#825c70;background:#f5eef1;padding:5px 8px;white-space:nowrap}.studio-content{flex:1;min-width:0}.studio-page-intro h1,.studio-design-top h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.1;font-size:42px;margin:11px 0 12px}.studio-page-intro>p,.studio-design-top p{color:var(--studio-muted);font-size:12px;margin:0;line-height:1.8}.studio-setup{max-width:1150px;margin:0 auto;padding:44px 45px 48px}.studio-setup-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:68px;margin-top:35px}.studio-setup-form{min-width:0}.studio-field{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;color:var(--studio-ink);font-size:11px}.studio-field>span:first-child{font-weight:600}.studio-field input:not([type=color]),.studio-field select,.studio-field textarea{border:1px solid var(--studio-border);border-radius:7px;background:#fffdfa;color:var(--studio-ink);padding:10px 11px;max-width:100%;min-width:0;line-height:1.4;width:100%}.studio-field textarea{resize:vertical;min-height:85px}.studio-field select{padding-right:23px}.studio-field input::placeholder,.studio-field textarea::placeholder{color:#ada1a6}.studio-name-field input{font-size:15px!important;padding:14px 13px!important}.studio-field small{color:var(--studio-muted);font-size:10px;font-weight:400;line-height:1.6}.studio-setup-section{border:0;margin:27px 0 0;padding:0;min-width:0}.studio-setup-section legend{font-size:12px;font-weight:600;padding:0}.studio-setup-section>p{font-size:10px;color:var(--studio-muted);margin:6px 0 15px;line-height:1.7}.studio-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-theme-choice{position:relative;display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:center;min-height:97px;padding:12px 7px;border:1px solid var(--studio-border);border-radius:10px;background:#fffdfa;color:#6f636c}.studio-theme-choice>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#805a66}.studio-theme-choice strong{font-size:10px;font-weight:550;line-height:1.4}.studio-theme-choice>i{display:grid;place-items:center;position:absolute;right:6px;top:6px;background:var(--studio-burgundy);color:white;border-radius:50%;width:17px;height:17px}.studio-theme-choice.is-selected{border-color:#9d788c;background:#f7eef1;box-shadow:0 0 0 1px #9d788c}.studio-theme-choice:hover{border-color:#ad939f}.studio-grid-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-grid-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px 8px 13px;background:#fffdfa;border:1px solid var(--studio-border);border-radius:10px;color:#6f636c;min-height:151px}.studio-mini-grid{display:grid;width:53px;height:61px;gap:3px;margin-bottom:7px}.studio-mini-grid>i{background:#e6dadf;border-radius:1px;min-width:0}.studio-grid-choice strong{font-size:12px;font-weight:600}.studio-grid-choice small{font-size:9px;color:var(--studio-muted)}.studio-grid-choice em{position:absolute;right:6px;top:5px;background:#e9edde;color:#6b7555;padding:1px 5px;border-radius:4px;font-style:normal;font-size:8px}.studio-grid-choice.is-selected{border-color:#9d788c;background:#f7eef1;box-shadow:0 0 0 1px #9d788c}.studio-grid-choice.is-selected .studio-mini-grid>i{background:#956a80}.studio-setup-section>.studio-grid-requirement{display:flex;gap:8px;align-items:flex-start;margin-top:13px;color:#7d6875}.studio-grid-requirement svg{flex:none;margin-top:1px}.studio-setup-next{margin-top:26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid transparent;border-radius:8px;font-size:11px!important;font-weight:600!important;line-height:1.4;color:var(--studio-ink);white-space:nowrap}.studio-button-primary{background:var(--studio-burgundy);color:#fff6ef}.studio-button-primary:hover{background:#613045}.studio-button-secondary{background:#fffdfa;border-color:var(--studio-border);color:#72656d}.studio-button-secondary:hover{border-color:#bfa6b3;background:#f7eff2}.studio-setup-next>span{font-size:10px;color:var(--studio-muted)}.studio-setup-note{align-self:start;background:#f0eae1;border:1px solid #e7dfd6;border-radius:14px;padding:24px 27px 21px;margin-top:2px;overflow:hidden}.studio-setup-note-art{height:245px;position:relative;isolation:isolate}.studio-note-card{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:129px;height:174px;border-radius:2px;border:6px solid #fffbf1;outline:1px solid #ded4c9;box-shadow:0 10px 20px #4d394412;gap:20px}.studio-note-card>span{font:bold 9px Georgia,serif;letter-spacing:.1em;background:#fffbf1;width:100%;text-align:center;padding:7px 0;position:absolute;bottom:0}.studio-note-card-one{left:11px;top:33px;background:#d3a286;transform:rotate(-13deg);color:#fdf4e5}.studio-note-card-two{right:0;top:48px;background:#e7eccf;transform:rotate(11deg);color:#8e646f}.studio-setup-note-art>i{position:absolute;top:5px;right:14px;font-size:31px;color:#c59375;font-style:normal;z-index:-1}.studio-setup-note h2{font:400 29px/1.12 "Instrument Serif",Georgia,serif;letter-spacing:-.03em;color:#694150;margin:13px 0}.studio-setup-note>p{font-size:11px;line-height:1.8;color:#8b777b;margin:0 0 22px}.studio-note-foot{border-top:1px solid #ddd3c9;padding-top:15px;font-size:9px;color:#8b777b;display:flex;align-items:center;gap:7px}.studio-design{height:calc(100vh - 76px);min-height:700px;display:flex;flex-direction:column}.studio-design-top{padding:24px 28px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex:none;background:#faf8f5}.studio-design-top h1{font-size:31px;margin:0 0 6px}.studio-design-top p{font-size:10px}.studio-design-layout{display:grid;grid-template-columns:196px minmax(0,1fr) 231px;min-height:0;flex:1;border-top:1px solid var(--studio-border)}.studio-design-tools,.studio-text-inspector{padding:21px 17px;background:#fffdfa;overflow:auto}.studio-design-tools{border-right:1px solid var(--studio-border)}.studio-text-inspector{border-left:1px solid var(--studio-border)}.studio-panel-heading{display:flex;gap:8px;align-items:center;color:#79616f;margin:0 0 22px}.studio-panel-heading h2{font:600 11px system-ui,sans-serif;margin:0;color:var(--studio-ink)}.studio-design-tools .studio-field{font-size:10px;margin-bottom:23px}.studio-design-tools .studio-field select{font-size:10px}.studio-color-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.studio-color-swatches button{aspect-ratio:1;border:1px solid #d6ccd2;border-radius:50%;padding:0;display:grid;place-items:center;color:#704959;min-width:0}.studio-color-swatches button.is-selected{outline:2px solid #987489;outline-offset:2px}.studio-color-swatches button:last-child{color:#fff4dc}.studio-custom-color{display:flex;gap:6px;align-items:center;margin-top:4px;color:#8a7e84;font-size:9px}.studio-custom-color input[type=color]{width:23px;height:23px;border:1px solid #ddd4d9;border-radius:5px;overflow:hidden;background:transparent;padding:2px;cursor:pointer}.studio-custom-color small{font-size:8px;margin-left:auto}.studio-tools-divider{height:1px;background:var(--studio-border);margin:25px 0}.studio-text-layers{display:flex;flex-direction:column;gap:5px;margin:-4px -5px 10px}.studio-text-layers button{border:1px solid transparent;display:flex;align-items:center;gap:7px;background:transparent;border-radius:6px;padding:9px 7px;color:#8b7e85;text-align:left;font-size:10px!important;width:100%}.studio-text-layers button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.studio-text-layers button.is-selected{background:#f3e9ee;color:#743952;border-color:#e9dce4}.studio-text-layers button:hover{background:#f6f0f3}.studio-add-text{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border:1px dashed #c7b6c0;border-radius:7px;background:transparent;padding:9px 7px;color:#856679;font-size:10px!important}.studio-add-text:hover{background:#f6eef2}.studio-design-tip{display:flex;gap:7px;align-items:flex-start;font-size:9px;line-height:1.8;color:var(--studio-muted);padding:20px 0 0;border-top:1px solid var(--studio-border);margin-top:24px}.studio-design-tip>svg{flex:none;margin-top:2px}.studio-board-stage{display:flex;flex-direction:column;background:#e9e9e5;position:relative;min-width:0;min-height:0}.studio-canvas-label{height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px;color:#8a8288;flex:none}.studio-canvas-label>span{display:flex;align-items:center;gap:7px;font-size:9px}.studio-canvas-label small{font-size:9px}.studio-canvas-label i{font-style:normal;margin:0 5px}.studio-board-viewport{overflow:auto;min-height:0;flex:1;position:relative}.studio-board-scroll{display:flex;justify-content:center;align-items:center;min-width:100%;min-height:100%;width:max-content;padding:30px 36px}.studio-design-paper{flex:none;position:relative;background:#fffbf1;box-shadow:0 7px 23px #4b40401b;border:0;isolation:isolate}.studio-design-render{width:100%;height:100%;display:block}.studio-design-render canvas,.studio-design-paper>canvas{display:block;width:100%;height:100%;object-fit:contain}.studio-board-text-handles{position:absolute;inset:0;pointer-events:none}.studio-board-text-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;color:transparent!important;background:transparent!important;border:1px solid transparent;border-radius:2px;min-width:30px;min-height:24px;max-width:98%;padding:3px 7px;line-height:1.12;white-space:pre;touch-action:none;cursor:move!important;outline-offset:2px!important;user-select:none}.studio-board-text-handle:hover{border-color:#a88498;background:#74395206!important}.studio-board-text-handle.is-selected{border-color:#8d627d;box-shadow:0 0 0 1px #f9f3ed}.studio-board-text-handle.is-selected:after{content:"";position:absolute;right:-3px;bottom:-3px;width:5px;height:5px;background:#faf8f5;border:1px solid #8d627d}.studio-board-text-handle:focus-visible{outline:2px solid #b28ca4!important}.studio-board-text-handle>span{color:transparent;pointer-events:none}.studio-zoom-controls{display:flex;align-items:center;gap:5px;justify-content:center;align-self:center;margin:10px 0 18px;background:#faf9f5;border:1px solid #dcdad5;border-radius:8px;padding:4px 5px;box-shadow:0 3px 8px #3d293805;flex:none}.studio-zoom-controls button{display:flex;justify-content:center;align-items:center;border:0;background:transparent;border-radius:4px;padding:5px 6px;color:#80747c;gap:5px;font-size:10px!important}.studio-zoom-controls button:hover{background:#ede7e9}.studio-zoom-controls>span{font-size:10px;color:#8b7d85;min-width:32px;text-align:center}.studio-zoom-controls>i{height:18px;width:1px;background:#e0d7db;margin:0 5px}.studio-inspector-hint{font-size:10px;color:var(--studio-muted);line-height:1.7;margin:-8px 0 22px}.studio-text-inspector .studio-field{font-size:10px;margin-bottom:19px}.studio-text-inspector .studio-field textarea{font-size:12px}.studio-inspector-row{display:grid;grid-template-columns:1fr 1.25fr;gap:11px}.studio-inspector-color{display:flex;gap:9px;align-items:center;border:1px solid var(--studio-border);padding:5px 9px;border-radius:7px;background:#fffdfa}.studio-inspector-color input[type=color]{height:27px;width:30px;padding:0;border:0;background:transparent;border-radius:4px;overflow:hidden;cursor:pointer}.studio-inspector-color code{font:10px ui-monospace,monospace;color:#8b7c86;letter-spacing:.04em}.studio-inspector-position{font-size:10px;color:#8b7c86;margin-bottom:20px}.studio-inspector-position>span{display:block;font-weight:600;color:var(--studio-ink);margin-bottom:8px}.studio-inspector-position>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-inspector-position label{display:flex;gap:5px;align-items:center}.studio-inspector-position input{min-width:0;width:100%;border:1px solid var(--studio-border);border-radius:5px;background:#fffdfa;padding:7px 5px;color:#74636f;font-size:10px}.studio-delete-text{display:flex;align-items:center;gap:7px;background:transparent;border:0;color:#9a6a7c;font-size:10px!important;padding:8px 0;margin-top:5px}.studio-delete-text:hover{color:#713449}.studio-reset-text{background:transparent;border:0;border-top:1px solid var(--studio-border);width:100%;padding:16px 0 0;text-align:left;color:#897682;font-size:9px!important;text-decoration:underline;text-underline-offset:3px;margin-top:24px}.studio-inspector-note{color:#a2959b;font-size:9px;line-height:1.8;margin:13px 0 0}.studio-inspector-empty{display:flex;flex-direction:column;align-items:flex-start;color:#917887}.studio-inspector-empty p{font-size:11px;line-height:1.8;margin:12px 0 20px}
@media(min-width:1600px){.studio-design-layout{grid-template-columns:220px minmax(0,1fr) 260px}.studio-design-tools,.studio-text-inspector{padding:26px 22px}.studio-design-top{padding:30px 34px}.studio-setup{padding-top:60px}.studio-setup-grid{gap:85px;grid-template-columns:minmax(0,1fr) 320px}.studio-header{padding-inline:34px}}
@media(max-width:1200px){.studio-shell > .studio-sidebar{width:211px;flex-basis:211px;padding-inline:13px}.studio-stage.is-current:before{left:-14px}.studio-header{padding-inline:22px}.studio-header-actions{gap:10px}.studio-save-status{display:none}.studio-setup{padding-inline:28px}.studio-setup-grid{gap:30px;grid-template-columns:minmax(0,1fr) 250px}.studio-setup-note{padding-inline:20px}.studio-note-card{width:113px;height:157px}.studio-note-card-one{left:0}.studio-setup-note-art{height:227px}.studio-design-layout{grid-template-columns:172px minmax(0,1fr) 204px}.studio-design-tools,.studio-text-inspector{padding-inline:13px}.studio-design-top{padding-inline:21px}.studio-design-top h1{font-size:28px}.studio-design-top p{max-width:420px}.studio-canvas-label{padding-inline:15px}.studio-color-swatches{grid-template-columns:repeat(3,24px);gap:8px}.studio-custom-color{flex-wrap:wrap}.studio-custom-color small{margin-left:0}}
@media(max-width:1020px){.studio-shell > .studio-sidebar{width:184px;flex-basis:184px}.studio-sidebar-brand{padding-inline:4px;font-size:17px;gap:8px}.studio-brand-mark{width:32px;height:38px}.studio-stage{padding-inline:5px;gap:5px}.studio-stage strong{font-size:11px}.studio-stage small{font-size:9px}.studio-project-summary{padding-inline:7px}.studio-credit-note{padding:13px 9px;gap:6px}.studio-design-layout{grid-template-columns:152px minmax(0,1fr) 183px}.studio-design-tools,.studio-text-inspector{padding-inline:11px}.studio-panel-heading{gap:5px}.studio-panel-heading h2{font-size:10px}.studio-design-top h1{font-size:26px}.studio-design-top{gap:12px}.studio-design-top>.studio-button{font-size:9px!important;padding:9px 10px}.studio-inspector-row{gap:7px;grid-template-columns:1fr}.studio-setup-grid{grid-template-columns:1fr}.studio-setup-note{display:none}.studio-setup{max-width:650px}.studio-canvas-label small{display:none}}
@media(max-width:850px){.studio-design{height:auto;min-height:0}.studio-design-layout{grid-template-columns:165px minmax(0,1fr);grid-template-rows:minmax(610px,72vh) auto}.studio-text-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--studio-border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 17px;overflow:visible}.studio-text-inspector .studio-panel-heading,.studio-inspector-hint,.studio-inspector-empty,.studio-inspector-note{grid-column:1/-1}.studio-text-inspector .studio-field{margin-bottom:17px}.studio-text-inspector .studio-field:has(textarea){grid-row:auto}.studio-inspector-row{grid-template-columns:1fr 1fr;grid-column:span 2}.studio-inspector-position{grid-column:span 2}.studio-reset-text{grid-column:1/-1;margin-top:8px}.studio-text-inspector .studio-panel-heading{margin-bottom:15px}.studio-design-top{align-items:flex-start;flex-direction:column}.studio-board-scroll{padding:24px}.studio-canvas-label{height:40px}.studio-design-tools{overflow:visible}}
@media(max-width:680px){.studio-shell{display:block}.studio-shell > .studio-sidebar{position:static;width:100%;height:auto;padding:15px 17px 10px;border-right:0;border-bottom:1px solid var(--studio-border);overflow:visible}.studio-sidebar-brand{font-size:17px;width:max-content;gap:9px}.studio-sidebar-brand small{font-size:8px;margin-top:4px}.studio-brand-mark{height:33px;width:29px;font-size:22px}.studio-back-link{position:absolute;right:17px;top:23px;margin:0;font-size:10px!important}.studio-project-summary,.studio-sidebar-bottom{display:none}.studio-stages{display:flex;flex-direction:row;gap:4px;padding:15px 0 0;overflow-x:auto}.studio-stage{flex:1;min-width:58px;display:flex;flex-direction:column;gap:3px;padding:8px 4px;border-radius:7px;text-align:center}.studio-stage-icon{height:23px;width:auto}.studio-stage strong{font-size:8px;line-height:1.4}.studio-stage small,.studio-stage-done{display:none}.studio-stage.is-current:before{display:none}.studio-header{min-height:57px;padding:12px 17px;gap:7px}.studio-breadcrumb{gap:7px;font-size:9px}.studio-breadcrumb>span{max-width:110px}.studio-header-actions{gap:6px}.studio-private-badge{font-size:8px;padding:4px 5px}.studio-language{font-size:9px!important;gap:3px}.studio-page-intro h1{font-size:35px}.studio-setup{padding:29px 22px 35px}.studio-setup-grid{margin-top:28px}.studio-theme-grid{gap:8px}.studio-theme-choice{min-height:91px}.studio-grid-choices{gap:8px}.studio-grid-choice{padding-inline:3px}.studio-grid-choice small{font-size:8px}.studio-design-top{padding:23px 19px 19px;gap:13px}.studio-design-top h1{font-size:29px;max-width:330px}.studio-design-top p{font-size:10px;max-width:350px}.studio-design-top>.studio-button{padding:8px 11px}.studio-design-layout{display:flex;flex-direction:column;border-top:1px solid var(--studio-border)}.studio-design-tools{border-right:0;border-bottom:1px solid var(--studio-border);display:grid;grid-template-columns:1fr 1fr;gap:0 17px;padding:18px 19px 0}.studio-design-tools .studio-panel-heading{grid-column:1/-1;margin-bottom:14px}.studio-design-tools>.studio-field{margin-bottom:18px}.studio-design-tools .studio-tools-divider,.studio-design-tools .studio-tools-divider+.studio-panel-heading,.studio-text-layers,.studio-design-tip{display:none}.studio-color-swatches{grid-template-columns:repeat(6,20px);gap:5px}.studio-custom-color{margin-top:8px;font-size:8px}.studio-custom-color small{margin-left:auto}.studio-design-tools>.studio-add-text{grid-column:1/-1;margin-bottom:16px;width:max-content;padding:7px 13px}.studio-board-stage{height:640px;min-height:510px}.studio-canvas-label{height:42px;padding:12px 19px}.studio-canvas-label small{display:block}.studio-board-scroll{padding:24px}.studio-text-inspector{display:grid;grid-template-columns:1fr 1fr;padding:20px 19px 24px}.studio-text-inspector .studio-field:has(textarea){grid-row:auto;grid-column:1/-1}.studio-inspector-row{grid-column:auto;grid-template-columns:1fr 1fr;gap:10px}.studio-inspector-position{grid-column:auto}.studio-delete-text{align-self:start;justify-self:start}.studio-inspector-note{margin-top:10px}.studio-button{padding:12px 16px}.studio-setup-next .studio-button{width:100%}.studio-setup-next{align-items:center}}
@media(max-width:390px){.studio-private-badge>svg{display:none}.studio-breadcrumb>span{max-width:83px}.studio-breadcrumb{font-size:8px;gap:5px}.studio-theme-choice strong{font-size:9px}.studio-design-tools{gap:0 12px}.studio-color-swatches{grid-template-columns:repeat(3,22px);gap:7px}.studio-custom-color small{display:none}.studio-board-stage{height:575px}.studio-text-inspector{gap:0 12px}.studio-inspector-position>div{gap:6px}}
@media(prefers-reduced-motion:reduce){.studio-shell *{transition:none!important;scroll-behavior:auto!important}}

/* Keep the preview banner and workspace navigation visible on desktop. */
.studio-stage-icon{position:relative}
.studio-stage-index{position:absolute;left:-6px;top:1px;font-size:8px;font-weight:650;line-height:1;color:#9b8691}
.studio-stage.is-current .studio-stage-index{color:#743952}
.studio-design-top{flex-wrap:wrap}
.studio-design-top>div:first-child{min-width:0}
.studio-design-top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}
.studio-inspector-toggle.is-open{background:#f3e9ee;border-color:#d7bfcc;color:#743952}
.studio-inspector-close{display:flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;margin-left:auto;padding:4px;border:0;border-radius:5px;background:transparent;color:#927c89}
.studio-inspector-close:hover{background:#f0e6eb;color:#743952}
.studio-text-inspector[hidden]{display:none!important}
.studio-design-layout{--studio-tools-width:196px}
.studio-design-layout.is-inspector-collapsed{grid-template-columns:var(--studio-tools-width) minmax(0,1fr)}
@media(min-width:681px){
 .studio-shell{height:calc(100dvh - 29px);min-height:0;overflow:hidden}
 .studio-shell>.studio-sidebar{height:100%;min-height:0;position:static}
 .studio-shell>.studio-main{height:100%;min-height:0;overflow:hidden}
 .studio-shell>.studio-main>.studio-header{flex:none}
 .studio-shell>.studio-main>.studio-content{min-height:0;overflow:auto;overscroll-behavior:contain}
 .studio-shell>.studio-main>.studio-content-design>.studio-design{height:100%;min-height:0}
}
@media(min-width:1600px){.studio-design-layout{--studio-tools-width:220px}}
@media(max-width:1200px){.studio-design-layout{--studio-tools-width:172px}}
@media(max-width:1020px){
 .studio-design-layout{--studio-tools-width:152px}
 .studio-design-top-actions>.studio-button{font-size:9px!important;padding:9px 10px}
}
@media(max-width:850px){
 .studio-design-layout{--studio-tools-width:165px}
 .studio-design-layout.is-inspector-collapsed{grid-template-rows:minmax(610px,72vh)}
 .studio-shell>.studio-main>.studio-content-design>.studio-design{height:auto;min-height:0}
 .studio-design-top-actions{justify-content:flex-start}
}
@media(max-width:680px){
 .studio-shell{height:auto;min-height:calc(100dvh - 29px);overflow:visible;max-width:100%}
 .studio-shell>.studio-sidebar{height:auto;min-height:0;position:relative}
 .studio-shell>.studio-main{height:auto;min-height:0;overflow:visible;max-width:100%}
 .studio-shell>.studio-main>.studio-content{min-height:0;overflow:visible;max-width:100%}
 .studio-shell>.studio-sidebar .studio-stage{min-width:0}
 .studio-shell .studio-breadcrumb{flex:1;min-width:0}
 .studio-shell .studio-breadcrumb>span,.studio-shell .studio-breadcrumb>strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .studio-shell .studio-breadcrumb>span{flex-shrink:1}
 .studio-shell .studio-breadcrumb>strong{flex-shrink:1}
 .studio-design-top-actions{width:100%;justify-content:flex-start}
 .studio-design-top-actions>.studio-button{padding:8px 11px}
 .studio-stage-index{left:-7px;top:0}
}

/* Alignment changes the text anchor; drag handles follow that same anchor. */
.studio-text-alignment{border:0;padding:0;min-width:0;margin:0 0 19px;color:var(--studio-ink)}
.studio-text-alignment legend{padding:0;font-size:10px;font-weight:600;margin-bottom:8px}
.studio-text-alignment>div{display:flex;gap:4px;min-width:0}
.studio-text-alignment button{flex:1;min-width:0;padding:8px 2px;border:1px solid var(--studio-border);border-radius:5px;background:#fffdfa;color:#877480;font-size:9px!important;line-height:1.4}
.studio-text-alignment button.is-selected{border-color:#bd95aa;background:#f3e9ee;color:#743952;font-weight:650}
.studio-text-alignment button:hover{border-color:#bda5b2;background:#f7eff3}
.studio-board-text-handle{max-width:calc(93% + 16px)}
@media(max-width:680px){.studio-text-alignment button{font-size:8px!important;padding-inline:1px}}

.studio-text-visibility{display:flex;align-items:center;gap:8px;font-size:10px;color:#7c6875;margin:0 0 18px;grid-column:1/-1;cursor:pointer}
.studio-text-visibility input{width:14px;height:14px;margin:0;accent-color:#743952;cursor:pointer}
.studio-layer-hidden{font-size:8px;color:#a18d99;flex:none}
.studio-text-layers button.is-hidden:not(.is-selected){color:#a2919b}

/* The original Maker controls live in the visible design inspector. */
.studio-design .studio-design-layout{--studio-tools-width:150px;grid-template-columns:150px minmax(0,1fr) 320px}
.studio-design .studio-design-layout.is-inspector-collapsed{grid-template-columns:150px minmax(0,1fr)}
.studio-design .studio-layer-tools{padding:22px 13px;background:rgba(255,255,255,.66);backdrop-filter:blur(16px)}
.studio-design .studio-layer-tools .studio-panel-heading{gap:7px;margin-bottom:21px}
.studio-design .studio-layer-tools .studio-panel-heading h2{font-size:11px}
.studio-design .studio-layer-tools .studio-text-layers{display:flex;margin-inline:-4px}
.studio-design .studio-layer-tools .studio-design-tip{display:flex;padding-top:18px;margin-top:21px}
.studio-design .studio-layer-tools .studio-reset-text{font-size:10px!important;line-height:1.6;margin-top:8px}
.studio-design .studio-board-inspector{display:flex;flex-direction:column;gap:0;padding:21px 18px;min-width:0;background:rgba(255,255,255,.72);backdrop-filter:blur(20px);overflow:auto}
.studio-design .studio-board-inspector>.studio-panel-heading{flex:none;margin-bottom:17px;gap:8px}
.studio-design .studio-board-inspector>.studio-panel-heading h2{font-size:12px}
.studio-inspector-tabs{display:flex;flex:none;gap:3px;padding:4px;background:rgba(235,237,243,.7);border:1px solid rgba(219,223,232,.72);border-radius:10px;margin-bottom:21px;min-width:0}
.studio-inspector-tabs button{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:5px;border:0;border-radius:7px;background:transparent;color:#7c7584;font-size:10px!important;font-weight:550;line-height:1.5;padding:9px 3px}
.studio-inspector-tabs button[aria-selected=true]{background:rgba(255,255,255,.95);color:var(--studio-burgundy);box-shadow:0 1px 5px #27334d10}
.studio-inspector-tabs button:hover{color:var(--studio-ink);background:#ffffff75}
.studio-inspector-tabpanel{min-width:0}
.studio-original-controls .board-style-controls{display:flex;flex-direction:column;gap:15px;width:100%;max-width:none;min-width:0;padding:0;background:transparent;border:0;box-shadow:none}
.studio-original-controls .board-style-head{display:none}
.studio-original-theme .board-style-controls>.text-style-card,.studio-original-theme .board-style-controls>.design-control-card,
.studio-original-text .board-style-controls>.template-section-card,.studio-original-text .board-style-controls>.design-control-card,
.studio-original-finishing .board-style-controls>.template-section-card,.studio-original-finishing .board-style-controls>.text-style-card{display:none}
.studio-original-controls .board-style-controls>.hidden-input{display:none!important}
.studio-original-controls .board-style-controls>.accordion-card{width:100%;min-width:0;margin:0;padding:14px;border:1px solid rgba(218,222,233,.82);border-radius:12px;background:rgba(255,255,255,.62);box-shadow:0 2px 10px #34466803;overflow:visible}
.studio-original-controls .accordion-card>summary{display:flex;align-items:center;gap:8px;padding:0;min-height:34px;list-style:none;cursor:pointer}
.studio-original-controls .accordion-card>summary::-webkit-details-marker{display:none}
.studio-original-controls .accordion-card>summary strong{font-size:12px;font-weight:650;line-height:1.5;color:var(--studio-ink)}
.studio-original-controls .accordion-card>summary small{font-size:10px;font-weight:400;line-height:1.6;color:#918795;margin-top:4px}
.studio-original-controls .accordion-card .text-style-icon{width:27px;height:29px;flex:0 0 27px;border-radius:7px;background:#eeebf5;color:#847596;font-size:13px;font-weight:600}
.studio-original-controls .accordion-card .accordion-chevron{border-color:#9a8999;width:7px;height:7px;flex-basis:7px}
.studio-original-controls .accordion-card[open]>summary{margin-bottom:17px}
.studio-original-controls .accordion-card label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:500;color:#746c7b;min-width:0;margin:0 0 14px}
.studio-original-controls .accordion-card label.switch-row{display:flex;flex-direction:row;gap:8px;align-items:center;line-height:1.5;font-size:11px;font-weight:450;padding:0}
.studio-original-controls .accordion-card input:not([type=checkbox]):not([type=range]):not([type=color]),.studio-original-controls .accordion-card select{min-height:38px;width:100%;max-width:100%;min-width:0;border:1px solid #dfe1e9;border-radius:7px;background:#ffffffa8;color:var(--studio-ink);padding:9px;font-size:11px;font-weight:500;line-height:1.45}
.studio-original-controls .accordion-card input[type=checkbox]{appearance:auto;width:14px;height:14px;min-height:0;flex:none;accent-color:var(--studio-burgundy);padding:0;margin:0}
.studio-original-controls .accordion-card input[type=range]{width:100%;min-width:0;min-height:0;margin:4px 0;accent-color:var(--studio-burgundy)}
.studio-original-controls .accordion-card input[type=color]{width:100%;height:36px;min-height:0;max-width:100%;padding:4px;border:1px solid #dfe1e9;border-radius:7px;background:#ffffffa8}
.studio-original-controls .template-current-preview{grid-template-columns:51px minmax(0,1fr);gap:9px;margin:0 0 16px;padding:9px;border:1px solid #e2e2eb;border-radius:9px;background:#fff9;min-width:0}
.studio-original-controls .template-current-preview .preset-swatch{width:51px;height:55px;border-radius:7px;border-color:#dddde6}
.studio-original-controls .template-current-preview strong{font:600 11px/1.5 system-ui,sans-serif;color:var(--studio-ink)}
.studio-original-controls .template-current-preview small{font-size:9px;font-weight:400;line-height:1.6;color:#8c8291}
.studio-original-controls .background-mode-note,.studio-original-controls .soft-copy{font-size:10px;font-weight:400;line-height:1.7;color:#8f8493;margin:9px 0}
.studio-original-controls .secondary-button{width:100%;min-height:36px;padding:8px 10px;border:1px solid #dcdde7;border-radius:7px;box-shadow:none;background:#fff9;color:#746181;font-size:10px;font-weight:550;line-height:1.5;white-space:normal}
.studio-original-controls .secondary-button:hover{background:#f2eff8;border-color:#bab2cb}
.studio-original-controls .conditional-background-controls{display:block;padding:0;margin:0;background:transparent;border:0}
.studio-original-controls .background-preview-card{max-width:100%;margin:13px 0;padding:8px;border:1px solid #e3e0ea;border-radius:8px;background:#fff9;font-size:9px;color:#93869a}
.studio-original-controls .background-preview-card>div{height:95px;border-radius:5px;background-size:cover;background-position:center;margin-bottom:7px}
.studio-original-controls .segmented-control{display:flex;width:100%;min-width:0;gap:4px;padding:4px;border:1px solid #e3e0ea;border-radius:7px;background:#fff9;margin:13px 0}
.studio-original-controls .segmented-control button{flex:1;min-width:0;padding:7px 5px;background:transparent;color:#7c6a87;border:0;border-radius:5px;font-size:10px;font-weight:500}
.studio-original-controls .segmented-control button.active{background:#ede8f4;color:#655272}
.studio-original-controls .text-style-grid{display:grid;grid-template-columns:1fr;gap:0;min-width:0}
.studio-original-controls .control-label{font-size:11px;font-weight:500;color:#746c7b;margin-bottom:7px}
.studio-original-controls .weight-picker,.studio-original-controls .alignment-picker{display:grid;padding:3px;gap:3px;min-height:35px;border:1px solid #e2deea;border-radius:7px;background:#fff9;margin-bottom:14px}
.studio-original-controls .weight-picker{grid-template-columns:repeat(5,minmax(0,1fr))}
.studio-original-controls .alignment-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-original-controls .weight-picker button,.studio-original-controls .alignment-picker button{min-height:27px;min-width:0;padding:5px 3px;border:0;border-radius:5px;background:transparent;color:#7d6c89;font-size:12px;box-shadow:none}
.studio-original-controls .weight-picker button.active,.studio-original-controls .alignment-picker button.active{background:#eae6f3;color:#695676}
.studio-original-controls .color-inline{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;width:100%;min-height:38px;padding:4px;border:1px solid #e2deea;border-radius:7px;background:#fff9}
.studio-original-controls .color-inline input[type=color]{width:32px;height:28px;min-height:0;padding:0;border:0}
.studio-original-controls .color-inline input:not([type=color]){min-height:28px;border:0;background:transparent;padding:4px 5px;font-size:10px}
.studio-original-controls .font-live-preview{padding:13px;margin:6px 0 0;border:1px solid #e2deea;border-radius:7px;background:#fff9;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.studio-original-controls .border-control-grid{grid-template-columns:1fr;gap:0;min-width:0}
.studio-original-controls .watermark-note{display:flex;align-items:center;gap:9px;margin:4px 0 0;padding:10px 0;border:0;background:transparent;color:#9b91a0;font-size:9px;line-height:1.6}
.studio-original-controls .watermark-note img{width:58px;height:auto;max-width:58px;opacity:.6}
.studio-original-controls .watermark-note strong{font-size:9px;font-weight:400;line-height:1.6;color:#9b91a0}
.studio-extra-controls,.studio-selected-text-controls{border-top:1px solid #e3e0ea;padding-top:20px;margin-top:20px;min-width:0}
.studio-selected-text-controls{border-top:0;padding-top:0;margin-top:0;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e3e0ea}
.studio-extra-controls h3,.studio-selected-text-controls h3{font:600 11px/1.5 system-ui,sans-serif;color:var(--studio-ink);letter-spacing:0;margin:0 0 16px}
.studio-design .studio-board-inspector .studio-field{font-size:11px;margin-bottom:17px}
.studio-design .studio-board-inspector .studio-field>input,.studio-design .studio-board-inspector .studio-field>select,.studio-design .studio-board-inspector .studio-field>textarea{background:#fff9;border-color:#dfe1e9;font-size:11px;min-height:38px}
.studio-range-field{display:block;margin:0 0 19px;font-size:10px;color:#817389;min-width:0}
.studio-range-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-weight:500}
.studio-range-field output{color:#a095a8;font-size:9px;font-weight:400}
.studio-range-field input[type=range]{width:100%;min-width:0;accent-color:var(--studio-burgundy);margin:0}
.studio-design .studio-board-inspector .studio-inspector-row{grid-column:auto;grid-template-columns:1fr 1fr;gap:10px}
.studio-design .studio-board-inspector .studio-inspector-position{grid-column:auto}
.studio-design .studio-board-inspector .studio-text-visibility{font-size:11px;margin-bottom:16px}
.studio-design .studio-board-inspector .studio-inspector-note{font-size:10px;line-height:1.75}
.studio-design .studio-board-scroll{padding:24px}
@media(min-width:1600px){.studio-design .studio-design-layout{grid-template-columns:168px minmax(0,1fr) 345px}.studio-design .studio-design-layout.is-inspector-collapsed{grid-template-columns:168px minmax(0,1fr)}.studio-design .studio-layer-tools{padding-inline:17px}.studio-design .studio-board-inspector{padding-inline:23px}}
@media(max-width:1100px) and (min-width:681px){
 .studio-shell>.studio-main>.studio-content-design>.studio-design{height:auto;min-height:0}
 .studio-design .studio-design-layout{grid-template-columns:140px minmax(0,1fr);grid-template-rows:minmax(600px,70dvh) auto}
 .studio-design .studio-design-layout.is-inspector-collapsed{grid-template-columns:140px minmax(0,1fr);grid-template-rows:minmax(600px,70dvh)}
 .studio-design .studio-board-inspector{grid-column:1/-1;display:flex;overflow:visible;border-left:0;border-top:1px solid #e3e0ea;padding:22px}
 .studio-design .studio-layer-tools{overflow:auto}
 .studio-original-controls .board-style-controls{max-width:700px}
 .studio-design .studio-inspector-tabpanel{max-width:700px;width:100%;margin:auto}
 .studio-inspector-tabs{max-width:700px;width:100%;margin-inline:auto}
}
@media(max-width:680px){
 .studio-design .studio-layer-tools{display:block;padding:16px 19px 17px}
 .studio-design .studio-layer-tools .studio-panel-heading{margin-bottom:11px}
 .studio-design .studio-layer-tools .studio-text-layers{display:flex;flex-direction:row;overflow:auto;gap:6px;margin:0 0 13px;max-width:100%;padding:0 1px 4px}
 .studio-design .studio-layer-tools .studio-text-layers button{flex:0 0 145px;width:145px;min-width:0;padding:8px;font-size:9px!important;border-color:#e3dfe9;background:#fff8}
 .studio-design .studio-layer-tools>.studio-add-text{display:inline-flex;width:auto;margin:0;padding:7px 11px;font-size:10px!important}
 .studio-design .studio-layer-tools .studio-design-tip{display:none}
 .studio-design .studio-layer-tools .studio-reset-text{display:inline-flex;width:auto;margin:0 0 0 14px;padding:0;border:0;font-size:9px!important}
 .studio-design .studio-board-inspector{display:flex;flex-direction:column;padding:21px 19px 25px;overflow:visible}
 .studio-design .studio-design-layout,.studio-design .studio-design-layout.is-inspector-collapsed{display:flex;flex-direction:column;grid-template-columns:none}
 .studio-inspector-tabs{gap:4px;padding:4px}
 .studio-inspector-tabs button{padding:10px 3px;font-size:11px!important}
 .studio-original-controls .accordion-card>summary strong{font-size:13px}
 .studio-original-controls .accordion-card label,.studio-original-controls .accordion-card label.switch-row{font-size:12px}
 .studio-original-controls .accordion-card input:not([type=checkbox]):not([type=range]):not([type=color]),.studio-original-controls .accordion-card select{font-size:12px;min-height:42px}
 .studio-original-controls .secondary-button{min-height:40px;font-size:11px}
 .studio-original-controls .text-style-grid{grid-template-columns:1fr 1fr;gap:0 12px}
 .studio-original-controls .text-style-grid>.color-inline{grid-column:1/-1}
 .studio-design .studio-board-inspector .studio-field:has(textarea){grid-row:auto;grid-column:auto}
}
.studio-background-fit{display:flex;gap:5px;padding:4px;margin:0 0 20px;border:1px solid #e3e0ea;border-radius:7px;background:#fff9}
.studio-background-fit button{flex:1;min-width:0;padding:8px 5px;border:0;border-radius:5px;background:transparent;color:#887594;font-size:10px!important}
.studio-background-fit button[aria-pressed=true]{background:#ede8f4;color:var(--studio-burgundy);font-weight:600}
.studio-shell>.studio-main{padding:0;gap:0}
.studio-guide-note{font-size:10px!important;color:#938499;line-height:1.7;margin:-7px 0 16px!important}

/* Compact board tools share the canvas frame; printed artwork stays unchanged. */
.studio-design .studio-board-stage>.studio-board-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;flex:none;min-width:0;padding:6px 14px;border-bottom:1px solid #dfe3ed;background:rgba(255,255,255,.8);backdrop-filter:blur(18px)}
.studio-design .studio-board-toolbar-summary{display:flex;flex-direction:column;gap:2px;flex:none;min-width:0}
.studio-design .studio-board-toolbar-summary h1{font:600 12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;margin:0;color:var(--studio-ink)}
.studio-design .studio-board-toolbar-summary>span{font-size:9px;line-height:1.4;color:#8c8196;white-space:nowrap}
.studio-design .studio-board-toolbar-summary i{font-style:normal;margin:0 5px;opacity:.7}
.studio-design .studio-board-toolbar .studio-inspector-tabs{display:flex;flex:0 1 auto;width:auto;min-width:0;max-width:100%;gap:2px;padding:3px;border-radius:8px;margin:0;background:#f0f1f6b3}
.studio-design .studio-board-toolbar-tabs button{flex:0 1 auto;gap:4px;min-height:27px;padding:5px 7px;font-size:10px!important;white-space:nowrap}
.studio-design .studio-board-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex:none;min-width:0;max-width:100%;gap:5px;margin-left:auto}
.studio-design .studio-board-toolbar .studio-board-tool{display:inline-flex;align-items:center;justify-content:center;gap:2px;flex:none;width:30px;height:32px;margin:0;padding:5px;border:1px solid #dfe1eb;border-radius:7px;background:#fff9;color:#81728e;font-size:10px!important;line-height:1}
.studio-design .studio-board-toolbar .studio-add-text{width:42px;border-style:solid}
.studio-design .studio-board-toolbar .studio-zoom-controls{align-self:auto;gap:0;height:32px;margin:0;padding:2px;border:1px solid #dfe1eb;border-radius:7px;background:#fff9;box-shadow:none;backdrop-filter:none}
.studio-design .studio-board-toolbar .studio-zoom-controls button{min-width:25px;height:26px;padding:4px;gap:4px;font-size:9px!important}
.studio-design .studio-board-toolbar .studio-zoom-controls>span{min-width:31px;font-size:9px;line-height:1.4}
.studio-design .studio-board-toolbar .studio-zoom-controls>i{height:15px;margin:0 4px}
.studio-design .studio-board-toolbar .studio-fit-control{padding-inline:5px}
.studio-design .studio-board-toolbar .studio-board-tool:hover,.studio-design .studio-board-toolbar .studio-zoom-controls button:hover:not(:disabled){background:#f2edf7;border-color:#c9bed6;color:#6d477d}
.studio-design .studio-board-toolbar .studio-board-tool.is-open{background:#eee8f5;border-color:#d1c4df;color:#6d477d}
.studio-design .studio-board-context-help{display:flex;align-items:flex-start;gap:10px;flex:none;min-width:0;margin:0;padding:11px 15px;border-bottom:1px solid #dfe3ed;background:#f8f6fccf;color:#887693}
.studio-design .studio-board-context-help>svg{flex:none;margin-top:2px}
.studio-design .studio-board-context-help p{flex:1;min-width:0;margin:0;font-size:10px;line-height:1.7;color:#80748b}
.studio-design .studio-board-context-help>.studio-board-tool{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;padding:4px;border:0;border-radius:5px;background:transparent;color:#93859d}
.studio-design .studio-board-context-help>.studio-board-tool:hover{background:#eee8f5;color:#6d477d}
.studio-design .studio-board-inspector>.studio-panel-heading{margin-bottom:21px}

/* These selectors outrank the shared glass theme, which is loaded last. */
.maker-private-mode .studio-app .studio-design .studio-board-stage>.studio-board-toolbar{background:rgba(255,255,255,.86);border-color:var(--glass-line,#dfe3ed)}
.maker-private-mode .studio-app .studio-design .studio-board-toolbar-summary h1{font-size:12px!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:600!important;letter-spacing:0!important;color:var(--glass-ink,#344158)!important}
.maker-private-mode .studio-app .studio-design .studio-board-toolbar .studio-zoom-controls{background:#fff9;box-shadow:none;backdrop-filter:none}
.maker-private-mode .studio-app .studio-design .studio-board-toolbar .studio-board-tool.is-open{background:var(--glass-selected,#eee8f5);border-color:#d1c4df;color:var(--glass-plum,#6d477d)}
.maker-private-mode .studio-app .studio-design .studio-board-toolbar-summary>span,.maker-private-mode .studio-app .studio-design .studio-board-context-help p{color:var(--glass-muted,#80748b)}
@media(max-width:1100px) and (min-width:681px){
 .studio-design .studio-board-stage>.studio-board-toolbar{gap:8px 10px;padding:6px 12px}
 .studio-design .studio-board-toolbar-actions{margin-left:auto}
}
@media(max-width:680px){
 .studio-design .studio-board-stage>.studio-board-toolbar{gap:7px 8px;padding:6px 12px}
 .studio-design .studio-board-toolbar-summary h1{font-size:11px}
 .maker-private-mode .studio-app .studio-design .studio-board-toolbar-summary h1{font-size:11px!important}
 .studio-design .studio-board-toolbar .studio-inspector-tabs{margin-left:auto}
 .studio-design .studio-board-toolbar-tabs button{min-height:31px;padding:6px;font-size:10px!important;gap:3px}
 .studio-design .studio-board-toolbar-tabs button svg{width:13px;height:13px}
 .studio-design .studio-board-toolbar-actions{width:100%;justify-content:flex-end;gap:6px}
 .studio-design .studio-board-toolbar .studio-board-tool{width:35px;height:35px}
 .studio-design .studio-board-toolbar .studio-add-text{width:44px;margin-right:auto}
 .studio-design .studio-board-toolbar .studio-zoom-controls{height:35px;padding:3px}
 .studio-design .studio-board-toolbar .studio-zoom-controls button{height:27px;min-width:26px;padding:4px 5px}
 .studio-design .studio-board-context-help{padding:10px 12px;gap:8px}
 .studio-design .studio-board-context-help p{font-size:10px}
}

/* Native label spans need explicit styles; the original global rule is brown and bold. */
.maker-private-mode .studio-app .studio-design .studio-board-inspector label>span{color:var(--glass-muted,#68758a);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0}
.maker-private-mode .studio-app .studio-design .studio-board-inspector .conditional-background-controls{animation:none;opacity:1}
.maker-private-mode .studio-app .studio-design .studio-board-inspector input[type=color]{appearance:auto;color-scheme:light;cursor:pointer}
.maker-private-mode .studio-app .studio-design .studio-board-inspector .plain-background-controls input[type=color]{height:38px;min-height:38px;padding:5px;background:#f4f6fa;border:1px solid #cbd2df;border-radius:7px;box-shadow:none}
.maker-private-mode .studio-app .studio-design .studio-board-inspector input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.maker-private-mode .studio-app .studio-design .studio-board-inspector input[type=color]::-webkit-color-swatch{border:1px solid #aeb8c9;border-radius:4px}
.maker-private-mode .studio-app .studio-design .studio-board-inspector input[type=color]::-moz-color-swatch{border:1px solid #aeb8c9;border-radius:4px}

.studio-shell .studio-setup{padding-top:30px}
.studio-setup>.studio-page-intro h1{font:600 18px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.02em;margin:0 0 6px;color:var(--studio-ink)}
.studio-setup>.studio-page-intro p{font-size:11px;line-height:1.7;margin:0;color:var(--studio-muted)}
.studio-setup>.studio-setup-grid{margin-top:24px}
.maker-private-mode .studio-app .studio-setup>.studio-page-intro h1{font-size:18px!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--glass-ink,#253247)!important}
@media(max-width:680px){.studio-shell .studio-setup{padding-top:23px}.studio-setup>.studio-setup-grid{margin-top:22px}}

/* Toolbar actions open the actual Maker controls at their point of use. */
.studio-design .studio-board-toolbar-controls{display:flex;align-items:center;gap:4px;flex:0 1 auto;min-width:0;max-width:100%}
.studio-design .studio-board-toolbar-controls>button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:31px;min-width:0;padding:6px 8px;border:1px solid #dfe3ec;border-radius:7px;background:#fff9;color:#68758a;font-size:10px!important;font-weight:500;white-space:nowrap}
.studio-design .studio-board-toolbar-controls>button:hover,.studio-design .studio-board-toolbar-controls>button.is-open{border-color:#c7b9d5;background:#f1edf7;color:#6d477d}
.studio-design .studio-board-popover{position:fixed;z-index:140;display:flex;flex-direction:column;min-width:0;margin:0;padding:0;overflow:hidden;border:1px solid #d9ddea;border-radius:13px;background:rgba(255,255,255,.98);color:var(--studio-ink);box-shadow:0 18px 54px #27334d26,0 1px 4px #27334d0d;animation:studioBoardPopoverIn 140ms ease-out;transform-origin:top left}
.studio-design .studio-board-popover-heading{display:flex;align-items:center;gap:8px;flex:none;padding:12px 14px;border-bottom:1px solid #e2e5ed;background:#f8f9fc;color:#6d477d}
.studio-design .studio-board-popover-heading h2{flex:1;min-width:0;font:600 12px/1.5 system-ui,sans-serif;letter-spacing:0;color:#253247;margin:0}
.studio-design .studio-board-popover-heading button{display:flex;align-items:center;justify-content:center;flex:none;width:27px;height:27px;border:0;border-radius:6px;padding:5px;background:transparent;color:#8190a5}
.studio-design .studio-board-popover-heading button:hover{background:#ece8f4;color:#6d477d}
.studio-design .studio-board-popover-body{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px;scrollbar-width:thin;scrollbar-color:#c1c8d8 transparent}
.studio-design .studio-board-popover-footer{display:flex;align-items:center;gap:6px;flex:none;padding:9px 14px;border-top:1px solid #e2e5ed;background:#f8f9fc;color:#8591a3;font-size:9px;line-height:1.5}
.studio-design .studio-board-popover .studio-original-controls .text-style-grid{grid-template-columns:1fr 1fr;gap:0 12px}
.studio-design .studio-board-popover .studio-original-controls .border-control-grid{grid-template-columns:1fr 1fr;gap:0 12px}
.studio-design .studio-board-popover .studio-original-controls .border-control-grid>.switch-row{grid-column:1/-1}
.studio-design .studio-board-popover .studio-native-text-link{width:100%;font-size:10px!important;margin-top:3px;min-height:36px}
.studio-design .studio-layer-inspector .studio-selected-text-controls{margin:0;padding:0;border:0}
.studio-design .studio-layer-inspector .studio-selected-text-controls h3{margin-bottom:12px}
.studio-design .studio-layer-inspector .studio-field{gap:6px;margin-bottom:14px}
.studio-design .studio-layer-inspector .studio-field textarea{min-height:65px;font-size:12px!important}
.studio-design .studio-layer-inspector .studio-text-visibility{margin-bottom:13px}
.studio-design .studio-layer-inspector .studio-text-alignment{margin-bottom:14px}
.studio-design .studio-layer-inspector .studio-position-controls{margin-top:14px;padding-top:15px}
.studio-design .studio-layer-inspector .studio-position-controls h3{margin-bottom:12px}
.studio-design .studio-layer-inspector .studio-inspector-position{margin-bottom:12px}
.studio-design .studio-layer-inspector .studio-inspector-note{font-size:10px;line-height:1.7;margin:12px 0 0}
.studio-design .studio-design-layout{grid-template-columns:150px minmax(0,1fr) var(--studio-board-inspector-width,370px)}
.studio-design .studio-design-layout.is-inspector-collapsed{grid-template-columns:150px minmax(0,1fr)}
.maker-private-mode .studio-app .studio-design .studio-board-popover label>span{font-size:11px;font-weight:500;color:var(--glass-muted,#68758a);line-height:1.5;letter-spacing:0}
.maker-private-mode .studio-app .studio-design .studio-board-popover :is(input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea){background:#fff!important;color:var(--glass-ink,#253247)!important;border-color:#cdd4e0!important;box-shadow:none}
.maker-private-mode .studio-app .studio-design .studio-board-popover .conditional-background-controls{animation:none;opacity:1}
.maker-private-mode .studio-app .studio-design .studio-board-popover input[type=color]{appearance:auto;color-scheme:light;cursor:pointer}
.maker-private-mode .studio-app .studio-design .studio-board-popover .plain-background-controls input[type=color]{height:38px;min-height:38px;padding:5px;background:#f4f6fa;border:1px solid #cbd2df;border-radius:7px;box-shadow:none}
.maker-private-mode .studio-app .studio-design .studio-board-popover input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.maker-private-mode .studio-app .studio-design .studio-board-popover input[type=color]::-webkit-color-swatch{border:1px solid #aeb8c9;border-radius:4px}
.maker-private-mode .studio-app .studio-design .studio-board-popover input[type=color]::-moz-color-swatch{border:1px solid #aeb8c9;border-radius:4px}
.maker-private-mode .studio-app .studio-design .studio-board-popover .studio-field{font-size:11px;margin-bottom:15px}
.maker-private-mode .studio-app .studio-design .studio-board-popover .studio-field>input,.maker-private-mode .studio-app .studio-design .studio-board-popover .studio-field>select,.maker-private-mode .studio-app .studio-design .studio-board-popover .studio-field>textarea{font-size:11px;min-height:38px}
@keyframes studioBoardPopoverIn{from{opacity:.92;transform:translateY(-2px) scale(.995)}to{opacity:1;transform:none}}
@media(min-width:1600px){.studio-design .studio-design-layout{grid-template-columns:168px minmax(0,1fr) var(--studio-board-inspector-width,380px)}.studio-design .studio-design-layout.is-inspector-collapsed{grid-template-columns:168px minmax(0,1fr)}}
@media(max-width:1100px) and (min-width:681px){.studio-design .studio-design-layout,.studio-design .studio-design-layout.is-inspector-collapsed{grid-template-columns:140px minmax(0,1fr)}.studio-design .studio-layer-inspector-body{width:100%;max-width:680px;margin:auto}.studio-design .studio-layer-inspector .studio-selected-text-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.studio-design .studio-layer-inspector .studio-selected-text-controls>h3,.studio-design .studio-layer-inspector .studio-selected-text-controls>.studio-text-visibility,.studio-design .studio-layer-inspector .studio-text-alignment{grid-column:1/-1}.studio-design .studio-layer-inspector .studio-selected-text-controls>.studio-field:has(textarea){grid-row:span 2}.studio-design .studio-layer-inspector .studio-position-controls{margin-top:18px}}
@media(max-width:680px){.studio-design .studio-board-toolbar-controls{margin-left:auto;gap:3px}.studio-design .studio-board-toolbar-controls>button{font-size:9px!important;gap:3px;padding:6px 5px;min-height:34px}.studio-design .studio-board-toolbar-controls>button>svg{width:12px;height:12px}.studio-design .studio-board-popover-heading{padding:10px 12px}.studio-design .studio-board-popover-body{padding:12px}.studio-design .studio-board-popover .studio-original-controls .text-style-grid,.studio-design .studio-board-popover .studio-original-controls .border-control-grid{grid-template-columns:1fr;gap:0}.studio-design .studio-board-popover .studio-original-controls .text-style-grid>.color-inline{grid-column:auto}.studio-design .studio-board-popover .studio-original-controls .accordion-card{padding:12px}.studio-design .studio-board-popover .studio-original-controls .accordion-card>summary strong{font-size:12px}.studio-design .studio-board-popover .studio-original-controls .accordion-card label{font-size:11px}.studio-design .studio-board-popover-footer{font-size:9px;padding-inline:12px}.studio-design .studio-board-popover .studio-original-controls .text-style-grid>.switch-row{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.studio-design .studio-board-popover{animation:none!important}}

.studio-design .studio-example-download{flex:none;padding-top:15px;margin-top:auto;border-top:1px solid #e0e4ed}
.studio-design .studio-example-download>.studio-button{width:100%;min-height:36px;padding:8px 10px;font-size:10px!important;background:#fff9;color:#6d477d;border-color:#d5dbe6;box-shadow:none}
.studio-design .studio-example-download>p{font-size:9px!important;line-height:1.6;color:#8692a3;margin:8px 0 0!important}
.studio-design .studio-example-download>.studio-example-error{color:#a14460}
@media(max-width:1100px){.studio-design .studio-example-download{margin-top:22px}.studio-design .studio-example-download>.studio-button{width:auto;min-width:180px}}

/* Mix uses a fitted sample canvas and compact controls; exported artwork is unchanged. */
.maker-private-mode .studio-app .studio-design>.studio-appearance-toolbar.studio-board-toolbar-compact{justify-content:flex-start;align-content:flex-start;column-gap:10px;row-gap:8px}
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar.studio-board-toolbar-compact .studio-appearance-background{flex:0 1 auto;max-width:420px}
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar.studio-board-toolbar-compact .studio-appearance-borders{flex:0 1 auto;max-width:340px}
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar.studio-board-toolbar-compact .studio-appearance-editing{flex:0 1 auto;margin-left:0;justify-content:flex-start;flex-wrap:wrap;max-width:560px}
@media(max-width:760px){
 .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar.studio-board-toolbar-compact :is(.studio-appearance-background,.studio-appearance-borders,.studio-appearance-editing){flex:0 1 100%;max-width:100%;justify-content:flex-start}
}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact{display:flex;flex-direction:column;min-width:0;min-height:0;padding:12px 16px 16px;gap:10px;overflow:hidden}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-titlebar{flex:none;margin:0;padding:0 0 9px;gap:8px;border-color:#dce3ec}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-titlebar>div{min-width:0;gap:8px;flex-wrap:wrap}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-titlebar h1{font:600 16px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.2px;color:#334155}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-titlebar span{font-size:10px;line-height:1.4;color:#69798e}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-layout{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1 1 0;height:auto;min-width:0;min-height:0;gap:14px;align-items:stretch}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-controls{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;height:100%;padding:12px;border:1px solid #d7e0eb;border-radius:11px;background:#fff!important;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcc8d8 transparent}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-controls>*{flex-shrink:0}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-count{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px;margin:0;font-size:11px}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-count>span{font-size:11px;font-weight:600;color:#43536b}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-count input{width:100%;min-width:0;min-height:34px;height:34px;padding:5px 8px;font-size:19px;line-height:1.2;background:#fff!important;color:#334155!important;border:1px solid #cad5e3!important;border-radius:6px;box-shadow:none}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-spare-note{gap:7px;margin:0;font-size:10.5px;line-height:1.45;color:#63748a}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-spare-note svg{margin-top:1px;flex:none}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-tie-card{gap:4px;margin:0;padding:10px;border:1px solid #dce4ed;border-radius:8px;background:#f8fafc;color:#53647a;box-shadow:none}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-estimate-heading{gap:8px;font-size:11px;line-height:1.35;color:#43536b}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-estimate-heading strong{font:650 23px/1.1 system-ui,sans-serif;letter-spacing:-.6px;color:#334155}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-tie-card>small{font-size:9.5px;line-height:1.4;color:#66768a}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-tie-card>.studio-mix-confidence{font-size:9px;color:#748196}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules{margin:5px 0 0;padding:0;border:0;min-width:0}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules legend{margin:0 0 5px;padding:0;font-size:11px;line-height:1.4;color:#43536b}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-all-rules{width:100%;min-height:23px;margin:0 0 5px;padding:4px 7px;border:1px solid #d2dce8;border-radius:5px;background:#fff!important;color:#53647a!important;font-size:9.5px!important;line-height:1.2;box-shadow:none!important}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-all-rules[aria-pressed=true]{background:#eef3f8!important;border-color:#bfcddb!important;color:#36485f!important}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules>div{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules label{gap:5px;min-height:29px;padding:6px;border:1px solid #d6dfea;border-radius:5px;background:#fff;color:#64758a;font-size:10px;line-height:1.25}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules label:has(input:checked){background:#edf2f7;border-color:#bfcddb;color:#3d516a}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules label>span{font-size:10px;font-weight:500;line-height:1.25;color:inherit}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules input{accent-color:#4c617b!important;width:12px;height:12px;min-height:12px;flex:0 0 12px;margin:0;padding:0}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules>small{margin-top:6px;font-size:9px;line-height:1.4;color:#748196}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-button{width:100%;min-height:36px;padding:8px 9px;gap:7px;border-radius:7px;font-size:10.5px!important;line-height:1.35;box-shadow:none!important;transform:none!important}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-generate{background:#334155!important;border-color:#334155!important;color:#fff!important}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-generate:hover:not(:disabled){background:#253247!important;border-color:#253247!important;box-shadow:0 3px 9px #25324719!important}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-print{background:#fff!important;border-color:#cad5e2!important;color:#475b74!important}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-print:hover:not(:disabled){background:#f3f6fa!important;border-color:#aebed2!important;color:#334155!important}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-method{padding:0;border:0;border-radius:0;background:transparent;color:#62738a;box-shadow:none}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-method summary{display:flex;align-items:center;gap:6px;min-height:24px;padding:2px 0;list-style:none;color:#5c7089;font-size:10px;line-height:1.4;cursor:pointer}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-method summary::-webkit-details-marker{display:none}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-method summary>svg:last-child{margin-left:auto;transition:transform .15s ease}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-method[open] summary>svg:last-child{transform:rotate(90deg)}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-method p{position:static;width:auto;margin:7px 0 0;padding:0;border:0;background:transparent;box-shadow:none;font-size:10px;line-height:1.6;color:#62738a}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact :is(.studio-note,.studio-error){margin:0;font-size:10px;line-height:1.5}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;border:1px solid #d4deea;border-radius:11px;overflow:hidden;background:#eaf0f7!important;box-shadow:0 4px 15px #293d5910}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-toolbar{position:relative;top:auto;z-index:2;display:flex;justify-content:space-between;align-items:center;flex:none;gap:12px;min-height:46px;padding:8px 12px;border-bottom:1px solid #d8e1ed;background:#fff;box-shadow:0 3px 10px #29436009}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-toolbar>div{display:flex;flex-direction:column;min-width:0;gap:2px}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-toolbar strong{font:600 11px/1.35 system-ui,sans-serif;color:#3c4e66}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-toolbar>div>span{font-size:9px;line-height:1.35;color:#75859a}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-grid-tag{padding:4px 6px;border:1px solid #dbe3ed;border-radius:5px;background:#f7f9fc;font-size:9px;line-height:1.2;color:#6b7d95;white-space:nowrap}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-paper{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:0;width:100%;padding:16px;overflow:hidden;overscroll-behavior:contain}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-sample-frame{flex:none;min-width:0;max-width:100%;position:relative;background:#fff;box-shadow:0 5px 20px #23375020}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-sample-frame>.studio-board{width:100%!important;height:100%;max-width:none;min-width:0;min-height:0}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-sample-frame>.studio-board>canvas{width:100%;height:100%;max-height:100%;object-fit:contain}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;max-width:290px;padding:12px;text-align:center;color:#6c8099}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-empty h2{font:600 16px/1.4 system-ui,sans-serif;letter-spacing:0;color:#445b78;margin:12px 0 8px}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-empty p{font-size:11px;line-height:1.6;color:#70839b}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-sample-note{flex:none;padding:8px 12px;margin:0;border-top:1px solid #d8e1ed;background:#f9fbfd;color:#6d7f96;font-size:9.5px;line-height:1.45}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffling{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:#eff4fbf0;color:#3c506b;text-align:center;pointer-events:auto}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffling>strong{font:600 14px/1.4 system-ui,sans-serif;color:#3c506b}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffling>span{max-width:260px;font-size:10px;line-height:1.6;color:#6d809b}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffle-stack{position:relative;width:190px;height:165px;margin-bottom:6px}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffle-sheet{position:absolute;left:48px;top:17px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;width:95px;height:130px;padding:12px 8px;border:1px solid #c7d4e5;border-radius:5px;background:#fff;box-shadow:0 6px 15px #2542611c;animation:studioMixShuffle 1.6s ease-in-out infinite}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffle-sheet i{border:1px solid #d8e2ed;border-radius:2px;background:#dfe8f3}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffle-sheet i:nth-child(3n){background:#eaeef5}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffle-sheet-0{--mix-shift:-32px;--mix-angle:-12deg;animation-delay:-.5s;z-index:1}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffle-sheet-1{--mix-shift:31px;--mix-angle:11deg;animation-delay:-1s;z-index:2}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffle-sheet-2{--mix-shift:0px;--mix-angle:0deg;z-index:3}
@keyframes studioMixShuffle{0%,100%{transform:translate(var(--mix-shift),4px) rotate(var(--mix-angle))}50%{transform:translate(calc(var(--mix-shift) * -1),-7px) rotate(calc(var(--mix-angle) * -1))}}
@media(max-width:1100px){
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact{overflow:visible;height:auto;flex:none;padding:12px 16px 20px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-layout{flex:none;grid-template-columns:240px minmax(0,1fr);height:auto;gap:12px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-controls{height:auto;max-height:none;overflow:visible}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-stage{height:clamp(380px,64dvh,580px);min-height:0}
}
@media(max-width:700px){
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact{padding:13px 12px 20px;gap:10px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-layout{grid-template-columns:minmax(0,1fr);gap:12px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-controls{gap:10px;padding:12px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-button{min-height:40px;font-size:11px!important}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules label{min-height:34px;padding:8px;font-size:11px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules label>span{font-size:11px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-stage{height:clamp(380px,62dvh,570px)}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-paper{padding:12px}
}
@media(prefers-reduced-motion:reduce){
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-shuffle-sheet{animation:none!important;transform:translate(var(--mix-shift),4px) rotate(var(--mix-angle))}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-method summary>svg:last-child{transition:none!important}
}

/* Keep the complete default Mix menu visible beside native account/service rows. */
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-controls>.studio-mix-settings{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:3px}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-controls>.studio-mix-actions{display:flex;flex-direction:column;flex:none;gap:7px;margin-top:auto;padding-top:9px;border-top:1px solid #dce3ed;min-width:0}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-actions>.studio-button{width:100%;min-width:0;min-height:35px;justify-content:center;gap:6px;padding:7px 9px;font-size:10px!important;white-space:normal}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-result{display:flex;align-items:center;gap:8px;min-width:0;padding-bottom:2px;color:#41566e}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-result>svg{flex:none;color:#087e78}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-result>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-result strong{font:600 13px/1.3 system-ui,sans-serif;color:#334155}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-result span{font:400 10px/1.4 system-ui,sans-serif;color:#63748a}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-footer{display:flex;align-items:center;flex:none;min-width:0;gap:12px;padding:8px 12px;border-top:1px solid #d8e1ed;background:#f9fbfd}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-footer>.studio-mix-sample-note{flex:1;min-width:0;padding:0;border:0;background:transparent}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-footer>.studio-mix-print{flex:none;width:auto;min-height:32px;padding:6px 9px;white-space:nowrap}
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-method .studio-mix-confidence{font-size:10px;font-weight:600;color:#465b76}
@media(min-width:1101px){
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-controls{gap:6px;padding:10px 12px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-tie-card{padding:8px 10px}
}
@media(max-width:700px){
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-controls>.studio-mix-settings{flex:none;overflow:visible;gap:10px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-actions>.studio-button{min-height:42px;font-size:12px!important}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-result strong{font-size:14px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-result span{font-size:11px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-footer{flex-wrap:wrap;gap:8px}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-footer>.studio-mix-sample-note{flex-basis:100%}
 .maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-footer>.studio-mix-print{width:100%;min-height:40px}
}
/* The guide lives in the browser top layer, separate from scrolling artwork. */
.maker-private-mode .studio-app .studio-guide-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:4px 7px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;font:500 11px/1.4 system-ui,sans-serif;white-space:nowrap}
.maker-private-mode .studio-app .studio-guide-button:hover{background:#f1f5f9}
.maker-private-mode .studio-app .studio-welcome-guide{width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden;margin:auto;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#334155;box-shadow:0 24px 90px #0f172a38}
.maker-private-mode .studio-app .studio-welcome-guide[open]{display:flex;flex-direction:column}
.maker-private-mode .studio-app .studio-welcome-guide::backdrop{background:#0f172a85;backdrop-filter:blur(4px)}
.maker-private-mode .studio-app .studio-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid #e2e8f0;background:#fff}
.maker-private-mode .studio-app .studio-guide-heading h2{font:650 24px/1.25 system-ui,sans-serif!important;letter-spacing:-.5px!important;margin:5px 0 7px!important;color:#243247!important}
.maker-private-mode .studio-app .studio-guide-heading p{font-size:12px;line-height:1.5;color:#526177;margin:0;max-width:560px}
.maker-private-mode .studio-app .studio-guide-heading>.studio-icon-button{flex:none;color:#41526c;background:#fff;border-color:#cbd5e1}
.maker-private-mode .studio-app .studio-guide-body{display:grid;grid-template-columns:150px minmax(0,1fr) 260px;gap:20px;padding:22px 24px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
.maker-private-mode .studio-app .studio-guide-steps{display:flex;flex-direction:column;gap:6px;align-self:start;position:sticky;top:0}
.maker-private-mode .studio-app .studio-guide-steps button{display:flex;align-items:center;gap:7px;min-height:43px;border:1px solid transparent;border-radius:8px;padding:8px 9px;background:#fff;color:#526177;text-align:left;font:500 11px/1.3 system-ui,sans-serif}
.maker-private-mode .studio-app .studio-guide-steps button:hover{background:#f1f5f9}
.maker-private-mode .studio-app .studio-guide-steps button[aria-current=step]{color:#243247;background:#edf2f7;border-color:#bac6d6}
.maker-private-mode .studio-app .studio-guide-steps button>svg{flex:none}
.maker-private-mode .studio-app .studio-guide-steps button>svg:last-child{margin-left:auto}
.maker-private-mode .studio-app .studio-guide-step-number{flex:none;display:grid;place-items:center;width:17px;height:17px;border:1px solid #cbd5e1;border-radius:50%;font-size:9px;line-height:1;background:#fff;color:#526177}
.maker-private-mode .studio-app .studio-guide-content{min-width:0;padding-top:5px}
.maker-private-mode .studio-app .studio-guide-kicker{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.08em;color:#61728a}
.maker-private-mode .studio-app .studio-guide-content h3{font:650 20px/1.35 system-ui,sans-serif;letter-spacing:-.3px;color:#243247;margin:9px 0 12px}
.maker-private-mode .studio-app .studio-guide-content>p{font-size:13px;line-height:1.7;color:#475569;margin:0 0 18px}
.maker-private-mode .studio-app .studio-guide-content ul{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}
.maker-private-mode .studio-app .studio-guide-content li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.7;color:#475569}
.maker-private-mode .studio-app .studio-guide-content li>svg{flex:none;margin-top:3px;color:#526c7c}
.maker-private-mode .studio-app .studio-guide-access{align-self:start;border:1px solid #dbe3ed;border-radius:11px;padding:16px;background:#f5f7fa;color:#475569}
.maker-private-mode .studio-app .studio-guide-access-heading{display:flex;align-items:center;gap:7px;color:#243247;font-size:12px;margin-bottom:11px}
.maker-private-mode .studio-app .studio-guide-access>p{font-size:11px;line-height:1.65;margin:11px 0 0}
.maker-private-mode .studio-app .studio-guide-access>p strong{font-weight:650;color:#334155}
.maker-private-mode .studio-app .studio-guide-deadline{display:block;margin-top:5px;font-weight:600;color:#41526c}
.maker-private-mode .studio-app .studio-guide-access .studio-guide-ai-note{display:flex;gap:7px;padding-top:12px;border-top:1px solid #dbe3ed;margin-top:13px}
.maker-private-mode .studio-app .studio-guide-ai-note>svg{flex:none;margin-top:2px}
.maker-private-mode .studio-app .studio-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 24px;border-top:1px solid #e2e8f0;background:#fff}
.maker-private-mode .studio-app .studio-guide-footer>div{display:flex;gap:8px}
.maker-private-mode .studio-app .studio-guide-footer .studio-button{min-height:40px;padding:8px 12px;font-size:11px;background:#fff;border-color:#cbd5e1;color:#334155}
.maker-private-mode .studio-app .studio-guide-footer .studio-button-primary{background:#334155;border-color:#334155;color:#fff}
.maker-private-mode .studio-app .studio-guide-dismiss{padding:8px 0;min-height:40px;border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#526177;font:500 11px/1.4 system-ui,sans-serif}
.maker-private-mode .studio-app .studio-welcome-guide :is(button,h3):focus-visible{outline:2px solid #0788b5;outline-offset:3px}
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-labeled-tool{width:auto;gap:4px;padding-inline:7px}
.maker-private-mode .studio-app .studio-content>.studio-locked-stage>div,.maker-private-mode .studio-app .studio-content>div:not(.studio-edit-lock){animation:studio-stage-enter .18s ease-out both}
@keyframes studio-stage-enter{from{opacity:.45}to{opacity:1}}
@media(max-width:900px){
 .maker-private-mode .studio-app .studio-guide-body{grid-template-columns:135px minmax(0,1fr);gap:18px}
 .maker-private-mode .studio-app .studio-guide-access{grid-column:2}
 .maker-private-mode .studio-app .studio-guide-steps{grid-row:1/3}
}
@media(max-width:760px){
 .maker-private-mode .studio-app .studio-guide-button{width:30px;padding:5px;flex:none}
 .maker-private-mode .studio-app .studio-guide-button>span{display:none}
 .maker-private-mode .studio-app .studio-welcome-guide{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}
 .maker-private-mode .studio-app .studio-guide-heading{padding:17px 16px 14px}
 .maker-private-mode .studio-app .studio-guide-heading h2{font-size:21px!important}
 .maker-private-mode .studio-app .studio-guide-heading p{font-size:11px}
 .maker-private-mode .studio-app .studio-guide-body{display:flex;flex-direction:column;gap:20px;padding:14px 16px 18px}
 .maker-private-mode .studio-app .studio-guide-steps{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%}
 .maker-private-mode .studio-app .studio-guide-steps button{flex-direction:column;gap:5px;padding:8px 3px;min-height:68px;text-align:center;font-size:9px}
 .maker-private-mode .studio-app .studio-guide-steps button>svg:last-child:not(:nth-child(2)),.maker-private-mode .studio-app .studio-guide-step-number{display:none}
 .maker-private-mode .studio-app .studio-guide-content{padding-top:0}
 .maker-private-mode .studio-app .studio-guide-content h3{font-size:19px}
 .maker-private-mode .studio-app .studio-guide-access{width:100%;padding:14px}
 .maker-private-mode .studio-app .studio-guide-access>p{font-size:12px}
 .maker-private-mode .studio-app .studio-guide-footer{padding:12px 16px;gap:9px}
 .maker-private-mode .studio-app .studio-guide-footer .studio-button{min-height:44px;padding:8px 10px;font-size:11px}
 .maker-private-mode .studio-app .studio-guide-footer .studio-button>svg{width:14px}
 .maker-private-mode .studio-app .studio-guide-dismiss{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.maker-private-mode .studio-app .studio-content>div,.maker-private-mode .studio-app .studio-content>.studio-locked-stage>div{animation:none;transform:none}}

/* Private card deck and popup; scoped above the last-loaded glass theme. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck{--scd-ink:#344052;--scd-muted:#8792a4;--scd-plum:#6d477a;--scd-line:#e6e9f0;--card-accent:#6d477a!important;--gallery-ink:#344052;--gallery-muted:#8792a4;--gallery-white:#fff;min-height:100%;padding:0;background:#f8f9fc!important;background-image:none!important;color:var(--scd-ink);font:13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-workspace{display:flex;flex-direction:column;min-height:100%;background:transparent}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 20px;border-bottom:1px solid var(--scd-line);background:#ffffffb8;backdrop-filter:blur(18px)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-title{display:flex;align-items:center;gap:9px;min-width:0;color:var(--scd-plum)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-title h1{font:600 15px/1.3 system-ui!important;letter-spacing:-.25px!important;margin:0!important;color:var(--scd-ink)!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-title>span{font-size:10px;color:#98a1b0;border-left:1px solid var(--scd-line);padding-left:10px;margin-left:4px;white-space:nowrap}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-actions{display:flex;gap:9px;align-items:center}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-toggle{display:flex;gap:7px;align-items:center;border:0;background:transparent;color:#8c8197;padding:8px 10px;font-size:11px;min-height:36px;white-space:nowrap}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout{display:grid;grid-template-columns:56px minmax(260px,1fr) 218px;flex:1;align-items:start;min-width:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout--expanded{grid-template-columns:228px minmax(260px,1fr) 218px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tools{min-width:0;background:#ffffffbf;border-right:1px solid var(--scd-line);align-self:stretch;position:relative}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tools-head{display:flex;align-items:center;justify-content:space-between;gap:7px;height:47px;padding:10px 12px;border-bottom:1px solid #edf0f5}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tools-head>span{font-size:10px;color:#979dac;white-space:nowrap}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout:not(.scd-layout--expanded) .scd-tools-head{justify-content:center;padding:10px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout:not(.scd-layout--expanded) .scd-tools-head>span{display:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-nav{display:flex;flex-direction:column;gap:4px;padding:10px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-nav button{display:flex;align-items:center;gap:10px;min-height:37px;padding:9px 10px;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:#8d8197;font-size:11px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-nav button>svg{flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-nav button:hover{background:#f5f2f9;color:#6d477a}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-nav button[aria-selected=true]{background:#f1ebf6;border-color:#e9dff0;color:#6d477a;font-weight:600}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout:not(.scd-layout--expanded) .scd-tool-nav button{padding:9px 7px;justify-content:center}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout:not(.scd-layout--expanded) .scd-tool-nav button>span{display:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-content{padding:13px 16px 28px;border-top:1px solid #edf0f5}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-section-intro{margin:0 0 18px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-section-intro h2{font:600 12px/1.6 system-ui!important;letter-spacing:0!important;color:#616b7f!important;margin:0 0 6px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-section-intro p{font-size:10px;line-height:1.9;color:#959eae;margin:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center!important;position:relative;min-height:220px;border:1px dashed #c6b9d2!important;border-radius:11px!important;padding:21px 13px!important;background:#f8f6fcb0!important;background-image:none!important;box-shadow:none!important;color:#8b7599!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone.dragging{background:#eee6f7!important;border-color:#9e80b5!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone::before,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone::after{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone input[type=file]{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-art{width:47px;height:57px;margin:4px 0 5px;border:1px solid #dacfe5;border-radius:7px;background:#fff;box-shadow:4px 3px 0 #e8e1f0;transform:rotate(-6deg)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-art::before,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-art::after{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone h3{font:600 11px/1.7 system-ui!important;color:#857093!important;margin:0!important;letter-spacing:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone p{font-size:10px!important;color:#9b8caa!important;line-height:1.7!important;margin:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .inline-actions{width:100%;margin:2px 0 0;padding:0;display:block}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .inline-actions button{width:100%;font-size:10px!important;min-height:35px!important;padding:8px 10px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-guide{display:flex;align-items:start;gap:9px;border-top:1px solid #edf0f5;padding-top:17px;margin-top:19px;color:#8d829a}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-guide svg{flex:none;margin-top:2px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-guide p{font-size:10px;line-height:1.85;color:#98a0ad}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-note{display:flex;align-items:start;gap:6px;font-size:9px;line-height:1.8;color:#a1a7b3;margin-top:18px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-note svg{flex:none;margin-top:2px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-font-sample{display:flex;flex-direction:column;gap:9px;padding:22px 14px;background:#f7f4fbc7;border:1px solid #ece5f4;border-radius:9px;text-align:center;color:#766283;margin-bottom:22px;word-break:break-word}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-font-sample>span{font-size:22px;line-height:1.45}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-font-sample>small{font-size:16px;opacity:.48;letter-spacing:.08em}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery{min-width:0;padding:0 20px 24px;outline:none;background:linear-gradient(120deg,#f8f9fc,#f5f7fa)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0 17px;min-height:59px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-bar>span{font-size:10px;line-height:1.7;color:#979faf}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-actions{display:flex;align-items:center;gap:9px;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-name-next{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:5px 7px;border:1px solid #e9dfef;border-radius:6px;background:#fff;color:#795687;font-size:10px;white-space:nowrap}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-name-next:hover{background:#f5f0f8}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-bar .deck-view-toggle{display:flex;flex:none;padding:3px;border:1px solid #e6e5ef!important;background:#fff8!important;border-radius:7px!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-bar .deck-view-toggle button{padding:5px 9px!important;min-height:26px!important;color:#929caf!important;border:0!important;font-size:10px!important;background:transparent!important;border-radius:5px!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-bar .deck-view-toggle button.active{background:#fff!important;color:#7b598d!important;box-shadow:0 1px 5px #52486f0b!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .deck-management-bar,.maker-private-mode .studio-app .studio-cards.studio-card-deck .deck-filter-chips{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .cards-main{display:flex;flex-direction:column;gap:17px;padding:0;background:transparent;min-width:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(127px,1fr))!important;gap:13px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-editor{--card-accent:#8d759f!important;display:flex;flex-direction:column;gap:0;border:1px solid #e4e7ef!important;border-radius:9px!important;padding:7px!important;min-width:0;background:#ffffffb8!important;box-shadow:0 2px 7px #4e567205!important;overflow:hidden}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-editor::before,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-editor::after{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-editor.selected{border-color:#c2aecf!important;background:#fff!important;box-shadow:0 0 0 1px #c6afd226!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-select-button{border:0!important;background:transparent!important;padding:0!important;margin:0!important;display:block;width:100%;border-radius:0!important;overflow:visible;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .lazy-card-preview{padding:0!important;margin:0!important;aspect-ratio:5/7;background:transparent!important;border:0!important;max-height:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-preview-canvas{width:100%!important;max-width:100%;height:auto!important;aspect-ratio:5/7!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;overflow:visible}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-preview-canvas canvas{display:block;width:100%;height:auto;object-fit:contain;border:0;border-radius:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-name-field{display:flex;flex-direction:column;gap:5px;margin:8px 0 0!important;padding:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-name-field>span{font-size:9px!important;line-height:1.4;color:#98a0af!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-name-field input{min-height:28px!important;padding:5px 7px!important;border:1px solid #ecebf3!important;border-radius:5px!important;background:#fafafd!important;box-shadow:none!important;font-size:11px!important;line-height:1.5;color:#7f748d!important;width:100%;min-width:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-quick-actions{display:flex;gap:4px;margin-top:7px;padding:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-quick-actions button{min-height:27px!important;border:1px solid #eeeaf4!important;background:#fff9!important;box-shadow:none!important;font-size:10px!important;border-radius:5px!important;padding:4px 6px!important;color:#a08eac!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-quick-actions .icon-button{width:26px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-quick-actions .adjust-button{flex:1;background:#f7f4fb!important;color:#9578a6!important;border-color:#e8deee!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode{grid-template-columns:1fr!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode .card-editor{display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:13px;padding:9px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode .lazy-card-preview{width:55px;max-height:77px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode .card-name-field{margin:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode .card-quick-actions{margin:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode .ai-card-tools,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode .ai-compare-card{grid-column:1/-1}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-status:empty{display:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-status:not(:empty){margin-bottom:17px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-status .upload-progress-card{border:1px solid #e5def0!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;padding:12px!important;margin:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-status .upload-progress-card::before{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-status strong{font-size:10px!important;color:#8b759b!important;line-height:1.7}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-status span{font-size:9px!important;color:#a59ab2!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-status .upload-progress-track{height:5px;background:#f0eaf7!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-status .upload-progress-track i{background:#b298ca!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e6e8ef;padding-top:18px;margin-top:23px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-footer>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#9a9fb0;line-height:1.8}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-footer>button{width:auto!important;min-height:35px!important;min-width:128px;font-size:10px!important;padding:9px 12px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-sidebar{min-width:0;padding:20px 17px;border-left:1px solid var(--scd-line);background:#ffffffbf;align-self:stretch}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo{display:flex;flex-direction:column;align-items:flex-start}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-eyebrow{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.055em;color:#a08aaf}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art{height:158px;position:relative;width:100%;display:flex;align-items:center;justify-content:center;color:#c3afd2;margin:11px 0 18px;border-radius:10px;background:radial-gradient(ellipse at center,#efe6f6,#f8f5fc85 75%)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-card{position:absolute!important;width:72px!important;aspect-ratio:5/7;filter:drop-shadow(0 3px 5px #68557419);padding:0!important;border:0!important;border-radius:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-card--0{transform:translate(-39px,8px) rotate(-12deg);z-index:1}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-card--1{transform:translate(37px,8px) rotate(12deg);z-index:2}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-card--2{transform:translate(0,-5px) rotate(-2deg);z-index:3}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art>span{position:absolute;right:8px;top:12px;background:#fff9;border:1px solid #eee4f5;border-radius:9px;padding:6px;color:#b396c7;z-index:4;display:flex}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo h2{font:600 18px/1.4 var(--studio-ui-font,Inter,Arial,sans-serif)!important;letter-spacing:-.4px!important;color:#79708a!important;margin:0 0 12px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo>p{font-size:10px;line-height:1.9;color:#9c96ab;margin:0 0 20px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo>.scd-button{width:100%;min-height:37px;font-size:10px;padding:9px 10px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-preview-note{display:flex;gap:7px;align-items:flex-start;padding-top:15px;color:#aa9cb7;font-size:9px;line-height:1.8}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-preview-note svg{flex:none;margin-top:2px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-deck-tip{display:flex;align-items:start;gap:9px;padding-top:22px;border-top:1px solid #edf0f5;margin-top:26px;color:#a99eb6}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-deck-tip>svg{flex:none;margin-top:2px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-deck-tip p{font-size:9px;line-height:1.9;color:#9ca4b5;margin:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .label-style-panel{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .label-style-panel::before,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .label-style-panel>summary{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .compact-settings-body{padding:0!important;display:flex!important;flex-direction:column;gap:20px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-look--design .settings-group:nth-child(3){display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-look--typography .settings-group:not(:nth-child(3)){display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .settings-group{display:flex;flex-direction:column;gap:10px!important;border-bottom:1px solid #edeaf3!important;border-top:0!important;padding:0 0 18px!important;margin:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .settings-group-title{font-size:10px!important;line-height:1.6;font-weight:600!important;color:#8d759e!important;letter-spacing:0!important;text-transform:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .settings-group>label{display:flex;flex-direction:column;gap:8px;font-size:10px!important;font-weight:400!important;color:#a38eb2!important;margin:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .settings-group label strong{font-size:10px!important;font-weight:500!important;color:#a889bc!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .settings-group select{width:100%;min-width:0;max-width:100%;padding:9px 10px!important;border:1px solid #e6deee!important;border-radius:6px!important;background:#fff!important;color:#8b749b!important;font-size:11px!important;min-height:36px!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .segmented-control{display:flex;gap:3px;padding:3px!important;border:1px solid #e9e1f0!important;border-radius:7px!important;background:#f7f3fc!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .segmented-control button{min-height:30px;padding:7px 9px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#a48db4!important;font-size:10px!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .segmented-control button.active{background:#fff!important;color:#8c6ba1!important;box-shadow:0 1px 5px #80628e0b!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .compact-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .switch-row.compact-switch{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:34px;padding:8px!important;margin:0!important;border:1px solid #ece5f3!important;border-radius:6px!important;background:#faf8fd!important;box-shadow:none!important;font-size:10px!important;color:#a18bb2!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .switch-row.compact-switch{min-width:0;max-width:100%;box-sizing:border-box}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tools .compact-switch-grid{grid-template-columns:minmax(0,1fr)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .settings-group{min-width:0;max-width:100%;box-sizing:border-box}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .settings-group input[type=range]{width:100%;min-width:0;max-width:100%}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .color-swatch-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .color-swatch-control{display:flex;position:relative;align-items:center;gap:6px;width:103px!important;min-height:31px;border:1px solid #e9e1f0!important;border-radius:6px!important;padding:4px 6px!important;background:#fff!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .color-swatch-control input[type=color]{position:absolute;inset:0;opacity:0;width:100%!important;height:100%!important;border:0;cursor:pointer;z-index:1}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .color-swatch-control b{display:block;width:20px;height:20px;flex:none;border-radius:4px;border:1px solid #0001}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-controls .color-swatch-control code{font:9px ui-monospace,monospace!important;color:#a88abc!important;letter-spacing:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:9px 12px;border:1px solid #ded5e8!important;border-radius:7px!important;background:#fff!important;color:#8b6b9e!important;box-shadow:none!important;font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap;cursor:pointer}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-button:hover:not(:disabled){background:#f7f2fb!important;border-color:#c8afd9!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-button.scd-button--primary,.maker-private-mode .studio-app .studio-cards.studio-card-deck .primary-button{background:#896397!important;border:1px solid #896397!important;color:#fff!important;border-radius:7px!important;box-shadow:0 2px 5px #6e4b7e09!important;font-size:11px;font-weight:500}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-button.scd-button--primary:hover:not(:disabled),.maker-private-mode .studio-app .studio-cards.studio-card-deck .primary-button:hover:not(:disabled){background:#775084!important;border-color:#775084!important;transform:none!important;box-shadow:0 2px 5px #6e4b7e09!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-icon-button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;flex:none;padding:0;background:#fff!important;border:1px solid #ede7f3!important;border-radius:6px!important;color:#a18aaf!important;cursor:pointer;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-icon-button:hover:not(:disabled){background:#f6f1fb!important;border-color:#d7c7e4!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .cards-empty-state{background:#fff8!important;border:1px solid #e7e8f0!important;border-radius:10px!important;box-shadow:none!important;padding:27px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .cards-empty-state h3{font:600 20px/1.5 var(--studio-ui-font,Inter,Arial,sans-serif)!important;color:#9a83ad!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .cards-empty-state p{font-size:11px!important;line-height:1.85;color:#9c94ac!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .empty-board-grid span{background:#eee8f6!important;border-color:#e0d5ed!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .ai-card-tools{font-size:10px!important;color:#a18caf!important;margin-top:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .ai-select-card span{font-size:9px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .ai-compare-card{background:#f8f3fd!important;border:1px solid #e7ddef!important;border-radius:7px;padding:8px!important;margin-top:10px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .ai-compare-card span{font-size:9px!important;color:#a18caf!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .ai-compare-actions{gap:4px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .ai-compare-actions button{font-size:9px!important;min-height:28px!important;padding:6px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .studio-dialog.studio-card-editor-popup{width:min(970px,calc(100vw - 48px));max-width:970px;height:min(780px,calc(100dvh - 58px));min-height:0;max-height:calc(100dvh - 58px);padding:0!important;margin:auto;border:1px solid #ffffffde!important;border-radius:15px!important;background:#fffefcfa!important;color:var(--scd-ink);box-shadow:0 26px 90px #2630492a!important;overflow:visible;font:13px/1.5 system-ui,sans-serif}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .studio-card-editor-popup[open]{display:flex;flex-direction:column;animation:scd-popup-in .18s ease-out}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .studio-card-editor-popup::backdrop{background:#26304757;backdrop-filter:blur(7px)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;padding:17px 23px;border-bottom:1px solid #e8e6ee;background:#fffffff2;border-radius:15px 15px 0 0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-header>div:first-child{min-width:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-header span{display:block;font-size:9px;letter-spacing:.055em;color:#aa99b6;margin-bottom:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-header h2{font:600 18px/1.4 system-ui!important;color:#71637d!important;letter-spacing:-.4px!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-navigation{display:flex;align-items:center;gap:5px;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-navigation i{height:17px;width:1px;background:#ece5f2;margin:0 7px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-body{display:grid;grid-template-columns:minmax(0,1fr) 337px;min-height:0;flex:1}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 30%,#f7f4fb,#eff1f7);padding:16px 24px 14px;border-right:1px solid #e8e5ef}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview-label{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;color:#a497b0;flex:none;margin-bottom:15px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-art{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:auto;padding:12px 5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-printed-card{width:min(320px,100%);aspect-ratio:5/7;max-height:100%;filter:drop-shadow(0 5px 8px #5d4e7014);padding:0;border:0;border-radius:0;background:transparent;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-printed-card canvas{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview-note{font-size:9px;line-height:1.8;text-align:center;color:#a893b6;margin:11px 0 0!important;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-inspector{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px 16px;border-bottom:1px solid #eee8f4;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px!important;min-height:34px;padding:8px 7px;border:1px solid transparent;background:transparent;color:#a58daf;border-radius:6px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-tabs button:hover{background:#faf6fd}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-tabs button[aria-selected=true]{background:#f4edf9;color:#8f6ba4;border-color:#e9dcf0;font-weight:500}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-controls{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dacde5 transparent;min-height:0;padding:22px 23px;flex:1}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-name-field{display:flex;flex-direction:column;gap:8px;margin:0 0 21px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-name-field>span{font-size:10px;font-weight:500;color:#a087b0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-name-field input{min-height:39px;padding:10px 11px!important;width:100%;min-width:0;font-size:12px!important;line-height:1.5;color:#8b709c!important;background:#fff!important;border:1px solid #e7ddef!important;border-radius:7px!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-scope-note{display:flex;align-items:start;gap:9px;border-top:1px solid #eee6f4;padding-top:17px;margin:0 0 21px;color:#b198c2}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-scope-note>svg{flex:none;margin-top:2px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-scope-note>div{display:flex;flex-direction:column;gap:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-scope-note strong{font-size:10px;font-weight:500;color:#a087b0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-scope-note span{font-size:9px;line-height:1.75;color:#aa92ba}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .scd-popup-art{align-items:flex-start;padding:0 2px;overflow:auto}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-placement-editor{width:100%;max-width:340px;display:flex;flex-direction:column;gap:15px;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-placement-canvas-shell{padding:0!important;overflow:visible;background:transparent!important;border:0!important;border-radius:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-placement-canvas{display:block;width:100%;height:auto;object-fit:contain;touch-action:none;border:0;border-radius:0;margin:0 auto}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-placement-toolbar{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .crop-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#f8f3fc!important;border:1px solid #e8dcf0!important;border-radius:7px;padding:3px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .crop-toggle button{min-height:31px;padding:7px 5px;font-size:10px!important;color:#aa8bbf!important;border:0!important;border-radius:5px;background:transparent!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .crop-toggle button.active{color:#9b7daf!important;background:#fff!important;box-shadow:0 1px 4px #80558e09!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-resize-row{display:flex;align-items:center;gap:12px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-resize-row .icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #e2d4ed!important;background:#fff!important;border-radius:6px;color:#a383b6!important;font-size:14px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-placement-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-placement-shortcuts button{min-height:32px;font-size:10px!important;background:#fff!important;color:#a487b7!important;border:1px solid #e5d8ef!important;border-radius:6px!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-photo-position{display:flex;flex-direction:column;gap:16px;border-top:1px solid #eee6f4;padding-top:19px;margin:0 0 25px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-photo-position h3{font:500 11px system-ui!important;color:#a489b6!important;margin:0 0 1px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-photo-position label{display:flex;flex-direction:column;gap:8px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-photo-position label>span{display:flex;justify-content:space-between;font-size:10px;color:#a98dba}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-photo-position output{font-size:9px;color:#ad94bd}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-photo-actions{display:flex;flex-direction:column;gap:9px;padding-top:20px;border-top:1px solid #eee6f4}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-small-note{font-size:9px;line-height:1.85;color:#ac93bb;margin:15px 0 0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-status{display:flex;align-items:start;gap:9px;padding:13px 12px;border:1px solid #ece0f3;border-radius:8px;background:#faf6fd;color:#b39ac4;margin-bottom:22px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-status>svg{flex:none;margin-top:2px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-status strong{font-size:10px;line-height:1.7;font-weight:500;color:#ad90c0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-status p{font-size:9px;line-height:1.85;color:#a990b9;margin:4px 0 0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-settings-card{display:flex;flex-direction:column;gap:19px;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:0 0 22px!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-settings-card::before{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-minihead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;margin:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-minihead>span{font-size:10px!important;text-transform:none!important;letter-spacing:0!important;color:#ae90c0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-minihead-actions{display:flex;align-items:center;gap:7px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-token-pill{display:flex;align-items:center;gap:5px;background:#f8f2fc!important;border:1px solid #ecddf5!important;border-radius:5px;padding:4px 6px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-token-pill strong,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-token-pill span{font-size:9px!important;color:#b198c3!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-minihead .small-button{font-size:9px!important;padding:5px 7px!important;min-height:26px!important;border:1px solid #eadbf3!important;background:#fff!important;border-radius:5px!important;color:#b198c3!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-control-group{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;display:flex;flex-direction:column;gap:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-control-group>span{font-size:10px!important;font-weight:500!important;color:#ad8fc0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-style-pills,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-quality-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-style-pills button,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-quality-toggle button{min-height:35px;padding:9px 6px!important;border:1px solid #eadef3!important;border-radius:6px!important;font-size:10px!important;color:#aa8fbc!important;background:#fff!important;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-style-pills button.active,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-quality-toggle button.active{background:#f6eefb!important;border-color:#d9bfe9!important;color:#a27bb9!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-more-style{min-height:37px!important;font-size:10px!important;padding:9px 10px!important;border:1px solid #e6d7ef!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;color:#a083b4!important;width:100%;max-width:100%}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-quality-toggle small{font-size:9px!important;background:#f9f3fd!important;color:#b196c2!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-controls .ai-bulk-bar{padding:10px;border:1px solid #ecddf5!important;border-radius:6px;background:#fcf8ff!important;color:#aa90bb;font-size:10px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-actions{display:flex;flex-direction:column;gap:10px;border-top:1px solid #eee6f4;padding-top:18px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-batch{display:flex;align-items:center;gap:7px;font-size:10px;color:#a68ab9;margin:0 0 5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-actions .scd-button{font-size:10px;white-space:normal}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-result-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid #eee6f4;padding-top:18px;margin-top:18px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-token-link{display:flex;justify-content:space-between;align-items:center;gap:7px;width:100%;padding:19px 0 0;border:0;background:transparent;color:#a88abc;font-size:10px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-comparison{display:grid;grid-template-columns:1fr 1fr;gap:17px;width:100%;align-items:start}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-comparison figure{margin:0;min-width:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-comparison img{display:block;width:100%;height:auto;max-height:365px;object-fit:contain;border-radius:0;border:0;background:transparent}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-comparison button{display:block;width:100%;padding:0;border:0;background:transparent;position:relative}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-comparison button>svg{position:absolute;bottom:6px;right:6px;background:#fff9;border-radius:3px;color:#ae8bc2;padding:3px;box-sizing:content-box}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-comparison figcaption{font-size:10px;color:#aa8fbc;text-align:center;margin-top:14px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-feedback{font-size:10px;line-height:1.8;color:#9b7fae;padding:12px;border:1px solid #eadbf4;border-radius:7px;background:#fbf7fe;margin-top:17px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 23px;border-top:1px solid #ece6f3;background:#fff;border-radius:0 0 15px 15px;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-footer>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#ac92bd;line-height:1.8}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-footer>.scd-button{min-width:90px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-delete-card{display:flex;align-items:center;gap:7px;padding:6px 0;border:0;background:transparent;color:#be8ca5;font-size:10px!important}
@media(min-width:1650px){
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout--expanded{grid-template-columns:244px minmax(260px,1fr) 246px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery{padding:0 25px 28px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr))!important;gap:17px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-sidebar{padding:24px 21px}
}
@media(max-width:1250px){
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout{grid-template-columns:52px minmax(250px,1fr) 190px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout--expanded{grid-template-columns:210px minmax(250px,1fr) 190px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery{padding:0 15px 22px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-content{padding:12px 13px 25px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-sidebar{padding:18px 13px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art{height:145px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-card{width:64px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo h2{font-size:18px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-footer{align-items:flex-start;flex-direction:column;gap:11px}
}
@media(max-width:1000px){
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout{grid-template-columns:52px minmax(220px,1fr)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout--expanded{grid-template-columns:218px minmax(220px,1fr)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-sidebar{grid-column:1/-1;border-left:0;border-top:1px solid var(--scd-line);padding:19px 22px;display:flex;gap:24px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo{display:grid;grid-template-columns:100px minmax(0,1fr) 172px;gap:7px 20px;flex:1;min-width:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-eyebrow{grid-column:2}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art{grid-column:1;grid-row:1/5;height:120px;margin:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-card{width:52px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-card--0{transform:translate(-22px,5px) rotate(-12deg)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-card--1{transform:translate(22px,5px) rotate(12deg)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art>span{display:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo h2{grid-column:2;margin:0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo>p{grid-column:2;grid-row:3/5;margin:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo>.scd-button{grid-column:3;grid-row:1/3;align-self:center}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-preview-note{grid-column:3;grid-row:3/5;padding:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-deck-tip{display:none}
}
@media(max-width:760px){
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar{padding:11px 15px;gap:8px;flex-wrap:wrap}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-title h1{font-size:14px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-actions{gap:4px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-toggle{font-size:10px;padding:8px 6px;gap:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar .scd-button{font-size:10px;padding:9px 10px;min-height:34px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout--expanded{display:flex;flex-direction:column}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tools{width:100%;border-right:0;border-bottom:1px solid var(--scd-line)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tools-head{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-nav{flex-direction:row;gap:7px;padding:9px 13px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-nav button,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout:not(.scd-layout--expanded) .scd-tool-nav button{flex:1;padding:8px 9px;justify-content:center;gap:7px;font-size:10px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-layout:not(.scd-layout--expanded) .scd-tool-nav button>span{display:inline}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-content{padding:16px 20px 22px;max-width:480px;width:100%;margin:auto;border-top:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone{min-height:175px;padding:15px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-art{display:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery{width:100%;padding:0 15px 23px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-bar{padding:14px 0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-bar{align-items:flex-start;gap:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-navigation{flex-wrap:wrap;justify-content:flex-end;max-width:175px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid{grid-template-columns:repeat(auto-fill,minmax(134px,1fr))!important;gap:12px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-footer{flex-direction:row;align-items:center;gap:15px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-sidebar{width:100%;padding:20px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo{grid-template-columns:84px minmax(0,1fr);gap:8px 16px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art{grid-row:1/4;height:112px;align-self:center}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo>.scd-button{grid-column:1/-1;grid-row:auto;margin-top:8px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo>p{grid-row:auto}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-preview-note{grid-column:1/-1;grid-row:auto;padding-top:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .studio-dialog.studio-card-editor-popup{width:calc(100vw - 22px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:12px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-header{padding:14px 16px;gap:12px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-header h2{font-size:15px!important;max-width:calc(100vw - 174px)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-body{display:flex;flex-direction:column;overflow:auto}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview{flex:none;padding:15px 18px 13px;border-right:0;border-bottom:1px solid #e8e5ef;min-height:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-art{padding:5px;min-height:0;flex:none;overflow:visible}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-printed-card{width:190px;max-height:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview-label{margin-bottom:9px;font-size:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview-note{font-size:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-inspector{flex:none;min-height:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-tabs{padding:10px 16px;position:sticky;top:0;background:#fff;z-index:2}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-controls{overflow:visible;padding:21px 24px;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-placement-editor{max-width:235px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-placement-canvas{max-height:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .scd-popup-art{overflow:visible}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-preview--photo .photo-placement-toolbar{gap:10px;padding-bottom:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-footer{padding:12px 17px;gap:12px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-footer>span{display:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-popup-footer>.scd-button{min-width:80px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-comparison{gap:11px;max-width:350px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-comparison img{max-height:230px}
}
@media(max-width:420px){
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-title>svg{display:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-title{gap:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-title>span{font-size:9px;padding-left:6px;margin-left:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-toolbar-actions .scd-tool-toggle{font-size:0;gap:0;padding:8px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-tool-nav button{font-size:9px!important;padding:8px 5px!important;gap:5px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode .card-editor{grid-template-columns:48px minmax(0,1fr);gap:11px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode .lazy-card-preview{width:48px;max-height:68px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-grid.list-mode .card-quick-actions{grid-column:1/-1}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-footer>span{font-size:8px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery-footer>button{min-width:120px}
}

.maker-private-mode .studio-app .studio-cards.studio-card-deck::before,.maker-private-mode .studio-app .studio-cards.studio-card-deck::after{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck [hidden]{display:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck input[type=checkbox]{accent-color:#9f7db5;width:14px;height:14px;min-height:0;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck input[type=range]{accent-color:#b69aca;width:100%;height:17px;min-height:0;padding:0;background:transparent}
.maker-private-mode .studio-app .studio-cards.studio-card-deck button:disabled{opacity:.4;cursor:default!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck :focus-visible{outline:2px solid #b99acd!important;outline-offset:3px}
@keyframes scd-popup-in{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.maker-private-mode .studio-app .studio-cards.studio-card-deck *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Direct, always-visible deck settings; Upload is the only left menu. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-gallery-bar{display:block;padding:12px 0 8px;min-height:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-global-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;width:100%;padding:9px 0 12px;border-bottom:1px solid #e5e8ef;min-width:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-style{display:flex;align-items:center;flex:none;padding:3px;gap:2px;background:#f1edf6;border:1px solid #e1d9e9;border-radius:7px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-style button{font:500 10px/1.5 system-ui!important;min-height:29px;padding:5px 8px;border:0;border-radius:4px;color:#6f637c;background:transparent;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-style button.active{background:#fff;color:#6d477a;box-shadow:0 1px 3px #63517415!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-check{display:flex;align-items:center;gap:5px;min-height:32px;margin:0;font:500 10px/1.5 system-ui!important;color:#655c72;white-space:nowrap;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-colors{display:flex;align-items:center;gap:7px;flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-colors .color-swatch-field{display:flex!important;align-items:center;gap:5px;margin:0;padding:0;background:none;border:0;min-width:0;color:#74677f;font-size:9px;font-weight:500}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-colors .color-swatch-control{display:flex!important;position:relative;width:26px!important;height:28px;min-height:0;align-items:center;justify-content:center;padding:0!important;border:1px solid #d8cfdf;border-radius:6px;background:#fff;box-shadow:none!important;overflow:hidden}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-colors .color-swatch-control input[type=color]{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0;padding:0;opacity:0;cursor:pointer;z-index:1}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-colors .color-swatch-control b{width:17px;height:17px;flex:none;border-radius:3px;border:1px solid #0002;display:block}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-colors .color-swatch-control code{display:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-field{display:flex;align-items:center;gap:5px;margin:0;min-width:0;min-height:32px;flex:none;color:#74677f;font:500 9px/1.5 system-ui!important;white-space:nowrap}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-field>div{display:flex;align-items:center;position:relative}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-field select,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-field input{min-height:30px;max-width:100%;min-width:0;margin:0;padding:5px 6px!important;border:1px solid #dfd8e6!important;border-radius:6px!important;background:#fff!important;color:#66516f!important;font-size:10px!important;line-height:1.5;box-shadow:none!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-font select{width:113px;max-width:113px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-weight input{width:35px;padding-right:3px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-size input,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-opacity input{width:49px;padding-right:13px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-field small{position:absolute;right:5px;pointer-events:none;font-size:8px;color:#877491}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-field input[type=number]{appearance:textfield;-moz-appearance:textfield}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-field input::-webkit-inner-spin-button,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-field input::-webkit-outer-spin-button{appearance:none;margin:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-view{margin-left:auto;display:flex;align-items:center}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-view .deck-view-toggle button{min-height:29px!important;padding:5px 8px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;font-size:9px;line-height:1.6;color:#7d8696}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-tool-content{border-top:0;padding-top:17px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-tools .scd-section-intro p{color:#7a8497}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-tools .scd-upload-guide p,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-tools .scd-upload-note{color:#7a7386}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-toolbar .scd-tool-toggle{color:#73647d}
/* Selected-card editing: two tabs and a compact native photo workspace. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-dialog.studio-card-editor-popup{height:min(720px,calc(100dvh - 58px));max-width:900px;width:min(900px,calc(100vw - 48px))}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 16px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-tabs button{color:#786584}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-tabs button[aria-selected=true]{color:#6d477a}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview{padding:12px 18px;overflow:hidden}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview-label{margin-bottom:9px;color:#786883}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .scd-popup-art{align-items:center;padding:0;overflow:visible;flex:1;min-height:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-placement-editor{max-width:205px;width:100%;gap:11px;margin:0 auto}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-placement-toolbar{gap:9px;padding:0;position:relative;z-index:4}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .crop-toggle button{min-height:27px;font-size:10px!important;color:#78618b!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .crop-toggle button.active{color:#6d477a!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-placement-shortcuts button{min-height:28px;color:#78618b!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-resize-row{gap:8px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-resize-row .icon-button{width:26px;height:26px;color:#78618b!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-interaction{width:100%;max-width:276px;position:relative;isolation:isolate}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-mode{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#776484;margin:0 0 10px;position:relative;z-index:5}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-mode>span{display:flex;align-items:center;gap:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-mode button{min-height:25px;font-size:8px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-interaction.is-repositioning .photo-placement-canvas-shell{cursor:move}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-ghost{position:absolute;pointer-events:none;z-index:3;overflow:visible}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-ghost img{position:absolute;max-width:none!important;max-height:none!important;object-fit:fill!important;opacity:.18;border:1px dashed #79568f;box-shadow:0 0 0 1px #ffffff8c,0 5px 18px #74528e22;border-radius:0!important;pointer-events:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-help{font-size:9px;line-height:1.6;color:#6e6280;text-align:center;max-width:290px;margin:11px auto 0!important;position:relative;z-index:4}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview-note{color:#82748f;font-size:8px;line-height:1.6;margin:8px 0 0!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-controls{padding:17px 19px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-name-field{gap:6px;margin-bottom:14px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-name-field>span{font-size:10px;color:#796489}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-name-field input{color:#6d527d!important;min-height:36px;font-size:12px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-position{gap:12px;padding-top:14px;margin-bottom:16px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-position h3{color:#78618b!important;font-size:10px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-position label{gap:7px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-position label>span,.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-position output{color:#806b90}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-actions{gap:8px;padding-top:14px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-actions .scd-button{min-height:33px;font-size:10px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-small-note{color:#887795;margin-top:12px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-footer{padding:12px 20px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-footer>span{color:#85758f}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-footer .scd-delete-card{color:#a76982}
@media(max-width:1250px){
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-global-toolbar{gap:7px 8px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-font select{width:104px}
}
@media(max-width:760px){
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-gallery-bar{padding:9px 0 6px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-global-toolbar{gap:7px 10px;padding-bottom:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-font select{width:114px;max-width:114px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-view{margin-left:auto}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-gallery-caption{font-size:8px;align-items:flex-start;margin-bottom:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-gallery-caption>span{max-width:220px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-dialog.studio-card-editor-popup{width:calc(100vw - 22px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview{padding:12px 15px 9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .scd-popup-art{overflow:visible}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-interaction{max-width:380px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-placement-editor{display:grid;grid-template-columns:146px minmax(0,1fr);gap:13px;max-width:380px;align-items:center}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-placement-canvas-shell{grid-column:1;min-width:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-placement-toolbar{grid-column:2;min-width:0;gap:11px;padding:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .crop-toggle{grid-template-columns:1fr;padding:3px;gap:2px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .crop-toggle button{min-height:25px;padding:4px 5px;font-size:9px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-resize-row{gap:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-resize-row .icon-button{width:22px;height:24px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-placement-shortcuts{gap:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-placement-shortcuts button{font-size:8px!important;padding:5px 4px!important;min-height:25px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-mode{margin-bottom:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-help{margin-top:8px!important;font-size:8px;max-width:340px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview-label{font-size:9px;margin-bottom:7px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview-note{font-size:8px;margin-top:6px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-tabs{padding:8px 15px;min-height:0}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-tabs button{min-height:30px;padding:6px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-controls{padding:12px 17px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-name-field{gap:5px;margin-bottom:11px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-name-field input{min-height:32px;padding:7px 9px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-position{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;padding-top:10px;margin-bottom:11px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-position h3{grid-column:1/-1}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-position label{gap:5px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-actions{flex-direction:row;gap:7px;padding-top:11px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-photo-actions .scd-button{flex:1;min-height:31px;font-size:9px;padding:7px 8px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-small-note{font-size:8px;margin-top:8px!important}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-footer{padding:10px 16px}
}
@media(max-width:350px){
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-preview--photo .photo-placement-editor{grid-template-columns:126px minmax(0,1fr);gap:9px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-font select{width:98px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-navigation{max-width:153px}
}
/* Persistence failures stay readable inside the card popup, including mobile. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-footer .scd-save-warning{color:#98465f!important;font-weight:600;font-size:10px;line-height:1.5}
@media(max-width:760px){
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-footer:has(.scd-save-warning){flex-wrap:wrap}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-popup-footer .scd-save-warning{display:flex!important;order:-1;flex-basis:100%;max-width:100%;justify-content:center}
}

/* The sample deck explains text already inside its artwork; real projects omit this note. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-sample-label-note{display:flex;align-items:flex-start;gap:6px;margin:0 0 12px;padding:8px 10px;border:1px solid #dce3ed;border-radius:7px;background:#f5f7fa;color:#52647c;font-size:10px;line-height:1.5}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-sample-label-note>svg{flex:none;margin-top:1px}

/* Touch photo controls use the available dialog space; desktop stays compact. */
@media(max-width:760px){
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-popup-preview{padding:8px 15px 6px}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-photo-mode{margin-bottom:6px;gap:8px}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-photo-mode>span{font-size:11px;line-height:1.4}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-photo-mode>button{min-height:40px;font-size:12px!important;padding:6px 8px;white-space:normal;max-width:170px;line-height:1.35}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .photo-placement-toolbar{gap:6px}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .crop-toggle button{min-height:40px;padding:6px 8px;font-size:12px!important;line-height:1.35}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .photo-resize-row{gap:6px}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .photo-resize-row .icon-button{width:40px;height:40px;min-width:40px;min-height:40px;font-size:17px!important}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .photo-resize-row input{flex:1;min-width:0;width:0;height:40px;min-height:40px}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .photo-placement-shortcuts button{min-height:40px;padding:6px 8px!important;font-size:12px!important;line-height:1.35}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-photo-help{font-size:11px;line-height:1.4;margin-top:6px!important}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-popup-tabs button{min-height:40px;font-size:12px!important}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-name-field input{min-height:40px;font-size:13px!important}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-name-field>span,
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-photo-position label>span{font-size:11px}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-photo-actions .scd-button{min-height:40px;font-size:12px!important;padding:8px}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup .scd-popup-footer :is(.scd-delete-card,.scd-button){min-height:40px;font-size:12px!important}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-sample-label-note{font-size:11px}
}
/* Shell persistence warnings must stay visible at every viewport width. */
.maker-private-mode .studio-app .studio-header.has-save-problem{flex-wrap:wrap;gap:8px;padding-block:12px}
.maker-private-mode .studio-app .studio-header.has-save-problem .studio-breadcrumb{flex:1}
.maker-private-mode .studio-app .studio-header.has-save-problem .studio-header-actions{display:contents}
.maker-private-mode .studio-app .studio-header .studio-save-status.is-save-problem{display:flex!important;order:3;flex-basis:100%;gap:7px;padding:8px 10px;border:1px solid #ead0d9;border-radius:6px;background:#fff1f4;color:#98465f!important;white-space:normal;font-size:11px;font-weight:600;line-height:1.5}
.maker-private-mode .studio-app .studio-header .studio-save-status.is-save-problem>svg{flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-style button{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-style button>svg{flex:none}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-weight>.scd-tool-caption{display:block;font-size:10px;line-height:1.3;color:#536177;white-space:nowrap}

/* One deck toolbar: groups share a line and wrap only when space runs out. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-global-toolbar.scd-unified-toolbar{
 display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;padding:7px 0;border:0;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-unified-toolbar>.scd-design-row{
 display:contents;border:0;padding:0;margin:0;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-unified-toolbar :is(.scd-direct-style,.scd-direct-field,.scd-direct-check,.scd-direct-colors,.scd-direct-view){
 flex:0 0 auto;max-width:100%;min-width:0;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-unified-toolbar .scd-direct-view{
 margin-left:auto;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-unified-toolbar .scd-design-divider{
 display:none;
}
/* The real canvas keeps its printed white margin; this makes its trim edge legible at thumbnail size. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-gallery .card-select-button .card-preview-canvas{
 position:relative;isolation:isolate;background:#fff!important;border-radius:3.5% / 2.5%!important;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-gallery .card-select-button .card-preview-canvas::after{
 content:"";position:absolute;inset:0;z-index:1;border:1px solid #111;box-sizing:border-box;border-radius:inherit;pointer-events:none;
}
@media(max-width:760px){
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-global-toolbar.scd-unified-toolbar{gap:8px 10px;}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-unified-toolbar :is(.scd-direct-style button,.scd-direct-check,.scd-direct-view .deck-view-toggle button){min-height:40px!important;}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-unified-toolbar .scd-direct-field :is(select,input){min-height:40px;}
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-unified-toolbar .scd-direct-colors .color-swatch-control{width:36px!important;height:40px;}
}

.studio-print{
  --stp-ink:#2d2730;
  --stp-muted:#8a7e84;
  --stp-burgundy:#743952;
  --stp-border:#e5dfe1;
  color:var(--stp-ink);
  padding:26px 30px 32px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-sizing:border-box;
  max-width:1560px;
  margin:0 auto
}
.maker-private-mode .studio-app .studio-print .stp-heading{
  gap:18px;
  margin-bottom:17px
}
.maker-private-mode .studio-app .studio-print .stp-heading h2{
  font-family:inherit!important;
  font-size:25px;
  font-weight:650!important;
  line-height:1.2;
  letter-spacing:-.7px;
  margin:0 0 5px
}
.studio-print .stp-heading p{font-size:11px;line-height:1.6}
.studio-print .stp-back{font-size:10px;margin-bottom:8px}
.stp-final-panel{
  margin:0 0 8px;
  background:rgba(255,255,255,.84);
  border:1px solid #e1e4ed;
  border-radius:12px;
  box-shadow:0 5px 18px rgba(43,59,86,.04);
  backdrop-filter:blur(16px);
  scroll-margin-top:16px;
  overflow:hidden
}
.stp-final-panel>summary{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:72px;
  padding:15px 19px;
  cursor:pointer;
  list-style:none;
  color:#334155
}
.stp-final-panel>summary::-webkit-details-marker{display:none}
.stp-final-panel>summary:hover{background:rgba(246,245,251,.7)}
.stp-final-panel>summary:focus-visible{outline:2px solid #9173a6;outline-offset:-3px}
.stp-final-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e6e0ed;border-radius:10px;background:#f7f5fb;color:#735188;flex:none}
.stp-final-heading{display:grid;gap:5px;flex:1;min-width:0}
.stp-final-heading strong{font-size:12px;font-weight:650}
.stp-final-heading small{font-size:10px;color:#7b8496;line-height:1.4}
.stp-final-panel.is-ready .stp-final-heading small{color:#4f7c6d}
.stp-final-usage{display:grid;gap:4px;text-align:right;font-variant-numeric:tabular-nums}
.stp-final-usage strong{font-size:12px;font-weight:650;color:#625077}
.stp-final-usage small{font-size:9px;color:#8990a0}
.stp-final-remaining{font-size:9px;background:#f4f2f8;border:1px solid #e8e3ef;padding:6px 8px;border-radius:6px;color:#79608b;white-space:nowrap}
.stp-final-panel>summary>svg{color:#8b759b;transition:transform .15s}
.stp-final-panel[open]>summary>svg{transform:rotate(90deg)}
.stp-final-panel[open]>summary{border-bottom:1px solid #e9e7ef}
.stp-native-intro{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:16px 20px 0}
.stp-native-intro p{margin:0;max-width:690px;font-size:11px;line-height:1.65;color:#758094}
.stp-native-intro>span{max-width:190px;font-size:9px;line-height:1.6;color:#9b8aa8;text-align:right;flex:none}
.stp-native-format-note{margin:0;padding:0 20px 19px;color:#8a91a1;font-size:10px;line-height:1.7}
.stp-usage-note{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 3px 22px;color:#939baa;font-size:9px;line-height:1.7}
.stp-usage-note>span:first-child{color:#917da0;font-weight:550;white-space:nowrap}
.stp-usage-note time{font-variant-numeric:tabular-nums}
.studio-print .stp-native-downloads{min-inline-size:0;width:100%;margin:0;padding:17px 20px;border:0;--gallery-ink:#334155;--gallery-muted:#7b8496;--loteria-magenta:#76558a;--loteria-blue:#9b85b0;--loteria-green:#5e8474;--loteria-yellow:#c8b28e}
.studio-print .stp-native-downloads .download-studio-panel{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.studio-print .stp-native-downloads .download-studio-panel>.studio-panel-header{display:none}
.studio-print .stp-native-downloads .download-studio-panel .builder-studio-layout{display:block;height:auto;min-height:0}
.studio-print .stp-native-downloads .download-studio-panel .studio-main{position:static;display:block;width:100%;max-width:none;height:auto;min-height:0;overflow:visible;background:transparent;border:0;padding:0}
.studio-print .stp-native-downloads .download-redesign{gap:17px}
.studio-print .stp-native-downloads .download-flow{border-color:#e3e5ec;background:#f5f6fa;padding:4px;border-radius:9px}
.studio-print .stp-native-downloads .download-flow span{font-size:10px;font-weight:600;min-height:34px;padding:5px;gap:7px}
.studio-print .stp-native-downloads .download-flow b{height:21px;width:21px;font-size:10px;font-weight:650;background:#e7e5ed}
.studio-print .stp-native-downloads .download-flow span.active{border-color:#e3ddea;color:#705486}
.studio-print .stp-native-downloads .download-flow span.active b{background:#7c5b90;color:#fff}
.studio-print .stp-native-downloads .download-set-overview{grid-template-columns:190px minmax(0,1fr);min-height:210px;border:1px solid #e3e5ed;border-radius:10px;background:#fff}
.studio-print .stp-native-downloads .download-set-visual{min-height:210px;padding:18px 48px 18px 14px;background:#f2f4f9;border-color:#e4e5ee}
.studio-print .stp-native-downloads .download-board-preview{max-width:130px;transform:none;filter:drop-shadow(0 5px 8px rgba(30,41,59,.10));width:80%}
.studio-print .stp-native-downloads .download-card-fan{bottom:19px;right:15px}
.studio-print .stp-native-downloads .download-card-fan .card-preview-canvas{width:39px;margin-left:-19px;filter:drop-shadow(0 3px 5px rgba(30,41,59,.13))}
.studio-print .stp-native-downloads .download-set-summary{padding:18px 20px;gap:9px}
.studio-print .stp-native-downloads .download-set-summary h3{font-size:19px;font-weight:650;line-height:1.2;letter-spacing:-.4px;color:#334155}
.studio-print .stp-native-downloads :is(.download-set-summary>p,.download-stage-heading p,.download-file-copy p,.download-extras p,.download-access-notice p,.download-update-row p){font-size:11px;line-height:1.6;font-weight:400;color:#7b8496}
.studio-print .stp-native-downloads :is(.download-set-summary small,.download-file-copy small){font-size:9px;line-height:1.55;font-weight:500;color:#8990a0}
.studio-print .stp-native-downloads .download-action-badge{width:fit-content;background:#f1eef6;color:#795e8c;border:1px solid #e4ddeb;font-size:9px;font-weight:600;padding:5px 8px;border-radius:6px}
.studio-print .stp-native-downloads .download-set-facts span{padding:6px 8px;background:#f6f7fa;border-color:#e9eaf1;font-size:10px;font-weight:500;gap:4px}
.studio-print .stp-native-downloads .download-set-facts strong{font-weight:650;color:#4c5264}
.studio-print .stp-native-downloads .download-set-state{border-color:#ae9abb;padding-left:9px}
.studio-print .stp-native-downloads .download-stage-heading{grid-template-columns:29px minmax(0,1fr);gap:10px}
.studio-print .stp-native-downloads .download-stage-heading>span{width:28px;height:28px;font-size:11px;font-weight:650;background:#826895}
.studio-print .stp-native-downloads .download-stage-heading h3{font-size:15px;font-weight:650;line-height:1.35;letter-spacing:-.15px;color:#334155;margin:2px 0 4px}
.studio-print .stp-native-downloads .eyebrow{font-size:8px;letter-spacing:1px;font-weight:650;color:#8c779c}
.studio-print .stp-native-downloads :is(.download-print-settings,.download-update-row,.download-final-ready,.download-file-grid,.download-current-note){margin-left:39px}
.studio-print .stp-native-downloads .download-print-settings{background:#f6f7fa;border-color:#e4e6ee;padding:10px 12px;gap:8px 18px}
.studio-print .stp-native-downloads .download-print-settings label>span{font-size:10px;font-weight:550;color:#737d90}
.studio-print .stp-native-downloads .download-print-settings>label:first-child{min-width:125px}
.studio-print .stp-native-downloads .download-print-settings select{font-size:11px;min-height:34px;border:1px solid #dfe2eb;border-radius:7px;background:#fff;color:#596477;padding:6px 10px}
.studio-print .stp-native-downloads .download-print-settings .compact-check{min-height:34px;gap:6px}
.studio-print .stp-native-downloads .download-print-settings .compact-check input{width:15px;height:15px;accent-color:#7b5a8f}
.studio-print .stp-native-downloads .download-update-row{background:#faf7ef;border-color:#cab894;padding:12px 14px;gap:14px}
.studio-print .stp-native-downloads .download-update-row strong{font-size:11px;font-weight:650;color:#7f7056}
.studio-print .stp-native-downloads .download-finalize-stage{padding-bottom:18px;border-color:#e6e7ef;gap:12px}
.studio-print .stp-native-downloads .download-files-stage{gap:13px}
.studio-print .stp-native-downloads .download-final-ready{gap:7px;font-size:11px;flex-wrap:wrap}
.studio-print .stp-native-downloads .download-final-ready small{font-size:10px;font-weight:500;color:#8990a0}
.studio-print .stp-native-downloads .download-final-ready>span{width:21px;height:21px;font-size:11px;background:#6c8b7e}
.studio-print .stp-native-downloads .download-file-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.studio-print .stp-native-downloads .download-file-card{padding:15px;gap:11px;grid-template-columns:35px minmax(0,1fr);border:1px solid #e2e4ed;border-radius:10px;background:#fff}
.studio-print .stp-native-downloads .download-file-format{height:32px;width:32px;font-size:9px;font-weight:650;border-radius:7px;background:#f1eef7;color:#86639a}
.studio-print .stp-native-downloads .download-file-copy h4{font-size:12px;font-weight:650;line-height:1.4;color:#415069;margin:2px 0 6px}
.studio-print .stp-native-downloads .download-time-note{font-size:9px;font-weight:400;line-height:1.6;color:#939aaa}
.studio-print .stp-native-downloads :is(.primary-button,.secondary-button){min-height:36px;font-size:10px;font-weight:600;border-radius:8px;padding:9px 12px;line-height:1.5;white-space:normal;box-shadow:none}
.studio-print .stp-native-downloads .primary-button{background:linear-gradient(120deg,#846498,#654977);border:1px solid #7b5a8e;color:#fff}
.studio-print .stp-native-downloads .primary-button:hover:not(:disabled){background:#735184;border-color:#6d4d7e}
.studio-print .stp-native-downloads .secondary-button{background:#fff;border:1px solid #dddfea;color:#7d608d}
.studio-print .stp-native-downloads .download-extras{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;background:#f8f9fc;border-color:#e4e6ee;gap:14px;padding:13px}
.studio-print .stp-native-downloads .download-extras strong{font-size:11px;font-weight:600;color:#596579}
.studio-print .stp-native-downloads .download-access-notice{background:#faf8f3;border-color:#e9e4d8;border-left-width:3px;padding:15px;border-radius:8px}
.studio-print .stp-native-downloads .download-access-notice strong{font-size:12px;font-weight:650;color:#7d6a54}
.studio-print .stp-native-downloads .download-current-note{font-size:10px;font-weight:500;background:#faf8f1;border-color:#c6b28d;color:#8a7758;line-height:1.65}
.studio-print .stp-native-downloads .download-preview-placeholder{font-size:11px;font-weight:500;color:#8b94a5}
.stp-download-gate{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:8px;row-gap:12px;margin:13px 0 16px;padding:12px;background:#f8f5fb;border:1px solid #e7dfee;border-radius:9px;color:#917a9f}
.stp-download-gate>svg{margin-top:2px}
.stp-download-gate p{margin:0;font-size:10px;line-height:1.65;color:#8b7b98}
.stp-download-gate button{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;font-size:10px;font-weight:600;border:1px solid #d9cbe4;border-radius:7px;background:#fff;color:#79568b;min-height:36px}
.stp-final-export-note{display:flex;align-items:start;gap:7px;color:#738b80;font-size:9px;line-height:1.6;margin:11px 0 14px}
.stp-final-export-note svg{margin-top:1px;flex:none}
@media(max-width:1050px){.studio-print .stp-native-downloads .download-file-grid{grid-template-columns:1fr 1fr}.studio-print .stp-native-downloads .download-extras{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:660px){
 .maker-private-mode .studio-app .studio-print .stp-heading h2{font-size:22px}
 .stp-final-panel{margin-bottom:8px}
 .stp-final-panel>summary{padding:13px 12px;gap:9px;min-height:69px}
 .stp-final-icon{height:30px;width:30px;border-radius:8px}
 .stp-final-heading strong{font-size:10px}
 .stp-final-heading small{font-size:9px}
 .stp-final-usage strong{font-size:11px}
 .stp-final-usage small{font-size:8px;max-width:68px;line-height:1.35}
 .stp-final-remaining{display:none}
 .stp-native-intro{flex-direction:column;gap:5px;padding:14px 13px 0}
 .stp-native-intro p{font-size:10px}
 .stp-native-intro>span{text-align:left;max-width:none;font-size:8px}
 .studio-print .stp-native-downloads{padding:14px 12px}
 .studio-print .stp-native-downloads .download-set-overview{grid-template-columns:105px minmax(0,1fr);min-height:180px}
 .studio-print .stp-native-downloads .download-set-visual{min-height:180px;padding:11px}
 .studio-print .stp-native-downloads .download-card-fan{display:none}
 .studio-print .stp-native-downloads .download-board-preview{width:100%;max-width:100%}
 .studio-print .stp-native-downloads .download-set-summary{padding:14px 12px;gap:8px}
 .studio-print .stp-native-downloads .download-set-summary h3{font-size:15px}
 .studio-print .stp-native-downloads .download-set-summary>p{font-size:10px}
 .studio-print .stp-native-downloads .download-set-facts{gap:4px}
 .studio-print .stp-native-downloads .download-set-facts span{font-size:9px;padding:4px 6px;flex-wrap:wrap}
 .studio-print .stp-native-downloads .download-file-grid{grid-template-columns:1fr;margin-left:0}
 .studio-print .stp-native-downloads .download-file-card{padding:14px;grid-template-columns:35px minmax(0,1fr)}
 .studio-print .stp-native-downloads :is(.download-print-settings,.download-update-row,.download-final-ready,.download-current-note){margin-left:0}
 .studio-print .stp-native-downloads .download-update-row{grid-template-columns:1fr;gap:12px}
 .studio-print .stp-native-downloads .download-stage-heading h3{font-size:13px}
 .studio-print .stp-native-downloads .download-stage-heading p{font-size:10px}
 .studio-print .stp-native-downloads .download-extras{grid-template-columns:1fr;gap:9px}
 .studio-print .stp-native-downloads .download-extras>.secondary-button{justify-self:start}
 .stp-native-format-note{padding:0 13px 15px;font-size:9px}
 .stp-usage-note{font-size:8px;gap:3px 8px;margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.stp-final-panel>summary>svg{transition:none}}
.studio-print *{
  box-sizing:border-box
}
.studio-print button,.studio-print input,.studio-print select{
  font:inherit
}
.studio-print button{
  cursor:pointer
}
.studio-print button:disabled{
  cursor:default;
  opacity:.45
}
.studio-print button:focus-visible,.studio-print input:focus-visible,.studio-print select:focus-visible{
  outline:3px solid #ba829a;
  outline-offset:3px
}
.studio-print button{
  transition:background .15s,border-color .15s,color .15s
}
.studio-print svg{
  flex-shrink:0
}
.stp-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:25px
}
.stp-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:0;
  background:none;
  padding:0;
  color:var(--stp-muted);
  font-size:12px;
  font-weight:600;
  margin-bottom:12px
}
.stp-back:hover{
  color:var(--stp-burgundy)
}
.stp-heading h2{
  font-family:"Instrument Serif",Georgia,"Times New Roman",serif;
  font-size:42px;
  font-weight:400;
  letter-spacing:-1.15px;
  line-height:1.05;
  margin:0 0 10px
}
.stp-heading p{
  font-size:13px;
  color:var(--stp-muted);
  margin:0;
  line-height:1.5
}
.stp-private-badge{
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid #e0d6da;
  border-radius:100px;
  padding:8px 11px;
  color:#886b78;
  font-size:10px;
  white-space:nowrap;
  background:#faf6f7
}
.stp-workspace{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:22px;
  align-items:start
}
.stp-controls{
  background:#fff;
  border:1px solid var(--stp-border);
  border-radius:14px;
  overflow:hidden
}
.stp-section{
  padding:21px 20px;
  border-bottom:1px solid #eee8ea
}
.stp-eyebrow{
  display:block;
  font-size:9px;
  font-weight:750;
  letter-spacing:1.6px;
  color:var(--stp-muted)
}
.stp-kind-tabs{
  display:grid;
  gap:5px;
  margin-top:14px
}
.stp-kind-tabs button{
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:42px;
  border:1px solid transparent;
  background:transparent;
  border-radius:9px;
  color:#766771;
  text-align:left;
  padding:10px 12px;
  font-size:12px;
  font-weight:600
}
.stp-kind-tabs button span{
  flex:1
}
.stp-kind-tabs button:hover{
  background:#faf7f8
}
.stp-kind-tabs button.selected{
  background:#f4edf0;
  color:var(--stp-burgundy);
  border-color:#e7d6df
}
.stp-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px
}
.stp-section-title h3{
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  margin:0
}
.stp-section-title>span{
  font-size:10px;
  color:var(--stp-muted);
  border:1px solid #ece5e8;
  background:#faf8f9;
  padding:3px 7px;
  border-radius:5px
}
.stp-layout-options{
  display:grid;
  gap:8px
}
.stp-layout-option{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:64px;
  border:1px solid #e8e2e5;
  background:#fff;
  border-radius:10px;
  text-align:left;
  padding:11px 10px;
  color:var(--stp-ink)
}
.stp-layout-option:hover{
  border-color:#c6abb8;
  background:#fdfafb
}
.stp-layout-option.selected{
  border-color:#966178;
  background:#fcf8fa;
  box-shadow:0 0 0 1px #966178
}
.stp-layout-copy{
  display:grid;
  gap:5px;
  flex:1;
  min-width:0
}
.stp-layout-copy strong{
  font-size:11px;
  font-weight:650
}
.stp-layout-copy small{
  font-size:9px;
  color:var(--stp-muted);
  line-height:1.35
}
.stp-sheet-glyph{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  grid-template-rows:repeat(2,1fr);
  width:28px;
  height:35px;
  flex-shrink:0;
  background:#fff;
  border:1px solid #cec3c9;
  border-radius:2px;
  padding:4px;
  gap:2px
}
.stp-sheet-glyph.landscape{
  width:35px;
  height:28px
}
.stp-sheet-glyph.count-1{
  grid-template-columns:1fr;
  grid-template-rows:1fr
}
.stp-sheet-glyph.count-2{
  grid-template-rows:1fr
}
.stp-sheet-glyph.count-6{
  grid-template-columns:repeat(3,1fr)
}
.stp-sheet-glyph.count-8{
  grid-template-columns:repeat(4,1fr)
}
.stp-sheet-glyph i{
  display:block;
  background:#e8e0e5;
  border:1px solid #c8b5c0;
  border-radius:1px
}
.selected .stp-sheet-glyph i{
  background:#dec9d4;
  border-color:#b1869b
}
.stp-radio{
  display:grid;
  place-items:center;
  width:13px;
  height:13px;
  flex-shrink:0;
  border:1px solid #cec0c8;
  border-radius:50%;
  background:white
}
.selected .stp-radio{
  border-color:var(--stp-burgundy)
}
.stp-radio i{
  width:6px;
  height:6px;
  background:var(--stp-burgundy);
  border-radius:50%
}
.stp-size-note{
  font-size:10px;
  color:var(--stp-muted);
  line-height:1.65;
  margin:13px 0 0
}
.stp-size-note strong{
  font-weight:650;
  color:#65515e
}
.stp-paper-settings .stp-section-title{
  margin-bottom:13px
}
.stp-paper-detail{
  display:flex;
  align-items:center;
  gap:9px;
  color:#87717f;
  margin-bottom:17px
}
.stp-paper-detail>div{
  display:grid;
  gap:4px;
  flex:1
}
.stp-paper-detail strong{
  font-size:11px;
  font-weight:650;
  color:var(--stp-ink)
}
.stp-paper-detail>div>span{
  font-size:10px;
  color:var(--stp-muted)
}
.stp-paper-orientation{
  font-size:9px;
  color:var(--stp-muted)
}
.stp-cut-lines{
  display:flex;
  gap:10px;
  align-items:flex-start;
  cursor:pointer
}
.stp-cut-lines input{
  appearance:auto;
  accent-color:var(--stp-burgundy);
  width:15px;
  height:15px;
  margin:1px 0 0
}
.stp-cut-lines>span{
  display:grid;
  gap:5px
}
.stp-cut-lines strong{
  font-size:11px;
  font-weight:600
}
.stp-cut-lines small{
  font-size:10px;
  color:var(--stp-muted);
  line-height:1.5
}
.stp-export-section{
  padding:20px
}
.stp-export-summary{
  display:grid;
  gap:5px;
  margin-bottom:15px
}
.stp-export-summary strong{
  font-size:11px;
  font-weight:600;
  line-height:1.5
}
.stp-export-summary>span{
  font-size:9px;
  color:var(--stp-muted)
}
.stp-export-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  min-height:44px;
  border:1px solid var(--stp-burgundy);
  border-radius:9px;
  background:var(--stp-burgundy);
  color:#fff;
  font-size:12px;
  font-weight:650;
  box-shadow:0 2px 4px #74395212
}
.stp-export-button:hover:not(:disabled){
  background:#643045;
  border-color:#643045
}
.stp-export-actions{
  display:flex;
  align-items:stretch;
  gap:7px;
  min-width:0
}
.stp-export-actions .stp-export-button{
  flex:1;
  min-width:0;
  width:auto;
  line-height:1.4
}
.stp-format-trigger{
  display:grid;
  place-items:center;
  width:38px;
  flex:0 0 38px;
  border:1px solid var(--stp-border);
  border-radius:9px;
  background:var(--glass-surface-strong,#fff);
  color:var(--stp-muted);
  padding:8px
}
.stp-format-trigger svg{
  transform:rotate(90deg);
  transition:transform .18s ease
}
.stp-format-trigger.is-open svg{
  transform:rotate(-90deg)
}
.stp-format-trigger:hover:not(:disabled),.stp-format-trigger.is-open{
  border-color:#b9a4c8;
  color:var(--stp-burgundy);
  background:#f6f2fa
}
.stp-board-image-formats{
  display:grid;
  gap:9px;
  padding:13px;
  margin-top:11px;
  border:1px solid var(--stp-border);
  border-radius:10px;
  background:var(--glass-surface-strong,#fff);
  box-shadow:0 5px 15px rgba(43,59,86,.035)
}
.stp-board-image-formats>label{
  color:var(--stp-muted);
  font-size:10px;
  font-weight:600
}
.stp-board-image-formats>p{
  margin:1px 0 0;
  font-size:9px;
  line-height:1.65;
  color:var(--stp-muted)
}
.stp-image-download{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:10px 8px;
  border:1px solid var(--stp-border);
  border-radius:7px;
  background:#fff;
  color:var(--stp-burgundy);
  text-align:left
}
.stp-image-download>span{
  display:grid;
  gap:4px;
  min-width:0;
  flex:1
}
.stp-image-download strong{
  color:var(--stp-ink);
  font-size:10px;
  line-height:1.5;
  font-weight:600
}
.stp-image-download small{
  color:var(--stp-muted);
  font-size:8px;
  line-height:1.5
}
.stp-image-download:hover:not(:disabled){
  background:#f8f5fc;
  border-color:#c9b9d5
}
.stp-export-progress{
  display:grid;
  gap:8px;
  margin-top:12px;
  font-size:10px;
  line-height:1.6;
  color:var(--stp-muted)
}
.stp-export-progress progress{
  appearance:none;
  display:block;
  width:100%;
  height:4px;
  border:0;
  border-radius:4px;
  overflow:hidden;
  background:#eceaf3;
  accent-color:var(--stp-burgundy)
}
.stp-export-progress progress::-webkit-progress-bar{
  background:#eceaf3
}
.stp-export-progress progress::-webkit-progress-value{
  background:var(--stp-burgundy);
  border-radius:4px
}
.stp-export-progress progress::-moz-progress-bar{
  background:var(--stp-burgundy);
  border-radius:4px
}
.stp-existing-options{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:0;
  background:transparent;
  color:var(--stp-muted);
  font-size:9px;
  width:100%;
  padding:14px 0 0
}
.stp-existing-options:hover{
  color:var(--stp-burgundy)
}
.stp-export-error{
  font-size:11px;
  line-height:1.5;
  color:#9f3450;
  background:#fff3f6;
  border-radius:7px;
  padding:10px;
  margin:10px 0 0
}
.stp-preview-panel{
  min-width:0
}
.stp-preview-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:5px 3px 15px
}
.stp-preview-heading h3{
  font-size:13px;
  line-height:1.4;
  font-weight:600;
  margin:7px 0 0
}
.stp-preview-page-count{
  font-size:10px;
  color:var(--stp-muted);
  white-space:nowrap
}
.stp-paper-viewport{
  height:620px;
  max-height:78vh;
  min-height:360px;
  overflow:auto;
  background-color:#e9e9e5;
  background-image:radial-gradient(#b5b6ad40 .7px,transparent .7px);
  background-size:14px 14px;
  border:1px solid #dedfd8;
  border-radius:12px 12px 0 0;
  position:relative
}
.stp-paper-positioner{
  display:flex;
  justify-content:center;
  align-items:center;
  width:max-content;
  min-width:100%;
  min-height:100%;
  padding:43px 42px
}
.stp-paper{
  position:relative;
  background:#fff;
  flex-shrink:0;
  box-shadow:0 3px 5px #362c3110,0 16px 40px #362c3120;
  border:1px solid #ddd8d5
}
.stp-paper>canvas{
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  background:#fff
}
.stp-paper-width{
  position:absolute;
  left:50%;
  top:-23px;
  transform:translateX(-50%);
  font-size:9px;
  color:#91878b;
  white-space:nowrap
}
.stp-paper-height{
  position:absolute;
  top:50%;
  left:-27px;
  transform:translate(-50%,-50%) rotate(-90deg);
  font-size:9px;
  color:#91878b;
  white-space:nowrap
}
.stp-rendering-overlay{
  position:absolute;
  inset:0;
  background:#ffffffdb;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#806874;
  font-size:11px;
  z-index:2
}
.stp-spinner{
  display:inline-block;
  width:15px;
  height:15px;
  border:1.7px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:stp-spin .7s linear infinite;
  flex-shrink:0
}
.stp-preview-error{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:#fff;
  padding:28px;
  text-align:center;
  color:#8c6274;
  font-size:12px;
  line-height:1.6
}
.stp-preview-error p{
  max-width:270px;
  margin:0
}
.stp-preview-error button{
  border:1px solid #dbc8d1;
  border-radius:7px;
  padding:8px 12px;
  background:#faf5f7;
  color:var(--stp-burgundy);
  font-size:11px
}
.stp-preview-empty{
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:45px;
  color:#a2939a
}
.stp-preview-empty h4{
  font-family:Georgia,serif;
  font-weight:400;
  font-size:24px;
  letter-spacing:-.5px;
  margin:18px 0 9px;
  color:#76616e
}
.stp-preview-empty p{
  font-size:12px;
  line-height:1.6;
  max-width:270px;
  margin:0
}
.stp-preview-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border:1px solid #dedfd8;
  border-top:0;
  border-radius:0 0 12px 12px;
  background:#f7f7f3;
  padding:9px 14px;
  min-height:47px
}
.stp-page-navigation,.stp-zoom-controls{
  display:flex;
  align-items:center;
  gap:7px
}
.stp-preview-toolbar button{
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  color:#73646b;
  border-radius:6px;
  padding:5px
}
.stp-preview-toolbar button:hover:not(:disabled){
  background:#e9e5e7;
  color:var(--stp-burgundy)
}
.stp-page-navigation>span{
  font-size:10px;
  color:#756970;
  min-width:40px;
  text-align:center
}
.stp-page-navigation i{
  font-style:normal;
  color:#b9adb3;
  padding:0 4px
}
.stp-zoom-controls>span:not(.stp-toolbar-divider){
  font-size:10px;
  min-width:34px;
  text-align:center;
  color:#7b6c75;
  font-variant-numeric:tabular-nums
}
.stp-toolbar-divider{
  width:1px;
  height:17px;
  background:#dcd6da;
  margin:0 5px
}
.stp-preview-toolbar .stp-fit-button{
  width:auto;
  gap:6px;
  padding:6px 8px;
  font-size:10px
}
.stp-fit-button.selected{
  background:#ebe3e7;
  color:var(--stp-burgundy)
}
.stp-print-tip{
  display:flex;
  align-items:flex-start;
  gap:9px;
  background:#eef0e5;
  border:1px solid #e1e5d6;
  border-radius:8px;
  padding:11px 13px;
  color:#748260;
  margin-top:13px
}
.stp-print-tip p{
  font-size:10px;
  line-height:1.65;
  color:#788169;
  margin:0
}
.stp-print-tip strong{
  font-weight:650;
  color:#5c674e
}
.stp-print-tip svg{
  margin-top:1px
}
.stp-preview-context{
  font-size:9px;
  color:#a2949c;
  line-height:1.7;
  margin:10px 3px 0;
  max-width:680px
}
.stp-token-intro{
  font-size:10px;
  color:var(--stp-muted);
  line-height:1.7;
  margin:-5px 0 17px
}
.stp-field-label{
  display:block;
  font-size:10px;
  font-weight:650;
  margin:17px 0 8px
}
.stp-shapes{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px
}
.stp-shapes button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #e8e1e5;
  border-radius:8px;
  background:#fff;
  padding:11px 2px;
  color:#9b8390;
  min-height:67px
}
.stp-shapes button span{
  font-size:8px
}
.stp-shapes button.selected{
  background:#faf3f6;
  border-color:#b4869d;
  color:var(--stp-burgundy)
}
.stp-shapes button:hover{
  border-color:#bfa4b2
}
.stp-select{
  display:block;
  width:100%;
  min-width:0;
  border:1px solid #e2d9de;
  border-radius:8px;
  padding:10px 9px;
  background:#fff;
  color:#6a5763;
  font-size:10px
}
.stp-image-modes{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:9px
}
.stp-image-modes button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #e3dce0;
  border-radius:8px;
  background:#fff;
  color:#8e7785;
  padding:10px 4px;
  font-size:9px;
  min-height:37px
}
.stp-image-modes button.selected{
  background:#faf3f6;
  border-color:#ba8da3;
  color:var(--stp-burgundy)
}
.stp-upload-button{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  background:#faf9f8;
  border:1px dashed #cbbbc4;
  color:#816776;
  border-radius:8px;
  padding:12px 8px;
  width:100%;
  font-size:10px;
  margin-top:10px
}
.stp-upload-button:hover{
  background:#f8f1f4;
  border-color:#ab7b93
}
.stp-local-note{
  font-size:9px;
  line-height:1.6;
  color:#a3949d;
  margin:8px 0 0
}
.stp-hidden-input{
  display:none;
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none
}
.stp-uploaded-image{
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid #e7d9e0;
  border-radius:8px;
  background:#fbf7f9;
  padding:9px
}
.stp-uploaded-image img{
  height:36px;
  width:36px;
  object-fit:cover;
  border-radius:6px
}
.stp-uploaded-image>div{
  min-width:0;
  flex:1;
  display:grid;
  gap:5px
}
.stp-uploaded-image strong{
  font-size:10px;
  font-weight:650;
  color:#77596a
}
.stp-uploaded-image small{
  font-size:8px;
  color:#a2929b;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:150px
}
.stp-uploaded-image button{
  border:0;
  background:transparent;
  color:#9c8491;
  padding:4px;
  display:grid;
  place-items:center;
  border-radius:4px
}
.stp-uploaded-image button:hover{
  background:#f0e5eb
}
.stp-token-page-note{
  display:grid;
  gap:5px;
  margin-top:14px;
  padding:12px;
  border:1px solid #dfe5d1;
  border-radius:8px;
  background:#f1f4e8
}
.stp-token-page-note strong{
  color:#5d654b;
  font-size:10px;
  font-weight:650;
  line-height:1.5
}
.stp-token-page-note p{
  margin:0;
  color:#7f856f;
  font-size:9px;
  line-height:1.65
}
@keyframes stp-spin{
  to{
    transform:rotate(360deg)
  }
}
@media(min-width:1500px){
  .stp-workspace{
    grid-template-columns:310px minmax(0,1fr);
    gap:28px
  }
  .stp-paper-viewport{
    height:690px
  }
}
@media(max-width:1050px){
  .studio-print{
    padding:22px 22px 28px
  }
  .stp-workspace{
    grid-template-columns:272px minmax(0,1fr);
    gap:17px
  }
  .stp-section{
    padding:18px 16px
  }
  .stp-export-section{
    padding:18px 16px
  }
  .stp-layout-copy small{
    font-size:8px
  }
  .stp-layout-option{
    padding:10px 8px;
    gap:8px
  }
  .stp-paper-viewport{
    height:565px
  }
}
@media(max-width:820px){
  .studio-print{
    padding:21px 17px 28px
  }
  .stp-heading h2{
    font-size:36px
  }
  .stp-heading{
    gap:13px
  }
  .stp-private-badge{
    font-size:8px;
    padding:7px 9px
  }
  .stp-workspace{
    grid-template-columns:240px minmax(0,1fr);
    gap:14px
  }
  .stp-section{
    padding:16px 13px
  }
  .stp-export-section{
    padding:16px 13px
  }
  .stp-layout-option{
    gap:7px
  }
  .stp-layout-copy strong{
    font-size:10px
  }
  .stp-layout-copy small{
    line-height:1.5
  }
  .stp-sheet-glyph{
    width:23px;
    height:30px;
    padding:3px
  }
  .stp-sheet-glyph.landscape{
    width:29px;
    height:23px
  }
  .stp-preview-toolbar{
    padding:8px;
    gap:8px
  }
  .stp-zoom-controls{
    gap:3px
  }
  .stp-page-navigation{
    gap:2px
  }
  .stp-toolbar-divider{
    margin:0 3px
  }
  .stp-paper-viewport{
    height:520px
  }
  .stp-preview-heading h3{
    font-size:11px
  }
  .stp-preview-heading .stp-eyebrow{
    font-size:8px
  }
}
@media(max-width:660px){
  .studio-print{
    padding:20px 14px 25px
  }
  .stp-heading{
    align-items:flex-start;
    position:relative;
    margin-bottom:20px
  }
  .stp-heading h2{
    font-size:35px
  }
  .stp-heading p{
    font-size:11px;
    max-width:240px
  }
  .stp-private-badge{
    position:absolute;
    right:0;
    top:1px;
    max-width:150px;
    font-size:8px
  }
  .stp-workspace{
    display:flex;
    flex-direction:column;
    gap:22px
  }
  .stp-controls{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    border-radius:12px
  }
  .stp-kind-section{
    grid-column:1/-1;
    padding:16px;
    border-bottom:1px solid #eee8ea
  }
  .stp-kind-tabs{
    grid-template-columns:repeat(3,1fr);
    gap:5px;
    margin-top:11px
  }
  .stp-kind-tabs button{
    padding:9px 7px;
    font-size:9px;
    gap:6px;
    justify-content:center;
    min-height:38px
  }
  .stp-kind-tabs button>span{
    flex:none
  }
  .stp-kind-tabs button>svg:last-child:not(:first-child){
    display:none
  }
  .stp-kind-tabs button svg{
    width:15px;
    height:15px
  }
  .stp-options{
    grid-row:2/4;
    border-bottom:0;
    border-right:1px solid #eee8ea;
    padding:16px 12px
  }
  .stp-paper-settings{
    padding:16px 12px
  }
  .stp-export-section{
    padding:15px 12px
  }
  .stp-existing-options{
    font-size:8px;
    flex-wrap:wrap
  }
  .stp-export-button{
    font-size:10px;
    gap:6px;
    padding:9px 6px
  }
  .stp-export-button svg{
    width:16px;
    height:16px
  }
  .stp-export-actions{
    gap:5px
  }
  .stp-format-trigger{
    width:29px;
    flex-basis:29px;
    padding:6px
  }
  .stp-export-actions .stp-export-button{
    flex-wrap:wrap
  }
  .stp-board-image-formats{
    padding:9px;
    gap:8px
  }
  .stp-image-download{
    flex-wrap:wrap;
    gap:6px;
    padding:9px 7px
  }
  .stp-image-download>span{
    flex-basis:calc(100% - 25px)
  }
  .stp-image-download>svg:last-child{
    display:none
  }
  .stp-paper-detail{
    flex-wrap:wrap;
    gap:8px
  }
  .stp-paper-orientation{
    padding-left:27px
  }
  .stp-paper-detail>div{
    flex-basis:calc(100% - 28px)
  }
  .stp-layout-options{
    gap:7px
  }
  .stp-layout-option{
    padding:9px 7px;
    gap:8px;
    min-height:61px
  }
  .stp-layout-copy small{
    font-size:8px
  }
  .stp-radio{
    width:11px;
    height:11px
  }
  .stp-layout-copy strong{
    font-size:9px
  }
  .stp-preview-panel{
    width:100%
  }
  .stp-preview-heading h3{
    font-size:13px
  }
  .stp-preview-heading .stp-eyebrow{
    font-size:9px
  }
  .stp-paper-viewport{
    height:560px;
    max-height:none;
    min-height:360px
  }
  .stp-preview-toolbar{
    padding:9px 12px;
    gap:15px
  }
  .stp-page-navigation,.stp-zoom-controls{
    gap:7px
  }
  .stp-shapes{
    grid-template-columns:repeat(2,1fr);
    gap:7px
  }
  .stp-shapes button{
    min-height:55px;
    padding:8px 2px
  }
  .stp-shapes button span{
    font-size:8px
  }
  .stp-image-modes{
    grid-template-columns:1fr
  }
  .stp-token-intro{
    font-size:9px
  }
  .stp-select{
    font-size:9px;
    padding:9px 6px
  }
  .stp-uploaded-image{
    padding:7px;
    gap:6px
  }
  .stp-uploaded-image img{
    width:28px;
    height:28px
  }
  .stp-uploaded-image small{
    max-width:78px
  }
  .stp-upload-button{
    font-size:9px;
    gap:5px
  }
  .stp-field-label{
    font-size:9px
  }
}
@media(max-width:390px){
  .stp-controls{
    grid-template-columns:1fr
  }
  .stp-kind-tabs button{
    font-size:8px;
    padding:8px 3px;
    gap:5px
  }
  .stp-options{
    grid-row:auto;
    border-right:0;
    border-bottom:1px solid #eee8ea;
    padding:16px
  }
  .stp-paper-settings{
    padding:16px
  }
  .stp-export-section{
    padding:16px
  }
  .stp-layout-copy strong{
    font-size:11px
  }
  .stp-layout-copy small{
    font-size:9px
  }
  .stp-paper-detail{
    flex-wrap:nowrap
  }
  .stp-paper-orientation{
    padding:0
  }
  .stp-paper-detail>div{
    flex-basis:auto
  }
  .stp-shapes{
    grid-template-columns:repeat(4,1fr)
  }
  .stp-image-modes{
    grid-template-columns:1fr 1fr
  }
  .stp-uploaded-image small{
    max-width:150px
  }
  .stp-private-badge{
    max-width:133px;
    font-size:7px
  }
  .stp-page-navigation,.stp-zoom-controls{
    gap:3px
  }
  .stp-paper-viewport{
    height:485px
  }
  .stp-heading h2{
    font-size:33px
  }
}
@media(prefers-reduced-motion:reduce){
  .studio-print button{
    transition:none
  }
  .stp-spinner{
    animation:none;
    border-right-color:currentColor
  }
}

/* One print workflow: setup, review, then an immutable download hub. */
.maker-private-mode .studio-app .studio-print .stp-flow{display:flex;gap:6px;padding:5px;border:1px solid #e4e4ee;background:rgba(245,246,251,.85);border-radius:12px;margin:0 0 10px}
.maker-private-mode .studio-app .studio-print .stp-flow button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:#7c8395;font-size:12px;font-weight:600}
.maker-private-mode .studio-app .studio-print .stp-flow button>span{display:grid;place-items:center;height:22px;width:22px;border-radius:7px;background:#e9eaf2;font-size:10px;color:#8a7c9e;flex:none}
.maker-private-mode .studio-app .studio-print .stp-flow button[aria-current]{background:#fff;border-color:#e5dcea;color:#735185;box-shadow:0 3px 9px #4235560a}
.maker-private-mode .studio-app .studio-print .stp-flow button[aria-current]>span{background:#80608f;color:white}
.maker-private-mode .studio-app .studio-print .stp-flow button:disabled{opacity:.4;cursor:default}
.stp-pass-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:0 3px 24px;color:#8790a1;font-size:10px;line-height:1.6}
.stp-pass-status>span{display:flex;align-items:center;gap:5px}.stp-pass-status>span:first-child{color:#775d8c}
.stp-review-screen,.stp-download-screen{animation:stp-page-in .2s ease-out}
.stp-review-heading,.stp-saved-heading{display:flex;gap:16px;align-items:center;margin:0 0 22px;flex-wrap:wrap}
.stp-review-heading>div,.stp-saved-heading>div{flex:1;min-width:180px}
.maker-private-mode .studio-app .studio-print :is(.stp-review-heading h3,.stp-saved-heading h3){margin:5px 0 7px;font-size:22px;line-height:1.25;letter-spacing:-.5px;font-weight:600;color:#354155}
.stp-review-heading p,.stp-saved-heading p{color:#8590a0;font-size:11px;line-height:1.6;margin:0}
.stp-state-pill{padding:8px 11px;border:1px solid #dcebe5;border-radius:8px;background:#f0f7f4;color:#5a8374;font-size:10px;line-height:1.5}
.stp-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:24px}
.stp-review-grid>article{padding:16px;border:1px solid #e4e6ee;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 7px 22px #27324f05;overflow:hidden}
.stp-review-art{height:215px;display:flex;align-items:center;justify-content:center;border:1px solid #ebedf3;border-radius:10px;background:linear-gradient(145deg,#f8f9fc,#f0f1f8);padding:17px;overflow:hidden}
.stp-review-art canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 4px 13px #27324f17;background:#fff;object-fit:contain}
.stp-review-art>span{font-size:11px;color:#9b4b62;line-height:1.6}
.maker-private-mode .studio-app .studio-print .stp-review-grid h4{font-size:14px;font-weight:600;color:#3d485c;margin:15px 0 7px}
.stp-review-grid p{font-size:11px;color:#8390a2;line-height:1.6;margin:0 0 12px}
.maker-private-mode .studio-app .studio-print .stp-review-grid button{border:0;background:transparent;padding:4px 0;color:#806194;display:flex;align-items:center;gap:6px;font-size:11px}
.stp-review-confirm{display:flex;align-items:center;gap:26px;padding:24px;border:1px solid #e3dcea;background:linear-gradient(130deg,#fbf9fd,#f4f5fb);border-radius:14px}
.stp-review-confirm>div:first-child{flex:1;min-width:0}
.maker-private-mode .studio-app .studio-print .stp-review-confirm h3{font-size:16px;font-weight:600;margin:0 0 8px;color:#534268}
.stp-review-confirm p{font-size:12px;color:#818a9d;line-height:1.75;margin:0;max-width:630px}
.stp-review-confirm .stp-last-use{display:flex;align-items:start;gap:8px;color:#9b7549;background:#fff6e9;border-radius:8px;padding:10px;margin-top:12px;font-size:11px}
.stp-last-use svg{flex:none;margin-top:3px}.stp-review-actions{display:grid;gap:9px;min-width:235px}.stp-review-actions button{width:100%}
.stp-saved-check{display:grid;place-items:center;background:#ecf6f0;border:1px solid #d9ebe1;border-radius:13px;color:#618976;width:48px;height:48px;flex:none}
.stp-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.stp-download-tile{position:relative;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.94);border:1px solid #e2e5ee;border-radius:16px;padding:23px;box-shadow:0 6px 21px #29375406;min-width:0}
.stp-file-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#f3f0f8;border:1px solid #e6deee;color:#806191}
.stp-file-type{position:absolute;right:22px;top:25px;padding:5px 9px;border:1px solid #e5e6ee;border-radius:6px;font-size:10px;letter-spacing:1px;color:#9098a7}
.maker-private-mode .studio-app .studio-print .stp-download-tile h4{font-size:17px;letter-spacing:-.3px;font-weight:600;color:#3b475d;margin:3px 0 0;line-height:1.35}
.stp-download-tile p{font-size:12px;line-height:1.65;color:#8992a4;max-width:410px;margin:0}
.stp-file-detail{display:block;color:#777f93;font-size:11px;margin:5px 0 11px;line-height:1.5;font-variant-numeric:tabular-nums}
.maker-private-mode .studio-app .studio-print .stp-download-tile button{display:flex;align-items:center;gap:9px;border:1px solid #e1d5e9;border-radius:9px;background:#f8f5fb;color:#79558c;padding:12px 14px;min-height:43px;font-size:12px;font-weight:600;text-align:left;margin-top:auto;width:100%;line-height:1.4}
.stp-download-tile button>span{margin-left:auto;font-size:9px;letter-spacing:1px;opacity:.7;flex:none}
.stp-download-tile button>svg{flex:none}.stp-download-tile button:hover:not(:disabled){background:#efe8f6!important;border-color:#c2aecf!important}
.stp-draft-note{display:flex;align-items:center;gap:12px;background:#fff9ef;border:1px solid #f0e6d4;border-radius:10px;margin:0 0 20px;padding:14px;color:#9b7c50}
.stp-draft-note>svg{flex:none}.stp-draft-note p{font-size:11px;line-height:1.65;margin:0;flex:1}
.maker-private-mode .studio-app .studio-print .stp-draft-note button{font-size:11px;color:#977044;border:1px solid #e9d9b9;background:#fffaf2;border-radius:7px;padding:8px 12px}
.stp-single-image{margin:22px 0;border:1px solid #e7e7ef;border-radius:10px;padding:14px 16px;background:#fbfcfe;color:#858ba0;font-size:11px}
.stp-single-image summary{cursor:pointer}.stp-single-image>div{display:flex;align-items:center;gap:12px;margin-top:14px}.stp-single-image select{min-width:150px;max-width:100%}
.stp-download-footer{display:flex;align-items:center;gap:20px;margin-top:20px}.stp-download-footer p{display:flex;align-items:start;gap:8px;flex:1;color:#8f98a9;font-size:11px;line-height:1.7;margin:0}.stp-download-footer p>svg{flex:none;margin-top:3px}
.stp-download-footer button{flex:none;font-size:11px}.stp-download-screen>.stp-export-progress{margin-top:20px}.stp-review-confirm .stp-export-error{margin-top:10px;color:#9b4961}
.stp-token-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:7px 0 13px}
.maker-private-mode .studio-app .studio-print .stp-token-sources button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;min-height:37px;padding:8px 5px;color:#858197;border:1px solid #e6e2ed;border-radius:8px;background:#fff;line-height:1.4}
.maker-private-mode .studio-app .studio-print .stp-token-sources button[aria-pressed=true]{background:#f5eff9;border-color:#c6b1d4;color:#78578c}
.stp-initial-controls{display:grid;gap:7px;font-size:11px;color:#7e8196}.stp-initial-controls>input{width:100%;text-align:center;letter-spacing:3px}
.stp-token-colors{display:flex;gap:14px;margin:5px 0}.stp-token-colors label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;font-size:10px;color:#8c8597}.stp-token-colors input[type=color]{width:30px;height:29px;padding:3px;background:#fff;border:1px solid #e3deea;border-radius:6px}
.stp-token-adjust{margin-top:14px;padding:13px;border:1px solid #e4e1ed;border-radius:10px;background:#faf9fc;display:grid;gap:12px}
.stp-token-art{height:125px;display:grid;place-items:center}.stp-token-art canvas{display:block;width:125px;height:125px;object-fit:contain;background:transparent}
.stp-token-adjust p{font-size:10px;line-height:1.6;color:#93879e;margin:0}.stp-token-crop{display:grid;gap:11px}.stp-token-crop h4{font-size:11px;font-weight:600;color:#796488;margin:0}
.stp-token-crop label{display:grid;gap:8px;font-size:10px;color:#898295}.stp-token-crop label>span{display:flex;justify-content:space-between;gap:8px}.stp-token-crop output{font-variant-numeric:tabular-nums;color:#785a8b}
.stp-token-crop input[type=range]{display:block;appearance:auto;width:100%;height:16px;min-height:0;padding:0;margin:0;accent-color:#86619a;background:transparent;border:0}
.maker-private-mode .studio-app .studio-print .stp-token-crop button{padding:7px;font-size:10px;border:1px solid #e2dbea;border-radius:7px;background:#fff;color:#8b739a}
.stp-export-button:disabled{opacity:.45;cursor:default}.studio-print button:focus-visible,.studio-print summary:focus-visible{outline:2px solid #a287b4;outline-offset:3px}
@keyframes stp-page-in{from{opacity:.75;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1100px){.studio-print .stp-workspace{grid-template-columns:330px minmax(0,1fr)}.studio-print .stp-controls{max-height:calc(100dvh - 230px);min-height:440px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c9bed3 transparent}.studio-print .stp-export-section{position:sticky;bottom:0;background:rgba(255,255,255,.98);z-index:2;border-top:1px solid #eee8f1}.studio-print .stp-kind-tabs{grid-template-columns:repeat(3,1fr);gap:3px}.studio-print .stp-kind-tabs button{font-size:10px;padding:7px 4px;justify-content:center;gap:5px}.studio-print .stp-kind-tabs button>span{flex:none}.studio-print .stp-kind-tabs button>svg:last-child:not(:first-child){display:none}.studio-print .stp-section{padding:16px 17px}.studio-print .stp-paper-viewport{height:calc(100dvh - 310px);min-height:380px;max-height:680px}}
@media(max-width:850px){.stp-review-grid{gap:12px}.stp-review-art{height:175px;padding:12px}.stp-review-grid>article{padding:12px}.stp-review-confirm{flex-direction:column;align-items:stretch}.stp-review-actions{display:flex;min-width:0}.stp-review-actions button{flex:1}.stp-download-tile{padding:18px}.stp-download-tile p{font-size:11px}}
@media(max-width:660px){.maker-private-mode .studio-app .studio-print .stp-flow button{font-size:10px;padding:7px 3px;gap:5px;min-height:40px}.stp-pass-status{font-size:9px;gap:5px 12px;margin-bottom:20px}.stp-pass-status>span:last-child{width:100%}.stp-review-grid{grid-template-columns:1fr}.stp-review-grid>article{display:grid;grid-template-columns:95px minmax(0,1fr);column-gap:15px;align-content:center;padding:14px}.stp-review-art{grid-column:1;grid-row:1/4;height:120px;padding:8px}.maker-private-mode .studio-app .studio-print .stp-review-grid h4{margin:7px 0;font-size:13px}.stp-review-grid p{margin:0 0 8px;font-size:10px}.stp-review-confirm{padding:17px}.stp-review-actions{display:grid}.stp-review-heading,.stp-saved-heading{gap:12px}.maker-private-mode .studio-app .studio-print :is(.stp-review-heading h3,.stp-saved-heading h3){font-size:19px}.stp-review-heading .stp-state-pill{font-size:9px}.stp-download-grid{grid-template-columns:1fr;gap:13px}.stp-download-tile{padding:19px}.stp-saved-heading>.stp-state-pill{margin-left:60px;font-size:9px}.stp-draft-note{flex-wrap:wrap}.stp-draft-note button{margin-left:29px}.stp-download-footer{align-items:stretch;flex-direction:column;gap:14px}.stp-single-image>div{align-items:stretch;flex-direction:column}.studio-print .stp-controls{display:block}.studio-print .stp-kind-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.studio-print .stp-options{border-right:0}.studio-print .stp-token-adjust{grid-template-columns:100px minmax(0,1fr);align-items:start}.studio-print .stp-token-art{height:100px}.studio-print .stp-token-art canvas{width:100px;height:100px}.studio-print .stp-token-crop{gap:12px}.studio-print .stp-token-crop label{font-size:9px}.studio-print .stp-token-adjust>p{align-self:center}}
@media(prefers-reduced-motion:reduce){.stp-review-screen,.stp-download-screen{animation:none}}

/* Compact private workflow: persistent controls, roomy center, print service rail. */
.maker-private-mode .studio-app .studio-print.studio-print-compact {
  --stp-ink: #2d3c52;
  --stp-muted: #647389;
  --stp-border: #dce3eb;
  padding: 16px;
  width: 100%;
  max-width: none;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-workspace--compact {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 196px;
  align-items: stretch;
  gap: 16px;
  min-height: 0;
  margin: 0;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-flow-controls {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  min-width: 0;
  max-height: none;
  overflow: hidden;
  border-radius: 11px;
  background: #fff;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls-top {
  flex: none;
  padding: 12px 12px 10px;
  border-bottom: 1px solid var(--stp-border);
  background: #fff;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls-heading { display: flex; align-items: center; gap: 7px; margin-bottom: 12px; color: #526378; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls-heading h2 { font: 650 14px/1.3 system-ui, sans-serif; letter-spacing: -.2px; color: #2d3c52; margin: 0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-flow { gap: 3px; padding: 3px; margin-bottom: 10px; border-radius: 7px; border-color: #e1e6ee; background: #f4f6fa; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-flow button { min-width: 0; min-height: 37px; padding: 5px 3px; gap: 4px; font-size: 9px; line-height: 1.4; border-radius: 5px; white-space: normal; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-flow button > span { width: 17px; height: 17px; border-radius: 5px; font-size: 9px; background: #e8edf3; color: #6a7a8f; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-flow button[aria-current] { color: #25384f; border-color: #cbd6e2; background: #fff; box-shadow: 0 1px 4px #263b550c; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-flow button[aria-current] > span { background: #40556f; color: #fff; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-pass-status { display: grid; gap: 4px; font-size: 9px; line-height: 1.5; margin: 0; color: #647389; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-pass-status > span:first-child { color: #3e526b; font-weight: 600; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls-body { flex: 1 1 0; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c2cedd transparent; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-section { padding: 12px; border-color: #e5eaf0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-eyebrow { color: #6b7a8f; font-size: 8px; letter-spacing: .1em; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-kind-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; margin-top: 9px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-kind-tabs button { justify-content: center; min-height: 34px; gap: 4px; padding: 5px 3px; font-size: 9px; color: #66758a; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-kind-tabs button > span { flex: none; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-kind-tabs button > svg { width: 14px; height: 14px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-kind-tabs button > svg:last-child:not(:first-child) { display: none; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-kind-tabs button.selected { background: #edf2f8; border-color: #d1dce8; color: #314861; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-section-title { margin-bottom: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-section-title h3 { font-size: 11px; font-weight: 600; color: #42546b; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-layout-options { gap: 6px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-layout-option { min-height: 53px; padding: 8px; gap: 8px; border-radius: 7px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-layout-option.selected { color: #2d3c52 !important; background: #f1f5fa !important; border-color: #9aacbf !important; box-shadow: 0 0 0 1px #9aacbf; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-layout-copy { gap: 3px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-layout-copy strong { font-size: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-layout-copy small { font-size: 8px; color: #66758a; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-size-note { font-size: 9px; line-height: 1.55; margin: 10px 0 0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-paper-detail { gap: 8px; margin-bottom: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-cut-lines { gap: 8px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-export-section { padding: 12px; background: #fff; border-color: #e2e8f0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-export-summary { margin-bottom: 8px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-export-summary strong { font-size: 10px; color: #40536b; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-export-summary > span { font-size: 9px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-intro { font-size: 9px; line-height: 1.55; margin: 0 0 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-field-label { font-size: 9px; margin: 11px 0 6px; color: #52657e; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-shapes button { min-height: 48px; padding: 6px 2px; gap: 4px; color: #647389; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-shapes button > svg { width: 19px; height: 19px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-select { min-height: 32px; padding: 7px 8px; font-size: 10px; border-color: #d4deea; color: #425873; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-sources { gap: 5px; margin: 6px 0 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-sources button { min-height: 31px; padding: 6px 4px; font-size: 9px; color: #5c6f88; border-color: #d8e1ec; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-sources button[aria-pressed=true] { background: #edf2f8 !important; color: #354c68 !important; border-color: #b5c4d6 !important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-initial-controls { grid-template-columns: 65px minmax(0, 1fr); align-items: center; gap: 7px; font-size: 9px; color: #596d87; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-initial-controls > input { min-height: 32px; padding: 6px; font-size: 11px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-colors { grid-column: 1 / -1; gap: 11px; margin: 0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-colors label { font-size: 9px; color: #596d87; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-adjust { grid-template-columns: 72px minmax(0, 1fr); align-items: start; gap: 9px; margin-top: 11px; padding: 9px; background: #f6f8fb; border-color: #dce4ee; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-art { height: 72px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-art canvas { width: 72px; height: 72px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-adjust p { font-size: 9px; color: #67788f; line-height: 1.55; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-crop { gap: 8px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-crop h4 { font-size: 10px; color: #48607b; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-crop label { gap: 4px; font-size: 8px; color: #60738c; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-crop label > span { gap: 3px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-crop output { color: #415874; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-crop button { font-size: 9px; padding: 6px; border-color: #d3deea; color: #506a88; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-page-note { padding: 9px; margin-top: 10px; border-color: #dce4ee; background: #f4f7fb; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-page-note :is(strong, p) { color: #60738c; font-size: 9px; line-height: 1.55; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-export-button { min-height: 36px; padding: 8px 10px; font-size: 10px; color: #fff !important; background: #344960 !important; border-color: #344960 !important; box-shadow: 0 3px 8px #273c5114 !important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-export-button:hover:not(:disabled) { background: #26394f !important; border-color: #26394f !important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-center { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-preview-panel { flex: 1 1 0; min-width: 0; min-height: 0; width: 100%; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-preview-heading { padding: 0 2px 9px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-preview-heading h3 { font-size: 13px; line-height: 1.35; margin: 3px 0 0; letter-spacing: -.1px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-preview-page-count { font-size: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-preview-toolbar { min-height: 42px; padding: 7px 10px; gap: 9px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-notes { flex: none; margin: 9px 0 0; font-size: 9px; color: #647389; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-notes > summary { display: flex; align-items: center; gap: 6px; cursor: pointer; padding: 4px 0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-tip { margin-top: 6px; padding: 9px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-preview-context { padding: 4px 2px; font-size: 9px; line-height: 1.55; }

.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-confirm { display: flex; flex-direction: column; align-items: stretch; gap: 14px; padding: 14px 12px; border: 0; border-radius: 0; background: #fff; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-confirm h3 { font-size: 13px; line-height: 1.45; margin-bottom: 8px; color: #374c64; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-confirm p { font-size: 10px; line-height: 1.65; color: #65758b; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-actions { min-width: 0; display: grid; gap: 7px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-actions .studio-button { font-size: 10px; min-height: 34px; padding: 7px 9px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-review-heading, .stp-saved-heading) { margin-bottom: 13px; gap: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-review-heading h3, .stp-saved-heading h3) { font-size: 17px; line-height: 1.35; margin: 4px 0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-review-heading p, .stp-saved-heading p) { font-size: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-state-pill { padding: 5px 7px; font-size: 9px; border-color: #d5e3dd; background: #f3f8f5; color: #547668; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-grid { grid-template-columns: 1fr; gap: 10px; margin-bottom: 0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-grid > article { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-content: center; column-gap: 15px; padding: 10px; border-radius: 10px; background: #fff; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-art { grid-column: 1; grid-row: 1 / 4; height: 117px; padding: 9px; border-radius: 7px; background: #edf1f6; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-grid h4 { font-size: 13px; margin: 6px 0 5px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-grid p { font-size: 10px; line-height: 1.5; margin-bottom: 7px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-grid button { color: #4d627c; font-size: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-check { width: 32px; height: 32px; border-radius: 8px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-grid { gap: 11px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile { display: grid; grid-template-columns: 31px minmax(0, 1fr); column-gap: 10px; row-gap: 6px; padding: 13px; border-radius: 10px; background: #fff; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-file-icon { grid-column: 1; grid-row: 1 / 3; width: 31px; height: 34px; border-radius: 7px; background: #f0f3f8; border-color: #dce4ee; color: #5c6f88; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-file-icon svg { width: 19px; height: 19px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-file-type { display: none; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile h4 { font-size: 12px; margin: 0; letter-spacing: 0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-file-detail { font-size: 9px; line-height: 1.5; margin: 0; color: #67788f; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile > button { grid-column: 1 / -1; min-height: 35px; margin-top: 4px; padding: 7px 8px; font-size: 10px; gap: 6px; background: #fff !important; color: #405670 !important; border-color: #cdd7e4 !important; border-radius: 7px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile > button:hover:not(:disabled) { background: #f0f4f9 !important; border-color: #a8b8cb !important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-draft-note { gap: 8px; margin-bottom: 12px; padding: 10px; border-radius: 8px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-draft-note p { font-size: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-image { margin: 12px 0; padding: 10px 12px; font-size: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-image > div { gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-image .studio-button { padding: 7px 10px; min-height: 33px; font-size: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-footer { margin-top: 12px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-footer p { font-size: 9px; line-height: 1.6; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-sidebar h3 { font-size: 12px; line-height: 1.5; margin-bottom: 8px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-sidebar p { font-size: 10px; color: #647389; line-height: 1.65; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-sidebar dl { margin: 16px 0; display: grid; gap: 9px; font-size: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-sidebar dl > div { display: flex; justify-content: space-between; gap: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-sidebar dd { margin: 0; font-variant-numeric: tabular-nums; font-weight: 600; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-sidebar .stp-saved-sidebar-note { display: flex; align-items: start; gap: 7px; margin-bottom: 16px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-sidebar .studio-button { min-height: 34px; font-size: 10px; padding: 7px 9px; width: 100%; }

.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion { height: 100%; min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 16px 13px; border: 1px solid #dce3ec; border-radius: 11px; background: #fff; color: #354a63; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-eyebrow { font-size: 8px; font-weight: 650; letter-spacing: .1em; color: #6a7a90; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-art { position: relative; display: flex; align-items: center; justify-content: center; min-height: 155px; margin: 13px 0 18px; padding: 13px 34px 13px 14px; border-radius: 9px; background: #edf2f8; color: #8495aa; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-art > .studio-board { width: 90px; flex: none; box-shadow: 0 5px 11px #273c5119; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-card { position: absolute; right: 12px; bottom: 14px; width: 45px; box-shadow: 0 3px 8px #273c5126; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion h3 { font-size: 16px; font-weight: 600; letter-spacing: -.3px; line-height: 1.4; margin: 0 0 9px; color: #31455e; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion > p { font-size: 10px; line-height: 1.7; color: #65758b; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion ul { display: grid; gap: 8px; list-style: none; padding: 0; margin: 17px 0; font-size: 9px; line-height: 1.5; color: #61758c; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion li { display: flex; align-items: start; gap: 6px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion li > svg { flex: none; margin-top: 1px; color: #548477; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-actions { display: grid; gap: 9px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-actions :is(button, a) { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 35px; padding: 8px; border: 1px solid #cbd6e3; border-radius: 7px; background: #fff; color: #405a77; font-size: 10px; line-height: 1.45; text-decoration: none; text-align: center; box-shadow: none; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-actions :is(button, a):hover:not(:disabled) { border-color: #a6b6ca; background: #f1f5fa; }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-promotion-note, .physical-order-hint) { display: block; font-size: 9px; line-height: 1.6; color: #697b92; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion > small { display: block; font-size: 8px; line-height: 1.65; color: #7c8ba0; border-top: 1px solid #e6ebf2; padding-top: 13px; margin-top: 15px; }

@media (min-width: 1101px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-workspace--compact { flex: 1 1 0; height: auto; min-height: 0; overflow: hidden; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-center { height: 100%; overflow: hidden; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-preview-panel { display: flex; flex-direction: column; overflow: hidden; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-paper-viewport { flex: 1 1 0; height: auto; min-height: 0; max-height: none; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-review-screen, .stp-download-screen) { flex: 1 1 0; min-height: 0; overflow: auto; padding: 0 2px 10px; }
}
@media (min-width: 1101px) and (max-width: 1280px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-workspace--compact { grid-template-columns: 230px minmax(0, 1fr) 170px; gap: 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion { padding: 13px 11px; }
}
@media (min-width: 1101px) and (max-height: 800px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls-top { padding-top: 10px; padding-bottom: 8px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls-heading { margin-bottom: 9px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-art { min-height: 130px; margin-block: 10px 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-art > .studio-board { width: 78px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion ul { margin-block: 13px; gap: 6px; }
}
@media (max-width: 1100px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-workspace--compact { grid-template-columns: 240px minmax(0, 1fr); }
  /* Flow layouts need the full paper panel to establish the center row height. */
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-center { flex: 0 0 auto; height: auto; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-preview-panel { flex: 0 0 auto; height: auto; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls-body { flex: none; overflow: visible; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-flow-controls { height: auto; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion { grid-column: 1 / -1; display: grid; grid-template-columns: 145px minmax(0, 1fr); gap: 10px 19px; height: auto; overflow: visible; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-art { grid-column: 1; grid-row: 1 / 6; margin: 0; align-self: center; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion > :not(.stp-promotion-art) { grid-column: 2; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion h3 { margin: 0; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion ul { margin: 0; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion > small { margin-top: 0; padding-top: 9px; }
}
@media (max-width: 760px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact { padding: 14px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-workspace--compact { grid-template-columns: minmax(0, 1fr); gap: 17px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-center { overflow: visible; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-paper-viewport { height: 500px; min-height: 320px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-grid { grid-template-columns: 1fr; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-grid > article { grid-template-columns: 96px minmax(0, 1fr); gap: 11px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-art { height: 110px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-heading > .stp-state-pill { margin-left: 42px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion { grid-template-columns: 112px minmax(0, 1fr); gap: 10px 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-art { min-height: 142px; padding: 9px 24px 9px 9px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-art > .studio-board { width: 73px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-card { width: 37px; right: 7px; bottom: 11px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion h3 { font-size: 14px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-promotion-actions { grid-template-columns: 1fr; }
}

/* Review feedback remains visible while its actual artwork is being prepared. */
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-review-art, .stp-token-art) { position: relative; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-review-art > canvas { max-height: calc(100% - 15px); }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-artwork-loading { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; padding: 8px; background: #edf1f6; border-radius: inherit; color: #53667f; font-size: 10px; line-height: 1.4; text-align: center; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-first-sheet { position: absolute; bottom: 4px; left: 0; right: 0; color: #60728b; font-size: 9px; font-weight: 500; line-height: 1.3; text-align: center; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-file-copy { grid-column: 1 / -1; margin: 1px 0 0; color: #62738a; font-size: 9px; line-height: 1.5; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-crop label > span { font-size: 10px; font-weight: 500; line-height: 1.4; color: #52647c; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-token-crop output { font-size: 10px; font-weight: 500; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-cut-lines > span { font-size: 11px; font-weight: 500; color: #52647c; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-cut-lines strong { font-weight: 600; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls-body { scroll-padding-block: 12px 132px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls-body :is(input, select, button) { scroll-margin-block: 12px 132px; }

@media (max-width: 760px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-pass-status { font-size: 12px; gap: 6px; line-height: 1.5; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-flow button { font-size: 12px; min-height: 44px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-kind-tabs button, .stp-token-sources button, .stp-upload-button, .stp-single-image .studio-button, .stp-saved-sidebar .studio-button) { font-size: 12px !important; min-height: 44px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-shapes button { min-height: 56px; font-size: 12px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-local-note, .stp-size-note, .stp-token-intro, .stp-token-adjust p, .stp-token-page-note p, .stp-preview-context, .stp-print-tip p, .stp-download-footer p, .stp-saved-sidebar p, .stp-draft-note p) { font-size: 13px; line-height: 1.6; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-field-label, .stp-initial-controls label, .stp-token-colors label, .stp-token-page-note strong, .stp-paper-detail, .stp-cut-lines small, .stp-file-detail, .stp-review-heading p, .stp-saved-heading p, .stp-review-grid p, .stp-print-notes, .stp-export-summary span, .stp-saved-sidebar dl) { font-size: 12px; line-height: 1.5; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-layout-copy strong, .stp-export-summary strong, .stp-token-crop h4, .stp-cut-lines > span, .stp-file-copy) { font-size: 13px; line-height: 1.5; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-layout-copy small { font-size: 11px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-token-crop label > span, .stp-token-crop output, .stp-first-sheet, .stp-preview-page-count) { font-size: 12px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-token-crop button, .stp-review-grid button) { font-size: 12px; min-height: 40px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-review-confirm { margin-top: 18px; padding: 18px; border: 1px solid #dce4ee; border-radius: 12px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-review-confirm h3 { font-size: 15px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-review-confirm p { font-size: 13px; line-height: 1.6; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-review-actions .studio-button, .stp-review-actions .stp-export-button, .stp-export-button, .stp-download-tile > button) { font-size: 13px !important; min-height: 44px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-review-art { height: 126px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-artwork-loading { font-size: 12px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-controls-body { scroll-padding: 0; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-controls-body :is(input, select, button) { scroll-margin: 12px 0; }
}

/* Completion keeps the saved-file actions clear and the celebration brief. */
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-completion-eyebrow { display: block; color: #187c70; font-size: 8px; font-weight: 650; letter-spacing: .08em; line-height: 1.5; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-check { position: relative; overflow: visible; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-success-message { margin: -4px 0 12px; color: #216d60; font-size: 11px; line-height: 1.6; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-success-sparks { position: absolute; inset: 0; pointer-events: none; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-success-sparks i { position: absolute; width: 5px; height: 5px; border-radius: 2px; background: #08a898; opacity: 0; animation: stp-completion-spark 1.15s ease-out 1; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-success-sparks i:nth-child(1) { top: 2px; left: 4px; --spark-x: -10px; --spark-y: -11px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-success-sparks i:nth-child(2) { top: 0; right: 2px; --spark-x: 10px; --spark-y: -13px; background: #e5b33b; animation-delay: .08s; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-success-sparks i:nth-child(3) { right: 0; bottom: 2px; --spark-x: 14px; --spark-y: 4px; background: #d04a7b; animation-delay: .16s; }
@keyframes stp-completion-spark { 0% { opacity: 0; transform: translate(0, 0) scale(.4); } 20% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--spark-x), var(--spark-y)) scale(1); } }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-caller-action { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 12px; margin: 0 0 14px; padding: 11px 12px; border: 1px solid #ccdcd8; border-radius: 10px; background: #f6faf8; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-caller-action > .studio-button { display: flex; justify-content: center; align-items: center; gap: 8px; min-height: 38px; padding: 8px 10px; border: 1px solid #b8ccc5 !important; border-radius: 7px; color: #2d574d !important; background: #fff !important; font-size: 11px !important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-caller-action > .studio-button:hover:not(:disabled) { border-color: #6d9589 !important; background: #f0f7f3 !important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-caller-action p { flex: 1 1 160px; margin: 0; color: #526b63; font-size: 10px; line-height: 1.55; }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-starter-upgrade, .stp-print-instructions) { margin: 13px 0 0; padding: 12px; border: 1px solid #dce4ee; border-radius: 10px; background: #fff; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-starter-upgrade h4 { margin: 0 0 7px; font-size: 13px; color: #354b62; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-starter-upgrade p { margin: 0 0 9px; font-size: 11px; line-height: 1.65; color: #60728a; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-starter-upgrade :is(.square-pass-actions, .maker-pass-actions) { margin-top: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-starter-saved-note { display: flex; align-items: start; gap: 7px; margin: 11px 0; font-size: 10px; line-height: 1.6; color: #60728a; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-starter-saved-note > svg { flex: none; margin-top: 1px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-instructions > summary { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 550; color: #405870; cursor: pointer; min-height: 25px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-instructions > summary svg:last-child { margin-left: auto; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-instructions > div { padding-top: 10px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-instructions p { margin: 0 0 8px; color: #5c6e85; font-size: 11px; line-height: 1.7; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-instructions p:last-child { margin-bottom: 0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-instructions strong { font-weight: 600; color: #3d536c; }
@media (max-width: 760px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-completion-eyebrow { font-size: 10px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-success-message, .stp-caller-action p, .stp-starter-upgrade p, .stp-starter-saved-note, .stp-print-instructions p) { font-size: 13px; line-height: 1.65; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-caller-action { display: grid; padding: 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-caller-action > .studio-button { min-height: 44px; font-size: 13px !important; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-starter-upgrade h4 { font-size: 15px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-instructions > summary { font-size: 13px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-success-sparks { display: none; }
}

/* Saved-file previews always use the immutable set, never the editable canvas. */
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 185px), 1fr));
  align-items: stretch;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile--preview {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 12px;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile--preview h4 { font-size: 13px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile--preview > button { margin-top: auto; min-height: 40px; font-size: 11px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-file-preview { min-width: 0; width: 100%; margin-bottom: 3px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-file-preview .stp-review-art {
  grid-column: auto;
  grid-row: auto;
  height: 142px;
  padding: 11px 11px 20px;
  background: #eef2f7;
  border: 1px solid #e1e7ef;
  border-radius: 7px;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-file-preview .stp-review-art > canvas {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  box-shadow: 0 3px 10px #253b561a;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-saved-preview-loading, .stp-saved-preview-error) {
  min-height: 142px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px;
  border: 1px solid #e1e7ef;
  border-radius: 7px;
  background: #eef2f7;
  color: #52657d;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-file-preview :is(.stp-review-art > [role="alert"], .stp-saved-preview-error) { color: #874355; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-file-preview button {
  display: block;
  min-height: 32px;
  width: auto;
  margin: 7px auto 0;
  padding: 5px 9px;
  border: 1px solid #bdcbdc;
  border-radius: 6px;
  background: #fff;
  color: #415b79;
  font-size: 11px;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-starter-downloads { max-width: 370px; }

/* Image exports are secondary to the three paper PDFs. */
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-image-downloads { margin-top: 13px; background: #fff; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-image-downloads > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  color: #41566f;
  font-size: 11px;
  font-weight: 550;
  list-style: none;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-image-downloads > summary::-webkit-details-marker { display: none; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-image-downloads > summary > svg { flex: none; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-image-downloads > summary > svg:last-child { margin-left: auto; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-image-downloads > .stp-board-images-body { display: grid; align-items: stretch; gap: 12px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-images-body > p { margin: 0; color: #63758c; font-size: 11px; line-height: 1.6; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-image-downloads .stp-secondary-download {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 40px;
  width: 100%;
  font-size: 11px;
  background: #fff;
  color: #405670;
  border-color: #cdd7e4;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-secondary-download > span { margin-left: auto; font-size: 10px; color: #677b93; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-board-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding-top: 12px; border-top: 1px solid #e5ebf3; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-board-controls > label { grid-column: 1 / -1; color: #536b85; font-size: 11px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-board-controls > select { min-width: 0; max-width: 100%; min-height: 40px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-board-controls > button { min-height: 40px; font-size: 11px; }

/* The native modal makes the rest of the page inert throughout file generation. */
.maker-private-mode .studio-app .studio-print .stp-export-dialog {
  position: fixed;
  inset: 0;
  width: min(430px, calc(100vw - 36px));
  height: max-content;
  max-height: calc(100dvh - 36px);
  margin: auto;
  padding: 28px;
  overflow: auto;
  border: 1px solid #dce4ee;
  border-radius: 18px;
  background: #fff;
  color: #344b64;
  box-shadow: 0 24px 80px #10233b40;
  text-align: center;
}
.maker-private-mode .studio-app .studio-print .stp-export-dialog[open] { display: grid; justify-items: center; gap: 15px; }
.maker-private-mode .studio-app .studio-print .stp-export-dialog::backdrop { background: #12233f69; backdrop-filter: blur(3px); }
.maker-private-mode .studio-app .studio-print .stp-export-dialog-icon { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid #dce5ee; border-radius: 13px; background: #f1f5fa; color: #4e6988; }
.maker-private-mode .studio-app .studio-print .stp-export-dialog h3 { margin: 0; color: #304961; font-size: 20px; line-height: 1.35; font-weight: 600; letter-spacing: -.25px; }
.maker-private-mode .studio-app .studio-print .stp-export-dialog-status {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 9px;
  width: 100%;
  margin: 0;
  padding: 13px 10px;
  border-radius: 9px;
  background: #f0f4f9;
  color: #46617f;
  font-size: 13px;
  line-height: 1.5;
}
.maker-private-mode .studio-app .studio-print .stp-export-dialog-status .stp-spinner { flex: none; }
.maker-private-mode .studio-app .studio-print .stp-export-dialog-status > progress { flex-basis: 100%; width: 100%; height: 5px; margin-top: 3px; }
.maker-private-mode .studio-app .studio-print .stp-export-dialog > p { margin: 0; color: #60738b; font-size: 12px; line-height: 1.65; }
@media (max-width: 760px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-grid { grid-template-columns: 1fr; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile--preview { padding: 14px; gap: 9px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile--preview h4 { font-size: 15px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-file-preview .stp-review-art { height: 176px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-saved-preview-loading, .stp-saved-preview-error) { min-height: 176px; font-size: 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-saved-file-preview button { min-height: 40px; font-size: 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-image-downloads > summary { min-height: 44px; font-size: 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-images-body > p { font-size: 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-board-controls { grid-template-columns: minmax(0, 1fr); }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-board-controls > label { font-size: 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-single-board-controls :is(select, button) { min-height: 44px; font-size: 13px; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-board-image-downloads .stp-secondary-download { min-height: 44px; font-size: 13px; }
  .maker-private-mode .studio-app .studio-print .stp-export-dialog { padding: 24px 20px; }
  .maker-private-mode .studio-app .studio-print .stp-export-dialog > p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .maker-private-mode .studio-app .studio-print .stp-export-dialog .stp-spinner { animation: none; }
}

/* Private preview only. Loaded after the original and workspace styles. */
body.maker-private-mode {
  --glass-ink: #253247;
  --glass-muted: #68758a;
  --glass-faint: #8692a3;
  --glass-plum: #6d477d;
  --glass-plum-deep: #59366b;
  --glass-line: rgba(125, 142, 170, .19);
  --glass-line-strong: rgba(125, 142, 170, .31);
  --glass-surface: rgba(255, 255, 255, .72);
  --glass-surface-strong: rgba(255, 255, 255, .94);
  --glass-selected: linear-gradient(135deg, rgba(122, 89, 150, .11), rgba(154, 141, 204, .10));
  --glass-accent: linear-gradient(125deg, #785487, #60416f);
  --glass-shadow: 0 8px 28px rgba(43, 59, 86, .055), inset 0 1px 0 rgba(255, 255, 255, .95);
  --glass-shadow-raised: 0 18px 48px rgba(43, 59, 86, .10), 0 2px 6px rgba(43, 59, 86, .035);
  background: radial-gradient(ellipse at 100% 0%, #f0edfa 0, transparent 38%), radial-gradient(ellipse at 0% 80%, #f0f6fd 0, transparent 38%), #fcfdff;
  color: var(--glass-ink);
  color-scheme: light;
}

.maker-private-mode :is(.studio-app, .studio-shell, .studio-library, .studio-print, .builder-page, .studio-cards-workspace, .studio-cards-inspector, .card-adjust-dialog, .ai-preview-lightbox-card) {
  --wine: var(--glass-plum);
  --ink: var(--glass-ink);
  --muted: var(--glass-muted);
  --line: var(--glass-line);
  --surface: #fcfdff;
  --studio-ink: var(--glass-ink);
  --studio-muted: var(--glass-muted);
  --studio-burgundy: var(--glass-plum);
  --studio-border: var(--glass-line);
  --studio-paper: transparent;
  --studio-line: var(--glass-line);
  --studio-surface: var(--glass-surface);
  --studio-surface-strong: var(--glass-surface-strong);
  --lib-ink: var(--glass-ink);
  --lib-muted: var(--glass-muted);
  --lib-wine: var(--glass-plum);
  --lib-border: var(--glass-line);
  --stp-ink: var(--glass-ink);
  --stp-muted: var(--glass-muted);
  --stp-burgundy: var(--glass-plum);
  --stp-border: var(--glass-line);
  --gallery-ink: var(--glass-ink);
  --gallery-muted: var(--glass-muted);
  --gallery-white: #fff;
  --card-accent: #795588;
  --loteria-blue: #6d5c9d;
  --loteria-purple: var(--glass-plum);
  --loteria-magenta: var(--glass-plum);
  --loteria-green: #3e7a70;
  --loteria-yellow: #af8b49;
}

.maker-private-mode :is(.studio-shell, .studio-main, .studio-content, .studio-library, .studio-setup, .studio-design, .studio-mix, .studio-print) {
  background: transparent;
}

/* Motion belongs to interaction feedback, never to a refreshed drawing. */
.maker-private-mode .studio-content > *,
.maker-private-mode :is(.studio-library-project, .builder-panel, .studio-panel, .studio-action-card, .card-editor, .template-section-card, .text-style-card, .design-control-card, .download-card, .generator-card) {
  animation: none !important;
}

.maker-private-mode .studio-app :is(button, summary, input, select, textarea) {
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.maker-private-mode .studio-app :focus-visible {
  outline: 2px solid #9773b1 !important;
  outline-offset: 3px;
}

.maker-private-mode .studio-app :is(input[type=checkbox], input[type=radio], input[type=range]) {
  accent-color: var(--glass-plum);
}

.maker-private-mode :is(.studio-library h1, .studio-page-intro h1, .studio-design-top h1, .studio-stage-heading h1, .studio-card-stage-top h1, .studio-cards-heading h1, .stp-heading h2, .studio-dialog h2, .studio-mix-empty h2, .studio-setup-note h2, .studio-library-empty h2, .stp-preview-empty h4) {
  color: var(--glass-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  letter-spacing: -.045em;
}

.maker-private-mode .studio-app .studio-cards-heading h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: var(--glass-ink) !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
}

.maker-private-mode :is(.studio-eyebrow, .studio-library-eyebrow, .stp-eyebrow) {
  color: #8b6e9d;
}

.maker-private-mode :is(.studio-note, .studio-stage-heading p, .studio-library-intro, .studio-library-project-meta, .studio-library-modified, .studio-library-footnote, .studio-canvas-label, .studio-custom-color, .studio-inspector-position, .studio-inspector-color code, .studio-inspector-note, .studio-inspector-empty, .studio-back-link, .studio-help-button, .studio-help-copy, .stp-preview-context, .stp-local-note, .stp-size-note, .stp-paper-detail, .stp-preview-toolbar button, .stp-page-navigation > span, .stp-zoom-controls > span:not(.stp-toolbar-divider), .stp-preview-empty) {
  color: var(--glass-muted);
}

/* The privacy strip stays distinct and readable above the brighter workspace. */
.maker-private-mode .studio-private-banner {
  background: linear-gradient(95deg, #594366, #765583);
  color: #fff;
  box-shadow: 0 1px 8px rgba(62, 45, 81, .10);
}

.maker-private-mode .studio-private-banner > button { color: #f5eefb; }
.maker-private-mode .studio-brand-mark { background: var(--glass-accent); color: #fff; box-shadow: 0 4px 12px rgba(98, 65, 118, .16); }
.maker-private-mode .studio-brand-mark > span { color: #856195; }

/* Glass frames sit over a very light backdrop; their own content stays crisp. */
.maker-private-mode :is(.studio-shell > .studio-sidebar, .studio-header, .studio-library-search, .studio-library-view-switch, .studio-library-project, .studio-library-menu-popover, .studio-setup-note, .studio-design-tools, .studio-text-inspector, .studio-cards-inspector, .studio-mix-controls, .stp-controls, .studio-zoom-controls, .stp-preview-toolbar) {
  background: var(--glass-surface);
  border-color: var(--glass-line);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
}

.maker-private-mode .studio-shell > .studio-sidebar { box-shadow: 8px 0 28px rgba(43, 59, 86, .025); }
.maker-private-mode .studio-header { background: rgba(255, 255, 255, .78); box-shadow: 0 3px 18px rgba(43, 59, 86, .025); }
.maker-private-mode .studio-design-top { background: rgba(255, 255, 255, .40); }
.maker-private-mode .studio-design-tools,
.maker-private-mode .studio-text-inspector,
.maker-private-mode .studio-cards-inspector { background: rgba(255, 255, 255, .82); box-shadow: none; }
.maker-private-mode .studio-cards-workspace { background: transparent; color: var(--glass-ink); }
.maker-private-mode .studio-cards-heading { background: rgba(255, 255, 255, .70); border-color: var(--glass-line); }
.maker-private-mode :is(.studio-cards-heading p, .studio-cards-deck-count, .studio-cards-gallery-footer p, .studio-cards-tab-note, .studio-cards-selection span, .studio-cards-fine-position label > span, .studio-cards-fine-position b, .studio-cards-inspector-empty, .studio-cards-batch-select, .studio-cards-ai-comparison figcaption) { color: var(--glass-muted); }
.maker-private-mode :is(.studio-cards-selection strong, .studio-cards-name-field > span, .studio-cards-fine-position > strong, .studio-cards-ai-result h3) { color: var(--glass-ink); }
.maker-private-mode :is(.studio-cards-gallery-footer, .studio-cards-selection, .studio-cards-tabs, .studio-cards-fine-position, .studio-cards-ai-actions, .studio-cards-ai-result) { border-color: var(--glass-line); }
.maker-private-mode .studio-cards-live-preview { background: #edf1f7; border-color: var(--glass-line); }
.maker-private-mode .studio-cards-live-preview > span { color: var(--glass-muted); }
.maker-private-mode :is(.studio-cards-scope, .studio-cards-ai-status) { background: #f5f3fa; color: var(--glass-plum); border-color: #e7dfef; }
.maker-private-mode :is(.studio-cards-scope p, .studio-cards-ai-status p) { color: var(--glass-muted); }
.maker-private-mode .studio-cards-token-link { color: var(--glass-plum); }
.maker-private-mode .studio-cards-delete { color: #9b4159; }
.maker-private-mode .studio-cards-tabs button { color: var(--glass-muted); }
.maker-private-mode .studio-cards-tabs button:hover { background: rgba(127, 97, 155, .055); }
.maker-private-mode .studio-cards-tabs button[aria-selected=true] { background: var(--glass-selected); color: var(--glass-plum); border-color: rgba(127, 93, 151, .19); }
.maker-private-mode .studio-cards .deck-filter-chips button b { background: #edf0f7 !important; color: var(--glass-muted) !important; }
.maker-private-mode .studio-cards .deck-filter-chips button.active b { background: #eee8f5 !important; color: var(--glass-plum) !important; }

.maker-private-mode :is(.studio-stage, .studio-language, .studio-text-layers button, .studio-inspector-close, .studio-zoom-controls button, .stp-kind-tabs button, .stp-preview-toolbar button, .studio-library-filters button, .studio-library-view-switch button, .studio-library-more) { color: var(--glass-muted); }

.maker-private-mode :is(.studio-stage:hover, .studio-text-layers button:hover, .studio-inspector-close:hover, .studio-zoom-controls button:hover, .stp-kind-tabs button:hover, .stp-preview-toolbar button:hover:not(:disabled), .studio-library-filters button:hover, .studio-library-more:hover, .studio-library-more[aria-expanded=true]) {
  background: rgba(127, 97, 155, .055);
  color: var(--glass-plum);
}

.maker-private-mode :is(.studio-stage.is-current, .studio-text-layers button.is-selected, .studio-inspector-toggle.is-open, .studio-text-alignment button.is-selected, .studio-library-filters button.is-active, .studio-library-view-switch button.is-active, .stp-kind-tabs button.selected, .stp-fit-button.selected) {
  background: var(--glass-selected);
  border-color: rgba(127, 93, 151, .20);
  color: var(--glass-plum);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

.maker-private-mode .studio-stage.is-current::before { background: linear-gradient(#9c7eb7, #6c477c); }
.maker-private-mode .studio-stage-index { color: var(--glass-faint); }
.maker-private-mode .studio-stage.is-current .studio-stage-index { color: var(--glass-plum); }
.maker-private-mode .studio-private-badge,
.maker-private-mode .stp-private-badge { color: var(--glass-plum); background: rgba(241, 235, 248, .70); border-color: rgba(127, 93, 151, .16); }

/* Buttons and input chrome share the same accent through new and retained tools. */
.maker-private-mode .studio-app :is(.studio-button, .studio-icon-button, .studio-library-reset, .studio-library-list-open, .studio-grid-choice, .studio-theme-choice, .studio-text-alignment button, .stp-layout-option, .stp-shapes button, .stp-image-modes button) {
  background: rgba(255, 255, 255, .86);
  border-color: var(--glass-line-strong);
  color: var(--glass-ink);
  box-shadow: inset 0 1px 0 #fff, 0 2px 5px rgba(43, 59, 86, .025);
}

.maker-private-mode .studio-app :is(.studio-button, .studio-icon-button, .studio-library-reset, .studio-library-list-open, .studio-grid-choice, .studio-theme-choice, .studio-text-alignment button, .stp-layout-option, .stp-shapes button, .stp-image-modes button):hover:not(:disabled) {
  background: #fff;
  border-color: rgba(122, 89, 150, .40);
  color: var(--glass-plum);
  box-shadow: 0 4px 12px rgba(79, 57, 102, .07);
}

.maker-private-mode .studio-app :is(.studio-button-primary, .studio-library-new, .stp-export-button) {
  color: #fff !important;
  background: var(--glass-accent) !important;
  border-color: rgba(88, 56, 107, .50) !important;
  box-shadow: 0 5px 14px rgba(100, 67, 120, .16), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

.maker-private-mode .studio-app :is(.studio-button-primary, .studio-library-new, .stp-export-button):hover:not(:disabled) {
  color: #fff !important;
  background: linear-gradient(125deg, #805b90, #5b396b) !important;
  border-color: rgba(88, 56, 107, .65) !important;
  box-shadow: 0 7px 20px rgba(100, 67, 120, .21), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  transform: none;
}

.maker-private-mode .studio-app :is(.studio-theme-choice.is-selected, .studio-grid-choice.is-selected, .stp-layout-option.selected, .stp-shapes button.selected, .stp-image-modes button.selected) {
  color: var(--glass-plum);
  background: var(--glass-selected);
  border-color: rgba(122, 89, 150, .45);
  box-shadow: 0 0 0 1px rgba(122, 89, 150, .10), inset 0 1px 0 #fff;
}

.maker-private-mode :is(.studio-mini-grid > i, .stp-sheet-glyph i) { background: #e3e4ef; border-color: #ccd0e2; }
.maker-private-mode :is(.studio-grid-choice.is-selected .studio-mini-grid > i, .stp-layout-option.selected .stp-sheet-glyph i) { background: #b2a0c3; border-color: #9d87b1; }
.maker-private-mode .studio-theme-choice > i,
.maker-private-mode .stp-radio i { background: var(--glass-plum); }
.maker-private-mode .studio-theme-choice > span { color: #826294; }
.maker-private-mode .stp-layout-option.selected .stp-radio { border-color: var(--glass-plum); }

.maker-private-mode :is(.studio-field input:not([type=color]), .studio-field select, .studio-field textarea, .studio-inspector-position input, .studio-inspector-color, .stp-select) {
  background: rgba(255, 255, 255, .90);
  border-color: var(--glass-line-strong);
  color: var(--glass-ink);
  box-shadow: inset 0 1px 2px rgba(43, 59, 86, .018);
}

.maker-private-mode :is(.studio-field input, .studio-field textarea, .studio-library-search input)::placeholder { color: var(--glass-faint); }
.maker-private-mode .studio-library-search input { color: var(--glass-ink); }
.maker-private-mode .studio-library-search:focus-within { border-color: #a08ab5; box-shadow: 0 0 0 3px rgba(122, 89, 150, .09); }
.maker-private-mode :is(.studio-add-text, .stp-upload-button) { background: rgba(255, 255, 255, .55); border-color: #c1b6ce; color: var(--glass-plum); }
.maker-private-mode :is(.studio-add-text, .stp-upload-button):hover { background: rgba(247, 244, 251, .90); border-color: #a68cba; }
.maker-private-mode :is(.studio-text-visibility, .studio-reset-text, .studio-delete-text, .stp-existing-options) { color: var(--glass-muted); }
.maker-private-mode :is(.studio-delete-text:hover, .stp-existing-options:hover, .studio-reset-text:hover) { color: var(--glass-plum); }
.maker-private-mode .studio-color-swatches button { border-color: rgba(68, 83, 107, .22); }
.maker-private-mode .studio-color-swatches button.is-selected { outline-color: #a28ab6; }

/* Covers stay artwork; only the surrounding gallery stage changes. */
.maker-private-mode .studio-library-project { border-radius: 16px; }
.maker-private-mode .studio-library-project:hover { border-color: rgba(122, 89, 150, .27); box-shadow: var(--glass-shadow-raised); transform: none; }
.maker-private-mode .studio-library-cover,
.maker-private-mode .studio-library-project:nth-child(3n+2) .studio-library-cover,
.maker-private-mode .studio-library-project:nth-child(3n+3) .studio-library-cover {
  background: radial-gradient(ellipse at 85% 0%, rgba(228, 222, 245, .78), transparent 65%), linear-gradient(135deg, #f7f9fe, #edf1f8);
  border-color: var(--glass-line);
}

.maker-private-mode .studio-library-cover-open { background: rgba(255, 255, 255, .85); color: var(--glass-plum); box-shadow: 0 3px 12px rgba(43, 59, 86, .08); }
.maker-private-mode .studio-library-cover .studio-library-board { box-shadow: 0 8px 20px rgba(43, 59, 86, .12); }
.maker-private-mode .studio-library-title-row h2 { font-family: inherit; font-weight: 600; letter-spacing: -.025em; }
.maker-private-mode .studio-library-project-meta > span { color: #b0b9c7; }
.maker-private-mode .studio-library-menu-popover { background: rgba(255, 255, 255, .96); box-shadow: var(--glass-shadow-raised); }
.maker-private-mode .studio-library-status.is-ready { color: #3e7267; background: #eaf5f0; }
.maker-private-mode .studio-library-status.is-draft { color: #777b94; background: #eff0f7; }
.maker-private-mode .studio-library-empty { background: var(--glass-surface); border-color: var(--glass-line-strong); }
.maker-private-mode .studio-library-empty-icon { color: var(--glass-plum); background: #eee9f6; }

/* Guidance uses quiet, cool tints instead of paper-colored blocks. */
.maker-private-mode :is(.studio-library-help, .studio-credit-note, .stp-print-tip, .stp-token-page-note) {
  background: linear-gradient(135deg, rgba(240, 239, 249, .85), rgba(244, 248, 253, .85));
  border-color: rgba(127, 112, 163, .16);
  color: #6a6380;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .80);
}

.maker-private-mode :is(.studio-credit-note p, .studio-credit-note button, .stp-print-tip p, .stp-token-page-note p) { color: #77738c; }
.maker-private-mode :is(.stp-print-tip strong, .stp-token-page-note strong) { color: #5e5575; }
.maker-private-mode .studio-grid-choice em { color: #756384; background: #eee9f5; }
.maker-private-mode .studio-setup-note { border-radius: 18px; }
.maker-private-mode .studio-setup-note > p,
.maker-private-mode .studio-note-foot { color: var(--glass-muted); }
.maker-private-mode .studio-note-foot { border-color: var(--glass-line); }
.maker-private-mode .studio-note-card-one { background: #c6b5d9; color: #fff; }
.maker-private-mode .studio-note-card-two { background: #dbe5f3; color: #6b6081; }
.maker-private-mode .studio-setup-note-art > i { color: #b3a1ca; }

/* Light studio stages provide contrast around physical boards and sheets. */
.maker-private-mode :is(.studio-board-stage, .studio-mix-stage) {
  background: radial-gradient(ellipse at 100% 0%, rgba(215, 216, 235, .30), transparent 65%), #e9eef6;
  border-color: var(--glass-line);
}

.maker-private-mode .studio-mix-stage { box-shadow: var(--glass-shadow); border-radius: 16px; }
.maker-private-mode .studio-mix-controls { border: 1px solid var(--glass-line); border-radius: 16px; padding: 20px; align-self: start; }
.maker-private-mode :is(.studio-mix-facts, .studio-mix-help, .studio-mix-toolbar, .studio-mix-empty) { color: var(--glass-muted); }
.maker-private-mode .studio-mix-help summary { color: var(--glass-plum); }
.maker-private-mode .studio-mix-toolbar { background: rgba(255, 255, 255, .55); border-color: var(--glass-line); }
.maker-private-mode .studio-board-strip { background: rgba(255, 255, 255, .58); border-color: var(--glass-line); }
.maker-private-mode .studio-board-strip button { color: var(--glass-muted); border-color: var(--glass-line-strong); background: rgba(255, 255, 255, .92); }
.maker-private-mode .studio-board-strip button[aria-pressed=true] { background: var(--glass-accent); border-color: var(--glass-plum); color: #fff; box-shadow: 0 3px 9px rgba(100, 67, 120, .12); }
.maker-private-mode .studio-zoom-controls > span { color: var(--glass-muted); }
.maker-private-mode :is(.studio-zoom-controls > i, .stp-toolbar-divider, .studio-tools-divider) { background: var(--glass-line); }
.maker-private-mode .studio-board-text-handle.is-selected { border-color: #9373aa; box-shadow: 0 0 0 1px #fff; }
.maker-private-mode .studio-board-text-handle.is-selected::after { background: #fff; border-color: #9373aa; }
.maker-private-mode .studio-board-text-handle:hover { border-color: #a28ab6; background: rgba(127, 97, 155, .025) !important; }

.maker-private-mode .stp-controls { border-radius: 16px; }
.maker-private-mode .stp-section { border-color: var(--glass-line); }
.maker-private-mode .stp-section-title > span { color: var(--glass-muted); background: rgba(240, 242, 248, .72); border-color: var(--glass-line); }
.maker-private-mode .stp-size-note strong { color: #556279; }
.maker-private-mode .stp-paper-viewport {
  background-color: #f1f4fa;
  background-image: radial-gradient(rgba(135, 150, 175, .22) .7px, transparent .7px);
  border-color: var(--glass-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65);
}

.maker-private-mode .stp-preview-toolbar { border-color: var(--glass-line); }
.maker-private-mode :is(.stp-paper-width, .stp-paper-height) { color: var(--glass-faint); }
.maker-private-mode .stp-page-navigation i { color: #a8b3c4; }
.maker-private-mode .stp-uploaded-image { background: rgba(246, 243, 251, .72); border-color: rgba(127, 93, 151, .18); }
.maker-private-mode .stp-uploaded-image strong { color: var(--glass-plum); }
.maker-private-mode .stp-uploaded-image small { color: var(--glass-muted); }
.maker-private-mode .stp-uploaded-image button { color: var(--glass-muted); }
.maker-private-mode .stp-uploaded-image button:hover { background: #eee7f5; }
.maker-private-mode :is(.studio-render-loading, .stp-rendering-overlay) { color: var(--glass-muted); background: rgba(255, 255, 255, .90); }
.maker-private-mode :is(.studio-render-error, .stp-export-error, .stp-preview-error) { color: #9a4159; background: rgba(255, 246, 249, .97); }

/* Retained Maker controls: same visual language in card tools and all drawers. */
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) {
  --gallery-ink: var(--glass-ink);
  --gallery-muted: var(--glass-muted);
  --card-accent: #795588 !important;
  --loteria-blue: #6d5c9d;
  --loteria-magenta: var(--glass-plum);
  --loteria-purple: var(--glass-plum);
  color: var(--glass-ink);
}

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer) {
  background: transparent !important;
  background-image: none !important;
}

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer)::before,
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer)::after { display: none !important; }

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.studio-panel, .builder-panel, .board-style-controls, .download-redesign, .download-studio-panel, .design-studio-panel, .cards-studio-panel) {
  background: var(--glass-surface) !important;
  border-color: var(--glass-line) !important;
  border-radius: 16px;
  box-shadow: var(--glass-shadow) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
}

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.studio-panel-header, .studio-settings, .studio-guidance, .studio-main, .board-style-head, .download-stage-heading, .single-preview-head) {
  background: rgba(255, 255, 255, .55) !important;
  border-color: var(--glass-line) !important;
  color: var(--glass-ink);
  box-shadow: none !important;
}

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.studio-action-card, .upload-progress-card, .label-style-panel, .deck-management-bar, .ai-settings-card, .ai-control-group, .design-control-card, .text-style-card, .template-section-card, .conditional-background-controls, .custom-background-controls, .plain-background-controls, .template-current-preview, .background-preview-card, .advanced-box, .switch-row, .generator-card, .download-card, .download-file-card, .download-set-overview, .download-access-notice, .download-print-settings, .download-preview-placeholder, .stats-panel) {
  background: rgba(255, 255, 255, .88) !important;
  background-image: none !important;
  border-color: var(--glass-line) !important;
  box-shadow: 0 3px 12px rgba(43, 59, 86, .035), inset 0 1px 0 #fff !important;
  color: var(--glass-ink);
  border-radius: 12px;
}

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.studio-action-card, .upload-progress-card, .label-style-panel, .design-control-card, .text-style-card, .template-section-card, .download-card, .generator-card, .card-editor)::before {
  display: none !important;
}

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(h2, h3, h4, strong) { color: var(--glass-ink); text-shadow: none; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) .studio-panel-header h2 { font-family: inherit; font-weight: 600; letter-spacing: -.025em; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.soft-copy, .tiny-copy, .control-label, .board-style-head p:not(.eyebrow), .studio-action-card p, .upload-progress-card span, .design-control-card summary small, .text-style-card summary small, .ai-control-group > span, .inspector-control-group > span, .background-mode-note, .watermark-note, .download-current-note, .download-file-copy p, .deck-file span) { color: var(--glass-muted) !important; }

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]), select, textarea) {
  background: rgba(255, 255, 255, .95) !important;
  border-color: var(--glass-line-strong) !important;
  color: var(--glass-ink) !important;
  box-shadow: inset 0 1px 2px rgba(43, 59, 86, .018);
}

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.primary-button, .sparkle-button) {
  background: var(--glass-accent) !important;
  color: #fff !important;
  border-color: rgba(88, 56, 107, .45) !important;
  box-shadow: 0 4px 12px rgba(100, 67, 120, .14) !important;
  text-shadow: none !important;
}

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.primary-button, .sparkle-button):hover:not(:disabled) { background: linear-gradient(125deg, #805b90, #5b396b) !important; box-shadow: 0 6px 17px rgba(100, 67, 120, .20) !important; transform: none; }

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.secondary-button, .small-button, .icon-button, .ai-select-card, .ai-preview-zoom-button, .card-quick-actions button, .deck-view-toggle button, .deck-filter-chips button, .download-preview-update-button) {
  color: var(--glass-plum) !important;
  background: rgba(255, 255, 255, .92) !important;
  border-color: var(--glass-line-strong) !important;
  box-shadow: 0 2px 5px rgba(43, 59, 86, .025) !important;
}

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.secondary-button, .small-button, .icon-button, .ai-select-card, .ai-preview-zoom-button, .card-quick-actions button, .deck-view-toggle button, .deck-filter-chips button):hover:not(:disabled) { background: #f7f4fb !important; border-color: #bba6ca !important; }

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.segmented-control, .ai-style-pills, .ai-quality-toggle, .weight-picker, .alignment-picker) { background: #f3f5fa !important; border-color: var(--glass-line) !important; box-shadow: none !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.segmented-control, .ai-style-pills, .ai-quality-toggle, .weight-picker, .alignment-picker) button { color: var(--glass-muted) !important; background: transparent !important; box-shadow: none !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.segmented-control, .ai-style-pills, .ai-quality-toggle, .weight-picker, .alignment-picker) button.active,
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.deck-view-toggle button.active, .deck-filter-chips button.active) { background: #fff !important; color: var(--glass-plum) !important; border-color: rgba(127, 93, 151, .25) !important; box-shadow: 0 2px 8px rgba(43, 59, 86, .07) !important; }

.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.design-control-card, .text-style-card, .template-section-card) summary { color: var(--glass-ink); background: transparent; border-color: var(--glass-line); }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.design-control-card, .text-style-card, .template-section-card) summary:hover { background: rgba(127, 97, 155, .045); }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.font-live-preview, .ai-guidance-balance, .ai-generation-progress, .ai-bulk-bar, .download-set-facts, .download-final-ready) { color: var(--glass-plum); background: #f5f2fa !important; background-image: none !important; border-color: #e3dbea !important; box-shadow: none !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.ai-guidance-balance strong, .studio-stat-grid span, .ai-token-pill, .download-action-badge) { color: var(--glass-plum) !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) .drop-zone { color: var(--glass-ink); background: rgba(245, 246, 252, .70) !important; border-color: #bdafcf !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) .upload-progress-track { background: #edf0f6 !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) .upload-progress-track i { background: linear-gradient(90deg, #b29bc9, #806095) !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) .card-editor { --card-accent: #795588 !important; background: rgba(255, 255, 255, .94) !important; border-color: var(--glass-line) !important; box-shadow: 0 3px 10px rgba(43, 59, 86, .04) !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) .card-editor.selected { border-color: #a18ab6 !important; background: #fff !important; box-shadow: 0 0 0 1px rgba(122, 89, 150, .16), 0 5px 16px rgba(43, 59, 86, .06) !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) .card-quick-actions .adjust-button { color: #fff !important; background: var(--glass-accent) !important; border-color: var(--glass-plum) !important; }
.maker-private-mode .studio-app .studio-cards .card-quick-actions .adjust-button { color: var(--glass-plum) !important; background: rgba(255, 255, 255, .94) !important; border-color: #d9cfe3 !important; box-shadow: none !important; }
.maker-private-mode .studio-app .studio-cards .card-quick-actions .adjust-button:hover:not(:disabled) { color: var(--glass-plum-deep) !important; background: #f5f1fa !important; border-color: #b59cc8 !important; box-shadow: 0 2px 7px rgba(100, 67, 120, .06) !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.success-badge, .success-text) { color: #3e7267 !important; background: #edf7f2 !important; border-color: #dceee4 !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.warning-text, .warning-badge, .ai-service-warning) { color: #966434 !important; background: #fff8ec !important; border-color: #f0e0c8 !important; }
.maker-private-mode .studio-app :is(.preview-existing-cards, .studio-cards, .studio-legacy-drawer, .studio-text-inspector, .studio-cards-inspector) :is(.danger-link, .small-button.danger) { color: #9b4159 !important; }

/* Keep native control wrappers open; glass is applied to their actual sections. */
.maker-private-mode .studio-app .studio-text-inspector .studio-original-controls .board-style-controls,
.maker-private-mode .studio-app .studio-cards-inspector :is(.label-style-panel, .ai-settings-card) { background: transparent !important; border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
.maker-private-mode .studio-app .studio-original-controls :is(.conditional-background-controls, .custom-background-controls, .plain-background-controls) { background: transparent !important; box-shadow: none !important; }
.maker-private-mode .studio-app .studio-original-controls :is(label, .control-label) { color: var(--glass-muted) !important; font-weight: 500 !important; }
.maker-private-mode .studio-app .studio-original-controls :is(label strong, .accordion-card > summary strong) { color: var(--glass-ink) !important; font-weight: 600 !important; }
.maker-private-mode .studio-app .studio-original-controls :is(.template-current-preview small, .watermark-note, .watermark-note strong) { color: var(--glass-muted) !important; }
.maker-private-mode .studio-app .studio-cards :is(.settings-group-title, .settings-group label, .settings-group label strong, .card-name-field > span, .ai-control-group > span, .ai-minihead > span) { color: var(--glass-muted) !important; font-weight: 500 !important; }
.maker-private-mode .studio-original-controls .text-style-icon { color: var(--glass-plum); background: #eee9f6; }
.maker-private-mode .studio-original-controls .accordion-chevron { border-color: #a38fb1; }
.maker-private-mode .studio-original-controls .color-inline { background: rgba(255, 255, 255, .90); border-color: var(--glass-line); }
.maker-private-mode :is(.studio-extra-controls, .studio-selected-text-controls) { border-color: var(--glass-line); }
.maker-private-mode .studio-inspector-tabs { background: rgba(237, 240, 247, .75); border-color: var(--glass-line); }
.maker-private-mode .studio-inspector-tabs button { color: var(--glass-muted); }
.maker-private-mode .studio-inspector-tabs button[aria-selected=true] { background: #fff; color: var(--glass-plum); box-shadow: 0 2px 7px rgba(43, 59, 86, .07); }
.maker-private-mode .studio-inspector-tabs button:hover { color: var(--glass-plum); background: rgba(255, 255, 255, .85); }
.maker-private-mode .studio-range-field,
.maker-private-mode .studio-range-field output { color: var(--glass-muted); }

/* Modal surfaces remain legible over the frosted workspace. */
.maker-private-mode .studio-dialog,
.maker-private-mode :is(.card-adjust-dialog, .ai-preview-lightbox-card) {
  color: var(--glass-ink);
  background: rgba(255, 255, 255, .94);
  border-color: rgba(255, 255, 255, .85);
  border-radius: 20px;
  box-shadow: 0 28px 90px rgba(31, 45, 67, .18), 0 1px 0 #fff inset;
  -webkit-backdrop-filter: blur(22px) saturate(120%);
  backdrop-filter: blur(22px) saturate(120%);
}

.maker-private-mode .studio-dialog::backdrop,
.maker-private-mode :is(.card-adjust-modal, .ai-preview-lightbox) { background: rgba(36, 46, 65, .29); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); }
.maker-private-mode :is(.card-adjust-head, .card-adjust-controls, .ai-compare-actions) { color: var(--glass-ink); background: rgba(255, 255, 255, .88); border-color: var(--glass-line); }
.maker-private-mode :is(.card-adjust-preview, .download-set-visual, .download-board-preview, .single-board-preview-panel) { background-color: #edf1f7; border-color: var(--glass-line); }
.maker-private-mode :is(.card-adjust-head span, .card-adjust-head small, .card-adjust-dialog .inspector-control-group > span) { color: var(--glass-muted); }
.maker-private-mode :is(.card-adjust-head h3, .ai-preview-lightbox-card h3) { color: var(--glass-ink); }
.maker-private-mode .studio-dialog-header > div > span { color: var(--glass-muted); }
.maker-private-mode .studio-toast { color: #fff; background: linear-gradient(125deg, rgba(82, 59, 99, .97), rgba(55, 47, 77, .97)); border: 1px solid rgba(255, 255, 255, .15); box-shadow: 0 10px 35px rgba(48, 40, 69, .20); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .maker-private-mode :is(.studio-shell > .studio-sidebar, .studio-header, .studio-library-project, .studio-setup-note, .studio-design-tools, .studio-text-inspector, .studio-mix-controls, .stp-controls, .studio-dialog) { background: #fff; }
}

@media (max-width: 700px) {
  .maker-private-mode .studio-mix-controls { padding: 16px; }
  .maker-private-mode .studio-shell > .studio-sidebar { background: rgba(255, 255, 255, .90); box-shadow: 0 4px 20px rgba(43, 59, 86, .035); }
  .maker-private-mode .studio-header { background: rgba(255, 255, 255, .86); }
}

@media (prefers-reduced-motion: reduce) {
  .maker-private-mode .studio-app *,
  .maker-private-mode .studio-app *::before,
  .maker-private-mode .studio-app *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* Compact mixing stage and read-only final state. */
.studio-app .studio-mix-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 18px;border-bottom:1px solid rgba(121,124,152,.14);margin-bottom:20px}
.studio-mix-titlebar>div{display:flex;align-items:center;gap:12px}.studio-app .studio-mix-titlebar h1{font:650 18px/1.25 Inter,Arial,sans-serif;margin:0;letter-spacing:-.3px}.studio-mix-titlebar span,.studio-mix-titlebar small{color:#7c7e90;font-size:12px}
.studio-app .studio-mix-compact .studio-mix-controls{gap:16px;padding:20px}.studio-mix-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-spare-note{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.65;color:#707286;margin:0}.studio-spare-note svg{flex-shrink:0;margin-top:3px}.studio-app .studio-spare-button{font-size:12px;min-height:36px;padding:8px}
.studio-tie-card{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(242,239,251,.58));border:1px solid rgba(128,123,154,.15);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:9px}.studio-tie-card>div{display:flex;align-items:center;justify-content:space-between;color:#6b6a7b;font-size:12px}.studio-tie-card>strong{font-size:32px;letter-spacing:-1px;color:#645075}.studio-tie-card>small{font-size:11px;color:#7c7b8e;line-height:1.65}.studio-tie-card .studio-field{margin-top:5px}.studio-tie-explainer{position:relative}.studio-tie-explainer summary{list-style:none;cursor:pointer;display:flex}.studio-tie-explainer p{font-size:12px;line-height:1.65;margin:8px 0 0;position:absolute;z-index:20;right:0;top:20px;width:240px;border:1px solid #e2deed;background:#fff;padding:14px;box-shadow:0 12px 28px rgba(43,42,60,.15);border-radius:12px}.studio-tie-explainer summary::-webkit-details-marker{display:none}
.studio-edit-lock{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid #ddd6e8;border-radius:14px;background:rgba(255,255,255,.85);margin-bottom:18px;font-size:13px}.studio-edit-lock p{color:#7a788b;font-size:12px;margin:5px 0}.studio-edit-lock>div{flex:1}.studio-locked-stage{opacity:.65;pointer-events:none}
@media(max-width:700px){.studio-mix-titlebar{flex-wrap:wrap}.studio-mix-titlebar>small{display:none}.studio-edit-lock{flex-wrap:wrap}.studio-mix-titlebar span{font-size:11px}}

.studio-winning-rules{border:0;padding:0;margin:6px 0 0;min-width:0}
.studio-winning-rules legend{font-size:12px;font-weight:600;color:var(--glass-ink);margin-bottom:10px;padding:0}
.studio-winning-rules>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.studio-winning-rules label{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 7px;border:1px solid var(--glass-line);background:#fff9;border-radius:8px;font-size:11px;cursor:pointer}
.studio-winning-rules label:has(input:checked){background:#f3eef9;border-color:#d1c2e0;color:#65447b}
.studio-winning-rules input{margin:0;width:13px;height:13px;flex-shrink:0}
.studio-winning-rules>small{display:block;margin-top:9px;color:var(--glass-muted);font-size:10px;line-height:1.6}
.studio-all-rules{border:1px solid var(--glass-line);background:#fff8;color:var(--glass-muted);display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:8px;font-size:11px;margin-bottom:6px}
.studio-all-rules[aria-pressed=true]{background:#eee7f7;color:#67467e;border-color:#cbbada}
.studio-all-rules svg{visibility:hidden}.studio-all-rules[aria-pressed=true] svg{visibility:visible}
.maker-private-mode .studio-app .studio-winning-rules label{font-size:11px;font-weight:500;color:var(--glass-muted);flex-direction:row;min-height:34px;line-height:1.35;gap:7px;padding:8px;white-space:normal}
.maker-private-mode .studio-app .studio-winning-rules label:has(input:checked){color:#65447b}
.maker-private-mode .studio-app .studio-winning-rules label>span{font-size:11px;font-weight:500;white-space:normal;min-width:0}
.maker-private-mode .studio-app .studio-winning-rules input{width:13px;height:13px;min-height:13px;padding:0;flex:0 0 13px;font-size:11px;border-radius:3px}
@media(min-width:1101px){.studio-app .studio-mix-layout{grid-template-columns:290px minmax(0,1fr)}.studio-mix-paper .studio-board{width:min(420px,100%)}}
@media(min-width:701px) and (max-width:1100px){.studio-app .studio-mix-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:700px){.studio-app .studio-mix-controls{display:flex;flex-direction:column}.studio-tie-card{width:100%}}
/* Status messages must never intercept an underlying action. */
.maker-private-mode .studio-app .studio-toast { pointer-events: none; }

.studio-live-account-actions,.studio-live-library-wallet{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:1rem 1.5rem}
.studio-live-library-message{margin:1rem 1.5rem;padding:1rem;border-radius:1rem;background:#fff1ee;color:#743952}
.studio-live-app .studio-private-banner{position:relative}
.studio-live-app .purchase-wallet{max-width:100%;min-width:0}
.studio-live-account-actions .purchase-wallet{margin-left:auto}
.studio-live-app .studio-render-error{overflow-wrap:anywhere}
@media(max-width:700px){.studio-live-account-actions,.studio-live-library-wallet{margin:.75rem;gap:.5rem}.studio-live-account-actions .purchase-wallet{margin-left:0;width:100%}}

/* Only the board text editor is compacted; paper artwork and other stages are unchanged. */
.maker-private-mode .studio-app .studio-design .studio-compact-inspector {
  padding: 16px 16px 14px;
  gap: 0;
  min-width: 0;
}
.maker-private-mode .studio-app .studio-design .studio-compact-inspector > .studio-panel-heading {
  margin: 0 0 13px;
}
.maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-layer-inspector-body {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  flex: 0 0 auto;
}
.maker-private-mode .studio-app .studio-design :is(.studio-compact-inspector, .studio-board-popover) .studio-compact-layer-editor {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.maker-private-mode .studio-app .studio-design .studio-compact-selection-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 10px;
  min-width: 0;
}
.maker-private-mode .studio-app .studio-design .studio-compact-selection-heading h3 {
  margin: 0;
  font: 600 12px/1.5 system-ui, sans-serif;
  color: var(--glass-ink, #334155);
}
.maker-private-mode .studio-app .studio-design .studio-compact-selection-heading .studio-text-visibility {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.5;
  gap: 6px;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-field {
  margin: 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 5px;
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--glass-muted, #68758a);
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-field > span:first-child {
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-field > :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  max-width: 100%;
  padding: 7px 9px;
  margin: 0;
  border: 1px solid var(--glass-line, #d6dde8);
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
  color: var(--glass-ink, #334155);
  font-size: 12px;
  line-height: 1.4;
  box-sizing: border-box;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-compact-text-field {
  grid-row: auto;
  grid-column: auto;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-field > textarea {
  height: 60px;
  min-height: 60px;
  resize: vertical;
}
.maker-private-mode .studio-app .studio-design .studio-compact-field-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 9px;
  min-width: 0;
}
.maker-private-mode .studio-app .studio-design .studio-compact-font-row {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
}
.maker-private-mode .studio-app .studio-design .studio-compact-size-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-color {
  min-width: 0;
  min-height: 34px;
  padding: 4px 7px;
  gap: 7px;
  box-sizing: border-box;
  border-color: var(--glass-line, #d6dde8);
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-color input[type=color] {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-color code {
  font: 11px/1.4 ui-monospace, monospace;
  color: var(--glass-muted, #68758a);
  letter-spacing: 0;
  min-width: 0;
  white-space: nowrap;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-color .studio-color-hex {
  width: 100%;
  min-width: 0;
  height: 24px;
  min-height: 24px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--glass-ink, #334155);
  font: 11px/1.4 ui-monospace, monospace;
  box-shadow: none;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor :is(.studio-compact-alignment, .studio-compact-position) {
  padding: 0;
  margin: 0;
  min-width: 0;
  border: 0;
  display: block;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor :is(.studio-compact-alignment, .studio-compact-position) > legend {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  margin: 0 0 5px;
  font: 500 11.5px/1.4 system-ui, sans-serif;
  color: var(--glass-muted, #68758a);
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-compact-alignment > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--glass-line, #d6dde8);
  border-radius: 8px;
  background: rgba(244, 246, 250, .7);
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-compact-alignment button {
  min-width: 0;
  min-height: 28px;
  padding: 4px;
  border: 0;
  border-radius: 5px;
  font-size: 11px !important;
  line-height: 1.4;
  color: var(--glass-muted, #68758a);
  background: transparent;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-compact-alignment button.is-selected {
  background: #fff;
  color: var(--glass-plum, #6d477a);
  font-weight: 650;
  box-shadow: 0 1px 4px rgba(44, 57, 83, .09);
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-position {
  margin: 0;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-position > div {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 9px;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-position label {
  min-width: 0;
  gap: 6px;
  font-size: 11px;
  font-weight: 500;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-position input {
  padding: 7px;
  min-height: 34px;
  font-size: 12px;
  line-height: 1.4;
  border-radius: 8px;
  border-color: var(--glass-line, #d6dde8);
  color: var(--glass-ink, #334155);
  background: rgba(255, 255, 255, .86);
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 2px;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-actions > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 32px;
  flex: 1 1 auto;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid var(--glass-line, #d6dde8);
  border-radius: 8px;
  font-size: 11px !important;
  line-height: 1.4;
  background: rgba(255, 255, 255, .84);
  color: var(--glass-muted, #68758a);
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-actions > .studio-delete-text {
  color: #a14461;
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-compact-move-hint {
  margin: 0;
  font-size: 10.5px;
  line-height: 1.5;
  color: var(--glass-muted, #68758a);
}
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor :is(input, select, textarea, button):focus-visible {
  outline: 2px solid var(--glass-plum, #6d477a);
  outline-offset: 2px;
}
.maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-example-download {
  padding-top: 12px;
  margin-top: 16px;
}
.maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-example-download > p {
  margin-top: 6px !important;
  font-size: 10px !important;
  line-height: 1.45;
}
/* Account/access rows reduce workspace height even in tall desktop windows. */
@media (min-width: 1101px) {
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector {
    padding: 12px 12px 10px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector > .studio-panel-heading {
    margin-bottom: 7px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-layer-editor {
    gap: 6px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-selection-heading .studio-text-visibility {
    min-height: 22px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-text-visibility input[type=checkbox] {
    width: 16px;
    height: 16px;
    min-height: 16px;
    padding: 0;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-layer-editor .studio-field {
    gap: 4px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-layer-editor .studio-field > :is(input, select, textarea),
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-inspector-position input {
    min-height: 30px;
    padding: 5px 8px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-layer-editor .studio-field > textarea {
    height: 42px;
    min-height: 42px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-inspector-color {
    min-height: 30px;
    padding-block: 3px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-inspector-color input[type=color] {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector :is(.studio-compact-alignment, .studio-compact-position) > legend {
    float: left;
    width: 66px;
    height: 30px;
    margin: 0;
    align-items: center;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-alignment > div,
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-position > .studio-inspector-position {
    margin-left: 70px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-alignment > div {
    padding: 2px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-alignment button {
    min-height: 24px;
    padding: 3px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-inspector-position > div {
    gap: 7px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-inspector-position label {
    gap: 4px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-layer-actions {
    margin-top: 0;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-layer-actions > button {
    min-height: 30px;
    padding: 5px 8px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-move-hint {
    display: none;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-example-download {
    padding-top: 8px;
    margin-top: 10px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-example-download > button {
    min-height: 32px;
    padding: 6px 8px;
  }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-example-download > p {
    margin-top: 4px !important;
    line-height: 1.35;
  }
}
@media (max-width: 680px) {
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector { padding: 18px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-layer-editor { gap: 13px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-field > :is(input, select, textarea),
  .maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-position input { min-height: 42px; font-size: 13px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-inspector-color { min-height: 42px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-compact-alignment button,
  .maker-private-mode .studio-app .studio-design .studio-compact-layer-actions > button { min-height: 36px; font-size: 12px !important; }
}

/* The appearance toolbar reuses native settings; only contextual image/detail menus open. */
.maker-private-mode .studio-app .studio-design > .studio-appearance-toolbar {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 12px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid #dce2eb;
  background: #fff;
  box-shadow: 0 3px 10px #20334e08;
  position: relative;
  z-index: 4;
}
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-toolbar-summary { flex: 0 0 auto; padding: 0 3px 6px 0; margin: 0; min-width: 0; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-toolbar-summary h1 { font: 600 12px/1.4 system-ui, sans-serif; color: #334155; margin: 0 0 3px; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-toolbar-summary > span { font-size: 9px; color: #64748b; line-height: 1.4; white-space: nowrap; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar :is(.studio-appearance-background, .studio-appearance-borders, .studio-appearance-editing) { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 7px; min-width: 0; margin: 0; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-background { flex: 1 1 auto; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-borders { padding-left: 11px; border-left: 1px solid #e2e8f0; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-editing { margin-left: auto; align-items: center; flex-wrap: nowrap; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar :is(.studio-theme-select, .studio-appearance-color, .studio-appearance-number) { display: flex; flex-direction: column; align-items: stretch; gap: 4px; min-width: 0; margin: 0; padding: 0; font-size: 10px; line-height: 1.2; color: #536278; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar :is(.studio-theme-select, .studio-appearance-color, .studio-appearance-number) > span { display: flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 500; line-height: 1.2; letter-spacing: 0; white-space: nowrap; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-theme-select { width: 164px; max-width: 100%; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-theme-select select,
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-number input { min-width: 0; width: 100%; height: 31px; min-height: 31px; margin: 0; padding: 5px 7px; border: 1px solid #cbd5e1; border-radius: 7px; background: #fff; color: #334155; font: 11px/1.4 system-ui, sans-serif; box-shadow: none; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-number { width: 62px; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-color { width: 36px; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-number-color { width: 45px; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-color input[type=color] { appearance: auto; width: 100%; height: 31px; min-height: 31px; margin: 0; padding: 5px; border: 1px solid #cbd5e1; border-radius: 7px; background: #fff; box-shadow: none; cursor: pointer; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar input[type=color]::-webkit-color-swatch-wrapper { padding: 0; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar input[type=color]::-webkit-color-swatch { border: 1px solid #a9b5c7; border-radius: 3px; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar input[type=color]::-moz-color-swatch { border: 1px solid #a9b5c7; border-radius: 3px; }
.maker-private-mode .studio-app .studio-design :is(.studio-appearance-toolbar, .studio-board-appearance-menu) .studio-appearance-check { display: flex; align-items: center; gap: 7px; margin: 0; padding: 0; min-width: 0; font: 11px/1.5 system-ui, sans-serif; color: #41526c; }
.maker-private-mode .studio-app .studio-design :is(.studio-appearance-toolbar, .studio-board-appearance-menu) .studio-appearance-check input[type=checkbox] { flex: none; appearance: auto; width: 15px; height: 15px; min-height: 15px; margin: 0; padding: 0; accent-color: #334155; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-board-number { height: 31px; margin-bottom: 0; white-space: nowrap; }
.maker-private-mode .studio-app .studio-design :is(.studio-appearance-toolbar, .studio-board-appearance-menu) .studio-appearance-action,
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-tool { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 31px; margin: 0; padding: 6px 8px; border: 1px solid #cbd5e1; border-radius: 7px; background: #fff; color: #41526c; font: 500 10.5px/1.4 system-ui, sans-serif !important; white-space: nowrap; box-shadow: none; }
.maker-private-mode .studio-app .studio-design :is(.studio-appearance-toolbar, .studio-board-appearance-menu) .studio-appearance-action:hover:not(:disabled),
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-tool:hover:not(:disabled) { background: #f2f5f9; border-color: #a9b7c9; color: #243247; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar :is(.studio-appearance-action, .studio-board-tool).is-open { background: #edf2f7; border-color: #94a3b8; color: #243247; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-side-card-shuffle { font-size: 10px !important; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-zoom-controls { height: 31px; min-height: 31px; margin: 0; padding: 0 2px; border: 1px solid #cbd5e1; border-radius: 7px; background: #fff; gap: 0; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-zoom-controls button { width: 25px; height: 29px; min-height: 29px; padding: 4px; color: #41526c; background: transparent; border: 0; box-shadow: none; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-zoom-controls button:hover:not(:disabled) { background: #edf2f7; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-zoom-controls span { min-width: 33px; font-size: 9px; color: #536278; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-zoom-controls .studio-fit-control { width: auto; gap: 3px; padding: 4px 5px; font-size: 10px !important; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-tool { width: 31px; padding: 5px; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-add-text { width: 40px; gap: 2px; }
.maker-private-mode .studio-app .studio-design > .studio-board-background-input { display: none; }
.maker-private-mode .studio-app .studio-design .studio-background-library-status { flex: none; margin: 0; padding: 6px 13px; color: #536278; font-size: 10px; background: #f4f6fa; }
.maker-private-mode .studio-app .studio-design .studio-board-appearance-menu { padding: 0; background: #fff; border-color: #cbd5e1; box-shadow: 0 14px 35px #20334e23; }
.maker-private-mode .studio-app .studio-design .studio-board-appearance-menu .studio-board-popover-heading { padding: 10px 12px; background: #fff; color: #334155; }
.maker-private-mode .studio-app .studio-design .studio-board-appearance-menu .studio-board-popover-heading h2 { color: #334155; font: 600 12px/1.4 system-ui, sans-serif; }
.maker-private-mode .studio-app .studio-design .studio-board-appearance-menu .studio-board-popover-heading button { color: #536278; background: #fff; }
.maker-private-mode .studio-app .studio-design .studio-board-appearance-menu .studio-board-popover-body { display: flex; flex-direction: column; gap: 12px; padding: 13px; overflow: auto; }
.maker-private-mode .studio-app .studio-design .studio-image-source-row { display: flex; align-items: center; gap: 12px; min-width: 0; }
.maker-private-mode .studio-app .studio-design .studio-image-source-row img { flex: none; width: 58px; height: 70px; object-fit: cover; border: 1px solid #dce2eb; border-radius: 7px; }
.maker-private-mode .studio-app .studio-design .studio-image-source-row > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.maker-private-mode .studio-app .studio-design .studio-image-source-row strong { font-size: 11px; line-height: 1.4; color: #41526c; overflow-wrap: anywhere; }
.maker-private-mode .studio-app .studio-design .studio-board-appearance-menu .studio-background-fit { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 3px; border: 1px solid #dce2eb; border-radius: 8px; background: #f3f6f9; }
.maker-private-mode .studio-app .studio-design .studio-board-appearance-menu .studio-background-fit button { min-height: 29px; padding: 5px; border: 0; border-radius: 5px; background: transparent; color: #536278; font-size: 11px !important; }
.maker-private-mode .studio-app .studio-design .studio-board-appearance-menu .studio-background-fit button[aria-pressed=true] { background: #fff; color: #243247; box-shadow: 0 1px 4px #20334e12; }
.maker-private-mode .studio-app .studio-design .studio-appearance-range { display: flex; flex-direction: column; gap: 5px; margin: 0; color: #536278; font-size: 11px; line-height: 1.4; }
.maker-private-mode .studio-app .studio-design .studio-appearance-range > span { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 11px; font-weight: 500; }
.maker-private-mode .studio-app .studio-design .studio-appearance-range output { color: #64748b; font-size: 10px; }
.maker-private-mode .studio-app .studio-design .studio-appearance-range input[type=range] { width: 100%; height: 18px; min-height: 18px; margin: 0; padding: 0; accent-color: #41526c; }
.maker-private-mode .studio-app .studio-design .studio-board-appearance-menu .studio-remove-background { align-self: flex-start; }
.maker-private-mode .studio-app .studio-design .studio-appearance-note { margin: 0; font-size: 10px; line-height: 1.5; color: #64748b; }
.maker-private-mode .studio-app .studio-design .studio-appearance-watermark { display: flex; align-items: flex-start; gap: 5px; margin: 0; padding-top: 10px; border-top: 1px solid #e2e8f0; font-size: 9px; line-height: 1.5; color: #64748b; }
.maker-private-mode .studio-app .studio-design :is(.studio-appearance-toolbar, .studio-board-appearance-menu) :is(button, input, select):focus-visible { outline: 2px solid var(--maker-cyan, #0788b5); outline-offset: 2px; }
@media (min-width: 1101px) {
  .maker-private-mode .studio-app .studio-design > .studio-appearance-toolbar { padding-block: 8px; row-gap: 6px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-font-row .studio-field { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 5px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-layer-editor { gap: 3px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-compact-text-field textarea { height: 40px; min-height: 40px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector > .studio-panel-heading { margin-bottom: 4px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector { padding-top: 10px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-example-download { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: center; column-gap: 8px; margin-top: 6px; padding-top: 5px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-example-download > button { width: auto; min-width: 0; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-example-download > p { margin: 0 !important; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-example-download > .studio-example-error { grid-column: 1 / -1; margin-top: 4px !important; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-inspector-color { padding-block: 0; min-height: 31px; }
  .maker-private-mode .studio-app .studio-design .studio-compact-inspector .studio-inspector-color .studio-color-hex { height: 29px; min-height: 29px; }
}
@media (max-width: 760px) {
  .maker-private-mode .studio-app .studio-design > .studio-appearance-toolbar { gap: 10px; padding: 12px; align-items: flex-end; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-toolbar-summary { width: 100%; padding: 0; display: flex; justify-content: space-between; align-items: center; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-toolbar-summary h1 { margin: 0; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-background { width: 100%; gap: 8px; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-theme-select { flex: 1 1 170px; width: auto; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-borders { width: 100%; border-left: 0; padding: 0; gap: 10px; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-editing { width: 100%; margin-left: 0; flex-wrap: wrap; gap: 7px; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar :is(.studio-theme-select select, .studio-appearance-number input, .studio-appearance-color input[type=color]) { height: 38px; min-height: 38px; font-size: 12px; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar :is(.studio-appearance-action, .studio-board-tool) { min-height: 36px; font-size: 11px !important; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-board-number { height: 38px; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-zoom-controls { height: 36px; min-height: 36px; }
  .maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-zoom-controls button { height: 34px; min-height: 34px; }
  .maker-private-mode .studio-app .studio-design .studio-board-appearance-menu .studio-board-popover-body { gap: 13px; }
  .maker-private-mode .studio-app .studio-design .studio-board-appearance-menu :is(.studio-appearance-action, .studio-background-fit button) { min-height: 36px; }
}
/* Keep the native board-number caption consistent with its compact toolbar. */
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-appearance-board-number>span{font:500 11px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#41526c}

/* Private Studio only. Load after all workspace, live and compact-control CSS. */
.maker-private-mode .toast { pointer-events:none; }
/* Account dialogs and their Close controls stay above native release notices. */
.maker-private-mode .modal-backdrop { z-index:1300; }
/* Decorative print artwork must not repeat errors over the promotion heading. */
.maker-private-mode .stp-promotion-art { overflow:hidden; }
.maker-private-mode .stp-promotion-art:has(.studio-render-error) > .studio-board { display:none!important; }
.maker-private-mode .stp-promotion-art:has(.studio-render-error)::before { content:"▦"; font-size:52px; line-height:1; color:#8495aa; }
/* The native order button has a public 13.5rem minimum; private promo rails are narrower. */
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion .stp-promotion-actions { min-width:0; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion .stp-promotion-actions > :is(button,a,.physical-order-hint) {
  min-width:0; max-width:100%; box-sizing:border-box; white-space:normal; overflow-wrap:anywhere;
}
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion .stp-promotion-actions > .physical-order-open { flex-wrap:wrap; }
@media(min-width:1101px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion .stp-promotion-actions { grid-template-columns:minmax(0,1fr); }
}
.maker-private-mode #studio-support-slot { display:inline-flex; flex:none; }
.maker-private-mode #studio-support-slot .help-launcher {
  position:static; min-height:40px; width:auto; padding:7px 10px;
  gap:6px; border:1px solid #dce2eb; border-radius:8px;
  background:#fff; box-shadow:none; color:#243247; font-size:12px;
}
.maker-private-mode #studio-support-slot .help-launcher span {
  width:18px; height:18px; background:#edf1f7; color:#58677c; font-size:12px;
}
@media(min-width:761px) {
  .maker-private-mode #studio-support-slot .help-launcher { min-height:29px; padding:5px 9px; font-size:10px; }
  .maker-private-mode #studio-support-slot .help-launcher span { width:15px; height:15px; font-size:10px; }
}
body.maker-private-mode {
  --maker-ink: #243247;
  --maker-muted: #58677c;
  --maker-line: #dce2eb;
  --maker-accent: #b21d61;
  --maker-accent-deep: #92164d;
  --maker-cyan: #0788b5;
  --maker-gold: #e9b94c;
  --maker-workspace: #e9edf3;
  --maker-panel-shadow: 0 10px 26px #263b5510, 0 2px 6px #263b550b;
  --maker-menu-shadow: 0 18px 44px #20334e24, 0 4px 12px #20334e12;
  --glass-ink: var(--maker-ink);
  --glass-muted: var(--maker-muted);
  --glass-faint: #718097;
  --glass-plum: var(--maker-accent);
  --glass-plum-deep: var(--maker-accent-deep);
  --glass-line: var(--maker-line);
  --glass-line-strong: #c8d1df;
  --glass-surface: #fff;
  --glass-surface-strong: #fff;
  --glass-accent: linear-gradient(120deg, #bc236a, #a51959);
  --glass-selected: #fcecf3;
  --glass-shadow: var(--maker-panel-shadow);
  --glass-shadow-raised: var(--maker-menu-shadow);
  background: #f1f3f7;
  color: var(--maker-ink);
}

.maker-private-mode .studio-app {
  --studio-burgundy: var(--maker-accent);
  --studio-ink: var(--maker-ink);
  --studio-muted: var(--maker-muted);
  --studio-border: var(--maker-line);
  --studio-ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --scd-ink: var(--maker-ink);
  --scd-muted: var(--maker-muted);
  --scd-line: var(--maker-line);
  --stp-ink: var(--maker-ink);
  --stp-muted: var(--maker-muted);
  --stp-burgundy: var(--maker-accent);
  --stp-border: var(--maker-line);
  color: var(--maker-ink);
  background: #f1f3f7;
}
.maker-private-mode .studio-app > .studio-shell {
  --studio-burgundy: var(--maker-accent);
  --studio-ink: var(--maker-ink);
  --studio-muted: var(--maker-muted);
  --studio-border: var(--maker-line);
}

/* Fixed board menus must retain the viewport as their containing block. */
.maker-private-mode .studio-app :is(.studio-shell, .studio-shell > .studio-main, .studio-shell > .studio-main > .studio-content, .studio-content > div:has(> .studio-design), .studio-design, .studio-design > .studio-design-layout) {
  transform: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  contain: none;
}
.maker-private-mode .studio-app .studio-content > * { animation: none !important; }
.maker-private-mode .studio-app .studio-design .studio-board-popover { z-index: 1600; }

/* Native update notices occupy real space on every private builder viewport. */
.maker-private-mode #root:has(> .studio-app > .studio-shell) > .release-update-banner {
  position: relative;
  inset: auto;
  flex: none;
  padding: 8px 16px;
  background: #fff;
  box-shadow: 0 3px 12px #20334e0d;
  border-bottom-width: 2px;
}
.maker-private-mode #root:has(> .studio-app > .studio-shell) > .release-update-banner strong { font-size: 10px; }
.maker-private-mode #root:has(> .studio-app > .studio-shell) > .release-update-banner span { font-size: 11px; }

/* Solid white chrome creates depth without washing out labels or artwork. */
.maker-private-mode .studio-app :is(.studio-shell > .studio-sidebar, .studio-header, .studio-design-tools, .studio-text-inspector, .studio-board-toolbar, .studio-cards .scd-toolbar, .studio-cards .scd-tools, .studio-cards .scd-ai-sidebar, .studio-cards .scd-gallery-bar, .studio-mix-controls, .stp-controls, .stp-preview-toolbar, .studio-setup-note) {
  background: #fff !important;
  border-color: var(--maker-line);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.maker-private-mode .studio-app .studio-shell > .studio-sidebar {
  box-shadow: 7px 0 24px #20334e0d, 1px 0 0 #d8e0ea;
  z-index: 6;
}
.maker-private-mode .studio-app .studio-header {
  box-shadow: 0 5px 18px #20334e0a;
  position: relative;
  z-index: 8;
}
.maker-private-mode .studio-app :is(.studio-layer-tools, .scd-tools) {
  box-shadow: 6px 0 20px #20334e0b;
  position: relative;
  z-index: 3;
}
.maker-private-mode .studio-app :is(.studio-board-inspector, .scd-ai-sidebar) {
  box-shadow: -7px 0 22px #20334e0e;
  position: relative;
  z-index: 3;
}
.maker-private-mode .studio-app :is(.studio-board-toolbar, .scd-toolbar, .stp-preview-toolbar) {
  box-shadow: 0 4px 14px #20334e10;
  position: relative;
  z-index: 5;
}
.maker-private-mode .studio-app :is(.studio-mix-controls, .stp-controls, .studio-setup-note) {
  box-shadow: var(--maker-panel-shadow);
}
.maker-private-mode .studio-app :is(.studio-board-stage, .studio-mix-stage, .stp-paper-viewport, .studio-cards .scd-gallery) {
  background: var(--maker-workspace) !important;
  background-image: none !important;
  border-color: #d5dde8;
}
.maker-private-mode .studio-app :is(.studio-board-popover, .studio-library-menu-popover, .studio-dialog, .scd-popup-body, .stp-download-tile) {
  background: #fff !important;
  border-color: #d3dbe6;
  box-shadow: var(--maker-menu-shadow);
}
.maker-private-mode .studio-app .studio-dialog::backdrop {
  background: #1d2d4561;
  backdrop-filter: blur(3px);
}
.maker-private-mode .studio-app .studio-dialog :is(.scd-popup-header, .scd-popup-tabs, .scd-popup-controls, .scd-popup-footer) {
  background: #fff;
  border-color: var(--maker-line);
}
.maker-private-mode .studio-app .studio-cards .card-editor {
  background: #fff !important;
  border-color: #d6dfea !important;
  box-shadow: 0 3px 10px #2539510d !important;
}
.maker-private-mode .studio-app .studio-cards .card-editor:hover {
  border-color: #adbbce !important;
  box-shadow: 0 6px 17px #25395117 !important;
}

/* Maker color is concentrated in navigation, real primary actions and focus. */
.maker-private-mode .studio-app .studio-brand-mark {
  background: linear-gradient(140deg, #c92875, #a51a58);
  box-shadow: 0 5px 12px #ac1e6133;
}
.maker-private-mode .studio-app .studio-brand-mark > span { color: #d6a327; }
.maker-private-mode .studio-app .studio-private-banner {
  color: #fff;
  background: linear-gradient(100deg, #9c174e, #b92265);
  box-shadow: none;
  position: relative;
  z-index: 12;
}
.maker-private-mode .studio-app .studio-private-banner > button { color: #fff; }
.maker-private-mode .studio-app .studio-stage.is-current {
  color: #a41a56;
  background: #fcecf3;
  border-color: #efcadb;
  box-shadow: 0 3px 10px #ad205b0b;
}
.maker-private-mode .studio-app .studio-stage.is-current::before { background: #bc2469; }
.maker-private-mode .studio-app .studio-stage.is-current .studio-stage-index { color: #a41a56; }
.maker-private-mode .studio-app :is(.studio-stage-done, .stp-saved-check) { color: #087e78; }
.maker-private-mode .studio-app :is(.studio-private-badge, .stp-private-badge, .studio-cards .scd-ai-eyebrow) {
  background: #fcecf3;
  color: #9e1c55;
  border-color: #edc9da;
}
.maker-private-mode .studio-app :is(.studio-button-primary, .scd-button--primary, .stp-export-button) {
  color: #fff !important;
  background: #b21d61 !important;
  border-color: #a31a58 !important;
  box-shadow: 0 5px 13px #b21d6129, inset 0 1px 0 #ffffff21 !important;
}
.maker-private-mode .studio-app :is(.studio-button-primary, .scd-button--primary, .stp-export-button):hover:not(:disabled) {
  color: #fff !important;
  background: #991850 !important;
  border-color: #8b1549 !important;
  box-shadow: 0 7px 18px #b21d6138 !important;
  transform: none;
}
.maker-private-mode .studio-app :is(.studio-button, .studio-icon-button, .scd-icon-button, .studio-board-tool, .studio-cards .adjust-button, .studio-cards .scd-direct-field input, .studio-cards .scd-direct-field select, .stp-select) {
  color: #44536a;
  background: #fff;
  border-color: #cbd5e2;
}
.maker-private-mode .studio-app :is(.studio-button, .studio-icon-button, .scd-icon-button, .studio-board-tool, .studio-cards .adjust-button):hover:not(:disabled) {
  background: #fceef5;
  color: #a41a56;
  border-color: #d5a9bf;
}
.maker-private-mode .studio-app :is(.studio-board-toolbar-controls button.is-open, .scd-direct-style button.active, .stp-layout-option.selected, .stp-token-sources button[aria-pressed=true]) {
  color: #a41a56 !important;
  border-color: #ddaec4 !important;
  background: #fcecf3 !important;
}
.maker-private-mode .studio-app .stp-flow button[aria-current] { color: #a41a56; border-color: #e7bfd2; }
.maker-private-mode .studio-app .stp-flow button[aria-current] > span { background: #b21d61; }
.maker-private-mode .studio-app :is(input[type=checkbox], input[type=radio], input[type=range]) { accent-color: #b21d61; }
.maker-private-mode .studio-app :focus-visible { outline: 2px solid #0788b5 !important; outline-offset: 3px; }
.maker-private-mode .studio-app :is(button, summary, input, select, textarea) {
  transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease;
}
.maker-private-mode .studio-app :is(.studio-credit-note, .studio-mix-help, .scd-upload-guide, .scd-deck-tip, .stp-print-tip, .studio-board-context-help) {
  background: #f1f6fc;
  border-color: #d8e4f1;
  color: #4f647e;
  box-shadow: none;
}
.maker-private-mode .studio-app .studio-cards .scd-ai-promo h2 { color: #334359 !important; }
.maker-private-mode .studio-app .studio-cards :is(.scd-ai-promo > p, .scd-ai-preview-note, .scd-upload-note, .scd-section-intro p, .scd-gallery-caption, .scd-direct-field, .scd-direct-check, .scd-small-note) { color: #5b6c82 !important; }
.maker-private-mode .studio-app .studio-cards .scd-ai-promo-art { background: #eef4fb; border: 1px solid #dce6f1; }
.maker-private-mode .studio-app .studio-cards .scd-ai-promo-art > span { background: #fff7e4; color: #99671a; border-color: #f0d89d; }
.maker-private-mode .studio-app :is(.studio-field > span, .studio-compact-layer-editor label > span, .studio-panel-heading h2, .stp-section-title h3) { color: #41526c; }
.maker-private-mode .studio-app :is(.studio-note, .studio-design-tip, .studio-inspector-note, .stp-preview-context, .stp-pass-status) { color: #58677c; }

/* Match the card workspace's explicit specificity, including its native CTAs. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck {
  --scd-ink: var(--maker-ink);
  --scd-muted: var(--maker-muted);
  --scd-plum: var(--maker-accent);
  --scd-line: var(--maker-line);
  --card-accent: var(--maker-accent) !important;
  --gallery-ink: var(--maker-ink);
  --gallery-muted: var(--maker-muted);
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck :is(.scd-button.scd-button--primary, .primary-button) {
  color: #fff !important;
  background: var(--maker-accent) !important;
  border-color: var(--maker-accent-deep) !important;
  box-shadow: 0 5px 13px #b21d6129, inset 0 1px 0 #ffffff21 !important;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck :is(.scd-button.scd-button--primary, .primary-button):hover:not(:disabled) {
  color: #fff !important;
  background: #991850 !important;
  border-color: #8b1549 !important;
  box-shadow: 0 7px 18px #b21d6138 !important;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone {
  background: #fff !important;
  border-color: #d78ead !important;
  color: var(--maker-accent-deep) !important;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone.dragging {
  background: #fff2f7 !important;
  border-color: var(--maker-accent) !important;
  box-shadow: 0 0 0 3px #b21d6114 !important;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone h3 { color: #3e4e65 !important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone p { color: #58677c !important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone:focus-within {
  border-color: var(--maker-cyan) !important;
  box-shadow: 0 0 0 3px #0788b51a !important;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .scd-upload-example {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  position: relative;
  width: 104px;
  height: auto;
  gap: 6px;
  margin: 0 auto 2px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  transform: none;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .scd-upload-example::before,
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .scd-upload-example::after { display: none; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-example-photo {
  width: 96px;
  height: 104px;
  flex: none;
  overflow: hidden;
  padding: 4px;
  border: 1px solid #e1e6ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 7px 16px #233a5421, 0 2px 4px #233a540c;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-example-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
  border-radius: 8px;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-example-caption {
  color: #62728a;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .01em;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-example-badge {
  position: absolute;
  right: -2px;
  bottom: 16px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--maker-accent);
  color: #fff;
  box-shadow: 0 3px 8px #8c164d26;
  pointer-events: none;
}
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-example-badge svg { width: 13px; height: 13px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-tools :is(.scd-section-intro p, .scd-upload-guide p, .scd-upload-note) { color: #58677c !important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo h2 { color: #334359 !important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck :is(.scd-ai-promo > p, .scd-ai-preview-note, .scd-deck-tip p) { color: #58677c !important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-eyebrow { color: #9e1c55; background: #fcecf3; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art { background: #eef4fb; border: 1px solid #dce6f1; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art > span { background: #fff7e4; color: #99671a; border-color: #f0d89d; }

/* Viewport sizing is inherited through flex, with or without the demo banner. */
@media (min-width: 1101px) {
  body.maker-private-mode:has(.studio-app > .studio-shell) { height: 100dvh; overflow: hidden; }
  .maker-private-mode #root:has(> .studio-app > .studio-shell) {
    height: 100dvh;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .maker-private-mode .studio-app:has(> .studio-shell) {
    height: 100dvh;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .maker-private-mode #root > .studio-app:has(> .studio-shell) { flex: 1 1 0; height: auto; }
  .maker-private-mode .studio-app > .studio-private-banner { flex: none; }
  .maker-private-mode .studio-app > .studio-shell {
    flex: 1 1 0;
    height: auto;
    min-height: 0;
    overflow: hidden;
  }
  .maker-private-mode .studio-app .studio-shell > .studio-sidebar {
    flex: 0 0 208px;
    width: 208px;
    height: 100%;
    min-height: 0;
    position: relative;
    padding: 19px 13px 14px;
    overflow: auto;
    overscroll-behavior: contain;
  }
  .maker-private-mode .studio-app .studio-sidebar-brand { font-family: var(--studio-ui-font); font-size: 17px; white-space: nowrap; padding-inline: 6px; gap: 10px; }
  .maker-private-mode .studio-app .studio-sidebar-brand small { font-size: 8px; letter-spacing: .13em; margin-top: 5px; }
  .maker-private-mode .studio-app .studio-back-link { margin: 24px 7px 18px; }
  .maker-private-mode .studio-app .studio-project-summary { padding: 0 8px 17px; gap: 5px; }
  .maker-private-mode .studio-app .studio-project-summary strong { font-size: 14px; }
  .maker-private-mode .studio-app .studio-stages { gap: 4px; padding: 16px 0; }
  .maker-private-mode .studio-app .studio-stage { padding: 10px 8px; gap: 8px; min-height: 54px; }
  .maker-private-mode .studio-app .studio-stage strong { font-size: 12px; }
  .maker-private-mode .studio-app .studio-stage small { font-size: 10px; margin-top: 3px; }
  .maker-private-mode .studio-app .studio-sidebar-bottom { margin-top: auto; padding-top: 10px; }
  .maker-private-mode .studio-app .studio-credit-note { padding: 11px 9px; gap: 8px; }
  .maker-private-mode .studio-app .studio-credit-note p { font-size: 10px; line-height: 1.55; margin: 5px 0 7px; }
  .maker-private-mode .studio-app .studio-help-button { padding-block: 11px; font-size: 10px; }
  .maker-private-mode .studio-app .studio-shell > .studio-main {
    flex: 1 1 0;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
  }
  .maker-private-mode .studio-app .studio-shell > .studio-main > .studio-header { flex: none; min-height: 60px; padding: 12px 22px; }
  .maker-private-mode .studio-app .studio-shell > .studio-main > .studio-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: auto;
    min-height: 0;
    overflow: hidden;
  }
  .maker-private-mode .studio-app .studio-content > :is(.studio-design, .studio-cards.studio-card-deck, .studio-mix, .studio-print, .studio-setup) { flex: 1 1 0; height: auto; min-height: 0; }
  .maker-private-mode .studio-app .studio-content > div:has(> :is(.studio-design, .studio-cards.studio-card-deck, .studio-mix, .studio-print, .studio-setup)) {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
  }
  .maker-private-mode .studio-app .studio-content > div > :is(.studio-design, .studio-cards.studio-card-deck, .studio-mix, .studio-print, .studio-setup) { flex: 1 1 0; height: auto; min-height: 0; }
  .maker-private-mode .studio-app .studio-content > :is(.studio-edit-lock, .studio-live-account-actions, .studio-live-access-controls) { flex: none; }
  .maker-private-mode .studio-app .studio-content > .locked-final-project-panel { flex: 1 1 0; min-height: 0; overflow: auto; }

  /* Connected account services use their own rows before the flexible stage. */
  .maker-private-mode .studio-live-app .studio-live-account-actions { gap: 6px; margin: 8px 18px 6px; }
  .maker-private-mode .studio-live-app .studio-live-account-actions > .studio-button { min-height: 29px; padding: 5px 9px; font-size: 10px; }
  .maker-private-mode .studio-live-app .studio-live-account-actions .purchase-wallet.compact-wallet {
    grid-template-columns: minmax(82px, .7fr) minmax(108px, 1fr) auto;
    gap: 8px;
    padding: 6px 9px;
    border-radius: 8px;
    background: #fff;
    border-color: var(--maker-line);
    box-shadow: 0 2px 7px #20334e08;
  }
  .maker-private-mode .studio-live-app .studio-live-account-actions .compact-wallet-status strong { font-size: 12px; }
  .maker-private-mode .studio-live-app .studio-live-account-actions :is(.compact-wallet-status span, .compact-wallet-pills b) { font-size: 8px; color: var(--maker-muted); }
  .maker-private-mode .studio-live-app .studio-live-account-actions .compact-wallet-status small { font-size: 9px; color: var(--maker-muted); }
  .maker-private-mode .studio-live-app .studio-live-account-actions .compact-wallet-pills { gap: 4px; }
  .maker-private-mode .studio-live-app .studio-live-account-actions .compact-wallet-pills :is(span, a) { min-height: 25px; padding: 4px 7px; font-size: 10px; background: #f4f6fa; border-color: #e0e6ee; color: var(--maker-ink); }
  .maker-private-mode .studio-live-app .studio-live-access-controls {
    margin: 0 18px 7px;
    padding: 5px 9px;
    border: 1px solid var(--maker-line);
    border-radius: 7px;
    background: #fff;
    color: var(--maker-ink);
    font-size: 10px;
    line-height: 1.5;
  }
  .maker-private-mode .studio-live-app .studio-live-access-controls > summary { cursor: pointer; font-weight: 600; }
  .maker-private-mode .studio-live-app .studio-live-access-controls[open] { max-height: min(300px, 34dvh); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
  .maker-private-mode .studio-live-app .studio-live-access-controls[open] > summary { position: sticky; top: -5px; z-index: 1; padding-block: 5px; background: #fff; }
  .maker-private-mode .studio-app :is(.studio-layer-tools, .studio-board-inspector, .scd-tools, .scd-ai-sidebar, .studio-mix-controls, .stp-controls, .studio-setup-note) {
    min-height: 0;
    max-height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #b9c6d8 transparent;
  }

  /* Board tools occupy a fixed row; only the board viewport pans/scrolls. */
  .maker-private-mode .studio-app .studio-design { display: flex; flex-direction: column; overflow: hidden; }
  .maker-private-mode .studio-app .studio-design-layout { flex: 1 1 0; height: 100%; min-height: 0; grid-template-rows: minmax(0, 1fr); overflow: hidden; }
  .maker-private-mode .studio-app .studio-board-stage { height: 100%; min-height: 0; overflow: hidden; }
  .maker-private-mode .studio-app .studio-board-stage > .studio-board-toolbar { flex: none; padding: 7px 10px; gap: 6px; }
  .maker-private-mode .studio-app .studio-board-toolbar-summary { gap: 1px; }
  .maker-private-mode .studio-app .studio-board-toolbar-summary h1 { font-size: 11px; }
  .maker-private-mode .studio-app .studio-board-toolbar-summary > span { font-size: 8px; }
  .maker-private-mode .studio-app .studio-board-toolbar-controls { gap: 3px; }
  .maker-private-mode .studio-app .studio-board-toolbar-controls > button { gap: 4px; padding-inline: 6px; font-size: 10px !important; }
  .maker-private-mode .studio-app .studio-board-toolbar-actions { gap: 3px; }
  .maker-private-mode .studio-app .studio-board-viewport { flex: 1 1 0; height: auto; min-height: 0; overflow: auto; overscroll-behavior: contain; }
  .maker-private-mode .studio-app .studio-layer-tools { padding: 17px 12px; }
  .maker-private-mode .studio-app .studio-board-inspector { height: 100%; }

  /* The gallery owns scrolling; its deck controls remain at the top. */
  .maker-private-mode .studio-app .studio-cards.studio-card-deck { padding: 0 !important; max-width: none; overflow: hidden; }
  .maker-private-mode .studio-app .studio-cards .scd-workspace { height: 100%; min-height: 0; overflow: hidden; }
  .maker-private-mode .studio-app .studio-cards .scd-toolbar { flex: none; min-height: 52px; padding: 8px 18px; }
  .maker-private-mode .studio-app .studio-cards .scd-layout { flex: 1 1 0; height: auto; min-height: 0; align-items: stretch; grid-template-rows: minmax(0, 1fr); overflow: hidden; }
  .maker-private-mode .studio-app .studio-cards .scd-gallery { height: 100%; min-height: 0; overflow: auto; overscroll-behavior: contain; padding-inline: 18px; scrollbar-width: thin; scrollbar-color: #b9c6d8 transparent; }
  .maker-private-mode .studio-app .studio-cards .scd-gallery-bar { position: sticky; top: 0; z-index: 4; padding: 10px 0 8px; border-bottom: 1px solid #dce2eb; box-shadow: 0 5px 12px #20334e0d; }
  .maker-private-mode .studio-app .studio-cards .scd-gallery-caption { padding-top: 10px; }
  .maker-private-mode .studio-app .studio-cards .scd-ai-sidebar { grid-column: auto; height: 100%; display: block; padding: 18px 15px; border-top: 0; }
  .maker-private-mode .studio-app .studio-cards .scd-ai-promo { display: flex; flex-direction: column; }
  .maker-private-mode .studio-app .studio-cards .scd-ai-promo-art { flex: none; margin: 10px 0 16px; }
  .maker-private-mode .studio-app .studio-cards .scd-tool-content { padding: 14px 14px 20px; }
  .maker-private-mode .studio-app .studio-cards .scd-upload-zone .drop-zone { min-height: 170px; padding: 15px 10px !important; }

  /* Mix controls remain beside a separately scrolling board review. */
  .maker-private-mode .studio-app .studio-mix { display: flex; flex-direction: column; overflow: hidden; padding: 16px 22px 20px; gap: 14px; }
  .maker-private-mode .studio-app .studio-mix-titlebar { flex: none; padding-block: 0; }
  .maker-private-mode .studio-app .studio-mix-layout { flex: 1 1 0; height: auto; min-height: 0; align-items: stretch; gap: 18px; }
  .maker-private-mode .studio-app .studio-mix-controls { height: 100%; padding: 16px; gap: 14px; border: 1px solid var(--maker-line); border-radius: 12px; }
  .maker-private-mode .studio-app .studio-mix-controls .studio-field input { font-size: 23px; min-height: 44px; padding: 8px 11px; }
  .maker-private-mode .studio-app .studio-mix-stage { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; }
  .maker-private-mode .studio-app .studio-mix-toolbar { position: relative; top: auto; flex: none; z-index: 4; background: #fff; border-bottom: 1px solid #d9e0eb; box-shadow: 0 4px 12px #20334e0c; }
  .maker-private-mode .studio-app .studio-mix-paper { flex: 1 1 0; min-height: 0; overflow: auto; align-items: safe center; justify-content: safe center; overscroll-behavior: contain; scrollbar-width: thin; }
  .maker-private-mode .studio-app .studio-mix-paper > .studio-board { flex: none; }
  .maker-private-mode .studio-app .studio-board-strip { position: relative; bottom: auto; flex: none; flex-wrap: nowrap; overflow-x: auto; background: #fff; border-top: 1px solid #d9e0eb; z-index: 3; }
  .maker-private-mode .studio-app .studio-board-strip > button { flex: none; }

  /* Paper setup has a stationary menu and a canvas-sized scrolling viewport. */
  .maker-private-mode .studio-app .studio-print { display: flex; flex-direction: column; width: 100%; max-width: none; padding: 16px 22px 18px; overflow: hidden; }
  .maker-private-mode .studio-app .studio-print .stp-heading { flex: none; gap: 16px; margin: 0 0 12px; }
  .maker-private-mode .studio-app .studio-print .stp-heading h2 { font-size: 25px; line-height: 1.2; margin-bottom: 5px; }
  .maker-private-mode .studio-app .studio-print .stp-heading p { font-size: 11px; }
  .maker-private-mode .studio-app .studio-print .stp-back { margin-bottom: 8px; font-size: 10px; }
  .maker-private-mode .studio-app .studio-print .stp-flow { flex: none; padding: 4px; margin-bottom: 8px; background: #f3f5f9; }
  .maker-private-mode .studio-app .studio-print .stp-flow button { min-height: 36px; padding: 6px 10px; }
  .maker-private-mode .studio-app .studio-print .stp-pass-status { flex: none; margin: 0 3px 12px; font-size: 10px; }
  .maker-private-mode .studio-app .studio-print .stp-workspace { flex: 1 1 0; height: auto; min-height: 0; align-items: stretch; gap: 18px; overflow: hidden; }
  .maker-private-mode .studio-app .studio-print .stp-controls { height: 100%; max-height: 100%; min-height: 0; }
  .maker-private-mode .studio-app .studio-print .stp-section { padding: 13px 15px; }
  .maker-private-mode .studio-app .studio-print .stp-layout-option { padding: 10px; }
  .maker-private-mode .studio-app .studio-print .stp-preview-panel { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
  .maker-private-mode .studio-app .studio-print .stp-preview-heading { flex: none; padding: 0 3px 10px; }
  .maker-private-mode .studio-app .studio-print .stp-preview-heading h3 { font-size: 17px; }
  .maker-private-mode .studio-app .studio-print .stp-paper-viewport { flex: 1 1 0; height: auto; min-height: 0; max-height: none; }
  .maker-private-mode .studio-app .studio-print :is(.stp-preview-toolbar, .stp-print-tip, .stp-preview-context) { flex: none; }
  .maker-private-mode .studio-app .studio-print .stp-preview-context { font-size: 10px; line-height: 1.5; margin-bottom: 0; }
  .maker-private-mode .studio-app .studio-print :is(.stp-review-screen, .stp-download-screen) { flex: 1 1 0; min-height: 0; overflow: auto; padding: 0 3px 14px; overscroll-behavior: contain; scrollbar-width: thin; }

  /* Setup form scrolls within its own column; its preview note stays beside it. */
  .maker-private-mode .studio-app .studio-setup { display: flex; flex-direction: column; max-width: 1180px; padding: 24px 30px; overflow: hidden; }
  .maker-private-mode .studio-app .studio-setup > .studio-page-intro { flex: none; }
  .maker-private-mode .studio-app .studio-setup .studio-page-intro h1 { font-size: 31px; margin: 7px 0; }
  .maker-private-mode .studio-app .studio-setup-grid { flex: 1 1 0; min-height: 0; margin-top: 22px; gap: 30px; align-items: stretch; }
  .maker-private-mode .studio-app .studio-setup-form { min-height: 0; overflow: auto; padding-right: 7px; overscroll-behavior: contain; scrollbar-width: thin; }
  .maker-private-mode .studio-app .studio-setup-note { height: 100%; min-height: 0; padding: 22px; }
}

@media (min-width: 1101px) and (max-width: 1280px) {
  .maker-private-mode .studio-app .studio-shell > .studio-sidebar { flex-basis: 192px; width: 192px; padding-inline: 11px; }
  .maker-private-mode .studio-app .studio-cards .scd-layout { grid-template-columns: 52px minmax(0, 1fr) 190px; }
  .maker-private-mode .studio-app .studio-cards .scd-layout--expanded { grid-template-columns: 200px minmax(0, 1fr) 190px; }
  .maker-private-mode .studio-app .studio-board-toolbar-summary > span { display: none; }
  .maker-private-mode .studio-app .studio-board-toolbar-controls > button { padding-inline: 5px; gap: 3px; font-size: 9px !important; }
}

@media (min-width: 1101px) and (max-height: 800px) {
  .maker-private-mode .studio-app .studio-shell > .studio-sidebar { padding-top: 12px; padding-bottom: 9px; }
  .maker-private-mode .studio-app .studio-sidebar-brand { font-size: 15px; gap: 8px; }
  .maker-private-mode .studio-app .studio-sidebar-brand .studio-brand-mark { width: 30px; height: 36px; font-size: 24px; }
  .maker-private-mode .studio-app .studio-back-link { margin-block: 14px 11px; font-size: 10px; }
  .maker-private-mode .studio-app .studio-project-summary { padding-bottom: 13px; gap: 4px; }
  .maker-private-mode .studio-app .studio-project-summary strong { font-size: 12px; }
  .maker-private-mode .studio-app .studio-project-summary > span:last-child { font-size: 10px; }
  .maker-private-mode .studio-app .studio-stages { padding-block: 10px; gap: 3px; }
  .maker-private-mode .studio-app .studio-stage { min-height: 46px; padding-block: 7px; }
  .maker-private-mode .studio-app .studio-stage small { font-size: 9px; margin-top: 2px; }
  .maker-private-mode .studio-app .studio-sidebar-bottom { padding-top: 8px; }
  .maker-private-mode .studio-app .studio-credit-note { padding: 9px 8px; gap: 6px; }
  .maker-private-mode .studio-app .studio-credit-note strong { font-size: 10px; }
  .maker-private-mode .studio-app .studio-credit-note p { font-size: 9px; line-height: 1.5; margin: 4px 0 5px; }
  .maker-private-mode .studio-app .studio-credit-note button { font-size: 9px !important; gap: 4px; }
  .maker-private-mode .studio-app .studio-help-button { min-height: 34px; padding: 8px 5px 0; font-size: 9px !important; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-tool-content { padding: 12px 12px 14px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-section-intro { margin-bottom: 11px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-section-intro p { line-height: 1.65; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone { min-height: 0; gap: 6px; padding: 10px 9px !important; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone h3 { line-height: 1.5 !important; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .scd-upload-example { width: 96px; gap: 4px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-example-photo { width: 88px; height: 94px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-example-badge { width: 26px; height: 26px; bottom: 14px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-guide { margin-top: 11px; padding-top: 11px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-guide p { line-height: 1.65; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-note { margin-top: 10px; line-height: 1.6; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art { height: 120px; margin-block: 8px 13px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo h2 { font-size: 16px !important; margin-bottom: 8px !important; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo > p { font-size: 11px; line-height: 1.55; }
  .maker-private-mode .studio-app .studio-setup-note-art { height: 150px; margin-bottom: 12px; }
  .maker-private-mode .studio-app .studio-print .stp-heading { margin-bottom: 9px; }
  .maker-private-mode .studio-app .studio-print .stp-heading h2 { font-size: 23px; }
}

/* Tablet/mobile retain the existing, reachable document layout. */
@media (max-width: 1100px) {
  .maker-private-mode .studio-app .studio-shell > .studio-sidebar { box-shadow: 0 4px 15px #20334e0a; }
  .maker-private-mode .studio-app :is(.studio-layer-tools, .studio-board-inspector, .scd-tools, .scd-ai-sidebar) { box-shadow: 0 4px 15px #20334e0b; }
}
@media (prefers-reduced-motion: reduce) {
  .maker-private-mode .studio-app *, .maker-private-mode .studio-app *::before, .maker-private-mode .studio-app *::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .maker-private-mode .studio-app :is(.studio-content > *, .studio-board-popover, .stp-review-screen, .stp-download-screen) { animation: none !important; }
}

/* A quiet, compact editing surface: color belongs to the artwork. */
body.maker-private-mode {
  --maker-accent: #29374a;
  --maker-accent-deep: #1b2738;
  --glass-plum: #29374a;
  --glass-plum-deep: #1b2738;
  --glass-selected: #edf1f6;
  --glass-accent: linear-gradient(120deg,#334359,#29374a);
}
.maker-private-mode .studio-app .studio-stage.is-current { color:#243247; background:#edf1f6; border-color:#dce3ed; box-shadow:none; }
.maker-private-mode .studio-app .studio-stage.is-current::before { background:#243247; }
.maker-private-mode .studio-app .studio-stage.is-current .studio-stage-index { color:#243247; }
.maker-private-mode .studio-app :is(.studio-button-primary,.scd-button--primary,.stp-export-button),
.maker-private-mode .studio-app .studio-cards.studio-card-deck :is(.scd-button.scd-button--primary,.primary-button) {
  color:#fff!important; background:#29374a!important; border-color:#29374a!important;
  box-shadow:0 2px 5px #24324718!important;
}
.maker-private-mode .studio-app :is(.studio-button-primary,.scd-button--primary,.stp-export-button):hover:not(:disabled),
.maker-private-mode .studio-app .studio-cards.studio-card-deck :is(.scd-button.scd-button--primary,.primary-button):hover:not(:disabled) {
  color:#fff!important; background:#172438!important; border-color:#172438!important; box-shadow:0 3px 8px #24324720!important;
}
.maker-private-mode .studio-app :is(.studio-button,.studio-icon-button,.scd-icon-button,.studio-board-tool,.studio-cards .adjust-button):hover:not(:disabled) {
  background:#f0f3f7; color:#243247; border-color:#c4cedc;
}
.maker-private-mode .studio-app :is(.studio-board-toolbar-controls button.is-open,.scd-direct-style button.active,.stp-layout-option.selected,.stp-token-sources button[aria-pressed=true],.stp-shapes button.selected,.stp-image-modes button.selected,.studio-grid-choice.is-selected) {
  color:#243247!important; background:#edf1f6!important; border-color:#c1cbd9!important;
}
.maker-private-mode .studio-app .stp-flow button[aria-current] { color:#243247; border-color:#c1cbd9; }
.maker-private-mode .studio-app .stp-flow button[aria-current]>span { background:#29374a; }
.maker-private-mode .studio-app :is(input[type=checkbox],input[type=radio],input[type=range]) { accent-color:#29374a; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone { border-color:#bdc8d8!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone.dragging { background:#eff7fc!important; border-color:#0788b5!important; box-shadow:0 0 0 3px #0788b512!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-editor.selected { border-color:#adbacd!important; box-shadow:0 0 0 1px #24324710!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-quick-actions .adjust-button { background:#f3f5f8!important; color:#41516a!important; border-color:#dce3ed!important; }

/* The deck's two direct rows use the same visual language as a canvas toolbar. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-global-toolbar { flex-direction:column; align-items:stretch; gap:4px; padding:7px 0; border:0; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-design-row { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-width:0; width:100%; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-design-layout-row { border-bottom:1px solid #edf0f4; padding-bottom:4px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-style { background:#f1f3f6; border:0; padding:2px; border-radius:7px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-style button { min-height:28px; padding:4px 9px; color:#536177; font-size:11px!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-style button.active { background:#fff!important; color:#243247!important; border:0!important; box-shadow:0 1px 3px #20334e16!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-design-divider { width:1px; height:21px; background:#e0e5ed; margin:0 3px; flex:none; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-check { padding:4px 6px; gap:5px; border-radius:6px; color:#58677c; font-size:10px!important; cursor:pointer; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-check.is-on { color:#243247; background:#f1f4f8; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-check input { width:12px; height:12px; margin:0; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-field :is(select,input) { color:#243247!important; background:#fff!important; border-color:#dce3ed!important; font-size:11px!important; min-height:29px; padding:4px 5px!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-font select { width:98px; max-width:98px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-weight select { width:72px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-tool-caption { font-size:10px; font-weight:500; color:#58677c; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-weight-symbol { font-size:12px; font-weight:750; color:#465970; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-size input { width:44px; padding-right:13px!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-opacity input { width:41px; padding-right:13px!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-colors { gap:5px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-colors .color-swatch-field { color:#536177; gap:4px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-view .deck-view-toggle { background:#f1f3f6!important; border:0!important; padding:2px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-view .deck-view-toggle button { min-height:28px!important; color:#64728a!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-view .deck-view-toggle button.active { color:#243247!important; background:#fff!important; }
.maker-private-mode .studio-app .scd-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Setup begins at the same left edge as the other stages, even on wide displays. */
.maker-private-mode .studio-app .studio-setup { width:100%; max-width:none; margin:0; padding:24px 28px; }
.maker-private-mode .studio-app .studio-setup-grid { grid-template-columns:minmax(0,1fr) minmax(260px,.65fr); gap:32px; max-width:1120px; margin-top:18px; }
.maker-private-mode .studio-app .studio-setup-form { max-width:650px; padding-right:0; }
.maker-private-mode .studio-app .studio-setup .studio-page-intro h1 { font-size:20px; margin:0 0 5px; }
.maker-private-mode .studio-app .studio-setup .studio-page-intro p { font-size:12px; margin:0; }
.maker-private-mode .studio-app .studio-setup .studio-name-field { margin-bottom:24px; }
.maker-private-mode .studio-app .studio-setup .studio-name-field input { min-height:44px; padding:10px 12px; font-size:15px; }
.maker-private-mode .studio-app .studio-setup-section legend { font-size:13px; }
.maker-private-mode .studio-app .studio-grid-choice { min-height:120px; padding:13px 10px; border-radius:10px; }
.maker-private-mode .studio-app .studio-grid-choice .studio-mini-grid { width:52px; height:52px; }
.maker-private-mode .studio-app .studio-grid-choice.is-selected .studio-mini-grid>i { background:#6c829f; border-color:#5b7395; }
.maker-private-mode .studio-app .studio-grid-choice em { color:#52647b; background:#e7edf5; }
.maker-private-mode .studio-app .studio-setup-next { margin-top:22px; gap:9px; }
.maker-private-mode .studio-app .studio-setup-note { padding:22px; height:auto; align-self:stretch; }
.maker-private-mode .studio-app .studio-setup-note h2 { font-size:26px; }
.maker-private-mode .studio-app .studio-setup-note-art { height:170px; margin-bottom:16px; }
@media(min-width:1101px) {
  .maker-private-mode .studio-app .studio-setup { flex:none!important; min-height:0; max-height:100%; overflow:auto; }
  .maker-private-mode .studio-app .studio-setup-grid { flex:none; align-items:start; }
  .maker-private-mode .studio-app .studio-setup-note { max-width:380px; min-height:0; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact { padding:0; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-workspace--compact { flex:1 1 0; min-height:0; height:100%; gap:0; grid-template-columns:250px minmax(0,1fr) 200px; align-items:stretch; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-center { min-height:0; height:100%; overflow:hidden; display:flex; flex-direction:column; padding:14px 16px; background:var(--maker-workspace); }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-controls { border-radius:0; border:0; border-right:1px solid #dce3ed; box-shadow:5px 0 18px #20334e0b; padding:0; }
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-print-promotion { border:0; border-left:1px solid #dce3ed; border-radius:0; box-shadow:-5px 0 18px #20334e0b; }
}
@media(min-width:1101px) and (max-width:1280px) {
  .maker-private-mode .studio-app .studio-print.studio-print-compact .stp-workspace--compact { grid-template-columns:240px minmax(0,1fr) 184px; }
  .maker-private-mode .studio-app .studio-setup-grid { gap:24px; }
}
@media(max-width:1100px) {
  .maker-private-mode .studio-app .studio-setup-grid { grid-template-columns:minmax(0,1fr); max-width:680px; }
  .maker-private-mode .studio-app .studio-setup-note { display:none; }
}
@media(max-width:680px) {
  .maker-private-mode .studio-app .studio-setup { padding:20px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-design-divider { display:none; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-design-text-row { gap:6px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-font select { width:105px; }
}
.studio-shell > .studio-sidebar { align-items: stretch; }
.studio-shell .studio-project-summary { min-width: 0; }
.maker-private-mode .studio-live-app .studio-live-account-links { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.maker-private-mode .studio-live-app .studio-live-account-links > .studio-button { min-height: 30px; padding: 5px 9px; font-size: 10px; }
.maker-private-mode .studio-live-app .studio-live-access-bar { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex: 1 1 640px; min-width: 0; flex-wrap: wrap; }
.maker-private-mode .studio-live-app .studio-live-access-bar .purchase-wallet { margin: 0; flex: 1 1 460px; }
.maker-private-mode .studio-live-app .studio-live-code { margin: 0; padding: 0; border: 0; flex: 0 1 240px; min-width: 200px; }
.maker-private-mode .studio-live-app .studio-live-code legend { margin-bottom: 3px; padding: 0; color: var(--maker-muted); font-size: 10px; font-weight: 600; }
.maker-private-mode .studio-live-app .studio-live-code .access-code-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; margin: 0; padding: 0; min-width: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.maker-private-mode .studio-live-app .studio-live-code .access-code-panel > div:first-child { display: none; }
.maker-private-mode .studio-live-app .studio-live-code .access-code-panel input { min-width: 0; width: 100%; height: 32px; padding: 6px 9px; border: 1px solid var(--maker-line); border-radius: 8px; background: #fff; color: var(--maker-ink); font-size: 11px; box-sizing: border-box; }
.maker-private-mode .studio-live-app .studio-live-code .access-code-panel .primary-button { min-height: 32px; padding: 6px 10px; border-radius: 8px; color: #fff; background: var(--maker-ink); font-size: 11px; }
.maker-private-mode .studio-live-app .studio-live-code .access-code-message { grid-column: 1 / -1; margin: 0; font-size: 10px; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .maker-private-mode .studio-live-app .studio-live-access-bar { justify-content: stretch; gap: 9px; flex-basis: 100%; }
  .maker-private-mode .studio-live-app .studio-live-access-bar .purchase-wallet { flex-basis: 100%; }
  .maker-private-mode .studio-live-app .studio-live-code { flex: 1 1 100%; }
  .maker-private-mode .studio-live-app .studio-live-account-links > .studio-button,
  .maker-private-mode .studio-live-app .studio-live-code .access-code-panel :is(input, .primary-button) { min-height: 40px; }
}


/* Homepage brand continuity. UI only: canvas artwork and export fonts are untouched. */
body.maker-private-mode {
  --maker-ink: #15110f;
  --maker-muted: #555f6e;
  --maker-line: #dce4eb;
  --maker-accent: #c61e75;
  --maker-accent-deep: #a61561;
  --maker-cyan: #087ca6;
  --maker-green: #157b43;
  --maker-gold: #ffd333;
  --maker-workspace: #f0f4f8;
  --maker-vivid-cyan: #29bdf2;
  --maker-vivid-green: #20a55a;
  --maker-vivid-magenta: #ec2f91;
  --maker-vivid-purple: #6246d9;
  --maker-rainbow: linear-gradient(90deg,#29bdf2 0 23%,#20a55a 23% 42%,#ffd333 42% 62%,#ec2f91 62% 83%,#6246d9 83%);
  --glass-plum: var(--maker-accent);
  --glass-plum-deep: var(--maker-accent-deep);
  --glass-selected: #eaf8fe;
  --glass-accent: linear-gradient(120deg,#c61e75,#a61561);
}
.maker-private-mode .studio-app { font-family: var(--studio-ui-font); font-size:14px; line-height:1.5; background:#f8fafc; }
.maker-private-mode .studio-app :is(.studio-button,.studio-icon-button,.scd-button,.stp-select,.studio-field input,.studio-field select,.studio-field textarea) { font-family:var(--studio-ui-font); }
.maker-private-mode .studio-app :is(h1,h2,h3,h4,.studio-project-summary strong,.studio-stage strong) { color:var(--maker-ink); }
.maker-private-mode .studio-app :is(.studio-button-primary,.scd-button--primary,.stp-export-button),
.maker-private-mode .studio-app .studio-cards.studio-card-deck :is(.scd-button.scd-button--primary,.primary-button) {
  color:#fff!important; background:var(--maker-accent)!important; border-color:var(--maker-accent-deep)!important;
  box-shadow:0 5px 14px #c61e7525!important;
}
.maker-private-mode .studio-app :is(.studio-button-primary,.scd-button--primary,.stp-export-button):hover:not(:disabled),
.maker-private-mode .studio-app .studio-cards.studio-card-deck :is(.scd-button.scd-button--primary,.primary-button):hover:not(:disabled) { background:#a61561!important; border-color:#a61561!important; box-shadow:0 7px 18px #c61e7530!important; }
.maker-private-mode .studio-app :is(.studio-button,.studio-icon-button,.scd-icon-button,.studio-board-tool,.studio-cards .adjust-button):hover:not(:disabled) { background:#effaff; color:#155575; border-color:#79c9e6; }
.maker-private-mode .studio-app :is(input[type=checkbox],input[type=radio],input[type=range]) { accent-color:var(--maker-cyan); }
.maker-private-mode .studio-app :focus-visible { outline:3px solid #087ca6!important; outline-offset:3px; }

/* Same logo, white raised navigation and color signature as the homepage. */
.maker-private-mode .studio-app .studio-shell>.studio-main>.studio-branded-header {
  display:flex; flex-direction:column; align-items:stretch; justify-content:initial; gap:0;
  padding:9px 18px 0; min-height:0; background:#fff!important; border-bottom:0;
  box-shadow:0 5px 20px #233b5412;
}
.maker-private-mode .studio-app .studio-branded-header::after { content:""; display:block; height:3px; flex:none; margin:0 -18px; background:var(--maker-rainbow); }
.maker-private-mode .studio-app .studio-header-topbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; width:100%; min-width:0; }
.maker-private-mode .studio-app .studio-top-brand { display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--maker-ink); flex:none; font-weight:750; }
.maker-private-mode .studio-app .studio-top-logo { width:40px; height:40px; object-fit:contain; border-radius:12px; }
.maker-private-mode .studio-app .studio-top-brand-label { font-size:16px; letter-spacing:-.3px; white-space:nowrap; }
.maker-private-mode .studio-app .studio-primary-nav { display:flex; align-items:center; flex-wrap:wrap; gap:6px; flex:1 1 auto; min-width:0; }
.maker-private-mode .studio-app .studio-nav-link {
  display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px;
  padding:7px 12px; border:1px solid #bce8f8; border-radius:999px; box-sizing:border-box;
  color:#16374a; font:600 13px/1.35 var(--studio-ui-font); text-decoration:none;
  background:linear-gradient(140deg,#fff,#effaff); box-shadow:0 3px 9px #29bdf210; cursor:pointer;
}
.maker-private-mode .studio-app .studio-nav-guide { border-color:#ded5fc; color:#483091; background:linear-gradient(140deg,#fff,#f6f2ff); }
.maker-private-mode .studio-app .studio-nav-home { border-color:transparent; background:#fff; box-shadow:none; }
.maker-private-mode .studio-app .studio-nav-link:hover:not(:disabled):not([aria-disabled=true]) { background:#e1f5fe; border-color:#62c8ed; color:#114763; box-shadow:0 4px 10px #29bdf21a; }
.maker-private-mode .studio-app .studio-nav-link:is(:disabled,[aria-disabled=true]) { opacity:.5; cursor:default; }
.maker-private-mode .studio-app .studio-header-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; margin:0; flex:0 1 auto; }
.maker-private-mode .studio-app .studio-header-actions :is(.studio-language,.studio-private-badge) { min-height:30px; padding:5px 9px; font-size:11px; box-sizing:border-box; }
.maker-private-mode .studio-app .studio-language { color:#fff; background:#15110f; border:1px solid #15110f; border-radius:999px; gap:5px; }
.maker-private-mode .studio-app .studio-private-badge { color:#155575; background:#eaf8fe; border:1px solid #bde6f5; border-radius:999px; }
.maker-private-mode .studio-app .studio-save-status { font-size:11px; color:#386047; max-width:170px; line-height:1.4; }
.maker-private-mode .studio-app .studio-save-status.is-save-problem { color:#9b2f22; }
.maker-private-mode .studio-app .studio-header-context { min-width:0; padding:8px 0 9px; }
.maker-private-mode .studio-app .studio-breadcrumb { min-width:0; gap:8px; font-size:12px; line-height:1.4; color:var(--maker-muted); }
.maker-private-mode .studio-app .studio-breadcrumb>span { max-width:min(50vw,460px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.maker-private-mode .studio-app .studio-breadcrumb>strong { color:#252b33; font-weight:650; }
.maker-private-mode #studio-support-slot .help-launcher { min-height:32px; padding:5px 9px; font-size:12px; border-radius:999px; color:#253545; }
.maker-private-mode #studio-support-slot .help-launcher span { width:17px; height:17px; font-size:11px; background:#eaf8fe; color:#155575; }

/* Color helps locate the five stages while labels stay dark and readable. */
.maker-private-mode .studio-app .studio-workspace-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:#155575; background:#e5f7fd; border:1px solid #bbe7f6; flex:none; }
.maker-private-mode .studio-app .studio-sidebar-brand { font-size:15px; letter-spacing:-.2px; }
.maker-private-mode .studio-app .studio-sidebar-brand small { font-size:11px; letter-spacing:0; margin-top:2px; font-weight:450; color:var(--maker-muted); }
.maker-private-mode .studio-app .studio-stage { --step-accent:#087ca6; --step-tint:#eaf8fe; --step-line:#9fdef4; min-height:52px; }
.maker-private-mode .studio-app .studio-stage:nth-child(2) { --step-accent:#bd2176; --step-tint:#fff0f7; --step-line:#f3bdd8; }
.maker-private-mode .studio-app .studio-stage:nth-child(3) { --step-accent:#6246d9; --step-tint:#f4f0ff; --step-line:#cfc2fc; }
.maker-private-mode .studio-app .studio-stage:nth-child(4) { --step-accent:#157b43; --step-tint:#eaf8ee; --step-line:#b0dfbd; }
.maker-private-mode .studio-app .studio-stage:nth-child(5) { --step-accent:#8c6500; --step-tint:#fff8dd; --step-line:#edd56c; }
.maker-private-mode .studio-app .studio-stage-icon>svg { color:var(--step-accent); }
.maker-private-mode .studio-app .studio-stage.is-current { color:var(--maker-ink); background:var(--step-tint); border-color:var(--step-line); box-shadow:0 2px 8px #233b5408; }
.maker-private-mode .studio-app .studio-stage.is-current::before { background:var(--step-accent); }
.maker-private-mode .studio-app .studio-stage.is-current .studio-stage-index { color:var(--step-accent); }
.maker-private-mode .studio-app .studio-stage strong { font-size:13px; font-weight:650; }
.maker-private-mode .studio-app .studio-stage small { font-size:11px; margin-top:2px; color:var(--maker-muted); line-height:1.4; }
.maker-private-mode .studio-app .studio-back-link { font-size:12px; margin-block:16px 14px; }
.maker-private-mode .studio-app .studio-project-summary strong { font-size:14px; }
.maker-private-mode .studio-app .studio-project-summary>span:last-child { font-size:11px; }
.maker-private-mode .studio-app .studio-project-summary .studio-eyebrow { font-size:10px; color:#555f6e; letter-spacing:.08em; }
.maker-private-mode .studio-app .studio-credit-note { background:linear-gradient(140deg,#fff9df,#f7f1ff); border-color:#ead7ae; }
.maker-private-mode .studio-app .studio-credit-note :is(strong,button) { font-size:12px!important; color:#563b80; }
.maker-private-mode .studio-app .studio-credit-note p { font-size:11px; line-height:1.55; color:var(--maker-muted); }
.maker-private-mode .studio-app .studio-help-button { font-size:12px!important; padding-block:10px; }

/* Compact controls retain their density with readable12–13px labels. */
.maker-private-mode .studio-app :is(.studio-note,.studio-design-tip,.studio-inspector-note,.stp-preview-context,.stp-pass-status,.stp-print-tip,.studio-board-context-help) { color:var(--maker-muted); font-size:12px; line-height:1.5; }
.maker-private-mode .studio-app :is(.studio-field>span,.studio-panel-heading h2,.stp-section-title h3) { color:#303b49; font-size:13px; }
.maker-private-mode .studio-app :is(.studio-button,.studio-board-tool,.studio-board-toolbar-controls>button) { font-size:12px!important; }
.maker-private-mode .studio-app :is(.studio-button-primary,.scd-button--primary) { font-size:13px!important; min-height:38px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace :is(.scd-direct-style button,.scd-direct-check,.scd-direct-field,.scd-direct-field select,.scd-direct-field input,.scd-direct-view button) { font-size:12px!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace :is(.scd-direct-style button,.scd-direct-field select,.scd-direct-field input,.scd-direct-view button) { min-height:32px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-check input { width:14px; height:14px; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-style button.active { background:#e4f6ff!important; color:#155575!important; box-shadow:inset 0 0 0 1px #a0ddf3!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-check.is-on { background:#eaf8fe; color:#155575; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck :is(.scd-tool-caption,.scd-upload-note,.scd-gallery-caption,.scd-ai-preview-note,.scd-small-note,.card-name-label,.scd-deck-tip) { font-size:12px!important; color:var(--maker-muted)!important; line-height:1.5; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-section-intro p { font-size:13px; color:var(--maker-muted)!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo>p { font-size:13px; line-height:1.6; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-ai-promo-art { background:linear-gradient(140deg,#ecfaff,#fff7e1); border-color:#cce8f1; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-zone .drop-zone { border-color:#85cee8!important; background:linear-gradient(145deg,#fff,#f0fbff)!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-gallery .card-editor.selected { border-color:#66c4e4!important; box-shadow:0 0 0 2px #29bdf21c!important; }
.maker-private-mode .studio-app :is(.studio-board-toolbar-controls button.is-open,.stp-layout-option.selected,.stp-token-sources button[aria-pressed=true],.stp-shapes button.selected,.stp-image-modes button.selected,.studio-grid-choice.is-selected) { color:#155575!important; background:#eaf8fe!important; border-color:#97d9f0!important; }
.maker-private-mode .studio-app .studio-grid-choice.is-selected .studio-mini-grid>i { background:#29bdf2; border-color:#1d9dcb; }
.maker-private-mode .studio-app .studio-grid-choice em { color:#6c5400; background:#fff3bb; }
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor :is(.studio-field,.studio-field>span:first-child,.studio-compact-alignment>legend,.studio-compact-position>legend) { font-size:12px; color:#303b49; }
.maker-private-mode .studio-app .studio-design .studio-compact-layer-editor .studio-field>:is(input,select,textarea) { font-size:13px; }
.maker-private-mode .studio-app .studio-design .studio-compact-layer-actions>button { font-size:12px!important; }
.maker-private-mode .studio-app .stp-flow button[aria-current] { color:#155575; border-color:#97d9f0; background:#eaf8fe; }
.maker-private-mode .studio-app .stp-flow button[aria-current]>span { background:#087ca6; }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-flow button,.stp-kind-tabs button,.stp-pass-status,.stp-control-context,.stp-side-context,.stp-promotion-copy,.stp-promotion-actions,.stp-instruction) { font-size:12px!important; line-height:1.5; }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-download-tile h4,.stp-review-grid h4) { font-size:15px; font-weight:650; color:var(--maker-ink); }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-download-tile p,.stp-download-meta,.stp-review-grid p,.stp-state-pill,.stp-image-download-actions,.stp-single-image>summary) { font-size:12px; color:var(--maker-muted); line-height:1.5; }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-download-tile>button,.stp-caller-banner>button,.stp-board-image-downloads>summary,.stp-print-instructions>summary) { font-size:13px!important; min-height:40px; color:#233b4d!important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile>button { background:#effaff!important; border-color:#b6e0f0!important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile:nth-child(1) .stp-download-icon { background:#fff0f7; color:#bd2176; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile:nth-child(2) .stp-download-icon { background:#eaf8fe; color:#087ca6; }
.maker-private-mode .studio-app .studio-print.studio-print-compact .stp-download-tile:nth-child(3) .stp-download-icon { background:#fff8dd; color:#8c6500; }
.maker-private-mode .studio-app .stp-export-progress { border-top:4px solid #29bdf2; }
.maker-private-mode .studio-app .stp-export-progress p { font-size:14px; color:var(--maker-muted); }
.maker-private-mode .studio-live-app .studio-live-account-links>.studio-button { font-size:12px; min-height:32px; border-radius:999px; background:#fff; }
.maker-private-mode .studio-live-app .studio-live-account-actions .compact-wallet-status strong { font-size:14px; }
.maker-private-mode .studio-live-app .studio-live-account-actions :is(.compact-wallet-status span,.compact-wallet-status small,.compact-wallet-pills b) { font-size:11px; color:var(--maker-muted); }
.maker-private-mode .studio-live-app .studio-live-account-actions .compact-wallet-pills :is(span,a) { font-size:12px; min-height:29px; background:#f4faff; border-color:#d4e9f2; }
.maker-private-mode .studio-live-app .studio-live-code legend { font-size:12px; color:var(--maker-muted); }
.maker-private-mode .studio-live-app .studio-live-code .access-code-panel :is(input,.primary-button) { font-size:12px; min-height:34px; }
@media (max-width:1440px) and (min-width:761px) {
  .maker-private-mode .studio-app .studio-nav-home { display:none; }
  .maker-private-mode .studio-app .studio-header-topbar { gap:7px 10px; }
  .maker-private-mode .studio-app .studio-top-brand-label { font-size:15px; }
  .maker-private-mode .studio-app .studio-nav-link { padding-inline:9px; font-size:12px; }
  .maker-private-mode .studio-app .studio-header-actions { gap:6px; }
  .maker-private-mode .studio-app .studio-save-status { max-width:128px; }
}
@media (min-width:761px) and (max-width:1100px) {
  .maker-private-mode .studio-app .studio-header-actions { flex:1 1 auto; }
}
@media (max-width:760px) {
  .maker-private-mode .studio-app .studio-shell>.studio-main>.studio-branded-header { padding:10px 14px 0; }
  .maker-private-mode .studio-app .studio-branded-header::after { margin-inline:-14px; }
  .maker-private-mode .studio-app .studio-header-topbar { gap:10px; }
  .maker-private-mode .studio-app .studio-primary-nav { order:3; flex-basis:100%; gap:6px; }
  .maker-private-mode .studio-app .studio-nav-link { min-height:40px; padding-inline:10px; font-size:12px; }
  .maker-private-mode .studio-app .studio-header-actions { flex:1 1 auto; justify-content:flex-start; }
  .maker-private-mode .studio-app .studio-top-logo { width:36px; height:36px; }
  .maker-private-mode .studio-app .studio-top-brand-label { font-size:15px; }
  .maker-private-mode .studio-app .studio-save-status { max-width:none; }
  .maker-private-mode .studio-app .studio-header-context { padding-block:10px; }
  .maker-private-mode .studio-app .studio-breadcrumb { flex-wrap:wrap; font-size:12px; }
}

/* Readability fit corrections from the1119px desktop review. */
.maker-private-mode .studio-app .studio-private-banner { background:#f0fbff; color:#155575; border-bottom:1px solid #c8eaf6; font-size:12px; }
.maker-private-mode .studio-app .studio-private-banner>button { color:#155575; font-size:12px; }
.maker-private-mode .studio-app .studio-header-actions .studio-private-badge { color:#155575!important; background:#eaf8fe!important; border-color:#bde6f5!important; }
.maker-private-mode .studio-app .studio-header-actions .studio-save-status { display:inline-flex; }
.maker-private-mode .studio-app .studio-sidebar-brand small { text-transform:none; }
@media(min-width:1101px) {
  .maker-private-mode .studio-app .studio-shell>.studio-sidebar { flex:0 0 208px; width:208px; box-sizing:border-box; padding-inline:10px; }
  .maker-private-mode .studio-app .studio-stages { width:100%; box-sizing:border-box; padding-block:10px; gap:3px; }
  .maker-private-mode .studio-app .studio-stage { display:grid; grid-template-columns:24px minmax(0,1fr) 12px; gap:6px; padding:7px 7px; width:100%; box-sizing:border-box; min-height:52px; }
  .maker-private-mode .studio-app .studio-stage-icon { width:24px; flex:none; }
  .maker-private-mode .studio-app .studio-stage>span:nth-child(2) { min-width:0; }
  .maker-private-mode .studio-app .studio-stage strong { white-space:nowrap; font-size:13px; }
  .maker-private-mode .studio-app .studio-stage small { font-size:11px; }
  .maker-private-mode .studio-app .studio-sidebar-bottom { padding-top:8px; }
  .maker-private-mode .studio-app .studio-credit-note { padding:9px 8px; }
  .maker-private-mode .studio-app .studio-credit-note p { margin:4px 0 6px; }
  .maker-private-mode .studio-app .studio-help-button { min-height:36px; padding-block:8px; }
  .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .scd-direct-view { width:auto; min-width:0; flex:none; }
}

/* Direct board controls and supporting instructions share the UI text scale. */
.maker-private-mode .studio-app .studio-board-toolbar.studio-board-toolbar-compact :is(label,select,input,.studio-appearance-check,.studio-theme-select>span,.studio-appearance-number>span,.studio-color-field>span,.studio-appearance-color>span,.studio-zoom-controls>span) { font:500 12px/1.4 var(--studio-ui-font)!important; color:#303b49; }
.maker-private-mode .studio-app .studio-board-toolbar.studio-board-toolbar-compact :is(select,input:not([type=color]):not([type=checkbox])) { min-height:32px; }
.maker-private-mode .studio-app .studio-setup :is(.studio-page-intro p,.studio-field small,.studio-setup-section>p,.studio-grid-choice small,.studio-setup-next>span,.studio-note-foot) { font-size:12px; line-height:1.5; color:var(--maker-muted); }
.maker-private-mode .studio-app .studio-setup-note>p { font-size:13px; line-height:1.6; color:var(--maker-muted); }
.maker-private-mode .studio-app .studio-print.studio-print-compact :is(.stp-size-note,.stp-layout-copy small,.stp-settings-summary,.stp-review-confirm p,.stp-saved-heading p,.stp-download-counts,.stp-print-promotion>p,.stp-print-promotion li) { font-size:12px; line-height:1.5; color:var(--maker-muted); }

/* Legacy private dialogs declared their own8–11px text. Override actual controls. */
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup :is(button,label,input,select,textarea,.crop-toggle button,.photo-placement-shortcuts button,.photo-interaction-hints,.photo-edit-overflow-toggle,.scd-popup-preview-note,.scd-popup-footer>span,.ai-minihead>span,.ai-control-group>span,.ai-token-pill strong,.ai-token-pill span,.ai-quality-toggle small,.ai-style-pills button,.ai-more-style,.small-button) { font-size:12px!important; color:#303b49!important; line-height:1.45; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup :is(p,.scd-popup-preview-note,.scd-ai-status p,.scd-popup-feedback,.scd-ai-comparison figcaption) { font-size:12px!important; color:var(--maker-muted)!important; line-height:1.5; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup :is(.crop-toggle button,.photo-placement-shortcuts button,.ai-minihead .small-button,.ai-style-pills button,.ai-quality-toggle button) { min-height:32px!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup :is(.scd-button.scd-button--primary,button.primary-button) { color:#fff!important; }
.maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-upload-guide p { font-size:12px; color:var(--maker-muted); }
.maker-private-mode .studio-app .studio-design .studio-board-toolbar.studio-board-toolbar-compact :is(.studio-appearance-action,.studio-board-labeled-tool,.studio-fit-control) { font-size:12px!important; white-space:nowrap; min-width:max-content; }
.maker-private-mode .studio-app .studio-mix.studio-mix-compact :is(.studio-winning-rules legend,.studio-winning-rules label,.studio-winning-rules label>span,.studio-mix-help summary,.studio-mix-sample-note,.studio-mix-generate,.studio-mix-print) { font-size:12px!important; line-height:1.5; color:#303b49; }
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-generate { font-size:13px!important; color:#fff!important; }
.maker-private-mode .studio-app .studio-welcome-guide :is(.studio-guide-steps button,.studio-guide-access>p,.studio-guide-footer .studio-button,.studio-guide-dismiss) { font-size:12px; line-height:1.5; }
.maker-private-mode .studio-app .studio-welcome-guide .studio-guide-steps button { padding-inline:5px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-token-sources button,.stp-token-crop label,.stp-token-crop label>span,.stp-token-crop output,.stp-token-crop button,.stp-file-detail,.stp-review-grid button,.stp-caller-banner .studio-button,.stp-export-button,.stp-review-actions .studio-button) { font-size:12px!important; line-height:1.5; color:#303b49; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-export-button { font-size:13px!important; color:#fff!important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:3px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-flow button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:5px 3px; min-width:0; white-space:normal; font-size:12px!important; line-height:1.3; min-height:56px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-flow button>span { width:16px; height:16px; min-width:16px; }
.maker-private-mode .studio-app .studio-header-context { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.maker-private-mode .studio-app .studio-account-menu { position:relative; flex:none; font-size:12px; }
.maker-private-mode .studio-app .studio-account-menu>summary { list-style:none; display:flex; align-items:center; gap:6px; padding:5px 10px; border:1px solid #dce4eb; border-radius:999px; background:#fff; font-size:12px; cursor:pointer; min-height:30px; box-sizing:border-box; color:#303b49; }
.maker-private-mode .studio-app .studio-account-menu>summary::-webkit-details-marker { display:none; }
.maker-private-mode .studio-app .studio-account-menu[open]>summary { border-color:#99d9f0; background:#effaff; }
.maker-private-mode .studio-app .studio-account-menu-panel { position:absolute; right:0; top:calc(100% + 8px); display:grid; width:190px; padding:8px; background:#fff; border:1px solid #dce4eb; border-radius:14px; box-shadow:var(--maker-menu-shadow); z-index:1700; gap:3px; }
.maker-private-mode .studio-app .studio-account-menu-panel>button { min-height:38px; padding:8px 10px; border:0; border-radius:8px; color:#303b49; font-size:13px; background:#fff; text-align:left; cursor:pointer; }
.maker-private-mode .studio-app .studio-account-menu-panel>button:hover:not(:disabled) { background:#effaff; }
.maker-private-mode .studio-live-app .studio-live-account-actions { margin-block:6px; }
.maker-private-mode .studio-live-app .studio-live-access-bar { width:100%; justify-content:space-between; }
@media(max-width:760px) {
 .maker-private-mode .studio-app .studio-welcome-guide .studio-guide-steps button { font-size:12px; min-height:72px; }
 .maker-private-mode .studio-app .studio-cards.studio-card-deck .scd-direct-workspace .studio-card-editor-popup :is(.crop-toggle button,.photo-placement-shortcuts button,.ai-minihead .small-button,.ai-style-pills button,.ai-quality-toggle button) { min-height:40px!important; }
}

.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-kind-tabs button { flex-direction:column; justify-content:center; gap:4px; min-height:60px; white-space:normal; font-size:12px!important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-kind-tabs button>span { min-width:0; flex:0 1 auto; white-space:normal; overflow-wrap:normal; text-align:center; }
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-generate { background:var(--maker-accent)!important; border-color:var(--maker-accent-deep)!important; }
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules input { accent-color:var(--maker-cyan)!important; width:14px; height:14px; flex-basis:14px; }
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-winning-rules>small { font-size:12px; color:var(--maker-muted); line-height:1.5; }

.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-layout-option.selected,.stp-kind-tabs button.selected,.stp-token-sources button[aria-pressed=true],.stp-shapes button.selected) { color:#155575!important; background:#eaf8fe!important; border-color:#97d9f0!important; box-shadow:0 0 0 1px #97d9f020; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] :is(.stp-export-button,.studio-button-primary) { color:#fff!important; background:var(--maker-accent)!important; border-color:var(--maker-accent-deep)!important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-flow button[aria-current] { color:#155575!important; background:#eaf8fe!important; border-color:#97d9f0!important; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-flow button[aria-current]>span { background:#087ca6!important; color:#fff!important; }

/* Muted text uses a contrast-safe ink instead of fading its entire element. */
.maker-private-mode .studio-app :is(.studio-stage small,.studio-save-status,.studio-project-summary>span,.scd-gallery-caption,.stp-file-detail) { opacity:1; }

.maker-private-mode .studio-app .studio-header-actions .studio-language { font-size:12px!important; }
.maker-private-mode .studio-app .studio-design :is(.studio-text-visibility,.studio-text-visibility>span,.studio-board-popover .studio-appearance-check,.studio-board-popover .studio-appearance-check>span,.studio-board-popover .studio-appearance-note,.studio-board-popover .studio-appearance-watermark) { font-size:12px!important; line-height:1.5; color:var(--maker-muted); }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-caller-action>button { font-size:13px!important; min-height:40px; }
.maker-private-mode .studio-app .studio-print.studio-print-compact[data-print-mode] .stp-caller-action>p { font-size:12px; line-height:1.5; color:var(--maker-muted); }

@media(min-width:1101px) and (max-height:800px) {
 .maker-private-mode .studio-app .studio-design .studio-compact-inspector { padding-top:8px; padding-bottom:8px; }
}

.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-actions>.studio-button { font-size:13px!important; min-height:40px; }
.maker-private-mode .studio-app .studio-mix.studio-mix-compact .studio-mix-count>span { font-size:12px; }
.maker-private-mode .studio-app .studio-design .studio-appearance-toolbar .studio-board-toolbar-summary>span { font-size:12px; }
.maker-private-mode .studio-app .studio-welcome-guide .studio-guide-heading p { font-size:12px; }
@media(max-width:760px) {
 .maker-private-mode .studio-app .studio-cards.studio-card-deck :is(.scd-toolbar .scd-button,.scd-ai-promo>.scd-button) { min-height:40px; }
}

@media(max-width:760px) {
 .maker-private-mode .studio-app .studio-stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.45fr); gap:4px; }
 .maker-private-mode .studio-app .studio-stage { min-width:0; padding-inline:3px; }
 .maker-private-mode .studio-app .studio-stage>span:nth-child(2) { width:100%; min-width:0; }
 .maker-private-mode .studio-app .studio-stage strong { font-size:12px; white-space:normal; overflow-wrap:normal; word-break:normal; }
}

/* Owner Studio library only: align the native header, access tools and project content. */
.maker-private-mode .studio-live-library-page { display:block; min-height:100dvh; background:radial-gradient(ellipse at 92% 0%,#ecfaff 0,transparent 42%),radial-gradient(ellipse at 3% 24%,#fff7de 0,transparent 35%),#f7f9fc; }
.maker-private-mode #root:has(> .studio-live-library-page) > .release-update-banner { position:relative; inset:auto; width:100%; box-sizing:border-box; margin:0; border-radius:0; padding:8px 18px; min-height:0; box-shadow:none; }
.maker-private-mode .studio-live-library-page .studio-library-native-navigation,
.maker-private-mode .studio-live-library-page .studio-library-page-content { box-sizing:border-box; width:min(1600px,calc(100% - 48px)); min-width:0; margin-inline:auto; }
.maker-private-mode .studio-live-library-page .studio-library-native-navigation { padding-top:14px; }
.maker-private-mode .studio-live-library-page .studio-library-native-navigation > .top-nav { width:100%; max-width:none; margin:0; position:relative; inset:auto; padding:13px 18px; border:1px solid #e1e6ed; border-radius:20px; background:#fff; box-shadow:0 9px 28px #2337500b; }
.maker-private-mode .studio-live-library-page .studio-library-native-navigation > .top-nav::after { inset-inline:22px; bottom:-1px; height:3px; border-radius:3px; }
.maker-private-mode .studio-live-library-page .studio-live-library-wallet { box-sizing:border-box; display:flex; align-items:center; gap:14px; min-width:0; flex-wrap:wrap; margin:18px 0 0; padding:12px 16px; border:1px solid #e1e7ee; border-radius:14px; background:#fff; box-shadow:0 4px 14px #25365206; }
.maker-private-mode .studio-live-library-page .studio-live-library-wallet > .purchase-wallet { flex:1 1 430px; width:auto; min-width:0; margin:0; border:0; border-radius:0; padding:0; background:none; box-shadow:none; }
.maker-private-mode .studio-live-library-page .studio-live-library-wallet .square-pass-mini { margin:0; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.maker-private-mode .studio-live-library-page .studio-live-library-wallet > .studio-button { min-height:36px; padding:8px 12px; background:#fff; color:#26354b; border:1px solid #d7e0eb; border-radius:8px; font-size:12px; box-shadow:none; }
.maker-private-mode .studio-live-library-page .studio-live-pass-actions { margin:10px 0 28px; border:1px solid #dce6ec; border-radius:12px; padding:16px; background:#fff; }
.maker-private-mode .studio-live-library-page .studio-live-pass-actions h2 { font-size:14px; margin:0 0 12px; }
.maker-private-mode .studio-live-library-page .studio-live-pass-actions > button { margin:0 8px 8px 0; }

/* Readable white library with vivid, restrained accents from the main site. */
.studio-library.studio-library { --lib-ink:#1e2c42; --lib-muted:#586a80; --lib-wine:#c21765; --lib-border:#dfe6ef; width:100%; max-width:1600px; min-width:0; margin:0 auto; padding:28px 0 20px; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--lib-ink); }
.maker-private-mode .studio-library.studio-library { background:none; }
.studio-library.studio-library .studio-library-heading { margin:0 0 23px; align-items:center; gap:22px; }
.studio-library.studio-library .studio-library-eyebrow { color:#087faa; font-size:10px; font-weight:800; letter-spacing:.14em; margin:0 0 9px; }
.studio-library.studio-library .studio-library-heading h1 { margin:0 0 10px; font-family:inherit; font-size:clamp(29px,2.6vw,40px); font-weight:780; letter-spacing:-.045em; line-height:1.13; color:#192538; }
.studio-library.studio-library .studio-library-intro { font-size:14px; color:#5a6a7d; line-height:1.6; max-width:680px; }
.studio-library.studio-library .studio-library-new { min-height:42px; padding:11px 16px; border:0; border-radius:10px; background:linear-gradient(118deg,#c41669,#ae195a); color:#fff; font-size:12px; font-weight:700; box-shadow:0 5px 14px #b21d611e; }
.studio-library.studio-library .studio-library-new:hover:not(:disabled) { background:linear-gradient(118deg,#b5145e,#98124d); }
.studio-library button:disabled { cursor:wait; opacity:.65; transform:none!important; }
.studio-library.studio-library button:focus-visible,.studio-library.studio-library input:focus-visible,.studio-template-dialog button:focus-visible,.studio-template-dialog a:focus-visible { outline:3px solid #098eb7; outline-offset:3px; }
.studio-library-projects-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 16px; margin:10px 0 15px; }
.studio-library-projects-heading h2 { display:flex; align-items:center; gap:9px; margin:0; color:#23364d; font-family:inherit; font-size:21px; font-weight:730; letter-spacing:-.025em; }
.studio-library-projects-heading h2 > svg { color:#087ca2; }
.studio-library-projects-heading h2 > span { min-width:24px; padding:4px 7px; border-radius:6px; background:#e7f5fb; color:#087ca2; font-size:11px; font-weight:650; text-align:center; letter-spacing:0; }
.studio-library-projects-heading > p { margin:0; color:#60738a; font-size:12px; line-height:1.5; }
.studio-library-more-projects { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0 0; color:#697b90; font-size:11px; }
.studio-library-more-projects > button { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:7px 11px; border:1px solid #d4e2ec; border-radius:8px; color:#087aa1; background:#fff; font-size:11px; font-weight:650; }
.studio-library-more-projects > button:hover { border-color:#088fb5; background:#f0fbff; }
.studio-library-templates-section { margin:30px 0 0; padding-top:27px; border-top:1px solid #dce6ee; scroll-margin-top:20px; }
.studio-library-discover { display:flex; align-items:center; gap:22px; padding:14px 21px; margin:0 0 22px; border:1px solid #dce9ec; border-radius:14px; background:linear-gradient(110deg,#edfaff,#fff 55%,#fff8e3); box-shadow:0 3px 12px #26384d05; overflow:hidden; }
.studio-library-discover-art { position:relative; flex:none; width:126px; height:86px; }
.studio-library-discover-art .studio-template-card-art { position:absolute; left:50%; top:5px; width:55px; height:77px; border:3px solid #fff; border-radius:4px; box-shadow:0 3px 9px #26364e21; }
.studio-library-discover-art .studio-template-card-art:nth-child(1) { transform:translateX(-88%) rotate(-14deg); }
.studio-library-discover-art .studio-template-card-art:nth-child(2) { transform:translateX(-4%) rotate(14deg); }
.studio-library-discover-art .studio-template-card-art:last-child { transform:translateX(-46%) rotate(-1deg); }
.studio-library-discover > div:nth-child(2) { flex:1; min-width:0; }
.studio-library-discover-eyebrow { display:block; margin:0 0 5px; color:#087fa5; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.studio-library-discover strong { display:block; font-size:16px; font-weight:700; letter-spacing:-.025em; line-height:1.35; color:#23324a; }
.studio-library-discover p { margin:5px 0 0; font-size:12px; color:#5b6e81; line-height:1.55; }
.studio-library-discover > button { display:flex; align-items:center; gap:8px; flex:none; min-height:38px; padding:9px 13px; border:1px solid #cbdce8; border-radius:9px; background:#fff; color:#1f3b55; font-size:12px; font-weight:650; box-shadow:0 2px 4px #172c3f06; }
.studio-library-discover > button:hover { border-color:#0887b1; color:#08769c; }
.studio-library.studio-library .studio-library-toolbar { gap:14px; padding-bottom:0; border:0; margin:0 0 10px; }
.studio-library.studio-library .studio-library-filters { gap:4px; }
.studio-library.studio-library .studio-library-filters button { padding:8px 10px; min-height:36px; color:#637287; background:transparent; font-size:11px; border-radius:7px; }
.studio-library.studio-library .studio-library-filters button:hover { background:#eaf1f7; color:#23364d; }
.studio-library.studio-library .studio-library-filters button.is-active { background:#e9f6fc; color:#08759e; }
.studio-library.studio-library .studio-library-search { min-height:38px; padding:0 12px; border:1px solid #d6e0eb; border-radius:9px; background:#fff; box-shadow:0 2px 8px #30425e05; }
.studio-library.studio-library .studio-library-search input { width:188px; color:#23354d; font-size:12px; padding:9px 0; }
.studio-library.studio-library .studio-library-search:focus-within { border-color:#159cc3; box-shadow:0 0 0 3px #0788b50d; }
.studio-library.studio-library .studio-library-view-switch { border-color:#d6e0eb; background:#fff; }
.studio-library.studio-library .studio-library-view-switch button.is-active { background:#e8f7fd; color:#087aa2; }
.studio-library.studio-library .studio-library-section-heading { margin:17px 0 13px; }
.studio-library.studio-library .studio-library-section-heading p { color:#344760; font-size:12px; }
.studio-library.studio-library .studio-library-help-toggle { color:#5e6d80; font-size:11px; min-height:30px; }
.studio-library.studio-library .studio-library-help { background:#eff9fd; color:#34566e; border-color:#d5e8f0; }
.studio-library.studio-library .studio-library-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.studio-library.studio-library .studio-library-project { border:1px solid #dce4ee; border-radius:14px; background:#fff; overflow:visible; box-shadow:0 4px 14px #29415d07; }
.studio-library.studio-library .studio-library-project:hover { border-color:#b9dce8; box-shadow:0 10px 24px #29415d10; transform:translateY(-2px); }
.studio-library.studio-library .studio-library-cover,
.studio-library.studio-library .studio-library-project:nth-child(3n+2) .studio-library-cover,
.studio-library.studio-library .studio-library-project:nth-child(3n+3) .studio-library-cover { aspect-ratio:auto; height:200px; padding:14px; border:0; border-bottom:1px solid #e5ecf3; border-radius:13px 13px 0 0; background:radial-gradient(ellipse at 15% 20%,#eef9fd,transparent 70%),#f3f6fb; }
.studio-library.studio-library .studio-library-project:nth-child(3n+2) .studio-library-cover { background:radial-gradient(ellipse at 70% 20%,#fff4d4,transparent 70%),#f6f6fa; }
.studio-library.studio-library .studio-library-project:nth-child(3n+3) .studio-library-cover { background:radial-gradient(ellipse at 65% 15%,#f8ecf4,transparent 70%),#f2f7fb; }
.studio-library.studio-library .studio-library-cover .studio-library-board { width:123px; height:172px; max-height:100%; max-width:100%; flex:none; border-radius:2px; }
.studio-library.studio-library .studio-library-cover .saved-project-cover-preview { box-sizing:border-box; flex:none; width:123px; height:172px; min-height:0; padding:5px; background:#fff; border:1px solid #d1d6dd; border-radius:4px; overflow:hidden; transform:rotate(-2deg); box-shadow:0 5px 12px #3145631c; }
.studio-library.studio-library .saved-project-cover-preview > span { min-height:0; height:100%; border:1px solid #172334; border-radius:2px; background-size:contain!important; background-repeat:no-repeat; background-position:center; background-color:#fff; }
.studio-library.studio-library .saved-project-cover-preview b { padding:6px 4px; font-size:9px; line-height:1.2; background:#ffffffed; color:#23334b; border-top-color:#20334a; white-space:normal; overflow-wrap:anywhere; max-height:44px; font-weight:700; }
.studio-library.studio-library .saved-project-cover-preview.empty-cover span { padding:8px; color:#5d6d85; background:linear-gradient(160deg,#edfcff,#fff8e8); }
.studio-library.studio-library .saved-project-cover-preview.empty-cover b { border:0; background:none; max-height:none; }
.studio-library.studio-library .studio-library-cover-open { opacity:1; transform:none; color:#0789b4; background:#fff; border:1px solid #dfe9f1; width:29px; height:29px; right:12px; bottom:12px; box-shadow:0 2px 8px #2d46570b; }
.studio-library.studio-library .studio-library-card-stack { width:170px; height:172px; }
.studio-library.studio-library .studio-library-cover-card { width:112px; height:157px; max-width:none; max-height:100%; }
.studio-library.studio-library .studio-library-blank-paper { width:118px; height:165px; background:linear-gradient(155deg,#fff,#e8f8fd 60%,#fff3d6); border-color:#d5e2e9; border-radius:4px; color:#198eb2; }
.studio-library.studio-library .studio-library-blank-paper > span { color:#466278; font-family:inherit; font-weight:700; font-size:9px; }
.studio-library.studio-library .studio-library-project-info { padding:14px 16px 15px; }
.studio-library.studio-library .studio-library-title-row h2 { font-family:inherit; font-size:14px; font-weight:720; color:#24374f; letter-spacing:-.02em; }
.studio-library.studio-library .studio-library-title-row h2 button { min-height:24px; }
.studio-library.studio-library .studio-library-title-row h2 button:hover { color:#087fa7; }
.studio-library.studio-library .studio-library-project-meta { font-size:11px; color:#5e7087; margin:6px 0 13px; }
.studio-library.studio-library .studio-library-status { font-size:10px; padding:4px 7px; border-radius:6px; }
.studio-library.studio-library .studio-library-status.is-ready { color:#147354; background:#e8f7ee; }
.studio-library.studio-library .studio-library-status.is-draft { color:#566a86; background:#edf3f9; }
.studio-library.studio-library .studio-library-modified { color:#63748b; font-size:10px; }
.studio-library.studio-library .studio-library-menu-popover { background:#fff; border-color:#dce4ee; box-shadow:0 8px 24px #20355020; }
.studio-library.studio-library .studio-library-more:hover,.studio-library.studio-library .studio-library-more[aria-expanded=true] { color:#b8175e; background:#fcecf3; }
.studio-library.studio-library .studio-library-gallery--list { grid-template-columns:1fr; gap:10px; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-project { grid-template-columns:124px minmax(0,1fr) auto; padding:10px 16px 10px 10px; gap:18px; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-cover { height:92px; width:124px; border:1px solid #e0e8f0; border-radius:8px; padding:6px; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-cover .studio-library-board,
.studio-library.studio-library .studio-library-gallery--list .studio-library-cover .saved-project-cover-preview { width:54px; height:76px; }
.studio-library.studio-library .studio-library-gallery--list .saved-project-cover-preview b { font-size:6px; padding:3px 2px; max-height:24px; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-cover-card { width:52px; height:73px; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-card-stack { width:76px; height:77px; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-blank-paper { width:52px; height:73px; gap:6px; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-blank-paper svg { width:18px; height:18px; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-blank-paper > span { font-size:6px; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-project-info { padding:0; }
.studio-library.studio-library .studio-library-gallery--list .studio-library-list-open { background:#fff; color:#087faa; border-color:#d5e3eb; font-size:11px; }
.studio-library.studio-library .studio-library-empty { padding:36px 20px; border-color:#d5e1ec; background:#fff; }
.studio-library.studio-library .studio-library-empty h2 { font-size:25px; font-weight:700; line-height:1.25; font-family:inherit; color:#24374f; }
.studio-library.studio-library .studio-library-empty p { color:#61738b; font-size:13px; }
.studio-library-empty-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.studio-library.studio-library .studio-library-footnote { padding:27px 0 6px; color:#6b7d94; font-size:11px; }

/* Theme discovery is a sales introduction, with every included card visible before use. */
.studio-template-section-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:5px 0 20px; }
.studio-template-section-heading h2 { font-family:inherit; margin:0 0 7px; color:#22364e; font-size:23px; font-weight:740; line-height:1.25; letter-spacing:-.035em; }
.studio-template-section-heading p { margin:0; color:#5a6d83; font-size:13px; line-height:1.6; max-width:630px; }
.studio-template-pass-note { display:flex; align-items:flex-start; gap:9px; padding:11px 13px; margin:0 0 17px; border:1px solid #d6e9f0; border-radius:10px; background:#f0faff; color:#4e6b80; }
.studio-template-pass-note > svg { flex:none; color:#0c83a8; margin-top:2px; }
.studio-template-pass-note > p { margin:0; font-size:11px; line-height:1.65; max-width:980px; }
.studio-template-category-filters { display:flex; gap:7px; flex-wrap:wrap; margin:0 0 20px; }
.studio-template-category-filters button { min-height:34px; padding:7px 12px; border:1px solid #d9e3ec; border-radius:20px; color:#5b6e85; background:#fff; font-size:11px; }
.studio-template-category-filters button.is-active { background:#e9f7fd; border-color:#b1dcea; color:#0a7196; font-weight:650; }
.studio-template-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.studio-template-tile { border:1px solid #dce5ee; border-radius:14px; background:#fff; min-width:0; overflow:hidden; box-shadow:0 5px 15px #30415a07; transition:transform .2s,box-shadow .2s,border-color .2s; animation:studio-library-appear .3s ease both; animation-delay:calc(var(--library-index,0)*30ms); }
.studio-template-tile:hover { transform:translateY(-3px); border-color:#b8dae5; box-shadow:0 12px 27px #30415a11; }
.studio-template-cover { position:relative; display:grid; place-items:center; width:100%; height:214px; background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--theme-accent) 13%,white),transparent 75%),#f6f8fb; border:0; border-bottom:1px solid #e1e8ef; padding:18px; overflow:hidden; }
.studio-template-cover-stack { position:relative; width:190px; height:175px; }
.studio-template-cover-stack .studio-template-card-art { position:absolute; top:8px; left:50%; width:111px; height:155px; border:4px solid #fff; border-radius:5px; box-shadow:0 5px 16px #1e344023; transition:transform .25s; }
.studio-template-cover-stack .studio-template-card-art:nth-child(1) { transform:translateX(-88%) rotate(-13deg); }
.studio-template-cover-stack .studio-template-card-art:nth-child(2) { transform:translateX(-8%) rotate(13deg); }
.studio-template-cover-stack .studio-template-card-art:last-child { transform:translateX(-48%) rotate(-1deg); }
.studio-template-cover:hover .studio-template-cover-stack .studio-template-card-art:nth-child(1) { transform:translateX(-94%) rotate(-16deg); }
.studio-template-cover:hover .studio-template-cover-stack .studio-template-card-art:nth-child(2) { transform:translateX(0%) rotate(16deg); }
.studio-template-card-count { position:absolute; top:12px; left:12px; display:flex; align-items:center; gap:5px; background:#ffffffee; border:1px solid #ffffff; border-radius:7px; color:#4a6079; font-size:9px; font-weight:650; padding:5px 7px; }
.studio-template-preview-prompt { position:absolute; right:12px; bottom:12px; display:flex; align-items:center; gap:6px; padding:6px 9px; border:1px solid #e0e7ef; border-radius:7px; background:#fff; color:#315069; font-size:10px; font-weight:600; box-shadow:0 2px 6px #304a5b09; }
.studio-template-card-art { position:relative; display:block; width:100%; aspect-ratio:5/7; background:#fff; overflow:hidden; }
.studio-template-card-art :is(canvas,img) { width:100%; height:100%; display:block; object-fit:contain; }
.studio-template-card-loading { position:absolute; inset:0; display:grid; place-items:center; background:#f3f7fa; color:#8495a6; font-size:9px; }
.studio-template-card-loading svg { opacity:.45; }
.studio-template-tile-info { padding:15px 16px 17px; }
.studio-template-category { display:block; margin:0 0 7px; color:var(--theme-accent); font-size:9px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.studio-template-tile-info h3 { font-family:inherit; color:#243750; font-size:16px; font-weight:730; line-height:1.3; letter-spacing:-.025em; margin:0 0 8px; }
.studio-template-tile-info > p { color:#607086; font-size:12px; line-height:1.6; margin:0; min-height:38px; }
.studio-template-tile-bottom { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:16px 0 0; }
.studio-template-tile-bottom > :is(button,a) { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:41px; padding:9px 8px; border:1px solid #d4e1eb; border-radius:8px; color:#344e66; background:#fff; font-size:11px; font-weight:650; line-height:1.35; text-decoration:none; text-align:center; white-space:normal; }
.studio-template-tile-bottom > :is(button,a) > svg { flex:none; }
.studio-template-tile-bottom > .studio-template-preview-button { border-color:#087ca4; color:#fff; background:linear-gradient(110deg,#087ca4,#086b90); box-shadow:0 3px 9px #0481a41a; }
.studio-template-tile-bottom > .studio-template-preview-button:hover:not(:disabled) { border-color:#076a8d; background:linear-gradient(110deg,#076a8d,#075b80); }
.studio-template-tile-bottom > .studio-template-shop-button:hover { color:#087ca4; border-color:#8ebdcc; background:#f5fcff; }
.studio-template-how-it-works { display:flex; align-items:center; gap:22px; flex-wrap:wrap; padding:18px 20px; margin:24px 0 0; border:1px solid #dce8ee; border-radius:12px; background:#fff; color:#5c7184; font-size:11px; }
.studio-template-how-it-works strong { color:#273d54; font-size:12px; margin-right:auto; }
.studio-template-how-it-works > span { display:inline-flex; align-items:center; gap:7px; }
.studio-template-how-it-works svg { color:#0486b1; }
.studio-template-error { margin:0 0 12px; padding:10px 12px; border:1px solid #f1cbd0; background:#fff3f5; border-radius:8px; color:#a72d44; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.studio-library-creating { display:flex; align-items:center; gap:8px; color:#27657e; font-size:13px; }
.studio-library-button-spinner { display:inline-block; width:15px; height:15px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:studio-template-spin .8s linear infinite; flex:none; }
@keyframes studio-template-spin { to { transform:rotate(360deg); } }

/* A native modal traps keyboard focus and restores the theme trigger on dismissal. */
.studio-template-dialog { box-sizing:border-box; position:fixed; margin:auto; inset:0; width:min(1040px,calc(100vw - 40px)); max-width:none; height:min(800px,calc(100dvh - 48px)); max-height:none; padding:0; border:1px solid #d6e0eb; border-radius:20px; background:#fff; color:#22344b; font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; box-shadow:0 28px 80px #1d33413b; overflow:hidden; }
.studio-template-dialog[open] { display:flex; flex-direction:column; }
.studio-template-dialog::backdrop { background:#152c4369; backdrop-filter:blur(5px); }
.studio-template-dialog * { box-sizing:border-box; }
.studio-template-dialog button { font:inherit; cursor:pointer; }
.studio-template-dialog-header { flex:none; display:flex; align-items:flex-start; gap:16px; padding:22px 25px 18px; border-bottom:1px solid #e0e7f0; background:linear-gradient(115deg,#eefaff,#fff 62%,#fff9e9); }
.studio-template-dialog-header > div { flex:1; min-width:0; }
.studio-template-dialog-header .studio-library-eyebrow { margin:0 0 7px; color:#087ca4; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.studio-template-dialog-header h2 { font-family:inherit; font-size:26px; font-weight:740; line-height:1.2; letter-spacing:-.035em; margin:0 0 8px; color:#22344b; }
.studio-template-dialog-header p:last-child { color:#607189; font-size:12px; line-height:1.5; margin:0; max-width:740px; }
.studio-template-close { display:grid; place-items:center; flex:none; width:35px; height:35px; padding:0; border:1px solid #d8e3ed; background:#fff; color:#5a6c84; border-radius:9px; }
.studio-template-close:hover { background:#f2f7fb; color:#1d435e; }
.studio-template-dialog-scroll { flex:1; min-height:0; overflow:auto; padding:20px 25px 23px; overscroll-behavior:contain; }
.studio-template-customize-note { display:flex; align-items:flex-start; gap:12px; padding:14px; border:1px solid #dcebf2; border-radius:11px; background:#f2fbff; }
.studio-template-customize-note > span { flex:none; display:grid; place-items:center; width:33px; height:33px; background:#def3fc; border-radius:9px; color:#0784af; }
.studio-template-customize-note strong { font-size:13px; color:#2c4a62; }
.studio-template-customize-note p { font-size:11px; line-height:1.65; color:#506d83; margin:5px 0 0; }
.studio-template-customize-note p.studio-template-original-lettering { color:#67788b; margin-top:7px; font-size:10px; }
.studio-template-deck-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:23px 0 13px; }
.studio-template-deck-heading h3 { font-family:inherit; font-size:14px; margin:0; color:#263d55; }
.studio-template-deck-heading > span { font-size:10px; color:#60768b; }
.studio-template-full-deck { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:15px 14px; }
.studio-template-full-deck figure { margin:0; min-width:0; }
.studio-template-full-deck .studio-template-card-art { border:4px solid #fff; border-radius:4px; box-shadow:0 2px 8px #29425a1c; outline:1px solid #dce6ee; }
.studio-template-full-deck figcaption { margin-top:7px; font-size:9px; line-height:1.5; color:#516a83; display:flex; gap:5px; align-items:baseline; overflow-wrap:anywhere; }
.studio-template-full-deck figcaption > span { font-size:8px; color:#8291a1; flex:none; }
.studio-template-board-note { display:flex; align-items:center; gap:12px; margin:25px 0 0; padding:14px; border:1px solid #e0e7ef; border-radius:10px; background:#f8fafc; }
.studio-template-background-chip { flex:none; display:grid; place-items:center; width:42px; height:48px; border:1px solid #d7e1e9; border-radius:6px; color:#567087; }
.studio-template-board-note strong { color:#3a516a; font-size:12px; }
.studio-template-board-note p { margin:5px 0 0; color:#6a7b8e; font-size:10px; line-height:1.5; }
.studio-template-dialog-footer { flex:none; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:15px 25px 18px; border-top:1px solid #e0e7ef; background:#fff; box-shadow:0 -4px 18px #24395305; }
.studio-template-dialog-footer > div { min-width:0; flex:1; }
.studio-template-access-note { display:flex; gap:6px; align-items:center; color:#697b8e; font-size:10px; line-height:1.5; margin:0; }
.studio-template-access-note > svg { flex:none; }
.studio-template-dialog-footer > div > a { color:#087da5; font-size:10px; display:inline-flex; align-items:center; gap:6px; padding:5px 0 0; text-decoration:none; }
.studio-template-dialog-footer > div > a:hover { text-decoration:underline; }
.studio-template-use { display:flex; align-items:center; justify-content:center; flex:none; min-height:42px; gap:8px; padding:11px 17px; border:0; border-radius:9px; background:linear-gradient(110deg,#087ca4,#086b90); color:#fff; font-weight:700!important; font-size:12px!important; box-shadow:0 4px 13px #068baf24; }
.studio-template-create-progress { color:#087aa0; font-size:11px; margin:0 0 8px; line-height:1.5; font-weight:650; }
.studio-template-use:hover:not(:disabled) { background:linear-gradient(110deg,#076a8d,#075b80); }
.studio-template-use:disabled { opacity:.7; cursor:wait; }

@media(min-width:1500px) {
  .studio-library.studio-library .studio-library-gallery { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .studio-template-gallery { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .studio-library.studio-library .studio-library-gallery--list { grid-template-columns:1fr; }
  .studio-library.studio-library .studio-library-gallery--recent:not(.studio-library-gallery--list) { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1050px) {
  .studio-library.studio-library .studio-library-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .studio-template-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .studio-library.studio-library .studio-library-gallery--list { grid-template-columns:1fr; }
  .studio-template-section-heading { align-items:flex-start; }
  .studio-template-dialog { width:calc(100vw - 28px); }
  .studio-template-full-deck { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .maker-private-mode .studio-live-library-page .studio-library-native-navigation,
  .maker-private-mode .studio-live-library-page .studio-library-page-content { width:calc(100% - 28px); }
  .maker-private-mode .studio-live-library-page .studio-library-native-navigation { padding-top:10px; }
  .maker-private-mode .studio-live-library-page .studio-library-native-navigation > .top-nav { padding:10px 13px; border-radius:15px; }
  .maker-private-mode .studio-live-library-page .studio-live-library-wallet { gap:10px; margin-top:12px; padding:12px; }
  .studio-library.studio-library { padding:23px 0 18px; }
  .studio-library.studio-library .studio-library-heading { gap:15px; margin-bottom:20px; }
  .studio-library.studio-library .studio-library-heading h1 { font-size:28px; }
  .studio-library.studio-library .studio-library-intro { font-size:12px; max-width:400px; }
  .studio-library.studio-library .studio-library-new { font-size:11px; padding:10px 12px; }
  .studio-library-discover { gap:14px; padding:12px 15px; flex-wrap:wrap; }
  .studio-library-discover-art { width:95px; height:72px; }
  .studio-library-discover-art .studio-template-card-art { height:65px; width:46px; }
  .studio-library-discover strong { font-size:14px; }
  .studio-library-discover p { font-size:11px; }
  .studio-library-discover > button { margin-left:auto; }
  .studio-template-section-heading { flex-direction:column; gap:15px; }
  .studio-template-section-heading > .studio-library-search { width:100%; }
  .studio-template-section-heading > .studio-library-search input { width:100%; }
  .studio-template-section-heading h2 { font-family:inherit; font-size:21px; }
  .studio-template-section-heading p { font-size:12px; }
  .studio-library.studio-library .studio-library-toolbar { flex-wrap:wrap; }
  .studio-library.studio-library .studio-library-toolbar-end { width:100%; }
  .studio-library.studio-library .studio-library-search { flex:1; }
  .studio-library.studio-library .studio-library-search input { width:100%; }
  .studio-library.studio-library .studio-library-gallery { gap:14px; }
  .studio-library.studio-library .studio-library-gallery--list { gap:10px; }
  .studio-library.studio-library .studio-library-title-row h2 { font-size:13px; }
  .studio-library.studio-library .studio-library-project-info { padding:12px; }
  .studio-library.studio-library .studio-library-modified { font-size:9px; }
  .studio-library.studio-library .studio-library-status { font-size:9px; }
  .studio-template-gallery { gap:14px; }
  .studio-template-tile-info { padding:13px; }
  .studio-template-tile-info h3 { font-family:inherit; font-size:14px; }
  .studio-template-tile-info > p { font-size:11px; }
  .studio-template-cover { height:195px; }
  .studio-template-cover-stack { width:175px; height:168px; }
  .studio-template-cover-stack .studio-template-card-art { width:100px; height:140px; }
  .studio-template-full-deck { grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
  .studio-template-dialog-header { padding:18px; }
  .studio-template-dialog-scroll { padding:16px 18px 20px; }
  .studio-template-dialog-footer { padding:13px 18px 15px; gap:16px; }
  .studio-template-dialog-header h2 { font-family:inherit; font-size:23px; }
  .studio-template-how-it-works { gap:13px; padding:15px; }
}
@media(max-width:520px) {
  .studio-library.studio-library .studio-library-heading { flex-direction:column; align-items:flex-start; gap:15px; }
  .studio-library.studio-library .studio-library-heading > .studio-library-new { margin:0; }
  .studio-library-projects-heading { gap:6px 12px; margin:5px 0 12px; }
  .studio-library-projects-heading h2 { font-size:20px; }
  .studio-library-templates-section { margin-top:25px; padding-top:22px; }
  .studio-template-pass-note { padding:10px 11px; gap:8px; }
  .studio-template-pass-note > p { font-size:10px; }
  .studio-library-discover-art { width:77px; }
  .studio-library-discover > div:nth-child(2) { flex-basis:170px; }
  .studio-library-discover > button { width:100%; justify-content:center; }
  .studio-library.studio-library .studio-library-gallery { grid-template-columns:1fr; }
  .studio-library.studio-library .studio-library-cover { height:190px; }
  .studio-library.studio-library .studio-library-gallery--list .studio-library-project { grid-template-columns:90px minmax(0,1fr); gap:13px; padding:8px; }
  .studio-library.studio-library .studio-library-gallery--list .studio-library-cover { width:90px; height:85px; }
  .studio-template-gallery { grid-template-columns:1fr; }
  .studio-template-cover { height:215px; }
  .studio-template-cover-stack { height:175px; }
  .studio-template-cover-stack .studio-template-card-art { width:111px; height:155px; }
  .studio-template-dialog { width:calc(100vw - 16px); height:calc(100dvh - 24px); border-radius:14px; }
  .studio-template-full-deck { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 10px; }
  .studio-template-dialog-header { padding:16px; }
  .studio-template-dialog-scroll { padding:14px 16px 18px; }
  .studio-template-dialog-footer { flex-direction:column; align-items:stretch; padding:12px 16px 14px; gap:11px; }
  .studio-template-dialog-footer > div { flex:none; }
  .studio-template-use { width:100%; min-height:43px; }
  .studio-template-customize-note { padding:11px; gap:9px; }
  .studio-template-customize-note > span { width:27px; height:29px; }
  .studio-template-customize-note strong { font-size:12px; }
  .studio-template-customize-note p { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .studio-library.studio-library .studio-library-project,.studio-template-tile { animation:none; transition:none; }
  .studio-library.studio-library .studio-library-project:hover,.studio-template-tile:hover { transform:none; }
  .studio-template-cover-stack .studio-template-card-art { transition:none; }
  .studio-library-button-spinner { animation-duration:2s; }
}