/* Catalogue presentation. Uploads, billing and media lifecycle are unchanged. */
#cvAiStudioScreen.cv-ms-catalogue.cv-studio-polished {
  --ms-gold: #e8cc90;
  --ms-line: #bda06c33;
  --ms-muted: #a9a69e;
  background: radial-gradient(ellipse at 90% 0, #71502620, transparent 420px), #0b0b09;
  background-size: auto;
  color: #f7f3ea;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding-inline: 16px;
  scrollbar-gutter: auto;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-shell { max-width: 560px; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-heading {
  position: relative;
  isolation: isolate;
  padding: 8px 3px 23px;
  margin: 0 0 20px;
  border-bottom: 1px solid #d6b77b1c;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .23em;
  color: #c0a774;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-heading > span::before {
  content: "";
  width: 18px;
  height: 1px;
  background: #d9bb7b;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-heading h1 {
  position: relative;
  font-size: clamp(36px, 10vw, 46px);
  font-weight: 750;
  line-height: 1.12;
  letter-spacing: -.055em;
  margin: 13px 0 12px;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-heading p {
  color: #b5b0a5;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  max-width: 28em;
}
#cvAiStudioScreen.cv-studio-polished .cv-studio-emblem {
  position: absolute;
  right: 9px;
  top: 20px;
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 1px solid #d0ac6438;
  border-radius: 21px;
  background: linear-gradient(140deg, #7d5d282b, #12110d);
  box-shadow: inset 0 1px 0 #ffe6a714, 0 12px 28px #0003;
  color: #e6c78a;
  transform: rotate(8deg);
}
#cvAiStudioScreen.cv-studio-polished .cv-studio-emblem::before {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid #d0ac6414;
  border-radius: 25px;
  transform: rotate(-16deg);
}
#cvAiStudioScreen.cv-studio-polished .cv-studio-emblem svg { width: 31px; height: 31px; transform: rotate(-8deg); }
#cvAiStudioScreen.cv-studio-polished .cv-studio-shortcuts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 20px;
}
#cvAiStudioScreen.cv-studio-polished .cv-studio-shortcuts button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 43px;
  padding: 9px 5px;
  border: 1px solid #c1a46e25;
  border-radius: 12px;
  background: #191712;
  color: #b9b1a0;
  font-weight: 550;
  line-height: 1.3;
  font-family: inherit;
  font-size: 11px;
  cursor: pointer;
}
#cvAiStudioScreen.cv-studio-polished .cv-studio-shortcuts svg { width: 16px; height: 16px; flex: none; }
#cvAiStudioScreen.cv-studio-polished .cv-studio-shortcuts button[aria-current="true"] { background: linear-gradient(130deg, #40341e, #221d13); border-color: #b4935359; color: #f0d69a; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-section { margin-bottom: 29px; scroll-margin-top: 16px; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-section > header {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 11px;
  align-items: center;
  margin: 0 3px 13px;
}
#cvAiStudioScreen.cv-studio-polished .cv-studio-section-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 38px;
  color: #d8ba7c;
}
#cvAiStudioScreen.cv-studio-polished .cv-studio-section-icon svg { width: 25px; height: 25px; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-section h2 { grid-column: 2; font-size: 21px; line-height: 1.2; font-weight: 650; letter-spacing: -.035em; margin: 0; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-section header p { grid-column: 2; color: #908d83; font-size: 10px; font-weight: 400; line-height: 1.45; margin: 0; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-cards { gap: 9px; grid-template-columns: minmax(0, 1fr); }
#cvAiStudioScreen.cv-studio-polished .cv-ms-card {
  position: relative;
  grid-template-columns: 78px minmax(0, 1fr) 15px;
  align-items: center;
  gap: 14px;
  min-height: 152px;
  padding: 6px 14px 6px 6px;
  border: 1px solid #bda06c29;
  border-radius: 19px;
  background: linear-gradient(125deg, #282218ba, #171612 62%, #11110e);
  box-shadow: inset 0 1px 0 #f4dfb007;
  transition: border-color 150ms ease, background-color 150ms ease;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-card:active { border-color: #d8b76a99; background: #2b2417; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-card .cv-ms-media {
  width: 78px;
  aspect-ratio: 9 / 16;
  border-radius: 13px;
  background: #090907;
  box-shadow: 0 0 0 1px #fff1;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-card-copy { padding: 7px 0; gap: 7px; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-card-copy > strong { font-size: 16px; font-weight: 650; line-height: 1.2; letter-spacing: -.025em; color: #f4f0e7; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-card-copy > span { font-size: 11px; color: #a9a69d; line-height: 1.5; font-weight: 400; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-card-copy > .cv-ms-flow {
  gap: 6px;
  margin-top: 1px;
  padding-top: 7px;
  font-size: 9px;
  line-height: 1.4;
  font-weight: 500;
  color: #d1b982;
  border-top-color: #d4b77913;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-flow svg { width: 14px; height: 14px; opacity: .85; animation: none; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-card-copy > .cv-studio-demo { height: 44px; padding: 3px 0; justify-content: center; align-items: center; }
#cvAiStudioScreen.cv-studio-polished .cv-studio-demo > svg { width: 100%; max-width: 220px; height: 36px; opacity: 1; overflow: hidden; }
#cvAiStudioScreen.cv-studio-polished .cv-studio-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cv-studio-demo text { font-family: inherit; font-size: 11px; font-weight: 600; text-anchor: middle; fill: #dfc48e; }
.cv-studio-demo .cv-demo-label { text-anchor: start; font-size: 8px; letter-spacing: .5px; fill: #a99c82; }
.cv-studio-demo rect { fill: #b8955124; }
.cv-studio-demo .cv-demo-line { fill: none; stroke: #b99a62; stroke-width: 1.2; }
.cv-studio-demo .cv-demo-track { fill: #a88c4f24; }
.cv-studio-demo .cv-demo-word rect { stroke: #c2a06335; }
.cv-studio-demo .cv-demo-word { animation: cv-studio-word 3.6s ease-in-out infinite paused; }
.cv-studio-demo .cv-demo-word-two { animation-delay: -2.4s; }
.cv-studio-demo .cv-demo-word-three { animation-delay: -1.2s; }
.cv-studio-demo .cv-demo-clip, .cv-studio-demo .cv-demo-pack { animation: cv-studio-reveal 4s ease-in-out infinite paused; }
.cv-studio-demo .cv-demo-step-two { animation-delay: .3s; }
.cv-studio-demo .cv-demo-step-three { animation-delay: .6s; }
.cv-studio-demo .cv-demo-scan { fill: #f3d398; animation: cv-studio-scan 4s ease-in-out infinite paused; }
.cv-studio-demo .cv-demo-bar { fill: #d6b777; transform-box: fill-box; transform-origin: center; animation: cv-studio-wave 1.6s ease-in-out infinite paused; animation-delay: calc(var(--beat) * -.24s); }
.cv-studio-demo .cv-demo-wave-source { opacity: .45; }
.cv-studio-demo .cv-demo-wave-result .cv-demo-bar { animation-direction: reverse; }
.cv-studio-demo .cv-demo-speech { fill: #d9b974; }
.cv-studio-demo .cv-demo-gap-one { animation: cv-studio-gap-one 4s ease-in-out infinite paused; }
.cv-studio-demo .cv-demo-gap-two { animation: cv-studio-gap-two 4s ease-in-out infinite paused; }
.cv-studio-demo .cv-demo-pause-mark { stroke: #8a7c63; animation: cv-studio-pause 4s ease-in-out infinite paused; }
.cv-studio-demo .cv-demo-language { animation: cv-studio-language 6s linear infinite paused; }
.cv-studio-demo .cv-demo-language-en { opacity: 0; animation-delay: -4s; }
.cv-studio-demo .cv-demo-language-es { opacity: 0; animation-delay: -2s; }
.cv-studio-demo .cv-demo-phrase { text-anchor: start; fill: #f4eddb; font-weight: 500; }
.cv-studio-demo .cv-demo-pack path { fill: none; stroke: #d6b777; stroke-width: 1; }
.cv-studio-demo .cv-demo-copy { transform-origin: 83px 22px; animation: cv-studio-copy 4s ease-in-out infinite paused; }
.cv-studio-demo .cv-demo-copy rect { fill: #d1b17088; }
#cvAiStudioScreen.cv-studio-polished .is-playing .cv-studio-demo * { animation-play-state: running; }
@keyframes cv-studio-word { 0%, 27% { opacity: 1; } 36%, 92% { opacity: .38; } 100% { opacity: 1; } }
@keyframes cv-studio-reveal { 0%, 10%, 100% { opacity: .35; transform: translateY(2px); } 25%, 85% { opacity: 1; transform: translateY(0); } }
@keyframes cv-studio-scan { 0%, 8% { transform: translateX(0); opacity: 0; } 15% { opacity: 1; } 80% { transform: translateX(59px); opacity: 1; } 90%, 100% { transform: translateX(59px); opacity: 0; } }
@keyframes cv-studio-wave { 0%, 100% { transform: scaleY(.65); } 50% { transform: scaleY(1); } }
@keyframes cv-studio-gap-one { 0%, 18%, 100% { transform: translateX(0); } 45%, 82% { transform: translateX(-20px); } }
@keyframes cv-studio-gap-two { 0%, 18%, 100% { transform: translateX(0); } 45%, 82% { transform: translateX(-40px); } }
@keyframes cv-studio-pause { 0%, 18%, 100% { opacity: 1; } 38%, 82% { opacity: 0; } }
@keyframes cv-studio-language { 0%, 28% { opacity: 1; } 33%, 95% { opacity: 0; } 100% { opacity: 1; } }
@keyframes cv-studio-copy { 0%, 15%, 100% { transform: scaleX(.35); opacity: .35; } 50%, 85% { transform: scaleX(1); opacity: 1; } }
#cvAiStudioScreen.cv-studio-polished .cv-ms-card > i { font-size: 20px; color: #b99b61; font-weight: 300; }
#cvAiStudioScreen.cv-studio-polished .cv-ms-jump {
  gap: 2px;
  right: max(3px, calc((100vw - 592px) / 2));
  padding: 3px;
  border: 1px solid #ad925a20;
  border-radius: 14px;
  background: #13110db3;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 5px 20px #0004;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-jump button {
  min-height: 38px;
  width: 48px;
  max-width: none;
  border: 0;
  padding: 7px 3px;
  border-radius: 10px;
  background: transparent;
  color: #a49a84;
  font-size: 9px;
  font-weight: 500;
}
#cvAiStudioScreen.cv-studio-polished .cv-ms-jump button[aria-current="true"] { background: #ae88482b; color: #f2d498; box-shadow: inset 2px 0 #d7b977; }
#cvAiStudioScreen.cv-studio-polished button:focus-visible { outline: 2px solid #e5c88d; outline-offset: 3px; }
@media (max-width: 360px) {
  #cvAiStudioScreen.cv-ms-catalogue.cv-studio-polished { padding-inline: 12px; }
  #cvAiStudioScreen.cv-studio-polished .cv-ms-card { grid-template-columns: 67px minmax(0, 1fr) 10px; gap: 11px; padding-right: 10px; min-height: 168px; }
  #cvAiStudioScreen.cv-studio-polished .cv-ms-card .cv-ms-media { width: 67px; }
  #cvAiStudioScreen.cv-studio-polished .cv-ms-card-copy > strong { font-size: 14px; }
  #cvAiStudioScreen.cv-studio-polished .cv-ms-card-copy > span { font-size: 10px; }
  #cvAiStudioScreen.cv-studio-polished .cv-ms-card-copy > .cv-ms-flow { font-size: 8px; }
  #cvAiStudioScreen.cv-studio-polished .cv-studio-emblem { right: 7px; top: 24px; width: 49px; height: 49px; border-radius: 15px; }
  #cvAiStudioScreen.cv-studio-polished .cv-studio-emblem::before { border-radius: 19px; }
  #cvAiStudioScreen.cv-studio-polished .cv-studio-emblem svg { width: 26px; height: 26px; }
  #cvAiStudioScreen.cv-studio-polished .cv-ms-section h2 { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  #cvAiStudioScreen.cv-studio-polished .cv-ms-card { transition: none; }
  #cvAiStudioScreen.cv-studio-polished .cv-studio-demo * { animation: none !important; }
}
