:root {
  --workspace-ink: #111116;
  --workspace-muted: #68656e;
  --workspace-paper: #f4f1eb;
  --workspace-card: #fffdf8;
  --workspace-line: #d8d3ca;
  --workspace-dark: #0d0d12;
  --workspace-dark-soft: #17171e;
  --workspace-violet: #8c62f6;
  --workspace-violet-deep: #6844d8;
  --workspace-mint: #7fe1c3;
  --workspace-cyan: #6dd8ed;
  --workspace-lime: #dfff62;
  --workspace-coral: #f47d67;
}

/* Task 953: distinct AI-assist/refine controls, Concept history, and polished direction scrolling. */
.workspace-assisted-input input {
  padding-right: 68px;
}

.workspace-assisted-input button {
  top: 3px;
  right: 4px;
  width: 48px;
  height: 48px;
  border-color: #ded2f0;
  border-radius: 50%;
  background: #f7f1ff;
  box-shadow: 0 7px 18px rgba(220, 101, 196, .16);
}

.workspace-assisted-input button svg,
.workspace-direction-generate svg {
  width: 28px;
  height: 28px;
}

.studio-assist-icon--sparkle {
  overflow: visible;
  fill: currentColor !important;
  stroke: none !important;
  filter: drop-shadow(2px 3px 3px rgba(227, 103, 195, .3));
}

.studio-assist-icon--sparkle .studio-assist-sparkle-accent {
  opacity: .62;
}

.studio-assist-icon--regenerate {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(1px 2px 2px rgba(107, 67, 216, .18));
}

.workspace-direction-editor textarea {
  padding-right: 22px;
  padding-bottom: 66px;
  scrollbar-color: #9c83dc #f6f1fb;
  scrollbar-width: thin;
}

.workspace-direction-editor textarea::-webkit-scrollbar {
  width: 11px;
}

.workspace-direction-editor textarea::-webkit-scrollbar-track {
  border-radius: 999px;
  background: #f6f1fb;
}

.workspace-direction-editor textarea::-webkit-scrollbar-thumb {
  border: 2px solid #f6f1fb;
  border-radius: 999px;
  background: linear-gradient(180deg, #ae95e8, #8f72d2);
}

.workspace-direction-editor > .workspace-direction-generate {
  right: 28px;
  bottom: 11px;
  min-height: 44px;
  padding-inline: 14px;
  border-color: #ded2f0;
  border-radius: 12px;
  background: #f7f1ff;
  box-shadow: 0 9px 22px rgba(220, 101, 196, .16);
}

.workspace-direction-editor > .workspace-direction-generate svg {
  flex: 0 0 28px;
}

.workspace-step-actions {
  grid-template-columns: 120px auto minmax(0, 1fr) 170px;
}

.workspace-step-actions > .workspace-step-copy {
  display: grid;
  grid-column: 3;
  justify-items: center;
}

.workspace-step-actions > .workspace-concept-history {
  position: relative;
  display: flex;
  grid-column: 2;
  gap: 7px;
  align-items: center;
  justify-items: initial;
}

.workspace-concept-history[hidden] {
  display: none !important;
}

.workspace-concept-history > button {
  display: inline-flex;
  min-height: 42px;
  gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border-color: #d4c9e5;
  color: #5d3fc0;
  background: #fff;
  transition: color 150ms ease, border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.workspace-concept-history > button svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-concept-history > button:hover:not(:disabled),
.workspace-concept-history > button:focus-visible:not(:disabled) {
  border-color: #8c62f6;
  color: #fff;
  background: #7350d9;
  outline: none;
  transform: translateY(-1px);
}

.workspace-concept-history > button:disabled {
  color: #aaa3b4;
  border-color: #ded9e2;
  background: #f0ede9;
  cursor: default;
  opacity: .72;
}

.workspace-concept-history-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.workspace-step-next {
  grid-column: 4;
}

@media (max-width: 760px) {
  .workspace-step-actions {
    grid-template-columns: 88px minmax(88px, auto) minmax(120px, 1fr);
    gap: 8px;
  }
  .workspace-step-actions > .workspace-step-copy {
    display: none;
  }
  .workspace-step-actions > .workspace-concept-history {
    display: flex;
    grid-column: 2;
    gap: 5px;
  }
  .workspace-concept-history > button {
    min-width: 40px;
    min-height: 44px;
    padding-inline: 8px;
  }
  .workspace-step-next {
    grid-column: 3;
  }
  .workspace-step-actions:has(.workspace-concept-history[hidden]) {
    grid-template-columns: 1fr 1fr;
  }
  .workspace-step-actions:has(.workspace-concept-history[hidden]) .workspace-step-next {
    grid-column: 2;
  }
}

@media (max-width: 480px) {
  .workspace-step-actions {
    grid-template-columns: 54px 88px minmax(112px, 1fr);
  }
  .workspace-concept-history > button span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .workspace-concept-history > button {
    width: 42px;
    padding: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-concept-history > button,
  .workspace-assisted-input button,
  .workspace-direction-generate {
    transition: none;
  }
}

/* Studio Task 560: split Upload Album into a focused four-step workflow. */
.workspace-upload-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.workspace-upload-flow li {
  padding: 0;
}

.workspace-upload-flow li > button {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 58px;
  gap: 11px;
  align-items: center;
  padding: 12px 14px;
  border: 0;
  border-radius: inherit;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.workspace-upload-flow li > button > b {
  display: grid;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  place-items: center;
  border-radius: 50%;
  color: #645c68;
  background: #eee9ef;
  font-size: 0.74rem;
}

.workspace-upload-flow li > button > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.workspace-upload-flow li.is-active > button > b {
  color: #fff;
  background: var(--workspace-violet-deep);
}

.workspace-upload-flow li.is-complete > button > b {
  color: #fff;
  background: #258b70;
}

.workspace-upload-flow li.is-locked:not(.is-active) {
  opacity: 0.62;
}

.workspace-upload-flow li.is-locked:not(.is-active) > button {
  cursor: not-allowed;
}

.workspace-upload-flow li > button:focus-visible {
  outline: 3px solid rgba(104, 65, 214, 0.34);
  outline-offset: 3px;
}

.workspace-upload-workflow-panel[hidden] {
  display: none !important;
}

.workspace-upload-workflow-panel {
  min-width: 0;
  animation: workspace-upload-workflow-enter 180ms ease-out both;
  outline: none;
}

.workspace-upload-workflow-actions {
  position: sticky;
  z-index: 8;
  bottom: 12px;
  display: grid;
  gap: 10px;
  margin-top: 24px;
  padding: 12px;
  border: 1px solid rgba(104, 65, 214, 0.24);
  border-radius: 18px;
  background: rgba(255, 253, 248, 0.96);
  box-shadow: 0 16px 38px rgba(36, 29, 47, 0.14);
  backdrop-filter: blur(14px);
}

.workspace-upload-workflow-actions > p {
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  color: #695b28;
  background: #fff4c9;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.45;
}

.workspace-upload-workflow-actions > p[hidden] {
  display: none;
}

.workspace-upload-workflow-actions > p.is-error {
  color: #8b2037;
  background: #ffe2e9;
}

.workspace-upload-workflow-actions > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.workspace-upload-workflow-actions > div > span {
  display: grid;
  justify-items: center;
  gap: 2px;
  min-width: 0;
  text-align: center;
}

.workspace-upload-workflow-actions > div > span strong {
  color: #2c2730;
  font-size: 0.72rem;
}

.workspace-upload-workflow-actions > div > span small {
  overflow: visible;
  max-width: 100%;
  color: #756d78;
  font-size: 0.65rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-workflow-actions button {
  min-height: 44px;
}

@keyframes workspace-upload-workflow-enter {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
  .workspace-upload-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .workspace-upload-flow {
    grid-template-columns: 1fr;
  }

  .workspace-upload-flow li > button {
    min-height: 52px;
  }

  .workspace-upload-workflow-actions {
    bottom: 8px;
    padding: 9px;
  }

  .workspace-upload-workflow-actions > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-upload-workflow-actions > div > span {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .workspace-upload-workflow-actions button {
    width: 100%;
  }

  .workspace-upload-workflow-actions > div:has(> [data-upload-workflow-back][hidden]) > [data-upload-workflow-next] {
    grid-column: 1 / -1;
  }
}

/* Studio Task 615: evidence-led album analysis, policy gate, and Stage 4 alignment. */
.workspace-package-summary-grid article.is-artwork {
  align-content: start !important;
  align-items: start !important;
  grid-template-columns: 106px minmax(0, 1fr) !important;
}

.workspace-package-summary-grid article.is-artwork > .workspace-package-summary-artwork {
  width: 96px !important;
  height: 96px !important;
  align-self: start !important;
  justify-self: start;
}

.workspace-package-summary-grid article.is-artwork > div {
  align-self: start;
  padding-top: 0 !important;
}

.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready,
.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"].is-package-ready {
  border-color: #17131b !important;
  color: #fff !important;
  background: #17131b !important;
  box-shadow: 0 12px 26px rgba(23, 19, 27, .17);
}

.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready:hover,
.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready:focus-visible,
.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"].is-package-ready:hover,
.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"].is-package-ready:focus-visible {
  border-color: #6841d6 !important;
  color: #fff !important;
  background: #6841d6 !important;
  box-shadow: 0 14px 30px rgba(104, 65, 214, .26);
}

.workspace-upload-workflow-panel[data-upload-workflow-panel="2"][data-album-details-gate="analysis"] .workspace-upload-meta-grid > :not(.workspace-upload-details-assistant):not(.workspace-upload-assistant-invitation) {
  display: none !important;
}

.workspace-upload-workflow-panel[data-upload-workflow-panel="2"][data-album-details-gate="analysis"] .workspace-upload-detail-main > .workspace-upload-meta-grid {
  grid-template-columns: 1fr;
}

.workspace-upload-workflow-panel[data-upload-workflow-panel="2"][data-album-details-gate="analysis"] .workspace-upload-details-assistant {
  min-height: 420px;
}

.workspace-upload-details-mode {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border: 1px solid #ded6e8;
  border-radius: 16px;
  background: #fbf9ff;
}

.workspace-upload-details-mode > span { display: grid; gap: 2px; }
.workspace-upload-details-mode strong { color: #2b2430; font-size: .75rem; }
.workspace-upload-details-mode small { color: #746b79; font-size: .6rem; line-height: 1.35; }
.workspace-upload-details-mode > div { display: inline-flex; gap: 5px; padding: 4px; border-radius: 999px; background: #eee9f5; }
.workspace-upload-details-mode button { min-height: 32px; padding: 6px 13px; border: 0; border-radius: 999px; color: #665b6c; background: transparent; font: inherit; font-size: .62rem; font-weight: 900; cursor: pointer; }
.workspace-upload-details-mode button.is-active { color: #fff; background: #17131b; box-shadow: 0 6px 14px rgba(23,19,27,.16); }
.workspace-upload-detail-main[data-upload-details-view="simple"] [data-upload-detail-only="details"] { display: none; }

.workspace-upload-edit-policy {
  display: grid;
  grid-column: 1 / -1;
  gap: 12px;
  padding: 17px 18px;
  border: 1px solid rgba(104, 65, 214, .22);
  border-radius: 18px;
  background: linear-gradient(120deg, #f6f2ff, #fff 58%, #effcf8);
}

.workspace-upload-edit-policy > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.workspace-upload-edit-policy > header > div { display: grid; gap: 3px; }
.workspace-upload-edit-policy > header small { color: #6841d6; font-size: .57rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }
.workspace-upload-edit-policy > header strong { color: #29222e; font-size: .79rem; }
.workspace-upload-edit-policy > header > span { padding: 6px 9px; border-radius: 999px; color: #1f5f4f; background: #dff6ef; font-size: .57rem; font-weight: 900; }
.workspace-upload-edit-policy > div { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; }
.workspace-upload-edit-policy article { display: grid; align-content: start; gap: 4px; padding: 12px; border-radius: 13px; background: rgba(255,255,255,.82); box-shadow: inset 0 0 0 1px rgba(90,69,113,.12); }
.workspace-upload-edit-policy article b { color: #34283e; font-size: .64rem; }
.workspace-upload-edit-policy article span { color: #746b79; font-size: .58rem; line-height: 1.42; }

.workspace-upload-analysis-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.workspace-upload-analysis-overview article {
  display: grid;
  align-content: start;
  gap: 4px;
  min-height: 104px;
  padding: 13px;
  border: 1px solid #ded5e9;
  border-radius: 15px;
  background: rgba(255,255,255,.9);
}

.workspace-upload-analysis-overview b { color: #6841d6; font-size: 1.2rem; }
.workspace-upload-analysis-overview span { color: #302735; font-size: .63rem; font-weight: 900; }
.workspace-upload-analysis-overview small { color: #776e7b; font-size: .57rem; line-height: 1.38; }

.workspace-upload-analysis-lyrics {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #ded5e9;
}

.workspace-upload-analysis-lyrics > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.workspace-upload-analysis-lyrics > header > div { display: grid; gap: 3px; }
.workspace-upload-analysis-lyrics > header small { color: #6841d6; font-size: .57rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }
.workspace-upload-analysis-lyrics > header strong { color: #2c2431; font-size: .78rem; }
.workspace-upload-analysis-lyrics > header > span { padding: 6px 9px; border-radius: 999px; color: #fff; background: #6841d6; font-size: .58rem; font-weight: 900; }
.workspace-upload-analysis-lyrics > div { display: grid; gap: 7px; }
.workspace-upload-analysis-lyrics details { overflow: hidden; border: 1px solid #ded6e8; border-radius: 14px; background: #fff; }
.workspace-upload-analysis-lyrics summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; cursor: pointer; }
.workspace-upload-analysis-lyrics summary > span { display: flex; align-items: center; gap: 10px; min-width: 0; }
.workspace-upload-analysis-lyrics summary b { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border-radius: 50%; color: #6841d6; background: #f0ebff; font-size: .58rem; }
.workspace-upload-analysis-lyrics summary span span { display: grid; min-width: 0; gap: 2px; }
.workspace-upload-analysis-lyrics summary strong { overflow: hidden; color: #2f2734; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-upload-analysis-lyrics summary small { overflow: hidden; color: #7a717e; font-size: .55rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-upload-analysis-lyrics summary i { flex: 0 0 auto; padding: 5px 8px; border: 1px solid transparent; border-radius: 999px; font-size: .54rem; font-style: normal; font-weight: 900; }
.workspace-upload-analysis-lyrics summary i.is-clear { border-color: #b6e4d5; color: #176b58; background: #e4f7f0; }
.workspace-upload-analysis-lyrics summary i.is-attention { border-color: #f2b8c8; color: #a32346; background: #ffe7ed; }
.workspace-upload-analysis-lyrics summary i.is-neutral { color: #5c5262; background: #eeeaf1; }
.workspace-upload-analysis-lyrics details.is-attention { border-color: #f2b8c8; }
.workspace-upload-analysis-lyrics details > p { margin: 0; padding: 13px 15px; border-top: 1px solid #eee8f1; color: #4e4653; background: #fbf9fd; font-size: .62rem; line-height: 1.55; }
.workspace-upload-analysis-lyrics details > footer { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 13px 13px; background: #fbf9fd; }
.workspace-upload-analysis-lyrics details > footer span { padding: 5px 7px; border-radius: 999px; color: #5f5664; background: #eee9f4; font-size: .52rem; font-weight: 800; }
.workspace-upload-analysis-lyrics details > footer span.is-clear { color: #176b58; background: #e4f7f0; }
.workspace-upload-analysis-lyrics details > footer span.is-attention { color: #a32346; background: #ffe7ed; }
.workspace-upload-analysis-lyrics > p { margin: 0; padding: 13px; border-radius: 13px; color: #6a5f70; background: #f5f1f8; font-size: .62rem; line-height: 1.45; }

@media (max-width: 900px) {
  .workspace-upload-analysis-overview,
  .workspace-upload-edit-policy > div { grid-template-columns: 1fr; }
  .workspace-upload-analysis-overview article { min-height: 0; }
}

@media (max-width: 620px) {
  .workspace-package-summary-grid article.is-artwork { grid-template-columns: 80px minmax(0,1fr) !important; }
  .workspace-package-summary-grid article.is-artwork > .workspace-package-summary-artwork { width: 70px !important; height: 70px !important; }
  .workspace-upload-details-mode,
  .workspace-upload-edit-policy > header,
  .workspace-upload-analysis-lyrics > header { align-items: stretch; flex-direction: column; }
  .workspace-upload-details-mode > div { align-self: flex-start; }
  .workspace-upload-analysis-lyrics summary { align-items: flex-start; flex-direction: column; }
}

.workspace-audio-quality {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(118, 87, 238, 0.24);
  border-radius: 999px;
  background: rgba(118, 87, 238, 0.08);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.3;
}

/* Task 253: make the Studio entry a focused setup chooser instead of a
   promotional section that competes with the already-loaded workspaces. */
html[data-workspace-chooser="open"],
html[data-workspace-chooser="open"] body {
  overflow: hidden;
}

.workspace-start[hidden] {
  display: none !important;
}

.workspace-start {
  position: fixed;
  z-index: 10010;
  inset: 58px 0 0;
  display: grid;
  min-height: 0;
  place-items: center;
  padding: clamp(20px, 4vw, 64px);
  overflow: auto;
  border: 0;
  background:
    radial-gradient(circle at 82% 18%, rgba(109, 216, 237, .16), transparent 28rem),
    radial-gradient(circle at 14% 88%, rgba(140, 98, 246, .2), transparent 34rem),
    rgba(8, 8, 12, .84);
  backdrop-filter: blur(18px) saturate(.72);
  animation: workspace-chooser-backdrop-in 180ms ease-out both;
}

.workspace-start-dialog {
  position: relative;
  display: grid;
  width: min(100%, 1060px);
  gap: 28px;
  max-height: min(780px, calc(100vh - 106px));
  padding: clamp(30px, 4vw, 54px);
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 28px;
  color: #f7f4ef;
  background:
    linear-gradient(122deg, rgba(31, 31, 40, .98), rgba(13, 13, 19, .99) 58%, rgba(27, 23, 42, .99)),
    #101015;
  box-shadow: 0 40px 120px rgba(0, 0, 0, .56);
  outline: none;
  animation: workspace-chooser-dialog-in 260ms cubic-bezier(.2, .8, .25, 1) both;
}

.workspace-start-dialog::before {
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 28px 28px 0 0;
  background: linear-gradient(90deg, var(--workspace-violet), var(--workspace-cyan), var(--workspace-lime));
  content: "";
}

.workspace-chooser-route {
  display: grid;
  width: min(100%, 260px);
  grid-template-columns: 12px minmax(48px, 1fr) 12px;
  gap: 9px;
  align-items: center;
}

.workspace-chooser-route span {
  width: 12px;
  height: 12px;
  border: 2px solid #0d0d12;
  border-radius: 50%;
  background: var(--workspace-lime);
  box-shadow: 0 0 0 3px rgba(221, 255, 90, .16);
}

.workspace-chooser-route span:last-child {
  background: var(--workspace-cyan);
  box-shadow: 0 0 0 3px rgba(109, 216, 237, .14);
}

.workspace-chooser-route i {
  height: 1px;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .5) 0 7px, transparent 7px 13px);
}

.workspace-start-heading {
  grid-template-columns: minmax(0, 1.3fr) minmax(270px, .7fr);
  gap: clamp(28px, 5vw, 70px);
  align-items: end;
}

.workspace-start-heading .preview-eyebrow {
  color: var(--workspace-cyan);
}

.workspace-start-heading h2 {
  color: #fff;
  font-size: clamp(2.75rem, 6vw, 5.8rem);
}

.workspace-start-heading > p {
  color: #b8b5c0;
  font-size: .98rem;
  line-height: 1.6;
}

.workspace-source-grid {
  gap: 14px;
}

.workspace-source-card {
  grid-template-columns: 58px minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto auto;
  gap: 5px 20px;
  min-height: 205px;
  padding: 26px 28px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  color: #f7f4ef;
  background: rgba(255, 255, 255, .045);
  box-shadow: none;
}

.workspace-source-card.create {
  background:
    linear-gradient(115deg, rgba(140, 98, 246, .2), transparent 52%),
    rgba(255, 255, 255, .045);
}

.workspace-source-card.upload {
  background:
    linear-gradient(115deg, rgba(109, 216, 237, .17), transparent 52%),
    rgba(255, 255, 255, .045);
}

.workspace-source-card::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: var(--workspace-violet);
  content: "";
}

.workspace-source-card.upload::before {
  background: var(--workspace-cyan);
}

.workspace-source-card::after {
  right: -120px;
  bottom: -155px;
  width: 280px;
  height: 280px;
  border-color: rgba(255, 255, 255, .07);
  box-shadow: 0 0 0 34px rgba(255, 255, 255, .025);
}

.workspace-source-card:hover,
.workspace-source-card:focus-visible {
  border-color: rgba(255, 255, 255, .42);
  background-color: rgba(255, 255, 255, .075);
  box-shadow: 0 20px 42px rgba(0, 0, 0, .25);
  transform: translateY(-2px);
}

.workspace-source-card:focus-visible {
  outline: 3px solid rgba(109, 216, 237, .45);
  outline-offset: 3px;
}

.workspace-source-card[aria-pressed="true"] {
  border-color: rgba(255, 255, 255, .14);
  box-shadow: none;
}

.workspace-source-card > span {
  display: grid;
  width: 48px;
  height: 48px;
  grid-row: 1 / 5;
  grid-column: 1;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 50%;
  color: var(--workspace-lime);
}

.workspace-source-card.upload > span {
  color: var(--workspace-cyan);
}

.workspace-source-card > small {
  grid-row: 1;
  grid-column: 2;
  align-self: start;
  color: #aaa6b2;
}

.workspace-source-card > strong {
  grid-row: 2;
  grid-column: 2;
  font-size: clamp(2rem, 3.3vw, 3.5rem);
}

.workspace-source-card > p {
  grid-row: 3;
  grid-column: 2;
  margin-top: 3px;
  color: #c6c2cb;
  font-size: .82rem;
  font-weight: 650;
}

.workspace-source-card > b {
  grid-row: 1 / 5;
  grid-column: 3;
  align-self: center;
  padding: 10px 0 8px;
  border-bottom-color: rgba(255, 255, 255, .7);
  color: #fff;
  font-size: .76rem;
}

.workspace-source-entitlement {
  position: static;
  grid-row: 4;
  grid-column: 2;
  width: max-content;
  max-width: 100%;
  margin-top: 6px;
  padding: 6px 10px;
  border-color: rgba(255, 255, 255, .2);
  color: #0d0d12;
  background: rgba(255, 255, 255, .88);
  text-align: left;
}

.workspace-chooser-foot {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.workspace-chooser-foot .workspace-local-note {
  margin: 0;
  color: #918e99;
}

.workspace-chooser-foot button {
  padding: 9px 0 7px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .62);
  color: #f7f4ef;
  background: transparent;
  font-size: .76rem;
  font-weight: 850;
  cursor: pointer;
}

.workspace-section-actions {
  display: grid;
  flex: 0 0 auto;
  gap: 10px;
  justify-items: end;
}

.workspace-section-actions > small {
  color: #949099;
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
}

@keyframes workspace-chooser-backdrop-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes workspace-chooser-dialog-in {
  from { opacity: 0; transform: translateY(14px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 820px) {
  .workspace-start {
    place-items: start center;
    padding: 18px;
  }

  .workspace-start-dialog {
    gap: 22px;
    max-height: calc(100vh - 92px);
    padding: 32px 26px 28px;
    border-radius: 22px;
  }

  .workspace-start-heading,
  .workspace-source-grid {
    grid-template-columns: 1fr;
  }

  .workspace-start-heading {
    gap: 14px;
  }

  .workspace-start-heading > p {
    max-width: 620px;
  }
}

@media (max-width: 620px) {
  .workspace-start {
    top: 54px;
    padding: 10px;
  }

  .workspace-start-dialog {
    width: 100%;
    max-height: calc(100vh - 74px);
    gap: 18px;
    padding: 28px 20px 22px;
    border-radius: 18px;
  }

  .workspace-start-heading h2 {
    font-size: clamp(2.35rem, 13vw, 3.7rem);
  }

  .workspace-source-card {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 5px 14px;
    min-height: 0;
    padding: 21px 18px;
  }

  .workspace-source-card > span {
    width: 40px;
    height: 40px;
  }

  .workspace-source-card > small,
  .workspace-source-card > strong,
  .workspace-source-card > p,
  .workspace-source-card > b,
  .workspace-source-entitlement {
    grid-column: 2;
  }

  .workspace-source-card > b {
    grid-row: 4;
    justify-self: start;
    margin-top: 6px;
  }

  .workspace-source-entitlement {
    grid-row: 5;
  }

  .workspace-chooser-foot,
  .workspace-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .workspace-section-actions {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

}

/* Task 275: professional path artwork, card-wide activation, and a compact
   plan-aware upload allowance that expands without covering the artwork. */
.workspace-source-card {
  min-height: 292px;
  cursor: pointer;
  isolation: isolate;
}

.workspace-source-choice {
  position: relative;
  z-index: 5;
}

.workspace-source-art {
  position: absolute;
  z-index: 1;
  inset: 88px 15px 12px;
  display: grid;
  place-items: end center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 14px;
  background:
    radial-gradient(circle at 78% 22%, rgba(223, 255, 98, .12), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012));
  opacity: .96;
  pointer-events: none;
  transform: translateY(0) scale(1);
  transform-origin: center bottom;
  transition: opacity 190ms ease, filter 190ms ease, transform 220ms ease;
}

.workspace-source-art::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 58%, rgba(5, 5, 9, .5)),
    repeating-linear-gradient(90deg, transparent 0 27px, rgba(255, 255, 255, .018) 27px 28px);
  content: "";
}

.workspace-source-art svg {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 360px);
  height: auto;
  filter: saturate(1.08) contrast(1.02);
}

.workspace-source-art-create {
  box-shadow: inset 0 0 46px rgba(140, 98, 246, .11);
}

.workspace-source-art-upload {
  box-shadow: inset 0 0 46px rgba(109, 216, 237, .1);
}

.workspace-source-detail,
.workspace-source-card.is-info-open .workspace-source-detail {
  position: absolute;
  z-index: 4;
  right: 18px;
  bottom: 18px;
  left: 18px;
  min-height: 74px;
  max-height: 74px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  color: #f5f1f9;
  background: linear-gradient(115deg, rgba(8, 8, 12, .94), rgba(18, 16, 25, .84));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}

.workspace-source-card.upload .workspace-source-detail,
.workspace-source-card.upload.is-info-open .workspace-source-detail {
  bottom: 67px;
}

.workspace-source-card:hover .workspace-source-art,
.workspace-source-card:focus-within .workspace-source-art,
.workspace-source-card.is-info-open .workspace-source-art {
  opacity: .2;
  filter: saturate(.78) blur(.4px);
  transform: translateY(5px) scale(.985);
}

.workspace-source-entitlement {
  position: absolute;
  z-index: 6;
  right: 18px;
  bottom: 18px;
  max-width: calc(100% - 36px);
  margin: 0;
  color: #fff;
  background: rgba(8, 8, 12, .92);
  text-align: center;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
}

.workspace-source-entitlement[data-state="available"] {
  display: inline-flex;
  width: 42px;
  min-width: 42px;
  height: 42px;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  padding: 0 13px;
  overflow: hidden;
  border-color: rgba(255, 255, 255, .32);
  color: #fff;
  background: #09090d;
  white-space: nowrap;
  cursor: help;
  transition: width 210ms ease, border-color 160ms ease, box-shadow 180ms ease;
}

.workspace-source-entitlement-value {
  flex: 0 0 auto;
  min-width: 16px;
  font-size: .83rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-align: center;
}

.workspace-source-entitlement-detail {
  overflow: hidden;
  font-size: .69rem;
  font-style: normal;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 140ms ease 20ms, transform 170ms ease;
}

.workspace-source-entitlement[data-state="available"]:hover,
.workspace-source-entitlement[data-state="available"]:focus-visible {
  width: min(255px, calc(100% - 36px));
  border-color: var(--workspace-lime);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(223, 255, 98, .16), 0 11px 26px rgba(0, 0, 0, .34);
}

.workspace-source-entitlement[data-state="available"]:hover .workspace-source-entitlement-detail,
.workspace-source-entitlement[data-state="available"]:focus-visible .workspace-source-entitlement-detail {
  opacity: 1;
  transform: translateX(0);
}

.workspace-source-entitlement[data-state="blocked"],
.workspace-source-entitlement[data-state="limit"],
.workspace-source-entitlement[data-state="loading"],
.workspace-source-entitlement[data-state="error"] {
  width: max-content;
  height: auto;
  min-height: 32px;
}

@media (max-width: 620px) {
  .workspace-source-card {
    min-height: 256px;
  }

  .workspace-source-art {
    inset: 78px 12px 10px;
  }

  .workspace-source-detail,
  .workspace-source-card.is-info-open .workspace-source-detail {
    right: 14px;
    bottom: 14px;
    left: 14px;
    min-height: 68px;
    max-height: 68px;
  }

  .workspace-source-card.upload .workspace-source-detail,
  .workspace-source-card.upload.is-info-open .workspace-source-detail {
    bottom: 62px;
  }

  .workspace-source-entitlement {
    right: 14px;
    bottom: 14px;
    max-width: calc(100% - 28px);
  }

  .workspace-source-entitlement[data-state="available"]:hover,
  .workspace-source-entitlement[data-state="available"]:focus-visible {
    width: min(250px, calc(100% - 28px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-source-art,
  .workspace-source-entitlement,
  .workspace-source-entitlement-detail {
    transition: none !important;
  }
}

/* Studio Task 613: one-piece artwork review and clearer audio-version controls. */
.workspace-package-artwork-workbench {
  width: min(100%, 860px);
  overflow: visible;
  border: 2px solid #8b72ee;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(140, 98, 246, .07), rgba(109, 216, 237, .07));
  box-shadow: 0 14px 34px rgba(72, 44, 108, .09);
}

.workspace-package-artwork-workbench .workspace-package-artwork-selected {
  max-width: none;
}

.workspace-package-artwork-workbench .workspace-package-artwork-selected .workspace-package-artwork-choice {
  border: 0;
  border-radius: 20px 20px 0 0;
  background: transparent;
  box-shadow: none;
}

.workspace-package-artwork-workbench .workspace-package-artwork-selected .workspace-package-artwork-choice:hover,
.workspace-package-artwork-workbench .workspace-package-artwork-selected .workspace-package-artwork-choice:focus-visible {
  background: rgba(255, 255, 255, .45);
  box-shadow: inset 0 0 0 2px rgba(139, 114, 238, .26);
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates {
  max-width: none;
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(104, 65, 214, .14) !important;
  border-radius: 0;
  background: transparent !important;
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates > summary {
  position: relative;
  width: 46px;
  height: 46px;
  margin: -23px auto 0;
  padding: 0 !important;
  border: 3px solid #fff;
  color: #fff !important;
  background: #8b72ee;
  box-shadow: 0 8px 20px rgba(77, 49, 150, .2);
  list-style: none;
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates > summary::marker {
  content: "";
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates > summary::-webkit-details-marker {
  display: none;
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates > summary > b {
  position: absolute;
  inset: 0;
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  font-size: 0;
  line-height: 0;
  transform: none;
  transition: transform 160ms ease;
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates > summary > b > svg {
  width: 17px;
  height: 17px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates[open] > summary > b {
  transform: rotate(180deg);
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 4px 14px 12px;
  padding: 8px 0 2px !important;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates .workspace-package-artwork-choice {
  grid-template-columns: 76px minmax(0, 1fr) 24px;
  padding: 9px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  box-shadow: none;
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates .workspace-package-artwork-image {
  width: 76px;
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates .workspace-package-artwork-choice > i {
  opacity: 0;
  transition: opacity 150ms ease;
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates .workspace-package-artwork-choice:hover,
.workspace-package-artwork-workbench .workspace-package-artwork-alternates .workspace-package-artwork-choice:focus,
.workspace-package-artwork-workbench .workspace-package-artwork-alternates .workspace-package-artwork-choice:focus-visible {
  background: rgba(255, 255, 255, .72);
  box-shadow: inset 0 0 0 2px rgba(139, 114, 238, .55);
}

.workspace-package-artwork-workbench .workspace-package-artwork-alternates .workspace-package-artwork-choice:hover > i,
.workspace-package-artwork-workbench .workspace-package-artwork-alternates .workspace-package-artwork-choice:focus > i,
.workspace-package-artwork-workbench .workspace-package-artwork-alternates .workspace-package-artwork-choice:focus-visible > i {
  opacity: 1;
}

.workspace-package-artwork-workbench .workspace-package-crop {
  margin: 0;
  padding: 15px 18px 17px;
  border: 0;
  border-top: 1px solid rgba(104, 65, 214, .14);
  border-radius: 0 0 20px 20px;
  background: rgba(255, 255, 255, .42);
}

.workspace-package-artwork-workbench .workspace-package-crop > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0;
}

.workspace-package-crop-toolbar {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
}

.workspace-package-output-info {
  position: relative;
  display: grid;
  width: 30px;
  min-height: 30px !important;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  padding: 0 !important;
  border-color: rgba(104, 65, 214, .38) !important;
  border-radius: 50% !important;
  color: #6841d6 !important;
  background: #fff !important;
  font-size: .68rem !important;
  cursor: help !important;
}

.workspace-package-output-info > small {
  position: absolute;
  z-index: 8;
  top: calc(100% + 9px);
  right: 0;
  display: none;
  width: min(285px, calc(100vw - 60px));
  padding: 10px 12px;
  border: 1px solid #d8cdeb;
  border-radius: 12px;
  color: #554b5a;
  background: #fff;
  box-shadow: 0 16px 36px rgba(41, 27, 54, .16);
  font-size: .64rem;
  font-weight: 700;
  line-height: 1.45;
  text-align: left;
}

.workspace-package-output-info:hover > small,
.workspace-package-output-info:focus-visible > small,
.workspace-package-output-info[aria-expanded="true"] > small {
  display: block;
}

.workspace-package-artwork-workbench .workspace-upload-crop-editor {
  margin-top: 15px;
}

.workspace-package-stage-slide[data-upload-package-stage-slide="audio"] {
  border-color: #6841d6 !important;
  background: linear-gradient(112deg, #17131b 0%, #17131b 22%, #6841d6 59%, #dfff62 100%) !important;
}

.workspace-package-stage-slide[data-upload-package-stage-slide="audio"]::before {
  background: linear-gradient(90deg, #dfff62, #8b72ee 58%, #17131b);
}

.workspace-package-stage-slide.is-arrival-cue [data-upload-package-slide-thumb] {
  animation: workspace-package-audio-arrival-cue 760ms cubic-bezier(.2, .8, .2, 1);
}

@keyframes workspace-package-audio-arrival-cue {
  0%, 100% { transform: translateX(var(--upload-package-slide-offset)); }
  28% { transform: translateX(calc(var(--upload-package-slide-offset) + 11px)); }
  52% { transform: translateX(calc(var(--upload-package-slide-offset) + 3px)); }
  72% { transform: translateX(calc(var(--upload-package-slide-offset) + 8px)); }
}

@media (max-width: 700px) {
  .workspace-package-artwork-workbench .workspace-package-artwork-alternates > div {
    grid-template-columns: 1fr;
  }

  .workspace-package-artwork-workbench .workspace-package-crop > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .workspace-package-crop-toolbar {
    width: 100%;
  }

  .workspace-package-crop-toolbar [data-upload-crop-edit] {
    flex: 1 1 auto;
  }
}

@media (max-width: 480px) {
  .workspace-package-artwork-workbench .workspace-package-artwork-selected .workspace-package-artwork-choice {
    grid-template-columns: 82px minmax(0, 1fr) 26px;
    padding: 11px;
  }

  .workspace-package-artwork-workbench .workspace-package-artwork-selected .workspace-package-artwork-image {
    width: 82px;
  }

  .workspace-package-artwork-workbench .workspace-package-artwork-alternates > div {
    margin-inline: 8px;
  }

  .workspace-package-artwork-workbench .workspace-package-crop {
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-package-stage-slide.is-arrival-cue [data-upload-package-slide-thumb] {
    animation: none;
  }
}

/* Task 614 final paint overrides must follow every legacy text-review block. */
.workspace-package-text-privacy {
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 17px !important;
  margin-top: 18px !important;
  padding: 18px 20px !important;
  border: 1px solid #bcaeef !important;
  border-radius: 20px !important;
  color: #332946 !important;
  background: #f5f1ff !important;
  box-shadow: 0 12px 28px rgba(67, 43, 105, .08);
}

.workspace-private-triangle,
.workspace-private-triangle svg {
  width: 72px;
  height: 64px;
  padding: 0;
}

.workspace-private-triangle {
  place-items: center;
  clip-path: none;
  border: 0;
  color: #6947d4;
  background: transparent !important;
}

.workspace-package-text-privacy.is-confirmed {
  border-color: #58aa91 !important;
  color: #173d32 !important;
  background: #e9f8f2 !important;
}

.workspace-package-text-privacy.is-confirmed .workspace-private-triangle {
  color: #378d75;
  background: transparent !important;
}

.workspace-package-text-privacy.is-blocked,
.workspace-package-text-privacy.is-attention {
  border-color: #c73757 !important;
  color: #6f1831 !important;
  background: #fff0f3 !important;
  animation: none !important;
}

.workspace-package-text-privacy.is-blocked .workspace-private-triangle,
.workspace-package-text-privacy.is-attention .workspace-private-triangle {
  color: #c73757;
  background: transparent !important;
}

.workspace-package-text-privacy.is-collapsed {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  padding: 12px 15px !important;
}

.workspace-package-text-privacy.is-collapsed .workspace-private-triangle,
.workspace-package-text-privacy.is-collapsed .workspace-private-triangle svg {
  width: 44px;
  height: 40px;
  padding: 0;
}

.workspace-package-text-groups details:not([open]) > .workspace-package-text-group-select {
  visibility: hidden;
  opacity: 0 !important;
  pointer-events: none;
}

.workspace-package-text-groups details[open] > .workspace-package-text-group-select {
  visibility: visible;
  opacity: 1 !important;
  pointer-events: auto;
}

@media (max-width: 620px) {
  .workspace-package-text-privacy {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .workspace-private-triangle,
  .workspace-private-triangle svg {
    width: 50px;
    height: 46px;
    padding: 0;
  }
}

/* Studio Task 614: focused text-source review and persistent privacy states. */
.workspace-package-stage-panel {
  scroll-margin-top: calc(var(--upload-flow-dock-top, 78px) + 74px);
}

.workspace-package-text-privacy {
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 17px !important;
  margin-top: 18px !important;
  padding: 18px 20px !important;
  border: 1px solid #bcaeef !important;
  border-radius: 20px !important;
  color: #332946 !important;
  background: #f5f1ff !important;
  box-shadow: 0 12px 28px rgba(67, 43, 105, .08);
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.workspace-private-triangle {
  display: grid;
  width: 72px;
  height: 64px;
  padding: 0;
  place-items: center;
  clip-path: none;
  border: 0;
  color: #6947d4;
  background: transparent !important;
  filter: drop-shadow(0 7px 10px rgba(75, 50, 137, .19));
}

.workspace-private-triangle svg {
  display: block;
  width: 72px;
  height: 64px;
  overflow: visible;
}

.workspace-private-triangle svg > path:first-child {
  fill: currentColor;
  stroke: rgba(255, 255, 255, .72);
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.workspace-private-triangle circle {
  fill: rgba(255, 255, 255, .22);
  stroke: rgba(255, 255, 255, .86);
  stroke-width: 1.4;
}

.workspace-private-triangle .workspace-private-mark {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-width: 4.2;
}

.workspace-private-triangle:focus-visible,
.workspace-private-collapse:focus-visible,
.workspace-private-actions button:focus-visible,
.workspace-package-text-volume button:focus-visible,
.workspace-package-text-bulk:focus-visible,
.workspace-package-text-group-select:focus-visible {
  outline: 3px solid rgba(77, 53, 181, .28);
  outline-offset: 3px;
}

.workspace-package-text-privacy > div {
  gap: 10px;
}

.workspace-package-text-privacy > div > header b {
  color: #352a48 !important;
  font-size: .8rem;
}

.workspace-package-text-privacy p {
  color: #5a5068 !important;
  font-size: .66rem;
}

.workspace-package-text-privacy label {
  color: #30263f !important;
}

.workspace-private-collapse {
  display: grid;
  min-width: 36px;
  height: 36px;
  padding: 0 11px !important;
  place-items: center;
  border: 1px solid rgba(83, 57, 143, .23) !important;
  border-radius: 999px;
  color: #4f36a3 !important;
  background: rgba(255, 255, 255, .7) !important;
  font-size: 1.06rem !important;
  line-height: 1;
}

.workspace-private-actions {
  display: flex;
  justify-content: flex-start;
  padding-top: 2px;
}

.workspace-private-actions button,
.workspace-package-text-bulk,
.workspace-package-text-group-select,
.workspace-package-text-volume button:first-child {
  min-height: 38px;
  padding: 8px 15px;
  border: 0 !important;
  border-radius: 999px;
  color: #fff !important;
  background: linear-gradient(112deg, #7b36e8 0%, #b245dc 48%, #2f98f2 100%) !important;
  box-shadow: 0 8px 18px rgba(102, 57, 199, .2);
  font: inherit;
  font-size: .62rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-package-text-privacy.is-confirmed {
  border-color: #58aa91 !important;
  color: #173d32 !important;
  background: #e9f8f2 !important;
  box-shadow: 0 12px 28px rgba(43, 124, 99, .11);
}

.workspace-package-text-privacy.is-confirmed .workspace-private-triangle {
  color: #378d75;
  background: transparent !important;
}

.workspace-package-text-privacy.is-confirmed > div > header b,
.workspace-package-text-privacy.is-confirmed p,
.workspace-package-text-privacy.is-confirmed label {
  color: #173d32 !important;
}

.workspace-package-text-privacy.is-blocked,
.workspace-package-text-privacy.is-attention {
  border-color: #c73757 !important;
  color: #6f1831 !important;
  background: #fff0f3 !important;
  box-shadow: 0 0 0 5px rgba(199, 55, 87, .1), 0 14px 30px rgba(135, 35, 59, .12);
  animation: none !important;
}

.workspace-package-text-privacy.is-blocked .workspace-private-triangle,
.workspace-package-text-privacy.is-attention .workspace-private-triangle {
  color: #c73757;
  background: transparent !important;
}

.workspace-package-text-privacy.is-blocked > div > header b,
.workspace-package-text-privacy.is-blocked p,
.workspace-package-text-privacy.is-blocked label,
.workspace-package-text-privacy.is-attention > div > header b,
.workspace-package-text-privacy.is-attention p,
.workspace-package-text-privacy.is-attention label {
  color: #6f1831 !important;
}

.workspace-package-text-privacy.is-collapsed {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  padding: 12px 15px !important;
}

.workspace-package-text-privacy.is-collapsed .workspace-private-triangle,
.workspace-package-text-privacy.is-collapsed .workspace-private-triangle svg {
  width: 44px;
  height: 40px;
  padding: 0;
}

.workspace-package-text-volume {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 14px;
  padding: 17px 18px;
  border: 1px solid #d7ccef;
  border-radius: 17px;
  color: #31283d;
  background: linear-gradient(125deg, #f8f5ff 0%, #fff 56%, #edf8ff 100%);
}

.workspace-package-text-volume > div:first-child {
  display: grid;
  gap: 4px;
}

.workspace-package-text-volume span {
  color: #7548d8;
  font-size: .58rem;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.workspace-package-text-volume strong {
  font-size: .74rem;
}

.workspace-package-text-volume p {
  margin: 0;
  color: #706778;
  font-size: .62rem;
  line-height: 1.45;
}

.workspace-package-text-volume > div:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.workspace-package-text-volume button {
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid #c8b9ed;
  border-radius: 999px;
  color: #5635b7;
  background: #fff;
  font: inherit;
  font-size: .61rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-package-text-actions {
  margin-top: 12px;
  gap: 8px;
}

.workspace-package-text-groups details:not([open]) > .workspace-package-text-group-select {
  visibility: hidden;
  opacity: 0 !important;
  pointer-events: none;
}

.workspace-package-text-groups details[open] > .workspace-package-text-group-select {
  visibility: visible;
  opacity: 1 !important;
  pointer-events: auto;
}

@media (max-width: 760px) {
  .workspace-package-text-volume {
    grid-template-columns: 1fr;
  }

  .workspace-package-text-volume > div:last-child {
    justify-content: flex-start;
  }
}

@media (max-width: 620px) {
  .workspace-package-text-privacy {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .workspace-private-triangle,
  .workspace-private-triangle svg {
    width: 50px;
    height: 46px;
    padding: 0;
  }

  .workspace-private-actions button,
  .workspace-package-text-volume button {
    width: 100%;
  }

  .workspace-package-text-volume > div:last-child {
    display: grid;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-package-text-privacy {
    transition: none;
  }
}


/* Task 603: friendly assisted Upload Album details and review flow. */
.workspace-upload-meta-grid {
  align-items: start;
  gap: 22px 24px;
}

.workspace-upload-meta-grid > label,
.workspace-upload-meta-grid > .workspace-upload-artist-identity {
  min-width: 0;
  margin: 0;
}

.workspace-upload-meta-grid > label > span:first-child,
.workspace-upload-artist-name > span:first-child {
  display: flex;
  align-items: center;
  min-height: 28px;
  gap: 8px;
  font-size: .88rem;
  font-weight: 900;
}

.workspace-upload-meta-grid input[type="text"],
.workspace-upload-meta-grid input[type="date"],
.workspace-upload-meta-grid select,
.workspace-upload-artist-input {
  min-height: 58px;
}

.workspace-upload-artist-input {
  display: flex;
  align-items: stretch;
}

.workspace-upload-artist-name {
  gap: 9px;
}

.workspace-upload-artist-input > input {
  flex: 1 1 auto;
  min-width: 0;
}

.workspace-field-info {
  display: inline-grid;
  width: 23px;
  height: 23px;
  padding: 0;
  place-items: center;
  border: 1px solid #aaa3b2;
  border-radius: 50%;
  color: #504957;
  background: #fff;
  font-family: inherit;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  cursor: help;
}

[data-upload-artist-identity-open][data-state="matched"] {
  border-color: #238a73;
  background: #eaf8f3;
  color: #176956;
}

[data-upload-artist-identity-open][data-state="unmatched"] {
  border-color: #c63f58;
  background: #fff0f3;
  color: #a3233c;
}

.workspace-upload-identity-picker {
  margin-top: 8px;
  padding: 14px;
  border: 1px solid #cbbef4;
  border-radius: 18px;
  background: #f7f4ff;
  box-shadow: 0 12px 28px rgba(58, 40, 91, .11);
}

.workspace-upload-identity-picker > div {
  justify-content: flex-start;
}

.workspace-upload-details-assistant,
.workspace-upload-artist-image {
  grid-column: 1 / -1;
}

.workspace-upload-details-assistant {
  overflow: hidden;
  border: 1px solid #cfc4f5;
  border-radius: 22px;
  background: linear-gradient(125deg, #f5f1ff 0%, #fff 55%, #f8ffeb 100%);
}

.workspace-upload-details-assistant > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
}

.workspace-upload-details-assistant > header div {
  display: grid;
  gap: 4px;
}

.workspace-upload-details-assistant > header strong {
  font-size: 1.05rem;
}

.workspace-upload-details-assistant > header small {
  color: #696270;
  line-height: 1.4;
}

.workspace-upload-details-assistant button,
.workspace-upload-final-summary button {
  min-height: 44px;
  border: 1.5px solid #17131b;
  border-radius: 999px;
  color: #fff;
  background: #17131b;
  font-weight: 900;
  cursor: pointer;
}

[data-upload-details-assistant-results] {
  padding: 0 20px 20px;
}

.workspace-upload-detail-suggestions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.workspace-upload-detail-suggestions article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  gap: 14px;
  padding: 13px 14px;
  border: 1px solid #ded8e5;
  border-radius: 16px;
  background: rgba(255, 255, 255, .9);
}

.workspace-upload-detail-suggestions article > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.workspace-upload-detail-suggestions small {
  color: #726b78;
  font-size: .68rem;
  font-weight: 800;
}

.workspace-upload-detail-suggestions strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-detail-suggestions button {
  min-height: 36px;
  padding: 7px 14px;
}

.workspace-upload-detail-suggestions button:disabled {
  border-color: #58a793;
  color: #216b5b;
  background: #e7f6f0;
}

.workspace-upload-details-assistant-done {
  display: block;
  margin: 14px 0 0 auto;
  padding: 8px 22px;
}

.workspace-upload-artist-image {
  padding: 22px;
  border: 1px solid #d5cdf1;
  border-radius: 24px;
  background: #f8f6fc;
}

.workspace-upload-artist-image-options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-upload-artist-image-option.is-album-cover {
  grid-column: span 2;
  border-style: dashed;
}

.workspace-upload-artist-image-option img,
.workspace-upload-artist-image-option > i {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
  transform: scale(calc(var(--upload-artist-zoom, 120) / 120));
}

.workspace-upload-artist-image-framing {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(280px, 1.2fr);
  align-items: end;
  gap: 24px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #ded8e5;
}

.workspace-upload-artist-image-framing > div,
.workspace-upload-artist-image-framing > label {
  display: grid;
  gap: 9px;
}

[data-upload-artist-ring] {
  display: flex;
  gap: 9px;
}

[data-upload-artist-ring] [data-ring] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--ring-color, transparent);
  box-shadow: 0 0 0 1px #bdb6c2;
}

[data-upload-artist-ring] [data-ring="none"] { background: repeating-conic-gradient(#ddd 0 25%, #fff 0 50%) 0 / 10px 10px; }
[data-upload-artist-ring] [data-ring="#f5f1e9"] { background: #f5f1e9; }
[data-upload-artist-ring] [data-ring="#8b5cf6"] { background: #8b5cf6; }
[data-upload-artist-ring] [data-ring="#75d0c2"] { background: #75d0c2; }
[data-upload-artist-ring] [data-ring="#ffd26a"] { background: #ffd26a; }
[data-upload-artist-ring] [data-ring="#111111"] { background: #111; }
[data-upload-artist-ring] [aria-pressed="true"] { box-shadow: 0 0 0 3px #17131b; }

.workspace-upload-date-field > small {
  display: none;
  margin-top: 7px;
  color: #655e6b;
}

.workspace-upload-date-field:focus-within > small {
  display: block;
}

.workspace-creation-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.workspace-creation-groups > label {
  display: grid;
  align-content: space-between;
  min-height: 170px;
  gap: 16px;
  padding: 18px;
  border: 1px solid #d9d2df;
  border-radius: 20px;
  background: #fff;
}

.workspace-creation-groups > label > span {
  display: grid;
  gap: 6px;
}

.workspace-creation-groups small {
  color: #6b6470;
  line-height: 1.4;
}

.workspace-creation-groups select {
  min-height: 48px;
  border: 1.5px solid #7b61d9;
  border-radius: 13px;
  background: #faf8ff;
  font-weight: 900;
}

.workspace-creation-certification input,
.workspace-switch.rights input {
  width: 28px;
  height: 28px;
  border-color: #4e4556;
  accent-color: #7858e7;
}

.workspace-upload-final-summary {
  margin-bottom: 24px;
  padding: 22px;
  border: 1px solid #d3c9f5;
  border-radius: 24px;
  background: linear-gradient(130deg, #f7f3ff, #fff 58%, #f8ffea);
}

.workspace-upload-final-summary > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.workspace-upload-final-summary > header > div {
  display: grid;
  gap: 4px;
}

.workspace-upload-final-summary > header small {
  color: #694bd3;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace-upload-final-summary > header strong {
  font-size: 1.35rem;
}

.workspace-upload-final-summary > header span {
  color: #625b68;
}

.workspace-upload-final-summary > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.workspace-upload-final-summary > div > button {
  display: grid;
  justify-items: start;
  min-width: 0;
  padding: 13px 15px;
  border-color: #d8d1df;
  border-radius: 14px;
  color: #17131b;
  background: #fff;
  text-align: left;
}

.workspace-upload-final-summary > div small {
  color: #756e79;
}

.workspace-upload-final-summary > div strong {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-workflow-actions [data-upload-workflow-next],
.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready {
  border-color: #17131b;
  color: #fff;
  background: #17131b;
}

.workspace-upload-workflow-actions [data-upload-workflow-next]:hover,
.workspace-upload-workflow-actions [data-upload-workflow-next]:focus-visible,
.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready:hover,
.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready:focus-visible,
.workspace-upload-details-assistant button:hover,
.workspace-upload-details-assistant button:focus-visible,
.workspace-upload-final-summary > header button:hover,
.workspace-upload-final-summary > header button:focus-visible {
  border-color: #694bd3;
  color: #fff;
  background: #694bd3;
}

@media (max-width: 800px) {
  .workspace-upload-detail-suggestions,
  .workspace-upload-final-summary > div,
  .workspace-creation-groups,
  .workspace-upload-artist-image-options,
  .workspace-upload-artist-image-framing {
    grid-template-columns: 1fr;
  }

  .workspace-upload-artist-image-option.is-album-cover {
    grid-column: auto;
  }
}

@media (max-width: 560px) {
  .workspace-upload-details-assistant > header,
  .workspace-upload-final-summary > header {
    align-items: stretch;
    flex-direction: column;
  }

  .workspace-upload-meta-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .workspace-upload-details-assistant,
  .workspace-upload-artist-image {
    grid-column: 1;
  }
}

/* Studio Task 562: Upload Album draft identity and safe local-package reconnect. */
.workspace-upload-draft-reconnect {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  margin: 12px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(104, 74, 234, .28);
  border-radius: 16px;
  background: linear-gradient(112deg, rgba(104, 74, 234, .1), rgba(123, 209, 217, .11));
  color: #17141d;
}

.workspace-upload-draft-reconnect[hidden] {
  display: none;
}

.workspace-upload-draft-reconnect strong {
  font-size: .92rem;
  font-weight: 900;
}

.workspace-upload-draft-reconnect span {
  color: #655f6c;
  font-size: .78rem;
  line-height: 1.45;
}

.workspace-upload-draft-reconnect[data-tone="success"] {
  border-color: rgba(23, 134, 100, .3);
  background: rgba(224, 248, 239, .78);
}

.workspace-upload-draft-reconnect[data-tone="warning"] {
  border-color: rgba(194, 113, 25, .34);
  background: rgba(255, 241, 217, .84);
}

.workspace-draft-kind-icon {
  display: inline-grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 11px;
  background: rgba(255, 255, 255, .075);
  color: #e2ff69;
}

.workspace-draft-kind-icon.is-upload {
  color: #7bd1d9;
}

.workspace-draft-kind-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.workspace-resume-draft {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.workspace-resume-draft-copy {
  min-width: 0;
}

.workspace-draft-card-visual .workspace-draft-kind-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  border-color: rgba(18, 16, 24, .22);
  background: rgba(18, 16, 24, .84);
}

.workspace-draft-card-number {
  position: absolute;
  right: 12px;
  bottom: 10px;
}

@media (max-width: 620px) {
  .workspace-resume-draft {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .workspace-resume-draft > b:last-child {
    grid-column: 2;
    justify-self: start;
  }
}

/* Studio Task 553: precise, source-aware Upload Album dates. */
.workspace-upload-meta-grid .workspace-upload-meta-wide {
  grid-column: 1 / -1;
}

.workspace-upload-date-field > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.workspace-upload-date-field > span > small {
  padding: 3px 7px;
  border: 1px solid rgba(108, 82, 210, .32);
  border-radius: 999px;
  color: var(--workspace-violet-deep);
  background: rgba(240, 235, 255, .78);
  font-size: .59rem;
  font-weight: 950;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.workspace-upload-date-field > small[data-upload-date-source] {
  min-height: 2.7em;
  color: #6d6571;
  font-size: .69rem;
  font-weight: 650;
  letter-spacing: 0;
  line-height: 1.35;
}

.workspace-upload-date-field > small[data-source="customer_entered"] {
  color: #176b58;
}

.workspace-upload-date-field input[type="date"] {
  padding-right: 13px;
}

@media (max-width: 620px) {
  .workspace-upload-meta-grid .workspace-upload-meta-wide {
    grid-column: auto;
  }
}

/* Task 412: separate vocal, instrumental-led, and instrumental-only formats */
.workspace-arrangement-modes {
  display: grid;
  min-width: 0;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}

.workspace-arrangement-modes > legend {
  margin-bottom: 9px;
  color: #211d25;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.workspace-arrangement-mode-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.workspace-arrangement-mode-grid > label {
  position: relative;
  display: grid;
  min-width: 0;
  cursor: pointer;
}

.workspace-arrangement-mode-grid input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.workspace-arrangement-mode-grid label > span {
  display: grid;
  min-height: 104px;
  align-content: start;
  gap: 5px;
  padding: 15px 16px;
  border: 1px solid rgba(27, 23, 31, .14);
  border-radius: 17px;
  color: #29242d;
  background: rgba(255, 255, 255, .7);
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.workspace-arrangement-mode-grid label > span::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-bottom: 2px;
  border: 2px solid #aca4b0;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 3px #fff;
}

.workspace-arrangement-mode-grid strong { font-size: .86rem; line-height: 1.2; }
.workspace-arrangement-mode-grid small { color: #716a75; font-size: .7rem; font-weight: 650; line-height: 1.38; }

.workspace-arrangement-mode-grid input:checked + span {
  border-color: #7654df;
  background: linear-gradient(145deg, rgba(118, 84, 223, .1), rgba(223, 255, 98, .18));
  box-shadow: 0 0 0 3px rgba(118, 84, 223, .08);
}

.workspace-arrangement-mode-grid input:checked + span::before {
  border-color: #7654df;
  background: #7654df;
}

.workspace-arrangement-mode-grid input:focus-visible + span {
  outline: 3px solid rgba(118, 84, 223, .28);
  outline-offset: 2px;
}

.workspace-arrangement-modes > p {
  margin: 0;
  color: #716a75;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.45;
}

[data-sound-vocals-fields][hidden] { display: none !important; }

.workspace-instrumental-only-lyrics-note {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-left: 3px solid #7654df;
  border-radius: 9px;
  color: #5f5765;
  background: rgba(118, 84, 223, .08);
  font-size: .74rem;
  font-weight: 750;
  line-height: 1.4;
}

.workspace-instrumental-only-lyrics-note[hidden] { display: none !important; }

@media (max-width: 760px) {
  .workspace-arrangement-mode-grid { grid-template-columns: 1fr; }
  .workspace-arrangement-mode-grid label > span {
    min-height: 0;
    grid-template-columns: 17px minmax(0, 1fr);
    column-gap: 10px;
  }
  .workspace-arrangement-mode-grid label > span::before { grid-row: 1 / span 2; }
}

/* Studio Task 406: voluntary creation disclosure for uploaded releases. */
.workspace-creation-disclosure {
  display: grid;
  gap: 16px;
  margin-top: 24px;
  padding: clamp(18px, 2.5vw, 28px);
  border: 1px solid rgba(117, 92, 255, 0.26);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(117, 92, 255, 0.08), rgba(218, 255, 93, 0.04));
}

.workspace-creation-disclosure > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.workspace-creation-disclosure > header span,
.workspace-creation-disclosure > header small {
  color: #8f6cff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-creation-disclosure h3,
.workspace-creation-disclosure p { margin: 0; }
.workspace-creation-disclosure h3 { margin-top: 4px; font-size: clamp(1.25rem, 2vw, 1.75rem); }
.workspace-creation-disclosure > p { max-width: 760px; color: var(--preview-muted, #68646c); line-height: 1.55; }

.workspace-creation-disclosure-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.workspace-creation-disclosure-options label {
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  gap: 3px 10px;
  min-height: 74px;
  padding: 12px;
  border: 1px solid rgba(20, 18, 24, 0.15);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
  cursor: pointer;
}

.workspace-creation-disclosure-options input {
  position: absolute;
  opacity: 0;
}

.workspace-creation-disclosure-options label:has(input:checked) {
  border-color: #7b5cff;
  box-shadow: 0 0 0 2px rgba(123, 92, 255, 0.18);
}

.workspace-creation-disclosure-options label:has(input:focus-visible) { outline: 3px solid rgba(123, 92, 255, 0.36); outline-offset: 2px; }
.workspace-creation-disclosure-options b { align-self: end; font-size: 0.82rem; }
.workspace-creation-disclosure-options small { align-self: start; color: #77727d; font-size: 0.7rem; }

.creation-mark {
  grid-row: 1 / span 2;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 3px solid #17161a;
  border-radius: 9px;
  color: #17161a;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1;
}

.creation-mark.is-generated { color: #fff; background: #17161a; font-size: 1.25rem; }
.creation-mark.is-assisted { align-items: end; justify-items: end; padding: 3px; font-size: 1.05rem; }
.creation-mark.is-human { width: 44px; border: 0; border-radius: 6px; color: #fff; background: #17161a; font-size: 0.58rem; letter-spacing: -0.04em; }
.creation-mark.is-unverified { border-style: dashed; }

.workspace-creation-component-editor {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
}

.workspace-creation-component-editor[hidden] { display: none; }
.workspace-creation-component-editor > div:first-child { display: grid; gap: 3px; }
.workspace-creation-component-editor > div:first-child small { color: #77727d; }
.workspace-creation-component-editor [data-upload-creation-component-list] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.workspace-creation-component-editor label { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 10px; border: 1px solid rgba(20, 18, 24, 0.1); border-radius: 10px; }
.workspace-creation-component-editor label span { overflow: hidden; font-size: 0.78rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.workspace-creation-component-editor select { min-width: 100px; padding: 7px 9px; border: 1px solid rgba(20, 18, 24, 0.18); border-radius: 8px; background: #fff; }

.workspace-creation-certification { display: flex; align-items: flex-start; gap: 10px; }
.workspace-creation-certification input { width: 20px; height: 20px; margin-top: 2px; accent-color: #7658ef; }
.workspace-creation-certification span { display: grid; gap: 3px; }
.workspace-creation-certification small { color: #77727d; line-height: 1.4; }

@media (max-width: 860px) {
  .workspace-creation-disclosure-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .workspace-creation-disclosure > header { display: grid; gap: 5px; }
  .workspace-creation-disclosure-options,
  .workspace-creation-component-editor [data-upload-creation-component-list] { grid-template-columns: 1fr; }
}

/* Task 304: reference count is separate from transformation style. */
.workspace-reference-choice-row button b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .45rem;
}

.workspace-reference-choice-row button b > i {
  display: inline-grid;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: .58rem;
  font-style: normal;
  font-weight: 900;
  opacity: .62;
}

@media (prefers-reduced-motion: reduce) {
  .workspace-start,
  .workspace-start-dialog {
    animation: none;
  }
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--workspace-paper);
  color: var(--workspace-ink);
}

body.has-workspace-modal {
  overflow: hidden;
}

.workspace-confirm-backdrop {
  position: fixed;
  z-index: 10040;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(8, 8, 12, .68);
  backdrop-filter: blur(7px);
}

.workspace-confirm-dialog {
  position: relative;
  display: grid;
  width: min(100%, 540px);
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 20px;
  overflow: hidden;
  padding: 34px;
  border: 1px solid #cfc7bd;
  border-radius: 20px;
  background: #fffdf8;
  box-shadow: 0 32px 90px rgba(0, 0, 0, .34);
  animation: workspace-confirm-in 180ms ease-out both;
}

.workspace-confirm-dialog::before {
  position: absolute;
  inset: 0 0 auto;
  height: 6px;
  background: linear-gradient(90deg, var(--workspace-violet-deep), var(--workspace-violet), var(--workspace-cyan));
  content: "";
}

.workspace-confirm-mark {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  color: #fff;
  background: #111116;
  box-shadow: 7px 7px 0 rgba(140, 98, 246, .25);
}

.workspace-confirm-mark span {
  font-size: 1.45rem;
  line-height: 1;
}

.workspace-confirm-mark.is-verification {
  background: var(--workspace-violet-deep);
  box-shadow: 7px 7px 0 rgba(140, 98, 246, .28);
}

.workspace-confirm-mark.is-remove {
  background: linear-gradient(145deg, #d5536d, #9c2942);
  box-shadow: 7px 7px 0 rgba(213, 83, 109, .2);
}

.workspace-confirm-primary.is-danger {
  background: #a72d49;
}

.workspace-confirm-mark.is-age span {
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: -.05em;
}

.workspace-confirm-copy {
  display: grid;
  gap: 7px;
  padding-right: 24px;
}

.workspace-confirm-copy small {
  color: var(--workspace-violet-deep);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.workspace-confirm-copy h2 {
  margin: 0;
  color: #111116;
  font-size: clamp(1.45rem, 4vw, 1.85rem);
  letter-spacing: -.035em;
  line-height: 1.05;
}

.workspace-confirm-copy p {
  margin: 2px 0 0;
  color: #686169;
  font-size: .86rem;
  line-height: 1.55;
}

.workspace-trial-upgrade-dialog .workspace-confirm-heading,
.workspace-trial-upgrade-dialog .workspace-confirm-copy {
  display: grid;
  gap: 9px;
}

.workspace-trial-upgrade-benefits {
  display: grid;
  gap: 9px;
  margin: 5px 0 0;
  padding: 0;
  list-style: none;
}

.workspace-trial-upgrade-benefits li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  color: #302936;
  font-size: .79rem;
  font-weight: 780;
  line-height: 1.35;
  animation: workspace-trial-benefit-in 220ms ease-out both;
}

.workspace-trial-upgrade-benefits li::before {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 1px solid rgba(106, 73, 217, .24);
  border-radius: 50%;
  color: var(--workspace-violet-deep);
  background: #f0eaff;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1;
  content: "\2713";
}

.workspace-trial-upgrade-benefits li:nth-child(2) { animation-delay: 45ms; }
.workspace-trial-upgrade-benefits li:nth-child(3) { animation-delay: 90ms; }

.workspace-confirm-copy .workspace-confirm-status {
  color: #9c2942;
  font-weight: 850;
}

.workspace-verification-defer {
  position: relative;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 15px 16px;
  border: 1px solid #d8cfe8;
  border-radius: 14px;
  background: linear-gradient(135deg, #f7f3ff, #fffdf8);
  cursor: pointer;
}

.workspace-verification-defer input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.workspace-verification-defer > span {
  position: relative;
  width: 42px;
  height: 24px;
  border-radius: 999px;
  background: #c9c4cc;
  transition: background 160ms ease;
}

.workspace-verification-defer > span::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
  content: "";
  transition: transform 160ms ease;
}

.workspace-verification-defer input:checked + span { background: var(--workspace-violet-deep); }
.workspace-verification-defer input:checked + span::after { transform: translateX(18px); }
.workspace-verification-defer input:focus-visible + span {
  outline: 3px solid rgba(140, 98, 246, .34);
  outline-offset: 3px;
}

.workspace-verification-defer > b {
  display: grid;
  gap: 3px;
  font-weight: inherit;
}

.workspace-verification-defer strong {
  color: #28202f;
  font-size: .82rem;
}

.workspace-verification-defer small {
  color: #746c79;
  font-size: .72rem;
  font-weight: 650;
  line-height: 1.4;
}

.workspace-confirm-close {
  position: absolute;
  z-index: 1;
  top: 18px;
  right: 20px;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #5d565f;
  background: transparent;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.workspace-confirm-close:hover {
  color: #111116;
  background: #eee9e3;
}

.workspace-confirm-actions {
  display: flex;
  grid-column: 1 / -1;
  gap: 10px;
  justify-content: flex-end;
  padding-top: 6px;
}

.workspace-confirm-actions button,
.workspace-confirm-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 10px;
  font-size: .78rem;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.workspace-confirm-cancel {
  border: 1px solid #c9c1b8;
  color: #28242c;
  background: #fff;
}

.workspace-confirm-cancel:hover {
  border-color: #8d837a;
  background: #f5f1ec;
}

.workspace-confirm-primary {
  border: 1px solid #111116;
  color: #fff;
  background: #111116;
  box-shadow: 5px 5px 0 rgba(140, 98, 246, .28);
}

.workspace-confirm-primary:hover {
  border-color: var(--workspace-violet-deep);
  background: var(--workspace-violet-deep);
}

.workspace-confirm-actions button:disabled {
  cursor: wait;
  opacity: .62;
}

.workspace-confirm-actions .workspace-release-pass-action {
  border-color: #111116;
  color: #111116;
  background: linear-gradient(135deg, #e5ff48, #b9f4d9);
  box-shadow: 7px 7px 0 rgba(126, 95, 237, 0.2);
}

.workspace-confirm-actions .workspace-release-pass-action:hover,
.workspace-confirm-actions .workspace-release-pass-action:focus-visible {
  transform: translateY(-1px);
  box-shadow: 9px 9px 0 rgba(126, 95, 237, 0.27);
}

.workspace-cycle-strip.is-release-pass-ready {
  border-color: rgba(126, 95, 237, 0.32);
  background: linear-gradient(115deg, rgba(240, 235, 255, 0.95), rgba(232, 255, 244, 0.92));
}

.workspace-confirm-dialog button:focus-visible,
.workspace-confirm-dialog a:focus-visible {
  outline: 3px solid rgba(140, 98, 246, .4);
  outline-offset: 3px;
}

@keyframes workspace-confirm-in {
  from { opacity: 0; transform: translateY(10px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes workspace-trial-benefit-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 520px) {
  .workspace-confirm-backdrop { padding: 16px; }
  .workspace-confirm-dialog {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    padding: 28px 22px 22px;
    border-radius: 16px;
  }
  .workspace-confirm-mark { width: 44px; height: 44px; border-radius: 13px; }
  .workspace-confirm-copy { padding-right: 18px; }
  .workspace-trial-upgrade-benefits { gap: 8px; }
  .workspace-trial-upgrade-benefits li { font-size: .76rem; }
  .workspace-verification-defer { grid-template-columns: 42px minmax(0, 1fr); padding: 13px; }
  .workspace-confirm-actions { display: grid; grid-template-columns: 1fr; }
  .workspace-confirm-actions button,
  .workspace-confirm-actions a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-step-actions.is-floating {
    animation: none;
  }
  .workspace-confirm-dialog { animation: none; }
  .workspace-trial-upgrade-benefits li { animation: none; }
}

/* Task 85: keep verification in a short, focused progress workspace. */
.workspace-verification-progress-backdrop {
  position: fixed;
  z-index: 10020;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(8, 8, 12, .72);
  backdrop-filter: blur(11px) saturate(.78);
  animation: workspace-verification-progress-backdrop-in 160ms ease-out both;
}

.workspace-verification-progress-card {
  --verification-progress-tone: var(--workspace-violet-deep);
  position: relative;
  display: grid;
  width: min(100%, 440px);
  justify-items: center;
  gap: 12px;
  overflow: hidden;
  padding: 38px 34px 32px;
  border: 1px solid #cfc7bd;
  border-radius: 22px;
  color: #111116;
  background: #fffdf8;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .4);
  text-align: center;
  outline: none;
  animation: workspace-verification-progress-card-in 190ms ease-out both;
}

.workspace-verification-progress-card::before {
  position: absolute;
  inset: 0 0 auto;
  height: 6px;
  background: linear-gradient(90deg, var(--workspace-violet-deep), var(--workspace-violet), var(--workspace-cyan));
  content: "";
}

.workspace-verification-progress-card[data-state="success"] {
  --verification-progress-tone: #31896c;
}

.workspace-verification-progress-card[data-state="attention"] {
  --verification-progress-tone: #bd7a20;
}

.workspace-verification-progress-card[data-state="error"] {
  --verification-progress-tone: #c54868;
}

.workspace-verification-progress-card > small {
  color: var(--verification-progress-tone);
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: color 180ms ease;
}

.workspace-verification-progress-ring {
  position: relative;
  display: grid;
  width: 108px;
  height: 108px;
  place-items: center;
  margin: 4px 0 2px;
  border-radius: 50%;
  filter: drop-shadow(0 13px 22px rgba(104, 68, 216, .2));
}

.workspace-verification-progress-ring::before,
.workspace-verification-progress-ring::after {
  position: absolute;
  border-radius: 50%;
  content: "";
}

.workspace-verification-progress-ring::before {
  inset: 0;
  background: conic-gradient(from 0deg, var(--workspace-violet-deep), var(--workspace-violet), var(--workspace-cyan), var(--workspace-mint), rgba(104, 68, 216, .16), var(--workspace-violet-deep));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 0);
  animation: workspace-verification-progress-spin 920ms linear infinite;
}

.workspace-verification-progress-ring::after {
  inset: 16px;
  border: 1px solid rgba(104, 68, 216, .13);
  background: radial-gradient(circle at 35% 30%, #fff, #f7f3ff 72%);
  box-shadow: inset 0 0 0 7px rgba(140, 98, 246, .035);
  animation: workspace-verification-progress-breathe 1.35s ease-in-out infinite;
}

.workspace-verification-progress-ring > span {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 2.45rem;
  font-weight: 950;
  line-height: 1;
  opacity: 0;
  transform: scale(.56) rotate(-8deg);
}

.workspace-verification-progress-card:not([data-state="checking"]) .workspace-verification-progress-ring {
  filter: drop-shadow(0 14px 24px color-mix(in srgb, var(--verification-progress-tone) 30%, transparent));
}

.workspace-verification-progress-card:not([data-state="checking"]) .workspace-verification-progress-ring::before {
  background: var(--verification-progress-tone);
  -webkit-mask: none;
  mask: none;
  animation: workspace-verification-progress-finish 380ms cubic-bezier(.2, .9, .3, 1.25) both;
}

.workspace-verification-progress-card:not([data-state="checking"]) .workspace-verification-progress-ring::after {
  opacity: 0;
  animation: none;
}

.workspace-verification-progress-card:not([data-state="checking"]) .workspace-verification-progress-ring > span {
  animation: workspace-verification-progress-glyph-in 310ms 55ms cubic-bezier(.2, .9, .3, 1.3) both;
}

.workspace-verification-progress-card h2 {
  margin: 0;
  font-size: clamp(1.6rem, 5vw, 2rem);
  letter-spacing: -.045em;
  line-height: 1.04;
}

.workspace-verification-progress-card p {
  min-height: 2.8em;
  margin: 0;
  color: #625c65;
  font-size: .9rem;
  font-weight: 650;
  line-height: 1.5;
}

.workspace-verification-progress-detail {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #dcd4e9;
  border-radius: 999px;
  color: #5f536d;
  background: #f8f4ff;
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .025em;
  transition: border-color 180ms ease, color 180ms ease, background 180ms ease;
}

.workspace-verification-progress-card:not([data-state="checking"]) .workspace-verification-progress-detail {
  border-color: color-mix(in srgb, var(--verification-progress-tone) 30%, #fff);
  color: var(--verification-progress-tone);
  background: color-mix(in srgb, var(--verification-progress-tone) 8%, #fffdf8);
}

.workspace-verification-result-list {
  display: grid;
  width: 100%;
  gap: 8px;
  margin-top: 2px;
}

.workspace-verification-result-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #ddd7cf;
  border-radius: 12px;
  background: #fbf8f3;
  text-align: left;
}

.workspace-verification-result-row > [data-verification-result-mark] {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: #31896c;
  font-size: 1rem;
  font-weight: 950;
}

.workspace-verification-result-row[data-status="attention"] > [data-verification-result-mark] { background: #bd7a20; }
.workspace-verification-result-row[data-status="error"] > [data-verification-result-mark] { background: #c54868; }

.workspace-verification-result-row > span:last-child {
  display: grid;
  gap: 1px;
}

.workspace-verification-result-row small {
  color: #77717b;
  font-size: .59rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace-verification-result-row strong {
  color: #2c2730;
  font-size: .76rem;
  line-height: 1.2;
}

.workspace-verification-result-actions {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 4px;
}

.workspace-verification-result-actions button {
  min-height: 45px;
  padding: 10px 13px;
}

@keyframes workspace-verification-progress-backdrop-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes workspace-verification-progress-card-in {
  from { opacity: 0; transform: translateY(12px) scale(.975); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes workspace-verification-progress-spin {
  to { transform: rotate(1turn); }
}

@keyframes workspace-verification-progress-breathe {
  50% { transform: scale(.94); opacity: .72; }
}

@keyframes workspace-verification-progress-finish {
  from { opacity: .3; transform: scale(.72) rotate(-12deg); }
  to { opacity: 1; transform: scale(.82) rotate(0); }
}

@keyframes workspace-verification-progress-glyph-in {
  from { opacity: 1; transform: scale(.56) rotate(-8deg); }
  to { opacity: 1; transform: scale(.82) rotate(0); }
}

@media (max-width: 520px) {
  .workspace-verification-progress-backdrop { padding: 16px; }
  .workspace-verification-progress-card {
    width: min(100%, 344px);
    gap: 10px;
    padding: 32px 22px 27px;
    border-radius: 19px;
  }
  .workspace-verification-progress-ring {
    width: 96px;
    height: 96px;
  }
  .workspace-verification-progress-card p { min-height: 2.65em; font-size: .84rem; }
  .workspace-verification-result-actions { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-verification-progress-backdrop,
  .workspace-verification-progress-card,
  .workspace-verification-progress-ring::before,
  .workspace-verification-progress-ring::after,
  .workspace-verification-progress-ring > span {
    animation: none !important;
    transition: none !important;
  }
  .workspace-verification-progress-card:not([data-state="checking"]) .workspace-verification-progress-ring::before {
    transform: scale(.82);
  }
  .workspace-verification-progress-card:not([data-state="checking"]) .workspace-verification-progress-ring > span {
    opacity: 1;
    transform: scale(.82);
  }
}

/* Studio Task 644: fast package approvals, optional text sources, and actionable review evidence. */
.workspace-package-quick-review .workspace-package-quick-card {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(145px, 1fr) auto auto;
  align-content: start;
  justify-items: stretch;
  gap: 16px;
  min-height: 390px;
  padding: 22px;
  text-align: center;
}

.workspace-package-quick-review .workspace-package-quick-card h5 {
  margin: 0;
  color: #5f5667;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.workspace-package-quick-review .workspace-package-quick-card .workspace-package-quick-visual {
  width: min(100%, 190px);
  max-width: none;
  aspect-ratio: 1;
  justify-self: center;
  border-radius: 20px;
}

.workspace-package-quick-review .workspace-package-quick-card .workspace-package-quick-visual svg {
  width: 42%;
  max-width: 82px;
}

.workspace-package-quick-review .workspace-package-quick-copy {
  align-content: start;
  justify-items: center;
  gap: 7px;
}

.workspace-package-quick-review .workspace-package-quick-copy > strong {
  font-size: clamp(.95rem, 1.25vw, 1.15rem);
  overflow-wrap: normal;
}

.workspace-package-quick-filename {
  display: block;
  overflow: hidden;
  max-width: 100%;
  color: #7a717d;
  font-size: .61rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-package-quick-note {
  color: #615968;
  font-size: .62rem;
  line-height: 1.42;
}

.workspace-package-quick-note.is-attention { color: #85551b; }

.workspace-package-quick-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin-top: auto;
}

.workspace-package-quick-actions button {
  min-height: 42px;
  padding: 9px 13px;
  border: 1px solid #d2ccd7;
  border-radius: 12px;
  color: #3d3543;
  background: #f1eef3;
  font: inherit;
  font-size: .63rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-package-quick-actions .workspace-package-quick-approve.is-approved {
  border-color: #a8dbc9;
  color: #17624e;
  background: #e5f6ef;
}

.workspace-package-quick-actions .workspace-package-quick-review-link {
  border-color: transparent;
  color: #5d40bb;
  background: transparent;
}

.workspace-package-quick-actions button:hover,
.workspace-package-quick-actions button:focus-visible {
  border-color: #7050d0;
  outline: 3px solid rgba(112, 80, 208, .18);
  outline-offset: 2px;
}

.workspace-package-quick-review .workspace-package-quick-consent input[type="checkbox"],
.workspace-package-text-privacy input[type="checkbox"] {
  border: 2px solid #6d6672;
  background: #fff;
  accent-color: #6b46d5;
}

.workspace-package-text-bulk {
  border-color: #6b46d5 !important;
  color: #fff !important;
  background: #6b46d5 !important;
  box-shadow: 0 8px 18px rgba(91, 60, 191, .18) !important;
}

.workspace-package-text-bulk:hover,
.workspace-package-text-bulk:focus-visible {
  border-color: #4c2da9 !important;
  color: #fff !important;
  background: #4c2da9 !important;
}

.workspace-private-actions button,
.workspace-package-studio-text-action {
  border: 2px solid #17131b !important;
  color: #17131b !important;
  background: #fff !important;
  box-shadow: none !important;
}

.workspace-private-actions button:hover,
.workspace-private-actions button:focus-visible,
.workspace-package-studio-text-action:hover,
.workspace-package-studio-text-action:focus-visible {
  color: #fff !important;
  background: #17131b !important;
}

.workspace-upload-analysis-evidence {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 14px 15px;
  border-top: 1px solid #f0d8e0;
  background: #fff5f8;
}

.workspace-upload-analysis-evidence > div {
  display: grid;
  grid-template-columns: minmax(90px, .28fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.workspace-upload-analysis-evidence strong { color: #5a3240; font-size: .62rem; }
.workspace-upload-analysis-evidence span { color: #514850; font-size: .61rem; line-height: 1.5; }
.workspace-upload-analysis-evidence ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.workspace-upload-analysis-evidence mark { display: inline-block; padding: 5px 8px; border-radius: 7px; color: #7d1f3d; background: #ffdce7; font: inherit; font-weight: 750; }
.workspace-upload-analysis-evidence .is-unavailable { color: #806471; font-style: italic; }

.workspace-upload-details-assistant-done.is-attention-action {
  border-color: #6b46d5;
  color: #fff;
  background: #6b46d5;
}

.workspace-upload-analysis-lyrics details.is-guidance-target,
.workspace-upload-cover-result.is-guidance-target {
  outline: 4px solid rgba(107, 70, 213, .26);
  outline-offset: 5px;
}

@media (max-width: 780px) {
  .workspace-package-quick-review .workspace-package-quick-card {
    grid-template-columns: 125px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    min-height: 0;
    text-align: left;
  }
  .workspace-package-quick-review .workspace-package-quick-card h5 { grid-column: 1 / -1; }
  .workspace-package-quick-review .workspace-package-quick-card .workspace-package-quick-visual { grid-row: 2; width: 125px; }
  .workspace-package-quick-review .workspace-package-quick-copy { grid-row: 2; align-content: center; justify-items: start; }
  .workspace-package-quick-actions { grid-column: 1 / -1; }
  .workspace-upload-analysis-evidence > div { grid-template-columns: 1fr; gap: 4px; }
}

html[data-workspace-embed="releases"] {
  scroll-behavior: auto;
  background: #fff;
}

html[data-workspace-embed="releases"] body {
  background: #fff;
}

html[data-workspace-embed="releases"] .preview-header,
html[data-workspace-embed="releases"] .preview-mobile-nav,
html[data-workspace-embed="releases"] .workspace-titlebar,
html[data-workspace-embed="releases"] .workspace-view-tabs,
html[data-workspace-embed="releases"] .workspace-start,
html[data-workspace-embed="releases"] .workspace-overview,
html[data-workspace-embed="releases"] .workspace-catalog,
html[data-workspace-embed="releases"] .workspace-footer {
  display: none !important;
}

html[data-workspace-embed="releases"] .workspace-page {
  min-height: 0;
  overflow: visible;
  background: #fff;
}

html[data-workspace-embed="releases"] #studio-build-view {
  display: block !important;
  padding: 0;
}

html[data-workspace-embed="releases"] .workspace-journey {
  min-height: 100dvh;
  padding: 18px 0 34px;
  background: #fff;
}

html[data-workspace-embed="releases"] .workspace-production-surface {
  width: min(calc(100% - 28px), 1480px);
  max-width: none;
  margin: 0 auto;
}

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

button,
a {
  -webkit-tap-highlight-color: transparent;
}

.workspace-page {
  min-height: 100vh;
  overflow: clip;
  background:
    radial-gradient(circle at 7% 11%, rgba(140, 98, 246, 0.08), transparent 28rem),
    var(--workspace-paper);
}

.workspace-titlebar {
  position: relative;
  min-height: 350px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 82% 24%, rgba(109, 216, 237, 0.13), transparent 24rem),
    radial-gradient(circle at 70% 90%, rgba(140, 98, 246, 0.16), transparent 31rem),
    linear-gradient(135deg, #08080b 0%, #111117 58%, #17171d 100%);
}

.workspace-titlebar::after {
  position: absolute;
  right: 7%;
  bottom: -135px;
  width: 410px;
  height: 410px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 50%;
  box-shadow:
    0 0 0 44px rgba(255, 255, 255, 0.018),
    0 0 0 88px rgba(255, 255, 255, 0.012);
  content: "";
  pointer-events: none;
}

.workspace-titlebar-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 56px;
  align-items: end;
  padding-top: 74px;
  padding-bottom: 70px;
}

.workspace-titlebar h1 {
  max-width: 980px;
  margin: 10px 0 18px;
  font-size: clamp(3.35rem, 6.2vw, 6.9rem);
  line-height: 0.92;
  letter-spacing: -0.07em;
}

.workspace-titlebar-inner > div:first-child > p:last-child {
  max-width: 750px;
  margin: 0;
  color: #b9b8c1;
  font-size: 1.08rem;
  line-height: 1.7;
}

.workspace-account-state {
  display: grid;
  gap: 8px;
  align-self: center;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-top: 4px solid var(--workspace-cyan);
  border-radius: 12px;
  background: rgba(31, 31, 39, 0.82);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(16px);
}

.workspace-account-state span,
.workspace-account-state small {
  color: #a8a7b1;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.workspace-account-state strong {
  font-size: 1.55rem;
  line-height: 1;
}

.workspace-view-tabs {
  padding: 16px 0 0;
  border: 0;
  background: var(--workspace-card);
}

html[data-studio-active-view="overview"] .workspace-view-tabs {
  background: #e5e2e4;
}

.workspace-view-tabs-inner {
  display: block;
}

.workspace-view-tabs-track {
  display: grid;
  width: min(100%, 510px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 4px;
  border: 1px solid #e1ddd6;
  border-radius: 12px;
  background: #efede8;
}

.workspace-view-tabs button {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 44px;
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #27242c;
  text-align: center;
  background: transparent;
  cursor: pointer;
  transition: border-color 180ms ease, color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.workspace-view-tabs button:hover {
  color: var(--workspace-violet-deep);
  background: rgba(255, 255, 255, 0.58);
}

.workspace-view-tabs button[aria-selected="true"] {
  border-color: #e4dfd7;
  color: var(--workspace-violet-deep);
  background: #fff;
  box-shadow: 0 3px 9px rgba(34, 28, 45, 0.08);
}

.workspace-view-tabs button > span {
  display: none;
}

.workspace-view-tabs button:nth-child(2) > span {
  display: none;
}

.workspace-view-tabs button > strong {
  position: relative;
  font-size: 0.94rem;
  line-height: 1.15;
}

.workspace-view-tabs button[aria-selected="true"] > strong::after {
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--workspace-violet);
  content: "";
}

.workspace-view-tabs button > small {
  display: none;
}

.workspace-view-tabs button:focus-visible {
  z-index: 1;
  outline: 3px solid rgba(140, 98, 246, 0.28);
  outline-offset: 2px;
}

.workspace-tab-panel:focus,
.workspace-overview:focus {
  outline: none;
}

.workspace-overview {
  padding: 74px 0 92px;
  background:
    radial-gradient(circle at 82% 18%, rgba(109, 216, 237, 0.13), transparent 29rem),
    linear-gradient(180deg, #e5e2e4 0%, #dedbdd 100%);
}

.workspace-overview-inner {
  display: grid;
  gap: 38px;
}

.workspace-overview-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
}

.workspace-overview-heading h2 {
  margin: 8px 0 0;
  font-size: clamp(2.9rem, 4.5vw, 5.1rem);
  line-height: 0.95;
  letter-spacing: -0.055em;
}

.workspace-overview-heading > span {
  padding-bottom: 8px;
  color: #5e5a63;
  font-size: 0.82rem;
  font-weight: 900;
}

.workspace-usage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.workspace-usage-grid article {
  position: relative;
  display: grid;
  min-height: 166px;
  padding: 26px 24px 30px;
  overflow: hidden;
  border: 1px solid #4c4852;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #413d47, #36333c);
  box-shadow: 0 22px 45px rgba(29, 26, 32, 0.13);
}

.workspace-usage-grid article > span {
  align-self: start;
  color: #c2bec9;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.workspace-usage-grid article > strong {
  align-self: end;
  margin-top: 22px;
  font-size: 1.85rem;
  line-height: 1;
}

.workspace-usage-grid article > small {
  margin-top: 7px;
  color: #c6c2cc;
  font-size: 0.76rem;
  font-weight: 700;
}

.workspace-usage-grid article > i {
  position: absolute;
  right: 18px;
  bottom: 16px;
  left: 18px;
  height: 4px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.12);
}

.workspace-usage-grid article > i::after {
  display: block;
  width: var(--usage-width, 0%);
  height: 100%;
  background: var(--usage-color, var(--workspace-mint));
  content: "";
  transition: width 420ms ease;
}

.workspace-draft-library {
  overflow: hidden;
  border: 1px solid #d0ccd0;
  border-radius: 18px;
  background: #fffdfa;
  box-shadow: 0 24px 55px rgba(29, 26, 32, 0.1);
}

.workspace-draft-library > header {
  display: flex;
  gap: 24px;
  align-items: end;
  justify-content: space-between;
  padding: 28px 30px 24px;
  border-bottom: 1px solid #dedadd;
}

.workspace-draft-library h2 {
  margin: 7px 0 0;
  font-size: clamp(2rem, 3vw, 3.25rem);
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.workspace-draft-library > header > div:last-child {
  display: flex;
  gap: 16px;
  align-items: center;
}

.workspace-cycle-list-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: center;
  justify-content: flex-end;
}

.workspace-cycle-sort {
  display: flex;
  gap: 7px;
  align-items: center;
  color: #77727b;
  font-size: 0.68rem;
  font-weight: 900;
  white-space: nowrap;
}

.workspace-cycle-sort > span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.workspace-cycle-sort select {
  min-width: 122px;
  min-height: 38px;
  padding: 8px 30px 8px 10px;
  border: 1px solid #d4ceda;
  border-radius: 8px;
  color: var(--workspace-ink);
  font: inherit;
  background: #fffdfa;
  cursor: pointer;
}

.workspace-cycle-sort select:hover,
.workspace-cycle-sort select:focus-visible {
  border-color: var(--workspace-violet);
  outline: none;
  box-shadow: 0 0 0 3px rgba(128, 93, 245, 0.13);
}

.workspace-draft-library > header span {
  color: #77727b;
  font-size: 0.76rem;
  font-weight: 900;
}

.workspace-draft-library > header button {
  min-width: 116px;
  padding: 12px 17px;
  border: 1px solid var(--workspace-ink);
  border-radius: 9px;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 900;
  background: var(--workspace-ink);
  cursor: pointer;
}

.workspace-draft-library > header button:hover {
  border-color: var(--workspace-violet);
  background: var(--workspace-violet-deep);
}

.workspace-draft-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr));
  gap: 1px;
  background: #e5e1e4;
}

.workspace-draft-card {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  gap: 17px;
  align-items: center;
  min-height: 120px;
  padding: 20px 24px;
  background: #fffdfa;
}

.workspace-draft-card-visual {
  display: grid;
  width: 74px;
  height: 74px;
  overflow: hidden;
  place-items: center;
  border-radius: 15px;
  color: #fff;
  font-size: 1rem;
  font-weight: 950;
  background:
    radial-gradient(circle at 72% 25%, rgba(112, 220, 237, 0.8), transparent 34%),
    linear-gradient(145deg, var(--workspace-violet), #25212b);
}

.workspace-draft-card-visual :is(img, canvas) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workspace-draft-card-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.workspace-draft-card-copy small {
  color: var(--workspace-violet-deep);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-draft-card-copy h3 {
  margin: 0;
  overflow: hidden;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-draft-card-copy p,
.workspace-draft-card-copy span {
  margin: 0;
  color: #716c75;
  font-size: 0.72rem;
}

.workspace-draft-card > a {
  padding: 10px 12px;
  border: 1px solid #d4ceda;
  border-radius: 8px;
  color: var(--workspace-violet-deep);
  font-size: 0.75rem;
  font-weight: 950;
  text-decoration: none;
  background: #f5f0ff;
}

.workspace-draft-card > a:hover {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet-deep);
}

.workspace-draft-card-actions {
  display: grid;
  gap: 7px;
  justify-items: stretch;
}

.workspace-draft-card-actions > a,
.workspace-draft-card-actions > button {
  min-width: 82px;
  padding: 10px 12px;
  border: 1px solid #d4ceda;
  border-radius: 8px;
  font: inherit;
  font-size: .75rem;
  font-weight: 950;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.workspace-draft-card-actions > a {
  color: var(--workspace-violet-deep);
  background: #f5f0ff;
}

.workspace-draft-card-actions > a:hover {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet-deep);
}

.workspace-draft-card-actions > button {
  color: #8e2941;
  background: #fff8f8;
}

.workspace-draft-card-actions > button:hover {
  border-color: #b63d57;
  color: #fff;
  background: #a72d49;
}

.workspace-draft-empty {
  display: grid;
  grid-column: 1 / -1;
  gap: 5px;
  padding: 30px;
  color: #716c75;
}

.workspace-draft-empty strong {
  color: var(--workspace-ink);
}

.workspace-draft-empty span {
  font-size: 0.78rem;
}

.workspace-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 18px;
  align-items: stretch;
}

.workspace-project-panel,
.workspace-queue-panel {
  border: 1px solid #d0ccd0;
  border-radius: 14px;
  background: #fffdfa;
  box-shadow: 0 24px 55px rgba(29, 26, 32, 0.1);
}

.workspace-project-panel {
  padding: 28px 30px 18px;
}

.workspace-project-panel > header {
  display: flex;
  gap: 22px;
  align-items: end;
  justify-content: space-between;
  padding-bottom: 23px;
}

.workspace-project-panel h2,
.workspace-queue-panel h2 {
  margin: 7px 0 0;
  font-size: clamp(2rem, 3vw, 3.25rem);
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.workspace-project-panel > header a {
  margin-bottom: 4px;
  color: var(--workspace-ink);
  font-size: 0.78rem;
  font-weight: 900;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.workspace-project-panel > header .workspace-cycle-list-actions {
  flex-shrink: 0;
}

.workspace-project-list {
  border-top: 1px solid #dedadd;
}

.workspace-project-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 84px;
  padding: 14px 0;
  border-bottom: 1px solid #e5e1e4;
}

.workspace-project-cover {
  position: relative;
  display: grid;
  width: 52px;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(53, 43, 82, 0.12);
  border-radius: 12px;
  background: linear-gradient(145deg, #eee8ff 0%, #e5f8f3 100%);
  color: var(--workspace-violet-deep);
  box-shadow: 0 9px 20px rgba(45, 37, 66, 0.11);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.04em;
}

.workspace-project-cover :is(img, canvas) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workspace-project-cover.has-image > span {
  opacity: 0;
}

.workspace-project-status {
  position: absolute;
  right: 4px;
  bottom: 4px;
  z-index: 1;
  width: 10px;
  height: 10px;
  border: 2px solid #fffdfa;
  border-radius: 50%;
  background: var(--job-color, var(--workspace-mint));
  box-shadow: 0 2px 5px rgba(20, 18, 25, 0.2);
}

.workspace-project-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.workspace-project-row strong {
  overflow: hidden;
  font-size: 0.91rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-project-row small {
  color: #77727b;
  font-size: 0.76rem;
}

.workspace-project-row a {
  color: var(--workspace-violet-deep);
  font-size: 0.78rem;
  font-weight: 900;
  text-underline-offset: 3px;
}

.workspace-queue-panel {
  display: flex;
  flex-direction: column;
  padding: 28px 26px 24px;
}

.workspace-queue-status {
  display: flex;
  gap: 9px;
  align-items: center;
  margin: 23px 0 18px;
  font-size: 0.78rem;
  font-weight: 900;
}

.workspace-queue-status i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--workspace-mint);
  box-shadow: 0 0 0 5px rgba(127, 225, 195, 0.17);
}

.workspace-queue-panel dl {
  margin: 0 0 26px;
}

.workspace-queue-panel dl > div {
  display: flex;
  justify-content: space-between;
  padding: 14px 0;
  border-top: 1px solid #e3dfe2;
}

.workspace-queue-panel dt {
  color: #77727b;
  font-size: 0.78rem;
}

.workspace-queue-panel dd {
  margin: 0;
  font-size: 0.86rem;
  font-weight: 900;
}

.workspace-queue-panel > button {
  width: 100%;
  margin-top: auto;
  padding: 15px 18px;
  border: 1px solid var(--workspace-lime);
  border-radius: 8px;
  color: var(--workspace-ink);
  font-size: 0.82rem;
  font-weight: 900;
  background: var(--workspace-lime);
  cursor: pointer;
}

.workspace-queue-panel > button:hover {
  border-color: var(--workspace-ink);
  color: #fff;
  background: var(--workspace-ink);
}

.workspace-catalog {
  padding: 78px 0 88px;
  color: #fff;
  background:
    radial-gradient(circle at 76% 22%, rgba(140, 98, 246, 0.13), transparent 28rem),
    var(--workspace-dark);
}

.workspace-catalog-inner {
  display: grid;
  gap: 30px;
}

.workspace-catalog-inner > header {
  display: flex;
  gap: 24px;
  align-items: end;
  justify-content: space-between;
}

.workspace-catalog h2 {
  margin: 8px 0 0;
  font-size: clamp(2.9rem, 4.5vw, 5rem);
  line-height: 0.95;
  letter-spacing: -0.055em;
}

.workspace-catalog-inner > header > a {
  margin-bottom: 7px;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 900;
  text-underline-offset: 5px;
}

.workspace-release-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.workspace-release-card,
.workspace-release-placeholder {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #35343d;
  border-radius: 10px;
  background: var(--workspace-dark-soft);
}

.workspace-release-placeholder {
  display: grid;
  grid-column: 1 / -1;
  gap: 10px;
  min-height: 235px;
  place-content: center;
  padding: 34px;
  text-align: center;
}

.workspace-release-placeholder span {
  color: var(--workspace-violet);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.workspace-release-placeholder strong {
  font-size: 1.35rem;
}

.workspace-release-cover {
  position: relative;
  display: grid;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  color: #77737f;
  font-size: 1.25rem;
  font-weight: 900;
  text-align: center;
  background:
    radial-gradient(circle at 30% 20%, rgba(109, 216, 237, 0.18), transparent 14rem),
    #0a0a0e;
}

.workspace-release-cover :is(img, canvas) {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}

.workspace-release-state {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  padding: 7px 9px;
  border-radius: 5px;
  color: var(--workspace-ink);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
  background: var(--workspace-mint);
}

.workspace-release-copy {
  display: grid;
  gap: 7px;
  padding: 18px 17px 20px;
}

.workspace-release-copy h3 {
  overflow: hidden;
  margin: 0;
  font-size: 1.03rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-release-copy p {
  overflow: hidden;
  margin: 0;
  color: #aaa7b1;
  font-size: 0.76rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-release-copy a {
  justify-self: start;
  margin-top: 7px;
  color: #fff;
  font-size: 0.76rem;
  font-weight: 900;
  text-underline-offset: 4px;
}

.workspace-start {
  padding: 72px 0 56px;
  border-bottom: 1px solid var(--workspace-line);
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.82), rgba(255, 253, 248, 0.96)),
    var(--workspace-card);
}

.workspace-start-inner {
  display: grid;
  gap: 30px;
}

.workspace-start-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 470px);
  gap: 48px;
  align-items: end;
}

.workspace-start-heading h2,
.workspace-progress-copy h2 {
  margin: 8px 0 0;
  font-size: clamp(2.4rem, 4vw, 4.6rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.workspace-start-heading > p {
  margin: 0;
  color: var(--workspace-muted);
  font-size: 1.02rem;
  line-height: 1.65;
}

.workspace-source-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.workspace-source-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 22px;
  min-height: 255px;
  padding: 30px 32px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 16px;
  color: #0b0b0e;
  text-align: left;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.workspace-source-card::after {
  position: absolute;
  right: -80px;
  bottom: -110px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(255, 255, 255, 0.12);
  content: "";
}

.workspace-source-card.create {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 55%),
    #ab82ff;
}

.workspace-source-card.upload {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.26), transparent 55%),
    var(--workspace-cyan);
}

.workspace-source-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(31, 24, 48, 0.13);
}

.workspace-source-card[aria-pressed="true"] {
  border-color: #101015;
  box-shadow:
    0 0 0 5px rgba(140, 98, 246, 0.13),
    0 26px 55px rgba(31, 24, 48, 0.17);
}

.workspace-source-card > span,
.workspace-source-card > small,
.workspace-source-card > strong,
.workspace-source-card > p,
.workspace-source-card > b {
  position: relative;
  z-index: 1;
}

.workspace-source-card > span {
  grid-column: 1;
  width: max-content;
  font-size: 0.78rem;
  font-weight: 950;
}

.workspace-source-card > small {
  grid-column: 1 / -1;
  align-self: end;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.workspace-source-card > strong {
  grid-column: 1 / -1;
  font-size: clamp(2.5rem, 4.3vw, 4.8rem);
  line-height: 0.95;
  letter-spacing: -0.055em;
}

.workspace-source-card > p {
  grid-column: 1;
  max-width: 550px;
  margin: 2px 0 0;
  font-weight: 700;
  line-height: 1.45;
}

.workspace-source-card > b {
  grid-column: 2;
  align-self: end;
  padding-bottom: 2px;
  border-bottom: 2px solid currentColor;
  white-space: nowrap;
}

.workspace-source-card i {
  padding-left: 4px;
  font-style: normal;
}

.workspace-source-entitlement {
  position: absolute;
  z-index: 2;
  top: 24px;
  right: 28px;
  max-width: min(48%, 280px);
  padding: 8px 12px;
  border: 1px solid rgba(10, 10, 14, 0.35);
  border-radius: 999px;
  color: #101015;
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1.25;
  text-align: center;
  background: rgba(255, 255, 255, 0.86);
}

.workspace-source-entitlement[data-state="available"] {
  background: var(--workspace-lime);
}

.workspace-source-entitlement[data-state="blocked"] {
  color: #fff;
  background: var(--workspace-violet-deep);
}

.workspace-source-entitlement[data-state="limit"] {
  color: #fff;
  background: #b82938;
}

.workspace-source-entitlement[data-state="error"] {
  color: #fff;
  background: var(--workspace-dark);
}

.workspace-start-options {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 22px 24px;
  border: 1px solid var(--workspace-line);
  border-radius: 14px;
  background: #fbf9f4;
}

.workspace-start-options > div:first-child {
  display: grid;
  gap: 4px;
}

.workspace-start-options span {
  color: var(--workspace-violet-deep);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.workspace-start-options strong {
  color: #3f3c43;
  font-size: 0.95rem;
  line-height: 1.45;
}

.workspace-segmented {
  display: inline-flex;
  gap: 5px;
  padding: 5px;
  border: 1px solid #d2cec6;
  border-radius: 11px;
  background: #ece8e0;
}

.workspace-segmented button {
  min-width: 112px;
  padding: 12px 20px;
  border: 0;
  border-radius: 7px;
  color: #77737c;
  font-weight: 900;
  cursor: pointer;
  background: transparent;
}

.workspace-segmented button[aria-pressed="true"] {
  color: #fff;
  background: var(--workspace-dark);
  box-shadow: 0 8px 22px rgba(15, 15, 20, 0.18);
}

.workspace-local-note {
  margin: -10px 0 0;
  color: #88848c;
  font-size: 0.78rem;
}

.workspace-journey,
.workspace-upload-stage {
  scroll-margin-top: 72px;
  padding: 38px 0 82px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent 180px),
    var(--workspace-paper);
}

.workspace-production-surface {
  overflow: hidden;
  padding: 30px;
  border: 1px solid rgba(190, 181, 169, 0.72);
  border-radius: 30px;
  background:
    radial-gradient(circle at 94% 2%, rgba(121, 210, 225, 0.12), transparent 22rem),
    linear-gradient(180deg, #fffefa 0, #fffdfa 46%, #fbf8f3 100%);
  box-shadow: 0 30px 80px rgba(44, 37, 56, 0.11);
}

.workspace-progress-shell {
  padding: 6px 6px 2px;
  color: var(--workspace-ink);
  background: transparent;
}

.workspace-progress-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 42px;
  align-items: end;
  padding: 8px 10px 26px;
}

.workspace-progress-copy .preview-eyebrow {
  grid-column: 1 / -1;
}

.workspace-progress-copy h2 {
  font-size: clamp(2rem, 3.5vw, 3.6rem);
}

.workspace-progress-copy > span,
.workspace-step-guidance {
  color: var(--workspace-muted);
  font-size: 0.84rem;
}

.workspace-step-guidance,
.workspace-guidance-label {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}

.workspace-inline-disclosure {
  position: relative;
  display: inline-flex;
  align-items: center;
  text-transform: none;
}

.workspace-guidance-info {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid rgba(104, 69, 189, 0.34);
  border-radius: 50%;
  color: var(--workspace-violet-deep);
  background: rgba(255, 255, 255, 0.9);
  cursor: help;
  font: 900 0.72rem/1 var(--font-sans, inherit);
}

.workspace-guidance-info:hover,
.workspace-guidance-info[aria-expanded="true"] {
  color: #fff;
  background: var(--workspace-violet-deep);
}

.workspace-guidance-info:focus-visible {
  outline: 3px solid rgba(139, 92, 246, 0.3);
  outline-offset: 2px;
}

.workspace-inline-disclosure > small {
  position: absolute;
  z-index: 28;
  top: calc(100% + 9px);
  right: 0;
  width: min(280px, calc(100vw - 48px));
  padding: 10px 12px;
  border: 1px solid rgba(17, 16, 22, 0.13);
  border-radius: 11px;
  color: #f8f7fb;
  background: rgba(24, 22, 30, 0.97);
  box-shadow: 0 14px 34px rgba(17, 16, 22, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  pointer-events: none;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.45;
  text-align: left;
  text-transform: none;
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

.workspace-inline-disclosure:hover > small,
.workspace-guidance-info:focus-visible + small,
.workspace-guidance-info[aria-expanded="true"] + small {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.workspace-progress-copy b {
  color: var(--workspace-violet-deep);
}

.workspace-steps {
  --workspace-step-progress: 0%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 0 22px 26px;
}

.workspace-steps::before,
.workspace-steps::after {
  position: absolute;
  z-index: 0;
  top: 39px;
  left: 10%;
  height: 3px;
  border-radius: 999px;
  content: "";
}

.workspace-steps::before {
  right: 10%;
  background: #d7d3cc;
}

.workspace-steps::after {
  width: var(--workspace-step-progress);
  background: linear-gradient(90deg, var(--workspace-mint), var(--workspace-violet));
  transition: width 620ms cubic-bezier(0.22, 1, 0.36, 1);
}

.workspace-steps button {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: 56px auto auto;
  gap: 5px;
  justify-items: center;
  padding: 12px 10px;
  border: 0;
  color: #77737d;
  text-align: center;
  cursor: pointer;
  background: transparent;
}

.workspace-steps button > span {
  position: relative;
  z-index: 2;
  display: grid;
  width: 56px;
  height: 56px;
  border: 2px solid #bbb7b0;
  border-radius: 50%;
  color: #67636d;
  background: var(--workspace-paper);
  place-items: center;
  font-size: 1.08rem;
  font-weight: 950;
  line-height: 1;
  transition: color 220ms ease, background 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.workspace-steps button strong {
  color: #454149;
  font-size: 0.9rem;
}

.workspace-steps button small {
  font-size: 0.7rem;
}

.workspace-steps button[data-status="current"] {
  color: #57525d;
}

.workspace-steps button[data-status="current"] > span {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet);
  box-shadow: 0 0 0 7px rgba(140, 98, 246, 0.15);
  animation: workspace-step-arrive 860ms ease-out 1;
}

.workspace-steps button[data-status="current"] strong {
  color: #17151b;
}

.workspace-steps button[data-status="complete"] > span {
  border-color: var(--workspace-mint);
  color: #0b2c24;
  background: var(--workspace-mint);
  box-shadow: 0 0 0 7px rgba(123, 224, 205, 0.22);
  font-size: 0;
  animation: workspace-step-complete 660ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.workspace-steps button[data-status="complete"] > span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 12px;
  border-bottom: 4px solid currentColor;
  border-left: 4px solid currentColor;
  content: "";
  transform: translate(-50%, -68%) rotate(-45deg);
}

.workspace-steps button[data-status="complete"] strong {
  color: #275f51;
}

.workspace-steps button[data-status="attention"] > span {
  border-color: #e2ae36;
  color: #583b05;
  background: #f3c755;
  box-shadow: 0 0 0 7px rgba(243, 199, 85, .25);
  font-size: 0;
  animation: workspace-step-attention 760ms cubic-bezier(.22, 1, .36, 1) both;
}

.workspace-steps button[data-status="attention"] > span::before {
  position: absolute;
  inset: 5px;
  display: grid;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, .78);
  border-radius: 50%;
  box-sizing: border-box;
  content: "!";
  place-items: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.55rem;
  font-weight: 950;
  line-height: 1;
}

.workspace-steps button[data-status="attention"] strong {
  color: #74500a;
}

.workspace-steps button[data-status="attention"][data-attention-tone="error"] > span {
  border-color: #cf7187;
  color: #651f34;
  background: #e58ca0;
  box-shadow: 0 0 0 7px rgba(229, 140, 160, .2);
}

.workspace-steps button[data-status="attention"][data-attention-tone="error"] strong {
  color: #8f263c;
}

@keyframes workspace-step-arrive {
  0%, 100% { box-shadow: 0 0 0 7px rgba(140, 98, 246, 0.15); }
  45% { box-shadow: 0 0 0 15px rgba(140, 98, 246, 0.08); }
}

@keyframes workspace-step-complete {
  0% {
    box-shadow: 0 0 0 0 rgba(123, 224, 205, 0);
    transform: scale(0.88);
  }
  58% {
    box-shadow: 0 0 0 13px rgba(123, 224, 205, 0.12);
    transform: scale(1.04);
  }
  100% {
    box-shadow: 0 0 0 7px rgba(123, 224, 205, 0.22);
    transform: scale(1);
  }
}

@keyframes workspace-step-attention {
  0% {
    box-shadow: 0 0 0 0 rgba(243, 199, 85, 0);
    transform: scale(.9);
  }
  58% {
    box-shadow: 0 0 0 14px rgba(243, 199, 85, .13);
    transform: scale(1.05);
  }
  100% {
    box-shadow: 0 0 0 7px rgba(243, 199, 85, .25);
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-steps::after { transition: none; }
  .workspace-steps button[data-status="current"] > span,
  .workspace-steps button[data-status="complete"] > span,
  .workspace-steps button[data-status="attention"] > span { animation: none; }
}

.workspace-artist-image,
.workspace-lyrics-panel {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid #d9d0c4;
  border-radius: 18px;
  background: #f5f0e9;
}

.workspace-artist-image {
  background: #f2f2f2;
}

.workspace-artist-image[data-studio-decide="true"] {
  gap: 0;
  padding-block: 15px;
}

.workspace-artist-image[data-studio-decide="true"] .workspace-artist-image-main {
  grid-template-columns: minmax(0, 1fr);
}

.workspace-artist-image[data-studio-decide="true"] .workspace-artist-image-copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.workspace-artist-image[data-studio-decide="true"] :is(
  .workspace-artist-image-copy > small,
  .workspace-artist-image-slots,
  .workspace-artist-image-actions,
  .workspace-artist-image-controls,
  [data-artist-image-status],
  [data-artist-image-retry]
) {
  display: none !important;
}

.workspace-artist-image[data-studio-decide="true"] .workspace-studio-decide {
  flex: 0 0 auto;
  margin-left: auto;
}

.workspace-artist-image-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
}

.workspace-artist-image-actions {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  justify-content: end;
  gap: 8px;
}

.workspace-artist-image-actions > small {
  grid-column: 1 / -1;
  max-width: 290px;
  color: #6f6872;
  font-size: .69rem;
  line-height: 1.35;
  text-align: right;
}

.workspace-artist-generate-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid var(--workspace-violet);
  border-radius: 12px;
  color: #fff;
  background: var(--workspace-violet);
  box-shadow: 0 8px 18px rgba(92, 61, 189, .18);
  font: inherit;
  font-weight: 850;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.workspace-artist-generate-button span {
  font-size: 1.02rem;
  line-height: 1;
}

.workspace-artist-generate-button b { font: inherit; }

.workspace-artist-generate-button:hover:not(:disabled) {
  background: #6f49da;
  box-shadow: 0 10px 22px rgba(92, 61, 189, .24);
  transform: translateY(-1px);
}

.workspace-artist-generate-button:focus-visible {
  outline: 3px solid rgba(140, 98, 246, .28);
  outline-offset: 3px;
}

.workspace-artist-generate-button:disabled {
  border-color: #c9c4d1;
  color: #8d8990;
  background: #e8e5ed;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

.workspace-artist-image-copy,
.workspace-lyrics-head > div:first-child {
  display: grid;
  gap: 4px;
}

.workspace-artist-image-slots {
  display: flex;
  align-items: center;
  gap: 10px;
}

.workspace-artist-image-main small,
.workspace-lyrics-panel small,
.workspace-lyrics-panel p,
.workspace-artist-image > p {
  margin: 0;
  color: #756e69;
  font-size: .84rem;
}

.workspace-artist-avatar {
  position: relative;
  display: grid;
  flex: 0 0 72px;
  isolation: isolate;
  place-items: center;
  width: 72px;
  height: 72px;
  padding: 0;
  overflow: hidden;
  border: 3px solid var(--artist-ring, transparent);
  border-radius: 999px;
  appearance: none;
  clip-path: circle(50% at 50% 50%);
  background: #e9e4f2;
  background-clip: padding-box;
  color: #111017;
  font-size: 1.6rem;
  font-weight: 900;
}

.workspace-artist-avatar:hover {
  box-shadow: 0 0 0 4px rgba(140, 98, 246, .16);
}

.workspace-artist-avatar.is-active {
  box-shadow: 0 0 0 3px #fffdf8, 0 0 0 6px #111116;
}

.workspace-artist-avatar.is-editing {
  outline: 3px solid var(--workspace-violet);
  outline-offset: 4px;
}

.workspace-artist-avatar.is-empty {
  border: 2px dashed #aaa096;
  background: #fffdfa;
  clip-path: none;
}

.workspace-artist-avatar.is-empty::before {
  background: linear-gradient(135deg, #f8f4ee, #e9e3da);
  transform: none;
}

.workspace-artist-avatar::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(135deg, #8b68ee, #76d6df);
  content: "";
}

.workspace-artist-image-canvas {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: scale(var(--artist-scale, 1.2));
  transform-origin: center;
}

.workspace-artist-avatar span { position: relative; z-index: 1; }
.workspace-artist-avatar.has-image span { opacity: 0; }
.workspace-artist-avatar > b {
  display: none;
}

.workspace-artist-image-replace-dialog {
  width: min(100%, 610px);
}

.workspace-artist-image-resize-dialog {
  width: min(100%, 650px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}

.workspace-artist-preparation-summary {
  display: grid;
  grid-column: 1 / -1;
  gap: 4px;
  padding: 13px 15px;
  border-left: 3px solid var(--workspace-violet);
  border-radius: 0 12px 12px 0;
  background: #f6f1ff;
}

.workspace-artist-preparation-summary strong {
  color: #242027;
  font-size: .84rem;
}

.workspace-artist-preparation-summary span {
  color: #675f69;
  font-size: .76rem;
  line-height: 1.45;
}

.workspace-artist-replace-options {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.workspace-artist-replace-options button {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px;
  border: 1px solid #cfc7bd;
  border-radius: 13px;
  color: #19161d;
  background: #fff;
  text-align: left;
  cursor: pointer;
}

.workspace-artist-replace-options button:hover {
  border-color: var(--workspace-violet);
  background: #f8f4ff;
}

.workspace-artist-replace-options i {
  position: relative;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, #8b68ee, #76d6df);
  box-shadow: 0 0 0 1px #cfc7bd;
}

.workspace-artist-image-replace-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.workspace-artist-replace-options span {
  display: grid;
  gap: 3px;
}

.workspace-artist-replace-options small {
  color: #756e69;
  font-size: .73rem;
}

.workspace-artist-image-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
  align-items: end;
  gap: 18px;
  padding-top: 14px;
  border-top: 1px solid #d9d0c4;
}

.workspace-artist-image-saved {
  display: grid;
  place-items: center;
  justify-self: end;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #11865d;
  box-shadow: 0 0 0 2px #d4eddf, 0 5px 14px #11865d33;
}

.workspace-artist-image-saved[hidden] { display: none; }
.workspace-artist-image-saved svg { width: 25px; height: 25px; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }

.workspace-artist-image-zoom {
  display: grid;
  min-width: 0;
  gap: 8px;
}

.workspace-artist-image-zoom > span {
  display: grid;
  grid-template-columns: max-content 4ch;
  align-items: baseline;
  justify-content: start;
  column-gap: .45ch;
  white-space: nowrap;
}

.workspace-artist-image-zoom > span b {
  display: inline-block;
  width: 4ch;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.workspace-artist-image-zoom input[type="range"] {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  accent-color: var(--workspace-violet);
}

.workspace-artist-upload-confirmations {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid rgba(140, 98, 246, 0.32);
  border-radius: 12px;
  background: rgba(140, 98, 246, 0.07);
}

.workspace-artist-upload-confirmations[hidden] { display: none; }

.workspace-artist-upload-confirmations label {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #29252d;
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.35;
  cursor: pointer;
}

.workspace-artist-upload-confirmations input {
  display: grid;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  place-items: center;
  margin-top: 2px;
  border: 2px solid #6f6974;
  border-radius: 4px;
  appearance: none;
  background: #fff;
  cursor: pointer;
}

.workspace-artist-upload-confirmations input::before {
  color: #fff;
  content: "\2713";
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1;
  transform: scale(0);
  transition: transform 120ms ease;
}

.workspace-artist-upload-confirmations input:checked {
  border-color: var(--workspace-violet);
  background: var(--workspace-violet);
}

.workspace-artist-upload-confirmations input:checked::before {
  transform: scale(1);
}

.workspace-artist-upload-confirmations input:focus-visible {
  outline: 3px solid rgba(140, 98, 246, 0.28);
  outline-offset: 2px;
}

.workspace-artist-processing {
  display: grid;
  grid-column: 1 / -1;
  gap: 10px;
  padding: 13px 14px;
  border: 1px solid rgba(140, 98, 246, 0.3);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(140, 98, 246, 0.09), rgba(118, 214, 223, 0.09));
}

.workspace-artist-processing[hidden] { display: none; }

.workspace-artist-processing-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #252129;
  font-size: .78rem;
  font-weight: 850;
}

.workspace-artist-processing-head b {
  flex: 0 0 auto;
  color: var(--workspace-violet-deep);
  font-size: .69rem;
}

.workspace-artist-processing-track {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(74, 65, 82, 0.14);
}

.workspace-artist-processing-track i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--workspace-violet), #67cbd8);
  transition: width 220ms ease;
}

.workspace-artist-processing ol {
  display: grid;
  grid-template-columns: repeat(var(--artist-image-processing-columns, 3), minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: artist-image-stage;
}

.workspace-artist-processing li {
  position: relative;
  min-width: 0;
  padding-left: 20px;
  color: #89818b;
  font-size: .7rem;
  font-weight: 760;
  line-height: 1.3;
  counter-increment: artist-image-stage;
}

.workspace-artist-processing li[hidden] { display: none; }

.workspace-artist-processing li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  border: 1px solid #b9afb9;
  border-radius: 50%;
  content: counter(artist-image-stage);
  font-size: .57rem;
}

.workspace-artist-processing li.is-current {
  color: #29242e;
}

.workspace-artist-processing li.is-current::before {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet);
}

.workspace-artist-processing li.is-complete {
  color: #286a61;
}

.workspace-artist-processing li.is-complete::before {
  border-color: #54a895;
  color: #fff;
  background: #54a895;
  content: "\2713";
}

@media (max-width: 520px) {
  .workspace-artist-image-resize-dialog {
    gap: 12px;
    max-height: calc(100dvh - 20px);
  }

  .workspace-artist-processing ol {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

/* Task 48: simplified album lyric workspace */
.workspace-lyrics-panel [data-manual-lyrics] { gap: 0; }
.workspace-lyrics-editor {
  gap: 0;
  padding: 0;
  overflow: visible;
  border-color: #d9d0e4;
  border-radius: 18px;
  background: #fffefd;
  box-shadow: 0 16px 38px rgba(53, 38, 73, .07);
}
.workspace-lyrics-track-workspace {
  gap: 0;
  padding: 18px 20px 0;
  border: 0;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(115deg, rgba(247, 243, 255, .82), rgba(248, 253, 252, .72));
}
.workspace-lyrics-track-workspace-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding-bottom: 16px;
}
.workspace-lyrics-track-workspace-head > div { display: flex; align-items: center; gap: 10px; }
.workspace-lyrics-track-navigation { min-width: 0; }
.workspace-lyrics-track-navigation > strong {
  min-width: 88px;
  color: #1c1922;
  font-size: .92rem;
  white-space: nowrap;
}
.workspace-lyrics-track-stepper { display: flex; align-items: center; gap: 8px; min-width: 0; }
.workspace-lyrics-track-stepper > button {
  display: grid;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0;
  place-items: center;
  border: 1px solid #d8d0df;
  border-radius: 50%;
  color: #605969;
  background: rgba(255, 255, 255, .76);
  font-size: 1.15rem;
  line-height: 1;
}
.workspace-lyrics-track-stepper > button:disabled { opacity: .32; }
.workspace-lyrics-track-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  overflow: visible;
  scrollbar-width: none;
}
.workspace-lyrics-track-tabs button {
  position: relative;
  display: block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  flex: 0 0 14px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 50%;
  color: transparent;
  background: transparent;
  box-shadow: none;
  font-size: 0;
}
.workspace-lyrics-track-tabs button > span,
.workspace-lyrics-track-tabs button > strong { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.workspace-lyrics-track-tabs button > i {
  position: static;
  display: block;
  width: 9px;
  height: 9px;
  margin: 2.5px;
  border: 1px solid #bfb5c7;
  border-radius: 50%;
  background: #fff;
  transition: transform 140ms ease, background 140ms ease, box-shadow 140ms ease;
}
.workspace-lyrics-track-tabs button[data-state="started"] > i { border-color: #57aa91; background: #57aa91; }
.workspace-lyrics-track-tabs button[aria-selected="true"] {
  border: 0;
  color: transparent;
  background: transparent;
  box-shadow: none;
}
.workspace-lyrics-track-tabs button[aria-selected="true"] > i {
  border-color: #7554d7;
  background: #7554d7;
  box-shadow: 0 0 0 4px rgba(117, 84, 215, .16);
  transform: scale(1.12);
}
.workspace-lyrics-track-tabs button:focus-visible { outline: 2px solid #7655d8; outline-offset: 2px; }
.workspace-lyrics-track-workspace-actions { display: flex; align-items: center; gap: 10px; }
.workspace-lyrics-track-remove {
  position: relative;
  display: grid;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  place-items: center;
  border: 1px solid #e2cbd1;
  border-radius: 50%;
  color: #9b3150;
  background: rgba(255, 250, 251, .88);
  box-shadow: none;
  font-size: 1.12rem;
  line-height: 1;
}
.workspace-lyrics-track-remove:hover,
.workspace-lyrics-track-remove:focus-visible { border-color: #c75d78; background: #fff3f6; }
.workspace-lyrics-track-remove:disabled { opacity: .32; }
.workspace-lyrics-track-remove small {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 8;
  width: max-content;
  max-width: 190px;
  padding: 7px 9px;
  border-radius: 8px;
  color: #fff;
  background: #211d27;
  box-shadow: 0 9px 22px rgba(21, 18, 26, .2);
  font-size: .64rem;
  font-weight: 800;
  line-height: 1.2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-3px);
  transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
}
.workspace-lyrics-track-remove:hover small,
.workspace-lyrics-track-remove:focus-visible small { opacity: 1; visibility: visible; transform: translateY(0); }
.workspace-lyrics-track-heading { display: grid; gap: 1px; min-width: 112px; }
.workspace-lyrics-track-heading em {
  color: #6f6874;
  font-size: .62rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.workspace-lyrics-track-heading em[data-state="custom"] { color: #3a806d; }
.workspace-lyrics-generation-allowance {
  min-height: 28px;
  margin: 0;
  padding: 5px 10px;
  border-color: #ddd3f1;
  border-radius: 999px;
  background: rgba(249, 246, 255, .9);
  font-size: .67rem;
  white-space: nowrap;
}
.workspace-lyrics-generation-allowance::before { width: 6px; height: 6px; margin-right: 7px; box-shadow: none; }
.workspace-lyrics-track-workspace-head .workspace-lyrics-editor-launch {
  display: inline-flex;
  min-height: 36px;
  padding: 4px 12px 4px 5px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-color: #b9a7df;
  border-radius: 999px;
  color: #37235e;
  background: #f7f3ff;
  box-shadow: none;
  font-size: .78rem;
}
.workspace-lyrics-editor-launch > span { width: 26px; height: 26px; background: #8065d6; }
.workspace-lyrics-track-setup { border-top: 1px solid rgba(97, 77, 133, .14); }
.workspace-lyrics-track-setup > summary {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 7px 2px;
  color: #29242e;
  cursor: pointer;
  list-style: none;
}
.workspace-lyrics-track-setup > summary::-webkit-details-marker { display: none; }
.workspace-lyrics-track-setup-icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 9px;
  color: #674dbc;
  background: #eee8fb;
  font-size: .9rem;
}
.workspace-lyrics-track-setup > summary > span:nth-child(2) { display: grid; gap: 1px; }
.workspace-lyrics-track-setup > summary strong { color: #211d27; font-size: .8rem; }
.workspace-lyrics-track-setup > summary small { color: #766e7b; font-size: .68rem; font-weight: 650; text-transform: none; letter-spacing: 0; }
.workspace-lyrics-track-setup-edit { color: #7655d8; font-size: .72rem; font-weight: 850; }
.workspace-lyrics-track-setup-edit::after { margin-left: 7px; content: "\203A"; }
.workspace-lyrics-track-setup[open] .workspace-lyrics-track-setup-edit::after { content: "\2303"; }
.workspace-lyrics-track-setup .workspace-lyrics-track-settings {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 0 16px;
  border-top: 0;
}
.workspace-lyrics-track-setup .workspace-lyrics-track-title { padding-top: 12px; }
.workspace-lyrics-track-setup .workspace-lyrics-track-direction { padding-top: 12px; }
.workspace-lyrics-editor > label { padding: 16px 20px 9px; }
.workspace-lyrics-editor > label small { color: #847c87; font-size: .7rem; }
.workspace-lyrics-canvas { margin: 0 20px; border-radius: 13px 13px 0 0; }
.workspace-lyrics-canvas textarea { min-height: 330px; border-radius: 13px 13px 0 0; }
.workspace-lyrics-canvas-status {
  min-height: 38px;
  margin: 0 20px;
  padding: 7px 11px;
  border-color: #ded7cf;
  border-radius: 0 0 13px 13px;
}
.workspace-lyrics-canvas-status > strong:last-of-type { margin-left: auto; color: #756d79; font-size: .7rem; font-weight: 700; }
.workspace-lyrics-budget-meter { height: 4px; margin: 9px 20px 0; }
.workspace-lyrics-panel .workspace-lyrics-budget-note { margin: 7px 20px 0; }
.workspace-lyrics-inline-detail { margin-inline: 20px; }
.workspace-lyrics-options-row {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 15px 20px 0;
  padding: 8px 0;
  border-top: 1px solid #ece7e1;
  border-bottom: 1px solid #ece7e1;
}
.workspace-lyrics-options-row > * { position: relative; margin: 0; }
.workspace-lyrics-options-row > * + * { margin-left: 14px; padding-left: 14px; border-left: 1px solid #e5dfe8; }
.workspace-lyrics-options-row .workspace-lyrics-mature-control {
  grid-template-columns: 27px minmax(0, auto) auto;
  gap: 8px;
  min-height: 36px;
  padding-block: 0;
}
.workspace-lyrics-options-row .workspace-lyrics-mature-badge { width: 27px; height: 27px; font-size: .58rem; }
.workspace-lyrics-options-row .workspace-lyrics-mature-copy strong { font-size: .69rem; text-transform: none; letter-spacing: 0; white-space: nowrap; }
.workspace-lyrics-options-row .workspace-lyrics-mature-copy small { max-width: 650px; }
.workspace-lyrics-options-row .workspace-lyrics-mature-switch { width: 38px; height: 22px; border-width: 1px; }
.workspace-lyrics-options-row .workspace-lyrics-mature-switch::after { top: 2px; left: 2px; width: 16px; height: 16px; }
.workspace-lyrics-options-row .workspace-lyrics-mature-control input:checked + .workspace-lyrics-mature-switch::after { transform: translateX(17px); }
.workspace-lyrics-generation-context {
  min-height: 30px;
  padding-block: 5px;
  border: 0;
  border-radius: 0;
  color: #4d7667;
  background: transparent;
  font-size: .69rem;
  font-weight: 750;
  white-space: nowrap;
}
.workspace-lyrics-generation-context[data-state="ready"],
.workspace-lyrics-generation-context[data-state="incomplete"] { border-color: transparent; background: transparent; }
.workspace-lyrics-more-options { margin-left: auto !important; }
.workspace-lyrics-more-options > summary {
  color: #665d6d;
  font-size: .7rem;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}
.workspace-lyrics-more-options > summary::-webkit-details-marker { display: none; }
.workspace-lyrics-more-options > summary::after { margin-left: 7px; color: #8163d5; content: "\2304"; }
.workspace-lyrics-more-options[open] > summary::after { content: "\2303"; }
.workspace-lyrics-more-options > div {
  position: absolute;
  z-index: 8;
  top: calc(100% + 12px);
  right: 0;
  width: min(330px, 80vw);
  padding: 13px;
  border: 1px solid #d9d0e1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(33, 27, 42, .16);
}
.workspace-lyrics-more-options .workspace-lyrics-policy { margin: 0 0 8px; color: #625b65; font-size: .7rem; }
.workspace-lyrics-more-options .workspace-lyrics-track-capacity-note { margin: 0; color: #746c78; }
.workspace-lyrics-adult-status { margin: 12px 20px 0; }
.workspace-lyrics-actions {
  position: relative;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 42px;
  gap: 9px;
  margin: 15px 20px 20px;
}
.workspace-lyrics-actions .workspace-secondary-button { min-height: 44px; border-radius: 12px; }
.workspace-lyrics-actions .workspace-lyrics-generate-button { border-color: #7153cc; background: #7153cc; }
.workspace-lyrics-actions .workspace-lyrics-generate-button:not(:disabled):hover { border-color: #5e42b7; background: #5e42b7; }
.workspace-lyrics-action-menu { position: relative; }
.workspace-lyrics-action-menu > summary {
  display: grid;
  width: 42px;
  height: 44px;
  place-items: center;
  border: 1px solid #cabfd3;
  border-radius: 12px;
  color: #625968;
  background: #faf8fc;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  cursor: pointer;
  list-style: none;
}
.workspace-lyrics-action-menu > summary::-webkit-details-marker { display: none; }
.workspace-lyrics-action-menu > summary:hover,
.workspace-lyrics-action-menu > summary:focus-visible { border-color: #7b5dd2; color: #6145b5; outline: none; }
.workspace-lyrics-action-menu > div {
  position: absolute;
  z-index: 9;
  right: 0;
  bottom: calc(100% + 8px);
  display: grid;
  gap: 6px;
  width: 220px;
  padding: 8px;
  border: 1px solid #d8cfe0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(33, 27, 42, .16);
}
.workspace-lyrics-action-menu button {
  min-height: 38px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  color: #3e3743;
  background: #f6f3f8;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  text-align: left;
}
.workspace-lyrics-action-menu button:hover:not(:disabled),
.workspace-lyrics-action-menu button:focus-visible { color: #fff; background: #7254cd; outline: none; }
.workspace-lyrics-action-menu button:disabled { cursor: not-allowed; opacity: .48; }
.workspace-lyrics-action-menu .workspace-lyrics-generate-remaining-button { color: #4e3b79; background: #f2edfb; }
.workspace-lyrics-review { margin: 0 20px 20px; }

@media (max-width: 760px) {
  .workspace-lyrics-track-workspace { padding: 14px 13px 0; }
  .workspace-lyrics-track-workspace-head { grid-template-columns: 1fr; gap: 11px; }
  .workspace-lyrics-track-workspace-head > div { flex-direction: row; }
  .workspace-lyrics-track-navigation { justify-content: space-between; }
  .workspace-lyrics-track-navigation > strong { min-width: auto; }
  .workspace-lyrics-track-workspace-actions { display: grid; grid-template-columns: auto minmax(0, 1fr); width: 100%; justify-content: stretch; }
  .workspace-lyrics-generation-allowance { max-width: 100%; white-space: nowrap; }
  .workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch { width: 100%; padding-inline: 5px 9px; }
  .workspace-lyrics-track-stepper { gap: 6px; }
  .workspace-lyrics-track-tabs { gap: 6px; }
  .workspace-lyrics-track-tabs button { width: 12px; min-width: 12px; height: 12px; min-height: 12px; flex-basis: 12px; }
  .workspace-lyrics-track-tabs button > i { width: 8px; height: 8px; margin: 2px; }
  .workspace-lyrics-track-setup .workspace-lyrics-track-settings { grid-template-columns: 1fr; }
  .workspace-lyrics-track-setup .workspace-lyrics-track-title,
  .workspace-lyrics-track-setup .workspace-lyrics-track-direction { padding-inline: 0; border-left: 0; }
  .workspace-lyrics-editor > label { padding: 14px 13px 8px; }
  .workspace-lyrics-editor > label small { display: none; }
  .workspace-lyrics-canvas { margin-inline: 13px; }
  .workspace-lyrics-canvas textarea { min-height: 300px; }
  .workspace-lyrics-canvas-status { align-items: center; flex-direction: row; gap: 8px; margin-inline: 13px; }
  .workspace-lyrics-canvas-status > span:first-child small { display: none; }
  .workspace-lyrics-canvas-status > strong:last-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .workspace-lyrics-budget-meter { margin-inline: 13px; }
  .workspace-lyrics-panel .workspace-lyrics-budget-note,
  .workspace-lyrics-inline-detail { margin-inline: 13px; }
  .workspace-lyrics-options-row { flex-wrap: wrap; row-gap: 8px; margin: 13px 13px 0; }
  .workspace-lyrics-options-row > * + * { margin-left: 10px; padding-left: 10px; }
  .workspace-lyrics-more-options { margin-left: auto !important; }
  .workspace-lyrics-adult-status { margin-inline: 13px; }
  .workspace-lyrics-actions { margin: 13px; }
  .workspace-lyrics-actions .workspace-secondary-button { padding-inline: 8px; font-size: .75rem; }
  .workspace-lyrics-review { margin: 0 13px 13px; }
}

/* Task 49 final cascade seal */
.workspace-lyrics-track-tabs button[data-state="started"] > i { border-color: #9676df; background: #9676df; }
.workspace-lyrics-track-tabs button[aria-selected="true"] > i {
  border-color: #4e328f;
  background: #7350cf;
  box-shadow: 0 0 0 2px #4e328f, 0 0 0 6px rgba(115, 80, 207, .2), 0 0 14px rgba(82, 49, 150, .28);
  transform: scale(1.08);
}
@media (max-width: 760px) {
  .workspace-lyrics-track-workspace-actions:has(.workspace-lyrics-generation-allowance[aria-expanded="true"]) { grid-template-columns: 1fr; }
  .workspace-lyrics-track-workspace-actions .workspace-lyrics-generation-allowance[aria-expanded="true"] { width: 100%; max-width: 100%; justify-content: flex-start; }
  .workspace-lyrics-track-workspace-actions .workspace-lyrics-generation-help { right: auto; left: 0; width: min(285px, calc(100vw - 82px)); }
}
.workspace-lyrics-track-stepper > button[data-action="add"] { border-color: #a98ee5; color: #6844c4; background: #f5f0ff; font-size: 1rem; font-weight: 900; }
.workspace-lyrics-generation-allowance {
  position: relative;
  display: inline-flex;
  width: auto;
  min-width: 42px;
  max-width: 42px;
  min-height: 30px;
  margin: 0;
  padding: 5px 10px;
  overflow: visible;
  align-items: center;
  gap: 6px;
  border: 1px solid #d3c4f3;
  border-radius: 999px;
  color: #54377f;
  background: #f7f3ff;
  box-shadow: none;
  font-size: .68rem;
  font-weight: 900;
  white-space: nowrap;
  cursor: help;
}
.workspace-lyrics-generation-allowance::before { width: 7px; height: 7px; margin: 0; flex: 0 0 7px; background: #815dd8; box-shadow: 0 0 0 3px rgba(129, 93, 216, .13); }
.workspace-lyrics-generation-allowance:hover,
.workspace-lyrics-generation-allowance:focus-visible,
.workspace-lyrics-generation-allowance[aria-expanded="true"] { max-width: 220px; border-color: #9e82df; box-shadow: 0 0 0 3px rgba(126, 88, 215, .1); }
.workspace-lyrics-track-title-editor { position: relative; display: block; }
.workspace-lyrics-track-title-editor input { padding-right: 78px; }
.workspace-lyrics-track-title-editor button,
.workspace-lyrics-track-title-editor button:disabled { position: absolute; right: 4px; top: 4px; width: auto; min-height: 38px; padding: 0 13px; border: 0; border-radius: 8px; }
.workspace-lyrics-options-row { justify-content: space-between; margin: 13px 20px 0; padding: 0; border: 0; }
.workspace-lyrics-options-row > * + * { margin-left: 0; padding-left: 0; border-left: 0; }
.workspace-lyrics-generation-context { min-height: 32px; margin-left: auto; padding: 5px 9px; border-radius: 999px; font-size: .68rem; }
.workspace-lyrics-panel > [data-manual-lyrics] .workspace-lyrics-policy { margin: 11px 20px 0; color: #6d6571; font-size: .7rem; line-height: 1.45; }
@media (max-width: 760px) {
  .workspace-lyrics-generation-allowance { max-width: 42px; }
  .workspace-lyrics-track-workspace-actions:has(.workspace-lyrics-generation-allowance[aria-expanded="true"]) { grid-template-columns: 1fr; }
  .workspace-lyrics-generation-allowance:hover,
  .workspace-lyrics-generation-allowance:focus-visible,
  .workspace-lyrics-generation-allowance[aria-expanded="true"] { width: 100%; max-width: 100%; justify-content: flex-start; }
  .workspace-lyrics-generation-help { right: auto; left: 0; width: min(285px, calc(100vw - 82px)); }
  .workspace-lyrics-options-row,
  .workspace-lyrics-panel > [data-manual-lyrics] .workspace-lyrics-policy { margin-inline: 13px; }
  .workspace-lyrics-track-title-editor button,
  .workspace-lyrics-track-title-editor button:disabled { width: auto; }
}

/* Task 68 production-order override: compact utilities stay fixed after legacy layers. */
.workspace-lyrics-generation-allowance,
.workspace-lyrics-generation-allowance:hover,
.workspace-lyrics-generation-allowance:focus-visible,
.workspace-lyrics-generation-allowance[aria-expanded="true"] {
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0;
  justify-content: center;
  gap: 4px;
  border: 0;
  outline: 0;
  color: #5b3d97;
  background: transparent;
  box-shadow: none;
}
.workspace-lyrics-generation-allowance::before {
  width: 7px;
  height: 7px;
  margin: 0;
  flex: 0 0 7px;
  box-shadow: 0 0 0 3px rgba(129, 93, 216, .13);
}
.workspace-lyrics-generation-allowance .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance .workspace-lyrics-generation-info,
.workspace-lyrics-generation-allowance:hover .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance:focus-visible .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance[aria-expanded="true"] .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance:hover .workspace-lyrics-generation-info,
.workspace-lyrics-generation-allowance:focus-visible .workspace-lyrics-generation-info,
.workspace-lyrics-generation-allowance[aria-expanded="true"] .workspace-lyrics-generation-info {
  display: none;
}
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary { padding-right: 18px; }
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit {
  position: relative;
  display: inline-flex;
  min-width: 88px;
  min-height: 38px;
  padding: 7px 9px 7px 14px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #cdbfeb;
  border-radius: 999px;
  color: #593a9e;
  background: #f6f2ff;
  opacity: 1;
  transform: none;
}
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit::after { display: none; }
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit > span { font-weight: 900; }
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit > i {
  display: grid;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: .62rem;
  font-style: normal;
}
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit > small {
  position: absolute;
  z-index: 35;
  right: 0;
  top: calc(100% + 9px);
  display: none;
  width: min(340px, 82vw);
  padding: 10px 12px;
  border: 1px solid #d8d0e3;
  border-radius: 10px;
  color: #514a57;
  background: #fff;
  box-shadow: 0 12px 28px rgba(49, 39, 62, .14);
  font-size: .7rem;
  font-weight: 650;
  line-height: 1.45;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit:hover > small,
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary:focus-visible .workspace-lyrics-track-setup-edit > small {
  display: block;
}
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup[data-state="ready"] .workspace-lyrics-track-setup-edit > i {
  color: #286f62;
  background: #eaf8f4;
}
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup[data-state="incomplete"] .workspace-lyrics-track-setup-edit > i {
  color: #7c5a12;
  background: #fff6d9;
}
@media (max-width: 760px) {
  .workspace-lyrics-generation-allowance,
  .workspace-lyrics-generation-allowance:hover,
  .workspace-lyrics-generation-allowance:focus-visible,
  .workspace-lyrics-generation-allowance[aria-expanded="true"] {
    width: 34px;
    min-width: 34px;
    max-width: 34px;
  }
  .workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit { min-width: 82px; }
}

/* Task 58: concise, per-track tagline editor. */
.workspace-track-taglines-shell {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #ded7e3;
}

.workspace-track-taglines-shell[hidden] { display: none; }

.workspace-track-taglines-field {
  display: grid;
  gap: 10px;
}

.workspace-track-taglines-field[hidden] {
  display: none;
}

.workspace-track-taglines-editor {
  overflow: hidden;
  border: 1px solid #d8ccec;
  border-radius: 14px;
  background: linear-gradient(180deg, #faf8fd 0%, #f5f1f9 100%);
}

.workspace-track-taglines-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.workspace-track-taglines-head > div {
  display: grid;
  gap: 2px;
}

.workspace-track-taglines-head strong { color: #24202b; font-size: .82rem; }
.workspace-track-taglines-head small { color: #817a86; font-size: .67rem; }

.workspace-track-taglines-all,
.workspace-track-taglines-line {
  display: inline-flex;
  width: auto;
  min-width: 38px;
  min-height: 40px;
  padding: 7px 11px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #cbbbea;
  border-radius: 999px;
  color: #5d3eaa;
  background: rgba(250, 247, 255, .97);
  box-shadow: 0 7px 18px rgba(76, 51, 126, .12);
  font: inherit;
  font-size: .7rem;
  font-weight: 860;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 150ms ease, color 150ms ease, background 150ms ease, box-shadow 150ms ease, max-width 180ms ease;
}

.workspace-track-taglines-all:hover,
.workspace-track-taglines-all:focus-visible,
.workspace-track-taglines-line:hover,
.workspace-track-taglines-line:focus-visible {
  border-color: #8867d1;
  color: #fff;
  background: #7452ce;
  box-shadow: 0 0 0 3px rgba(116, 82, 206, .13), 0 9px 22px rgba(76, 51, 126, .16);
  outline: 0;
}

.workspace-track-taglines-all:disabled,
.workspace-track-taglines-line:disabled {
  cursor: wait;
  opacity: .72;
}

.workspace-track-taglines-all svg,
.workspace-track-taglines-line svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-track-taglines-all { flex: 0 0 auto; }

.workspace-track-taglines-list {
  display: grid;
  gap: 8px;
  padding: 8px;
}

.workspace-track-tagline-row {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  min-height: 68px;
  align-items: center;
  overflow: hidden;
  border: 1px solid #e3dbea;
  border-radius: 13px;
  background: linear-gradient(102deg, #f2edfb 0%, #fbf9fe 31%, #fff 62%);
  box-shadow: 0 5px 14px rgba(66, 47, 99, .045);
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.workspace-track-tagline-row:hover {
  border-color: #cdbfe2;
  box-shadow: 0 8px 19px rgba(66, 47, 99, .08);
  transform: translateY(-1px);
}

.workspace-track-tagline-label {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  padding-left: 13px;
  white-space: nowrap;
  user-select: none;
}

.workspace-track-tagline-number {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(145deg, #17141d 0%, #342752 100%);
  box-shadow: 0 5px 12px rgba(27, 21, 41, .16), inset 0 1px rgba(255, 255, 255, .16);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .04em;
}

.workspace-track-tagline-label-copy {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.workspace-track-tagline-label-copy strong {
  color: #29242f;
  font-size: .73rem;
  font-weight: 900;
  letter-spacing: -.01em;
}

.workspace-track-tagline-label-copy small {
  color: #8a8190;
  font-size: .57rem;
  font-weight: 760;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.workspace-track-tagline-control {
  position: relative;
  min-width: 0;
  margin: 6px 8px 6px 0;
  overflow: hidden;
  border: 1px solid #d8d0df;
  border-radius: 11px;
  background: #fff;
  transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.workspace-track-tagline-control:focus-within {
  border-color: #8b69d4;
  background: #fefcff;
  box-shadow: 0 0 0 3px rgba(123, 90, 216, .1);
}

.workspace-track-tagline-row input {
  width: 100%;
  min-width: 0;
  min-height: 54px;
  padding: 0 54px 0 12px;
  border: 0;
  border-radius: inherit;
  color: #24202b;
  background: transparent;
  font: inherit;
  font-size: .82rem;
  outline: 0;
}

.workspace-track-tagline-row input::placeholder { color: #aaa4ae; }
.workspace-track-tagline-row:focus-within {
  border-color: #9f86d7;
  background: linear-gradient(102deg, #eee7fc 0%, #fbf8ff 34%, #fff 68%);
  box-shadow: 0 0 0 3px rgba(123, 90, 216, .1), 0 9px 22px rgba(66, 47, 99, .1);
  transform: translateY(-1px);
}

.workspace-track-taglines-line {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 38px;
  max-width: 38px;
  min-width: 38px;
  min-height: 38px;
  margin: 0;
  padding: 8px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) scale(.9);
  color: #5d3eaa;
  background: #f7f2ff;
  box-shadow: none;
  transition: opacity 130ms ease, transform 130ms ease, border-color 150ms ease, color 150ms ease, background 150ms ease;
}

.workspace-track-tagline-row:hover .workspace-track-taglines-line,
.workspace-track-tagline-row:focus-within .workspace-track-taglines-line,
.workspace-track-taglines-line:focus-visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) scale(1);
}

.workspace-track-taglines-line:hover,
.workspace-track-taglines-line:focus-visible { transform: translateY(-50%) scale(1); }

.workspace-track-taglines-all[data-busy="true"] svg,
.workspace-track-taglines-line[data-busy="true"] svg {
  animation: workspace-concept-assist-spin 850ms linear infinite;
}

.workspace-track-taglines-field > #workspace-track-taglines-help,
.workspace-track-taglines-field > .workspace-track-taglines-status {
  position: static;
  right: auto;
  bottom: auto;
  padding-inline: 2px;
  color: #817a86;
  font-size: .67rem;
  line-height: 1.42;
}

.workspace-track-taglines-field > .workspace-track-taglines-status.is-error {
  color: #a32030;
}

.workspace-track-taglines-field > .workspace-track-taglines-status.is-success {
  color: #176b58;
}

.workspace-track-taglines-field > .workspace-track-taglines-status.is-warning {
  color: #8a5c12;
}

@media (max-width: 760px) {
  .workspace-track-taglines-head { align-items: flex-start; }
  .workspace-track-taglines-head small { max-width: 190px; }
  .workspace-track-taglines-list { gap: 7px; padding: 7px; }
  .workspace-track-tagline-row { grid-template-columns: 86px minmax(0, 1fr); min-height: 62px; }
  .workspace-track-tagline-label { gap: 7px; padding-left: 9px; }
  .workspace-track-tagline-number { width: 30px; height: 30px; flex-basis: 30px; border-radius: 10px; font-size: .62rem; }
  .workspace-track-tagline-label-copy strong { font-size: .66rem; }
  .workspace-track-tagline-label-copy small { display: none; }
  .workspace-track-tagline-control { margin-right: 7px; }
  .workspace-track-tagline-row input { padding: 0 49px 0 8px; font-size: .76rem; }
}

/* Task 55: quiet successful verification with clear, integrated disclosures. */
.workspace-lyrics-review-head[hidden] { display: none; }
.workspace-lyrics-review[data-status="clear"] { gap: 9px; padding-top: 13px; }
.workspace-lyrics-checks,
.workspace-lyrics-structure-details {
  overflow: hidden;
  border: 1px solid #ded6e7;
  border-radius: 13px;
  background: #fbf9fd;
  box-shadow: 0 4px 13px rgba(58, 45, 77, .035);
}
.workspace-lyrics-checks > summary,
.workspace-lyrics-structure-details > summary {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 12px;
  min-height: 52px;
  padding: 9px 14px;
  align-items: center;
  gap: 10px;
  color: #29242e;
  background: transparent;
  cursor: pointer;
  list-style: none;
  transition: background-color .16s ease, border-color .16s ease;
}
.workspace-lyrics-checks > summary:hover,
.workspace-lyrics-structure-details > summary:hover { background: #f6f2fa; }
.workspace-lyrics-checks > summary:focus-visible,
.workspace-lyrics-structure-details > summary:focus-visible {
  outline: 2px solid rgba(119, 84, 207, .28);
  outline-offset: -3px;
}
.workspace-lyrics-checks > summary::-webkit-details-marker,
.workspace-lyrics-structure-details > summary::-webkit-details-marker { display: none; }
.workspace-lyrics-checks > summary > span,
.workspace-lyrics-structure-details > summary > span { font-size: .8rem; font-weight: 860; }
.workspace-lyrics-checks > summary > b,
.workspace-lyrics-structure-details > summary > b {
  color: #6d6472;
  font-size: .68rem;
  font-weight: 790;
  white-space: nowrap;
}
.workspace-lyrics-checks > summary::after,
.workspace-lyrics-structure-details > summary::after {
  width: 8px;
  height: 8px;
  margin: -4px 1px 0 0;
  border-right: 2px solid #756b7b;
  border-bottom: 2px solid #756b7b;
  color: transparent;
  content: "";
  font-size: 0;
  transform: rotate(45deg);
  transition: transform .16s ease, margin .16s ease;
}
.workspace-lyrics-checks[open] > summary,
.workspace-lyrics-structure-details[open] > summary { background: #f6f2fa; }
.workspace-lyrics-checks[open] > summary::after,
.workspace-lyrics-structure-details[open] > summary::after { margin-top: 4px; transform: rotate(225deg); }
.workspace-lyrics-disclosure-icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  background: #2e8e77;
  box-shadow: 0 0 0 4px rgba(46, 142, 119, .1);
  font-size: .8rem;
  font-style: normal;
  font-weight: 950;
}
.workspace-lyrics-disclosure-icon.is-structure {
  color: #6848bf;
  background: #eee8fb;
  box-shadow: none;
  font-size: 1rem;
}
.workspace-lyrics-checks[data-status="clear"] > summary > b { color: #2d7463; }
.workspace-lyrics-checks[data-status="warning"] > summary > .workspace-lyrics-disclosure-icon,
.workspace-lyrics-checks[data-status="mature"] > summary > .workspace-lyrics-disclosure-icon { background: #c48618; box-shadow: 0 0 0 4px rgba(196, 134, 24, .12); }
.workspace-lyrics-checks[data-status="blocked"] > summary > .workspace-lyrics-disclosure-icon { background: #bd2940; box-shadow: 0 0 0 4px rgba(189, 41, 64, .12); }
.workspace-lyrics-checks[data-status="warning"] > summary > b,
.workspace-lyrics-checks[data-status="mature"] > summary > b { color: #82520b; }
.workspace-lyrics-checks[data-status="blocked"] > summary > b { color: #9c1d2d; }
.workspace-lyrics-checks-body {
  display: grid;
  gap: 10px;
  padding: 12px 14px 14px;
  border-top: 1px solid #e4ddeb;
  background: rgba(255, 255, 255, .62);
}
.workspace-lyrics-review .workspace-lyrics-review-summary { min-height: 0; }
.workspace-lyrics-clear-checks { display: flex; flex-wrap: wrap; gap: 9px; }
.workspace-lyrics-clear-checks > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #3f5e55;
  background: #f0f7f4;
}
.workspace-lyrics-clear-checks i {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #3d9b83;
  font-size: .63rem;
  font-style: normal;
  font-weight: 950;
}
.workspace-lyrics-clear-checks b { font-size: .69rem; font-weight: 820; }
.workspace-lyrics-checks-body > .workspace-lyrics-findings {
  overflow: hidden;
  border: 1px solid #e3dce8;
  border-radius: 10px;
  background: #fff;
}
.workspace-lyrics-checks-body > .workspace-lyrics-findings > summary { padding-inline: 11px; }
.workspace-lyrics-checks-body > .workspace-lyrics-filter-status { padding-inline: 11px; }
.workspace-lyrics-checks-body > .workspace-lyrics-findings > p,
.workspace-lyrics-checks-body > .workspace-lyrics-findings > ul { margin-inline: 11px; }
.workspace-lyrics-structure-details > .workspace-lyrics-structured { margin: 12px 14px 0; padding-right: 8px; }
.workspace-lyrics-structure-details > p { padding: 8px 14px 13px; }
.workspace-lyrics-review[data-status="clear"] .workspace-lyrics-responsibility { margin-top: 1px; }
@media (max-width: 560px) {
  .workspace-lyrics-checks > summary,
  .workspace-lyrics-structure-details > summary {
    grid-template-columns: 30px minmax(0, 1fr) auto 10px;
    padding-inline: 11px;
    gap: 8px;
  }
  .workspace-lyrics-checks-body { padding-inline: 11px; }
  .workspace-lyrics-structure-details > .workspace-lyrics-structured { margin-inline: 11px; }
}

.workspace-overview-rights {
  display: flex;
  gap: 22px;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 0;
  padding: 20px 22px;
  border: 1px solid rgba(109, 82, 215, .25);
  border-radius: 18px;
  background: linear-gradient(105deg, #f7f3ff 0%, #f0fffa 100%);
  box-shadow: 0 16px 40px rgba(43, 34, 76, .07);
}

.workspace-overview-rights > div > span {
  color: var(--workspace-violet-deep);
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.workspace-overview-rights h3 { margin: 4px 0 5px; font-size: 1.18rem; letter-spacing: -.025em; }
.workspace-overview-rights p { max-width: 72ch; margin: 0; color: #625b69; font-size: .78rem; line-height: 1.5; }
.workspace-overview-rights > a { flex: 0 0 auto; padding: 12px 16px; border-radius: 12px; color: #fff; background: #1a171e; font-size: .75rem; font-weight: 900; text-decoration: none; }
.workspace-overview-rights[data-state="approved"] { background: linear-gradient(105deg, #effff9 0%, #f8fff2 100%); }
.workspace-overview-rights[data-state="rejected"] { background: linear-gradient(105deg, #fff5f5 0%, #fffaf3 100%); }

@media (max-width: 700px) {
  .workspace-overview-rights { align-items: stretch; flex-direction: column; }
  .workspace-overview-rights > a { text-align: center; }
}

/* Task 53: contextual guidance belongs to Track setup; Mature language owns the lower row. */
.workspace-lyrics-track-setup-shell {
  position: relative;
  overflow: visible;
  border-top: 1px solid rgba(97, 77, 133, .14);
}
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup { border-top: 0; }
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary { padding-right: 206px; }
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context {
  position: absolute;
  z-index: 12;
  right: 66px;
  top: 13px;
  display: inline-flex;
  width: auto;
  min-height: 32px;
  margin: 0;
  padding: 5px 9px;
  align-items: center;
  gap: 7px;
  border: 1px solid #d9d0e8;
  border-radius: 999px;
  color: #665b70;
  background: #faf8fc;
  font-size: .68rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  cursor: help;
}
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context > small {
  right: -54px;
  top: calc(100% + 9px);
  width: min(360px, calc(100vw - 28px));
  max-width: min(360px, calc(100vw - 28px));
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: pretty;
}
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:hover > small,
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:focus-visible > small,
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context[aria-expanded="true"] > small { display: block; }
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context[aria-expanded="true"] > small {
  position: fixed;
  left: var(--lyrics-context-popover-left, 14px);
  right: auto;
  top: var(--lyrics-context-popover-top, 14px);
}
.workspace-lyrics-options-row {
  min-height: 52px;
  margin: 13px 20px 0;
  padding: 0;
  border: 0;
}
.workspace-lyrics-options-row:has(> .workspace-lyrics-mature-control[hidden]) { display: none; }
.workspace-lyrics-options-row .workspace-lyrics-mature-control {
  width: 100%;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 64px;
  padding: 7px 0;
}
.workspace-lyrics-options-row .workspace-lyrics-mature-switch { margin-left: auto; }

@media (max-width: 560px) {
  .workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary { padding-right: 94px; }
  .workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context {
    right: 52px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0;
    justify-content: center;
  }
  .workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context > span { display: none; }
  .workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context > small { right: -4px; }
  .workspace-lyrics-options-row { margin-inline: 13px; }
}

/* Task 54: separate Edit from a far-right context control that expands on intent. */
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary { padding-right: 68px; }
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit {
  padding: 5px 9px;
  border: 1px solid #ddd2f2;
  border-radius: 999px;
  color: #6846c1;
  background: #f5f1fd;
  transition: opacity .16s ease, transform .16s ease, border-color .16s ease, background-color .16s ease;
}
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit::after { margin-left: 5px; }
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context {
  right: 12px;
  top: 12px;
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0 8px;
  justify-content: flex-end;
  gap: 0;
  overflow: visible;
  transition: width .18s ease, max-width .18s ease, padding .18s ease, gap .18s ease, border-color .16s ease, box-shadow .16s ease;
}
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context::before {
  position: absolute;
  inset: -7px;
  border-radius: 999px;
  content: "";
}
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context > span {
  display: block;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateX(5px);
  transition: max-width .18s ease, opacity .14s ease, transform .18s ease;
}
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context > i { flex: 0 0 16px; }
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:hover,
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:focus-visible,
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context[aria-expanded="true"] {
  width: 176px;
  max-width: 176px;
  padding-inline: 10px;
  justify-content: flex-start;
  gap: 7px;
  border-color: #aa95dc;
  box-shadow: 0 0 0 4px rgba(116, 79, 199, .09);
}
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:hover > span,
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:focus-visible > span,
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context[aria-expanded="true"] > span {
  max-width: 132px;
  opacity: 1;
  transform: translateX(0);
}
.workspace-lyrics-track-setup-shell:has(> .workspace-lyrics-generation-context:hover) .workspace-lyrics-track-setup-edit,
.workspace-lyrics-track-setup-shell:has(> .workspace-lyrics-generation-context:focus-visible) .workspace-lyrics-track-setup-edit,
.workspace-lyrics-track-setup-shell:has(> .workspace-lyrics-generation-context[aria-expanded="true"]) .workspace-lyrics-track-setup-edit {
  opacity: 0;
  transform: translateX(-5px);
}
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:hover > small { display: none; }
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:focus-visible > small,
.workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context[aria-expanded="true"] > small { display: block; }

@media (max-width: 560px) {
  .workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary { padding-right: 62px; }
  .workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary > span:nth-child(2) {
    transition: opacity .14s ease, transform .16s ease;
  }
  .workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context {
    right: 10px;
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0 8px;
  }
  .workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context > span { display: block; }
  .workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:hover,
  .workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context:focus-visible,
  .workspace-lyrics-track-setup-shell > .workspace-lyrics-generation-context[aria-expanded="true"] {
    width: 168px;
    max-width: 168px;
  }
  .workspace-lyrics-track-setup-shell:has(> .workspace-lyrics-generation-context:hover) .workspace-lyrics-track-setup > summary > span:nth-child(2),
  .workspace-lyrics-track-setup-shell:has(> .workspace-lyrics-generation-context:focus-visible) .workspace-lyrics-track-setup > summary > span:nth-child(2),
  .workspace-lyrics-track-setup-shell:has(> .workspace-lyrics-generation-context[aria-expanded="true"]) .workspace-lyrics-track-setup > summary > span:nth-child(2) {
    opacity: 0;
    transform: translateX(-5px);
  }
}

/* Task 292: icon-scoped chooser guidance, compact upload allowance, split draft resume, and visible stage progress. */
.workspace-source-detail,
.workspace-source-card > .workspace-source-detail,
.workspace-source-card.is-info-open .workspace-source-detail,
.workspace-source-card.is-info-open > .workspace-source-detail,
.workspace-source-card.upload .workspace-source-detail,
.workspace-source-card.upload.is-info-open .workspace-source-detail {
  top: 133px;
  right: 28px;
  bottom: auto;
  left: 28px;
  min-height: 0;
  max-height: none;
  padding: 10px 13px 10px 15px;
  overflow: hidden;
  border: 0;
  border-left: 3px solid var(--workspace-lime);
  border-radius: 0 8px 8px 0;
  color: #fff;
  background: linear-gradient(90deg, rgba(9, 9, 14, .94), rgba(19, 17, 28, .74));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .2);
  font-size: .7rem;
  font-weight: 760;
  line-height: 1.42;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  pointer-events: none;
  transition: opacity 160ms ease, transform 180ms ease, visibility 0s linear 180ms;
}

.workspace-source-card.upload .workspace-source-detail,
.workspace-source-card.upload.is-info-open .workspace-source-detail {
  border-left-color: #ff9bc9;
}

@media (hover: hover) {
  .workspace-source-card:hover > .workspace-source-detail {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
  }

  .workspace-source-info:hover + .workspace-source-detail,
  .workspace-source-info:focus + .workspace-source-detail {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
  }
}

.workspace-source-card.is-info-open > .workspace-source-detail {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

.workspace-source-card.create.is-info-open > .workspace-source-detail,
.workspace-source-card.upload.is-info-open > .workspace-source-detail {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

.workspace-source-entitlement {
  top: 133px;
  right: 26px;
  bottom: auto;
  overflow: hidden;
  font-family: inherit;
  font-style: normal;
  transition: width 210ms ease, opacity 150ms ease, visibility 0s linear, border-color 160ms ease, box-shadow 180ms ease;
}

.workspace-source-entitlement[data-state="available"],
.workspace-source-entitlement[data-state="available"]:hover,
.workspace-source-entitlement[data-state="available"]:focus-visible,
.workspace-source-entitlement[data-state="available"][aria-expanded="true"] {
  min-width: 42px;
  height: 42px;
  max-width: min(180px, calc(100% - 52px));
  padding: 0 13px;
  border-radius: 999px;
}

.workspace-source-entitlement[data-state="available"] {
  width: 42px;
  justify-content: flex-start;
  background: rgba(8, 8, 13, .9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.workspace-source-entitlement[data-state="available"]:hover,
.workspace-source-entitlement[data-state="available"]:focus-visible,
.workspace-source-entitlement[data-state="available"][aria-expanded="true"] {
  width: min(180px, calc(100% - 52px));
  border-color: rgba(223, 255, 98, .72);
  box-shadow: 0 0 0 3px rgba(223, 255, 98, .12), 0 12px 25px rgba(0, 0, 0, .32);
}

.workspace-source-entitlement[data-state="available"] .workspace-source-entitlement-value {
  min-width: 16px;
  color: #fff;
  font-size: .85rem;
}

.workspace-source-entitlement[data-state="available"] .workspace-source-entitlement-detail {
  overflow: hidden;
  color: #fff;
  font-size: .61rem;
  font-weight: 850;
  letter-spacing: .015em;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity 150ms ease, transform 180ms ease;
}

.workspace-source-entitlement[data-state="available"]:hover .workspace-source-entitlement-detail,
.workspace-source-entitlement[data-state="available"]:focus-visible .workspace-source-entitlement-detail,
.workspace-source-entitlement[data-state="available"][aria-expanded="true"] .workspace-source-entitlement-detail {
  opacity: 1;
  transform: translateX(0);
}

.workspace-source-card.upload.is-info-open .workspace-source-entitlement,
.workspace-source-card.upload:has(.workspace-source-info:hover) .workspace-source-entitlement,
.workspace-source-card.upload:has(.workspace-source-info:focus) .workspace-source-entitlement {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.workspace-resume-split {
  display: inline-flex;
  min-height: 40px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--workspace-lime);
  box-shadow: 0 8px 22px rgba(223, 255, 98, .16);
}

.workspace-resume-split[hidden] {
  display: none;
}

.workspace-resume-latest-draft,
.workspace-chooser-foot .workspace-resume-drafts {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  border-radius: 0;
  color: #0b0b0f;
  background: transparent;
  box-shadow: none;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  transform: none;
  cursor: pointer;
}

.workspace-resume-latest-draft {
  gap: 8px;
  padding: 8px 12px;
}

.workspace-resume-latest-draft > span {
  font-size: 1.05rem;
}

.workspace-chooser-foot .workspace-resume-drafts {
  min-width: 43px;
  padding: 6px 9px;
  border-left: 1px solid rgba(11, 11, 15, .28);
}

.workspace-chooser-foot .workspace-resume-drafts > b {
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
}

.workspace-resume-latest-draft:hover,
.workspace-resume-latest-draft:focus-visible,
.workspace-chooser-foot .workspace-resume-drafts:hover,
.workspace-chooser-foot .workspace-resume-drafts:focus-visible,
.workspace-chooser-foot .workspace-resume-drafts[aria-expanded="true"] {
  color: #08080b;
  background: rgba(255, 255, 255, .28);
  box-shadow: none;
  transform: none;
  outline: none;
}

.workspace-resume-latest-draft:focus-visible,
.workspace-chooser-foot .workspace-resume-drafts:focus-visible {
  box-shadow: inset 0 0 0 3px rgba(8, 8, 12, .24);
}

.workspace-resume-draft > span {
  gap: 5px;
}

.workspace-resume-draft-progress {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
}

.workspace-resume-draft-progress > b {
  flex: 0 0 auto;
  padding-right: 7px;
  border-right: 1px solid rgba(223, 255, 98, .34);
  color: var(--workspace-lime);
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .015em;
  white-space: nowrap;
}

.workspace-resume-draft-progress > small {
  min-width: 0;
}

@media (max-width: 620px) {
  .workspace-source-detail,
  .workspace-source-card > .workspace-source-detail,
  .workspace-source-card.is-info-open .workspace-source-detail,
  .workspace-source-card.is-info-open > .workspace-source-detail,
  .workspace-source-card.upload .workspace-source-detail,
  .workspace-source-card.upload.is-info-open .workspace-source-detail {
    top: 131px;
    right: 20px;
    left: 20px;
    padding: 9px 11px 9px 13px;
    font-size: .67rem;
  }

  .workspace-source-entitlement {
    top: 131px;
    right: 20px;
  }

  .workspace-source-entitlement[data-state="available"],
  .workspace-source-entitlement[data-state="available"]:hover,
  .workspace-source-entitlement[data-state="available"]:focus-visible,
  .workspace-source-entitlement[data-state="available"][aria-expanded="true"] {
    max-width: min(172px, calc(100% - 40px));
  }

  .workspace-source-entitlement[data-state="available"]:hover,
  .workspace-source-entitlement[data-state="available"]:focus-visible,
  .workspace-source-entitlement[data-state="available"][aria-expanded="true"] {
    width: min(172px, calc(100% - 40px));
  }

  .workspace-resume-draft-progress {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .workspace-resume-draft-progress > b {
    padding-right: 0;
    border-right: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-source-detail,
  .workspace-source-entitlement,
  .workspace-source-entitlement-detail {
    transition: none !important;
  }
}


/* Task 604: explicit package reconnection, focused detail finding, and artist-image framing. */
.workspace-upload-notice summary {
  grid-template-columns: 22px minmax(0, auto);
  padding-right: 13px;
}

.workspace-upload-popover-title {
  color: #211729;
  font-size: .75rem;
  font-weight: 950;
}

.workspace-upload-notice > div button {
  width: auto;
  min-width: max-content;
  height: auto;
  flex: none;
  overflow: visible;
  white-space: nowrap;
}

.workspace-upload-identity-picker {
  width: 100%;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
  margin: -8px 0 0;
  padding: 18px;
}

.workspace-upload-identity-picker > label,
.workspace-upload-identity-picker select {
  width: 100%;
}

[data-upload-artist-identity-open][data-state="matched"] small {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #238a73;
  font-size: .82rem;
}

.workspace-upload-details-assistant {
  border: 0;
  border-radius: 20px;
  background: linear-gradient(100deg, #1b1524 0%, #292039 64%, #393b2b 100%);
  box-shadow: 0 18px 40px rgba(32, 22, 45, .18);
}

.workspace-upload-details-assistant > header {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 16px;
  padding: 19px 20px;
  color: #fff;
}

.workspace-upload-details-assistant-mark {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  color: #19131f;
  background: var(--workspace-lime);
  font-size: 1.25rem;
}

.workspace-upload-details-assistant > header div {
  display: grid;
  gap: 3px;
}

.workspace-upload-details-assistant > header div > small {
  color: #bda9ff;
  font-size: .58rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace-upload-details-assistant > header div > strong {
  color: #fff;
  font-size: 1.05rem;
}

.workspace-upload-details-assistant > header div > span {
  color: #d8d1df;
  font-size: .72rem;
  line-height: 1.4;
}

.workspace-upload-details-assistant > header > button {
  min-width: 190px;
  border-color: #fff;
  color: #17121b;
  background: #fff;
}

.workspace-upload-details-assistant > header > button:hover,
.workspace-upload-details-assistant > header > button:focus-visible {
  border-color: #9b79ff;
  color: #fff;
  background: #7654df;
}

.workspace-upload-details-assistant[data-state="complete"] .workspace-upload-details-assistant-mark {
  color: #fff;
  background: #238a73;
}

.workspace-upload-details-assistant [data-upload-details-assistant-results] {
  padding: 0 20px 20px;
}

.workspace-upload-assistant-invitation {
  width: min(650px, calc(100vw - 32px));
  border: 0;
  border-top: 7px solid #8b5cf6;
  border-radius: 26px;
  color: #fff;
  background: #121016;
  box-shadow: 0 34px 110px rgba(10, 7, 14, .5);
}

.workspace-upload-assistant-invitation .workspace-upload-dialog-shell {
  gap: 20px;
  padding: 30px 32px 32px;
}

.workspace-upload-assistant-invitation header span { color: #bda9ff; }
.workspace-upload-assistant-invitation h3 { color: #fff; font-size: clamp(1.9rem, 5vw, 3rem); line-height: 1; }
.workspace-upload-assistant-invitation header small { color: #bdb6c5; font-size: .77rem; line-height: 1.5; }
.workspace-upload-assistant-invitation header > button { color: #fff; background: #1d1921; }

.workspace-upload-assistant-status,
.workspace-upload-reconnect-progress {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  border: 1px solid rgba(189, 169, 255, .26);
  border-radius: 16px;
  background: rgba(139, 92, 246, .1);
}

.workspace-upload-assistant-status[hidden],
.workspace-upload-reconnect-progress[hidden] { display: none; }

.workspace-upload-assistant-status > i,
.workspace-upload-reconnect-progress > i {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 50%;
  color: #17121b;
  background: var(--workspace-lime);
  font-style: normal;
  font-weight: 950;
}

.workspace-upload-assistant-status > span,
.workspace-upload-reconnect-progress > span { display: grid; gap: 3px; }
.workspace-upload-assistant-status strong { color: #fff; font-size: .8rem; }
.workspace-upload-assistant-status small { color: #bdb6c5; font-size: .68rem; line-height: 1.4; }

.workspace-upload-assistant-status[data-state="busy"] > i,
.workspace-upload-reconnect-dialog[data-mode="busy"] .workspace-upload-reconnect-progress > i {
  border: 4px solid rgba(255, 255, 255, .28);
  border-top-color: var(--workspace-lime);
  background: transparent;
  animation: workspace-upload-reconnect-spin 800ms linear infinite;
}

.workspace-upload-assistant-status[data-state="success"] > i,
.workspace-upload-reconnect-dialog[data-mode="success"] .workspace-upload-reconnect-progress > i {
  color: #fff;
  background: #238a73;
}

.workspace-upload-assistant-invitation footer button { border-color: #4c4353; color: #fff; background: #1d1921; }
.workspace-upload-assistant-invitation footer .is-primary { border-color: #8b5cf6; background: #7654df; }

.workspace-upload-reconnect-dialog[data-mode="busy"] { border-top-color: #8b5cf6; }
.workspace-upload-reconnect-dialog[data-mode="success"] { border-top-color: #238a73; }
.workspace-upload-reconnect-dialog[data-mode="warning"] { border-top-color: #b52b4a; }
.workspace-upload-reconnect-dialog[data-mode="success"] .workspace-upload-reconnect-progress > i::before { content: "✓"; }
.workspace-upload-reconnect-dialog footer .is-primary { border-color: #7654df; color: #fff; background: #7654df; }
.workspace-upload-reconnect-dialog footer [data-upload-draft-reconnect-review-package] { border-color: #7654df; color: #6841d6; background: #fff; }

.workspace-upload-scan-dialog[data-mode="reconnect"] h3::before {
  display: inline-block;
  width: .78em;
  height: .78em;
  margin-right: 10px;
  border: 3px solid rgba(255, 255, 255, .25);
  border-top-color: var(--workspace-lime);
  border-radius: 50%;
  content: "";
  animation: workspace-upload-reconnect-spin 800ms linear infinite;
}

@keyframes workspace-upload-reconnect-spin { to { transform: rotate(360deg); } }

.workspace-upload-artist-image {
  display: grid;
  gap: 16px;
  padding: 22px 24px;
  border: 0;
  background: linear-gradient(125deg, rgba(243, 239, 250, .92), rgba(255, 255, 255, .96));
  box-shadow: inset 0 0 0 1px rgba(112, 84, 190, .16);
}

.workspace-upload-artist-image-actions {
  grid-row: 2;
  justify-content: flex-end;
  margin-top: -4px;
}

.workspace-upload-artist-image-actions > label,
.workspace-upload-artist-image-actions > button {
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 12px;
  font-weight: 900;
}

.workspace-upload-artist-image-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.workspace-upload-artist-image-option,
.workspace-upload-artist-image-option.is-album-cover {
  display: grid;
  grid-column: auto;
  grid-template-columns: 112px minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  gap: 8px 16px;
  min-height: 136px;
  padding: 12px;
  overflow: visible;
  border: 0;
  border-radius: 18px;
  color: #1d1722;
  background: rgba(255, 255, 255, .68);
  box-shadow: none;
  text-align: left;
}

.workspace-upload-artist-image-option:hover,
.workspace-upload-artist-image-option:focus-visible {
  background: #fff;
  box-shadow: 0 12px 24px rgba(47, 32, 68, .1);
}

.workspace-upload-artist-image-option.is-selected {
  border: 0;
  background: #f3efff;
  box-shadow: inset 0 0 0 2px rgba(118, 84, 223, .42);
}

.workspace-upload-artist-image-visual {
  display: grid;
  width: 104px;
  height: 104px;
  grid-row: 1 / 3;
  place-items: center;
  overflow: hidden;
  border-radius: 16px;
  background: #ece8f1;
  box-shadow: 0 0 0 5px var(--upload-artist-ring, transparent);
}

.workspace-upload-artist-image-visual.is-round { border-radius: 50%; }
.workspace-upload-artist-image-visual.is-square { border-radius: 16px; }

.workspace-upload-artist-image-visual img,
.workspace-upload-artist-image-visual > i {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transform: scale(calc(var(--upload-artist-zoom, 120) / 100));
}

.workspace-upload-artist-image-visual > i {
  display: grid;
  place-items: center;
  color: #6841d6;
  background: #eee9f8;
  font-style: normal;
  font-weight: 950;
}

.workspace-upload-artist-image-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.workspace-upload-artist-image-copy strong { font-size: .86rem; }
.workspace-upload-artist-image-copy small { color: #746d78; font-size: .68rem; line-height: 1.35; white-space: normal; }

.workspace-upload-artist-image-choice {
  align-self: end;
  justify-self: start;
  color: #6841d6;
  font-size: .67rem;
  font-style: normal;
  font-weight: 950;
}

.workspace-upload-artist-image-option.is-selected .workspace-upload-artist-image-choice { color: #23745e; }

@media (max-width: 760px) {
  .workspace-upload-details-assistant > header { grid-template-columns: 44px minmax(0, 1fr); }
  .workspace-upload-details-assistant-mark { width: 42px; height: 42px; }
  .workspace-upload-details-assistant > header > button { width: 100%; grid-column: 1 / -1; }
  .workspace-upload-artist-image-options { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .workspace-upload-notice summary { grid-template-columns: minmax(0, 1fr); }
  .workspace-upload-notice summary > b { display: none; }
  .workspace-upload-identity-picker { grid-template-columns: 1fr; }
  .workspace-upload-artist-image { padding: 18px; }
  .workspace-upload-artist-image-actions { justify-content: stretch; }
  .workspace-upload-artist-image-actions > label,
  .workspace-upload-artist-image-actions > button { flex: 1 1 140px; text-align: center; }
  .workspace-upload-artist-image-option,
  .workspace-upload-artist-image-option.is-album-cover { grid-template-columns: 84px minmax(0, 1fr); min-height: 110px; }
  .workspace-upload-artist-image-visual { width: 78px; height: 78px; }
  .workspace-upload-assistant-invitation .workspace-upload-dialog-shell { padding: 24px 20px 26px; }
  .workspace-upload-assistant-invitation footer { display: grid; grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-upload-assistant-status[data-state="busy"] > i,
  .workspace-upload-reconnect-dialog[data-mode="busy"] .workspace-upload-reconnect-progress > i,
  .workspace-upload-scan-dialog[data-mode="reconnect"] h3::before { animation: none; }
}

/* Task 602 final cascade: keep the redesigned review above earlier package-review rules. */
.workspace-upload-panel .workspace-package-guide-head {
  align-items: flex-start;
  padding: 30px 32px 28px;
  color: #1c1720;
  background:
    radial-gradient(circle at 88% 8%, rgba(223, 255, 98, .5), transparent 20rem),
    radial-gradient(circle at 7% 5%, rgba(140, 98, 246, .16), transparent 19rem),
    linear-gradient(120deg, #fbf9ff 0%, #fff 56%, #fcffe9 100%);
}

.workspace-upload-panel .workspace-package-guide-head > div { gap: 7px; }
.workspace-upload-panel .workspace-package-guide-head > div > span { color: #6841d6; font-size: .72rem; }
.workspace-upload-panel .workspace-package-guide-head h3 { color: #18131c; font-size: clamp(1.75rem, 3.4vw, 2.75rem); line-height: 1.02; }
.workspace-upload-panel .workspace-package-guide-head p { color: #625a66; font-size: .83rem; }
.workspace-upload-panel .workspace-package-guide-head aside { min-width: 190px; padding: 8px 0 8px 26px; border-left-color: rgba(62,47,70,.16); }
.workspace-upload-panel .workspace-package-guide-head aside strong { color: #6841d6; font-size: 2.25rem; }
.workspace-upload-panel .workspace-package-guide-head aside span { color: #26202a; font-size: .76rem; }
.workspace-upload-panel .workspace-package-guide-head aside small { color: #706875; font-size: .62rem; }
.workspace-upload-panel .workspace-package-stage-nav { background: #fff; }
.workspace-upload-panel .workspace-package-stage-button { min-height: 70px; padding: 15px 17px; color: #6b626f; }
.workspace-upload-panel .workspace-package-stage-button strong { color: #302934; font-size: .76rem; }
.workspace-upload-panel .workspace-package-stage-button small { font-size: .62rem; }
.workspace-upload-panel .workspace-package-stage-button.is-next { opacity: 1; background: linear-gradient(180deg,#fff,#faf7ff); }
.workspace-upload-panel .workspace-package-stage-button.is-next > b { border-color: #6841d6; color: #6841d6; box-shadow: 0 0 0 4px rgba(140,98,246,.1); }
.workspace-upload-panel .workspace-package-overview { padding: 28px 32px 100px; }
.workspace-upload-panel .workspace-package-overview h4 { font-size: clamp(1.3rem,2.2vw,1.75rem); }
.workspace-upload-panel .workspace-package-overview p { font-size: .8rem; }
.workspace-upload-panel .workspace-package-overview .workspace-package-begin-action { display: flex; grid-column: auto; grid-row: auto; width: min(100%,390px); min-height: 62px; justify-self: end; margin-top: 0; padding: 10px 20px 10px 11px; border: 2px solid #17131b; color: #fff; background: #17131b; }
.workspace-upload-panel .workspace-package-stage-panel { padding: 30px 32px 100px; }
.workspace-upload-panel .workspace-package-stage-panel > header span { display: inline-flex; width: max-content; padding: 5px 9px; border-radius: 999px; color: #fff; background: #6841d6; font-size: .63rem; }
.workspace-upload-panel .workspace-package-stage-panel h4 { font-size: clamp(1.3rem,2.1vw,1.7rem); }
.workspace-upload-panel .workspace-package-stage-panel > header p { font-size: .78rem; }
.workspace-upload-panel .workspace-package-stage-panel > footer .workspace-package-primary-action { min-width: 210px; border: 2px solid #17131b; color: #fff; background: #17131b; }
.workspace-upload-panel .workspace-package-stage-panel > footer .workspace-package-primary-action:hover,
.workspace-upload-panel .workspace-package-stage-panel > footer .workspace-package-primary-action:focus-visible { color: #17131b; background: #dfff62; }
.workspace-upload-panel .workspace-package-audio-list { overflow: hidden; gap: 0; border: 1px solid #ded7e0; border-radius: 16px; background: #fff; }
.workspace-upload-panel .workspace-package-audio-row { display: block; padding: 0; border: 0; border-bottom: 1px solid #ebe5ec; border-radius: 0; background: #fff; }
.workspace-upload-panel .workspace-package-audio-row:last-child { border-bottom: 0; }
.workspace-upload-panel .workspace-package-audio-row.is-selected { border-color: #ebe5ec; background: #fff; }
.workspace-upload-panel .workspace-package-audio-row.is-unselected { opacity: .72; background: #faf8fa; }
.workspace-upload-panel .workspace-package-conversion-note { margin: 0 0 12px; border-left: 3px solid #6841d6; background: #f2eef9; }
.workspace-upload-panel .workspace-package-text-groups label { border-bottom: 0; }
.workspace-upload-panel .workspace-package-text-privacy { display: grid; width: 100%; gap: 5px; margin: 16px 0 0; padding: 15px 17px; border: 2px solid #d85f88; border-radius: 14px; color: #6f2943; background: #ffe6ef; text-align: left; }
.workspace-upload-panel .workspace-package-text-privacy b { color: #9a254d; }
.workspace-upload-panel .workspace-package-text-privacy.is-confirmed { border-color: #6841d6; color: #49404e; background: linear-gradient(90deg,#f0ecff,#f7ffe0); }
.workspace-upload-panel .workspace-package-text-privacy.is-confirmed b { color: #5a35c1; }
.workspace-upload-panel .workspace-package-summary-grid { gap: 14px; }
.workspace-upload-panel .workspace-package-summary-grid article { min-height: 190px; grid-template-columns: 54px minmax(0,1fr); grid-template-rows: 1fr auto; align-content: start; gap: 14px; padding: 20px; border-radius: 20px; background: linear-gradient(145deg,#fff,#faf8fc); }
.workspace-upload-panel .workspace-package-summary-grid article.is-artwork { grid-template-columns: 126px minmax(0,1fr); }
.workspace-upload-panel .workspace-package-summary-grid article > div > span { grid-column: auto; }
.workspace-upload-panel .workspace-package-summary-grid article strong,
.workspace-upload-panel .workspace-package-summary-grid article small { grid-column: auto; }
.workspace-upload-panel .workspace-package-summary-grid article > button:not(.workspace-package-summary-artwork) { grid-column: 1 / -1; grid-row: 2; width: max-content; align-self: end; }
.workspace-upload-panel .workspace-package-summary-grid + footer .workspace-package-primary-action { border-color: #6841d6; background: #6841d6; }

@media (max-width: 820px) {
  .workspace-upload-panel .workspace-package-guide-head { align-items: stretch; flex-direction: column; }
  .workspace-upload-panel .workspace-package-guide-head aside { padding: 14px 0 0; border-top: 1px solid rgba(62,47,70,.14); border-left: 0; }
}

@media (max-width: 620px) {
  .workspace-upload-panel .workspace-package-guide-head,
  .workspace-upload-panel .workspace-package-stage-panel,
  .workspace-upload-panel .workspace-package-overview { padding-right: 18px; padding-left: 18px; }
  .workspace-upload-panel .workspace-package-overview .workspace-package-begin-action { width: 100%; justify-self: stretch; }
  .workspace-upload-panel .workspace-package-summary-grid article { min-height: 0; }
  .workspace-upload-panel .workspace-package-summary-grid article.is-artwork { grid-template-columns: 100px minmax(0,1fr); }
}

/* Task 602: friendlier, in-context Upload Album package review. */
.workspace-upload-workflow-panel.is-package-review-active > .workspace-dropzone,
.workspace-upload-workflow-panel.is-package-review-active > .workspace-upload-picker-actions,
.workspace-upload-workflow-panel.is-package-review-active > .workspace-upload-summary {
  display: none;
}

.workspace-package-scan {
  border-color: rgba(104, 65, 214, .2) !important;
  border-radius: 26px !important;
  box-shadow: 0 24px 70px rgba(47, 36, 58, .1) !important;
}

.workspace-package-guide-head {
  align-items: flex-start;
  padding: 30px 32px 28px;
  color: #1c1720;
  background:
    radial-gradient(circle at 88% 8%, rgba(223, 255, 98, .5), transparent 20rem),
    radial-gradient(circle at 7% 5%, rgba(140, 98, 246, .16), transparent 19rem),
    linear-gradient(120deg, #fbf9ff 0%, #fff 56%, #fcffe9 100%);
}

.workspace-package-guide-head > div { gap: 7px; }
.workspace-package-guide-head > div > span { color: #6841d6; font-size: .72rem; }
.workspace-package-guide-head h3 { max-width: 760px; color: #18131c; font-size: clamp(1.75rem, 3.4vw, 2.75rem); line-height: 1.02; }
.workspace-package-guide-head p { max-width: 760px; color: #625a66; font-size: .83rem; }
.workspace-package-guide-head aside { min-width: 190px; padding: 8px 0 8px 26px; border-left-color: rgba(62, 47, 70, .16); }
.workspace-package-guide-head aside strong { color: #6841d6; font-size: 2.25rem; }
.workspace-package-guide-head aside span { color: #26202a; font-size: .76rem; }
.workspace-package-guide-head aside small { color: #706875; font-size: .62rem; }

.workspace-package-guide-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.workspace-package-guide-actions button,
.workspace-package-inventory button,
.workspace-package-text-row > button,
.workspace-package-audio-alternates button {
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(104, 65, 214, .28);
  border-radius: 999px;
  color: #5d37c8;
  background: rgba(255,255,255,.88);
  font: inherit;
  font-size: .64rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-package-guide-actions button:first-child { border-color: #211a25; color: #fff; background: #19151d; }
.workspace-package-guide-actions button:hover,
.workspace-package-guide-actions button:focus-visible,
.workspace-package-inventory button:hover,
.workspace-package-inventory button:focus-visible,
.workspace-package-text-row > button:hover,
.workspace-package-text-row > button:focus-visible,
.workspace-package-audio-alternates button:hover,
.workspace-package-audio-alternates button:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(140,98,246,.13); transform: translateY(-1px); }

.workspace-package-stage-nav { background: #fff; }
.workspace-package-stage-button { min-height: 70px; padding: 15px 17px; color: #6b626f; }
.workspace-package-stage-button strong { color: #302934; font-size: .76rem; }
.workspace-package-stage-button small { font-size: .62rem; }
.workspace-package-stage-button.is-next { opacity: 1; background: linear-gradient(180deg, #fff, #faf7ff); }
.workspace-package-stage-button.is-next > b { border-color: #6841d6; color: #6841d6; box-shadow: 0 0 0 4px rgba(140,98,246,.1); }
.workspace-package-stage-button.is-next > i { color: #6841d6; font-weight: 950; animation: workspace-package-next-nudge 1.2s ease-in-out 10s 4; }

@keyframes workspace-package-next-nudge {
  0%, 100% { transform: translateX(0); }
  45% { transform: translateX(7px); }
}

.workspace-package-overview {
  display: grid;
  gap: 14px;
  padding: 28px 32px 100px;
}

.workspace-package-overview > .workspace-package-overview-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
  padding: 27px;
  border: 1px solid rgba(104,65,214,.2);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(140,98,246,.075), rgba(223,255,98,.14));
}

.workspace-package-overview h4 { grid-column: 1; font-size: clamp(1.3rem, 2.2vw, 1.75rem); }
.workspace-package-overview p { grid-column: 1; max-width: 880px; font-size: .8rem; }
.workspace-package-overview dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 10px 0 0; }
.workspace-package-overview dl > div { display: grid; gap: 2px; padding: 12px 14px; border-left: 3px solid #8c62f6; border-radius: 5px 13px 13px 5px; background: rgba(255,255,255,.82); }
.workspace-package-overview dt { color: #6d6471; font-size: .58rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }
.workspace-package-overview dd { margin: 0; color: #302935; font-size: .68rem; font-weight: 750; }
.workspace-package-overview dd b { color: #6841d6; font-size: 1.05rem; }

.workspace-package-studio-decide {
  display: grid;
  grid-template-columns: auto auto minmax(0,1fr);
  align-items: center;
  gap: 6px 10px;
  margin-top: 9px;
  padding: 14px 16px;
  border: 1px solid rgba(104,65,214,.22);
  border-radius: 15px;
  background: rgba(255,255,255,.76);
  cursor: pointer;
}

.workspace-package-studio-decide input { position: absolute; opacity: 0; pointer-events: none; }
.workspace-package-studio-decide > span { position: relative; width: 38px; height: 22px; border-radius: 999px; background: #c9c1ce; transition: background 150ms ease; }
.workspace-package-studio-decide > span::after { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; content: ""; border-radius: 50%; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.22); transition: transform 150ms ease; }
.workspace-package-studio-decide input:checked + span { background: #6841d6; }
.workspace-package-studio-decide input:checked + span::after { transform: translateX(16px); }
.workspace-package-studio-decide input:focus-visible + span { box-shadow: 0 0 0 4px rgba(140,98,246,.18); }
.workspace-package-studio-decide b { color: #261f2a; font-size: .72rem; }
.workspace-package-studio-decide small { grid-column: 3; color: #746b78; font-size: .62rem; line-height: 1.4; }

.workspace-package-begin-action,
.workspace-package-overview .workspace-package-begin-action {
  display: flex;
  grid-column: auto;
  grid-row: auto;
  width: min(100%, 390px);
  min-height: 62px;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  justify-self: end;
  padding: 10px 20px 10px 11px;
  border: 2px solid #17131b;
  color: #fff;
  background: #17131b;
  box-shadow: 0 12px 28px rgba(25,19,29,.15);
}

.workspace-package-begin-action > b { display: grid; flex: 0 0 40px; width: 40px; height: 40px; place-items: center; border-radius: 50%; color: #17131b; background: #dfff62; font-size: 1rem; }
.workspace-package-begin-action > span { display: grid; gap: 1px; text-align: left; font-size: .78rem; }
.workspace-package-begin-action small { color: #cfc8d2; font-size: .58rem; }
.workspace-package-begin-action:hover,
.workspace-package-begin-action:focus-visible { border-color: #17131b; color: #17131b; background: #dfff62; }
.workspace-package-begin-action:hover small,
.workspace-package-begin-action:focus-visible small { color: #4e4652; }

.workspace-package-inventory {
  display: grid;
  gap: 12px;
  padding: 20px 24px;
  border-bottom: 1px solid #e4dde7;
  background: linear-gradient(180deg, #f8f5fc, #fff);
}

.workspace-package-inventory > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.workspace-package-inventory > header > div { display: grid; gap: 2px; }
.workspace-package-inventory > header span { color: #6841d6; font-size: .58rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.workspace-package-inventory h4 { margin: 0; color: #241e28; font-size: 1rem; }
.workspace-package-inventory p { margin: 0; color: #706875; font-size: .65rem; }
.workspace-package-inventory > nav { display: flex; flex-wrap: wrap; gap: 7px; }
.workspace-package-inventory > nav button.is-selected { border-color: #6841d6; color: #fff; background: #6841d6; }
.workspace-package-inventory-list { display: grid; max-height: 300px; overflow: auto; border: 1px solid #ddd5e1; border-radius: 14px; background: #fff; }
.workspace-package-inventory-list article { display: grid; grid-template-columns: 70px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #eee9ef; }
.workspace-package-inventory-list article:last-child { border-bottom: 0; }
.workspace-package-inventory-list article > span { padding: 4px 7px; border-radius: 999px; color: #5a35c1; background: #f0ebff; font-size: .53rem; font-weight: 950; text-align: center; text-transform: uppercase; }
.workspace-package-inventory-list article > div { display: grid; min-width: 0; gap: 2px; }
.workspace-package-inventory-list strong,
.workspace-package-inventory-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-package-inventory-list strong { color: #332c37; font-size: .67rem; }
.workspace-package-inventory-list small { color: #7a727e; font-size: .57rem; }
.workspace-package-inventory-list article > b { color: #746b78; font-size: .57rem; }
.workspace-package-inventory-list article > b.is-selected { color: #6841d6; }
.workspace-package-inventory-list article > b.is-local { color: #ad355e; }

.workspace-package-stage-panel { padding: 30px 32px 100px; }
.workspace-package-stage-panel > header span { display: inline-flex; width: max-content; padding: 5px 9px; border-radius: 999px; color: #fff; background: #6841d6; font-size: .63rem; }
.workspace-package-stage-panel h4 { font-size: clamp(1.3rem, 2.1vw, 1.7rem); }
.workspace-package-stage-panel > header p { font-size: .78rem; }
.workspace-package-stage-panel > footer button:first-child { border-color: #d4ccd7; color: #4e4653; background: #fff; }
.workspace-package-stage-panel > footer .workspace-package-primary-action { min-width: 210px; border: 2px solid #17131b; color: #fff; background: #17131b; }
.workspace-package-stage-panel > footer .workspace-package-primary-action:hover,
.workspace-package-stage-panel > footer .workspace-package-primary-action:focus-visible { color: #17131b; background: #dfff62; }

.workspace-package-artwork-selected { max-width: 620px; }
.workspace-package-artwork-selected .workspace-package-artwork-choice { grid-template-columns: 132px minmax(0,1fr) 34px; width: 100%; padding: 14px; border-width: 2px; border-radius: 20px; }
.workspace-package-artwork-selected .workspace-package-artwork-image { width: 132px; border-radius: 14px; }
.workspace-package-artwork-selected .workspace-package-artwork-choice strong { font-size: .83rem; }
.workspace-package-artwork-selected .workspace-package-artwork-choice small { font-size: .65rem; }
.workspace-package-artwork-alternates { max-width: 760px; margin-top: 12px; border: 1px solid #ddd5e1; border-radius: 16px; background: #fff; }
.workspace-package-artwork-alternates > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; color: #4f2dc0; font-size: .7rem; font-weight: 900; cursor: pointer; }
.workspace-package-artwork-alternates > summary span { color: #7a727e; font-size: .6rem; font-weight: 700; }
.workspace-package-artwork-alternates > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 0 12px 12px; }
.workspace-package-crop { margin-top: 20px; background: linear-gradient(135deg, rgba(140,98,246,.055), rgba(109,216,237,.08)); }

.workspace-package-audio-list { overflow: hidden; gap: 0; border: 1px solid #ded7e0; border-radius: 16px; background: #fff; }
.workspace-package-audio-row { display: block; padding: 0; border: 0; border-bottom: 1px solid #ebe5ec; border-radius: 0; background: #fff; }
.workspace-package-audio-row:last-child { border-bottom: 0; }
.workspace-package-audio-row.is-selected { border-color: #ebe5ec; background: #fff; }
.workspace-package-audio-row.is-unselected { opacity: .72; background: #faf8fa; }
.workspace-package-audio-main { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; }
.workspace-package-audio-main > label { display: grid; flex: 1 1 auto; grid-template-columns: auto auto minmax(0,1fr); align-items: center; gap: 11px; min-width: 0; cursor: pointer; }
.workspace-package-audio-main input { width: 18px; height: 18px; accent-color: #6841d6; }
.workspace-package-audio-main label > span:last-child { display: grid; min-width: 0; gap: 2px; }
.workspace-package-audio-main label strong,
.workspace-package-audio-main label small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-package-audio-main label strong { color: #302935; font-size: .74rem; }
.workspace-package-audio-main label small { color: #766e79; font-size: .6rem; }
.workspace-package-audio-main > div { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }
.workspace-package-audio-main > div button { min-height: 34px; padding: 7px 11px; border: 1px solid rgba(104,65,214,.3); border-radius: 999px; color: #5d37c8; background: #fff; font: inherit; font-size: .62rem; font-weight: 900; cursor: pointer; }
.workspace-package-audio-main > div button span { color: #7b7180; font-weight: 700; }
.workspace-package-audio-alternates { display: grid; gap: 6px; padding: 10px 14px 14px 61px; border-top: 1px solid #eee9ef; background: #f9f7fb; }
.workspace-package-audio-alternates > p { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 3px; color: #756d78; font-size: .6rem; }
.workspace-package-audio-alternates > p strong { color: #352e39; }
.workspace-package-audio-alternates > button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; border-radius: 11px; text-align: left; }
.workspace-package-audio-alternates > button > span { display: grid; gap: 2px; }
.workspace-package-audio-alternates > button strong { color: #302935; font-size: .65rem; }
.workspace-package-audio-alternates > button small { color: #7a727e; font-size: .56rem; }
.workspace-package-audio-alternates > button > b { padding: 3px 6px; border-radius: 999px; color: #fff; background: #6841d6; font-size: .52rem; }
.workspace-package-conversion-note { margin: 0 0 12px; border-left: 3px solid #6841d6; background: #f2eef9; }

.workspace-package-text-assist { display: flex; gap: 10px; margin: 12px 0 0; padding: 12px 14px; border-radius: 12px; color: #655d69; background: linear-gradient(90deg, rgba(223,255,98,.26), rgba(140,98,246,.06)); font-size: .64rem; }
.workspace-package-text-assist strong { color: #302935; }
.workspace-package-text-groups details:not([open]) { box-shadow: 0 5px 15px rgba(47,36,58,.035); }
.workspace-package-text-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; border-bottom: 1px solid #eee9ef; }
.workspace-package-text-row:last-child { border-bottom: 0; }
.workspace-package-text-row > label { border-bottom: 0; }
.workspace-package-text-row > button { margin-right: 12px; }
.workspace-package-text-row > pre { grid-column: 1 / -1; max-height: 240px; margin: 0; overflow: auto; padding: 14px 16px; border-top: 1px solid #e8e1ea; color: #332b38; background: #f7f4f9; font: 600 .61rem/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; }
.workspace-package-text-privacy { display: grid; width: 100%; gap: 5px; margin: 16px 0 0; padding: 15px 17px; border: 2px solid #d85f88; border-radius: 14px; color: #6f2943; background: #ffe6ef; font: inherit; text-align: left; cursor: pointer; }
.workspace-package-text-privacy b { color: #9a254d; font-size: .72rem; }
.workspace-package-text-privacy span { font-size: .65rem; line-height: 1.45; }
.workspace-package-text-privacy small { color: #9a4563; font-size: .58rem; font-weight: 800; }
.workspace-package-text-privacy.is-confirmed { border-color: #6841d6; color: #49404e; background: linear-gradient(90deg, #f0ecff, #f7ffe0); }
.workspace-package-text-privacy.is-confirmed b { color: #5a35c1; }
.workspace-package-text-privacy.is-confirmed small { color: #6f6673; }
.workspace-package-text-privacy.is-attention { animation: workspace-private-attention .55s ease-in-out 3; }

@keyframes workspace-private-attention {
  0%, 100% { transform: translateX(0); box-shadow: 0 0 0 0 rgba(216,95,136,0); }
  50% { transform: translateX(5px); box-shadow: 0 0 0 6px rgba(216,95,136,.16); }
}

.workspace-package-summary-grid { gap: 14px; }
.workspace-package-summary-grid article { min-height: 190px; grid-template-columns: 54px minmax(0,1fr); grid-template-rows: 1fr auto; align-content: start; gap: 14px; padding: 20px; border-radius: 20px; background: linear-gradient(145deg,#fff,#faf8fc); }
.workspace-package-summary-grid article > svg { width: 50px; height: 50px; padding: 12px; border-radius: 16px; fill: none; stroke: #6841d6; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; background: #f0ebff; }
.workspace-package-summary-grid article > div { display: grid; align-content: start; gap: 5px; min-width: 0; }
.workspace-package-summary-grid article > div > span { color: #6841d6; font-size: .62rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }
.workspace-package-summary-grid article strong { grid-column: auto; font-size: .84rem; }
.workspace-package-summary-grid article small { grid-column: auto; font-size: .63rem; }
.workspace-package-summary-grid article > button:not(.workspace-package-summary-artwork) { grid-column: 1 / -1; grid-row: 2; width: max-content; align-self: end; }
.workspace-package-summary-artwork { position: relative; grid-column: 1; grid-row: 1 / span 2; width: 112px; height: 112px; overflow: hidden; padding: 0 !important; border: 0 !important; border-radius: 18px !important; }
.workspace-package-summary-artwork img { width: 100%; height: 100%; object-fit: cover; }
.workspace-package-summary-artwork span { position: absolute; right: 6px; bottom: 6px; left: 6px; padding: 5px; border-radius: 999px; color: #fff; background: rgba(18,14,21,.82); font-size: .55rem; }
.workspace-package-summary-grid article.is-artwork { grid-template-columns: 126px minmax(0,1fr); }
.workspace-package-summary-grid article.is-artwork > div { padding-top: 4px; }
.workspace-package-summary-grid + footer .workspace-package-primary-action { border-color: #6841d6; background: #6841d6; }

.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"] {
  border-color: #17131b;
  color: #fff;
  background: #17131b;
  transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"]:hover,
.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"]:focus-visible,
.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"].is-package-ready {
  color: #17131b;
  background: #dfff62;
}

.workspace-upload-workflow-actions [data-upload-workflow-next].is-ready-flash { animation: workspace-package-ready-flash .58s ease-in-out 3; }

@keyframes workspace-package-ready-flash {
  0%, 100% { transform: translateY(0); box-shadow: 0 0 0 0 rgba(223,255,98,0); }
  50% { transform: translateY(-2px); box-shadow: 0 0 0 8px rgba(223,255,98,.3), 0 13px 28px rgba(40,31,48,.16); }
}

@media (max-width: 820px) {
  .workspace-package-guide-head { align-items: stretch; flex-direction: column; }
  .workspace-package-guide-head aside { padding: 14px 0 0; border-top: 1px solid rgba(62,47,70,.14); border-left: 0; }
  .workspace-package-overview dl { grid-template-columns: 1fr; }
  .workspace-package-artwork-alternates > div { grid-template-columns: 1fr; }
  .workspace-package-audio-main { align-items: stretch; flex-direction: column; }
  .workspace-package-audio-main > div { justify-content: flex-end; }
  .workspace-package-audio-alternates { padding-left: 14px; }
}

@media (max-width: 620px) {
  .workspace-package-guide-head,
  .workspace-package-stage-panel,
  .workspace-package-overview { padding-right: 18px; padding-left: 18px; }
  .workspace-package-overview > .workspace-package-overview-card { padding: 19px; }
  .workspace-package-begin-action,
  .workspace-package-overview .workspace-package-begin-action { width: 100%; justify-self: stretch; }
  .workspace-package-studio-decide { grid-template-columns: auto auto minmax(0,1fr); }
  .workspace-package-artwork-selected .workspace-package-artwork-choice { grid-template-columns: 88px minmax(0,1fr) 28px; }
  .workspace-package-artwork-selected .workspace-package-artwork-image { width: 88px; }
  .workspace-package-text-assist { flex-direction: column; }
  .workspace-package-text-row { grid-template-columns: 1fr; }
  .workspace-package-text-row > button { width: max-content; margin: 0 12px 10px 52px; }
  .workspace-package-summary-grid article { min-height: 0; }
  .workspace-package-summary-grid article.is-artwork { grid-template-columns: 100px minmax(0,1fr); }
  .workspace-package-summary-artwork { width: 90px; height: 90px; }
  .workspace-package-inventory-list article { grid-template-columns: 56px minmax(0,1fr); }
  .workspace-package-inventory-list article > b { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-package-stage-button.is-next > i,
  .workspace-package-text-privacy.is-attention,
  .workspace-upload-workflow-actions [data-upload-workflow-next].is-ready-flash { animation: none !important; }
}

/* Task 598 late overrides for the earlier Upload Album surface rules. */
.workspace-package-scan {
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-color: rgba(104, 65, 214, .25) !important;
  background: #fff !important;
}

@media (max-width: 620px) {
  .workspace-package-scan { padding: 0; }
}

/* Task 598 late overrides for the earlier Upload Album surface rules. */
.workspace-package-scan {
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-color: rgba(104, 65, 214, .25) !important;
  background: #fff !important;
}

@media (max-width: 620px) {
  .workspace-package-scan { padding: 0; }
}

/* Studio Task 598: guided local package review */
.workspace-folder-button:is(button) {
  width: 100%;
  font: inherit;
  text-align: left;
}

.workspace-upload-preflight-dialog .workspace-upload-dialog-shell,
.workspace-upload-text-caution-dialog .workspace-upload-dialog-shell {
  gap: 20px;
  max-width: 690px;
}

.workspace-upload-preflight-dialog p,
.workspace-upload-text-caution-dialog p {
  margin: 0;
  color: #4f4853;
  font-size: .88rem;
  line-height: 1.62;
}

.workspace-upload-preflight-limits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.workspace-upload-preflight-limits article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(104, 65, 214, .22);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(140, 98, 246, .11), rgba(223, 255, 98, .13));
}

.workspace-upload-preflight-limits b {
  color: var(--workspace-violet-deep);
  font-size: 1.5rem;
  line-height: 1;
}

.workspace-upload-preflight-limits span {
  color: #6b636e;
  font-size: .7rem;
  line-height: 1.35;
}

.workspace-upload-preflight-dialog aside,
.workspace-upload-text-caution-dialog aside {
  display: grid;
  gap: 3px;
  padding: 14px 16px;
  border-left: 4px solid var(--workspace-lime);
  border-radius: 4px 14px 14px 4px;
  background: #18151d;
}

.workspace-upload-preflight-dialog aside strong,
.workspace-upload-text-caution-dialog aside strong { color: #fff; font-size: .78rem; }
.workspace-upload-preflight-dialog aside small,
.workspace-upload-text-caution-dialog aside small { color: #c7c0ca; font-size: .69rem; line-height: 1.45; }
.workspace-upload-dialog footer .is-primary { border-color: var(--workspace-lime); color: #111015; background: var(--workspace-lime); }

.workspace-upload-caution-choice {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #514a55;
  font-size: .74rem;
  font-weight: 800;
}

.workspace-upload-caution-choice input { width: 18px; height: 18px; accent-color: var(--workspace-violet); }

.workspace-package-scan {
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-color: rgba(104, 65, 214, .25) !important;
  background: #fff !important;
}

.workspace-package-guide-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 24px 26px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 0, rgba(223, 255, 98, .18), transparent 16rem),
    linear-gradient(120deg, #17131e 0%, #271a3c 58%, #15131a 100%);
}

.workspace-package-guide-head > div { display: grid; gap: 5px; min-width: 0; }
.workspace-package-guide-head > div > span,
.workspace-package-stage-panel > header span,
.workspace-package-overview > div > span {
  color: var(--workspace-lime);
  font-size: .65rem;
  font-weight: 950;
  letter-spacing: .085em;
  text-transform: uppercase;
}

.workspace-package-guide-head h3,
.workspace-package-stage-panel h4,
.workspace-package-overview h4 { margin: 0; letter-spacing: -.025em; }
.workspace-package-guide-head h3 { font-size: clamp(1.25rem, 2.3vw, 1.85rem); }
.workspace-package-guide-head p { max-width: 700px; margin: 0; color: #c9c1cd; font-size: .75rem; line-height: 1.48; }
.workspace-package-guide-head aside { display: grid; flex: 0 0 auto; min-width: 155px; gap: 1px; padding-left: 22px; border-left: 1px solid rgba(255,255,255,.17); }
.workspace-package-guide-head aside strong { color: var(--workspace-lime); font-size: 1.65rem; line-height: 1; }
.workspace-package-guide-head aside span { color: #fff; font-size: .72rem; font-weight: 850; }
.workspace-package-guide-head aside small { color: #aaa0af; font-size: .58rem; }
.workspace-package-scan > .workspace-upload-inspection-notice { margin: 16px 20px 0; }

.workspace-package-stage-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #e4dee6;
  background: #faf8fb;
}

.workspace-package-stage-button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 13px 14px;
  border: 0;
  border-right: 1px solid #e8e2e9;
  color: #746c78;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.workspace-package-stage-button:last-child { border-right: 0; }
.workspace-package-stage-button > b { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #cfc5d4; border-radius: 50%; color: #706777; background: #fff; font-size: .65rem; }
.workspace-package-stage-button > span { display: grid; min-width: 0; gap: 1px; }
.workspace-package-stage-button strong { overflow: hidden; color: #3c3640; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-package-stage-button small { overflow: hidden; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-package-stage-button > i { color: #aaa1ad; font-size: .8rem; font-style: normal; }
.workspace-package-stage-button:hover:not(:disabled),
.workspace-package-stage-button:focus-visible { outline: 0; background: rgba(140, 98, 246, .08); }
.workspace-package-stage-button.is-active { color: var(--workspace-violet-deep); box-shadow: inset 0 -3px 0 var(--workspace-violet); background: #fff; }
.workspace-package-stage-button.is-active > b { border-color: var(--workspace-violet); color: #fff; background: var(--workspace-violet); }
.workspace-package-stage-button.is-complete > b { border-color: #6e8f1d; color: #182006; background: var(--workspace-lime); }
.workspace-package-stage-button:disabled { opacity: .45; cursor: not-allowed; }

.workspace-package-overview,
.workspace-package-stage-panel { padding: 24px 26px 96px; }
.workspace-package-overview { padding-bottom: 96px; }
.workspace-package-stage-panel[hidden] { display: none; }

.workspace-package-overview > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px 24px;
  padding: 24px;
  border: 1px solid rgba(104, 65, 214, .22);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(140, 98, 246, .08), rgba(223, 255, 98, .12));
}

.workspace-package-overview h4 { grid-column: 1; color: #211b25; font-size: 1.18rem; }
.workspace-package-overview p { grid-column: 1; max-width: 760px; margin: 0; color: #6a626d; font-size: .76rem; line-height: 1.5; }
.workspace-package-overview ul { display: grid; grid-column: 1; grid-template-columns: repeat(3, auto); justify-content: start; gap: 9px; margin: 9px 0 0; padding: 0; list-style: none; }
.workspace-package-overview li { display: flex; align-items: baseline; gap: 5px; padding: 8px 10px; border: 1px solid rgba(104,65,214,.15); border-radius: 10px; background: rgba(255,255,255,.75); }
.workspace-package-overview li b { color: var(--workspace-violet-deep); font-size: .88rem; }
.workspace-package-overview li span { color: #69616c; font-size: .61rem; }
.workspace-package-overview .workspace-package-primary-action { grid-column: 2; grid-row: 1 / span 4; }

.workspace-package-primary-action,
.workspace-package-stage-panel > header button,
.workspace-package-stage-panel > footer button,
.workspace-package-summary-grid button,
.workspace-package-audio-row > div button {
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid rgba(104, 65, 214, .32);
  border-radius: 999px;
  color: var(--workspace-violet-deep);
  background: #fff;
  font: inherit;
  font-size: .65rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-package-primary-action { border-color: var(--workspace-lime); color: #151218; background: var(--workspace-lime); }
.workspace-package-primary-action.is-confirmed { border-color: #6e8f1d; background: #dfff62; }
.workspace-package-primary-action:disabled { opacity: .42; cursor: not-allowed; }
.workspace-package-primary-action:hover:not(:disabled),
.workspace-package-primary-action:focus-visible,
.workspace-package-stage-panel > header button:hover,
.workspace-package-stage-panel > header button:focus-visible,
.workspace-package-stage-panel > footer button:hover,
.workspace-package-stage-panel > footer button:focus-visible,
.workspace-package-summary-grid button:hover,
.workspace-package-summary-grid button:focus-visible,
.workspace-package-audio-row > div button:hover,
.workspace-package-audio-row > div button:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(140,98,246,.12); transform: translateY(-1px); }

.workspace-package-stage-panel > header,
.workspace-package-stage-panel > footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.workspace-package-stage-panel > header { margin-bottom: 18px; }
.workspace-package-stage-panel > header > div { display: grid; gap: 4px; }
.workspace-package-stage-panel h4 { color: #211c25; font-size: 1.18rem; }
.workspace-package-stage-panel > header p { max-width: 770px; margin: 0; color: #706875; font-size: .72rem; line-height: 1.46; }
.workspace-package-stage-panel > footer { margin-top: 20px; padding-top: 17px; border-top: 1px solid #e7e1e8; }

.workspace-package-artwork-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.workspace-package-artwork-choice {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) 25px;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #ddd5e0;
  border-radius: 15px;
  color: #38313d;
  background: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.workspace-package-artwork-choice:hover,
.workspace-package-artwork-choice:focus-visible,
.workspace-package-artwork-choice.is-selected { outline: 0; border-color: var(--workspace-violet); background: rgba(140,98,246,.07); box-shadow: 0 8px 22px rgba(72,44,108,.08); }
.workspace-package-artwork-image { position: relative; display: block; width: 82px; aspect-ratio: 1; overflow: hidden; border-radius: 10px; background: #17141b; }
.workspace-package-artwork-image img { width: 100%; height: 100%; object-fit: cover; }
.workspace-package-artwork-image b { position: absolute; right: 5px; bottom: 5px; padding: 3px 5px; border-radius: 999px; color: #17141b; background: var(--workspace-lime); font-size: .48rem; }
.workspace-package-artwork-choice > span:nth-child(2) { display: grid; min-width: 0; gap: 3px; }
.workspace-package-artwork-choice strong,
.workspace-package-artwork-choice small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-package-artwork-choice strong { font-size: .68rem; }
.workspace-package-artwork-choice small { color: #756d79; font-size: .57rem; }
.workspace-package-artwork-choice > i { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid #d2c9d5; border-radius: 50%; color: #241b2d; background: #fff; font-size: .68rem; font-style: normal; }
.workspace-package-artwork-choice.is-selected > i { border-color: var(--workspace-lime); background: var(--workspace-lime); }

.workspace-package-crop { margin-top: 16px; }
.workspace-package-cover-description { display: grid; grid-template-columns: minmax(180px, .55fr) 1fr; gap: 18px; margin-top: 16px; padding: 16px; border: 1px solid #ddd5e0; border-radius: 16px; background: #fbfafc; }
.workspace-package-cover-description > span { display: grid; align-content: start; gap: 4px; }
.workspace-package-cover-description strong { color: #2e2832; font-size: .74rem; }
.workspace-package-cover-description small { color: #756d79; font-size: .63rem; line-height: 1.42; }
.workspace-package-cover-description textarea { min-height: 76px; resize: vertical; padding: 11px; border: 1px solid #d5ccd8; border-radius: 11px; color: #28222c; background: #fff; font: inherit; font-size: .72rem; line-height: 1.45; }
.workspace-package-cover-description textarea:focus { outline: 0; border-color: var(--workspace-violet); box-shadow: 0 0 0 3px rgba(140,98,246,.1); }

.workspace-package-audio-list { display: grid; gap: 8px; }
.workspace-package-audio-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px; border: 1px solid #e0d9e2; border-radius: 13px; background: #fff; }
.workspace-package-audio-row.is-selected { border-color: rgba(104,65,214,.42); background: rgba(140,98,246,.045); }
.workspace-package-audio-row > label { display: grid; flex: 1 1 auto; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 10px; min-width: 0; cursor: pointer; }
.workspace-package-audio-row input { width: 17px; height: 17px; accent-color: var(--workspace-violet); }
.workspace-package-audio-row label > span:last-child { display: grid; min-width: 0; gap: 2px; }
.workspace-package-audio-row label strong,
.workspace-package-audio-row label small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-package-audio-row label strong { color: #312a35; font-size: .7rem; }
.workspace-package-audio-row label small { color: #7a727d; font-size: .58rem; }
.workspace-package-audio-row > div { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }
.workspace-package-audio-row > div button { min-height: 32px; padding: 6px 10px; }
.workspace-package-audio-row > div > b { min-width: 62px; color: #6e6572; font-size: .58rem; text-align: right; }
.workspace-package-audio-row > div > b.is-convert { color: var(--workspace-violet-deep); }
.workspace-package-conversion-note,
.workspace-package-text-privacy { display: flex; gap: 10px; margin: 13px 0 0; padding: 11px 13px; border-radius: 11px; color: #5f5663; background: #f4f1f6; font-size: .64rem; line-height: 1.45; }
.workspace-package-conversion-note b,
.workspace-package-text-privacy b { flex: 0 0 auto; color: #312a35; }

.workspace-package-text-groups { display: grid; gap: 9px; margin-top: 12px; }
.workspace-package-text-groups details { overflow: hidden; border: 1px solid #ded6e1; border-radius: 13px; background: #fff; }
.workspace-package-text-groups summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; cursor: pointer; }
.workspace-package-text-groups summary > span { display: grid; gap: 2px; }
.workspace-package-text-groups summary strong { color: #312a35; font-size: .7rem; }
.workspace-package-text-groups summary small { color: #7b737e; font-size: .59rem; }
.workspace-package-text-groups summary > b { color: var(--workspace-violet-deep); font-size: .65rem; }
.workspace-package-text-groups details > div { display: grid; border-top: 1px solid #e5dfe7; }
.workspace-package-text-groups label { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #eee9ef; cursor: pointer; }
.workspace-package-text-groups label:last-child { border-bottom: 0; }
.workspace-package-text-groups input { width: 17px; height: 17px; accent-color: var(--workspace-violet); }
.workspace-package-text-groups label > span { display: grid; min-width: 0; gap: 2px; }
.workspace-package-text-groups label strong,
.workspace-package-text-groups label small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-package-text-groups label strong { color: #3a333e; font-size: .66rem; }
.workspace-package-text-groups label small { color: #817984; font-size: .56rem; }
.workspace-package-text-privacy { border-left: 3px solid var(--workspace-violet); background: rgba(140,98,246,.07); }

.workspace-package-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.workspace-package-summary-grid article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 16px; border: 1px solid #ded6e1; border-radius: 14px; background: #fbfafc; }
.workspace-package-summary-grid article > span { grid-column: 1; color: var(--workspace-violet-deep); font-size: .59rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }
.workspace-package-summary-grid strong { grid-column: 1; overflow: hidden; color: #2e2732; font-size: .77rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-package-summary-grid small { grid-column: 1; color: #7b737e; font-size: .6rem; line-height: 1.4; }
.workspace-package-summary-grid button { grid-column: 2; grid-row: 1 / span 3; align-self: center; min-height: 33px; }
.workspace-package-guide-status { margin: 0; padding: 11px 26px; border-top: 1px solid #e9e3ea; color: #6c6470; background: #faf8fb; font-size: .63rem; text-align: center; }

@media (max-width: 900px) {
  .workspace-package-stage-nav { grid-template-columns: repeat(2, 1fr); }
  .workspace-package-stage-button:nth-child(2) { border-right: 0; }
  .workspace-package-stage-button:nth-child(-n+2) { border-bottom: 1px solid #e8e2e9; }
  .workspace-package-artwork-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .workspace-upload-preflight-limits { grid-template-columns: 1fr; }
  .workspace-package-guide-head { align-items: stretch; flex-direction: column; gap: 16px; padding: 20px; }
  .workspace-package-guide-head aside { padding: 13px 0 0; border-top: 1px solid rgba(255,255,255,.17); border-left: 0; }
  .workspace-package-stage-nav { grid-template-columns: 1fr; }
  .workspace-package-stage-button,
  .workspace-package-stage-button:nth-child(2) { border-right: 0; border-bottom: 1px solid #e8e2e9; }
  .workspace-package-stage-button:last-child { border-bottom: 0; }
  .workspace-package-overview,
  .workspace-package-stage-panel { padding: 18px 18px 112px; }
  .workspace-package-overview { padding: 18px 18px 112px; }
  .workspace-package-overview > div { grid-template-columns: 1fr; padding: 18px; }
  .workspace-package-overview h4,
  .workspace-package-overview p,
  .workspace-package-overview ul,
  .workspace-package-overview .workspace-package-primary-action { grid-column: 1; grid-row: auto; }
  .workspace-package-overview ul { grid-template-columns: 1fr; }
  .workspace-package-overview .workspace-package-primary-action { width: 100%; margin-top: 7px; }
  .workspace-package-stage-panel > header,
  .workspace-package-stage-panel > footer { align-items: stretch; flex-direction: column; }
  .workspace-package-stage-panel > header button,
  .workspace-package-stage-panel > footer button { width: 100%; }
  .workspace-package-artwork-choice { grid-template-columns: 72px minmax(0, 1fr) 24px; }
  .workspace-package-artwork-image { width: 72px; }
  .workspace-package-cover-description { grid-template-columns: 1fr; }
  .workspace-package-audio-row { align-items: stretch; flex-direction: column; }
  .workspace-package-audio-row > div { justify-content: flex-end; flex-wrap: wrap; }
  .workspace-package-audio-row > div > b { margin-left: auto; }
  .workspace-package-summary-grid { grid-template-columns: 1fr; }
  .workspace-package-guide-status { padding-inline: 18px; text-align: left; }
}

/* Studio Task 555: required granular creation disclosure and exact marks. */
.workspace-creation-overall-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.workspace-creation-overall-options button {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border: 1px solid rgba(22, 20, 25, .16);
  border-radius: 16px;
  color: #17151b;
  background: rgba(255, 255, 255, .9);
  text-align: left;
  cursor: pointer;
}

.workspace-creation-overall-options button:hover,
.workspace-creation-overall-options button:focus-visible {
  border-color: rgba(111, 79, 224, .62);
  box-shadow: 0 0 0 3px rgba(111, 79, 224, .12);
}

.workspace-creation-overall-options button[aria-pressed="true"] {
  border-color: #6f4fe0;
  background: linear-gradient(145deg, rgba(111, 79, 224, .12), rgba(255, 255, 255, .94));
  box-shadow: 0 0 0 2px rgba(111, 79, 224, .18);
}

.workspace-creation-overall-options button > span:last-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.workspace-creation-overall-options button strong { font-size: .9rem; }
.workspace-creation-overall-options button small { color: #716b76; font-size: .7rem; line-height: 1.35; }

.workspace-creation-component-details {
  overflow: hidden;
  border: 1px solid rgba(22, 20, 25, .13);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
}

.workspace-creation-component-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 15px;
  font-weight: 900;
  cursor: pointer;
}

.workspace-creation-component-details > summary small { color: #716b76; font-weight: 750; }
.workspace-creation-component-details > summary::marker { color: #7654df; }
.workspace-creation-component-details[open] > summary { border-bottom: 1px solid rgba(22, 20, 25, .1); }
.workspace-creation-component-details .workspace-creation-component-editor { border-radius: 0; background: rgba(255, 255, 255, .44); }
.workspace-creation-component-details.is-blanket-locked > summary { color: #31273e; background: rgba(111, 79, 224, .07); }

.workspace-creation-component-row.is-blanket-locked {
  background: rgba(111, 79, 224, .035);
}

.workspace-creation-component-row.is-blanket-locked select {
  opacity: .72;
  cursor: not-allowed;
}

.workspace-creation-component-row > span:nth-child(3) > small {
  display: block;
  margin-top: 4px;
  color: #6b6177;
  font-size: .66rem;
  line-height: 1.3;
}

.workspace-review-creation-card summary > span:first-child {
  display: grid;
  width: 43px;
  height: 43px;
  place-items: center;
}

.workspace-review-lower-grid > .workspace-review-creation-card {
  grid-column: 1 / -1;
}

.workspace-review-creation-card summary .creation-mark { margin: 0; }
.workspace-review-creation-details { display: grid; gap: 12px; }
.workspace-review-creation-details > div { display: grid; max-height: 290px; overflow: auto; border: 1px solid #e7e1eb; border-radius: 13px; background: #fff; }
.workspace-review-creation-details > div > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 9px; min-width: 0; padding: 8px 10px; border-top: 1px solid #eeeaf1; }
.workspace-review-creation-details > div > div:first-child { border-top: 0; }
.workspace-review-creation-details > div > div > span { display: grid; place-items: center; }
.workspace-review-creation-details p { display: grid; gap: 2px; min-width: 0; margin: 0; }
.workspace-review-creation-details p strong,
.workspace-review-creation-details p small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-review-creation-details p strong { color: #211d25; font-size: .76rem; }
.workspace-review-creation-details p small { color: #716b76; font-size: .67rem; }

.creation-mark.is-compact {
  width: 32px;
  height: 32px;
  border-width: 2px;
  border-radius: 7px;
  font-size: .78rem;
}

.creation-mark-human img { display: block; width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 720px) {
  .workspace-creation-overall-options { grid-template-columns: 1fr; }
  .workspace-creation-overall-options button { min-height: 72px; }
  .workspace-creation-component-details > summary { align-items: flex-start; flex-direction: column; gap: 3px; }
  .workspace-review-creation-details > div { max-height: 250px; }
}

/* Studio Task 554: mandatory square artwork output and customer crop/resize preview. */
.workspace-upload-crop {
  display: grid;
  gap: 14px;
  margin: 22px 0;
  padding: 18px;
  border: 1px solid rgba(111, 79, 224, .25);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(111, 79, 224, .055), rgba(117, 220, 199, .07));
  box-shadow: 0 12px 34px rgba(30, 24, 45, .06);
}

.workspace-upload-crop > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.workspace-upload-crop > header > div {
  display: grid;
  gap: 3px;
}

.workspace-upload-crop > header span {
  color: var(--workspace-violet-deep);
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.workspace-upload-crop > header strong {
  color: var(--workspace-ink);
  font-size: 1rem;
}

.workspace-upload-crop > header small,
.workspace-upload-crop-summary p {
  margin: 0;
  color: var(--workspace-muted);
  font-size: .76rem;
  line-height: 1.4;
}

.workspace-upload-crop button {
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid rgba(31, 27, 38, .18);
  border-radius: 11px;
  color: var(--workspace-ink);
  background: #fff;
  cursor: pointer;
  font: inherit;
  font-size: .8rem;
  font-weight: 900;
}

.workspace-upload-crop button:hover:not(:disabled),
.workspace-upload-crop button[aria-pressed="true"] {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet);
}

.workspace-upload-crop button:focus-visible,
.workspace-upload-crop input:focus-visible {
  outline: 3px solid rgba(111, 79, 224, .22);
  outline-offset: 2px;
}

.workspace-upload-crop button:disabled {
  color: #938e99;
  background: #ece9e5;
  cursor: not-allowed;
}

.workspace-upload-crop-summary {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
}

.workspace-upload-crop-preview,
.workspace-upload-crop-stage {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(31, 27, 38, .18);
  border-radius: 14px;
  background: #000;
}

.workspace-upload-crop-preview {
  width: 72px;
  aspect-ratio: 1;
}

.workspace-upload-crop-preview img,
.workspace-upload-crop-stage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(var(--crop-x, 0%), var(--crop-y, 0%)) scale(var(--crop-zoom, 1));
  transform-origin: center;
}

.workspace-upload-crop-preview.is-fit img,
.workspace-upload-crop-stage.is-fit img {
  object-fit: contain;
}

.workspace-upload-crop-preview > span {
  position: absolute;
  inset: 0;
  display: grid;
  padding: 8px;
  color: #ddd8e4;
  place-items: center;
  font-size: .58rem;
  line-height: 1.25;
  text-align: center;
}

.workspace-upload-crop-editor {
  display: grid;
  grid-template-columns: minmax(190px, 300px) minmax(0, 1fr);
  gap: 20px;
  padding-top: 14px;
  border-top: 1px solid rgba(31, 27, 38, .12);
}

.workspace-upload-crop-editor[hidden] { display: none; }

.workspace-upload-crop-stage {
  width: 100%;
  aspect-ratio: 1;
  align-self: start;
  box-shadow: 0 14px 32px rgba(11, 10, 14, .18);
}

.workspace-upload-crop-controls {
  display: grid;
  align-content: start;
  gap: 13px;
}

.workspace-upload-crop-controls label {
  display: grid;
  gap: 7px;
  color: var(--workspace-ink);
  font-size: .78rem;
  font-weight: 850;
}

.workspace-upload-crop-controls label > span:first-child {
  display: flex;
  justify-content: space-between;
  color: inherit;
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
}

.workspace-upload-crop-controls input[type="range"] {
  width: 100%;
  accent-color: var(--workspace-violet);
}

.workspace-upload-crop-modes,
.workspace-upload-crop-actions,
.workspace-upload-range-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.workspace-upload-crop-modes { flex-wrap: wrap; }
.workspace-upload-crop-actions { justify-content: flex-end; }
.workspace-upload-crop-actions [data-upload-crop-apply] { border-color: var(--workspace-violet); color: #fff; background: var(--workspace-violet); }
.workspace-upload-range-row > button { flex: 0 0 40px; min-height: 36px; padding: 5px; }
.workspace-upload-range-row > input { min-width: 0; }

@media (max-width: 620px) {
  .workspace-upload-crop { padding: 15px; border-radius: 17px; }
  .workspace-upload-crop > header { align-items: flex-start; flex-direction: column; }
  .workspace-upload-crop > header > button { width: 100%; }
  .workspace-upload-crop-editor { grid-template-columns: 1fr; }
  .workspace-upload-crop-stage { max-width: 320px; justify-self: center; }
  .workspace-upload-crop-modes { display: grid; grid-template-columns: 1fr 1fr; }
  .workspace-upload-crop-actions > button { flex: 1; }
}

/* Task 551: artist identity and artist-image parity across Create and Upload Album. */
.workspace-studio-decide {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  color: #4f397f;
  font-size: .76rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-studio-decide input {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.workspace-upload-meta-grid .workspace-studio-decide { display: inline-flex; }
.workspace-upload-meta-grid .workspace-studio-decide input {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  box-shadow: none;
}

.workspace-studio-decide > span {
  position: relative;
  display: inline-block;
  flex: 0 0 38px;
  width: 38px;
  height: 22px;
  border: 1px solid #b7adbd;
  border-radius: 999px;
  background: #d8d2de;
  box-shadow: 0 1px 2px rgba(25, 19, 31, .12) inset;
  transition: background 150ms ease, border-color 150ms ease;
}

.workspace-studio-decide > span::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(25, 19, 31, .24);
  content: "";
  transition: transform 150ms ease;
}

.workspace-studio-decide input:checked + span {
  border-color: #7654df;
  background: #8362ea;
}

.workspace-studio-decide input:checked + span::after { transform: translateX(16px); }
.workspace-studio-decide input:focus-visible + span { outline: 3px solid rgba(118, 84, 223, .24); outline-offset: 3px; }
.workspace-studio-decide input:disabled + span { opacity: .56; }

.workspace-upload-artist-input {
  position: relative;
  display: block;
}

.workspace-upload-meta-grid .workspace-upload-artist-input > input { padding-right: 78px; }

.workspace-upload-artist-input > button {
  position: absolute;
  top: 50%;
  right: 9px;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border: 1px solid rgba(52, 137, 112, .35);
  border-radius: 12px;
  color: #17151b;
  background: #eaf8f3;
  font: inherit;
  font-size: .68rem;
  font-weight: 900;
  transform: translateY(-50%);
  cursor: pointer;
}

.workspace-upload-artist-input > button > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #17151b;
  font-size: .58rem;
  letter-spacing: -.02em;
}

.workspace-upload-artist-input > button > small { color: inherit; font: inherit; }
.workspace-upload-artist-input > button:focus-visible { outline: 3px solid rgba(52, 137, 112, .24); outline-offset: 2px; }

.workspace-upload-identity-picker {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(111, 79, 224, .26);
  border-radius: 15px;
  background: #f5f1ff;
}

.workspace-upload-identity-picker[hidden] { display: none !important; }
.workspace-upload-identity-picker > label { display: grid; gap: 7px; }
.workspace-upload-identity-picker > div { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-upload-identity-picker button,
.workspace-upload-artist-image-actions button,
.workspace-upload-artist-image-actions > label {
  display: inline-flex;
  min-height: 39px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid #b9add0;
  border-radius: 11px;
  color: #4f397f;
  background: #fff;
  font: inherit;
  font-size: .72rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-upload-artist-image {
  display: grid;
  gap: 11px;
  padding: 14px;
  border: 1px solid rgba(111, 79, 224, .22);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(243,239,252,.92));
}

.workspace-upload-artist-image > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.workspace-upload-artist-image > header > div { display: grid; gap: 3px; }
.workspace-upload-artist-image > header small,
.workspace-upload-artist-image > p { margin: 0; color: #716a76; font-size: .71rem; line-height: 1.4; }
.workspace-upload-artist-image > p.is-success { color: #23745e; }
.workspace-upload-artist-image > p.is-error { color: #a53b35; }
.workspace-upload-artist-image > p.is-busy { color: #6f4fe0; }

.workspace-upload-artist-image-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.workspace-upload-artist-image-option {
  display: grid;
  min-width: 0;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 7px;
  border: 1px solid #d6cedc;
  border-radius: 12px;
  color: #2e2932;
  background: #fff;
  text-align: left;
  cursor: pointer;
}

.workspace-upload-artist-image-option img,
.workspace-upload-artist-image-option > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  overflow: hidden;
  border-radius: 10px;
  object-fit: cover;
  background: #ece8f2;
  color: #6f4fe0;
  font-style: normal;
  font-weight: 950;
}

.workspace-upload-artist-image-option > span { display: grid; min-width: 0; gap: 2px; }
.workspace-upload-artist-image-option strong,
.workspace-upload-artist-image-option small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-upload-artist-image-option strong { font-size: .68rem; }
.workspace-upload-artist-image-option small { color: #77707c; font-size: .61rem; }
.workspace-upload-artist-image-option.is-selected { border-color: #7654df; box-shadow: 0 0 0 2px rgba(118,84,223,.14); background: #f6f2ff; }
.workspace-upload-artist-image-option.is-recommended::after { grid-column: 1 / -1; color: #6f4fe0; content: "Studio pick"; font-size: .58rem; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; }

.workspace-upload-artist-image-replace {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  padding: 9px;
  border: 1px solid #e1b77e;
  border-radius: 11px;
  background: #fff7ea;
}
.workspace-upload-artist-image-replace small { flex: 1 1 100%; color: #765532; }
.workspace-upload-artist-image-replace button { min-height: 32px; padding: 6px 9px; border: 1px solid #cda56f; border-radius: 9px; background: #fff; color: #684522; font: inherit; font-size: .65rem; font-weight: 900; cursor: pointer; }

.workspace-upload-artist-image-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-upload-artist-image-actions > label { position: relative; overflow: hidden; }
.workspace-upload-artist-image-actions input {
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: 0;
  height: 100%;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
.workspace-upload-artist-image-actions button:disabled,
.workspace-upload-artist-image-actions > label:has(input:disabled) { opacity: .55; cursor: not-allowed; }

@media (max-width: 760px) {
  .workspace-artist-image-main { grid-template-columns: minmax(0, 1fr) auto; }
  .workspace-artist-image-actions { grid-column: 1 / -1; justify-content: start; }
  .workspace-artist-image-actions > small { text-align: left; }
  .workspace-upload-artist-image > header { align-items: stretch; flex-direction: column; }
  .workspace-upload-artist-image-options { grid-template-columns: 1fr; }
}

/* Task 408: computed provenance, upload identity, cover text, and instrumental facets */
.workspace-genre-facet {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 10px;
}

.workspace-genre-facet-custom[hidden] { display: none; }

.workspace-genre-facet label,
.workspace-instrumental-controls label,
.workspace-upload-artist-identity > label:not(.workspace-upload-identity-confirm) {
  display: grid;
  gap: 7px;
}

.workspace-genre-facet label > span,
.workspace-instrumental-controls label > span,
.workspace-upload-artist-identity > label > span {
  font-weight: 850;
}

.workspace-genre-facet small { color: #77717d; font-weight: 700; }

.workspace-instrumental-controls {
  display: grid;
  gap: 16px;
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid rgba(111, 79, 224, 0.28);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(111, 79, 224, 0.08), rgba(219, 255, 91, 0.12));
}

.workspace-instrumental-controls[hidden] { display: none !important; }
.workspace-instrumental-controls > header { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.workspace-instrumental-controls > header div { display: grid; gap: 4px; }
.workspace-instrumental-controls > header span { color: #7654df; font-size: .72rem; font-weight: 950; letter-spacing: .09em; text-transform: uppercase; }
.workspace-instrumental-controls > header strong { font-size: clamp(1.15rem, 2vw, 1.5rem); }
.workspace-instrumental-controls > header small,
.workspace-instrumental-controls > p { margin: 0; color: #6e6872; line-height: 1.45; }

.workspace-upload-artist-identity { display: grid; gap: 10px; }
.workspace-upload-identity-confirm {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(111, 79, 224, .25);
  border-radius: 14px;
  background: rgba(111, 79, 224, .07);
}
.workspace-upload-identity-confirm[hidden] { display: none !important; }
.workspace-upload-identity-confirm input { width: 20px; height: 20px; margin-top: 2px; accent-color: #6f4fe0; }
.workspace-upload-identity-confirm span { display: grid; gap: 3px; }
.workspace-upload-identity-confirm small { color: #706a75; line-height: 1.35; }

.workspace-creation-disclosure { display: grid; gap: 15px; }
.workspace-creation-disclosure > header { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.workspace-creation-disclosure > header div { display: grid; gap: 4px; }
.workspace-creation-disclosure > header span { color: #7654df; font-size: .72rem; font-weight: 950; letter-spacing: .09em; text-transform: uppercase; }
.workspace-creation-disclosure > header h3,
.workspace-creation-disclosure > p { margin: 0; }
.workspace-creation-disclosure > p { color: #716b76; line-height: 1.5; }
.workspace-creation-computed { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 16px; background: #17151b; color: #fff; }
.workspace-creation-computed > span { display: grid; gap: 2px; }
.workspace-creation-computed small { color: #c6becb; }
.workspace-creation-computed b { color: #d8d0dc; font-size: .78rem; line-height: 1.35; }
.workspace-creation-presets { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-creation-presets button,
.workspace-upload-cover-text-suggestion button { min-height: 38px; padding: 8px 12px; border: 1px solid rgba(22, 20, 25, .16); border-radius: 999px; background: #fff; color: #17151b; font-weight: 850; cursor: pointer; }
.workspace-creation-component-editor { display: grid; gap: 10px; min-width: 0; }
.workspace-creation-component-editor > div:first-child { display: grid; gap: 2px; }
.workspace-creation-component-editor > div:first-child small { color: #716b76; }
.workspace-creation-component-table { display: grid; overflow: hidden; border: 1px solid rgba(22, 20, 25, .12); border-radius: 16px; }
.workspace-creation-component-editor .workspace-creation-component-row { display: grid; grid-template-columns: minmax(150px, 1.5fr) 58px minmax(145px, .75fr); gap: 10px; align-items: center; padding: 10px 12px; border-top: 1px solid rgba(22, 20, 25, .09); }
.workspace-creation-component-row:first-child { border-top: 0; }
.workspace-creation-component-row.is-head { background: #f0ecef; font-size: .69rem; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; }
.workspace-creation-component-row > span:first-child { display: grid; gap: 2px; min-width: 0; }
.workspace-creation-component-row > span:first-child small { color: #706a75; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-creation-component-row select { width: 100%; min-height: 38px; color: #17151b; background: #fff; }
.workspace-creation-certification { display: flex; align-items: flex-start; gap: 10px; }
.workspace-creation-certification input { width: 20px; height: 20px; margin-top: 2px; accent-color: #6f4fe0; }
.workspace-creation-certification span { display: grid; gap: 3px; }
.workspace-creation-certification small { color: #716b76; }
.creation-mark-image { position: relative; overflow: hidden; padding: 0 !important; }
.creation-mark-image img { position: absolute; top: 50%; left: 0; width: 200%; height: auto; max-width: none; transform: translateY(-50%); }
.creation-mark-image.is-assisted img { transform: translate(-50%, -50%); }
.workspace-upload-cover-text-suggestion { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px; border: 1px solid rgba(111, 79, 224, .28); border-radius: 16px; background: rgba(111, 79, 224, .07); }
.workspace-upload-cover-text-suggestion > span { display: grid; gap: 3px; }
.workspace-upload-cover-text-suggestion small { color: #7654df; font-weight: 900; }
.workspace-upload-cover-text-suggestion b { color: #706a75; font-size: .75rem; }
.workspace-upload-cover-text-suggestion > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

@media (max-width: 720px) {
  .workspace-instrumental-controls .workspace-field-grid.three { grid-template-columns: 1fr; }
  .workspace-instrumental-controls > header,
  .workspace-creation-disclosure > header,
  .workspace-upload-cover-text-suggestion { align-items: flex-start; flex-direction: column; }
  .workspace-creation-component-table { overflow: visible; }
  .workspace-creation-component-editor .workspace-creation-component-row { grid-template-columns: minmax(0, 1fr) 48px; min-width: 0; }
  .workspace-creation-component-row > span:nth-child(3) { grid-column: 1 / -1; }
  .workspace-creation-component-row.is-head > span:nth-child(3) { display: none; }
  .workspace-upload-cover-text-suggestion > div { justify-content: flex-start; }
}

/* Task 49: focused lyric states, allowance details, and always-visible policy */
.workspace-lyrics-track-heading {
  display: grid;
  min-width: 94px;
  gap: 2px;
}
.workspace-lyrics-track-heading > strong { color: #1c1922; font-size: .92rem; white-space: nowrap; }
.workspace-lyrics-track-heading > small {
  max-width: 180px;
  overflow: hidden;
  color: #6c55ba;
  font-size: .64rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-lyrics-track-tabs button[data-state="started"] > i {
  border-color: #9676df;
  background: #9676df;
}
.workspace-lyrics-track-tabs button[aria-selected="true"] > i {
  border-color: #4e328f;
  background: #7350cf;
  box-shadow: 0 0 0 2px #4e328f, 0 0 0 6px rgba(115, 80, 207, .2), 0 0 14px rgba(82, 49, 150, .28);
  transform: scale(1.08);
}
.workspace-lyrics-track-stepper > button[data-action="add"] {
  border-color: #a98ee5;
  color: #6844c4;
  background: #f5f0ff;
  font-size: 1rem;
  font-weight: 900;
}
.workspace-lyrics-generation-allowance {
  position: relative;
  display: inline-flex;
  width: auto;
  min-width: 42px;
  max-width: 42px;
  min-height: 30px;
  margin: 0;
  padding: 5px 10px;
  overflow: visible;
  align-items: center;
  gap: 6px;
  border: 1px solid #d3c4f3;
  border-radius: 999px;
  color: #54377f;
  background: #f7f3ff;
  box-shadow: none;
  font-size: .68rem;
  font-weight: 900;
  white-space: nowrap;
  cursor: help;
  transition: max-width .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.workspace-lyrics-generation-allowance::before {
  width: 7px;
  height: 7px;
  margin: 0;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #815dd8;
  box-shadow: 0 0 0 3px rgba(129, 93, 216, .13);
  content: "";
}
.workspace-lyrics-generation-number { min-width: 8px; text-align: center; }
.workspace-lyrics-generation-label,
.workspace-lyrics-generation-info {
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-width .18s ease, opacity .14s ease;
}
.workspace-lyrics-generation-info {
  display: grid;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  place-items: center;
  border: 1px solid #a991df;
  border-radius: 50%;
  font-size: .58rem;
  font-style: normal;
}
.workspace-lyrics-generation-allowance:hover,
.workspace-lyrics-generation-allowance:focus-visible,
.workspace-lyrics-generation-allowance[aria-expanded="true"] {
  max-width: 220px;
  border-color: #9e82df;
  box-shadow: 0 0 0 3px rgba(126, 88, 215, .1);
}
.workspace-lyrics-generation-allowance:hover .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance:focus-visible .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance[aria-expanded="true"] .workspace-lyrics-generation-label { max-width: 150px; opacity: 1; }
.workspace-lyrics-generation-allowance:hover .workspace-lyrics-generation-info,
.workspace-lyrics-generation-allowance:focus-visible .workspace-lyrics-generation-info,
.workspace-lyrics-generation-allowance[aria-expanded="true"] .workspace-lyrics-generation-info { max-width: 16px; opacity: 1; }
.workspace-lyrics-generation-help {
  position: absolute;
  z-index: 30;
  right: 0;
  top: calc(100% + 9px);
  display: none;
  width: min(285px, 78vw);
  padding: 10px 12px;
  border: 1px solid #d6caee;
  border-radius: 10px;
  color: #4f4659;
  background: #fff;
  box-shadow: 0 12px 30px rgba(50, 35, 77, .16);
  font-size: .7rem;
  font-weight: 650;
  line-height: 1.45;
  white-space: normal;
}
.workspace-lyrics-generation-allowance:hover .workspace-lyrics-generation-help,
.workspace-lyrics-generation-allowance:focus-visible .workspace-lyrics-generation-help,
.workspace-lyrics-generation-allowance[aria-expanded="true"] .workspace-lyrics-generation-help { display: block; }
.workspace-lyrics-generation-allowance[data-state="exhausted"]::before { background: #aa514a; box-shadow: 0 0 0 3px rgba(170, 81, 74, .12); }
.workspace-lyrics-track-title-editor {
  position: relative;
  display: block;
}
.workspace-lyrics-track-title-editor input { padding-right: 78px; }
.workspace-lyrics-track-title-editor button,
.workspace-lyrics-track-title-editor button:disabled {
  position: absolute;
  right: 4px;
  top: 4px;
  width: auto;
  min-height: 38px;
  padding: 0 13px;
  border: 0;
  border-radius: 8px;
}
.workspace-lyrics-track-title-status[data-state="saved"] { color: #6444ba; }
.workspace-lyrics-options-row {
  justify-content: space-between;
  margin: 13px 20px 0;
  padding: 0;
  border: 0;
}
.workspace-lyrics-options-row > * + * { margin-left: 0; padding-left: 0; border-left: 0; }
.workspace-lyrics-generation-context {
  position: relative;
  display: inline-flex;
  min-height: 32px;
  margin-left: auto;
  padding: 5px 9px;
  align-items: center;
  gap: 7px;
  border: 1px solid #d9d0e8;
  border-radius: 999px;
  color: #665b70;
  background: #faf8fc;
  font-size: .68rem;
  font-weight: 800;
  cursor: help;
}
.workspace-lyrics-generation-context > i {
  display: grid;
  width: 16px;
  height: 16px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: .56rem;
  font-style: normal;
}
.workspace-lyrics-generation-context > small {
  position: absolute;
  z-index: 25;
  right: 0;
  top: calc(100% + 8px);
  display: none;
  width: min(330px, 82vw);
  padding: 10px 12px;
  border: 1px solid #d8d0e3;
  border-radius: 10px;
  color: #514a57;
  background: #fff;
  box-shadow: 0 12px 28px rgba(49, 39, 62, .14);
  font-size: .7rem;
  font-weight: 650;
  line-height: 1.45;
  text-align: left;
}
.workspace-lyrics-generation-context:hover > small,
.workspace-lyrics-generation-context:focus-visible > small { display: block; }
.workspace-lyrics-generation-context[data-state="ready"] { border-color: #cfc0ef; color: #6546ae; background: #f8f4ff; }
.workspace-lyrics-generation-context[data-state="incomplete"] { border-color: #e1d1b9; color: #78531d; background: #fffbf4; }
.workspace-lyrics-panel > [data-manual-lyrics] .workspace-lyrics-policy {
  margin: 11px 20px 0;
  color: #6d6571;
  font-size: .7rem;
  line-height: 1.45;
}
.workspace-lyrics-panel > [data-manual-lyrics] .workspace-lyrics-policy a { color: #5e43aa; font-weight: 800; }

@media (max-width: 760px) {
  .workspace-lyrics-track-heading { min-width: 78px; }
  .workspace-lyrics-track-heading > small { max-width: 120px; }
  .workspace-lyrics-track-navigation { align-items: center; }
  .workspace-lyrics-generation-allowance { max-width: 42px; }
  .workspace-lyrics-generation-allowance:hover,
  .workspace-lyrics-generation-allowance:focus-visible,
  .workspace-lyrics-generation-allowance[aria-expanded="true"] { max-width: 210px; }
  .workspace-lyrics-options-row { margin-inline: 13px; }
  .workspace-lyrics-panel > [data-manual-lyrics] .workspace-lyrics-policy { margin-inline: 13px; }
  .workspace-lyrics-track-title-editor button,
  .workspace-lyrics-track-title-editor button:disabled { width: auto; }
}

@media (max-width: 430px) {
  .workspace-lyrics-track-navigation { align-items: flex-start !important; flex-direction: column !important; }
  .workspace-lyrics-track-stepper { width: 100%; justify-content: space-between; }
  .workspace-lyrics-track-tabs { justify-content: center; flex: 1 1 auto; }
  .workspace-lyrics-generation-context { order: 3; width: 100%; margin-left: 0 !important; padding-left: 0 !important; border-left: 0 !important; }
  .workspace-lyrics-actions { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px; gap: 6px; }
  .workspace-lyrics-action-menu > summary { width: 40px; }
}

.workspace-ring-options { display: flex; gap: 9px; margin-top: 8px; }
.workspace-ring-options button {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 2px solid #c6bcb0;
  border-radius: 50%;
  background: var(--ring, repeating-conic-gradient(#ddd 0 25%, #777 0 50%) 0 / 10px 10px);
}
.workspace-ring-options button[aria-checked="true"] { border-color: #111017; box-shadow: 0 0 0 3px rgba(139,104,238,.22); }
.workspace-secondary-button {
  width: auto;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #bdb3a8;
  border-radius: 12px;
  background: #fffdfa;
  color: #111017;
  font-weight: 800;
}
.workspace-secondary-button:hover { background: #111017; color: #fff; }
.workspace-secondary-button:disabled,
.workspace-secondary-button:disabled:hover {
  border-color: #c9c4bd;
  color: #8d8990;
  background: #e8e5df;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}
.workspace-lyrics-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.workspace-lyrics-actions .workspace-secondary-button { width: 100%; }
.workspace-lyrics-actions [data-verify-lyrics] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.workspace-lyrics-actions [data-verify-lyrics].is-verified {
  border-color: #63ad91;
  background: #f1fff9;
  color: #123d2f;
  box-shadow: inset 0 0 0 1px rgba(36, 124, 95, .08);
}
.workspace-lyrics-actions [data-verify-lyrics].is-verified::before,
.workspace-lyrics-actions [data-verify-lyrics].is-reviewed::before {
  display: inline-grid;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: .78rem;
  font-weight: 950;
  line-height: 1;
  content: "✓";
}
.workspace-lyrics-actions [data-verify-lyrics].is-verified::before {
  background: #247c5f;
  box-shadow: 0 0 0 4px rgba(127, 225, 195, .24);
}
.workspace-lyrics-actions [data-verify-lyrics].is-verified:not(:disabled):hover {
  border-color: #247c5f;
  background: #e4f9f0;
  color: #123d2f;
}
.workspace-lyrics-actions [data-verify-lyrics].is-reviewed {
  border-color: #d19a41;
  background: #fffaf0;
  color: #5f3b08;
}
.workspace-lyrics-actions [data-verify-lyrics].is-reviewed::before {
  background: #b87817;
  content: "!";
}
.workspace-lyrics-actions [data-verify-lyrics].is-reviewed:not(:disabled):hover {
  border-color: #b87817;
  background: #fff2d6;
  color: #5f3b08;
}
.workspace-lyrics-actions [data-verify-lyrics].is-reviewed.is-critical {
  border-color: #cf6578;
  background: #fff4f6;
  color: #8f263c;
}
.workspace-lyrics-actions [data-verify-lyrics].is-reviewed.is-critical::before {
  background: #c64e66;
}
.workspace-lyrics-actions [data-verify-lyrics].is-reviewed.is-critical:not(:disabled):hover {
  border-color: #b43d54;
  background: #ffe8ed;
  color: #7b1e32;
}
.workspace-lyrics-generate-button {
  border-color: #111017;
  background: #111017;
  color: #fff;
}
.workspace-lyrics-generate-button:not(:disabled):hover {
  border-color: var(--workspace-violet);
  background: var(--workspace-violet);
}
.workspace-lyrics-generate-remaining-button {
  border-color: #a994da;
  color: #5637b7;
  background: #f6f1ff;
}
.workspace-lyrics-generate-remaining-button:not(:disabled):hover {
  border-color: #6f4bd0;
  color: #fff;
  background: #6f4bd0;
}
.workspace-lyrics-generation-context {
  display: flex;
  align-items: center;
  min-height: 38px;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid #ded5e8;
  border-radius: 10px;
  color: #5f5668;
  background: #faf7fd;
  font-size: .76rem;
  line-height: 1.35;
}
.workspace-lyrics-generation-context[data-state="ready"] { border-color: #bce1d4; color: #245c48; background: #f1fbf7; }
.workspace-lyrics-generation-context[data-state="incomplete"] { border-color: #e2cba6; color: #70460d; background: #fffaf0; }
.workspace-lyrics-generation-allowance {
  display: flex;
  align-items: center;
  min-height: 34px;
  margin: -4px 0 0;
  padding: 8px 12px;
  border: 1px solid #d9cdf6;
  border-radius: 12px;
  color: #57427d;
  background: linear-gradient(90deg, #f7f3ff, #f3fbfa);
  font-size: .74rem;
  font-weight: 850;
  line-height: 1.35;
}
.workspace-lyrics-generation-allowance::before {
  width: 8px;
  height: 8px;
  margin-right: 9px;
  border-radius: 50%;
  background: #7c5ce4;
  box-shadow: 0 0 0 4px rgba(124, 92, 228, .12);
  content: "";
}
.workspace-lyrics-generation-allowance[data-state="exhausted"] {
  border-color: #e5beb9;
  color: #84372f;
  background: #fff5f3;
}
.workspace-lyrics-generation-allowance[data-state="exhausted"]::before {
  background: #bd5448;
  box-shadow: 0 0 0 4px rgba(189, 84, 72, .12);
}
.workspace-lyrics-actions .workspace-secondary-button:disabled {
  cursor: not-allowed;
  border-color: #d5cec7;
  background: #eeeae5;
  color: #8a837d;
  opacity: .72;
}
.workspace-lyrics-actions [data-verify-lyrics].is-verified:disabled {
  cursor: default;
  border-color: #63ad91;
  background: #f1fff9;
  color: #123d2f;
  opacity: 1;
  box-shadow: inset 0 0 0 1px rgba(36, 124, 95, .08);
}
.workspace-lyrics-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.workspace-lyrics-panel [data-manual-lyrics] {
  display: grid;
  gap: 12px;
}
.workspace-lyrics-panel [data-manual-lyrics][hidden] { display: none; }
.workspace-lyrics-editor {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #d4cbc0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(40, 31, 22, 0.07);
  color-scheme: light;
}
.workspace-lyrics-track-workspace {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #d8cdef;
  border-radius: 14px;
  background: linear-gradient(135deg, #f7f2ff 0%, #fff 58%, #eefbfa 100%);
}
.workspace-lyrics-track-workspace-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.workspace-lyrics-track-workspace-head > div {
  display: grid;
  gap: 2px;
}
.workspace-lyrics-track-workspace-head small {
  color: #6d55be;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.workspace-lyrics-track-workspace-head strong { color: #17151b; font-size: 1rem; }
.workspace-lyrics-track-workspace-head span { color: #746d7a; font-size: .78rem; }
.workspace-lyrics-track-workspace-head button {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #bfb1d8;
  border-radius: 10px;
  color: #20192c;
  background: #fff;
  font-weight: 850;
  cursor: pointer;
}
.workspace-lyrics-track-workspace-head button:hover:not(:disabled),
.workspace-lyrics-track-workspace-head button:focus-visible { border-color: var(--workspace-violet); color: #6742d4; }
.workspace-lyrics-track-workspace-head button:disabled { cursor: default; opacity: .58; }
.workspace-lyrics-head .workspace-segmented {
  border-color: #d9d0e8;
  background: #f2eef7;
}
.workspace-lyrics-head .workspace-segmented button[aria-pressed="true"] {
  color: #fff;
  background: #2d214d;
  box-shadow: 0 8px 20px rgba(45, 33, 77, .22);
}
.workspace-lyrics-track-capacity-note {
  display: block;
  margin: -4px 0 0;
  color: #6d6577;
  font-size: .73rem;
  line-height: 1.45;
}
.workspace-lyrics-track-tabs {
  display: flex;
  gap: 8px;
  min-width: 0;
  padding: 2px 1px 5px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.workspace-lyrics-track-tabs button {
  position: relative;
  display: grid;
  flex: 0 0 116px;
  gap: 2px;
  min-width: 0;
  min-height: 58px;
  padding: 8px 12px 9px;
  overflow: hidden;
  border: 1px solid #d5cde0;
  border-radius: 11px;
  color: #5d5662;
  background: rgba(255, 255, 255, .9);
  text-align: left;
  cursor: pointer;
}
.workspace-lyrics-track-tabs button > span { color: #8065db; font-size: .65rem; font-weight: 950; letter-spacing: .08em; }
.workspace-lyrics-track-tabs button > strong { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-lyrics-track-tabs button > i {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 7px;
  height: 7px;
  border: 1px solid #bdb5c4;
  border-radius: 50%;
  background: #fff;
}
.workspace-lyrics-track-tabs button[data-state="started"] > i { border-color: #50a98e; background: #50a98e; }
.workspace-lyrics-track-tabs button[aria-selected="true"] {
  border-color: #a58ce7;
  color: #30234f;
  background: linear-gradient(145deg, #e7def9 0%, #f0ebfc 100%);
  box-shadow: 0 6px 16px rgba(91, 66, 145, .16);
}
.workspace-lyrics-track-tabs button[aria-selected="true"] > span { color: #6546bb; }
.workspace-lyrics-track-tabs button:focus-visible { outline: 3px solid rgba(125, 87, 235, .28); outline-offset: 2px; }
.workspace-lyrics-track-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  overflow: visible;
  border-top: 1px solid rgba(115, 91, 163, .18);
}
.workspace-lyrics-track-title {
  display: grid;
  gap: 9px;
  align-content: start;
  padding: 13px 16px 2px 0;
}
.workspace-lyrics-track-title-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.workspace-lyrics-track-title-head > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.workspace-lyrics-track-title-head strong { font-size: .86rem; }
.workspace-lyrics-track-title-head small { color: #706879; font-size: .74rem; font-weight: 650; }
.workspace-lyrics-track-title-toggle { width: max-content; }
.workspace-lyrics-track-title-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.workspace-lyrics-track-title-editor[hidden] { display: none; }
.workspace-lyrics-track-title-editor input {
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #cbc3ba;
  border-radius: 10px;
  outline: 0;
  color: #17151b;
  background: #fff;
  font-size: .95rem;
}
.workspace-lyrics-track-title-editor input:focus { border-color: var(--workspace-violet); box-shadow: 0 0 0 4px rgba(140, 98, 246, .12); }
.workspace-lyrics-track-title-editor button {
  min-height: 46px;
  padding: 0 16px;
  border-color: #c7b8ee;
  color: #50358f;
  background: #eee8fb;
}
.workspace-lyrics-track-title-editor button:disabled { opacity: .48; cursor: not-allowed; }
.workspace-lyrics-track-title-status { color: #756d7c; font-size: .72rem; }
.workspace-lyrics-track-title-status[data-state="generated"] { display: none; }
.workspace-lyrics-track-title-status[data-state="empty"] { color: #756d7c; }
.workspace-lyrics-track-title-status[data-state="pending"] { color: #7751d6; font-weight: 800; }
.workspace-lyrics-track-title-status[data-state="saved"] { color: #2f876d; font-weight: 800; }
.workspace-lyrics-track-direction {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 13px 0 2px 16px;
  border-left: 1px solid rgba(115, 91, 163, .18);
}
.workspace-lyrics-track-direction-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.workspace-lyrics-track-direction-head > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #19171d;
  font-size: .86rem;
}
.workspace-lyrics-track-direction-head > small { color: #706879; font-size: .76rem; text-align: right; }
.workspace-lyrics-track-direction-toggle { width: max-content; }
.workspace-lyrics-track-direction-editor { position: relative; }
.workspace-lyrics-track-direction-editor[hidden] { display: none; }
.workspace-lyrics-track-direction-editor textarea {
  width: 100%;
  min-height: 96px;
  resize: vertical;
  padding: 13px 16px 28px;
  border: 1px solid #cbc3ba;
  border-radius: 10px;
  outline: 0;
  color: #17151b;
  background: #fff;
  font: inherit;
  line-height: 1.45;
}
.workspace-lyrics-track-direction-editor textarea:focus { border-color: var(--workspace-violet); box-shadow: 0 0 0 4px rgba(140, 98, 246, .12); }
.workspace-lyrics-track-direction-editor > small { position: absolute; right: 12px; bottom: 9px; color: #807889; font-size: .7rem; }
.workspace-lyrics-editor > label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
}
.workspace-lyrics-editor > label span {
  color: #19171d;
  font-size: .86rem;
  font-weight: 900;
}
.workspace-lyrics-editor > label small {
  max-width: 620px;
  color: #6f6864;
  text-align: right;
}
.workspace-lyrics-canvas {
  position: relative;
  height: 280px;
  min-height: 280px;
  max-height: 280px;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
}
.workspace-lyrics-panel textarea[data-manual-lyrics-input] {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 280px;
  min-height: 280px;
  max-height: 280px;
  margin: 0;
  padding: 18px 20px;
  border: 1px solid #bdb5ab !important;
  border-radius: 12px;
  outline: 0;
  background: #fff !important;
  color: #17151b !important;
  caret-color: #17151b;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .025);
  font: 650 1rem/1.72 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  overflow-y: auto;
  resize: none;
}
.workspace-lyrics-highlight-layer {
  position: absolute;
  z-index: 1;
  inset: 0;
  box-sizing: border-box;
  overflow: hidden;
  padding: 18px 20px;
  border: 1px solid transparent;
  color: #17151b;
  background: #fff;
  font: 650 1rem/1.72 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  overflow-wrap: break-word;
  pointer-events: none;
  scrollbar-width: none;
  white-space: pre-wrap;
}
.workspace-lyrics-highlight-layer[hidden] { display: none; }
.workspace-lyrics-highlight-layer mark {
  border-radius: 3px;
  color: inherit;
  background: #fff0a5;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.workspace-lyrics-highlight-layer mark[data-tone="yellow"] { background: #fff0a5; box-shadow: inset 3px 0 #c59400, inset -3px 0 #c59400; }
.workspace-lyrics-highlight-layer mark[data-tone="orange"] { background: #ffd09a; box-shadow: inset 3px 0 #c46c00, inset -3px 0 #c46c00; }
.workspace-lyrics-highlight-layer mark[data-tone="red"] { background: #ffc0c8; box-shadow: inset 3px 0 #ad1f36, inset -3px 0 #ad1f36; }
.workspace-lyrics-highlight-layer mark[data-tone="purple"] { background: #dfc8f6; box-shadow: inset 3px 0 #7438a8, inset -3px 0 #7438a8; }
.workspace-lyrics-highlight-layer mark[data-tone="black"] { color: #fff; background: #29282c; box-shadow: inset 3px 0 #050506, inset -3px 0 #050506; }
.workspace-lyrics-canvas.has-inline-flags textarea[data-manual-lyrics-input] {
  background: transparent !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
.workspace-lyrics-canvas.has-inline-flags textarea[data-manual-lyrics-input]::selection {
  color: transparent;
  background: rgba(70, 99, 255, .22);
}
.workspace-lyrics-annotation-markers {
  position: absolute;
  z-index: 4;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.workspace-lyrics-annotation-markers button {
  position: absolute;
  left: 5px;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #d1a817;
  box-shadow: 0 1px 5px rgba(30, 23, 17, .35);
  cursor: pointer;
  pointer-events: auto;
}
.workspace-lyrics-annotation-markers button[hidden] { display: none; }
.workspace-lyrics-annotation-markers button[data-tone="orange"] { background: #d97812; }
.workspace-lyrics-annotation-markers button[data-tone="red"] { background: #bd2940; }
.workspace-lyrics-annotation-markers button[data-tone="purple"] { background: #8248b3; }
.workspace-lyrics-annotation-markers button[data-tone="black"] { background: #17171a; }
.workspace-lyrics-inline-detail {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-left: 4px solid #d1a817;
  border-radius: 0 8px 8px 0;
  background: #fff9dd;
}
.workspace-lyrics-inline-detail[hidden] { display: none; }
.workspace-lyrics-inline-detail[data-tone="orange"] { border-color: #d97812; background: #fff3e4; }
.workspace-lyrics-inline-detail[data-tone="red"] { border-color: #bd2940; background: #fff0f2; }
.workspace-lyrics-inline-detail[data-tone="purple"] { border-color: #8248b3; background: #f7effd; }
.workspace-lyrics-inline-detail[data-tone="black"] { border-color: #17171a; background: #f2f1ee; }
.workspace-lyrics-inline-detail > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.workspace-lyrics-inline-detail [data-lyrics-inline-detail-dot] {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d1a817;
}
.workspace-lyrics-inline-detail[data-tone="orange"] [data-lyrics-inline-detail-dot] { background: #d97812; }
.workspace-lyrics-inline-detail[data-tone="red"] [data-lyrics-inline-detail-dot] { background: #bd2940; }
.workspace-lyrics-inline-detail[data-tone="purple"] [data-lyrics-inline-detail-dot] { background: #8248b3; }
.workspace-lyrics-inline-detail[data-tone="black"] [data-lyrics-inline-detail-dot] { background: #17171a; }
.workspace-lyrics-inline-detail strong { min-width: 0; color: #211e25; font-size: .78rem; }
.workspace-lyrics-inline-detail button {
  margin-left: auto;
  padding: 2px 0;
  border: 0;
  color: #68605b;
  background: transparent;
  font-size: .7rem;
  font-weight: 800;
  cursor: pointer;
}
.workspace-lyrics-inline-detail p {
  margin: 0 0 0 17px;
  color: #615953;
  font-size: .74rem;
  line-height: 1.45;
}
.workspace-lyrics-panel textarea[data-manual-lyrics-input]::placeholder { color: #938b84; opacity: 1; }
.workspace-lyrics-panel textarea[data-manual-lyrics-input]:focus {
  border-color: var(--workspace-violet) !important;
  box-shadow: 0 0 0 4px rgba(140, 98, 246, .13);
}
.workspace-lyrics-live-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.workspace-lyrics-live-metrics > span {
  display: grid;
  min-width: 0;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid #e1dad2;
  border-radius: 10px;
  background: #faf8f5;
}
.workspace-lyrics-live-metrics small {
  overflow: hidden;
  color: #7b736c;
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.workspace-lyrics-live-metrics strong {
  overflow: hidden;
  color: #201e24;
  font-size: .86rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-lyrics-canvas-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 42px;
  margin-top: -12px;
  padding: 7px 12px;
  border: 1px solid #d7cfc6;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  color: #6d6670;
  background: #faf8f5;
  font-size: .72rem;
}
.workspace-lyrics-canvas-status > span:first-child {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
}
.workspace-lyrics-canvas-status small {
  color: #6954b0;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.workspace-lyrics-canvas-status strong { color: #29242e; font-size: .75rem; }
.workspace-lyrics-canvas-status[data-level="near"] > span:last-child { color: #9c6810; font-weight: 800; }
.workspace-lyrics-canvas-status[data-level="over"] > span:last-child { color: #a32030; font-weight: 850; }
.workspace-lyrics-metrics-details {
  overflow: hidden;
  border: 1px solid #e1dad2;
  border-radius: 10px;
  background: #faf8f5;
}
.workspace-lyrics-metrics-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 42px;
  padding: 0 12px;
  color: #5f5764;
  cursor: pointer;
  list-style: none;
}
.workspace-lyrics-metrics-details > summary::-webkit-details-marker { display: none; }
.workspace-lyrics-metrics-details > summary::before {
  content: "▾";
  color: #6f54be;
  font-size: .82rem;
  transform: rotate(-90deg);
  transition: transform 140ms ease;
}
.workspace-lyrics-metrics-details[open] > summary::before { transform: rotate(0); }
.workspace-lyrics-metrics-details > summary > span { margin-right: auto; font-size: .74rem; font-weight: 850; }
.workspace-lyrics-metrics-details > summary > strong {
  overflow: hidden;
  color: #776e7c;
  font-size: .7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-lyrics-metrics-details .workspace-lyrics-live-metrics {
  padding: 0 10px 10px;
}
.workspace-lyrics-metrics-details .workspace-lyrics-live-metrics > span { background: #fff; }
.workspace-lyrics-budget-meter {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #ece7e1;
}
.workspace-lyrics-budget-meter > span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #38a98e;
  transition: width 160ms ease, background 160ms ease;
}
.workspace-lyrics-budget-meter[data-level="near"] > span { background: #d79b24; }
.workspace-lyrics-budget-meter[data-level="over"] > span { background: #c33b4f; }
.workspace-lyrics-panel .workspace-lyrics-budget-note {
  color: #746d68;
  font-size: .76rem;
}
.workspace-lyrics-panel .workspace-lyrics-budget-note.is-error {
  color: #a32030;
  font-weight: 750;
}
.workspace-lyrics-policy { line-height: 1.45; }
.workspace-lyrics-mature-control {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 54px;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  color: #17171a;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  user-select: none;
}
.workspace-lyrics-mature-control[hidden] { display: none; }
.workspace-lyrics-mature-control:has(input:checked) { background: transparent; }
.workspace-lyrics-mature-badge {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 3px;
  color: #fff;
  background: #17171a;
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: -.02em;
}
.workspace-lyrics-mature-copy {
  display: grid;
  gap: 1px;
}
.workspace-lyrics-mature-copy strong {
  font-size: .78rem;
  letter-spacing: .025em;
  text-transform: uppercase;
}
.workspace-lyrics-mature-copy small {
  color: #4c4947;
  font-size: .7rem;
  line-height: 1.35;
}
.workspace-lyrics-mature-control input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.workspace-lyrics-mature-switch {
  position: relative;
  width: 49px;
  height: 28px;
  border: 2px solid #17171a;
  border-radius: 999px;
  background: #d6d2cc;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
  transition: background 160ms ease;
}
.workspace-lyrics-mature-switch::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.28);
  content: "";
  transition: transform 160ms ease;
}
.workspace-lyrics-mature-control input:checked + .workspace-lyrics-mature-switch { background: #17171a; }
.workspace-lyrics-mature-control input:checked + .workspace-lyrics-mature-switch::after { transform: translateX(21px); }
.workspace-lyrics-mature-control:has(input:focus-visible) {
  outline: 0;
  background: rgba(139,104,238,.07);
  box-shadow: inset 3px 0 0 rgba(139,104,238,.72);
}
.workspace-lyrics-adult-status {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 2px solid #17171a;
  border-radius: 6px;
  color: #17171a;
  background: #f7f6f2;
  box-shadow: 3px 3px 0 #17171a;
}
.workspace-lyrics-adult-status[hidden] { display: none; }
.workspace-lyrics-adult-status > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 2px;
  color: #fff;
  background: #17171a;
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: -.02em;
}
.workspace-lyrics-adult-status > div { display: grid; gap: 1px; }
.workspace-lyrics-adult-status strong { font-size: .76rem; letter-spacing: .025em; text-transform: uppercase; }
.workspace-lyrics-adult-status small { color: #4c4947; font-size: .69rem; line-height: 1.35; }
.workspace-lyrics-adult-status button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid currentColor;
  border-radius: 9px;
  color: inherit;
  background: #fff;
  font-size: .68rem;
  font-weight: 900;
  cursor: pointer;
}
.workspace-lyrics-adult-status.is-required {
  border-color: #e6c168;
  color: #7b5500;
  background: #fff7df;
  box-shadow: none;
}
.workspace-lyrics-adult-status.is-required > span { background: #c78b18; }
.workspace-lyrics-adult-status.is-required small { color: #765f2f; }
.workspace-lyrics-adult-status.is-restricted {
  border-color: #e4a1aa;
  color: #922337;
  background: #fff0f2;
  box-shadow: none;
}
.workspace-lyrics-adult-status.is-restricted > span { background: #bd3449; }
.workspace-lyrics-adult-status.is-restricted small { color: #805660; }
@media (max-width: 620px) {
  .workspace-lyrics-mature-control { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 9px; padding: 8px 0; }
  .workspace-lyrics-mature-badge { width: 30px; height: 30px; }
  .workspace-lyrics-mature-copy small { font-size: .66rem; }
  .workspace-lyrics-adult-status { grid-template-columns: 28px minmax(0, 1fr); }
  .workspace-lyrics-adult-status button { grid-column: 1 / -1; width: 100%; }
}
.workspace-lyrics-review {
  display: grid;
  gap: 11px;
  margin-top: 2px;
  padding: 16px 0 0;
  border: 0;
  border-top: 1px solid #d9d1c8;
  background: transparent;
}
.workspace-lyrics-review[hidden] { display: none; }
.workspace-lyrics-review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.workspace-lyrics-review-head > div:first-child { display: grid; gap: 2px; }
.workspace-lyrics-review-head small {
  color: #7b736c;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.workspace-lyrics-review-head h3 { margin: 0; color: #17151b; font-size: 1.06rem; }
.workspace-lyrics-review-head [data-lyrics-review-score] {
  padding: 7px 11px;
  border: 0;
  border-radius: 999px;
  background: #eee9e3;
  color: #4e4741;
  font-size: .74rem;
  font-weight: 900;
  white-space: nowrap;
}
.workspace-lyrics-review-head [data-lyrics-review-score][data-status="clear"] { color: #176b58; background: #e4f3ef; }
.workspace-lyrics-review-head [data-lyrics-review-score][data-status="mature"] { color: #fff; background: #1d1c20; }
.workspace-lyrics-review-head [data-lyrics-review-score][data-status="warning"] { color: #805100; background: #fff0cf; }
.workspace-lyrics-review-head [data-lyrics-review-score][data-status="blocked"] { color: #9c1d2d; background: #ffe5e9; }
.workspace-lyrics-review-summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  min-height: 32px;
}
.workspace-lyrics-review-summary > strong {
  color: #1f1c22;
  font-size: .87rem;
}
.workspace-lyrics-review-summary > span { color: #716a64; font-size: .75rem; }
.workspace-lyrics-review-summary > div { display: flex; flex-wrap: wrap; gap: 6px; }
.workspace-lyrics-review-summary button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border: 0;
  border-radius: 999px;
  color: #5d5651;
  background: #f2eee9;
  font-size: .7rem;
  font-weight: 820;
  cursor: pointer;
}
.workspace-lyrics-review-summary button:hover,
.workspace-lyrics-review-summary button:focus-visible { background: #e8e2dc; }
.workspace-lyrics-review-summary button i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d1a817;
}
.workspace-lyrics-review-summary button[data-tone="orange"] i { background: #d97812; }
.workspace-lyrics-review-summary button[data-tone="red"] i { background: #bd2940; }
.workspace-lyrics-review-summary button[data-tone="purple"] i { background: #8248b3; }
.workspace-lyrics-review-summary button[data-tone="black"] i { background: #17171a; }
.workspace-lyrics-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
}
.workspace-lyrics-legend[hidden] { display: none; }
.workspace-lyrics-legend button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 5px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #5b5550;
  background: transparent;
  font-size: .7rem;
  font-weight: 800;
  cursor: pointer;
}
.workspace-lyrics-legend button:hover { background: #f3eee9; }
.workspace-lyrics-legend button:focus-visible {
  border-color: #7658d8;
  outline: 2px solid rgba(118, 88, 216, .2);
  outline-offset: 1px;
}
.workspace-lyrics-legend button[aria-pressed="true"] {
  border-color: #cfc5bb;
  color: #211d22;
  background: #fff;
  box-shadow: 0 5px 13px rgba(46, 36, 43, .08);
}
.workspace-lyrics-legend button b {
  min-width: 20px;
  padding: 2px 6px;
  border-radius: 999px;
  color: #655e59;
  background: #eee8e2;
  font-size: .62rem;
  line-height: 1.2;
  text-align: center;
}
.workspace-lyrics-legend i {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #f9e27d;
}
.workspace-lyrics-legend [data-tone="orange"] i { background: #f3b35e; }
.workspace-lyrics-legend [data-tone="red"] i { background: #ee8492; }
.workspace-lyrics-legend [data-tone="purple"] i { background: #c9a3f1; }
.workspace-lyrics-legend [data-tone="black"] i { background: #17171a; }
.workspace-lyrics-findings,
.workspace-lyrics-structure-details {
  border-top: 1px solid #e2dad2;
  background: transparent;
}
.workspace-lyrics-findings[hidden] { display: none; }
.workspace-lyrics-findings > summary,
.workspace-lyrics-structure-details > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 2px;
  color: #302b31;
  font-size: .77rem;
  font-weight: 850;
  cursor: pointer;
  list-style: none;
}
.workspace-lyrics-findings > summary::-webkit-details-marker,
.workspace-lyrics-structure-details > summary::-webkit-details-marker { display: none; }
.workspace-lyrics-findings > summary::after,
.workspace-lyrics-structure-details > summary::after {
  margin-left: auto;
  color: #746c66;
  content: "+";
  font-size: 1rem;
}
.workspace-lyrics-findings[open] > summary::after,
.workspace-lyrics-structure-details[open] > summary::after { content: "−"; }
.workspace-lyrics-findings > summary b {
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 999px;
  color: #715400;
  background: #fff0bd;
  font-size: .65rem;
  text-align: center;
}
.workspace-lyrics-structure-details > summary b {
  color: #756e68;
  font-size: .68rem;
  font-weight: 760;
}
.workspace-lyrics-structured {
  display: grid;
  gap: 8px;
  max-height: min(580px, 66vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2px 8px 8px 0;
  scrollbar-color: #a49b94 #e9e3dd;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  box-shadow: inset 0 -14px 12px -16px rgba(42, 34, 39, .45);
}
.workspace-lyrics-structured:focus-visible,
.workspace-lyrics-findings ul:focus-visible {
  outline: 2px solid #8166da;
  outline-offset: 2px;
}
.workspace-lyrics-structure-details > p,
.workspace-lyrics-responsibility {
  margin: 0;
  color: #716a64;
  font-size: .72rem;
  line-height: 1.45;
}
.workspace-lyrics-structure-details > p { padding: 0 2px 10px; }
.workspace-lyrics-rights-document {
  display: grid;
  gap: 10px;
  padding: 14px 15px;
  border-left: 4px solid #bd2940;
  border-radius: 0 12px 12px 0;
  background: linear-gradient(105deg, rgba(255, 229, 233, .72), rgba(255, 255, 255, .78));
}
.workspace-lyrics-rights-document[hidden] { display: none; }
.workspace-lyrics-rights-document-head,
.workspace-lyrics-rights-document-current,
.workspace-lyrics-rights-document-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.workspace-lyrics-rights-document-head > div,
.workspace-lyrics-rights-document-current > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.workspace-lyrics-rights-document-head small {
  color: #9c1d2d;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.workspace-lyrics-rights-document-head h4 {
  margin: 0;
  color: #211d24;
  font-size: .94rem;
}
.workspace-lyrics-rights-document-head > strong {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  color: #8e2634;
  background: #fff;
  font-size: .68rem;
  white-space: nowrap;
}
.workspace-lyrics-rights-document[data-status="pending"] .workspace-lyrics-rights-document-head > strong {
  color: #805100;
  background: #fff0cf;
}
.workspace-lyrics-rights-document[data-status="approved"] {
  border-left-color: #21836d;
  background: linear-gradient(105deg, rgba(221, 244, 237, .8), rgba(255, 255, 255, .8));
}
.workspace-lyrics-rights-document[data-status="approved"] .workspace-lyrics-rights-document-head > strong {
  color: #176b58;
  background: #e4f3ef;
}
.workspace-lyrics-rights-document[data-status="rejected"] .workspace-lyrics-rights-document-head > strong {
  color: #9c1d2d;
  background: #ffe5e9;
}
.workspace-lyrics-rights-document > p {
  margin: 0;
  color: #5d5551;
  font-size: .73rem;
  line-height: 1.45;
}
.workspace-lyrics-rights-document .workspace-lyrics-rights-document-note {
  color: #7a706a;
  font-size: .68rem;
}
.workspace-lyrics-rights-document-current {
  padding: 9px 11px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .82);
}
.workspace-lyrics-rights-document-current strong {
  overflow: hidden;
  color: #2c272e;
  font-size: .73rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-lyrics-rights-document-current small {
  color: #766d67;
  font-size: .66rem;
}
.workspace-lyrics-rights-document-current a {
  flex: 0 0 auto;
  color: #5d35b6;
  font-size: .7rem;
  font-weight: 850;
}
.workspace-lyrics-rights-document-picker {
  display: grid;
  gap: 6px;
  padding: 10px 11px;
  border: 1px dashed #b8aeb8;
  border-radius: 9px;
  background: rgba(255, 255, 255, .66);
}
.workspace-lyrics-rights-document-picker > span {
  color: #3d373d;
  font-size: .72rem;
  font-weight: 850;
}
.workspace-lyrics-rights-document-picker input {
  width: 100%;
  min-width: 0;
  color: #3f3941;
  font-size: .7rem;
}
.workspace-lyrics-rights-document-picker small {
  color: #746b66;
  font-size: .65rem;
}
.workspace-lyrics-rights-document-actions {
  justify-content: flex-start;
}
.workspace-lyrics-rights-document-actions .workspace-secondary-button {
  min-height: 42px;
  padding: 9px 13px;
  font-size: .73rem;
}
.workspace-lyrics-rights-document[data-status="approved"] .workspace-lyrics-rights-document-picker,
.workspace-lyrics-rights-document[data-status="approved"] [data-upload-lyrics-rights-document] {
  display: none;
}
.workspace-lyrics-rights-document [data-lyrics-rights-document-status] {
  color: #7a4031;
  font-weight: 720;
}
.workspace-lyrics-rights-document[data-status="approved"] [data-lyrics-rights-document-status] { color: #176b58; }
.workspace-lyrics-rights-document[data-status="rejected"] [data-lyrics-rights-document-status] { color: #9c1d2d; }
.workspace-lyrics-section {
  display: grid;
  grid-template-columns: minmax(105px, 145px) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid #ddd5cd;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.workspace-lyrics-section:hover,
.workspace-lyrics-section:focus-visible { border-color: #aa96e7; outline: 0; }
.workspace-lyrics-section-label {
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 14px;
  border-right: 1px solid #e2dad2;
  background: #f0ebe5;
}
.workspace-lyrics-section-label strong { color: #252129; font-size: .78rem; }
.workspace-lyrics-section-label small { color: #7b736d; font-size: .67rem; text-transform: capitalize; }
.workspace-lyrics-section-copy {
  margin: 0;
  padding: 14px 16px;
  color: #211e25;
  font: 650 .91rem/1.72 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: pre-wrap;
}
.workspace-lyrics-section-copy mark {
  padding: 1px 2px;
  border-radius: 3px;
  color: inherit;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.workspace-lyrics-section-copy mark[data-tone="yellow"] { background: #fff0a5; text-decoration: underline 2px #d3a100; }
.workspace-lyrics-section-copy mark[data-tone="orange"] { background: #ffd09a; text-decoration: underline 2px #d47600; }
.workspace-lyrics-section-copy mark[data-tone="red"] { background: #ffc0c8; text-decoration: underline 2px #b51e37; }
.workspace-lyrics-section-copy mark[data-tone="purple"] { background: #dfc8f6; text-decoration: underline 2px #7f3fb4; }
.workspace-lyrics-section-copy mark[data-tone="black"] { color: #fff; background: #29282c; text-decoration: underline 2px #050506; }
.workspace-lyrics-filter-status {
  margin: 0;
  padding: 1px 2px 5px;
  color: #777069;
  font-size: .65rem;
  font-weight: 720;
}
.workspace-lyrics-findings ul {
  display: grid;
  gap: 4px;
  max-height: min(240px, 38vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 0 8px 8px 0;
  list-style: none;
  scrollbar-color: #a49b94 #e9e3dd;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  box-shadow: inset 0 -14px 12px -16px rgba(42, 34, 39, .42);
}
.workspace-lyrics-findings li[hidden] { display: none; }
.workspace-lyrics-findings li button {
  display: grid;
  width: 100%;
  grid-template-columns: 10px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 8px 2px;
  border: 0;
  color: #5d5651;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.workspace-lyrics-findings li button:hover,
.workspace-lyrics-findings li button:focus-visible { background: #f4f0eb; outline: 0; }
.workspace-lyrics-findings li button > i {
  width: 9px;
  height: 9px;
  margin-top: 3px;
  border-radius: 50%;
  background: #d1a817;
}
.workspace-lyrics-findings li[data-tone="orange"] button > i { background: #d97812; }
.workspace-lyrics-findings li[data-tone="red"] button > i { background: #bd2940; }
.workspace-lyrics-findings li[data-tone="purple"] button > i { background: #8248b3; }
.workspace-lyrics-findings li[data-tone="black"] button > i { background: #17171a; }
.workspace-lyrics-findings li button > span { display: grid; gap: 2px; }
.workspace-lyrics-findings li strong { color: #302b31; font-size: .74rem; }
.workspace-lyrics-findings li small { color: #716963; font-size: .71rem; line-height: 1.4; }
.workspace-lyrics-panel [data-lyrics-adult] { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0; }
.workspace-lyrics-panel [data-lyrics-adult][hidden] { display: none; }
.workspace-lyrics-panel [data-lyrics-adult] input { width: auto; }
.workspace-lyrics-panel [data-lyrics-status].is-error,
.workspace-artist-image > p.is-error { color: #a32030; }
.workspace-lyrics-panel [data-lyrics-status].is-warning { color: #8d5a00; }
.workspace-lyrics-panel [data-lyrics-status].is-success,
.workspace-artist-image > p.is-success { color: #176b58; }
.workspace-lyrics-panel [data-lyrics-status]:empty { display: none; }

.workspace-concept-language {
  display: grid;
  max-width: 280px;
  gap: 8px;
  margin: 26px 0 20px;
}

.workspace-concept-language-genre {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
  margin: 26px 0 20px;
}

.workspace-concept-language-genre .workspace-concept-language {
  max-width: none;
  margin: 0;
}

.workspace-simple-genre-host,
.workspace-custom-genre-host {
  display: grid;
  min-width: 0;
}

.workspace-genre-region-field,
.workspace-listening-direction-host {
  grid-column: 1 / -1;
}

.workspace-listening-direction-host { min-width: 0; }

.workspace-concept-language > span {
  color: #4e4a53;
  font-size: 0.76rem;
  font-weight: 900;
}

.workspace-concept-language select {
  width: 100%;
  min-height: 52px;
  padding: 0 15px;
  border: 1px solid #cbc6bd;
  border-radius: 10px;
  outline: 0;
  color: #16151a;
  background: #fff;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.workspace-concept-language select:focus {
  border-color: var(--workspace-violet);
  box-shadow: 0 0 0 4px rgba(140, 98, 246, 0.13);
}

@media (max-width: 760px) {
  .workspace-concept-language-genre { grid-template-columns: minmax(0, 1fr); }
  .workspace-artist-image-main { grid-template-columns: minmax(0, 1fr) auto; }
  .workspace-artist-image-slots { justify-content: flex-end; }
  .workspace-artist-image-actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-artist-image-actions > button { width: 100%; }
  .workspace-artist-image-actions > small { max-width: none; text-align: left; }
  .workspace-artist-image-controls { grid-template-columns: 1fr; }
  .workspace-lyrics-head { align-items: stretch; flex-direction: column; }
  .workspace-lyrics-track-workspace-head { align-items: stretch; flex-direction: column; }
  .workspace-lyrics-track-workspace-head button { width: 100%; }
  .workspace-lyrics-track-tabs button { flex-basis: 104px; }
  .workspace-lyrics-track-settings { grid-template-columns: 1fr; }
  .workspace-lyrics-track-title { padding: 13px 0 12px; }
  .workspace-lyrics-track-direction { padding: 13px 0 2px; border-top: 1px solid rgba(115, 91, 163, .18); border-left: 0; }
  .workspace-lyrics-track-title-head { align-items: flex-start; flex-direction: column; }
  .workspace-lyrics-track-title-editor { grid-template-columns: 1fr; }
  .workspace-lyrics-track-title-editor button { width: 100%; }
  .workspace-lyrics-track-direction-head { align-items: flex-start; flex-direction: column; gap: 4px; }
  .workspace-lyrics-track-direction-head > small { text-align: left; }
  .workspace-lyrics-editor > label { align-items: flex-start; flex-direction: column; gap: 4px; }
  .workspace-lyrics-editor > label small { text-align: left; }
  .workspace-lyrics-live-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-lyrics-canvas-status { align-items: flex-start; flex-direction: column; gap: 2px; }
  .workspace-lyrics-metrics-details > summary { align-items: flex-start; flex-wrap: wrap; padding-block: 10px; }
  .workspace-lyrics-metrics-details > summary > strong { width: 100%; padding-left: 20px; }
  .workspace-lyrics-review-head { align-items: flex-start; }
  .workspace-lyrics-review-summary { align-items: flex-start; flex-direction: column; }
  .workspace-lyrics-structured { max-height: min(480px, 62vh); }
  .workspace-lyrics-findings ul { max-height: min(240px, 36vh); }
  .workspace-lyrics-section { grid-template-columns: 1fr; }
  .workspace-lyrics-section-label { border-right: 0; border-bottom: 1px solid #e2dad2; }
  .workspace-lyrics-actions { grid-template-columns: 1fr; }
  .workspace-lyrics-rights-document-head,
  .workspace-lyrics-rights-document-current,
  .workspace-lyrics-rights-document-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .workspace-lyrics-rights-document-head > strong,
  .workspace-lyrics-rights-document-current a,
  .workspace-lyrics-rights-document-actions .workspace-secondary-button { width: 100%; text-align: center; }
  .workspace-lyrics-canvas,
  .workspace-lyrics-panel textarea[data-manual-lyrics-input] {
    height: 248px;
    min-height: 248px;
    max-height: 248px;
  }
}

/* Task 93: make Instrumental unmistakable and keep Studio tied to Sound vocals. */
.workspace-lyrics-track-tabs button[data-state="instrumental"] > i {
  border-color: #17151b;
  background: #17151b;
  box-shadow: none;
}
.workspace-lyrics-track-state-key span[data-state="instrumental"] i {
  border-color: #17151b;
  background: #17151b;
}
.workspace-lyrics-track-heading em[data-state="instrumental"] { color: #17151b; font-weight: 850; }
.workspace-lyrics-track-navigation > .workspace-lyrics-track-title-group { grid-row: 1 / 3; }
.workspace-lyrics-track-navigation > .workspace-lyrics-track-state-key {
  width: 100%;
  grid-column: 1 / 3;
  grid-row: 3;
  justify-content: center;
  padding-top: 1px;
}
.workspace-sound-vocals { max-width: 620px; }
.workspace-sound-vocals-help {
  display: block;
  margin-top: 7px;
  color: #6d6571;
  font-size: .68rem;
  font-weight: 650;
  line-height: 1.4;
}

@media (max-width: 760px) {
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-title-group { grid-row: 1; }
}

/* Task 94: render lyric structure labels as inline pills with a compact editor sub-interface. */
.workspace-lyrics-canvas.has-structure-layer .workspace-lyrics-highlight-layer {
  z-index: 3;
  display: block;
  color: #17151b;
  background: transparent;
}
.workspace-lyrics-canvas.has-structure-layer textarea[data-manual-lyrics-input] {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
.workspace-lyrics-canvas.has-structure-layer textarea[data-manual-lyrics-input]::selection {
  color: transparent;
  background: rgba(112, 78, 205, .2);
}
.workspace-lyrics-canvas.has-structure-layer textarea[data-manual-lyrics-input]::placeholder {
  color: #9a938d !important;
  -webkit-text-fill-color: #9a938d;
}
.workspace-lyrics-inline-label-pill {
  position: relative;
  z-index: 2;
  display: inline-flex;
  min-height: 23px;
  padding: 1px 8px 1px 9px;
  align-items: center;
  gap: 6px;
  border: 1px solid #a98dde;
  border-radius: 999px;
  color: #493181;
  background: #f1ebff;
  box-shadow: 0 2px 8px rgba(74, 44, 136, .09);
  cursor: pointer;
  font: 850 .78rem/1.45 Inter, system-ui, sans-serif;
  pointer-events: auto;
  vertical-align: 1px;
}
.workspace-lyrics-inline-label-pill i { color: #7658be; font-size: .72rem; font-style: normal; }
.workspace-lyrics-inline-label-pill:hover,
.workspace-lyrics-inline-label-pill:focus-visible,
.workspace-lyrics-inline-label-pill[aria-expanded="true"] {
  border-color: #6744be;
  color: #fff;
  background: #6744be;
  outline: 0;
}
.workspace-lyrics-inline-label-pill:focus-visible { box-shadow: 0 0 0 4px rgba(105, 70, 190, .2); }
.workspace-lyrics-inline-label-pill:hover i,
.workspace-lyrics-inline-label-pill:focus-visible i,
.workspace-lyrics-inline-label-pill[aria-expanded="true"] i { color: #fff; }
.workspace-lyrics-inline-control-group {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  pointer-events: auto;
}
.workspace-lyrics-inline-label-pill[data-section-role="verse"] {
  border-color: #bbb6bd;
  color: #514c55;
  background: #efedef;
}
.workspace-lyrics-inline-label-pill[data-section-role="chorus"] {
  border-color: #b7a4e3;
  color: #6546ad;
  background: #f0ebfb;
}
.workspace-lyrics-inline-label-pill[data-section-role="bridge"] {
  border-color: #9fbedc;
  color: #3e719f;
  background: #eaf2f9;
}
.workspace-lyrics-inline-label-pill[data-section-role="outro"] {
  border-color: #75c0a9;
  color: #196b55;
  background: #dff5ed;
}
.workspace-lyrics-inline-voice-pill {
  border-color: #cbc6cd;
  color: #5c5660;
  background: #f6f4f7;
  box-shadow: none;
  font-weight: 760;
}
.workspace-lyrics-inline-label-pill[data-section-role="verse"]:hover,
.workspace-lyrics-inline-label-pill[data-section-role="verse"]:focus-visible,
.workspace-lyrics-inline-label-pill[data-section-role="verse"][aria-expanded="true"] { border-color: #5d5862; color: #fff; background: #5d5862; }
.workspace-lyrics-inline-label-pill[data-section-role="chorus"]:hover,
.workspace-lyrics-inline-label-pill[data-section-role="chorus"]:focus-visible,
.workspace-lyrics-inline-label-pill[data-section-role="chorus"][aria-expanded="true"] { border-color: #7655c7; color: #fff; background: #7655c7; }
.workspace-lyrics-inline-label-pill[data-section-role="bridge"]:hover,
.workspace-lyrics-inline-label-pill[data-section-role="bridge"]:focus-visible,
.workspace-lyrics-inline-label-pill[data-section-role="bridge"][aria-expanded="true"] { border-color: #4e83b8; color: #fff; background: #4e83b8; }
.workspace-lyrics-inline-label-pill[data-section-role="outro"]:hover,
.workspace-lyrics-inline-label-pill[data-section-role="outro"]:focus-visible,
.workspace-lyrics-inline-label-pill[data-section-role="outro"][aria-expanded="true"] { border-color: #248268; color: #fff; background: #248268; }
.workspace-lyrics-inline-voice-pill:hover,
.workspace-lyrics-inline-voice-pill:focus-visible,
.workspace-lyrics-inline-voice-pill[aria-expanded="true"] { border-color: #69636d; color: #fff; background: #69636d; }
.workspace-lyrics-inline-add {
  position: absolute;
  z-index: 5;
  top: 12px;
  right: 13px;
  display: inline-flex;
  width: auto;
  min-height: 32px;
  padding: 5px 10px;
  align-items: center;
  gap: 5px;
  border: 1px solid #cbbce7;
  border-radius: 999px;
  color: #5a3aa7;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 3px 11px rgba(49, 34, 73, .08);
  font-size: .68rem;
  font-weight: 850;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-3px) scale(.96);
  transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease, border-color 150ms ease, background 150ms ease;
}
.workspace-lyrics-inline-add b { font-size: .82rem; }
.workspace-lyrics-canvas:hover > .workspace-lyrics-inline-add,
.workspace-lyrics-canvas:focus-within > .workspace-lyrics-inline-add {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.workspace-lyrics-inline-add:hover,
.workspace-lyrics-inline-add:focus-visible { border-color: #7958c7; background: #f5f0ff; outline: 0; }
.workspace-lyrics-inline-add:focus-visible { box-shadow: 0 0 0 4px rgba(105, 70, 190, .16); }
.workspace-lyrics-inline-add[aria-expanded="true"] { opacity: 0; pointer-events: none; }
.workspace-lyrics-canvas > .workspace-lyrics-structure-tools {
  position: absolute;
  z-index: 7;
  top: 48px;
  right: 13px;
  display: grid;
  width: min(510px, calc(100% - 26px));
  max-height: calc(100% - 61px);
  margin: 0;
  padding: 12px;
  overflow: auto;
  border: 1px solid #cbbbe8;
  border-radius: 15px;
  background: rgba(253, 251, 255, .98);
  box-shadow: 0 18px 42px rgba(36, 25, 55, .2);
}
.workspace-lyrics-canvas > .workspace-lyrics-structure-tools[hidden] { display: none !important; }
.workspace-lyrics-canvas .workspace-lyrics-structure-tools-head { align-items: flex-start; }
.workspace-lyrics-canvas .workspace-lyrics-structure-tools-head > span strong { font-size: .8rem; }
.workspace-lyrics-canvas .workspace-lyrics-structure-tools-head > span small { max-width: 310px; }
.workspace-lyrics-canvas .workspace-lyrics-structure-menu { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.workspace-lyrics-canvas .workspace-lyrics-voice-menu { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.workspace-lyrics-structure-menu button[data-section-role="verse"] { border-color: #bbb6bd; color: #514c55; background: #efedef; }
.workspace-lyrics-structure-menu button[data-section-role="chorus"] { border-color: #b7a4e3; color: #6546ad; background: #f0ebfb; }
.workspace-lyrics-structure-menu button[data-section-role="bridge"] { border-color: #9fbedc; color: #3e719f; background: #eaf2f9; }
.workspace-lyrics-structure-menu button[data-section-role="outro"] { border-color: #75c0a9; color: #196b55; background: #dff5ed; }
.workspace-lyrics-voice-menu button { border-color: #cbc6cd; color: #5c5660; background: #f6f4f7; }
.workspace-lyrics-structure-menu button[data-section-role="verse"]:hover,
.workspace-lyrics-structure-menu button[data-section-role="verse"]:focus-visible { border-color: #5d5862; color: #fff; background: #5d5862; }
.workspace-lyrics-structure-menu button[data-section-role="chorus"]:hover,
.workspace-lyrics-structure-menu button[data-section-role="chorus"]:focus-visible { border-color: #7655c7; color: #fff; background: #7655c7; }
.workspace-lyrics-structure-menu button[data-section-role="bridge"]:hover,
.workspace-lyrics-structure-menu button[data-section-role="bridge"]:focus-visible { border-color: #4e83b8; color: #fff; background: #4e83b8; }
.workspace-lyrics-structure-menu button[data-section-role="outro"]:hover,
.workspace-lyrics-structure-menu button[data-section-role="outro"]:focus-visible { border-color: #248268; color: #fff; background: #248268; }
.workspace-lyrics-voice-menu button:hover,
.workspace-lyrics-voice-menu button:focus-visible { border-color: #69636d; color: #fff; background: #69636d; }
.workspace-lyrics-canvas .workspace-lyrics-structure-close {
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  color: #61586a;
  border-color: transparent;
  background: transparent;
  font-size: 1rem;
}
.workspace-lyrics-canvas .workspace-lyrics-structure-close:hover,
.workspace-lyrics-canvas .workspace-lyrics-structure-close:focus-visible { color: #fff; background: #332b3e; }

@media (max-width: 760px) {
  .workspace-lyrics-canvas > .workspace-lyrics-structure-tools { top: 46px; right: 9px; width: calc(100% - 18px); max-height: calc(100% - 55px); }
  .workspace-lyrics-canvas .workspace-lyrics-structure-tools-head { align-items: flex-start; flex-direction: row; }
  .workspace-lyrics-canvas .workspace-lyrics-structure-tools-head > div { width: auto; flex-wrap: nowrap; }
  .workspace-lyrics-canvas .workspace-lyrics-structure-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-lyrics-canvas .workspace-lyrics-voice-menu { grid-template-columns: 1fr; }
  .workspace-lyrics-inline-add { top: 9px; right: 9px; }
}

@media (hover: none) {
  .workspace-lyrics-canvas > .workspace-lyrics-inline-add {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-lyrics-inline-add { transition: none; }
}

/* Task 287: make blank lyric lines actionable and keep section choices legible. */
.workspace-lyrics-canvas .workspace-lyrics-structure-menu button:hover:not(:disabled),
.workspace-lyrics-canvas .workspace-lyrics-structure-menu button:focus-visible {
  border-color: #17151b;
  color: #fff;
  background: #17151b;
}
.workspace-lyrics-canvas .workspace-lyrics-structure-close:hover:not(:disabled),
.workspace-lyrics-canvas .workspace-lyrics-structure-close:focus-visible {
  border-color: #17151b;
  color: #fff;
  background: #17151b;
}

@media (max-width: 520px) {
  .workspace-artist-replace-options { grid-template-columns: 1fr; }
}

.workspace-assigned-setting {
  display: grid;
  gap: 6px;
  align-content: center;
  min-height: 78px;
  padding: 12px 16px;
  border: 1px solid #d4cbc0;
  border-radius: 12px;
  background: #f5f0e9;
}
.workspace-assigned-setting > span,
.workspace-output-package > span { color: #766f69; font-size: .78rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.workspace-assigned-setting small { color: #746d68; }
.workspace-choice-group > span { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.workspace-choice-group > span small { color: #776f69; font-weight: 600; }
.workspace-choice-row button:disabled { opacity: .36; cursor: not-allowed; }
.workspace-output-package {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(104, 68, 216, .28);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 216, 237, .22), transparent 34%),
    linear-gradient(135deg, #fff 0%, #f7f4ff 54%, #edf9f7 100%);
  box-shadow: 0 22px 50px rgba(47, 33, 74, .09);
}
.workspace-output-package::after {
  content: "";
  position: absolute;
  top: -84px;
  right: -64px;
  width: 220px;
  aspect-ratio: 1;
  border: 28px solid rgba(140, 98, 246, .055);
  border-radius: 50%;
  pointer-events: none;
}
.workspace-output-package > span,
.workspace-output-package > strong,
.workspace-output-package > p { grid-column: 1 / -1; }
.workspace-output-package > span { color: var(--workspace-violet-deep); }
.workspace-output-package > strong {
  max-width: 780px;
  font-size: clamp(1.65rem, 3.6vw, 3rem);
  line-height: .98;
  letter-spacing: -.045em;
}
.workspace-output-package > p:not(.workspace-audio-quality) {
  position: relative;
  z-index: 1;
  max-width: 850px;
  margin: 0;
  color: #55545d;
  font-size: clamp(.98rem, 1.5vw, 1.12rem);
  line-height: 1.58;
}
.workspace-output-package-meta {
  position: relative;
  z-index: 1;
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}
.workspace-output-package-meta > p { margin: 0; }
.workspace-output-package-meta > .workspace-audio-quality {
  position: relative;
  z-index: 1;
  border-color: rgba(104, 68, 216, .25);
  background: rgba(255, 255, 255, .72);
  color: #37323f;
}
.workspace-output-credit-estimate {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 6px;
  padding: .45rem .7rem;
  border: 1px solid rgba(45, 150, 123, .28);
  border-radius: 999px;
  color: #245e50;
  background: rgba(225, 247, 240, .82);
  font-size: .78rem;
  line-height: 1.3;
}
.workspace-output-credit-estimate strong { font-weight: 900; }
.workspace-output-credit-estimate span { font-weight: 750; }
.workspace-output-format {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 12px;
  padding: 18px;
  border: 1px solid rgba(119, 111, 136, .2);
  border-radius: 16px;
  background: rgba(255, 255, 255, .76);
}
.workspace-output-format::before {
  content: "\2713";
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #17151b;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
}
.workspace-output-format b { align-self: end; font-size: 1.15rem; }
.workspace-output-format small { align-self: start; color: #676670; }
.workspace-output-manifest {
  position: relative;
  z-index: 1;
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.workspace-output-manifest li {
  padding: 7px 11px;
  border: 1px solid rgba(104, 68, 216, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  color: #4e4759;
  font-size: .76rem;
  font-weight: 850;
}
@media (max-width: 620px) {
  .workspace-output-package { grid-template-columns: 1fr; padding: 22px 18px; }
  .workspace-output-package > * { grid-column: 1 !important; }
  .workspace-output-package > strong { font-size: clamp(1.7rem, 9vw, 2.35rem); }
  .workspace-output-manifest { gap: 6px; }
  .workspace-output-manifest li { font-size: .7rem; }
}

.workspace-output-build-summary {
  display: grid;
  gap: 12px;
  margin-bottom: 30px;
}

.workspace-output-build-divider {
  display: grid;
  gap: 6px;
  margin-bottom: 18px;
  padding-top: 24px;
  border-top: 1px solid #d9d4cc;
}

.workspace-output-build-divider span {
  color: var(--workspace-violet-deep);
  font-size: 0.69rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.workspace-output-build-divider h3 {
  margin: 0;
  font-size: clamp(1.45rem, 2.4vw, 2.2rem);
  letter-spacing: -0.035em;
}

/* Task 65: focused inner views for track drafts and lyric hooks. */
.workspace-tracks-card {
  margin-top: 18px;
  border: 1px solid #ded8e4;
  border-radius: 20px;
  background: #f7f4ef;
  box-shadow: 0 16px 38px rgba(53, 38, 73, .055);
}

.workspace-track-sound-target {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 18px 17px 22px;
  border-bottom: 1px solid #ded8e4;
  background: linear-gradient(100deg, rgba(135, 238, 211, .12), rgba(132, 100, 239, .08));
}

.workspace-track-sound-target > span {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.workspace-track-sound-target small {
  color: #6850c9;
  font-size: .71rem;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.workspace-track-sound-target strong {
  color: #2e2934;
  font-size: .87rem;
  line-height: 1.4;
}

.workspace-track-sound-target button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 9px 16px;
  border: 1px solid #cfc3e4;
  border-radius: 999px;
  color: #4d3290;
  background: rgba(255, 255, 255, .82);
  font-size: .76rem;
  font-weight: 900;
}

.workspace-track-sound-target button:hover,
.workspace-track-sound-target button:focus-visible {
  border-color: #8564ef;
  background: #fff;
  box-shadow: 0 8px 18px rgba(77, 50, 144, .12);
}

.workspace-tracks-view-switcher {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0;
  padding: 14px 14px 14px 20px;
  border: 0;
  border-bottom: 1px solid #ded8e4;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(135deg, #f8f5fb, #f2eff8);
}

.workspace-tracks-view-switcher > div:first-child {
  display: grid;
  gap: 3px;
}

.workspace-guidance-heading {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 7px;
}

.workspace-tracks-view-switcher strong {
  color: #24202b;
  font-size: .88rem;
}

.workspace-tracks-view-switcher small {
  color: #817a86;
  font-size: .72rem;
  line-height: 1.4;
}

.workspace-lyrics-head-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.workspace-tracks-view-tabs {
  flex: 0 1 410px;
  width: min(410px, 52%);
  border-color: #d8ccec;
  background: rgba(255, 255, 255, .72);
}

.workspace-tracks-view-tabs button {
  flex: 1 1 0;
  min-width: 0;
  min-height: 50px;
  padding: 11px 18px;
}

.workspace-tracks-view-tabs button[aria-selected="true"] {
  color: #fff;
  background: #302453;
  box-shadow: 0 8px 22px rgba(48, 36, 83, .2);
}

.workspace-tracks-view-panel[hidden] {
  display: none;
}

.workspace-tracks-card .workspace-lyrics-panel {
  margin-top: 0;
  border: 0;
  border-radius: 0 0 20px 20px;
  background: #f7f4ef;
}

.workspace-lyrics-mode-toggle {
  min-height: 42px;
  padding: 9px 13px;
  border: 1px solid #d8ccec;
  border-radius: 999px;
  background: rgba(255, 255, 255, .76);
}

.workspace-lyrics-mode-toggle > span {
  color: #302453;
  font-size: .75rem;
  font-weight: 900;
}

.workspace-tracks-hooks-panel {
  display: grid;
  gap: 16px;
  padding: 20px;
  border: 0;
  border-radius: 0 0 20px 20px;
  background: #f7f4ef;
}

.workspace-tracks-hooks-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ded8e4;
}

.workspace-tracks-hooks-intro > div,
.workspace-tracks-hooks-simple {
  display: grid;
  gap: 3px;
}

.workspace-tracks-hooks-intro strong,
.workspace-tracks-hooks-simple strong {
  color: #24202b;
  font-size: .9rem;
}

.workspace-tracks-hooks-intro small,
.workspace-tracks-hooks-simple small {
  color: #817a86;
  font-size: .74rem;
  line-height: 1.45;
}

.workspace-tracks-hooks-intro > span {
  padding: 7px 10px;
  border-radius: 999px;
  color: #5e43aa;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: #eee8ff;
}

.workspace-tracks-hooks-simple {
  padding: 16px;
  border-left: 4px solid #63d8eb;
  border-radius: 0 12px 12px 0;
  background: #fff;
}

.workspace-tracks-hooks-simple[hidden] {
  display: none;
}

.workspace-tracks-hooks-panel .workspace-track-taglines-shell {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

@media (max-width: 720px) {
  .workspace-tracks-view-switcher {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
  }

  .workspace-tracks-view-tabs {
    flex-basis: auto;
    width: 100%;
  }

  .workspace-tracks-view-tabs button {
    min-height: 48px;
    padding-inline: 10px;
  }

  .workspace-tracks-hooks-panel {
    padding: 14px;
  }
}

/* Task 69: one compact Lyric hooks title and action row. */
.workspace-tracks-hooks-toolbar {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 13px;
  border-bottom: 1px solid #ded8e4;
}
.workspace-tracks-hooks-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.workspace-tracks-hooks-copy strong {
  color: #24202b;
  font-size: .9rem;
}
.workspace-tracks-hooks-copy small,
.workspace-track-taglines-guidance {
  color: #817a86;
  font-size: .72rem;
  line-height: 1.4;
}
.workspace-tracks-hooks-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.workspace-tracks-hooks-generation-state,
.workspace-lyrics-generation-state {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  color: #fff;
  background: #17151b;
  font-size: .66rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .015em;
  line-height: 1;
  white-space: nowrap;
}
.workspace-tracks-hooks-generation-state[data-state="custom"],
.workspace-lyrics-generation-state[data-state="custom"] { background: #6845bd; }
.workspace-tracks-hooks-optional {
  padding: 6px 9px;
  border-radius: 999px;
  color: #5e43aa;
  background: #eee8ff;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.workspace-tracks-hooks-actions .workspace-track-taglines-toggle {
  min-height: 38px;
  padding: 6px 10px;
  border: 1px solid #d8ccec;
  border-radius: 999px;
  background: rgba(255, 255, 255, .76);
  cursor: pointer;
}
.workspace-tracks-hooks-actions:has([data-track-taglines-toggle]:not(:checked)) .workspace-track-taglines-all {
  display: none;
}
.workspace-tracks-hooks-actions .workspace-track-taglines-all {
  min-height: 38px;
  padding-block: 6px;
  box-shadow: none;
}
.workspace-tracks-hooks-panel .workspace-track-taglines-shell {
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.workspace-tracks-hooks-panel .workspace-track-taglines-field {
  gap: 8px;
  margin: 0;
}
.workspace-tracks-hooks-panel .workspace-track-taglines-field > .workspace-track-taglines-guidance {
  position: static;
  right: auto;
  bottom: auto;
  display: block;
  padding-inline: 2px;
}
@media (max-width: 760px) {
  .workspace-track-sound-target {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
  }
  .workspace-track-sound-target button { width: 100%; }
  .workspace-lyrics-head-actions { justify-content: space-between; flex-wrap: wrap; }
  .workspace-tracks-hooks-toolbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .workspace-tracks-hooks-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .workspace-tracks-hooks-actions .workspace-track-taglines-all { margin-left: auto; }
}

/* Task 68: fixed track utilities and one Edit/context control. */
.workspace-lyrics-generation-allowance,
.workspace-lyrics-generation-allowance:hover,
.workspace-lyrics-generation-allowance:focus-visible,
.workspace-lyrics-generation-allowance[aria-expanded="true"] {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  justify-content: center;
  gap: 4px;
  border: 0 !important;
  outline: 0 !important;
  color: #5b3d97;
  background: transparent !important;
  box-shadow: none !important;
}

.workspace-lyrics-generation-allowance::before {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  box-shadow: 0 0 0 3px rgba(129, 93, 216, .13);
}

.workspace-lyrics-generation-allowance .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance .workspace-lyrics-generation-info,
.workspace-lyrics-generation-allowance:hover .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance:focus-visible .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance[aria-expanded="true"] .workspace-lyrics-generation-label,
.workspace-lyrics-generation-allowance:hover .workspace-lyrics-generation-info,
.workspace-lyrics-generation-allowance:focus-visible .workspace-lyrics-generation-info,
.workspace-lyrics-generation-allowance[aria-expanded="true"] .workspace-lyrics-generation-info {
  display: none !important;
}

.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary {
  padding-right: 18px;
}

.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit {
  position: relative;
  display: inline-flex;
  min-width: 88px !important;
  min-height: 38px !important;
  padding: 7px 9px 7px 14px !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #cdbfeb !important;
  border-radius: 999px !important;
  color: #593a9e;
  background: #f6f2ff !important;
  opacity: 1 !important;
  transform: none !important;
}

.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit::after { display: none; }
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit > span { font-weight: 900; }
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit > i {
  display: grid;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: .62rem;
  font-style: normal;
}

.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit > small {
  position: absolute;
  z-index: 35;
  right: 0;
  top: calc(100% + 9px);
  display: none;
  width: min(340px, 82vw);
  padding: 10px 12px;
  border: 1px solid #d8d0e3;
  border-radius: 10px;
  color: #514a57;
  background: #fff;
  box-shadow: 0 12px 28px rgba(49, 39, 62, .14);
  font-size: .7rem;
  font-weight: 650;
  line-height: 1.45;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}

.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit:hover > small,
.workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary:focus-visible .workspace-lyrics-track-setup-edit > small {
  display: block;
}

.workspace-lyrics-track-setup > summary[data-state="ready"] .workspace-lyrics-track-setup-edit > i {
  color: #236e5b;
}

.workspace-lyrics-track-setup > summary[data-state="incomplete"] .workspace-lyrics-track-setup-edit > i {
  color: #8b5d18;
}

@media (max-width: 560px) {
  .workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup > summary { padding-right: 12px; }
  .workspace-lyrics-track-setup-shell .workspace-lyrics-track-setup-edit { min-width: 82px; padding-inline: 12px 8px; }
}

.workspace-rights-confirm {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 12px;
  margin-top: 22px;
  padding: 18px;
  border: 1px solid #17161b;
  border-radius: 16px;
  background: #17161b;
  color: #fff;
  line-height: 1.5;
}
.workspace-rights-confirm a { color: #c8b9ff; font-weight: 750; }
.workspace-duration-confirm,
.workspace-provider-terms-confirm {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 12px;
  margin-top: 12px;
  padding: 18px;
  border: 1px solid #cbc7c0;
  border-radius: 16px;
  background: #efede9;
  color: #2d2b30;
  line-height: 1.5;
}
.workspace-duration-confirm[hidden],
.workspace-provider-terms-confirm[hidden] { display: none; }
.workspace-rights-confirm input,
.workspace-duration-confirm input,
.workspace-provider-terms-confirm input {
  display: grid;
  place-items: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 2px 0 0;
  border: 2px solid #7d7881;
  border-radius: 4px;
  appearance: none;
  background: #fff;
  cursor: pointer;
}
.workspace-rights-confirm input::before,
.workspace-duration-confirm input::before,
.workspace-provider-terms-confirm input::before {
  content: "\2713";
  color: #fff;
  font-size: .9rem;
  font-weight: 950;
  line-height: 1;
  transform: scale(0);
}
.workspace-rights-confirm input:checked,
.workspace-duration-confirm input:checked,
.workspace-provider-terms-confirm input:checked {
  border-color: var(--workspace-violet);
  background: var(--workspace-violet);
}
.workspace-rights-confirm input:checked::before,
.workspace-duration-confirm input:checked::before,
.workspace-provider-terms-confirm input:checked::before { transform: scale(1); }
.workspace-rights-confirm input:focus-visible,
.workspace-duration-confirm input:focus-visible,
.workspace-provider-terms-confirm input:focus-visible {
  outline: 3px solid rgba(140, 98, 246, .28);
  outline-offset: 2px;
}
.workspace-duration-confirm strong,
.workspace-provider-terms-confirm strong { display: block; margin-bottom: 3px; }
.workspace-provider-terms-confirm {
  border-color: rgba(127, 91, 233, .36);
  background: linear-gradient(135deg, rgba(127, 91, 233, .1), rgba(224, 255, 63, .12));
}
.workspace-provider-terms-confirm b { color: #5432b2; }
.workspace-build-actions {
  display: grid;
  grid-template-columns: minmax(220px, auto) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 18px;
  padding: 14px;
  border: 1px solid #d9d0ed;
  border-radius: 16px;
  background: linear-gradient(135deg, #faf8ff, #f3f7f5);
}
.workspace-production-check-copy {
  margin: 0;
  color: #5d5865;
  font-size: .92rem;
  line-height: 1.45;
}
.workspace-production-check-copy strong {
  display: block;
  margin-bottom: 2px;
  color: #17151c;
  font-size: .95rem;
}
.workspace-build-actions [data-review-request] {
  min-height: 48px;
  padding-inline: 20px;
  border-color: #17151c;
  background: #17151c;
  color: #fff;
}
.workspace-build-actions [data-review-request]:hover:not(:disabled) {
  background: #332b50;
}
.workspace-review-safety-lock {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid #e7a3b2;
  border-radius: 15px;
  color: #672438;
  background: linear-gradient(135deg, #fff0f4, #fde5ec);
  box-shadow: 0 10px 28px rgba(132, 42, 68, 0.1);
}
.workspace-review-safety-lock[hidden] { display: none; }
.workspace-review-safety-lock > span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #bf4b6b;
  font-size: 1.15rem;
  font-weight: 950;
  box-shadow: 0 6px 16px rgba(132, 42, 68, 0.2);
}
.workspace-review-safety-lock strong,
.workspace-review-safety-lock p { display: block; margin: 0; }
.workspace-review-safety-lock strong { color: #421725; font-size: 1rem; }
.workspace-review-safety-lock p { margin-top: 3px; color: #702b40; line-height: 1.4; }
.workspace-review-safety-lock button {
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid #cf7790;
  border-radius: 999px;
  color: #72263d;
  background: rgba(255, 255, 255, 0.82);
  font-weight: 900;
  cursor: pointer;
}
.workspace-review-safety-lock button:hover { background: #fff; }
.workspace-build-button {
  min-height: 48px;
  padding: 12px 24px;
  border: 1px solid #111017;
  border-radius: 12px;
  background: #dfff63;
  color: #111017;
  font-weight: 900;
}
.workspace-build-button:hover { background: #111017; color: #fff; }
.workspace-backend-review {
  margin-top: 18px;
  padding: 20px;
  border: 1px solid #56515d;
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 0, rgba(143, 98, 246, 0.16), transparent 18rem),
    #2b2931;
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.workspace-backend-review pre { margin: 12px 0 0; color: #eeeaf2; font: inherit; line-height: 1.65; white-space: pre-wrap; }
.workspace-brief > button.preview-button { width: auto; border: 0; cursor: pointer; }

.workspace-build-selector { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 28px; margin-bottom: 28px; padding: 18px 22px; border: 1px solid #dfd8f2; border-radius: 20px; background: #faf8ff; color: #211b32; }
.workspace-build-selector > div { flex: 1 1 240px; min-width: 0; }
.workspace-build-selector small { display: block; color: #7253cc; font-size: .72rem; font-weight: 750; letter-spacing: .06em; }
.workspace-build-selector strong { display: block; font-size: 1.2rem; overflow-wrap: anywhere; }
.workspace-build-selector p { margin: 5px 0 0; color: #746c81; font-size: .85rem; }
.workspace-build-selector label { flex: 0 1 420px; min-width: 0; max-width: 100%; color: #554a69; font-size: .8rem; font-weight: 650; }
.workspace-build-selector select { display: block; width: 100%; max-width: 100%; margin-top: 6px; padding: 10px 12px; border: 1px solid #d3c7eb; border-radius: 12px; background: #fff; color: #211b32; font: inherit; font-size: 16px; cursor: pointer; }
.workspace-build-selector select:focus-visible { outline: 2px solid #8060e8; outline-offset: 3px; }
.workspace-build-selector [hidden], .workspace-build-load-error[hidden] { display: none !important; }
.workspace-build-progress[data-build-load-state="error"] > :not([data-build-load-error]) { display: none !important; }
.workspace-build-load-error a { display: inline-block; margin: 12px 20px 0 0; color: #6845ca; text-decoration: underline; }
.workspace-build-load-error h2 { font-size: clamp(1.5rem, 4vw, 2.5rem); }
.workspace-production-surface.is-build-progress .workspace-cycle-strip,
.workspace-production-surface.is-build-progress .workspace-layout {
  display: none;
}

html[data-studio-build-state] .workspace-start {
  display: none;
}

.workspace-production-surface.is-build-progress .workspace-draft-controls {
  visibility: hidden;
}

.workspace-production-surface.is-build-progress .workspace-steps button {
  cursor: default;
}

.workspace-build-progress {
  display: grid;
  gap: 24px;
  margin-top: 28px;
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid rgba(206, 198, 188, 0.92);
  border-radius: 26px;
  background:
    radial-gradient(circle at 94% 0, rgba(109, 216, 237, 0.1), transparent 25rem),
    linear-gradient(145deg, #fffefa, #f7f3ed);
}

.workspace-build-progress-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
}

.workspace-build-progress-head > div:first-child {
  display: grid;
  gap: 10px;
}

.workspace-build-progress-head .preview-eyebrow {
  color: var(--workspace-violet-deep);
}

.workspace-build-progress-head h2 {
  margin: 0;
  font-size: clamp(2.25rem, 5vw, 5.25rem);
  letter-spacing: -0.065em;
  line-height: 0.96;
}

.workspace-build-progress-head p:not(.preview-eyebrow) {
  max-width: 700px;
  margin: 0;
  color: var(--workspace-muted);
  font-size: clamp(0.92rem, 1.4vw, 1.08rem);
  line-height: 1.55;
}

.workspace-build-progress-total {
  display: grid;
  justify-items: end;
  gap: 2px;
  min-width: 120px;
}

.workspace-build-progress-total span {
  color: var(--workspace-violet-deep);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-build-progress-total strong {
  font-size: clamp(2rem, 4vw, 3.5rem);
  letter-spacing: -0.06em;
}

.workspace-build-progress-meter {
  height: 11px;
  overflow: hidden;
  border: 1px solid rgba(111, 101, 118, 0.18);
  border-radius: 999px;
  background: #ded8df;
  box-shadow: inset 0 1px 2px rgba(30, 26, 38, 0.08);
}

.workspace-build-progress-meter i {
  display: block;
  width: 5%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--workspace-violet-deep), var(--workspace-violet) 36%, var(--workspace-cyan) 70%, var(--workspace-mint));
  box-shadow: 0 0 22px rgba(109, 216, 237, 0.42);
  transition: width 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.workspace-build-progress-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
  min-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  color: #fff;
  background: #0c0c12;
  box-shadow: 0 28px 70px rgba(23, 17, 36, 0.24);
}

.workspace-build-visual {
  position: relative;
  display: grid;
  min-height: 500px;
  align-content: end;
  overflow: hidden;
  padding: clamp(24px, 4vw, 44px);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(circle at 70% 24%, rgba(109, 216, 237, 0.1), transparent 21rem),
    radial-gradient(circle at 12% 78%, rgba(140, 98, 246, 0.18), transparent 22rem),
    #0c0c12;
}

.workspace-build-aurora {
  position: absolute;
  inset: 7% -13% 20%;
  overflow: hidden;
  opacity: 0.96;
  filter: saturate(0.92);
}

.workspace-build-aurora > span {
  position: absolute;
  left: -8%;
  width: 116%;
  height: 22%;
  border-radius: 45% 52% 42% 56%;
  filter: blur(10px);
  mix-blend-mode: screen;
  transform-origin: 50% 50%;
  animation: workspace-build-aurora-wave 7.5s ease-in-out infinite alternate;
}

.workspace-build-aurora > span:nth-child(1) {
  top: 8%;
  background: linear-gradient(90deg, transparent 0, rgba(104, 68, 216, 0.18) 12%, #6844d8 43%, rgba(140, 98, 246, 0.5) 72%, transparent 100%);
  transform: rotate(-7deg) scaleY(0.72);
}

.workspace-build-aurora > span:nth-child(2) {
  top: 27%;
  background: linear-gradient(90deg, transparent 0, rgba(140, 98, 246, 0.32) 8%, #8c62f6 39%, #6dd8ed 76%, transparent 100%);
  animation-delay: -2.4s;
  animation-duration: 8.8s;
}

.workspace-build-aurora > span:nth-child(3) {
  top: 46%;
  background: linear-gradient(90deg, transparent 0, rgba(109, 216, 237, 0.25) 7%, #6dd8ed 42%, #7fe1c3 74%, transparent 100%);
  animation-delay: -4.1s;
  animation-duration: 9.6s;
  transform: rotate(5deg) scaleY(0.76);
}

.workspace-build-aurora > span:nth-child(4) {
  top: 64%;
  background: linear-gradient(90deg, transparent 0, rgba(127, 225, 195, 0.18) 11%, #7fe1c3 42%, rgba(109, 216, 237, 0.55) 72%, transparent 100%);
  animation-delay: -1.2s;
  animation-duration: 10.4s;
  transform: rotate(-4deg) scaleY(0.62);
}

.workspace-build-aurora > span:nth-child(5) {
  top: 79%;
  background: linear-gradient(90deg, transparent, rgba(244, 125, 103, 0.22) 18%, rgba(140, 98, 246, 0.7) 52%, rgba(109, 216, 237, 0.18) 83%, transparent);
  animation-delay: -5.6s;
  animation-duration: 11.2s;
  transform: rotate(7deg) scaleY(0.45);
}

.workspace-build-aurora > i {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.92), 0 0 42px rgba(109, 216, 237, 0.58);
  animation: workspace-build-particle 5.2s ease-in-out infinite;
}

.workspace-build-aurora > i:nth-of-type(1) { top: 30%; left: 24%; }
.workspace-build-aurora > i:nth-of-type(2) { top: 58%; left: 64%; animation-delay: -1.8s; }
.workspace-build-aurora > i:nth-of-type(3) { top: 42%; left: 82%; animation-delay: -3.4s; }

.workspace-build-current {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 7px;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.workspace-build-current > span {
  color: var(--workspace-mint);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.workspace-build-current > strong {
  font-size: clamp(1.35rem, 2.8vw, 2.3rem);
  letter-spacing: -0.04em;
}

.workspace-build-current > small {
  min-height: 1.5em;
  color: #a9a7b2;
  font-size: 0.84rem;
  line-height: 1.5;
}

.workspace-build-milestones {
  display: grid;
  align-content: start;
  gap: 18px;
  padding: clamp(24px, 3.5vw, 40px);
  background:
    linear-gradient(180deg, rgba(140, 98, 246, 0.08), transparent 42%),
    #111119;
}

.workspace-build-milestones-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.workspace-build-milestones-head span {
  font-weight: 900;
}

.workspace-build-milestones-head small {
  color: #92909b;
}

.workspace-build-milestones [data-job-stages] {
  display: grid;
}

.workspace-job-stage {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 55px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.workspace-job-stage:last-child {
  border-bottom: 0;
}

.workspace-job-stage > b {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  color: #85838e;
  font-size: 0.72rem;
}

.workspace-job-stage > div {
  display: grid;
  gap: 3px;
}

.workspace-job-stage strong {
  font-size: 0.88rem;
}

.workspace-job-stage small,
.workspace-job-stage > span {
  color: #85838e;
  font-size: 0.7rem;
  line-height: 1.35;
}

.workspace-job-stage > span {
  text-align: right;
}

.workspace-job-stage.is-completed > b {
  border-color: rgba(127, 225, 195, 0.62);
  color: #0c0c12;
  background: var(--workspace-mint);
}

.workspace-job-stage.is-completed > span {
  color: var(--workspace-mint);
}

.workspace-job-stage.is-running > b {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet-deep);
  box-shadow: 0 0 0 6px rgba(140, 98, 246, 0.13);
  animation: workspace-build-stage-pulse 1.7s ease-in-out infinite;
}

.workspace-job-stage.is-running strong,
.workspace-job-stage.is-running > span {
  color: #fff;
}

.workspace-job-stage.is-failed > b {
  border-color: var(--workspace-coral);
  color: #fff;
  background: var(--workspace-coral);
}

.workspace-job-stage.is-failed strong,
.workspace-job-stage.is-failed > span {
  color: #ffad9f;
}

.workspace-build-progress-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.workspace-build-progress-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.workspace-build-progress-actions button,
.workspace-build-progress-actions a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 11px 18px;
  border: 1px solid #111116;
  border-radius: 12px;
  color: #fff;
  background: #111116;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 160ms ease, color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.workspace-build-progress-actions .is-secondary {
  color: #111116;
  background: transparent;
}

.workspace-build-progress-actions button:hover,
.workspace-build-progress-actions button:focus-visible,
.workspace-build-progress-actions a:hover,
.workspace-build-progress-actions a:focus-visible {
  color: #111116;
  background: var(--workspace-mint);
}

.workspace-build-progress-actions [data-build-continue-background]:hover,
.workspace-build-progress-actions [data-build-continue-background]:focus-visible,
.workspace-build-progress-actions [data-build-repair]:hover,
.workspace-build-progress-actions [data-build-repair]:focus-visible,
.workspace-build-progress-actions [data-build-open-release]:hover,
.workspace-build-progress-actions [data-build-open-release]:focus-visible {
  border-color: var(--workspace-lime);
  color: #111116;
  background: var(--workspace-lime);
  box-shadow: 0 8px 20px rgba(223, 255, 98, .22);
}

.workspace-build-progress-actions [data-build-refresh]:hover,
.workspace-build-progress-actions [data-build-refresh]:focus-visible,
.workspace-build-progress-actions [data-build-review-context]:hover,
.workspace-build-progress-actions [data-build-review-context]:focus-visible,
.workspace-build-progress-actions [data-build-new]:hover,
.workspace-build-progress-actions [data-build-new]:focus-visible {
  border-color: var(--workspace-violet-deep);
  color: #fff;
  background: var(--workspace-violet-deep);
  box-shadow: 0 8px 20px rgba(104, 68, 216, .22);
}

.workspace-build-progress-actions [data-build-continue-background]:focus-visible,
.workspace-build-progress-actions [data-build-repair]:focus-visible,
.workspace-build-progress-actions [data-build-open-release]:focus-visible {
  outline: 3px solid rgba(223, 255, 98, .35);
  outline-offset: 2px;
}

.workspace-build-progress-actions [data-build-refresh]:focus-visible,
.workspace-build-progress-actions [data-build-review-context]:focus-visible,
.workspace-build-progress-actions [data-build-new]:focus-visible {
  outline: 3px solid rgba(140, 98, 246, .32);
  outline-offset: 2px;
}

.workspace-build-progress-actions button:disabled {
  cursor: wait;
  opacity: .72;
  transform: none;
}

.workspace-build-progress-footer > small {
  color: var(--workspace-muted);
  text-align: right;
}

.workspace-build-progress-footer > small.is-warning {
  color: #9a5a22;
}

.workspace-build-progress.is-completed .workspace-build-aurora > span,
.workspace-build-progress.is-completed .workspace-build-aurora > i,
.workspace-build-progress.is-failed .workspace-build-aurora > span,
.workspace-build-progress.is-failed .workspace-build-aurora > i {
  animation-play-state: paused;
}

.workspace-build-progress.is-completed .workspace-build-progress-meter i {
  background: linear-gradient(90deg, var(--workspace-violet), var(--workspace-cyan), var(--workspace-mint));
}

.workspace-build-progress.is-failed .workspace-build-progress-meter i {
  background: linear-gradient(90deg, var(--workspace-violet-deep), var(--workspace-coral));
}

@keyframes workspace-build-aurora-wave {
  0% { transform: translate3d(-4%, -8%, 0) rotate(-5deg) scaleY(0.68); }
  50% { transform: translate3d(2%, 10%, 0) rotate(4deg) scaleY(1.06); }
  100% { transform: translate3d(5%, -3%, 0) rotate(-2deg) scaleY(0.82); }
}

@keyframes workspace-build-particle {
  0%, 100% { opacity: 0.24; transform: translate3d(-10px, 8px, 0) scale(0.7); }
  50% { opacity: 0.95; transform: translate3d(18px, -18px, 0) scale(1.15); }
}

@keyframes workspace-build-stage-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(140, 98, 246, 0.1); }
  50% { box-shadow: 0 0 0 8px rgba(140, 98, 246, 0.18); }
}
.workspace-cover-player {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: rgba(8, 7, 11, .42);
  opacity: 0;
  transition: opacity .2s ease;
}
.workspace-cover:hover .workspace-cover-player,
.workspace-cover:focus-within .workspace-cover-player { opacity: 1; }
.workspace-cover-player[hidden] { display: none; }
.workspace-cover-player button { width: 52px; height: 52px; padding: 0; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; background: rgba(0,0,0,.72); color: #fff; font-size: 1.35rem; }
.workspace-cover-player [data-player-play] { width: 68px; height: 68px; }
.workspace-result-summary { display: grid; gap: 8px; padding: 18px 0; border-top: 1px solid rgba(17,16,23,.18); border-bottom: 1px solid rgba(17,16,23,.18); }
.workspace-result-summary > span { color: #2b7566; font-size: .75rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.workspace-result-summary > strong { font-size: 1.25rem; }
.workspace-result-summary p { margin: 0; color: #615a55; line-height: 1.45; }
.workspace-result-summary a { justify-self: start; margin-top: 4px; color: #111017; font-weight: 900; }
.workspace-brief .workspace-result-summary {
  border-color: var(--workspace-brief-bottom-line);
  color: var(--workspace-brief-bottom-ink);
}
.workspace-brief .workspace-result-summary > span { color: var(--workspace-brief-bottom-accent); }
.workspace-brief .workspace-result-summary p { color: var(--workspace-brief-bottom-muted); }
.workspace-brief .workspace-result-summary a { color: var(--workspace-brief-bottom-ink); }
.workspace-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.workspace-result-heading > div { display: grid; gap: 5px; }
.workspace-result-heading > div > span { color: #2b7566; font-size: .75rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.workspace-result-heading > button { width: 42px; height: 42px; padding: 0; border: 1px solid #111017; border-radius: 50%; background: transparent; color: #111017; font-weight: 900; }
.workspace-result-heading > button:hover { background: #111017; color: #fff; }
.workspace-cover-menu {
  display: grid;
  gap: 4px;
  margin-top: 8px;
  padding: 10px;
  border: 2px solid #111017;
  border-radius: 0;
  background: #fffdfa;
}
.workspace-cover-menu[hidden] { display: none; }
.workspace-cover-menu button {
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #111017;
  text-align: left;
  font-weight: 850;
}
.workspace-cover-menu button:hover { background: #111017; color: #fff; }
.workspace-cover-title-form { display: grid; gap: 12px; padding-top: 10px; }
.workspace-cover-title-form > div { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-cover-title-form button { padding: 10px 13px; border: 1px solid #111017; border-radius: 10px; background: transparent; color: #111017; font-weight: 800; }
.workspace-cover-title-form button:hover { background: #111017; color: #fff; }
.workspace-cover-action-status { min-height: 1.3em; margin: 0 !important; }
.workspace-cover-action-status.is-error { color: #a32030 !important; }
.workspace-cover-action-status.is-success { color: #176b58 !important; }
.workspace-folder-button { display: inline-flex; width: auto; align-items: center; gap: 10px; padding: 11px 15px; border: 1px solid #111017; border-radius: 10px; font-weight: 850; cursor: pointer; }
.workspace-folder-button:hover { background: #111017; color: #fff; }
.workspace-folder-button input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.workspace-upload-meta-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 22px 0; }
.workspace-upload-progress { height: 9px; overflow: hidden; margin: 18px 0; border-radius: 999px; background: #ddd4c9; }
.workspace-upload-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #8fe1c9, #63bde9); transition: width .3s ease; }
.workspace-upload-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.workspace-upload-status { min-height: 1.4em; color: #665f5a; }
.workspace-upload-status.is-error { color: #a32030; }
.workspace-upload-status.is-success { color: #176b58; }
.workspace-upload-review { display: grid; gap: 14px; margin-top: 22px; padding: 20px; border: 1px solid #d1c7bb; border-radius: 18px; background: #f5f0e9; }
.workspace-upload-review-head { display: grid; gap: 4px; }
.workspace-upload-review-head small { color: #706963; }
.workspace-upload-review article { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(220px, 1fr) minmax(260px, 1.4fr); gap: 14px; padding-top: 14px; border-top: 1px solid #d4cabe; }
.workspace-upload-review article > div { display: grid; align-content: start; gap: 5px; }
.workspace-upload-review article > div small { color: #716963; }
.workspace-upload-review textarea { min-height: 104px; }
.workspace-upload-complete { display: grid; gap: 8px; }
.workspace-upload-complete strong { font-size: 1.35rem; }
.workspace-upload-complete a { justify-self: start; color: #111017; font-weight: 900; }
@media (max-width: 820px) { .workspace-upload-review article { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .workspace-upload-meta-grid { grid-template-columns: 1fr; } }

.workspace-cycle-strip {
  display: grid;
  grid-template-columns: 200px minmax(180px, 1fr) minmax(240px, auto);
  gap: 18px;
  align-items: center;
  margin: 10px 6px 24px;
  padding: 16px 18px;
  border: 1px solid #ded7cd;
  border-radius: 18px;
  background: rgba(244, 240, 234, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.workspace-cycle-strip > div:first-child {
  display: grid;
  gap: 2px;
}

.workspace-cycle-strip span {
  color: var(--workspace-violet-deep);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.workspace-cycle-strip strong {
  font-size: 1.3rem;
}

.workspace-cycle-strip small,
.workspace-cycle-strip p {
  color: var(--workspace-muted);
  font-size: 0.76rem;
}

.workspace-cycle-strip p {
  margin: 0;
  line-height: 1.5;
}

.workspace-cycle-meter {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #ddd9d1;
}

.workspace-cycle-mode-copy {
  display: grid;
  gap: 2px;
}

.workspace-cycle-mode-copy .workspace-guidance-label {
  justify-self: end;
}

.workspace-cycle-strip i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--workspace-mint), var(--workspace-cyan));
  transition: width 400ms ease;
}

.workspace-layout {
  --workspace-brief-column: 410px;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 410px;
  grid-template-areas:
    "form brief"
    "actions actions";
  gap: 0;
  align-items: start;
  overflow: visible;
  border: 1px solid var(--workspace-line);
  border-radius: 24px;
  background: #fff;
}

.workspace-form-column {
  grid-area: form;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.workspace-form-section {
  min-height: 545px;
  scroll-margin-top: 100px;
  padding: 42px 44px 48px;
}

.workspace-section-head {
  display: flex;
  gap: 28px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 32px;
}

.workspace-section-head > div {
  display: grid;
  gap: 8px;
}

.workspace-section-head span,
.workspace-section-head > small {
  color: var(--workspace-violet-deep);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.workspace-section-head > small {
  padding-top: 11px;
  color: #949099;
}

.workspace-section-head > small.workspace-section-model {
  max-width: 190px;
  color: rgba(104, 68, 216, 0.7);
  font-size: 0.78rem;
  letter-spacing: 0.055em;
  text-align: right;
}

.workspace-section-head h2 {
  margin: 0;
  font-size: clamp(2.1rem, 3.6vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.workspace-field-grid {
  display: grid;
  gap: 18px;
  margin-bottom: 20px;
}

.workspace-field-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workspace-field-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-assisted-field,
.workspace-genre-field,
.workspace-help-field {
  display: grid;
  min-width: 0;
  gap: 8px;
  align-content: start;
}

.workspace-basic-field > span,
.workspace-assisted-label {
  display: flex;
  min-height: 22px;
  align-items: center;
}

.workspace-assisted-label {
  justify-content: space-between;
  gap: 10px;
}

.workspace-assisted-label-copy {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
}

.workspace-assisted-label label,
.workspace-assisted-label > span {
  color: #4e4a53;
  font-size: .76rem;
  font-weight: 900;
}

.workspace-assisted-label .workspace-random-hint {
  color: #817b84;
  font-size: .66rem;
  font-weight: 750;
  opacity: 0;
  text-align: right;
  transition: opacity 140ms ease;
}

.workspace-assisted-field:focus-within .workspace-random-hint,
.workspace-genre-field:focus-within .workspace-random-hint {
  opacity: 1;
}

.workspace-field-info {
  position: relative;
  display: grid;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  padding: 0;
  border: 1px solid #aaa5ad;
  border-radius: 50%;
  color: #514d56;
  background: transparent;
  cursor: help;
  font: inherit;
  font-size: .68rem;
  font-style: normal;
  font-weight: 950;
  place-items: center;
}

.workspace-field-info:hover,
.workspace-field-info:focus-visible {
  border-color: var(--workspace-violet);
  color: var(--workspace-violet-deep);
  outline: 0;
}

.workspace-field-info [role="tooltip"] {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  left: -8px;
  width: min(290px, calc(100vw - 58px));
  padding: 10px 12px;
  border-radius: 8px;
  color: #fff;
  background: #17161b;
  box-shadow: 0 12px 30px rgba(17, 17, 22, .2);
  font-size: .7rem;
  font-weight: 700;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  text-align: left;
  transform: translateY(-4px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.workspace-field-info:hover [role="tooltip"],
.workspace-field-info:focus [role="tooltip"] {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 620px) {
  .workspace-field-info [role="tooltip"] {
    width: min(200px, calc(100vw - 32px));
  }
}

.workspace-assisted-input {
  position: relative;
  min-width: 0;
}

.workspace-assisted-input input {
  padding-right: 58px;
}

.workspace-assisted-input button {
  position: absolute;
  z-index: 2;
  top: 6px;
  right: 6px;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 0;
  border: 1px solid #d2c9e8;
  border-radius: 9px;
  color: #6843d8;
  background: #f3efff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: scale(.9);
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease, opacity 140ms ease, transform 160ms ease;
}

.workspace-assisted-input:hover button,
.workspace-assisted-field:focus-within .workspace-assisted-input button {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

.workspace-assisted-input button:hover,
.workspace-assisted-input button:focus-visible {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet);
  outline: 0;
}

.workspace-assisted-input button:active {
  transform: scale(.96);
}

.workspace-assisted-input button:disabled {
  cursor: wait;
  opacity: .72;
}

.workspace-assisted-input button svg,
.workspace-direction-generate svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[data-concept-assist][data-busy="true"] svg {
  animation: workspace-concept-assist-spin 850ms linear infinite;
}

@keyframes workspace-concept-assist-spin {
  to { transform: rotate(360deg); }
}

.workspace-assisted-status,
.workspace-direction-status {
  color: #77717b;
  font-size: .67rem;
  font-weight: 650;
  line-height: 1.42;
}

.workspace-assisted-status:empty {
  display: none;
}

.workspace-identity-field {
  display: grid;
  min-width: 0;
  gap: 8px;
  align-content: start;
}

.workspace-identity-feedback-banner {
  display: grid;
  width: 100%;
  margin: 10px 0 22px;
  overflow: hidden;
  border: 1px solid #ddd7e3;
  border-radius: 22px;
  color: #343038;
  background: #fffdfb;
  box-shadow: 0 16px 38px rgba(37, 27, 49, .08);
  animation: workspace-identity-feedback-in 180ms ease-out both;
}

.workspace-identity-feedback-banner[hidden] {
  display: none;
}

.workspace-identity-feedback-banner[data-count="2"] .workspace-identity-feedback + .workspace-identity-feedback {
  border-top: 3px solid #fffdfb;
}

.workspace-identity-feedback {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 96px;
  padding: 18px 62px 18px 22px;
  background: #f7f5f8;
}

.workspace-identity-feedback[hidden] {
  display: none;
}

.workspace-identity-feedback-dismiss {
  position: absolute;
  top: 14px;
  right: 16px;
  display: grid;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(72, 63, 78, .22);
  border-radius: 50%;
  color: #5d5662;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 5px 14px rgba(37, 27, 49, .08);
  cursor: pointer;
  font: 900 1.15rem/1 Arial, sans-serif;
  opacity: 0;
  place-items: center;
  transform: scale(.92);
  transition: opacity 140ms ease, transform 140ms ease, border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.workspace-identity-feedback:hover .workspace-identity-feedback-dismiss,
.workspace-identity-feedback:focus-within .workspace-identity-feedback-dismiss,
.workspace-identity-feedback-dismiss:focus-visible {
  opacity: 1;
  transform: scale(1);
}

.workspace-identity-feedback-dismiss:hover,
.workspace-identity-feedback-dismiss:focus-visible {
  border-color: #5f3fc1;
  color: #fff;
  background: #5f3fc1;
  outline: 0;
}

.workspace-identity-feedback-mark {
  display: grid;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: #fff;
  background: #7a7380;
  box-shadow: 0 8px 18px rgba(66, 53, 75, .14);
  font-size: 1.08rem;
  font-weight: 950;
  line-height: 1;
  place-items: center;
}

.workspace-identity-feedback-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.workspace-identity-feedback-kind {
  color: #6c6372;
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.workspace-identity-feedback-copy strong {
  font-size: .96rem;
  font-weight: 900;
  line-height: 1.2;
}

.workspace-identity-feedback-copy small {
  max-width: 720px;
  color: #625b67;
  font-size: .76rem;
  font-weight: 650;
  line-height: 1.48;
}

.workspace-identity-feedback-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.workspace-identity-feedback-actions button,
.workspace-identity-suggestions button {
  min-height: 38px;
  padding: 7px 14px;
  border: 1px solid #cfc6de;
  border-radius: 999px;
  color: #5f3fc1;
  background: #fff;
  cursor: pointer;
  font-size: .7rem;
  font-weight: 900;
  line-height: 1.15;
}

.workspace-identity-feedback-actions button:hover,
.workspace-identity-feedback-actions button:focus-visible,
.workspace-identity-suggestions button:hover,
.workspace-identity-suggestions button:focus-visible {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet);
  outline: 0;
}

.workspace-identity-feedback-actions button:disabled {
  cursor: wait;
  opacity: .6;
}

.workspace-identity-suggestions {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px;
  padding: 11px 0 1px 44px;
  border-top: 1px solid #e2dde5;
}

.workspace-identity-suggestions[hidden] {
  display: none;
}

.workspace-identity-feedback-banner[data-state="checking"] {
  border-color: #ddd7e3;
  background: #fffdfb;
}

.workspace-identity-feedback[data-state="checking"] {
  background: linear-gradient(105deg, #f7f3ff 0%, #fbf9ff 100%);
}

.workspace-identity-feedback[data-state="checking"] .workspace-identity-feedback-mark {
  background: var(--workspace-violet);
  animation: workspace-identity-checking 900ms ease-in-out infinite alternate;
}

.workspace-identity-feedback-banner[data-state="success"] {
  border-color: #b9dfd2;
  background: #fffdfb;
}

.workspace-identity-feedback[data-state="success"] {
  background: linear-gradient(105deg, #e8f8f1 0%, #f3fbf7 100%);
}

.workspace-identity-feedback[data-state="success"] .workspace-identity-feedback-mark {
  background: #2f9876;
  box-shadow: 0 9px 20px rgba(47, 152, 118, .22);
}

.workspace-identity-feedback-banner[data-state="notice"] {
  border-color: #d8cdf0;
  background: #fffdfb;
}

.workspace-identity-feedback[data-state="notice"] {
  background: linear-gradient(105deg, #f3efff 0%, #faf8ff 100%);
}

.workspace-identity-feedback[data-state="notice"] .workspace-identity-feedback-mark {
  background: var(--workspace-violet);
}

.workspace-identity-feedback-banner[data-state="warning"] {
  border-color: #ead28f;
  background: #fffdfb;
}

.workspace-identity-feedback[data-state="warning"] {
  background: linear-gradient(105deg, #fff4cf 0%, #fffaf0 100%);
}

.workspace-identity-feedback[data-state="warning"] .workspace-identity-feedback-mark {
  color: #5b4308;
  background: #f3c755;
  box-shadow: 0 9px 20px rgba(194, 139, 25, .2);
}

.workspace-identity-feedback-banner[data-state="review"] {
  border-color: #e2a5b8;
  background: #fffdfb;
  box-shadow: 0 14px 34px rgba(151, 45, 79, .1);
}

.workspace-identity-feedback[data-state="review"] {
  background: linear-gradient(105deg, #fde8ef 0%, #fff3f6 100%);
}

.workspace-identity-feedback[data-state="review"] .workspace-identity-feedback-mark {
  background: #bd4169;
  box-shadow: 0 9px 20px rgba(189, 65, 105, .22);
}

.workspace-identity-feedback-banner[data-state="error"] {
  border-color: #e5b4b0;
  background: #fffdfb;
}

.workspace-identity-feedback[data-state="error"] {
  background: linear-gradient(105deg, #fde7e8 0%, #fff3f2 100%);
}

.workspace-identity-feedback[data-state="error"] .workspace-identity-feedback-mark {
  background: #b93649;
  box-shadow: 0 9px 20px rgba(185, 54, 73, .22);
}

.workspace-identity-review-delay {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 13px 22px;
  border-top: 1px solid rgba(151, 45, 79, .14);
  color: #7b2945;
  background: #fffaf8;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1.4;
}

.workspace-identity-review-delay[hidden] {
  display: none;
}

.workspace-identity-review-delay svg {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  fill: #f3cbd6;
  stroke: #a92e55;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@keyframes workspace-identity-feedback-in {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes workspace-identity-checking {
  from { opacity: .55; }
  to { opacity: 1; }
}

@media (max-width: 620px) {
  .workspace-identity-feedback-banner {
    margin-bottom: 18px;
    border-radius: 18px;
  }

  .workspace-identity-feedback {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    min-height: 88px;
    padding: 48px 15px 15px;
  }

  .workspace-identity-feedback-dismiss {
    top: 10px;
    right: 12px;
    opacity: 1;
    transform: none;
  }

  .workspace-identity-feedback-mark {
    width: 40px;
    height: 40px;
    font-size: .95rem;
  }

  .workspace-identity-feedback-actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  .workspace-identity-suggestions {
    padding-left: 0;
  }

  .workspace-identity-review-delay {
    align-items: flex-start;
    padding: 10px 13px;
  }
}

.workspace-assisted-status.is-error {
  color: #a32030;
}

.workspace-assisted-status.is-courtesy {
  color: #77717b;
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.42;
}

.workspace-assisted-status.is-success {
  color: #6543cf;
  font-size: .74rem;
  font-weight: 900;
  line-height: 1.35;
  transition: opacity .22s ease, transform .22s ease;
}

.workspace-assisted-status.is-success.is-dismissing,
.workspace-artist-identity-status.is-dismissing {
  opacity: 0;
  transform: translateY(-2px);
}

.workspace-genre-field > select,
.workspace-genre-custom input {
  width: 100%;
  min-height: 52px;
  padding: 0 15px;
  border: 1px solid #cbc6bd;
  border-radius: 10px;
  outline: 0;
  color: #16151a;
  background: #fff;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.workspace-genre-field > select:focus,
.workspace-genre-custom input:focus {
  border-color: var(--workspace-violet);
  box-shadow: 0 0 0 4px rgba(140, 98, 246, .13);
}

.workspace-genre-custom {
  display: grid;
  gap: 8px;
}

.workspace-genre-custom[hidden] {
  display: none;
}

.workspace-genre-custom > span {
  color: #4e4a53;
  font-size: .7rem;
  font-weight: 850;
}

.workspace-field-grid label,
.workspace-wide-field {
  display: grid;
  gap: 8px;
}

.workspace-field-grid label > span,
.workspace-wide-field > span,
.workspace-choice-group > span,
.workspace-control-row > div span {
  color: #4e4a53;
  font-size: 0.76rem;
  font-weight: 900;
}

.workspace-field-grid input,
.workspace-field-grid select,
.workspace-wide-field input,
.workspace-wide-field textarea {
  width: 100%;
  border: 1px solid #cbc6bd;
  border-radius: 10px;
  outline: 0;
  color: #16151a;
  background: #fff;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.workspace-field-grid input,
.workspace-field-grid select,
.workspace-wide-field input {
  min-height: 52px;
  padding: 0 15px;
}

.workspace-wide-field textarea {
  height: 136px;
  min-height: 136px;
  max-height: 136px;
  padding: 15px;
  line-height: 1.52;
  overflow-y: auto;
  resize: none;
}

.workspace-field-grid input:focus,
.workspace-field-grid select:focus,
.workspace-wide-field input:focus,
.workspace-wide-field textarea:focus {
  border-color: var(--workspace-violet);
  box-shadow: 0 0 0 4px rgba(140, 98, 246, 0.13);
}

.workspace-wide-field {
  position: relative;
  margin-bottom: 20px;
}

.workspace-wide-field > .workspace-field-heading {
  display: flex;
  min-height: 22px;
  align-items: center;
  gap: 16px;
  margin-bottom: 7px;
}

.workspace-field-heading strong {
  color: #4e4a53;
  font-size: .76rem;
  font-weight: 900;
}

.workspace-field-heading small {
  color: #746f78;
  font-size: .69rem;
  font-weight: 650;
  text-align: right;
}

.workspace-wide-field > small {
  position: absolute;
  right: 12px;
  bottom: 10px;
  color: #918d95;
  font-size: 0.67rem;
}

.workspace-direction-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.workspace-direction-auto-summary {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 66px;
  padding: 11px 14px;
  border: 1px solid #ddd7cf;
  border-radius: 13px;
  color: #4f4a53;
  background: linear-gradient(110deg, #f4f1ec 0%, #f8f5f1 72%, #f1edfb 100%);
  animation: workspace-direction-surface-in 180ms ease-out both;
}

.workspace-direction-auto-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  color: var(--workspace-violet-deep);
  background: #ebe5fb;
}

.workspace-direction-auto-icon svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-direction-auto-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.workspace-direction-auto-copy strong {
  color: #28242d;
  font-size: .77rem;
  line-height: 1.25;
}

.workspace-direction-auto-copy small {
  color: #77717b;
  font-size: .67rem;
  line-height: 1.35;
}

.workspace-direction-auto-badge {
  padding: 6px 9px;
  border-radius: 999px;
  color: #6444bc;
  background: #ebe5fb;
  font-size: .61rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.workspace-direction-custom-panel:not([hidden]) {
  animation: workspace-direction-surface-in 180ms ease-out both;
}

@keyframes workspace-direction-surface-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.workspace-random-toggle {
  display: inline-flex !important;
  align-items: center;
  gap: 9px !important;
  min-width: 0;
  color: #4e4a53;
  font-size: .7rem;
  font-weight: 850;
  cursor: pointer;
}

.workspace-random-toggle input {
  position: relative;
  width: 38px !important;
  min-height: 22px !important;
  height: 22px;
  flex: 0 0 38px;
  margin: 0;
  padding: 0 !important;
  appearance: none;
  border: 0 !important;
  border-radius: 999px !important;
  background: #cac5cc !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background 160ms ease;
}

.workspace-random-toggle input::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
  content: "";
  transition: transform 160ms ease;
}

.workspace-random-toggle input:checked {
  background: var(--workspace-violet) !important;
}

.workspace-random-toggle input:checked::after {
  transform: translateX(16px);
}

.workspace-random-toggle input:focus-visible {
  outline: 3px solid rgba(140, 98, 246, .24);
  outline-offset: 2px;
}

.workspace-direction-generate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid #d2c9e8;
  border-radius: 9px;
  color: #6843d8;
  background: #f3efff;
  font-size: .69rem;
  font-weight: 900;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(3px);
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease, opacity 140ms ease, transform 160ms ease;
}

.workspace-direction-editor:hover .workspace-direction-generate,
.workspace-direction-editor:focus-within .workspace-direction-generate {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.workspace-direction-generate:hover,
.workspace-direction-generate:focus-visible {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet);
  outline: 0;
}

.workspace-direction-generate:disabled {
  cursor: wait;
  opacity: .72;
}

.workspace-song-direction textarea[readonly] {
  color: #68626c;
  background: #f5f2ef;
  cursor: default;
}

.workspace-direction-editor {
  position: relative;
}

.workspace-direction-editor textarea {
  padding-bottom: 58px;
}

.workspace-direction-editor > .workspace-direction-count {
  position: absolute;
  z-index: 2;
  left: 15px;
  bottom: 15px;
  color: #918d95;
  font-size: .67rem;
}

.workspace-direction-editor > .workspace-direction-generate {
  position: absolute;
  z-index: 3;
  right: 10px;
  bottom: 10px;
}

.workspace-direction-custom-panel > .workspace-direction-status {
  position: static;
  display: block;
  min-height: 1.05em;
  padding-right: 78px;
  color: #77717b;
  line-height: 1.42;
  opacity: 0;
  transition: opacity 140ms ease;
}

.workspace-direction-custom-panel:focus-within > .workspace-direction-status,
.workspace-direction-custom-panel > .workspace-direction-status.is-error,
.workspace-direction-custom-panel > .workspace-direction-status.is-success {
  opacity: 1;
}

.workspace-direction-custom-panel > .workspace-direction-status:empty {
  display: none;
}

.workspace-direction-custom-panel > .workspace-direction-status.is-error {
  color: #a32030;
}

.workspace-direction-custom-panel > .workspace-direction-status.is-success {
  color: #176b58;
}

#workspace-artwork .workspace-wide-field > small {
  position: static;
  margin-top: -2px;
  color: #777179;
  line-height: 1.4;
}

@media (max-width: 760px) {
  .workspace-wide-field > .workspace-field-heading {
    align-items: center;
    flex-direction: row;
    gap: 8px;
  }

  .workspace-assisted-label { align-items: center; flex-direction: row; gap: 8px; }
  .workspace-assisted-label small { text-align: right; }
  .workspace-direction-toolbar { align-items: center; flex-direction: row; }
  .workspace-direction-auto-summary { grid-template-columns: 40px minmax(0, 1fr); padding: 10px 12px; }
  .workspace-direction-auto-icon { width: 40px; height: 40px; }
  .workspace-direction-auto-badge { grid-column: 2; justify-self: start; margin-top: 2px; }
  .workspace-direction-generate { width: auto; max-width: calc(100% - 20px); }
  .workspace-direction-custom-panel > .workspace-direction-status { padding-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-direction-auto-summary,
  .workspace-direction-custom-panel:not([hidden]) { animation: none; }
}

.workspace-custom-fields {
  margin-top: 22px;
  padding-top: 25px;
  border-top: 1px solid var(--workspace-line);
}

.workspace-control-row {
  display: grid;
  grid-template-columns: 95px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin: 28px 0 32px;
  padding: 22px;
  border: 1px solid #d7d2ca;
  border-radius: 13px;
  background: #f4f1ea;
}

.workspace-control-row > div {
  display: grid;
  gap: 2px;
}

.workspace-control-row output {
  font-size: 2rem;
  line-height: 1;
}

.workspace-track-range {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px !important;
  align-items: center;
}

.workspace-track-range input[type="range"] {
  width: 100%;
  min-width: 0;
  accent-color: var(--workspace-violet);
}

.workspace-track-range > span {
  color: #837f87;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1;
}

.workspace-track-range .sr-only {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  margin: -1px !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

.workspace-choice-group {
  display: grid;
  gap: 10px;
  margin: 0 0 25px;
}

.workspace-choice-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.workspace-choice-row button {
  min-height: 44px;
  padding: 0 17px;
  border: 1px solid #cbc6bd;
  border-radius: 9px;
  color: #67636b;
  font-weight: 900;
  cursor: pointer;
  background: #fff;
}

.workspace-choice-row button[aria-pressed="true"] {
  border-color: #16151a;
  color: #fff;
  background: #16151a;
  box-shadow: 0 7px 18px rgba(15, 15, 20, 0.14);
}

.workspace-duration-custom {
  display: grid;
  width: min(100%, 430px);
  gap: 7px;
  padding: 14px 16px;
  border: 1px solid #d8d0ed;
  border-radius: 14px;
  color: #4f4956;
  background: linear-gradient(135deg, #fbf9ff, #f4f1fb);
}

.workspace-duration-custom[hidden] { display: none; }

.workspace-duration-custom > span:first-child {
  color: #1a171f;
  font-size: .88rem;
  font-weight: 900;
}

.workspace-duration-custom > span:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 9px;
}

.workspace-duration-custom input {
  width: 132px;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid #bdb4d7;
  border-radius: 10px;
  color: #151219;
  font: inherit;
  font-weight: 900;
  background: #fff;
}

.workspace-duration-custom input:focus-visible {
  border-color: #7657df;
  outline: 3px solid rgba(118, 87, 223, .2);
}

.workspace-duration-custom b {
  color: #5c5562;
  font-size: .88rem;
}

.workspace-duration-custom small {
  color: #706976;
  line-height: 1.35;
}

.workspace-art-style-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 720px;
}

.workspace-art-style-choices button {
  width: 100%;
}

.workspace-art-style-custom {
  display: grid;
  gap: 8px;
  max-width: 720px;
  margin-top: 2px;
  padding: 15px;
  border: 1px solid #d9d1ef;
  border-radius: 16px;
  background: linear-gradient(135deg, #fbf9ff, #f5f2fb);
}

.workspace-art-style-custom[hidden] {
  display: none;
}

.workspace-art-style-custom > label {
  color: #302b3d;
  font-size: 0.82rem;
  font-weight: 900;
}

.workspace-art-style-custom-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 8px;
}

.workspace-art-style-custom-editor input {
  min-width: 0;
  min-height: 50px;
  padding: 0 15px;
  border: 1px solid #cbc5d7;
  border-radius: 12px;
  color: #17151d;
  background: #fff;
  font: inherit;
}

.workspace-art-style-custom-editor input:focus {
  border-color: var(--workspace-violet);
  outline: 3px solid rgba(126, 94, 239, 0.15);
}

.workspace-art-style-custom-editor button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 50px;
  padding: 0 17px;
  border: 1px solid #c9bdf0;
  border-radius: 12px;
  color: #513aaa;
  background: #fff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.workspace-art-style-custom-editor button:disabled {
  opacity: 0.55;
  cursor: wait;
}

.workspace-art-style-custom-editor svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.workspace-art-style-status {
  position: relative;
  display: block;
  max-width: 660px;
  padding-left: 15px;
  color: #746d7d;
  font-size: 0.73rem;
  font-weight: 650;
  line-height: 1.5;
}

.workspace-art-style-status::before {
  position: absolute;
  top: 0.47em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--workspace-violet-deep);
  content: "";
}

@media (max-width: 680px) {
  .workspace-art-style-choices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-art-style-custom-editor {
    grid-template-columns: 1fr;
  }
}

.workspace-variance-control {
  display: grid;
  gap: 9px;
  margin-top: 6px;
  padding: 10px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.workspace-variance-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.workspace-variance-head > span {
  color: #4e4a53;
  font-size: 0.76rem;
  font-weight: 900;
}

.workspace-variance-head > strong {
  color: #16151a;
  font-size: 0.8rem;
}

.workspace-variance-head > div {
  display: flex;
  gap: 9px;
  align-items: center;
}

.workspace-variance-head > div[hidden] {
  display: none;
}

.workspace-variance-info {
  display: grid;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid #aaa5ad;
  border-radius: 50%;
  color: #514d56;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 950;
  background: transparent;
  place-items: center;
}

.workspace-variance-info:hover,
.workspace-variance-info:focus-visible {
  border-color: var(--workspace-violet);
  outline: 0;
  color: var(--workspace-violet-deep);
  background: transparent;
}

.workspace-variance-info[aria-expanded="true"] {
  border-color: #e3c478;
  outline: 3px solid rgba(214, 164, 48, 0.18);
  color: #5a3d0d;
  background: #f5d780;
}

.workspace-variance-info[data-state="warning"] {
  border-color: #e3c478;
  outline: 3px solid rgba(214, 164, 48, 0.18);
  color: #5a3d0d;
  background: #f5d780;
  box-shadow: 0 2px 8px rgba(169, 115, 19, 0.14);
}

.workspace-variance-info[data-state="warning"]:hover,
.workspace-variance-info[data-state="warning"]:focus-visible {
  border-color: #d39f2c;
  outline: 3px solid rgba(214, 164, 48, 0.24);
  color: #412c0a;
  background: #f7db87;
}

.workspace-variance-custom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
}

.workspace-variance-custom[hidden] {
  display: none;
}

.workspace-variance-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.workspace-variance-presets button {
  min-width: 74px;
  min-height: 48px;
  padding: 0 17px;
  border: 1px solid #c9c1b8;
  border-radius: 11px;
  color: #625d66;
  font-size: 1rem;
  font-weight: 900;
  cursor: pointer;
  background: #fff;
}

.workspace-variance-presets button[aria-pressed="true"] {
  border-color: #6f50dc;
  color: #fff;
  background: #7657df;
  box-shadow: 0 5px 13px rgba(86, 62, 173, 0.2);
}

.workspace-variance-custom-field {
  display: grid;
  grid-template-columns: auto 84px auto;
  align-items: center;
  gap: 9px;
  color: #625d66;
  font-size: 0.9rem;
  font-weight: 850;
}

.workspace-variance-custom-field[hidden] { display: none; }

.workspace-variance-custom-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #625d66;
  font-size: .84rem;
  font-weight: 850;
  cursor: pointer;
}

.workspace-variance-custom-toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.workspace-variance-custom-toggle > span {
  position: relative;
  display: block;
  width: 42px;
  height: 24px;
  border: 1px solid #c5bdc8;
  border-radius: 999px;
  background: #d8d3da;
  transition: background 140ms ease, border-color 140ms ease;
}

.workspace-variance-custom-toggle > span::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(36, 31, 42, .18);
  content: "";
  transition: transform 140ms ease;
}

.workspace-variance-custom-toggle input:checked + span { border-color: #7657df; background: #7657df; }
.workspace-variance-custom-toggle input:checked + span::after { transform: translateX(18px); }
.workspace-variance-custom-toggle input:focus-visible + span { outline: 3px solid rgba(118, 87, 223, .22); outline-offset: 2px; }

.workspace-variance-custom-field input {
  width: 84px;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid #c9c1b8;
  border-radius: 11px;
  color: #16151a;
  font: inherit;
  font-size: 1rem;
  font-weight: 850;
  background: #fff;
}

.workspace-variance-details {
  display: grid;
  gap: 6px;
  padding: 13px 15px;
  border: 1px solid #ead39a;
  border-radius: 11px;
  color: #5f491d;
  background: #fff7dc;
}

.workspace-variance-details[hidden] {
  display: none;
}

.workspace-variance-details p,
.workspace-variance-details small {
  margin: 0;
  color: #5f491d;
  line-height: 1.4;
}

.workspace-variance-details p {
  font-size: 0.8rem;
}

.workspace-variance-details small {
  color: #806837;
  font-size: 0.76rem;
  font-weight: 800;
}

.workspace-standard-duration-expansion {
  margin: 0 0 28px;
  padding: 11px 13px;
  border-left: 3px solid #8c62f6;
  border-radius: 0 10px 10px 0;
  color: #5f566d;
  font-size: 0.76rem;
  line-height: 1.45;
  background: #f3eefc;
}

.workspace-standard-duration-expansion[hidden] {
  display: none;
}

.workspace-standard-duration-expansion strong,
.workspace-standard-duration-expansion span {
  display: block;
}

.workspace-standard-duration-expansion strong {
  margin-bottom: 2px;
}

[data-studio-credit-model-host]:has(+ [data-standard-duration-expansion]:not([hidden])) .studio-credit-model {
  margin-bottom: 12px;
}

@media (max-width: 620px) {
  .workspace-choice-group > span,
  .workspace-variance-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .workspace-variance-custom {
    align-items: flex-start;
    flex-direction: column;
  }
}

.workspace-switch {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 17px;
  border: 1px solid var(--workspace-line);
  border-radius: 11px;
  background: #f7f4ee;
}

.workspace-switch input {
  width: 19px;
  height: 19px;
  margin: 2px 0 0;
  accent-color: var(--workspace-violet);
}

.workspace-switch span {
  display: grid;
  gap: 4px;
}

.workspace-switch small {
  color: var(--workspace-muted);
  line-height: 1.45;
}

.workspace-sound-vocals {
  max-width: 520px;
}

.workspace-track-taglines-switch {
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.workspace-track-taglines-toggle {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  gap: 9px !important;
  color: #4e4a53;
  font-size: .78rem;
  font-weight: 900;
}

.workspace-track-taglines-toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.workspace-track-taglines-toggle i {
  position: relative;
  display: block;
  width: 44px;
  height: 25px;
  border: 1px solid #c5bdc8;
  border-radius: 999px;
  background: #d8d3da;
  transition: border-color 140ms ease, background 140ms ease;
}

.workspace-track-taglines-toggle i::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(36, 31, 42, .18);
  content: "";
  transition: transform 140ms ease;
}

.workspace-track-taglines-toggle input:checked + i { border-color: var(--workspace-violet-deep); background: var(--workspace-violet-deep); }
.workspace-track-taglines-toggle input:checked + i::after { transform: translateX(19px); }
.workspace-track-taglines-toggle input:focus-visible + i { outline: 3px solid rgba(140, 98, 246, .24); outline-offset: 2px; }

.workspace-art-upload {
  margin: 22px 0 27px;
  padding: 18px;
  border: 1px solid var(--workspace-line);
  border-radius: 18px;
  background: #f8f5f0;
}

.workspace-art-upload-inner {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) auto;
  gap: 24px;
  align-items: center;
  min-height: 116px;
  padding: 20px 22px;
  border: 1px solid #eee9e3;
  border-radius: 14px;
  background: #fff;
}

.workspace-reference-preview {
  display: grid;
  min-width: 0;
  align-content: center;
}

.workspace-reference-preview [data-reference-empty] .workspace-reference-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .72rem;
}

.workspace-reference-preview [data-reference-empty] strong {
  max-width: 34ch;
  font-size: clamp(1rem, 1.3vw, 1.2rem);
  line-height: 1.18;
}

.workspace-art-upload-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

.workspace-art-upload-actions label,
.workspace-art-upload-actions button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 11px 18px;
  border: 1px solid #beb9b1;
  border-radius: 11px;
  font-weight: 800;
  cursor: pointer;
  background: #fff;
}

.workspace-art-upload-actions label:focus-within {
  outline: 3px solid #a781ec;
  outline-offset: 3px;
}

.workspace-art-upload-actions label input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.workspace-art-upload-actions button {
  color: #9d3542;
}

.workspace-art-upload-actions .workspace-reference-generate{border-color:#8d69df;background:#7656d8;color:#fff;white-space:nowrap}
.workspace-art-upload-actions .workspace-reference-generate:hover{background:#6345c3}
.workspace-art-upload-actions .workspace-reference-generate:focus-visible{outline:3px solid #a781ec;outline-offset:3px}
.workspace-art-upload .workspace-field-info { display: grid; width: 20px; height: 20px; min-height: 20px; padding: 0; border: 1px solid #aaa5ad; border-radius: 50%; color: #514d56; background: transparent; font-weight: 950; }
.workspace-art-upload .workspace-field-info:hover,.workspace-art-upload .workspace-field-info:focus-visible { border-color: var(--workspace-violet); color: var(--workspace-violet-deep); }
.workspace-art-upload [hidden] { display: none !important; }
@media(max-width:900px){.workspace-art-upload-inner{grid-template-columns:1fr;gap:18px}.workspace-art-upload-actions{justify-content:flex-start}}
@media(max-width:600px){.workspace-art-upload{padding:12px}.workspace-art-upload-inner{padding:18px}.workspace-art-upload-actions :is(label,button){flex:1 1 100%;text-align:center;white-space:normal}}

.workspace-cover-concept-editor {
  position: relative;
}

.workspace-cover-concept-editor textarea {
  width: 100%;
  padding-right: 154px;
}

.workspace-cover-concept-editor textarea::placeholder {
  color: #938d94;
  opacity: 0.76;
  transition: opacity 120ms ease;
}

.workspace-cover-concept-editor textarea:focus::placeholder {
  opacity: 0;
}

.workspace-cover-concept-generate {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #c9bdf2;
  border-radius: 999px;
  color: #6047bd;
  background: rgba(248, 246, 255, 0.96);
  box-shadow: 0 8px 20px rgba(97, 72, 179, 0.12);
  font-size: 0.72rem;
  font-weight: 950;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 140ms ease, transform 140ms ease, background 140ms ease;
}

.workspace-cover-concept-generate svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.workspace-cover-concept-editor:hover .workspace-cover-concept-generate,
.workspace-cover-concept-editor:focus-within .workspace-cover-concept-generate,
.workspace-cover-concept-generate:focus-visible {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.workspace-cover-concept-generate:hover {
  background: #eee8ff;
}

.workspace-cover-concept-generate:disabled {
  cursor: wait;
  opacity: 0.7;
}

.workspace-reference-preview {
  align-content: center;
}

.workspace-reference-preview [data-reference-empty] {
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 0;
}

.workspace-reference-preview [data-reference-empty] span,
.workspace-reference-preview [data-reference-empty] strong,
.workspace-reference-preview [data-reference-empty] small {
  display: block;
  min-width: 0;
}

.workspace-reference-preview [data-reference-empty] strong {
  align-self: auto;
  line-height: 1.18;
}

.workspace-reference-preview [data-reference-empty] small {
  line-height: 1.35;
}

.workspace-reference-slots {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  width: 100%;
  min-height: 112px;
  padding: 0 !important;
  background: transparent !important;
}

.workspace-reference-slots.is-single {
  grid-template-columns: minmax(0, 1fr);
}

.workspace-reference-slots.is-single .workspace-reference-tile {
  min-height: 160px;
}

.workspace-reference-tile {
  position: relative;
  display: grid;
  align-content: end;
  min-height: 112px;
  padding: 11px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 9px;
  color: #fff;
  background-color: #17151d;
  box-shadow: inset 0 0 0 999px rgba(12, 10, 17, 0.25);
}

.workspace-reference-tile-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.workspace-reference-tile::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(12, 10, 17, 0.02), rgba(12, 10, 17, 0.62));
  content: "";
  pointer-events: none;
}

.workspace-reference-tile span {
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.82;
}

.workspace-reference-tile strong {
  position: relative;
  z-index: 2;
  overflow: hidden;
  font-size: 0.72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-reference-controls {
  display: grid;
  gap: 18px;
  margin: -8px 0 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.workspace-reference-controls .workspace-choice-group {
  margin: 0;
}

.workspace-reference-controls .workspace-choice-group > span {
  margin-bottom: 9px;
}

.workspace-reference-choice-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-reference-choice-row button {
  display: grid;
  gap: 3px;
  min-height: 66px;
  padding: 11px 13px;
  text-align: left;
}

.workspace-reference-choice-row button b {
  font-size: 0.84rem;
}

.workspace-reference-choice-row button small {
  color: #776f69;
  font-size: 0.66rem;
  line-height: 1.25;
}

.workspace-reference-choice-row button[aria-pressed="true"] small {
  color: #655b7d;
}

.workspace-reference-choice-row button[aria-pressed="true"] {
  border-color: #a895e3;
  color: #3f2d78;
  background: #e9e2fb;
  box-shadow: 0 7px 18px rgba(102, 78, 177, 0.12);
}

.workspace-reference-controls > p {
  margin: 0;
  color: #776f69;
  font-size: 0.72rem;
  line-height: 1.45;
}

.workspace-title-preview-control {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin: -8px 0 26px;
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.workspace-title-preview-control label {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}

.workspace-title-preview-control input {
  position: relative;
  width: 22px;
  height: 22px;
  margin: 0;
  appearance: none;
  border: 2px solid #6f6970;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}

.workspace-title-preview-control input::after {
  position: absolute;
  inset: 0;
  display: grid;
  color: #fff;
  content: "\2713";
  font-size: 0.9rem;
  font-weight: 950;
  opacity: 0;
  place-items: center;
  transform: scale(0.72);
  transition: opacity 120ms ease, transform 120ms ease;
}

.workspace-title-preview-control input:checked {
  border-color: var(--workspace-violet-deep);
  background: var(--workspace-violet-deep);
}

.workspace-title-preview-control input:checked::after {
  opacity: 1;
  transform: scale(1);
}

.workspace-title-preview-control input:focus-visible {
  outline: 3px solid rgba(140, 98, 246, 0.25);
  outline-offset: 2px;
}

.workspace-title-preview-control label > span {
  display: grid;
  gap: 1px;
}

.workspace-title-preview-control small {
  color: var(--workspace-muted);
  font-size: 0.68rem;
}

.workspace-title-preview-info {
  position: relative;
  display: grid;
  width: 22px;
  height: 22px;
  border: 1px solid #aaa5ad;
  border-radius: 50%;
  color: #514d56;
  cursor: help;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  place-items: center;
}

.workspace-title-preview-info [role="tooltip"] {
  position: absolute;
  z-index: 20;
  bottom: calc(100% + 9px);
  left: 50%;
  width: min(270px, 76vw);
  padding: 10px 12px;
  border-radius: 8px;
  color: #fff;
  background: #17161b;
  box-shadow: 0 12px 30px rgba(17, 17, 22, 0.2);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 4px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.workspace-title-preview-info:hover [role="tooltip"],
.workspace-title-preview-info:focus [role="tooltip"] {
  opacity: 1;
  transform: translate(-50%, 0);
}

.workspace-artwork-generate {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  align-items: center;
  margin: 14px 0 4px;
  padding: 15px 0 2px;
  border-top: 1px solid var(--workspace-line);
}

.workspace-cover-gallery {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  gap: 12px;
  align-items: center;
  min-height: 82px;
  margin: 10px 0 4px;
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  background: rgba(8, 8, 11, 0.28);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.14);
}

.workspace-cover-gallery[hidden] { display: none; }

.workspace-cover-gallery > button {
  display: grid;
  width: 48px;
  height: 48px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  color: #fff;
  background: rgba(20, 19, 25, 0.72);
  font-size: 1.65rem;
  line-height: 1;
  cursor: pointer;
}

.workspace-cover-gallery > button:hover,
.workspace-cover-gallery > button:focus-visible {
  border-color: rgba(225, 214, 255, 0.92);
  background: #6e4ed6;
  transform: translateY(-1px);
}

.workspace-cover-gallery > button:disabled {
  opacity: 0.35;
  cursor: default;
  transform: none;
}

.workspace-cover-gallery-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
  justify-items: center;
  text-align: center;
}

.workspace-cover-gallery-copy > strong {
  color: #fff;
  font-size: 0.86rem;
  font-weight: 950;
}

.workspace-cover-gallery-copy > small {
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.7rem;
  font-weight: 760;
}

.workspace-cover-gallery-dots {
  display: flex;
  width: min(100%, 280px);
  gap: 6px;
  justify-content: center;
  overflow-x: auto;
  padding: 4px 2px 1px;
  scrollbar-width: thin;
}

.workspace-cover-gallery-dots button {
  position: relative;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.42);
  border-radius: 8px;
  background-color: #25232b;
  overflow: hidden;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.workspace-cover-candidate-media {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.workspace-cover-gallery-dots button[aria-selected="true"] {
  border-color: #dfff69;
  box-shadow: 0 0 0 2px rgba(223, 255, 105, 0.24), 0 4px 11px rgba(0, 0, 0, 0.25);
}

.workspace-artwork-generate-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px 10px;
}

.workspace-artwork-generate-heading > strong {
  font-size: 1.04rem;
}

.workspace-artwork-generate-heading small,
.workspace-artwork-generate > p {
  color: var(--workspace-muted);
  line-height: 1.45;
}

.workspace-brief .workspace-artwork-generate-heading small {
  color: rgba(255, 255, 255, 0.7);
}

.workspace-artwork-credit-summary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-self: end;
}

.workspace-artwork-credit-info {
  display: inline-grid;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(148, 126, 215, 0.72);
  border-radius: 50%;
  color: #594387;
  background: rgba(239, 234, 255, 0.92);
  font: 900 0.72rem/1 inherit;
  cursor: help;
}

.workspace-artwork-credit-help {
  position: absolute;
  z-index: 18;
  right: 0;
  top: calc(100% + 8px);
  width: min(360px, calc(100vw - 54px));
  padding: 12px 14px;
  border: 1px solid rgba(174, 156, 229, 0.52);
  border-radius: 12px;
  color: #f8f6ff;
  background: #1b1723;
  box-shadow: 0 14px 36px rgba(8, 5, 14, 0.28);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.5;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 140ms ease, transform 140ms ease;
}

.workspace-artwork-credit-meter {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 8px 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 13px;
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.workspace-artwork-credit-meter-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  color: #1d1732;
  background: #dcd2f8;
}

.workspace-artwork-credit-meter-icon svg {
  width: 18px;
  height: 18px;
}

.workspace-artwork-credit-meter-copy {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.workspace-artwork-credit-meter-copy small {
  color: rgba(255, 255, 255, 0.64);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.workspace-artwork-credit-meter-copy strong {
  color: #fff;
  font-size: 0.96rem;
  line-height: 1.2;
}

.workspace-artwork-credit-meter-copy strong b {
  font-size: 1.16em;
}

.workspace-artwork-credit-meter-copy > span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1.25;
}

.workspace-artwork-credit-meter-track {
  grid-column: 1 / -1;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

.workspace-artwork-credit-meter-track i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #72e5d1, #9edfff, #ab8cff);
  transition: width 220ms ease;
}

.workspace-artwork-credit-meter[data-empty="true"] .workspace-artwork-credit-meter-icon {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

.workspace-artwork-credit-note {
  grid-column: 1 / -1;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 0.72rem;
}

.workspace-artwork-credit-summary:hover .workspace-artwork-credit-help,
.workspace-artwork-credit-info:focus + .workspace-artwork-credit-help {
  opacity: 1;
  transform: translateY(0);
}

.workspace-artwork-generate-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
}

.workspace-artwork-generate-actions > button,
.workspace-cover-upload-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  width: 100%;
  padding: 0 18px;
  border: 1px solid #9f8cde;
  border-radius: 11px;
  color: #332461;
  background: #dcd2f8;
  box-shadow: 0 8px 22px rgba(111, 84, 187, 0.14);
  font-weight: 950;
  cursor: pointer;
}

.workspace-artwork-generate-actions > button:hover {
  background: #cfc1f4;
  transform: translateY(-1px);
}

.workspace-artwork-generate-actions > button:disabled {
  cursor: wait;
  opacity: 0.68;
  transform: none;
}

.workspace-cover-upload-action {
  position: relative;
  width: 48px;
  min-width: 48px;
  min-height: 48px;
  padding: 0;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
  overflow: visible;
}

.workspace-cover-upload-icon {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.12);
}

.workspace-cover-upload-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-cover-upload-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.workspace-cover-upload-action::after {
  content: attr(data-tooltip);
  position: absolute;
  right: 0;
  bottom: calc(100% + 9px);
  z-index: 12;
  width: max-content;
  max-width: min(210px, calc(100vw - 32px));
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #fff;
  background: #17151d;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  font-size: 0.75rem;
  font-weight: 850;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
}

.workspace-cover-upload-action:hover::after,
.workspace-cover-upload-action:focus-within::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.workspace-artwork-generate > p[hidden] {
  display: none;
}

.workspace-cover-upload-action:hover,
.workspace-cover-upload-action:focus-within {
  border-color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-1px);
}

.workspace-cover-upload-action.is-busy {
  opacity: 0.62;
  pointer-events: none;
  transform: none;
}

.workspace-cover-upload-action input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.workspace-generation-dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.workspace-generation-dots[hidden] { display: none; }

.workspace-generation-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  animation: workspace-generation-dot 900ms ease-in-out infinite;
}

.workspace-generation-dots i:nth-child(2) { animation-delay: 120ms; }
.workspace-generation-dots i:nth-child(3) { animation-delay: 240ms; }

@keyframes workspace-generation-dot {
  0%, 60%, 100% { opacity: 0.38; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-4px); }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-generation-dots i { animation: none; opacity: 0.75; }
}

.workspace-artwork-generate > p {
  grid-column: 1 / -1;
  min-height: 1.4em;
  margin: 0;
  font-size: 0.78rem;
}

.workspace-artwork-generate > p.is-error {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 0;
  padding: 12px 14px;
  border: 1px solid #e7a3b2;
  border-radius: 12px;
  color: #70263b !important;
  background: linear-gradient(135deg, #fff0f4, #fde5ec);
  box-shadow: 0 8px 22px rgba(132, 42, 68, 0.1);
  font-weight: 800;
  line-height: 1.42;
}
.workspace-artwork-generate > p.is-error::before {
  content: "!";
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #bf4b6b;
  font-size: 0.9rem;
  font-weight: 950;
}
.workspace-artwork-generate > p.is-success { color: #176b58; font-weight: 800; }

.workspace-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-bottom: 24px;
}

.workspace-check-grid label {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  min-height: 104px;
  padding: 19px;
  border: 1px solid #d3cec5;
  border-radius: 12px;
  background: #f7f4ee;
}

.workspace-check-grid input {
  width: 19px;
  height: 19px;
  accent-color: var(--workspace-violet);
}

.workspace-check-grid span {
  display: grid;
  gap: 5px;
}

.workspace-check-grid small {
  color: var(--workspace-muted);
}

.workspace-output-note,
.workspace-review-direction {
  padding: 20px;
  border: 1px solid #d4cfc6;
  border-left: 5px solid var(--workspace-cyan);
  border-radius: 10px;
  background: #f7f4ed;
}

.workspace-output-note p,
.workspace-review-direction p {
  margin: 6px 0 0;
  color: var(--workspace-muted);
  line-height: 1.55;
}

.workspace-output-note {
  border-color: rgba(104, 68, 216, .18);
  border-left-color: var(--workspace-cyan);
  background: linear-gradient(100deg, #fffdf8 0%, #f7f4ed 66%, #eef9f8 100%);
}

.workspace-output-note strong {
  font-size: 1.02rem;
}

.workspace-output-note a {
  color: var(--workspace-violet-deep);
  font-weight: 850;
  text-underline-offset: .16em;
}

.workspace-output-note a:hover,
.workspace-output-note a:focus-visible {
  color: #17151b;
}

.workspace-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.workspace-review-grid article {
  display: grid;
  min-height: 122px;
  padding: 19px;
  border: 1px solid #d4cfc6;
  border-radius: 12px;
  background: #f7f4ee;
}

.workspace-review-grid > article > span,
.workspace-review-grid > article > header > span,
.workspace-review-direction > span {
  color: var(--workspace-violet-deep);
  font-size: 0.69rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.workspace-review-grid > article > strong {
  align-self: end;
  font-size: 1.12rem;
}

.workspace-review-grid > article > strong b,
.workspace-review-grid > article > small b {
  font-weight: inherit;
}

.workspace-review-grid > article > small {
  color: var(--workspace-muted);
}

.workspace-review-grid .workspace-review-detail-card {
  align-content: start;
  gap: 3px;
  min-height: 0;
  padding: 15px 16px;
}

.workspace-review-detail-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
  padding: 0 3px 8px;
}

.workspace-review-info {
  display: inline-grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border: 1px solid #b9b2a9;
  border-radius: 50%;
  color: #4d4852;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.workspace-review-detail {
  border-top: 1px solid rgba(87, 78, 96, 0.13);
  border-radius: 9px;
  transition: background-color 160ms ease, box-shadow 160ms ease;
}

.workspace-review-detail:first-of-type {
  border-top-color: transparent;
}

.workspace-review-detail:hover,
.workspace-review-detail:focus-within,
.workspace-review-detail[open] {
  background: rgba(111, 82, 218, 0.075);
  box-shadow: inset 0 0 0 1px rgba(111, 82, 218, 0.09);
}

.workspace-review-detail summary {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) minmax(92px, auto);
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 7px 9px;
  list-style: none;
  cursor: pointer;
}

.workspace-review-detail summary::-webkit-details-marker {
  display: none;
}

.workspace-review-detail summary > i {
  display: inline-grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  color: #246f5f;
  background: #dff4ec;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
}

.workspace-review-detail summary > span {
  color: #3f3945;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.workspace-review-detail summary > b {
  color: #111016;
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 1.2;
  text-align: right;
}

.workspace-review-detail > p {
  margin: -1px 9px 10px 39px;
  color: var(--workspace-muted);
  font-size: 0.74rem;
  line-height: 1.45;
}

.workspace-review-detail > small {
  display: block;
  margin: -4px 9px 10px 39px;
  color: #4d4852;
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1.4;
}

.workspace-review-rights[data-review-rights-tone="free"] summary > i {
  color: #8a5a00;
  background: #ffefbf;
}

.workspace-review-rights[data-review-rights-tone="free"] summary > b {
  color: #805000;
}

.workspace-review-rights[data-review-rights-tone="paid"] summary > b {
  color: #246f5f;
}

.workspace-review-direction {
  margin-bottom: 18px;
}

.workspace-final-review-story {
  display: grid;
  gap: 22px;
  margin-bottom: 20px;
}

.workspace-final-review-hero {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid rgba(111, 82, 218, 0.2);
  border-radius: 18px;
  background:
    radial-gradient(circle at 96% 8%, rgba(104, 211, 198, 0.2), transparent 15rem),
    linear-gradient(135deg, #f4efff 0%, #faf8ff 58%, #f1fbf8 100%);
  box-shadow: 0 18px 44px rgba(63, 45, 108, 0.08);
}

.workspace-final-review-hero-icon {
  display: inline-grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(145deg, #7e63ec, #5d3fc9);
  box-shadow: 7px 7px 0 rgba(124, 95, 231, 0.15);
  font-size: 1.5rem;
  font-weight: 950;
}

.workspace-final-review-hero > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.workspace-final-review-hero > div > span:first-child,
.workspace-review-deliveries > h4,
.workspace-review-summary-card summary small {
  color: var(--workspace-violet-deep);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.workspace-final-review-hero > div > strong {
  overflow-wrap: anywhere;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  line-height: 1.04;
}

.workspace-final-review-hero p,
.workspace-final-review-hero small {
  margin: 0;
  color: #5d5965;
  line-height: 1.45;
}

.workspace-final-review-hero p b,
.workspace-final-review-hero small b {
  color: #16131c;
  font-weight: 900;
}

.workspace-review-sr-meta {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.workspace-review-deliveries {
  overflow: hidden;
  border: 1px solid #d9d4df;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(43, 34, 68, 0.055);
}

.workspace-review-deliveries > h4 {
  margin: 0;
  padding: 17px 21px 13px;
  border-bottom: 1px solid #ebe7ef;
}

.workspace-review-delivery-row + .workspace-review-delivery-row {
  border-top: 1px solid #ebe7ef;
}

.workspace-review-delivery-row summary {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto 18px;
  gap: 15px;
  align-items: center;
  min-height: 72px;
  padding: 15px 20px;
  list-style: none;
  cursor: pointer;
  transition: background-color 160ms ease;
}

.workspace-review-delivery-row summary::-webkit-details-marker,
.workspace-review-summary-card summary::-webkit-details-marker {
  display: none;
}

.workspace-review-delivery-row summary:hover,
.workspace-review-delivery-row summary:focus-visible,
.workspace-review-delivery-row[open] summary {
  background: #faf8ff;
}

.workspace-review-delivery-row summary > i {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  color: #5f43cb;
  background: #eee9ff;
  font-style: normal;
  font-weight: 950;
}

.workspace-review-delivery-row summary > span {
  display: block;
  min-width: 0;
}

.workspace-review-delivery-row summary > span > strong {
  color: #17141d;
  font-size: 1rem;
}

.workspace-review-delivery-row summary > em {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  color: #227661;
  background: #e5f7f0;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  white-space: nowrap;
}

.workspace-review-delivery-row summary::after,
.workspace-review-summary-card summary::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #756f7b;
  border-bottom: 2px solid #756f7b;
  transform: rotate(45deg) translateY(-2px);
  transition: transform 160ms ease;
}

.workspace-review-delivery-row[open] summary::after,
.workspace-review-summary-card[open] summary::after {
  transform: rotate(225deg) translate(-2px, -2px);
}

.workspace-review-delivery-row > p {
  margin: 0;
  padding: 14px 80px 18px 77px;
  border-top: 1px solid #eeeaf3;
  color: #625c68;
  background: #fcfbff;
  font-size: 0.8rem;
  line-height: 1.55;
}

.workspace-review-delivery-row > p b {
  color: #2f2450;
}

.workspace-review-lower-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.workspace-review-summary-card {
  overflow: hidden;
  align-self: start;
  border: 1px solid #d9d4df;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(43, 34, 68, 0.045);
}

.workspace-review-summary-card summary {
  display: grid;
  grid-template-columns: 43px minmax(0, 1fr) 18px;
  gap: 13px;
  align-items: center;
  min-height: 84px;
  padding: 15px 17px;
  list-style: none;
  cursor: pointer;
  transition: background-color 160ms ease;
}

.workspace-review-summary-card summary:hover,
.workspace-review-summary-card summary:focus-visible,
.workspace-review-summary-card[open] summary {
  background: #faf8ff;
}

.workspace-review-summary-card summary > span:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.workspace-review-summary-card summary strong {
  overflow-wrap: anywhere;
  color: #18151d;
  font-size: 0.94rem;
  line-height: 1.3;
}

.workspace-review-summary-icon {
  display: inline-grid;
  width: 43px;
  height: 43px;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: #6e51db;
  font-weight: 950;
}

.workspace-review-rights[data-review-rights-tone="paid"] .workspace-review-rights-icon {
  color: #fff;
  background: #17151c;
  box-shadow: 0 0 0 4px rgba(110, 81, 219, 0.16);
}

.workspace-review-rights-icon > span {
  display: inline-grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border: 2px solid currentColor;
  border-radius: 50%;
  line-height: 1;
}

.workspace-review-rights[data-review-rights-tone="free"] .workspace-review-rights-icon {
  color: #6d4900;
  background: #ffd978;
}

.workspace-review-summary-card > div {
  padding: 0 18px 18px 73px;
  border-top: 1px solid #eeeaf1;
}

.workspace-review-summary-card > div > p,
.workspace-review-summary-card > div > small {
  display: block;
  margin: 13px 0 0;
  color: #625c68;
  font-size: 0.76rem;
  line-height: 1.5;
}

.workspace-review-summary-card > div > small {
  color: #3b7465;
  font-weight: 850;
}

.workspace-review-rights[open] {
  border-color: #cfc7de;
  background: #fffdf9;
  box-shadow: 0 18px 38px rgba(43, 34, 68, 0.09);
}

.workspace-review-rights-details {
  display: grid;
  gap: 14px;
  color: #242029;
  background: #fffdf9;
}

.workspace-review-rights-details > p,
.workspace-review-rights-details > small {
  opacity: 1;
}

.workspace-review-copyright-credit {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid #ddd6eb;
  border-radius: 13px;
  background: linear-gradient(135deg, #faf7ff, #fffdf9);
}

.workspace-review-copyright-credit[hidden] {
  display: none;
}

.workspace-review-copyright-credit > small {
  color: #6650ca;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.workspace-review-copyright-credit > strong {
  overflow-wrap: anywhere;
  color: #17141d;
  font-size: 1.03rem;
  line-height: 1.35;
}

.workspace-review-rights-holder-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.workspace-review-rights-holder-options button {
  display: grid;
  gap: 3px;
  position: relative;
  min-width: 0;
  min-height: 62px;
  padding: 10px 52px 10px 12px;
  border: 1px solid #d7d1dd;
  border-radius: 11px;
  color: #4e4854;
  background: #fff;
  cursor: pointer;
  text-align: left;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.workspace-review-rights-holder-options button::after,
.workspace-review-credit-profiles button::after {
  content: "\2713";
  display: grid;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  place-items: center;
  color: #fff;
  background: #17151b;
  box-shadow: 0 5px 14px rgba(23, 21, 27, 0.2);
  font-family: Arial, sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  opacity: 0;
  transform: translateY(-50%) scale(0.72);
  transition: opacity 160ms ease, transform 160ms ease;
}

.workspace-review-rights-holder-options button:hover:not(:disabled) {
  border-color: #8c8591;
  background: #fbfafc;
}

.workspace-review-rights-holder-options button > span {
  color: inherit;
  font-size: 0.72rem;
  font-weight: 900;
}

.workspace-review-rights-holder-options button > small {
  overflow: hidden;
  color: #746d79;
  font-size: 0.65rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-review-rights-holder-options button.is-selected {
  border-color: #17151b;
  color: #17151b;
  background: #f7f4ff;
  box-shadow: inset 0 0 0 1px rgba(23, 21, 27, 0.08);
}

.workspace-review-rights-holder-options button.is-selected::after,
.workspace-review-credit-profiles button.is-selected::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.workspace-review-rights-holder-options button:focus-visible {
  outline: 3px solid rgba(116, 88, 222, 0.24);
  outline-offset: 2px;
}

.workspace-review-credit-profiles {
  display: grid;
  gap: 7px;
  margin-top: 5px;
}

.workspace-review-credit-profiles[hidden],
.workspace-review-credit-request-status[hidden],
.workspace-copyright-credit-form-status[hidden] {
  display: none;
}

.workspace-review-credit-profiles > small {
  color: #6c6572;
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.workspace-review-credit-profiles > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.workspace-review-credit-profiles button {
  display: grid;
  gap: 3px;
  position: relative;
  min-width: 0;
  min-height: 62px;
  padding: 10px 52px 10px 12px;
  border: 1px solid #d7d1dd;
  border-radius: 11px;
  color: #4e4854;
  background: #fff;
  cursor: pointer;
  text-align: left;
}

.workspace-review-credit-profiles button > span {
  overflow: hidden;
  font-size: 0.72rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-review-credit-profiles button > small {
  color: #746d79;
  font-size: 0.63rem;
  line-height: 1.35;
}

.workspace-review-credit-profiles button.is-selected {
  border-color: #17151b;
  color: #17151b;
  background: #f7f4ff;
  box-shadow: inset 0 0 0 1px rgba(23, 21, 27, 0.08);
}

.workspace-review-credit-request {
  min-height: 40px;
  margin-top: 5px;
  padding: 0 14px;
  border: 1px solid #17151b;
  border-radius: 10px;
  color: #fff;
  background: #17151b;
  font-size: 0.72rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 7px 18px rgba(23, 21, 27, 0.16);
  transition: color 160ms ease, background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.workspace-review-credit-request:hover {
  color: #17151b;
  background: #fff;
  transform: translateY(-1px);
  box-shadow: 0 9px 22px rgba(23, 21, 27, 0.2);
}

.workspace-review-credit-request:focus-visible {
  outline: 3px solid rgba(116, 88, 222, 0.3);
  outline-offset: 2px;
}

.workspace-review-credit-request:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.workspace-review-credit-boundary {
  margin: 2px 0 0;
  color: #77707d;
  font-size: 0.65rem;
  line-height: 1.45;
}

.workspace-review-credit-request-status {
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid #d8d0eb;
  border-radius: 11px;
  background: #f7f3ff;
}

.workspace-review-credit-request-status > span {
  color: #5f46c4;
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.workspace-review-credit-request-status > p {
  margin: 0;
  color: #5f5865;
  font-size: 0.69rem;
  line-height: 1.45;
}

.workspace-review-credit-request-status > button {
  justify-self: start;
  padding: 0;
  border: 0;
  color: #684fd0;
  background: transparent;
  font-size: 0.68rem;
  font-weight: 900;
  cursor: pointer;
  text-decoration: underline;
}

.workspace-review-credit-request-status[data-state="approved"] {
  border-color: #aadfce;
  background: #eefbf6;
}

.workspace-review-credit-request-status[data-state="approved"] > span { color: #18755f; }

.workspace-review-credit-request-status[data-state="rejected"] {
  border-color: #efb5bc;
  background: #fff2f3;
}

.workspace-review-credit-request-status[data-state="rejected"] > span { color: #a23248; }

.workspace-copyright-credit-dialog {
  width: min(100%, 720px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}

.workspace-copyright-credit-heading,
.workspace-copyright-credit-label-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.workspace-copyright-credit-heading h2 { margin: 0; }

.workspace-copyright-credit-heading .workspace-field-info,
.workspace-copyright-credit-label-heading .workspace-field-info {
  width: 21px;
  height: 21px;
  flex-basis: 21px;
}

.workspace-copyright-credit-heading .workspace-field-info [role="tooltip"] {
  width: min(330px, calc(100vw - 58px));
}

.workspace-copyright-credit-form {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px 15px;
}

.workspace-copyright-credit-form > label {
  display: grid;
  gap: 7px;
}

.workspace-copyright-credit-explanation {
  display: grid;
  grid-column: 1 / -1;
  gap: 7px;
}

.workspace-copyright-credit-form > label > span,
.workspace-copyright-credit-form legend,
.workspace-copyright-credit-current > small,
.workspace-copyright-credit-label-heading > label {
  color: #4c4651;
  font-size: 0.7rem;
  font-weight: 900;
}

.workspace-copyright-credit-form > label > span small,
.workspace-copyright-credit-label-heading > small {
  color: #867d8b;
  font-weight: 700;
}

.workspace-copyright-credit-form input[type="text"],
.workspace-copyright-credit-form select,
.workspace-copyright-credit-form textarea {
  width: 100%;
  border: 1px solid #cfc7d5;
  border-radius: 11px;
  color: #1c1920;
  background: #fff;
  font: inherit;
}

.workspace-copyright-credit-form input[type="text"],
.workspace-copyright-credit-form select {
  min-height: 48px;
  padding: 0 13px;
}

.workspace-copyright-credit-form textarea {
  min-height: 96px;
  padding: 12px 13px;
  resize: vertical;
}

.workspace-copyright-credit-current,
.workspace-copyright-credit-form fieldset,
.workspace-copyright-credit-attestation,
.workspace-copyright-credit-notice,
.workspace-copyright-credit-form-status,
.workspace-copyright-credit-form .workspace-confirm-actions {
  grid-column: 1 / -1;
}

.workspace-copyright-credit-current {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px;
  border: 1px solid #d9d2e4;
  border-radius: 12px;
  background: linear-gradient(135deg, #f6f2ff, #fffdf8);
}

.workspace-copyright-credit-current > strong {
  color: #211b2b;
  font-size: 0.9rem;
}

.workspace-copyright-credit-form fieldset {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  border: 0;
}

.workspace-copyright-credit-form legend {
  margin-bottom: 0;
}

.workspace-copyright-credit-scope-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid #cfc7d5;
  border-radius: 12px;
  background: #fff;
}

.workspace-copyright-credit-scope-option {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 54px;
  padding: 7px 10px;
  background: #fff;
}

.workspace-copyright-credit-scope-option:first-child {
  border-radius: 11px 0 0 11px;
}

.workspace-copyright-credit-scope-option:last-child {
  border-left: 1px solid #d8d0df;
  border-radius: 0 11px 11px 0;
}

.workspace-copyright-credit-scope-option:has(input:checked) {
  z-index: 1;
  background: #f2edff;
  box-shadow: inset 0 0 0 2px #6b4fd5;
}

.workspace-copyright-credit-scope-option label {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 38px;
  cursor: pointer;
}

.workspace-copyright-credit-scope-option input {
  appearance: none;
  width: 19px;
  height: 19px;
  margin: 0;
  border: 2px solid #28242d;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 4px #fff;
}

.workspace-copyright-credit-scope-option input:checked {
  border-color: #6b4fd5;
  background: #6b4fd5;
}

.workspace-copyright-credit-scope-option strong {
  color: #2a2430;
  font-size: 0.76rem;
}

.workspace-copyright-credit-scope-option .workspace-field-info {
  width: 19px;
  height: 19px;
  flex-basis: 19px;
}

.workspace-copyright-credit-scope-option:last-child .workspace-field-info [role="tooltip"] {
  right: -8px;
  left: auto;
}

.workspace-copyright-credit-attestation {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 10px !important;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid #17151b;
  border-radius: 12px;
  background: #17151b;
  transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.workspace-copyright-credit-attestation:has(input:checked) {
  border-color: #7fceb1;
  background: #eaf8f2;
}

.workspace-copyright-credit-attestation input {
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin: 0;
  border: 2px solid #fff;
  border-radius: 4px;
  background: #fff;
}

.workspace-copyright-credit-attestation input:checked::after {
  content: "✓";
  position: absolute;
  inset: -4px 0 0 1px;
  color: #176b57;
  font-size: 1rem;
  font-weight: 950;
}

.workspace-copyright-credit-attestation span {
  color: #fff !important;
  line-height: 1.45;
}

.workspace-copyright-credit-attestation:has(input:checked) span {
  color: #1f5d4e !important;
}

.workspace-copyright-credit-notice,
.workspace-copyright-credit-form-status {
  margin: 0;
  padding: 12px 14px;
  border-radius: 11px;
  font-size: 0.69rem;
  line-height: 1.5;
}

.workspace-copyright-credit-notice {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid #e3b945;
  color: #4f3a10;
  background: #fff3cd;
}

.workspace-copyright-credit-notice > span[aria-hidden="true"] {
  display: grid;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #17120a;
  background: #e7b92e;
  font-weight: 950;
  place-items: center;
}

.workspace-copyright-credit-notice a {
  color: #332203;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.workspace-copyright-credit-form-status {
  color: #8b293d;
  background: #ffedef;
}

@media (max-width: 650px) {
  .workspace-review-credit-profiles > div,
  .workspace-copyright-credit-form {
    grid-template-columns: 1fr;
  }

  .workspace-copyright-credit-current {
    display: grid;
    gap: 4px;
  }

  .workspace-copyright-credit-scope-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-copyright-credit-scope-option {
    padding-inline: 8px;
  }

  .workspace-copyright-credit-scope-option label {
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 7px;
  }

  .workspace-copyright-credit-scope-option strong {
    font-size: 0.69rem;
  }
}

.workspace-review-visual-details {
  display: grid;
  gap: 8px;
}

.workspace-review-visual-details > p {
  display: grid !important;
  grid-template-columns: minmax(110px, 0.7fr) minmax(0, 1.3fr);
  gap: 12px;
  margin: 0 !important;
}

.workspace-review-visual-details > p > span {
  color: #756f7a;
}

.workspace-review-visual-details > p > b {
  overflow-wrap: anywhere;
  color: #28232e;
  font-weight: 850;
}

@media (max-width: 720px) {
  .workspace-final-review-hero {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
  }

  .workspace-final-review-hero-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }

  .workspace-review-delivery-row summary {
    grid-template-columns: 38px minmax(0, 1fr) 16px;
    gap: 12px;
    padding: 14px 15px;
  }

  .workspace-review-delivery-row summary > i {
    width: 38px;
    height: 38px;
  }

  .workspace-review-delivery-row summary > em {
    grid-column: 2;
    justify-self: start;
  }

  .workspace-review-delivery-row summary::after {
    grid-column: 3;
    grid-row: 1;
  }

  .workspace-review-delivery-row > p {
    padding: 13px 48px 16px 65px;
  }

  .workspace-review-lower-grid {
    grid-template-columns: 1fr;
  }

  .workspace-review-rights-holder-options {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 440px) {
  .workspace-final-review-hero {
    grid-template-columns: 1fr;
  }

  .workspace-final-review-hero-icon {
    width: 44px;
    height: 44px;
  }

  .workspace-review-summary-card > div {
    padding-left: 18px;
  }

  .workspace-review-visual-details > p {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

.workspace-handoff {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 25px;
  align-items: center;
  padding: 22px;
  border-radius: 13px;
  color: #fff;
  background:
    radial-gradient(circle at 80% 0, rgba(140, 98, 246, 0.24), transparent 18rem),
    var(--workspace-dark);
}

.workspace-handoff p {
  margin: 5px 0 0;
  color: #aaa9b3;
  line-height: 1.5;
}

.workspace-handoff .preview-button {
  white-space: nowrap;
}

.workspace-step-actions-dock {
  grid-area: actions;
  min-width: 0;
}

.workspace-step-actions-dock.has-floating-actions {
  min-height: var(--workspace-step-actions-height, 85px);
}

.workspace-step-actions {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) 170px;
  gap: 14px;
  align-items: center;
  padding: 18px 22px;
  border-top: 1px solid var(--workspace-line);
  border-radius: 0 0 23px 23px;
  background: #f7f4ee;
}

.workspace-step-actions.is-floating {
  position: fixed;
  z-index: 80;
  left: var(--workspace-step-actions-left, 12px);
  bottom: max(10px, env(safe-area-inset-bottom, 0px));
  width: var(--workspace-step-actions-width, calc(100vw - 24px));
  border: 1px solid rgba(87, 79, 93, 0.2);
  border-radius: 18px;
  background: rgba(247, 244, 238, 0.95);
  box-shadow: 0 20px 54px rgba(31, 25, 37, 0.24), 0 3px 12px rgba(31, 25, 37, 0.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  backdrop-filter: blur(18px) saturate(1.08);
  animation: workspace-step-actions-float-in 240ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes workspace-step-actions-float-in {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

.workspace-step-actions > div {
  display: grid;
  grid-column: 2;
  justify-items: center;
}

.workspace-step-actions span {
  font-weight: 950;
}

.workspace-step-actions small {
  color: var(--workspace-muted);
  font-size: 0.7rem;
}

.workspace-step-actions button {
  min-height: 48px;
  border: 1px solid #bdb8b0;
  border-radius: 9px;
  font-weight: 950;
  cursor: pointer;
}

.workspace-step-back {
  grid-column: 1;
  color: #39363d;
  background: #fff;
}

.workspace-step-back:disabled {
  color: #aaa6ad;
  cursor: default;
  background: #eeebe5;
}

.workspace-step-next {
  grid-column: 3;
  border-color: var(--workspace-violet) !important;
  color: #fff;
  background: var(--workspace-violet);
}

.workspace-step-next.is-build {
  align-self: stretch;
  padding: 14px 16px;
  line-height: 1.3;
  white-space: normal;
  min-height: calc(100% + 36px);
  margin: -18px -22px -18px 0;
  border: 0;
  border-radius: 0 0 23px 0;
  background: #17161b;
  box-shadow: inset 6px 0 0 var(--workspace-violet);
  font-size: 1.12rem;
}

.workspace-step-actions.is-floating .workspace-step-next.is-build {
  align-self: auto;
  min-height: 48px;
  margin: 0;
  border-radius: 9px;
  box-shadow: inset 5px 0 0 var(--workspace-violet);
}

.workspace-step-next.is-build:hover:not(:disabled) {
  background: var(--workspace-violet);
  box-shadow: none;
}

.workspace-step-next.is-build:disabled,
.workspace-step-next.is-build:disabled:hover {
  color: #8d8990;
  background: #dfdcd6;
  box-shadow: inset 6px 0 0 #b9b3bd;
  cursor: not-allowed;
  opacity: 1;
}

.workspace-brief {
  --workspace-brief-top: #ffffff;
  --workspace-brief-middle: #343434;
  --workspace-brief-bottom: #000000;
  --workspace-brief-middle-position: 58%;
  --workspace-brief-top-ink: #09090b;
  --workspace-brief-top-muted: rgba(9, 9, 11, 0.66);
  --workspace-brief-top-line: rgba(9, 9, 11, 0.2);
  --workspace-brief-top-accent: #315f50;
  --workspace-brief-middle-ink: #f8f7f4;
  --workspace-brief-middle-muted: rgba(248, 247, 244, 0.68);
  --workspace-brief-middle-line: rgba(248, 247, 244, 0.18);
  --workspace-brief-middle-accent: #86e0bf;
  --workspace-brief-bottom-ink: #f8f7f4;
  --workspace-brief-bottom-muted: rgba(248, 247, 244, 0.68);
  --workspace-brief-bottom-line: rgba(248, 247, 244, 0.18);
  --workspace-brief-bottom-accent: #86e0bf;
  grid-area: brief;
  position: sticky;
  top: 88px;
  min-width: 0;
  overflow: visible;
  padding: 22px 20px 24px;
  border: 0;
  border-left: 1px solid var(--workspace-line);
  border-radius: 0 24px 24px 24px;
  color: var(--workspace-brief-middle-ink);
  background:
    radial-gradient(circle at 100% 0, rgba(140, 98, 246, 0.1), transparent 15rem),
    linear-gradient(
      180deg,
      var(--workspace-brief-top) 0%,
      var(--workspace-brief-middle) var(--workspace-brief-middle-position),
      var(--workspace-brief-bottom) 100%
    );
  box-shadow: none;
}

.workspace-brief-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px 12px;
  border-bottom: 1px solid var(--workspace-brief-top-line);
  color: var(--workspace-brief-top-ink);
}

.workspace-brief-stage-copy {
  display: block;
  min-width: 0;
}

.workspace-brief-stage-copy span {
  color: var(--workspace-brief-top-muted);
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.workspace-brief-stage .workspace-segmented {
  flex-shrink: 0;
  gap: 4px;
  padding: 4px;
  border-color: var(--workspace-brief-top-line);
  background: color-mix(in srgb, var(--workspace-brief-top) 72%, transparent);
}

.workspace-brief-stage .workspace-segmented button {
  min-width: 78px;
  padding: 10px 12px;
  color: var(--workspace-brief-top-muted);
  font-size: 0.78rem;
}

.workspace-brief-stage .workspace-segmented button[aria-pressed="true"] {
  color: var(--workspace-brief-top);
  background: var(--workspace-brief-top-ink);
}

[data-detail-toggle] {
  position: relative;
  overflow: visible;
}

.workspace-custom-discovery-cue {
  position: absolute;
  z-index: 24;
  top: calc(100% + 11px);
  right: 0;
  display: flex;
  gap: 9px;
  align-items: center;
  width: max-content;
  max-width: min(218px, calc(100vw - 44px));
  padding: 10px 12px 10px 10px;
  border: 1px solid rgba(217, 255, 71, 0.5);
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #201d27, #332451);
  box-shadow: 0 14px 32px rgba(17, 16, 22, 0.24), 0 0 0 4px rgba(217, 255, 71, 0.1);
  text-align: left;
  text-transform: none;
  animation: workspace-custom-cue-bob 1.8s ease-in-out infinite;
}

.workspace-custom-discovery-cue[hidden] {
  display: none;
}

.workspace-custom-discovery-cue > svg {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  fill: #d9ff47;
  filter: drop-shadow(0 3px 8px rgba(217, 255, 71, 0.24));
}

.workspace-custom-discovery-cue > span {
  display: grid;
  gap: 2px;
  color: inherit;
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
}

.workspace-custom-discovery-cue strong {
  color: #fff;
  font-size: 0.76rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: none;
}

.workspace-custom-discovery-cue small {
  color: #d9ff47;
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1.2;
  text-transform: none;
}

@keyframes workspace-custom-cue-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(4px); }
}

.workspace-cover {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin: 16px 0 20px;
  border: 1px solid rgba(33, 29, 36, 0.16);
  border-radius: 20px;
  background:
    radial-gradient(circle at 25% 28%, rgba(109, 216, 237, 0.8), transparent 6rem),
    radial-gradient(circle at 69% 66%, rgba(140, 98, 246, 0.86), transparent 9rem),
    linear-gradient(145deg, #16151c, #24202c);
  box-shadow: 0 24px 54px rgba(37, 29, 46, 0.18);
}

.workspace-cover::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(8, 8, 12, 0.84));
  content: "";
}

.workspace-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workspace-cover > canvas[data-protected-artwork] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.workspace-cover-provenance,
.workspace-cover-title-preview {
  position: absolute;
  z-index: 2;
  right: 22px;
  left: 22px;
  display: grid;
  gap: 4px;
}

.workspace-cover-provenance {
  top: 18px;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: start;
}

.workspace-cover-provenance > button {
  display: inline-grid;
  width: 22px;
  height: 22px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.64);
  border-radius: 999px;
  color: #fff;
  background: rgba(13, 15, 16, 0.56);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 950;
  cursor: help;
  backdrop-filter: blur(8px);
}

.workspace-cover-provenance > button[hidden] { display: none; }

.workspace-cover-provenance-help {
  position: absolute;
  top: 30px;
  left: 0;
  width: min(290px, calc(100% - 8px));
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  color: #fff;
  background: rgba(15, 17, 18, 0.9);
  box-shadow: 0 16px 34px rgba(4, 5, 6, 0.24);
  font-size: 0.75rem;
  font-weight: 750;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 150ms ease, transform 150ms ease;
  text-transform: none;
}

.workspace-cover-provenance > button:hover + .workspace-cover-provenance-help,
.workspace-cover-provenance > button:focus-visible + .workspace-cover-provenance-help {
  opacity: 1;
  transform: translateY(0);
}

.workspace-cover-title-preview { bottom: 20px; }
.workspace-cover-title-preview[hidden] { display: none; }

.workspace-cover-title-preview small {
  color: #fff;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.workspace-cover span,
.workspace-brief-copy > span,
.workspace-brief-direction > span {
  color: var(--workspace-brief-middle-accent);
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.workspace-cover span { color: var(--workspace-mint); }

.workspace-brief-direction > span {
  color: var(--workspace-brief-bottom-accent);
}

.workspace-cover-title-preview strong {
  font-size: 1.25rem;
}

.workspace-brief-copy,
.workspace-brief dl,
.workspace-brief-direction {
  margin-right: 8px;
  margin-left: 8px;
}

.workspace-brief-copy {
  padding-top: 10px;
}

.workspace-brief-copy h2 {
  margin: 7px 0 4px;
  font-size: 1.7rem;
  line-height: 1;
  letter-spacing: -0.035em;
  color: var(--workspace-brief-middle-ink);
}

.workspace-brief-copy p {
  margin: 0;
  color: var(--workspace-brief-middle-muted);
}

.workspace-brief-advisory {
  position: relative;
  margin: 16px 8px 0;
  padding: 15px 48px 15px 16px;
  border: 1px solid #09090c;
  border-radius: 12px;
  background: #09090c;
  color: #fff;
}

.workspace-brief-advisory > div:first-child {
  display: grid;
  gap: 4px;
}

.workspace-brief-advisory > div:first-child > span {
  color: #bebac5;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.workspace-brief-advisory > div:first-child > strong {
  font-size: 0.82rem;
}

.workspace-brief-advisory > div:first-child b {
  margin-left: 5px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #fff;
  color: #09090c;
  font-size: 0.63rem;
}

.workspace-brief-advisory > button {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 25px;
  height: 25px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 950;
}

.workspace-brief-advisory > button:hover,
.workspace-brief-advisory > button:focus-visible {
  background: #fff;
  color: #09090c;
  outline: none;
}

.workspace-brief-advisory > div[data-brief-advisory-panel] {
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid #3f3e45;
}

.workspace-brief-advisory > div[data-brief-advisory-panel] p {
  margin: 0;
  color: #d6d3db;
  font-size: 0.72rem;
  line-height: 1.45;
}

.workspace-brief-advisory > div[data-brief-advisory-panel] ul {
  margin: 10px 0;
  padding-left: 18px;
  font-size: 0.72rem;
}

.workspace-brief-advisory > div[data-brief-advisory-panel] li + li {
  margin-top: 4px;
}

.workspace-brief-advisory > div[data-brief-advisory-panel] small {
  display: block;
  color: #9b98a2;
  font-size: 0.64rem;
  line-height: 1.45;
}

.workspace-brief dl {
  margin-top: 19px;
  margin-bottom: 19px;
}

.workspace-brief dl div {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 10px 0;
  border-top: 1px solid var(--workspace-brief-middle-line);
}

.workspace-brief dt {
  color: var(--workspace-brief-middle-muted);
  font-size: 0.76rem;
}

.workspace-brief dd {
  min-width: 0;
  margin: 0;
  color: var(--workspace-brief-middle-ink);
  font-size: 0.76rem;
  font-weight: 900;
  text-align: right;
}

.workspace-brief-direction {
  padding: 17px 0;
  border-top: 1px solid var(--workspace-brief-bottom-line);
  color: var(--workspace-brief-bottom-ink);
}

.workspace-brief > button.preview-button {
  display: flex;
  margin: 0 8px;
  justify-content: center;
}

.workspace-upload-stage {
  padding-top: 54px;
}

.workspace-upload-panel {
  max-width: 1040px;
  margin: 0 auto;
  padding: 43px;
  border: 1px solid var(--workspace-line);
  border-radius: 18px;
  background: var(--workspace-card);
  box-shadow: 0 28px 70px rgba(44, 37, 56, 0.11);
}

.workspace-upload-copy {
  max-width: 740px;
  margin: -10px 0 28px;
  color: var(--workspace-muted);
  font-size: 1rem;
  line-height: 1.65;
}

.workspace-upload-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: -8px 0 24px;
  padding: 0;
  list-style: none;
}

.workspace-upload-flow li {
  display: flex;
  min-width: 0;
  gap: 11px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid #d7d0d9;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
}

.workspace-upload-flow li > b {
  display: grid;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  place-items: center;
  border-radius: 50%;
  color: #645c68;
  background: #eee9ef;
  font-size: 0.74rem;
}

.workspace-upload-flow li > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.workspace-upload-flow strong { color: #28232c; font-size: 0.78rem; }
.workspace-upload-flow small { overflow: hidden; color: #756d78; font-size: 0.66rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-upload-flow li.is-active { border-color: rgba(104, 65, 214, 0.45); background: rgba(140, 98, 246, 0.08); }
.workspace-upload-flow li.is-active > b { color: #fff; background: var(--workspace-violet-deep); }
.workspace-upload-flow li.is-complete { border-color: rgba(43, 155, 124, 0.4); background: rgba(143, 225, 201, 0.12); }
.workspace-upload-flow li.is-complete > b { color: #fff; background: #258b70; }

.workspace-upload-allowance {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  margin: -8px 0 24px;
  padding: 18px 20px;
  border: 2px solid #17171d;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(35, 29, 43, 0.08);
}

.workspace-upload-allowance > div {
  display: grid;
  gap: 3px;
}

.workspace-upload-allowance span {
  color: var(--workspace-violet-deep);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.workspace-upload-allowance strong {
  font-size: 1.08rem;
}

.workspace-upload-allowance small {
  color: var(--workspace-muted);
  line-height: 1.45;
}

.workspace-upload-allowance a {
  flex: 0 0 auto;
  padding: 12px 16px;
  border-radius: 999px;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 950;
  text-decoration: none;
  background: var(--workspace-dark);
}

.workspace-upload-allowance a:hover,
.workspace-upload-allowance a:focus-visible {
  color: #111116;
  outline: 3px solid rgba(140, 98, 246, 0.2);
  background: var(--workspace-lime);
}

.workspace-upload-allowance.is-available {
  border-color: #141419;
  background: linear-gradient(105deg, rgba(223, 255, 98, 0.46), #fff 58%);
}

.workspace-upload-allowance.is-blocked {
  border-color: var(--workspace-violet-deep);
  background: linear-gradient(105deg, rgba(140, 98, 246, 0.18), #fff 62%);
}

.workspace-upload-allowance.is-limit {
  border-color: #b82938;
  background: linear-gradient(105deg, rgba(184, 41, 56, 0.12), #fff 62%);
}

.workspace-upload-allowance.is-limit span {
  color: #a32030;
}

.workspace-upload-allowance.is-loading,
.workspace-upload-allowance.is-error {
  border-color: #88818d;
}

.workspace-dropzone {
  display: grid;
  min-height: 230px;
  padding: 35px;
  border: 2px dashed #bdb7ae;
  border-radius: 14px;
  text-align: center;
  cursor: pointer;
  place-content: center;
  background:
    radial-gradient(circle at center, rgba(109, 216, 237, 0.1), transparent 13rem),
    #f5f2ec;
}

.workspace-dropzone.is-dragging {
  border-color: var(--workspace-violet);
  background-color: rgba(140, 98, 246, 0.08);
}

.workspace-dropzone.is-disabled {
  border-color: #cbc5cc;
  color: #746f77;
  cursor: not-allowed;
  background:
    repeating-linear-gradient(135deg, rgba(20, 20, 26, 0.025) 0 10px, transparent 10px 20px),
    #f4f1f3;
  box-shadow: none;
}

.workspace-dropzone.is-disabled:hover,
.workspace-dropzone.is-disabled:focus-within {
  border-color: #cbc5cc;
  background:
    repeating-linear-gradient(135deg, rgba(20, 20, 26, 0.025) 0 10px, transparent 10px 20px),
    #f4f1f3;
  box-shadow: none;
}

.workspace-dropzone strong {
  font-size: 1.35rem;
}

.workspace-dropzone span {
  margin-top: 8px;
  color: var(--workspace-muted);
}

.workspace-dropzone > small {
  margin-top: 12px;
  color: #6a4dc6;
  font-size: 0.72rem;
  font-weight: 850;
}

.workspace-dropzone input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.workspace-upload-summary {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 17px 0;
  padding: 16px 18px;
  border: 1px solid var(--workspace-line);
  border-radius: 10px;
  background: #f7f4ee;
}

.workspace-upload-summary span {
  color: var(--workspace-violet-deep);
  font-weight: 900;
}

.workspace-file-list {
  display: grid;
  gap: 7px;
  margin: 0 0 17px;
  padding: 0;
  list-style: none;
}

.workspace-file-list li {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 11px 3px;
  border-bottom: 1px solid var(--workspace-line);
}

.workspace-file-list strong {
  color: var(--workspace-muted);
  white-space: nowrap;
}

.workspace-upload-panel .rights {
  margin-bottom: 18px;
}

.workspace-upload-meta-grid label {
  display: grid;
  gap: 9px;
  min-width: 0;
  color: #36313a;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.01em;
}

.workspace-upload-meta-grid input,
.workspace-upload-meta-grid select,
.workspace-upload-review input,
.workspace-upload-review select,
.workspace-upload-review textarea {
  width: 100%;
  min-width: 0;
  border: 2px solid #bcb4c1;
  border-radius: 15px;
  outline: 0;
  color: #17141a;
  -webkit-text-fill-color: #17141a;
  caret-color: var(--workspace-violet-deep);
  background: #fff;
  color-scheme: light;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 7px 18px rgba(39, 31, 48, 0.07);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.workspace-upload-meta-grid input,
.workspace-upload-meta-grid select,
.workspace-upload-review input,
.workspace-upload-review select {
  min-height: 58px;
  padding: 0 17px;
}

.workspace-upload-meta-grid input::placeholder,
.workspace-upload-review input::placeholder,
.workspace-upload-review textarea::placeholder {
  color: #817985;
  -webkit-text-fill-color: #817985;
  opacity: 1;
}

.workspace-upload-meta-grid label:focus-within > span {
  color: var(--workspace-violet-deep);
}

.workspace-upload-meta-grid input:focus,
.workspace-upload-meta-grid select:focus,
.workspace-upload-review input:focus,
.workspace-upload-review select:focus,
.workspace-upload-review textarea:focus {
  border-color: var(--workspace-violet-deep);
  box-shadow:
    0 0 0 4px rgba(140, 98, 246, 0.15),
    0 13px 28px rgba(57, 41, 78, 0.12);
}

.workspace-upload-panel .workspace-switch {
  gap: 14px;
  align-items: center;
  padding: 18px 20px;
  border: 1px solid #cfc6d2;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 22px rgba(39, 31, 48, 0.05);
  cursor: pointer;
}

.workspace-upload-panel .workspace-switch input[type="checkbox"] {
  display: grid;
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
  margin: 0;
  appearance: none;
  border: 2px solid #6e6673;
  border-radius: 6px;
  outline: 0;
  background: #fff;
  cursor: pointer;
  place-content: center;
  transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.workspace-upload-panel .workspace-switch input[type="checkbox"]::after {
  width: 10px;
  height: 6px;
  content: "";
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  opacity: 0;
  transform: translateY(-1px) rotate(-45deg) scale(0.7);
  transition: opacity 120ms ease, transform 120ms ease;
}

.workspace-upload-panel .workspace-switch input[type="checkbox"]:checked {
  border-color: var(--workspace-violet-deep);
  background: var(--workspace-violet-deep);
  box-shadow: 0 5px 14px rgba(104, 65, 214, 0.25);
}

.workspace-upload-panel .workspace-switch input[type="checkbox"]:checked::after {
  opacity: 1;
  transform: translateY(-1px) rotate(-45deg) scale(1);
}

.workspace-upload-panel .workspace-switch input[type="checkbox"]:focus-visible {
  box-shadow: 0 0 0 4px rgba(140, 98, 246, 0.2);
}

.workspace-upload-panel .workspace-switch strong {
  color: #17141a;
}

.workspace-upload-panel .workspace-switch small {
  color: #6c6570;
}

/* Task 276: keep the upload age attestation visually consistent with Mature language. */
.workspace-upload-panel .workspace-upload-adult-confirm {
  align-items: center;
}

.workspace-upload-panel .workspace-upload-adult-mark {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  gap: 0;
  border-radius: 3px;
  color: #fff;
  background: #17171a;
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1;
}

@media (max-width: 620px) {
  .workspace-upload-panel .workspace-upload-adult-mark {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
  }
}

.workspace-dropzone {
  border-color: #9f96a5;
  border-radius: 20px;
  background:
    radial-gradient(circle at center, rgba(109, 216, 237, 0.16), transparent 13rem),
    #fff;
  box-shadow: 0 16px 38px rgba(42, 33, 51, 0.07);
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.workspace-dropzone:hover,
.workspace-dropzone:focus-within {
  border-color: var(--workspace-violet-deep);
  background:
    radial-gradient(circle at center, rgba(140, 98, 246, 0.12), transparent 14rem),
    #fff;
  box-shadow: 0 0 0 4px rgba(140, 98, 246, 0.11), 0 18px 42px rgba(42, 33, 51, 0.1);
}

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

.workspace-folder-button {
  position: relative;
  display: grid;
  gap: 3px;
  margin-top: 0;
  border-width: 2px;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 7px 16px rgba(39, 31, 48, 0.06);
}

.workspace-folder-button-primary {
  border-color: var(--workspace-violet-deep);
  color: var(--workspace-violet-deep);
  background: rgba(140, 98, 246, 0.055);
}

.workspace-folder-button span {
  font-size: 0.78rem;
  line-height: 1.2;
}

.workspace-folder-button small {
  color: #746d78;
  font-size: 0.64rem;
  font-weight: 650;
  line-height: 1.35;
}

.workspace-folder-button:hover small,
.workspace-folder-button:focus-within small {
  color: inherit;
}

.workspace-folder-button.is-disabled {
  opacity: 0.52;
  cursor: not-allowed;
  box-shadow: none;
}

.workspace-folder-button.is-disabled:hover,
.workspace-folder-button.is-disabled:focus-within {
  color: inherit;
  border-color: currentColor;
  background: transparent;
  transform: none;
}

.workspace-upload-summary {
  align-items: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.76);
}

.workspace-upload-summary button,
.workspace-upload-category-action,
.workspace-upload-compact-actions button {
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgba(104, 65, 214, 0.36);
  border-radius: 999px;
  color: var(--workspace-violet-deep);
  background: #fff;
  font: inherit;
  font-size: 0.65rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-upload-summary button:hover,
.workspace-upload-summary button:focus-visible,
.workspace-upload-category-action:hover,
.workspace-upload-category-action:focus-visible,
.workspace-upload-compact-actions button:hover,
.workspace-upload-compact-actions button:focus-visible {
  outline: 0;
  background: rgba(140, 98, 246, 0.1);
  box-shadow: 0 0 0 3px rgba(140, 98, 246, 0.1);
}

.workspace-upload-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 14px 0;
  padding: 11px 12px 11px 15px;
  border: 1px solid rgba(181, 43, 74, 0.34);
  border-radius: 12px;
  color: #782039;
  background: linear-gradient(90deg, rgba(255, 224, 233, 0.95), rgba(255, 242, 246, 0.96));
  box-shadow: 0 9px 24px rgba(132, 28, 53, 0.08);
}

.workspace-upload-notice[hidden] { display: none; }
.workspace-upload-notice > span { display: grid; gap: 2px; }
.workspace-upload-notice strong { font-size: 0.75rem; }
.workspace-upload-notice small { color: #8d3e54; font-size: 0.66rem; line-height: 1.42; }
.workspace-upload-notice button { flex: 0 0 32px; width: 32px; height: 32px; border: 0; border-radius: 50%; color: #782039; background: rgba(255, 255, 255, 0.7); font: inherit; font-size: 1.2rem; cursor: pointer; }

.workspace-package-scan {
  display: grid;
  gap: 16px;
  margin: 18px 0 22px;
  padding: 20px;
  border: 1px solid #cfc6d2;
  border-radius: 19px;
  background:
    radial-gradient(circle at 92% 5%, rgba(109, 216, 237, 0.15), transparent 17rem),
    #fff;
  box-shadow: 0 14px 34px rgba(39, 31, 48, 0.07);
}

.workspace-package-scan[hidden] {
  display: none;
}

.workspace-upload-inspection-notice {
  display: flex;
  align-items: start;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(232, 139, 94, 0.36);
  border-radius: 12px;
  color: #65402f;
  background: rgba(255, 244, 229, 0.78);
  font-size: 0.67rem;
  line-height: 1.45;
}

.workspace-upload-inspection-notice strong {
  flex: 0 0 auto;
}

.workspace-package-scan-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.workspace-package-scan-head > div {
  display: grid;
  gap: 4px;
}

.workspace-package-scan-head span {
  color: var(--workspace-violet-deep);
  font-size: 0.69rem;
  font-weight: 950;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.workspace-package-scan-head strong {
  color: #17141a;
  font-size: 1.3rem;
}

.workspace-package-scan-head small {
  max-width: 430px;
  color: #6c6570;
  line-height: 1.45;
  text-align: right;
}

.workspace-package-scan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.workspace-package-scan-grid article {
  position: relative;
  display: block;
  min-width: 0;
  padding: 16px;
  border: 1px solid #ded7e0;
  border-radius: 16px;
  background: #faf8f6;
}

.workspace-package-scan-grid article::before {
  position: absolute;
  top: 18px;
  left: 13px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #9b94a0;
  content: "";
  box-shadow: 0 0 0 4px rgba(155, 148, 160, 0.12);
}

.workspace-upload-category > header {
  display: flex;
  min-height: 48px;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 13px;
  padding-left: 18px;
}

.workspace-upload-category > header > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.workspace-upload-category > header > small {
  flex: 0 0 auto;
  color: #6b6470;
  font-size: 0.64rem;
  font-weight: 800;
  text-align: right;
}

.workspace-package-scan-grid article.is-good::before {
  background: #2b9b7c;
  box-shadow: 0 0 0 4px rgba(43, 155, 124, 0.13);
}

.workspace-package-scan-grid article.is-warn::before {
  background: #e88b5e;
  box-shadow: 0 0 0 4px rgba(232, 139, 94, 0.14);
}

.workspace-package-scan-grid article.is-pending::before {
  background: #7f62e4;
  box-shadow: 0 0 0 4px rgba(127, 98, 228, 0.12);
}

.workspace-upload-category > header span {
  overflow: hidden;
  color: #756d78;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.workspace-upload-category > header strong {
  overflow-wrap: anywhere;
  color: #17141a;
  font-size: 0.89rem;
  line-height: 1.25;
}

.workspace-upload-artwork-grid,
.workspace-upload-audio-list,
.workspace-upload-metadata-map {
  display: grid;
  gap: 8px;
}

.workspace-upload-artwork-grid,
.workspace-upload-audio-list {
  max-height: none;
  overflow: visible;
  padding-right: 2px;
}

.workspace-upload-category-action { width: 100%; border-radius: 10px; }

.workspace-upload-compact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.workspace-upload-artwork-option {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 8px;
  border: 1px solid #d4cdd7;
  border-radius: 12px;
  color: #28232c;
  text-align: left;
  background: #fff;
  font: inherit;
}

.workspace-upload-artwork-option img {
  grid-row: 1 / span 2;
  width: 54px;
  height: 54px;
  border-radius: 9px;
  object-fit: cover;
  background: #ece7ed;
}

.workspace-upload-artwork-option > span,
.workspace-upload-audio-option > span:not(.workspace-upload-track-number) {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.workspace-upload-artwork-option strong,
.workspace-upload-audio-option strong {
  overflow: hidden;
  color: #28232c;
  font-size: 0.72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-artwork-option small,
.workspace-upload-audio-option small {
  color: #756d78;
  font-size: 0.62rem;
  line-height: 1.3;
}

.workspace-upload-artwork-option > b {
  grid-column: 2;
  color: #6a4dc6;
  font-size: 0.62rem;
}

.workspace-upload-artwork-option:hover,
.workspace-upload-artwork-option:focus-visible,
.workspace-upload-artwork-option.is-selected {
  border-color: var(--workspace-violet-deep);
  outline: 0;
  background: rgba(140, 98, 246, 0.07);
  box-shadow: 0 0 0 3px rgba(140, 98, 246, 0.1);
}

.workspace-upload-audio-option {
  display: grid;
  grid-template-columns: 20px 31px minmax(82px, 1fr);
  gap: 8px;
  align-items: center;
  padding: 9px;
  border: 1px solid #d9d2dc;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}

.workspace-upload-audio-option input {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: var(--workspace-violet-deep);
}

.workspace-upload-track-number {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 50%;
  color: #645c68;
  background: #eee9ef;
  font-size: 0.61rem;
  font-weight: 950;
}

.workspace-upload-audio-option > b {
  grid-column: 3;
  display: grid;
  gap: 2px;
  color: #2d765f;
  font-size: 0.62rem;
}

.workspace-upload-audio-option > b.is-convert { color: #6841d6; }
.workspace-upload-audio-option.is-selected { border-color: rgba(104, 65, 214, 0.48); background: rgba(140, 98, 246, 0.055); }

.workspace-upload-source-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  margin-bottom: 9px;
}

.workspace-upload-source-filters > span {
  margin-right: 2px;
  color: #746d78;
  font-size: 0.61rem;
  font-weight: 900;
  text-transform: uppercase;
}

.workspace-upload-source-filters button,
.workspace-upload-empty-actions button {
  padding: 6px 8px;
  border: 1px solid #cfc7d2;
  border-radius: 999px;
  color: #4b4450;
  background: #fff;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
}

.workspace-upload-source-filters button:hover,
.workspace-upload-source-filters button:focus-visible,
.workspace-upload-source-filters button.is-selected,
.workspace-upload-empty-actions button:hover,
.workspace-upload-empty-actions button:focus-visible {
  border-color: var(--workspace-violet-deep);
  outline: 0;
  color: var(--workspace-violet-deep);
  background: rgba(140, 98, 246, 0.08);
}

.workspace-upload-text-option {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid #ded7e0;
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
}

.workspace-upload-text-option input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--workspace-violet-deep);
}

.workspace-upload-text-option > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.workspace-upload-text-option strong {
  overflow: hidden;
  color: #302b34;
  font-size: 0.66rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-text-option small,
.workspace-upload-text-option b {
  color: #746d78;
  font-size: 0.58rem;
  line-height: 1.3;
}

.workspace-upload-text-option.is-selected {
  border-color: rgba(104, 65, 214, 0.48);
  background: rgba(140, 98, 246, 0.055);
}

.workspace-upload-text-option.is-disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.workspace-upload-metadata-map p {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 10px;
  border: 1px solid #ded7e0;
  border-radius: 11px;
  background: #fff;
}

.workspace-upload-metadata-map b { color: #2e2932; font-size: 0.7rem; }
.workspace-upload-metadata-map span { color: #716a75; font-size: 0.64rem; line-height: 1.42; }
.workspace-upload-metadata-map .workspace-upload-privacy-note { border-color: rgba(104, 65, 214, 0.25); background: rgba(140, 98, 246, 0.045); }

.workspace-upload-dialog {
  width: min(820px, calc(100vw - 32px));
  max-width: none;
  max-height: min(820px, calc(100dvh - 32px));
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
  color: #f8f6fa;
  background: #151219;
  box-shadow: 0 28px 90px rgba(12, 9, 16, 0.42);
}

.workspace-upload-dialog:not([open]) { display: none; }
.workspace-upload-dialog::backdrop { background: rgba(18, 15, 21, 0.68); backdrop-filter: blur(5px); }
.workspace-upload-dialog-shell { display: grid; gap: 16px; max-height: min(820px, calc(100dvh - 32px)); padding: 24px; }
.workspace-upload-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.workspace-upload-dialog header > div { display: grid; gap: 4px; }
.workspace-upload-dialog header span { color: #a98cff; font-size: 0.68rem; font-weight: 950; letter-spacing: 0.08em; text-transform: uppercase; }
.workspace-upload-dialog h3 { margin: 0; font-size: clamp(1.4rem, 3vw, 2rem); }
.workspace-upload-dialog header small { color: #bcb5c0; }
.workspace-upload-dialog header > button { flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid #4a424f; border-radius: 50%; color: #fff; background: transparent; font: inherit; font-size: 1.35rem; cursor: pointer; }
.workspace-upload-dialog-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 10px; align-items: end; }
.workspace-upload-dialog-tools label { display: grid; gap: 5px; color: #c8c1cc; font-size: 0.65rem; font-weight: 900; }
.workspace-upload-dialog-tools select { min-height: 42px; padding: 0 35px 0 12px; border: 1px solid #5a505f; border-radius: 10px; color: #fff; background: #211c25; }
.workspace-upload-dialog-tools > div { display: flex; flex-wrap: wrap; gap: 6px; }
.workspace-upload-dialog-tools button,
.workspace-upload-dialog footer button { min-height: 42px; padding: 8px 12px; border: 1px solid #665776; border-radius: 10px; color: #fff; background: #251e2b; font: inherit; font-size: 0.68rem; font-weight: 850; cursor: pointer; }
.workspace-upload-file-details { display: grid; gap: 7px; min-height: 120px; max-height: min(500px, 55dvh); overflow: auto; padding-right: 5px; scrollbar-color: #8c62f6 #29232d; scrollbar-width: thin; }
.workspace-upload-file-details::-webkit-scrollbar { width: 10px; }
.workspace-upload-file-details::-webkit-scrollbar-track { border-radius: 999px; background: #29232d; }
.workspace-upload-file-details::-webkit-scrollbar-thumb { border: 2px solid #29232d; border-radius: 999px; background: linear-gradient(#a98cff, #7250da); }
.workspace-upload-file-detail { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 11px 12px; border: 1px solid #3d3542; border-radius: 12px; background: #1d1921; }
.workspace-upload-file-detail.is-selected { border-color: #7c5ae1; background: #241d2d; }
.workspace-upload-file-detail.is-skipped { border-color: #73354b; background: #261920; }
.workspace-upload-file-detail > div { display: grid; min-width: 0; gap: 3px; }
.workspace-upload-file-detail strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; }
.workspace-upload-file-detail small { overflow: hidden; color: #aaa2ae; text-overflow: ellipsis; white-space: nowrap; }
.workspace-upload-file-detail span { color: #c3bac8; font-size: 0.62rem; }
.workspace-upload-file-detail > button,
.workspace-upload-file-detail > label { padding: 8px 10px; border: 1px solid #655a6c; border-radius: 9px; color: #fff; background: #2a242f; font: inherit; font-size: 0.65rem; font-weight: 850; cursor: pointer; }
.workspace-upload-file-detail > label { display: flex; align-items: center; gap: 7px; }
.workspace-upload-file-detail input { accent-color: #8c62f6; }
.workspace-upload-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.workspace-upload-dialog footer small { max-width: 580px; color: #aaa2ae; line-height: 1.4; }
.workspace-upload-scan-dialog { width: min(600px, calc(100vw - 32px)); }
.workspace-upload-scan-dialog p { overflow: hidden; margin: 0; color: #d9d3dd; text-overflow: ellipsis; white-space: nowrap; }
.workspace-upload-scan-progress { height: 12px; overflow: hidden; border: 1px solid #4e4554; border-radius: 999px; background: #28222c; }
.workspace-upload-scan-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #8fe1c9, #63bde9 55%, #8c62f6); transition: width 120ms ease; }
.workspace-upload-scan-dialog aside { display: grid; gap: 4px; padding: 13px; border: 1px solid rgba(143, 225, 201, 0.28); border-radius: 12px; color: #c6f2e4; background: rgba(57, 128, 106, 0.12); }
.workspace-upload-scan-dialog aside small { color: #b9ccc6; line-height: 1.5; }
.workspace-upload-details-empty { margin: 0; padding: 28px; color: #bcb5c0; text-align: center; }

.workspace-creation-overall-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.workspace-upload-category-empty {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px dashed #cfc7d2;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.7);
}

.workspace-upload-category-empty strong { color: #302b34; font-size: 0.75rem; }
.workspace-upload-category-empty small { color: #746d78; font-size: 0.65rem; line-height: 1.4; }

.workspace-upload-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.workspace-package-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.workspace-package-checks span {
  padding: 7px 10px;
  border: 1px solid #d5ced8;
  border-radius: 999px;
  color: #58515c;
  background: #f6f3f7;
  font-size: 0.68rem;
  font-weight: 850;
}

.workspace-package-checks .is-clear {
  border-color: rgba(43, 155, 124, 0.38);
  color: #176b58;
  background: rgba(143, 225, 201, 0.18);
}

.workspace-package-checks .is-hold {
  border-color: rgba(190, 53, 68, 0.35);
  color: #9b2435;
  background: rgba(190, 53, 68, 0.07);
}

.workspace-package-checks .is-pending {
  border-color: rgba(127, 98, 228, 0.32);
  color: #5e45b5;
  background: rgba(127, 98, 228, 0.07);
}

.workspace-package-checks .is-local {
  border-color: rgba(43, 155, 124, 0.38);
  color: #176b58;
  background: rgba(143, 225, 201, 0.18);
}

.workspace-package-gaps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 15px;
  border-top: 1px solid #ddd6df;
}

.workspace-package-gaps > div:first-child {
  display: grid;
  gap: 3px;
}

.workspace-package-gaps strong {
  color: #17141a;
}

.workspace-package-gaps small {
  color: #6c6570;
  line-height: 1.4;
}

.workspace-package-gaps > div:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.workspace-package-gaps button {
  padding: 8px 11px;
  border: 1px solid var(--workspace-violet-deep);
  border-radius: 999px;
  color: var(--workspace-violet-deep);
  background: #fff;
  font-size: 0.7rem;
  font-weight: 900;
}

.workspace-package-gaps button:hover,
.workspace-package-gaps button:focus-visible {
  color: #fff;
  background: var(--workspace-violet-deep);
}

.workspace-package-gaps.is-complete {
  border-top-color: rgba(43, 155, 124, 0.28);
}

.workspace-upload-review article label {
  display: grid;
  align-content: start;
  gap: 8px;
  color: #36313a;
  font-size: 0.74rem;
  font-weight: 900;
}

.workspace-upload-progress {
  height: 11px;
  border: 1px solid rgba(106, 96, 111, 0.2);
  background: #e6e0e7;
}

.workspace-upload-progress i {
  background: linear-gradient(90deg, #8fe1c9, #63bde9 55%, #8c62f6);
}

@media (max-width: 960px) {
  .workspace-package-scan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .workspace-upload-summary {
    align-items: stretch;
  }

  .workspace-upload-summary button {
    width: 100%;
  }

  .workspace-upload-dialog {
    width: 100%;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  .workspace-upload-dialog-shell {
    max-height: 100dvh;
    padding: 18px;
  }

  .workspace-upload-dialog-tools {
    grid-template-columns: 1fr;
  }

  .workspace-upload-dialog-tools > div,
  .workspace-upload-dialog-tools button {
    width: 100%;
  }

  .workspace-upload-file-detail {
    grid-template-columns: 1fr;
  }

  .workspace-upload-dialog footer {
    align-items: stretch;
    flex-direction: column;
  }

  .workspace-upload-dialog footer button {
    width: 100%;
  }

  .workspace-upload-notice {
    align-items: flex-start;
  }

  .workspace-upload-picker-actions {
    grid-template-columns: 1fr;
  }

  .workspace-package-scan {
    padding: 16px;
  }

  .workspace-package-scan-head,
  .workspace-package-gaps {
    align-items: stretch;
    flex-direction: column;
  }

  .workspace-package-scan-head small {
    text-align: left;
  }

  .workspace-upload-inspection-notice {
    display: grid;
  }

  .workspace-package-scan-grid {
    grid-template-columns: 1fr;
  }

  .workspace-upload-flow {
    grid-template-columns: 1fr;
  }

  .workspace-upload-flow small {
    white-space: normal;
  }

  .workspace-package-gaps > div:last-child {
    justify-content: flex-start;
  }
}

.workspace-footer {
  border-top: 0;
}

.workspace-footer h2 {
  color: #fff;
  opacity: 1;
}

.workspace-footer h3 {
  color: #aaa9b4;
}

.workspace-footer .preview-footer-links a,
.workspace-footer .preview-footer-links span {
  color: #ecebf1;
}

.workspace-footer .preview-footer-copy {
  color: #aaa9b4;
}

@media (max-width: 1080px) {
  .workspace-titlebar-inner {
    grid-template-columns: 1fr 260px;
  }

  .workspace-layout {
    --workspace-brief-column: 340px;
    grid-template-columns: minmax(0, 1fr) 340px;
  }

  .workspace-cycle-strip {
    grid-template-columns: 180px minmax(120px, 1fr) minmax(220px, auto);
  }

  .workspace-steps button {
    padding-right: 8px;
    padding-left: 8px;
  }

  .workspace-steps button > span {
    width: 50px;
    height: 50px;
  }

  .workspace-usage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-release-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .workspace-titlebar-inner,
  .workspace-start-heading {
    grid-template-columns: 1fr;
  }

  .workspace-account-state {
    max-width: 420px;
  }

  .workspace-layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "form"
      "actions"
      "brief";
    background: #fff;
  }

  .workspace-step-actions {
    border-radius: 0;
  }

  .workspace-brief {
    position: relative;
    top: auto;
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 0 22px;
    border-top: 1px solid var(--workspace-line);
    border-left: 0;
    border-radius: 0 0 24px 24px;
  }

  .workspace-brief-stage { grid-column: 1 / -1; }
  .workspace-cover {
    grid-row: 2 / 8;
    grid-column: 1;
  }
  .workspace-brief-copy,
  .workspace-brief-advisory,
  .workspace-brief dl,
  .workspace-brief-direction,
  .workspace-result-summary,
  .workspace-brief > .preview-button {
    grid-column: 2;
  }

  .workspace-steps {
    overflow-x: auto;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
  }

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

  .workspace-draft-list {
    grid-template-columns: 1fr;
  }

  .workspace-draft-card,
  .workspace-draft-card:nth-child(2n) {
    border-right: 0;
  }

  .workspace-queue-panel {
    min-height: 430px;
  }
}

@media (max-width: 720px) {
  .workspace-production-surface {
    padding: 14px;
    border-radius: 22px;
  }

  .workspace-progress-shell {
    padding-right: 0;
    padding-left: 0;
  }

  .workspace-titlebar {
    min-height: 0;
  }

  .workspace-titlebar-inner {
    padding-top: 50px;
    padding-bottom: 52px;
  }

  .workspace-titlebar h1 {
    font-size: clamp(3rem, 15vw, 5.3rem);
  }

  .workspace-overview-heading,
  .workspace-usage-grid {
    grid-template-columns: 1fr;
  }

  .workspace-view-tabs button {
    min-height: 44px;
    padding-inline: 10px;
  }

  .workspace-overview {
    padding: 54px 0 66px;
  }

  .workspace-catalog {
    padding: 56px 0 64px;
  }

  .workspace-catalog-inner > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .workspace-overview-heading > span {
    padding: 0;
  }

  .workspace-project-panel {
    padding: 24px 20px 14px;
  }

  .workspace-project-panel > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .workspace-project-panel > header .workspace-cycle-list-actions {
    width: 100%;
    justify-content: space-between;
  }

  .workspace-draft-library > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .workspace-draft-library > header > div:last-child {
    width: 100%;
    justify-content: space-between;
  }

  .workspace-draft-library > header .workspace-cycle-list-actions {
    gap: 10px;
  }

  .workspace-cycle-sort {
    order: 3;
    width: 100%;
    justify-content: flex-end;
  }

  .workspace-draft-card {
    grid-template-columns: 62px minmax(0, 1fr);
    padding: 17px 18px;
  }

  .workspace-draft-card-visual {
    width: 62px;
    height: 62px;
    border-radius: 13px;
  }

  .workspace-draft-card > a,
  .workspace-draft-card-actions {
    grid-column: 2;
    justify-self: start;
  }

  .workspace-draft-card-actions {
    display: flex;
    flex-wrap: wrap;
  }

  .workspace-project-row {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
  }

  .workspace-project-cover {
    width: 48px;
  }

  .workspace-project-row a {
    grid-column: 2;
    justify-self: start;
  }

  .workspace-release-grid {
    grid-template-columns: 1fr;
  }

  .workspace-start {
    padding-top: 50px;
  }

  .workspace-source-grid {
    grid-template-columns: 1fr;
  }

  .workspace-source-card {
    min-height: 230px;
  }

  .workspace-start-options {
    grid-template-columns: 1fr;
  }

  .workspace-segmented {
    width: 100%;
  }

  .workspace-segmented button {
    flex: 1;
  }

  .workspace-progress-copy {
    grid-template-columns: 1fr;
  }

  .workspace-progress-copy .preview-eyebrow {
    grid-column: auto;
  }

  .workspace-cycle-strip {
    grid-template-columns: 1fr;
    margin-right: 0;
    margin-left: 0;
    padding: 16px;
  }

  .workspace-cycle-mode-copy {
    grid-column: auto;
  }

  .workspace-brief-stage {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .workspace-brief-stage .workspace-segmented {
    width: 100%;
  }

  .workspace-form-section,
  .workspace-upload-panel {
    min-height: 0;
    padding: 28px 22px 32px;
  }

  .workspace-upload-allowance {
    align-items: flex-start;
    flex-direction: column;
  }

  .workspace-field-grid.two,
  .workspace-field-grid.three,
  .workspace-check-grid,
  .workspace-review-grid {
    grid-template-columns: 1fr;
  }

  .workspace-control-row {
    grid-template-columns: 80px minmax(0, 1fr);
  }

  .workspace-art-upload {
    grid-template-columns: 1fr;
  }

  .workspace-cover-concept-editor textarea {
    padding-right: 20px;
    padding-bottom: 64px;
  }

  .workspace-cover-concept-generate {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  .workspace-reference-choice-row {
    grid-template-columns: 1fr;
  }

  .workspace-artwork-generate {
    grid-template-columns: 1fr;
  }

  .workspace-artwork-generate-actions {
    grid-template-columns: 1fr;
  }

  .workspace-cover-gallery {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 8px;
    min-height: 76px;
    padding-inline: 8px;
  }

  .workspace-cover-gallery > button {
    width: 42px;
    height: 42px;
  }

  .workspace-handoff {
    grid-template-columns: 1fr;
  }

  .workspace-step-actions {
    grid-template-columns: 1fr 1fr;
  }

  .workspace-step-actions > div {
    display: none;
  }

  .workspace-step-next {
    grid-column: 2;
  }

  .workspace-step-next.is-build {
    min-height: calc(100% + 36px);
  }

  .workspace-brief {
    display: block;
    padding: 22px 18px 24px;
    border-radius: 0 0 20px 20px;
  }

  .workspace-cover {
    aspect-ratio: 16 / 11;
  }
}

@media (max-width: 480px) {
  .workspace-source-card {
    padding: 24px 22px;
  }

  .workspace-source-entitlement {
    top: 20px;
    right: 20px;
    max-width: 55%;
  }

  .workspace-source-card > strong {
    font-size: 2.75rem;
  }

  .workspace-source-card > p,
  .workspace-source-card > b {
    grid-column: 1 / -1;
  }

  .workspace-source-card > b {
    justify-self: start;
  }

  .workspace-progress-copy {
    padding: 25px 22px 20px;
  }

  .workspace-cycle-strip {
    padding: 17px;
  }

  .workspace-step-actions {
    grid-template-columns: 92px minmax(0, 1fr);
    padding: 14px;
  }

  .workspace-step-actions.is-floating {
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    border-radius: 15px;
  }

  .workspace-step-next.is-build {
    min-height: calc(100% + 28px);
    margin: -14px -14px -14px 0;
    border-radius: 0;
  }

  .workspace-step-actions.is-floating .workspace-step-next.is-build {
    min-height: 48px;
    margin: 0;
    border-radius: 9px;
  }

  .workspace-upload-summary,
  .workspace-file-list li {
    align-items: flex-start;
    flex-direction: column;
  }

  .workspace-draft-controls {
    align-items: stretch;
    flex-direction: column;
  }

  .workspace-draft-controls [data-save-studio-draft] {
    justify-content: center;
    width: 100%;
  }
}

.workspace-draft-controls {
  display: flex;
  align-items: center;
  gap: 10px 14px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.workspace-draft-controls [data-save-studio-draft] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 16px;
  border: 1px solid rgba(17, 16, 22, 0.16);
  border-radius: 999px;
  background: #fff;
  color: #111016;
  box-shadow: 0 8px 22px rgba(17, 16, 22, 0.07);
  cursor: pointer;
  font: inherit;
}

.workspace-draft-controls [data-save-studio-draft]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(17, 16, 22, 0.11);
}

.workspace-draft-controls [data-save-studio-draft]:focus-visible {
  outline: 3px solid rgba(139, 92, 246, 0.35);
  outline-offset: 2px;
}

.workspace-draft-controls [data-save-studio-draft] > span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #e8e5df;
  color: #625f66;
  font-size: 0.78rem;
  font-weight: 900;
}

.workspace-draft-controls [data-save-studio-draft].is-saving > span {
  color: transparent;
  background: #8b5cf6;
}

.workspace-draft-controls [data-save-studio-draft].is-saving > span::after {
  content: "";
  width: 9px;
  height: 9px;
  border: 2px solid rgba(255, 255, 255, 0.55);
  border-top-color: #fff;
  border-radius: 50%;
  animation: workspace-draft-spin 0.8s linear infinite;
}

.workspace-draft-controls [data-save-studio-draft].is-saved {
  border-color: rgba(22, 135, 95, 0.36);
  background: #f5fff9;
}

.workspace-draft-controls [data-save-studio-draft].is-saved > span {
  background: #16875f;
  color: #fff;
}

.workspace-draft-controls [data-save-studio-draft].is-warning > span {
  background: #f3b34c;
  color: #1a1408;
}

.workspace-draft-controls [data-save-studio-draft].is-error > span {
  background: #c43145;
  color: #fff;
}

.workspace-draft-controls [data-save-studio-draft]:disabled {
  cursor: wait;
  opacity: 0.72;
}

.workspace-draft-controls [data-studio-draft-status] {
  max-width: min(620px, calc(100vw - 250px));
  color: #746f76;
  overflow: hidden;
  line-height: 1.35;
  transition: max-width 260ms ease, max-height 260ms ease, opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

.workspace-draft-controls[data-status="saved"] [data-studio-draft-status] {
  max-width: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-5px);
  white-space: nowrap;
}

.workspace-draft-controls[data-status="saved"] [data-save-studio-draft]:hover + [data-studio-draft-status],
.workspace-draft-controls[data-status="saved"] [data-save-studio-draft]:focus-visible + [data-studio-draft-status],
.workspace-draft-controls[data-status="saved"].is-pinned [data-studio-draft-status] {
  max-width: min(620px, calc(100vw - 250px));
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.workspace-draft-controls [data-studio-draft-status].is-success {
  color: #12724f;
}

.workspace-draft-controls [data-studio-draft-status].is-warning {
  color: #8a5b0a;
}

.workspace-draft-controls [data-studio-draft-status].is-error {
  color: #a1263a;
}

@media (max-width: 620px) {
  .workspace-inline-disclosure > small {
    right: auto;
    left: 50%;
    transform: translate(-50%, -4px);
  }

  .workspace-inline-disclosure:hover > small,
  .workspace-guidance-info:focus-visible + small,
  .workspace-guidance-info[aria-expanded="true"] + small {
    transform: translate(-50%, 0);
  }

  .workspace-cycle-mode-copy .workspace-guidance-label {
    justify-self: start;
  }

  .workspace-draft-controls[data-status="saved"] [data-studio-draft-status] {
    max-width: 100%;
    max-height: 0;
    transform: translateY(-4px);
    white-space: normal;
  }

  .workspace-draft-controls[data-status="saved"] [data-save-studio-draft]:hover + [data-studio-draft-status],
  .workspace-draft-controls[data-status="saved"] [data-save-studio-draft]:focus-visible + [data-studio-draft-status],
  .workspace-draft-controls[data-status="saved"].is-pinned [data-studio-draft-status] {
    max-width: 100%;
    max-height: 4.2rem;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-custom-discovery-cue {
    animation: none;
  }

  .workspace-inline-disclosure > small,
  .workspace-draft-controls [data-studio-draft-status] {
    transition: none;
  }
}

.workspace-draft-save-notice {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + var(--header-height, 72px) + clamp(14px, 2vw, 22px));
  right: clamp(18px, 3vw, 42px);
  bottom: auto;
  z-index: 210;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  width: min(360px, calc(100vw - 32px));
  padding: 16px 18px;
  overflow: hidden;
  border: 1px solid rgba(22, 135, 95, 0.25);
  border-radius: 20px;
  color: #111016;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 56px rgba(17, 16, 22, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(18px, -8px, 0) scale(0.98);
  transition: opacity 240ms ease, transform 320ms cubic-bezier(0.2, 0.85, 0.25, 1), visibility 240ms ease;
}

.workspace-draft-save-notice[hidden] {
  display: none;
}

.workspace-draft-save-notice.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0) scale(1);
}

.workspace-draft-save-notice.is-exiting {
  opacity: 0;
  visibility: visible;
  transform: translate3d(0, 0, 0) scale(1);
  transition: opacity 1100ms ease, transform 1100ms ease, visibility 0s linear 1100ms;
}

.workspace-draft-save-notice::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #8b5cf6 0%, #56d6c2 52%, #16875f 100%);
  content: "";
}

/* Studio Task 601: compact upload entry, status disclosures, and recovery dialogs. */
.workspace-upload-stage .workspace-section-head {
  align-items: flex-start;
}

.workspace-upload-stage .workspace-section-actions {
  position: relative;
  display: grid;
  min-width: min(390px, 38vw);
  gap: 8px;
  justify-items: end;
}

.workspace-upload-stage .workspace-section-actions > small {
  margin-bottom: 1px;
}

.workspace-upload-allowance,
.workspace-upload-notice {
  position: relative;
  width: fit-content;
  max-width: min(430px, 100%);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: #201829;
  background: transparent;
  box-shadow: none;
}

.workspace-upload-allowance summary,
.workspace-upload-notice summary {
  display: inline-grid;
  grid-template-columns: auto minmax(0, auto) 22px;
  gap: 8px;
  align-items: center;
  max-width: 100%;
  min-height: 36px;
  padding: 6px 8px 6px 13px;
  border: 1px solid rgba(104, 65, 214, .23);
  border-radius: 999px;
  color: #241a31;
  background: linear-gradient(100deg, rgba(223, 255, 98, .92), rgba(255, 250, 210, .96));
  box-shadow: 0 8px 22px rgba(62, 43, 86, .09);
  list-style: none;
  cursor: pointer;
}

.workspace-upload-allowance summary::-webkit-details-marker,
.workspace-upload-notice summary::-webkit-details-marker {
  display: none;
}

.workspace-upload-allowance summary > span {
  color: #6841d6;
  font-size: .57rem;
  font-weight: 950;
  letter-spacing: .065em;
  text-transform: uppercase;
  white-space: nowrap;
}

.workspace-upload-allowance summary > strong,
.workspace-upload-notice summary > strong {
  overflow: hidden;
  font-size: .68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-allowance summary > i,
.workspace-upload-notice summary > i {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #6841d6;
  font-size: .64rem;
  font-style: normal;
  font-weight: 950;
}

.workspace-upload-allowance > div,
.workspace-upload-notice > div {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 25;
  display: grid;
  width: min(390px, calc(100vw - 36px));
  gap: 10px;
  padding: 14px 15px;
  border: 1px solid #d7cceb;
  border-radius: 14px;
  color: #4f4657;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 20px 52px rgba(37, 25, 53, .2);
}

.workspace-upload-allowance:not([open]) > div,
.workspace-upload-notice:not([open]) > div {
  display: none;
}

.workspace-upload-allowance > div small,
.workspace-upload-notice > div small {
  color: #5f5665;
  font-size: .69rem;
  line-height: 1.48;
}

.workspace-upload-allowance > div a,
.workspace-upload-notice > div button {
  justify-self: start;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid #6841d6;
  border-radius: 999px;
  color: #fff;
  background: #6841d6;
  font: inherit;
  font-size: .65rem;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.workspace-upload-allowance.is-blocked summary,
.workspace-upload-allowance.is-error summary {
  background: linear-gradient(100deg, #eee8ff, #fff);
}

.workspace-upload-allowance.is-limit summary {
  border-color: rgba(181, 43, 74, .3);
  background: linear-gradient(100deg, #ffe4eb, #fff);
}

.workspace-upload-notice summary {
  grid-template-columns: 22px minmax(0, auto) 22px;
  border-color: rgba(181, 43, 74, .3);
  color: #7b2039;
  background: linear-gradient(100deg, #ffe4eb, #fff5f7);
}

.workspace-upload-notice summary > b {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #b52b4a;
  font-size: .68rem;
}

.workspace-upload-notice summary > i {
  background: #b52b4a;
}

.workspace-upload-notice > div {
  border-color: #f0b7c5;
  color: #782039;
  background: #fff7f9;
}

.workspace-upload-notice > div button {
  border-color: #b52b4a;
  background: #b52b4a;
}

.workspace-dropzone {
  min-height: 224px;
  gap: 7px;
  padding: 30px;
  border: 2px dashed #8f7fa3;
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 46%, rgba(109, 216, 237, .18), transparent 16rem),
    #fff;
  box-shadow: 0 16px 40px rgba(42, 33, 51, .08);
}

.workspace-upload-entry-icons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 0 0 8px !important;
}

.workspace-upload-entry-icons svg {
  width: 44px;
  height: 44px;
  padding: 9px;
  overflow: visible;
  border: 1px solid rgba(104, 65, 214, .2);
  border-radius: 14px;
  fill: none;
  stroke: #6841d6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  background: rgba(140, 98, 246, .07);
}

.workspace-upload-entry-icons svg:last-child {
  color: #17141a;
  stroke: #17141a;
  background: rgba(223, 255, 98, .48);
}

.workspace-upload-entry-icons text {
  fill: currentColor;
  stroke: none;
  font-size: 6px;
  font-weight: 950;
}

.workspace-dropzone > strong {
  font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.workspace-dropzone > span:not(.workspace-upload-entry-icons) {
  margin-top: 0;
  color: #655c69;
  font-size: .78rem;
}

.workspace-dropzone > small {
  max-width: 720px;
  margin: 5px auto 0;
  color: #6841d6;
  font-size: .69rem;
  line-height: 1.45;
}

.workspace-upload-picker-actions {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 10px;
  margin-top: 10px;
}

.workspace-folder-button,
.workspace-folder-button:is(button) {
  display: flex;
  min-height: 70px;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  text-align: left;
}

.workspace-folder-button > svg {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 7px;
  border-radius: 10px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  background: rgba(140, 98, 246, .09);
}

.workspace-folder-button > span {
  display: grid;
  min-width: 0;
  gap: 3px;
  font-size: .77rem;
}

.workspace-folder-button > span small {
  color: #746d78;
  font-size: .62rem;
  font-weight: 650;
  line-height: 1.35;
}

.workspace-upload-reconnect-dialog {
  width: min(720px, calc(100vw - 32px));
  border: 0;
  border-top: 8px solid #f5cb54;
  border-radius: 28px;
  color: #15121a;
  background:
    radial-gradient(circle at 16% 8%, rgba(140, 98, 246, .13), transparent 18rem),
    radial-gradient(circle at 94% 12%, rgba(245, 203, 84, .2), transparent 17rem),
    #fff;
  box-shadow: 0 34px 110px rgba(10, 7, 14, .44);
}

.workspace-upload-reconnect-dialog .workspace-upload-dialog-shell {
  gap: 20px;
  padding: 34px 38px 36px;
}

.workspace-upload-reconnect-dialog header span {
  color: #6841d6;
}

.workspace-upload-reconnect-dialog h3 {
  color: #15121a;
  font-size: clamp(2rem, 5vw, 3.15rem);
  line-height: .98;
}

.workspace-upload-reconnect-dialog p {
  margin: 0;
  color: #4f4754;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.52;
}

.workspace-upload-reconnect-dialog aside {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-left: 4px solid #6841d6;
  border-radius: 4px 14px 14px 4px;
  background: #f4f0fb;
}

.workspace-upload-reconnect-dialog aside strong { color: #261d30; font-size: .76rem; }
.workspace-upload-reconnect-dialog aside small { color: #675e6c; font-size: .68rem; line-height: 1.45; }
.workspace-upload-reconnect-dialog header > button { border-color: #ded5e4; color: #211a27; background: rgba(255, 255, 255, .75); }
.workspace-upload-reconnect-dialog footer button { border-color: #211a27; color: #fff; background: #17141a; }
.workspace-upload-reconnect-dialog footer .is-primary { border-color: #d7ab34; color: #17120a; background: #f5cb54; }

.workspace-upload-preflight-dialog {
  width: min(720px, calc(100vw - 32px));
}

.workspace-upload-preflight-dialog .workspace-upload-dialog-shell {
  gap: 15px;
  max-width: none;
  padding: 22px;
  overflow: auto;
}

.workspace-upload-preflight-dialog header {
  gap: 12px;
}

.workspace-upload-preflight-dialog header > div {
  min-width: 0;
}

.workspace-upload-preflight-dialog header > button {
  flex-basis: 36px;
  width: 36px;
  height: 36px;
}

.workspace-upload-preflight-dialog p {
  color: #ddd6e2;
  font-size: .78rem;
  line-height: 1.5;
}

.workspace-upload-preflight-limits article {
  padding: 15px;
  border-color: rgba(169, 140, 255, .42);
  background: linear-gradient(145deg, rgba(140, 98, 246, .24), rgba(223, 255, 98, .12));
}

.workspace-upload-preflight-limits b {
  color: #b69cff;
  text-shadow: 0 0 24px rgba(140, 98, 246, .35);
}

.workspace-upload-preflight-limits span {
  color: #e1dbe5;
}

@media (max-width: 760px) {
  .workspace-upload-stage .workspace-section-head {
    display: grid;
    gap: 14px;
  }

  .workspace-upload-stage .workspace-section-actions {
    width: 100%;
    min-width: 0;
    justify-items: start;
  }

  .workspace-upload-allowance,
  .workspace-upload-notice,
  .workspace-upload-allowance summary,
  .workspace-upload-notice summary {
    width: 100%;
  }

  .workspace-upload-allowance > div,
  .workspace-upload-notice > div {
    position: static;
    width: 100%;
    margin-top: 7px;
  }
}

@media (max-width: 620px) {
  .workspace-upload-allowance summary,
  .workspace-upload-notice summary {
    grid-template-columns: minmax(0, 1fr) 22px;
    border-radius: 16px;
  }

  .workspace-upload-allowance summary > span,
  .workspace-upload-notice summary > b {
    display: none;
  }

  .workspace-upload-picker-actions {
    grid-template-columns: 1fr;
  }

  .workspace-dropzone {
    min-height: 218px;
    padding: 24px 18px;
  }

  .workspace-upload-entry-icons svg {
    width: 40px;
    height: 40px;
  }

  .workspace-upload-reconnect-dialog .workspace-upload-dialog-shell {
    padding: 24px 20px 26px;
  }

  .workspace-upload-reconnect-dialog footer {
    display: grid;
    grid-template-columns: 1fr;
  }

  .workspace-upload-preflight-limits {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .workspace-upload-preflight-limits article {
    padding: 11px 8px;
  }

  .workspace-upload-preflight-limits b {
    font-size: 1.15rem;
  }

  .workspace-upload-preflight-limits span {
    font-size: .58rem;
  }
}

.workspace-draft-save-notice[data-tone="approved"] {
  border-color: rgba(22, 135, 95, 0.28);
  background: linear-gradient(135deg, rgba(240, 255, 249, 0.98), rgba(255, 255, 255, 0.97));
}

.workspace-draft-save-notice[data-tone="saved"] {
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  min-height: 100px;
  padding: 0;
  border-color: rgba(17, 16, 22, 0.28);
  background: rgba(255, 255, 255, 0.97);
}

.workspace-draft-save-notice[data-tone="denied"] {
  border-color: rgba(187, 70, 110, 0.3);
  background: linear-gradient(135deg, rgba(255, 241, 246, 0.98), rgba(255, 255, 255, 0.97));
}

.workspace-draft-save-notice[data-tone="denied"]::before {
  background: linear-gradient(180deg, #8b5cf6 0%, #e66d91 54%, #bb466e 100%);
}

.workspace-draft-save-notice-mark {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 15px;
  color: #fff;
  font-size: 1rem;
  font-weight: 950;
  background: linear-gradient(145deg, #24a878, #12724f);
  box-shadow: 0 9px 22px rgba(22, 135, 95, 0.24);
}

.workspace-draft-save-notice[data-tone="saved"] .workspace-draft-save-notice-mark {
  width: 100%;
  height: 100%;
  min-height: 100px;
  border-radius: 0;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
  background: linear-gradient(90deg, #0a0a10 0%, #17161f 58%, #252130 100%);
  box-shadow: none;
}

.workspace-draft-save-notice[data-tone="denied"] .workspace-draft-save-notice-mark {
  background: linear-gradient(145deg, #dc6288, #a93860);
  box-shadow: 0 9px 22px rgba(183, 68, 112, 0.24);
}

.workspace-draft-save-notice-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.workspace-draft-save-notice[data-tone="saved"] .workspace-draft-save-notice-copy {
  align-content: center;
  padding: 14px 18px;
}

.workspace-draft-save-notice-copy small {
  color: #7549e9;
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.workspace-draft-save-notice-copy strong {
  font-size: 1rem;
  line-height: 1.15;
}

.workspace-draft-save-notice-copy > span {
  overflow: hidden;
  color: #3f3b43;
  font-size: 0.78rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-draft-save-notice-copy em {
  color: #6f6973;
  font-size: 0.68rem;
  font-style: normal;
  line-height: 1.35;
}

@media (max-width: 640px) {
  .workspace-draft-save-notice {
    top: calc(env(safe-area-inset-top, 0px) + var(--header-height, 64px) + 12px);
    right: 16px;
    bottom: auto;
    left: 16px;
    width: auto;
    padding: 14px 16px;
    border-radius: 18px;
    transform: translate3d(12px, -8px, 0) scale(0.98);
  }

  .workspace-draft-save-notice[data-tone="saved"] {
    grid-template-columns: 74px minmax(0, 1fr);
    min-height: 96px;
    padding: 0;
  }

  .workspace-draft-save-notice[data-tone="saved"] .workspace-draft-save-notice-mark {
    min-height: 96px;
    font-size: 2.3rem;
  }

  .workspace-draft-save-notice[data-tone="saved"] .workspace-draft-save-notice-copy {
    padding: 13px 15px;
  }

  .workspace-draft-save-notice.is-visible {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.workspace-track-remove-notice {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + var(--header-height, 72px) + clamp(14px, 2vw, 22px));
  right: clamp(18px, 3vw, 42px);
  z-index: 220;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: min(390px, calc(100vw - 32px));
  padding: 14px 15px;
  overflow: hidden;
  border: 1px solid #dbcfd4;
  border-radius: 18px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 24px 56px rgba(17, 16, 22, .18);
  opacity: 0;
  visibility: hidden;
  transform: translate3d(18px, -8px, 0) scale(.98);
  transition: opacity 220ms ease, transform 300ms cubic-bezier(.2, .85, .25, 1), visibility 220ms ease;
}
.workspace-track-remove-notice[hidden] { display: none; }
.workspace-track-remove-notice.is-visible { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0) scale(1); }
.workspace-track-remove-notice-mark {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(145deg, #d5536d, #9c2942);
  font-size: 1.25rem;
  font-weight: 900;
}
.workspace-track-remove-notice > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.workspace-track-remove-notice small { color: #9b3150; font-size: .61rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.workspace-track-remove-notice strong { overflow: hidden; color: #29242d; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-track-remove-notice button {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #bcaadb;
  border-radius: 999px;
  color: #5634a7;
  background: #f8f4ff;
  font-size: .72rem;
  font-weight: 900;
}

@media (max-width: 640px) {
  .workspace-track-remove-notice {
    top: calc(env(safe-area-inset-top, 0px) + var(--header-height, 64px) + 12px);
    right: 16px;
    left: 16px;
    width: auto;
  }
}

@keyframes workspace-draft-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 1040px) {
  .workspace-build-progress-panel {
    grid-template-columns: minmax(0, 1fr) minmax(315px, 0.9fr);
  }

  .workspace-build-visual {
    min-height: 470px;
  }
}

@media (max-width: 820px) {
  .workspace-build-progress {
    margin-top: 18px;
    border-radius: 22px;
  }

  .workspace-build-progress-panel {
    grid-template-columns: 1fr;
  }

  .workspace-build-visual {
    min-height: 390px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .workspace-build-progress-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .workspace-build-progress-footer > small {
    text-align: left;
  }
}

@media (max-width: 560px) {
  .workspace-build-progress {
    gap: 18px;
    margin-right: -4px;
    margin-left: -4px;
    padding: 18px;
    border-radius: 20px;
  }

  .workspace-build-progress-head {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .workspace-build-progress-head h2 {
    max-width: 9ch;
  }

  .workspace-build-progress-total {
    grid-template-columns: 1fr auto;
    align-items: end;
    justify-items: start;
    min-width: 0;
  }

  .workspace-build-progress-total strong {
    justify-self: end;
  }

  .workspace-build-progress-panel {
    min-height: 0;
    border-radius: 18px;
  }

  .workspace-build-visual {
    min-height: 320px;
    padding: 22px;
  }

  .workspace-build-aurora {
    inset: 3% -27% 27%;
  }

  .workspace-build-milestones {
    padding: 22px;
  }

  .workspace-build-milestones-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .workspace-job-stage {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .workspace-job-stage > b {
    width: 28px;
    height: 28px;
  }

  .workspace-job-stage > span {
    grid-column: 2;
    text-align: left;
  }

  .workspace-build-progress-actions {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
  }

  .workspace-build-progress-actions button,
  .workspace-build-progress-actions a {
    width: 100%;
  }
}

.workspace-lyrics-track-workspace-actions {
  display: inline-grid !important;
  grid-template-columns: 44px auto;
  align-items: center;
  justify-content: end;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid #b9a9e5;
  border-radius: 999px;
  background: #eee9fa;
  box-shadow: 0 8px 20px rgba(83, 60, 137, .1);
}

.workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #493679;
  box-shadow: none;
}
.workspace-lyrics-editor-launch > span {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #836bd0;
  font-size: .76rem;
}
.workspace-lyrics-editor-launch > strong { font: inherit; }
.workspace-lyrics-track-workspace-actions .workspace-lyrics-next-slot {
  display: grid;
  width: 44px;
  min-height: 42px;
  padding: 0;
  place-items: center;
  border: 0;
  border-right: 1px solid #c4b7e5;
  border-radius: 0;
  color: #5c439d;
  background: rgba(255, 255, 255, .34);
  box-shadow: none;
  font-size: 1.45rem;
  line-height: 1;
}
.workspace-lyrics-track-workspace-actions .workspace-lyrics-next-slot:hover:not(:disabled),
.workspace-lyrics-track-workspace-actions .workspace-lyrics-next-slot:focus-visible {
  border-color: #8468d1;
  color: #fff;
  background: #8468d1;
}
.workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch:hover,
.workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch:focus-visible {
  color: #fff;
  background: #6750a4;
}

body.has-lyrics-studio-editor { overflow: hidden; }

.workspace-lyrics-studio-editor[hidden] { display: none; }
.workspace-lyrics-studio-editor {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(10, 9, 13, .78);
  backdrop-filter: blur(14px);
}

.workspace-lyrics-studio-editor-dialog {
  display: grid;
  width: min(1480px, 100%);
  height: min(920px, calc(100dvh - 44px));
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 28px;
  background: #fbfaf7;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .38);
}

.workspace-lyrics-studio-editor-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  padding: 24px 28px;
  border-bottom: 1px solid #ddd7cd;
  background:
    radial-gradient(circle at 88% -20%, rgba(98, 220, 226, .28), transparent 34%),
    radial-gradient(circle at 58% -40%, rgba(130, 89, 246, .25), transparent 38%),
    #fffdfa;
}

.workspace-lyrics-studio-editor-head small,
.workspace-lyrics-studio-editor-tracks > small,
.workspace-lyrics-studio-editor-assist > div:first-child small,
.workspace-lyrics-studio-editor-suggestion-head small {
  color: #6d51df;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace-lyrics-studio-editor-head h2 {
  margin: 2px 0 4px;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: .95;
  letter-spacing: -.055em;
}

.workspace-lyrics-studio-editor-head p {
  max-width: 760px;
  margin: 0;
  color: #665f6d;
}

.workspace-lyrics-studio-editor-head > div:last-child {
  display: flex;
  align-items: center;
  gap: 12px;
}

.workspace-lyrics-studio-editor-head > div:last-child span {
  color: #2f8a70;
  font-size: .76rem;
  font-weight: 850;
}

.workspace-lyrics-studio-editor-head [data-close-lyrics-studio-editor] {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid #d6d0c7;
  border-radius: 50%;
  background: #fff;
  color: #17151b;
  font-size: 1.65rem;
  line-height: 1;
}

.workspace-lyrics-studio-editor-layout {
  display: grid;
  min-height: 0;
  grid-template-columns: 250px minmax(0, 1fr);
}

.workspace-lyrics-studio-editor-tracks {
  min-height: 0;
  overflow: auto;
  padding: 24px 18px;
  border-right: 1px solid #ded8cf;
  background: #f0ede7;
}

.workspace-lyrics-studio-editor-tracks > strong {
  display: block;
  margin: 4px 0 18px;
  font-size: 1.05rem;
}

.workspace-lyrics-studio-editor-tracks > div {
  display: grid;
  gap: 8px;
}

.workspace-lyrics-studio-editor-tracks button {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 8px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  border: 1px solid #d2cbc1;
  border-radius: 14px;
  background: #fff;
  color: #17151b;
  text-align: left;
}

.workspace-lyrics-studio-editor-tracks button > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 11px;
  background: #ebe6ff;
  color: #6844de;
  font-size: .72rem;
  font-weight: 950;
}

.workspace-lyrics-studio-editor-tracks button > strong {
  overflow: hidden;
  font-size: .78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-lyrics-studio-editor-tracks button > i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d4cec5;
}

.workspace-lyrics-studio-editor-tracks button[data-state="started"] > i { background: #48b996; }
.workspace-lyrics-studio-editor-tracks button[aria-current="true"] {
  border-color: #7957e6;
  background: #17151b;
  color: #fff;
  box-shadow: 0 9px 22px rgba(66, 45, 135, .2);
}

.workspace-lyrics-studio-editor-main {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 22px 26px 34px;
  background: #fffdfa;
}

.workspace-lyrics-studio-editor-title-field {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid #ddd4ea;
  border-radius: 16px;
  background: #faf8fc;
}
.workspace-lyrics-studio-editor-title-field > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.workspace-lyrics-studio-editor-title-field > div:first-child > span { display: grid; gap: 2px; }
.workspace-lyrics-studio-editor-title-field span strong { font-size: .78rem; font-weight: 900; }
.workspace-lyrics-studio-editor-title-field span small { color: #706879; font-size: .7rem; }
.workspace-lyrics-studio-editor-title-field > div:first-child > label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .72rem;
  cursor: pointer;
}
.workspace-lyrics-studio-editor-title-field > div:first-child > label input {
  width: 18px;
  height: 18px;
  accent-color: #7957df;
}
.workspace-lyrics-studio-editor-title-field > div:nth-child(2) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.workspace-lyrics-studio-editor-title-field > div:nth-child(2)[hidden] { display: none; }
.workspace-lyrics-studio-editor-title-field input[type="text"] {
  min-width: 0;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #d2cbc1;
  border-radius: 13px;
  color: #17151b;
  background: #fff;
  font: inherit;
}
.workspace-lyrics-studio-editor-title-field button {
  min-height: 44px;
  padding: 0 16px;
  border-color: #c7b8ee;
  color: #50358f;
  background: #eee8fb;
}
.workspace-lyrics-studio-editor-title-field button:disabled { opacity: .48; cursor: not-allowed; }
.workspace-lyrics-studio-editor-title-field > small { color: #756d7c; font-size: .7rem; }
.workspace-lyrics-studio-editor-title-field > small[data-state="pending"] { color: #7751d6; font-weight: 800; }
.workspace-lyrics-studio-editor-title-field > small[data-state="saved"] { color: #2f876d; font-weight: 800; }

.workspace-lyrics-studio-editor-canvas {
  overflow: hidden;
  border: 1px solid #d9d2c8;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(54, 44, 33, .08);
}

.workspace-lyrics-studio-editor-canvas-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 16px;
  border-bottom: 1px solid #e3ddd4;
  background: #f6f2ec;
  font-size: .78rem;
}

.workspace-lyrics-studio-editor-canvas-head span { font-weight: 900; }
.workspace-lyrics-studio-editor-canvas-head small { color: #736b78; }

.workspace-lyrics-studio-editor-canvas textarea {
  display: block;
  width: 100%;
  min-height: 360px;
  resize: vertical;
  padding: 22px;
  border: 0;
  outline: 0;
  background: #fff;
  color: #17151b;
  font: 750 .96rem/1.7 "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.workspace-lyrics-studio-editor-selection {
  padding: 11px 16px;
  border-top: 1px solid #e3ddd4;
  background: #f7f4ef;
  color: #726b77;
  font-size: .78rem;
  font-weight: 750;
}

.workspace-lyrics-studio-editor-selection[data-state="ready"] {
  background: #e9fbf5;
  color: #1f735d;
}

.workspace-lyrics-studio-editor-assist,
.workspace-lyrics-studio-editor-suggestion {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid #d9d2c8;
  border-radius: 20px;
  background: #f7f3ed;
}

.workspace-lyrics-studio-editor-assist h3,
.workspace-lyrics-studio-editor-suggestion h3 { margin: 2px 0 0; font-size: 1.08rem; }

.workspace-lyrics-studio-editor-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.workspace-lyrics-studio-editor-presets button,
.workspace-lyrics-studio-editor-custom button,
.workspace-lyrics-studio-editor-suggestion button,
.workspace-lyrics-studio-editor-footer button {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #cbc3b8;
  border-radius: 12px;
  background: #fff;
  color: #17151b;
  font: inherit;
  font-size: .78rem;
  font-weight: 900;
}

.workspace-lyrics-studio-editor-presets button:hover:not(:disabled),
.workspace-lyrics-studio-editor-presets button:focus-visible,
.workspace-lyrics-studio-editor-custom button:hover:not(:disabled),
.workspace-lyrics-studio-editor-custom button:focus-visible { border-color: #7653e5; color: #6844de; }

.workspace-lyrics-studio-editor-presets button:disabled,
.workspace-lyrics-studio-editor-custom button:disabled { cursor: not-allowed; opacity: .42; }

.workspace-lyrics-studio-editor-custom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 10px;
}

.workspace-lyrics-studio-editor-custom input {
  min-width: 0;
  height: 42px;
  padding: 0 13px;
  border: 1px solid #cbc3b8;
  border-radius: 12px;
  background: #fff;
  font: inherit;
  font-size: .82rem;
}

.workspace-lyrics-studio-editor-custom button { border-color: #17151b; background: #17151b; color: #fff; }
.workspace-lyrics-studio-editor-assist > p { margin: 12px 0 0; color: #6d6672; font-size: .78rem; }
.workspace-lyrics-studio-editor-assist > p.is-error { color: #b52e38; }
.workspace-lyrics-studio-editor-assist > p.is-success { color: #237b62; }

.workspace-lyrics-studio-editor-suggestion-head,
.workspace-lyrics-studio-editor-suggestion-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.workspace-lyrics-studio-editor-suggestion-head > button { min-height: 34px; }
.workspace-lyrics-studio-editor-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0; }
.workspace-lyrics-studio-editor-compare > div { padding: 14px; border: 1px solid #ddd5ca; border-radius: 14px; background: #fff; }
.workspace-lyrics-studio-editor-compare > div:last-child { border-color: #ae9aef; background: #f2edff; }
.workspace-lyrics-studio-editor-compare span { color: #736b78; font-size: .67rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.workspace-lyrics-studio-editor-compare p { margin: 8px 0 0; white-space: pre-wrap; font-size: .88rem; line-height: 1.55; }
.workspace-lyrics-studio-editor-suggestion-actions { justify-content: flex-end; }
.workspace-lyrics-studio-editor-suggestion-actions [data-apply-lyrics-studio-editor-suggestion] { border-color: #17151b; background: #17151b; color: #fff; }

.workspace-lyrics-studio-editor-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 24px;
  border-top: 1px solid #ddd7cd;
  background: #17151b;
  color: #fff;
}

.workspace-lyrics-studio-editor-footer span { color: #d5cedd; font-size: .76rem; }
.workspace-lyrics-studio-editor-footer button { min-height: 44px; padding-inline: 20px; }

/* Focused Lyrics Studio workspace */
.workspace-lyrics-studio-editor {
  place-items: stretch;
  padding: 0;
  background:
    radial-gradient(circle at 11% 12%, rgba(117, 65, 210, .24), transparent 28%),
    radial-gradient(circle at 92% 82%, rgba(208, 57, 167, .16), transparent 30%),
    rgba(5, 5, 8, .9);
  backdrop-filter: blur(18px);
}

.workspace-lyrics-studio-editor-dialog {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  border: 0;
  border-radius: 0;
  background: #101014;
  color: #f6f2fb;
  box-shadow: none;
}

.workspace-lyrics-studio-editor-head {
  align-items: center;
  gap: clamp(22px, 1.7vw, 36px);
  padding: clamp(18px, 1.35vw, 28px) clamp(22px, 1.9vw, 38px);
  border-bottom-color: #30283a;
  background:
    radial-gradient(circle at 72% -80%, rgba(97, 91, 238, .26), transparent 46%),
    linear-gradient(100deg, #111116 0%, #17131d 58%, #111a1d 100%);
}

.workspace-lyrics-studio-editor-brand { display: flex; align-items: center; gap: clamp(14px, 1vw, 22px); }
.workspace-lyrics-studio-editor-brand > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: clamp(46px, 3.25vw, 66px);
  height: clamp(46px, 3.25vw, 66px);
  border: 1px solid rgba(203, 139, 255, .55);
  border-radius: 14px;
  background: linear-gradient(145deg, #7a47ec, #c43cac);
  box-shadow: 0 10px 26px rgba(123, 65, 213, .34);
}
.workspace-lyrics-studio-editor-brand > span i { width: clamp(3px, .22vw, 4px); border-radius: 99px; background: #fff; }
.workspace-lyrics-studio-editor-brand > span i:nth-child(1),
.workspace-lyrics-studio-editor-brand > span i:nth-child(5) { height: clamp(13px, 1vw, 20px); opacity: .72; }
.workspace-lyrics-studio-editor-brand > span i:nth-child(2),
.workspace-lyrics-studio-editor-brand > span i:nth-child(4) { height: clamp(23px, 1.7vw, 34px); }
.workspace-lyrics-studio-editor-brand > span i:nth-child(3) { height: clamp(31px, 2.2vw, 44px); }
.workspace-lyrics-studio-editor-head small,
.workspace-lyrics-studio-editor-tracks > small,
.workspace-lyrics-studio-editor-assist > div:first-child small,
.workspace-lyrics-studio-editor-suggestion-head small { color: #bd77ff; font-size: clamp(.7rem, .58vw, .86rem); }
.workspace-lyrics-studio-editor-head h2 { margin: 1px 0 3px; color: #fff; font-size: clamp(1.5rem, 2.15vw, 3.15rem); letter-spacing: -.045em; }
.workspace-lyrics-studio-editor-head p { max-width: 62vw; color: #aba3b2; font-size: clamp(.82rem, .72vw, 1.04rem); }
.workspace-lyrics-studio-editor-head > div:last-child span { color: #6cdbbb; }
.workspace-lyrics-studio-editor-head [data-close-lyrics-studio-editor] {
  width: clamp(44px, 3vw, 60px);
  height: clamp(44px, 3vw, 60px);
  border-color: #4b4056;
  background: #1a181f;
  color: #fff;
}
.workspace-lyrics-studio-editor-head [data-close-lyrics-studio-editor]:hover,
.workspace-lyrics-studio-editor-head [data-close-lyrics-studio-editor]:focus-visible { border-color: #b06aff; background: #2b2039; }

.workspace-lyrics-studio-editor-layout {
  overflow: hidden;
  grid-template-columns:
    clamp(72px, 4.75vw, 104px)
    clamp(220px, 14.5vw, 310px)
    minmax(460px, 1fr)
    clamp(292px, 19vw, 390px);
  background: #101014;
}

.workspace-lyrics-studio-editor-tools {
  display: flex;
  min-height: 0;
  flex-direction: column;
  gap: clamp(8px, .6vw, 12px);
  overflow: auto;
  padding: clamp(18px, 1.35vw, 28px) clamp(10px, .75vw, 16px);
  border-right: 1px solid #2a2530;
  background: #0c0c10;
}
.workspace-lyrics-studio-editor-tools button {
  position: relative;
  display: grid;
  gap: 5px;
  min-height: clamp(62px, 4.9vw, 92px);
  padding: clamp(8px, .65vw, 13px) 4px;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 14px;
  color: #91899b;
  background: transparent;
  font: inherit;
}
.workspace-lyrics-studio-editor-tools button > span {
  display: grid;
  width: clamp(28px, 2vw, 40px);
  height: clamp(28px, 2vw, 40px);
  place-items: center;
  border-radius: 9px;
  background: #24212a;
  color: #c9c0d1;
  font-weight: 950;
}
.workspace-lyrics-studio-editor-tools button > strong { font-size: clamp(.63rem, .53vw, .8rem); }
.workspace-lyrics-studio-editor-tools button > small {
  position: absolute;
  top: 4px;
  right: 3px;
  padding: 2px 4px;
  border-radius: 999px;
  color: #ffc9f1;
  background: #6f235c;
  font-size: .45rem;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.workspace-lyrics-studio-editor-tools button[aria-current="page"] {
  border-color: #7449be;
  color: #fff;
  background: linear-gradient(145deg, rgba(113, 62, 220, .42), rgba(193, 55, 169, .25));
}
.workspace-lyrics-studio-editor-tools button[aria-current="page"] > span { color: #fff; background: linear-gradient(145deg, #7f55ee, #bc40ac); }
.workspace-lyrics-studio-editor-tools button:hover,
.workspace-lyrics-studio-editor-tools button:focus-visible { border-color: #654a82; color: #fff; background: #211a29; }

.workspace-lyrics-studio-editor-tracks {
  padding: clamp(24px, 1.7vw, 36px) clamp(18px, 1.25vw, 26px);
  border-right-color: #2c2732;
  background: #141319;
}
.workspace-lyrics-studio-editor-tracks > strong { color: #fff; font-size: clamp(1.05rem, .9vw, 1.3rem); }
.workspace-lyrics-studio-editor-tracks button {
  grid-template-columns: clamp(36px, 2.6vw, 50px) minmax(0, 1fr) 8px;
  gap: clamp(10px, .7vw, 15px);
  padding: clamp(10px, .75vw, 16px);
  border-color: #35303d;
  background: #1b1a20;
  color: #d9d3df;
}
.workspace-lyrics-studio-editor-tracks button > span {
  width: clamp(36px, 2.6vw, 50px);
  height: clamp(36px, 2.6vw, 50px);
  background: #302840;
  color: #b891ff;
  font-size: clamp(.72rem, .58vw, .88rem);
}
.workspace-lyrics-studio-editor-tracks button > strong { font-size: clamp(.78rem, .65vw, .98rem); }
.workspace-lyrics-studio-editor-tracks button > i { background: #4e4855; }
.workspace-lyrics-studio-editor-tracks button[aria-current="true"] {
  border-color: #a86cf0;
  background: linear-gradient(125deg, #6942c3, #963e91);
  color: #fff;
  box-shadow: 0 12px 28px rgba(94, 49, 164, .35);
}
.workspace-lyrics-studio-editor-tracks button[aria-current="true"] > span { color: #fff; background: rgba(255, 255, 255, .16); }

.workspace-lyrics-studio-editor-main { padding: clamp(22px, 1.7vw, 36px) clamp(26px, 2vw, 42px) clamp(34px, 2.5vw, 52px); background: #111116; }
.workspace-lyrics-studio-editor-title-field {
  gap: clamp(8px, .6vw, 12px);
  margin-bottom: clamp(14px, 1vw, 22px);
  padding: clamp(12px, .9vw, 19px) clamp(14px, 1.05vw, 22px);
  border-radius: clamp(16px, 1.15vw, 23px);
  border-color: #393040;
  background: #19171e;
}
.workspace-lyrics-studio-editor-title-field span strong { color: #fff; }
.workspace-lyrics-studio-editor-title-field span small,
.workspace-lyrics-studio-editor-title-field > small { color: #9f96a8; }
.workspace-lyrics-studio-editor-title-field > div:first-child > label { color: #dad2e3; }
.workspace-lyrics-studio-editor-title-field input[type="text"] {
  border-color: #443a4d;
  color: #fff;
  background: #0f0f13;
}
.workspace-lyrics-studio-editor-title-field input[type="text"]:focus { border-color: #9d61ef; outline: 3px solid rgba(157, 97, 239, .18); }
.workspace-lyrics-studio-editor-title-field button {
  border-color: #8554ca;
  color: #fff;
  background: linear-gradient(120deg, #6841ca, #9e3c98);
}

.workspace-lyrics-studio-editor-canvas {
  border-color: #3c3344;
  background: #0b0b0f;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .32);
}
.workspace-lyrics-studio-editor-canvas-head { border-bottom-color: #302a36; background: #1a181f; }
.workspace-lyrics-studio-editor-canvas-head span { color: #fff; }
.workspace-lyrics-studio-editor-canvas-head small { color: #9c92a6; }
.workspace-lyrics-studio-editor-canvas textarea {
  min-height: clamp(390px, 43dvh, 560px);
  padding: clamp(22px, 1.55vw, 32px);
  background:
    linear-gradient(90deg, rgba(180, 68, 210, .12), transparent 3px),
    #0d0d11;
  color: #f0ebf4;
  caret-color: #d05ee9;
  font-size: clamp(.96rem, .76vw, 1.14rem);
}
.workspace-lyrics-studio-editor-canvas textarea::selection { background: rgba(156, 89, 229, .48); color: #fff; }
.workspace-lyrics-studio-editor-selection { border-top-color: #302a36; background: #17151c; color: #978ea1; }
.workspace-lyrics-studio-editor-selection[data-state="ready"] { background: #13251f; color: #76dab9; }

.workspace-lyrics-studio-editor-assist,
.workspace-lyrics-studio-editor-suggestion {
  margin-top: clamp(16px, 1.1vw, 24px);
  padding: clamp(18px, 1.25vw, 26px);
  border-color: #3b3342;
  border-radius: clamp(20px, 1.35vw, 28px);
  background: #19171d;
}
.workspace-lyrics-studio-editor-assist h3,
.workspace-lyrics-studio-editor-suggestion h3 { color: #fff; }
.workspace-lyrics-studio-editor-presets button,
.workspace-lyrics-studio-editor-custom button,
.workspace-lyrics-studio-editor-suggestion button {
  border-color: #4a4052;
  background: #232029;
  color: #ddd5e5;
}
.workspace-lyrics-studio-editor-presets button:hover:not(:disabled),
.workspace-lyrics-studio-editor-presets button:focus-visible,
.workspace-lyrics-studio-editor-custom button:hover:not(:disabled),
.workspace-lyrics-studio-editor-custom button:focus-visible { border-color: #a367ee; color: #fff; background: #342344; }
.workspace-lyrics-studio-editor-custom input { border-color: #443a4d; background: #0f0f13; color: #fff; }
.workspace-lyrics-studio-editor-custom button,
.workspace-lyrics-studio-editor-suggestion-actions [data-apply-lyrics-studio-editor-suggestion] {
  border-color: #8e50d3;
  background: linear-gradient(120deg, #7047dc, #bb3fa5);
  color: #fff;
}
.workspace-lyrics-studio-editor-assist > p { color: #a49bab; }
.workspace-lyrics-studio-editor-assist > p.is-error { color: #ff7a91; }
.workspace-lyrics-studio-editor-assist > p.is-success { color: #6bd9b7; }
.workspace-lyrics-studio-editor-compare > div { border-color: #403747; background: #111116; }
.workspace-lyrics-studio-editor-compare > div:last-child { border-color: #8f58d4; background: #241a30; }
.workspace-lyrics-studio-editor-compare span { color: #a89caf; }
.workspace-lyrics-studio-editor-compare p { color: #f1ecf5; }

.workspace-lyrics-studio-editor-context {
  min-height: 0;
  overflow: auto;
  padding: clamp(20px, 1.4vw, 30px) clamp(16px, 1.15vw, 24px) clamp(26px, 1.8vw, 38px);
  border-left: 1px solid #2c2732;
  background: #15131a;
}
.workspace-lyrics-studio-editor-context header h3 { margin: 4px 0 6px; color: #fff; font-size: clamp(1rem, .86vw, 1.28rem); line-height: 1.15; }
.workspace-lyrics-studio-editor-context header p { margin: 0; color: #918899; font-size: clamp(.72rem, .61vw, .9rem); line-height: 1.45; }
.workspace-lyrics-studio-editor-context header > small,
.workspace-lyrics-studio-editor-context-card > span,
.workspace-lyrics-studio-editor-progress > span,
.workspace-lyrics-studio-editor-mock > div:first-child > span {
  color: #bd77ff;
  font-size: .64rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.workspace-lyrics-studio-editor-context-card,
.workspace-lyrics-studio-editor-progress,
.workspace-lyrics-studio-editor-mock {
  margin-top: 14px;
  padding: clamp(14px, 1vw, 21px);
  border: 1px solid #37313f;
  border-radius: clamp(16px, 1.1vw, 23px);
  background: #1b1920;
}
.workspace-lyrics-studio-editor-context-card dl { display: grid; gap: 9px; margin: 12px 0 0; }
.workspace-lyrics-studio-editor-context-card dl > div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 9px; padding-bottom: 8px; border-bottom: 1px solid #302b35; }
.workspace-lyrics-studio-editor-context-card dl > div:last-child { padding-bottom: 0; border-bottom: 0; }
.workspace-lyrics-studio-editor-context-card dt { color: #847c8d; font-size: .65rem; }
.workspace-lyrics-studio-editor-context-card dd { margin: 0; overflow: hidden; color: #e5dfe9; font-size: .68rem; font-weight: 750; text-overflow: ellipsis; }
.workspace-lyrics-studio-editor-progress ol { display: grid; gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }
.workspace-lyrics-studio-editor-progress li { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 9px; }
.workspace-lyrics-studio-editor-progress li > b { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #4a4351; border-radius: 50%; color: #8c8493; font-size: .66rem; }
.workspace-lyrics-studio-editor-progress li > div { display: grid; gap: 1px; }
.workspace-lyrics-studio-editor-progress li strong { color: #ddd7e2; font-size: .72rem; }
.workspace-lyrics-studio-editor-progress li small { color: #837b8a; font-size: .62rem; }
.workspace-lyrics-studio-editor-progress li[data-state="ready"] > b { border-color: #6bceae; color: #0d1613; background: #6bceae; }
.workspace-lyrics-studio-editor-progress li[data-state="ready"] small { color: #69cfad; }
.workspace-lyrics-studio-editor-progress li[data-state="attention"] > b { border-color: #b66cf0; color: #dbaaff; }
.workspace-lyrics-studio-editor-mock > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.workspace-lyrics-studio-editor-mock > div:first-child > small {
  padding: 3px 6px;
  border-radius: 999px;
  color: #ffd1f3;
  background: #6f235c;
  font-size: .52rem;
  font-weight: 950;
  text-transform: uppercase;
}
.workspace-lyrics-studio-editor-mock > p { margin: 7px 0 10px; color: #8f8797; font-size: .66rem; line-height: 1.4; }
.workspace-lyrics-studio-editor-mock > div:last-child { display: flex; flex-wrap: wrap; gap: 6px; }
.workspace-lyrics-studio-editor-mock button {
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid #443d4b;
  border-radius: 9px;
  color: #aaa1b1;
  background: #111116;
  font: inherit;
  font-size: .64rem;
  font-weight: 800;
}
.workspace-lyrics-studio-editor-mock button[aria-pressed="true"] { border-color: #a35fe7; color: #fff; background: linear-gradient(120deg, #6040bd, #8b366f); }
.workspace-lyrics-studio-editor-mock-status { margin: 12px 2px 0; color: #817987; font-size: .62rem; line-height: 1.45; }
.workspace-lyrics-studio-editor-mock-status[data-state="preview"] { color: #d795ef; }

.workspace-lyrics-studio-editor-footer { padding: clamp(14px, 1vw, 22px) clamp(24px, 1.7vw, 36px); border-top-color: #302a36; background: #0c0c10; }
.workspace-lyrics-studio-editor-footer span { color: #958b9f; font-size: clamp(.76rem, .64vw, .94rem); }
.workspace-lyrics-studio-editor-footer button {
  min-height: clamp(44px, 3.25vw, 60px);
  padding-inline: clamp(20px, 1.6vw, 34px);
  border-color: #9a5ce7;
  color: #fff;
  background: linear-gradient(120deg, #6942cf, #b63e9f);
  box-shadow: 0 10px 24px rgba(113, 56, 185, .28);
}

@media (max-width: 1240px) {
  .workspace-lyrics-studio-editor-layout { grid-template-columns: 64px 200px minmax(390px, 1fr); overflow: auto; }
  .workspace-lyrics-studio-editor-context { grid-column: 2 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; border-top: 1px solid #2c2732; border-left: 0; }
  .workspace-lyrics-studio-editor-context > header,
  .workspace-lyrics-studio-editor-mock-status { grid-column: 1 / -1; }
  .workspace-lyrics-studio-editor-context-card,
  .workspace-lyrics-studio-editor-progress,
  .workspace-lyrics-studio-editor-mock { margin-top: 0; }
}

@media (max-width: 900px) {
  .workspace-lyrics-studio-editor-dialog { height: 100dvh; }
  .workspace-lyrics-studio-editor-layout { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; overflow: auto; }
  .workspace-lyrics-studio-editor-tools {
    position: sticky;
    top: 0;
    z-index: 3;
    min-height: 61px;
    flex-direction: row;
    overflow-x: auto;
    padding: 8px 12px;
    border-right: 0;
    border-bottom: 1px solid #2c2732;
  }
  .workspace-lyrics-studio-editor-tools button { flex: 0 0 106px; grid-template-columns: 28px minmax(0, 1fr); min-height: 44px; padding: 7px 8px; place-items: center start; }
  .workspace-lyrics-studio-editor-tools button > strong { font-size: .66rem; }
  .workspace-lyrics-studio-editor-tracks { min-height: 122px; padding: 13px 16px; border-right: 0; border-bottom: 1px solid #2c2732; }
  .workspace-lyrics-studio-editor-tracks > strong { display: inline; margin: 0 12px 0 4px; }
  .workspace-lyrics-studio-editor-tracks > div { display: flex; margin-top: 10px; overflow-x: auto; }
  .workspace-lyrics-studio-editor-tracks button { flex: 0 0 174px; }
  .workspace-lyrics-studio-editor-main { min-height: auto; overflow: visible; }
  .workspace-lyrics-studio-editor-context {
    grid-column: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: auto;
    overflow: visible;
    padding: 18px 16px 24px;
    border-top: 1px solid #2c2732;
    border-left: 0;
  }
}

@media (max-width: 620px) {
  .workspace-lyrics-track-workspace-actions { width: 100%; grid-template-columns: 44px minmax(0, 1fr); justify-content: stretch; }
  .workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch { justify-content: center; gap: 6px; width: 100%; padding-inline: 8px; }
  .workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch > span { width: 24px; height: 24px; }
  .workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch > strong { white-space: nowrap; }
  .workspace-lyrics-track-workspace-actions .workspace-lyrics-next-slot { width: 44px; }
  .workspace-lyrics-studio-editor { padding: 0; }
  .workspace-lyrics-studio-editor-dialog { width: 100%; height: 100dvh; border: 0; border-radius: 0; }
  .workspace-lyrics-studio-editor-head { gap: 12px; padding: 16px; }
  .workspace-lyrics-studio-editor-head p { display: none; }
  .workspace-lyrics-studio-editor-head > div:last-child span { display: none; }
  .workspace-lyrics-studio-editor-brand > span { width: 38px; height: 38px; border-radius: 11px; }
  .workspace-lyrics-studio-editor-head h2 { font-size: 1.35rem; }
  .workspace-lyrics-studio-editor-tools button { flex-basis: 96px; }
  .workspace-lyrics-studio-editor-main { padding: 14px 12px 26px; }
  .workspace-lyrics-studio-editor-title-field > div:first-child { align-items: flex-start; flex-direction: column; }
  .workspace-lyrics-studio-editor-title-field > div:nth-child(2) { grid-template-columns: 1fr; }
  .workspace-lyrics-studio-editor-title-field button { width: 100%; }
  .workspace-lyrics-studio-editor-canvas textarea { min-height: 310px; padding: 16px; font-size: .86rem; }
  .workspace-lyrics-studio-editor-canvas-head { align-items: flex-start; flex-direction: column; gap: 2px; }
  .workspace-lyrics-studio-editor-compare { grid-template-columns: 1fr; }
  .workspace-lyrics-studio-editor-custom { grid-template-columns: 1fr; }
  .workspace-lyrics-studio-editor-footer { padding: 10px 12px; }
  .workspace-lyrics-studio-editor-footer span { display: none; }
  .workspace-lyrics-studio-editor-footer button { width: 100%; }
  .workspace-lyrics-studio-editor-context { grid-template-columns: 1fr; padding: 16px 12px 22px; }
  .workspace-lyrics-studio-editor-context > header,
  .workspace-lyrics-studio-editor-mock-status { grid-column: auto; }
}

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

/* Task 48 cascade seal: these final rules intentionally follow all legacy lyric layouts. */
.workspace-lyrics-panel [data-manual-lyrics] { gap: 0; }
.workspace-lyrics-editor {
  gap: 0;
  padding: 0;
  overflow: visible;
  border-color: #d9d0e4;
  border-radius: 18px;
  background: #fffefd;
  box-shadow: 0 16px 38px rgba(53, 38, 73, .07);
}
.workspace-lyrics-editor .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}
.workspace-lyrics-track-workspace {
  gap: 0;
  padding: 18px 20px 0;
  border: 0;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(115deg, rgba(247, 243, 255, .82), rgba(248, 253, 252, .72));
}
.workspace-lyrics-track-workspace-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding-bottom: 16px;
}
.workspace-lyrics-track-workspace-head > div { display: flex; align-items: center; gap: 10px; }
.workspace-lyrics-track-navigation { min-width: 0; }
.workspace-lyrics-track-navigation > strong { min-width: 88px; color: #1c1922; font-size: .92rem; white-space: nowrap; }
.workspace-lyrics-track-stepper { display: flex; align-items: center; gap: 8px; min-width: 0; }
.workspace-lyrics-track-stepper > button {
  display: grid;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0;
  place-items: center;
  border: 1px solid #d8d0df;
  border-radius: 50%;
  color: #605969;
  background: rgba(255, 255, 255, .76);
  font-size: 1.15rem;
  line-height: 1;
}
.workspace-lyrics-track-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  overflow: visible;
  scrollbar-width: none;
}
.workspace-lyrics-track-tabs button {
  position: relative;
  display: block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  flex: 0 0 14px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 50%;
  color: transparent;
  background: transparent;
  box-shadow: none;
  font-size: 0;
}
.workspace-lyrics-track-tabs button > span,
.workspace-lyrics-track-tabs button > strong { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.workspace-lyrics-track-tabs button > i { position: static; display: block; width: 9px; height: 9px; margin: 2.5px; border-radius: 50%; }
.workspace-lyrics-track-tabs button[aria-selected="true"] { border: 0; color: transparent; background: transparent; box-shadow: none; }
.workspace-lyrics-track-tabs button[aria-selected="true"] > i { border-color: #7554d7; background: #7554d7; box-shadow: 0 0 0 4px rgba(117, 84, 215, .16); transform: scale(1.12); }
.workspace-lyrics-track-workspace-actions {
  display: flex !important;
  width: auto;
  align-items: center;
  justify-content: flex-end;
  gap: 10px !important;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.workspace-lyrics-generation-allowance { min-height: 28px; margin: 0; padding: 5px 10px; border-radius: 999px; font-size: .67rem; white-space: nowrap; }
.workspace-lyrics-generation-allowance::before { width: 6px; height: 6px; margin-right: 7px; box-shadow: none; }
.workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch {
  display: inline-flex;
  width: auto;
  min-height: 36px;
  padding: 4px 12px 4px 5px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #b9a7df;
  border-radius: 999px;
  color: #37235e;
  background: #f7f3ff;
  box-shadow: none;
  font-size: .78rem;
}
.workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch > span { width: 26px; height: 26px; }
.workspace-lyrics-track-setup .workspace-lyrics-track-settings { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 0 16px; border-top: 0; }
.workspace-lyrics-editor > label { padding: 16px 20px 9px; }
.workspace-lyrics-canvas { margin: 0 20px; border-radius: 13px 13px 0 0; }
.workspace-lyrics-canvas textarea { min-height: 330px; border-radius: 13px 13px 0 0; }
.workspace-lyrics-canvas-status { align-items: center; flex-direction: row; min-height: 38px; margin: 0 20px; padding: 7px 11px; border-color: #ded7cf; border-radius: 0 0 13px 13px; }
.workspace-lyrics-canvas-status > strong:last-of-type { margin-left: auto; color: #756d79; font-size: .7rem; font-weight: 700; }
.workspace-lyrics-budget-meter { height: 4px; margin: 9px 20px 0; }
.workspace-lyrics-panel .workspace-lyrics-budget-note { margin: 7px 20px 0; }
.workspace-lyrics-inline-detail { margin-inline: 20px; }
.workspace-lyrics-actions { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 42px; gap: 9px; margin: 15px 20px 20px; }
.workspace-lyrics-actions .workspace-secondary-button { width: 100%; min-height: 44px; border-radius: 12px; }
.workspace-lyrics-review { margin: 0 20px 20px; }

@media (max-width: 760px) {
  .workspace-lyrics-track-workspace { padding: 14px 13px 0; }
  .workspace-lyrics-track-workspace-head { grid-template-columns: 1fr; gap: 11px; }
  .workspace-lyrics-track-workspace-head > div { align-items: center; flex-direction: row; }
  .workspace-lyrics-track-navigation { justify-content: space-between; }
  .workspace-lyrics-track-navigation > strong { min-width: auto; }
  .workspace-lyrics-track-workspace-actions { display: grid !important; grid-template-columns: auto minmax(0, 1fr); width: 100%; justify-content: stretch; gap: 8px !important; }
  .workspace-lyrics-generation-allowance { max-width: 100%; white-space: nowrap; }
  .workspace-lyrics-track-workspace-actions .workspace-lyrics-editor-launch { width: 100%; padding-inline: 5px 9px; }
  .workspace-lyrics-track-tabs { gap: 6px; }
  .workspace-lyrics-track-tabs button { width: 12px; min-width: 12px; height: 12px; min-height: 12px; flex-basis: 12px; }
  .workspace-lyrics-track-tabs button > i { width: 8px; height: 8px; margin: 2px; }
  .workspace-lyrics-track-setup .workspace-lyrics-track-settings { grid-template-columns: 1fr; }
  .workspace-lyrics-track-setup .workspace-lyrics-track-title,
  .workspace-lyrics-track-setup .workspace-lyrics-track-direction { padding-inline: 0; border-left: 0; }
  .workspace-lyrics-editor > label { align-items: center; flex-direction: row; padding: 14px 13px 8px; }
  .workspace-lyrics-editor > label small { display: none; }
  .workspace-lyrics-canvas { margin-inline: 13px; }
  .workspace-lyrics-canvas textarea { min-height: 300px; }
  .workspace-lyrics-canvas-status { align-items: center; flex-direction: row; gap: 8px; margin-inline: 13px; }
  .workspace-lyrics-canvas-status > span:first-child small { display: none; }
  .workspace-lyrics-canvas-status > strong:last-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .workspace-lyrics-budget-meter { margin-inline: 13px; }
  .workspace-lyrics-panel .workspace-lyrics-budget-note,
  .workspace-lyrics-inline-detail { margin-inline: 13px; }
  .workspace-lyrics-actions { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px; gap: 6px; margin: 13px; }
  .workspace-lyrics-actions .workspace-secondary-button { padding-inline: 8px; font-size: .75rem; }
  .workspace-lyrics-review { margin: 0 13px 13px; }
}

/* Task 55 production-order overrides */
.workspace-lyrics-review-head[hidden] { display: none; }
.workspace-lyrics-review[data-status="clear"] { gap: 9px; padding-top: 13px; }
.workspace-lyrics-checks,
.workspace-lyrics-structure-details {
  overflow: hidden;
  border: 1px solid #ded6e7;
  border-radius: 13px;
  background: #fbf9fd;
  box-shadow: 0 4px 13px rgba(58, 45, 77, .035);
}
.workspace-lyrics-checks > summary,
.workspace-lyrics-structure-details > summary {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 12px;
  min-height: 52px;
  padding: 9px 14px;
  align-items: center;
  gap: 10px;
  color: #29242e;
  background: transparent;
  cursor: pointer;
  list-style: none;
}
.workspace-lyrics-checks > summary > span,
.workspace-lyrics-structure-details > summary > span { font-size: .8rem; font-weight: 860; }
.workspace-lyrics-checks > summary > b,
.workspace-lyrics-structure-details > summary > b { color: #6d6472; font-size: .68rem; font-weight: 790; white-space: nowrap; }
.workspace-lyrics-checks > summary::after,
.workspace-lyrics-structure-details > summary::after {
  width: 8px;
  height: 8px;
  margin: -4px 1px 0 0;
  border-right: 2px solid #756b7b;
  border-bottom: 2px solid #756b7b;
  color: transparent;
  content: "";
  font-size: 0;
  transform: rotate(45deg);
}
.workspace-lyrics-checks[open] > summary,
.workspace-lyrics-structure-details[open] > summary { background: #f6f2fa; }
.workspace-lyrics-checks[open] > summary::after,
.workspace-lyrics-structure-details[open] > summary::after { margin-top: 4px; transform: rotate(225deg); }
.workspace-lyrics-structure-details > .workspace-lyrics-structured { margin: 12px 14px 0; padding-right: 8px; }
.workspace-lyrics-structure-details > p { padding: 8px 14px 13px; }
@media (max-width: 560px) {
  .workspace-lyrics-checks > summary,
  .workspace-lyrics-structure-details > summary { grid-template-columns: 30px minmax(0, 1fr) auto 10px; padding-inline: 11px; gap: 8px; }
  .workspace-lyrics-structure-details > .workspace-lyrics-structured { margin-inline: 11px; }
}

/* Task 49 production-order overrides */
.workspace-lyrics-track-tabs button[data-state="started"] > i { border-color: #9676df; background: #9676df; }
.workspace-lyrics-track-tabs button[aria-selected="true"] > i {
  border-color: #4e328f;
  background: #7350cf;
  box-shadow: 0 0 0 2px #4e328f, 0 0 0 6px rgba(115, 80, 207, .2), 0 0 14px rgba(82, 49, 150, .28);
  transform: scale(1.08);
}
.workspace-lyrics-track-stepper > button[data-action="add"] { border-color: #a98ee5; color: #6844c4; background: #f5f0ff; font-size: 1rem; font-weight: 900; }
.workspace-lyrics-generation-allowance {
  position: relative;
  display: inline-flex;
  width: auto;
  min-width: 42px;
  max-width: 42px;
  min-height: 30px;
  margin: 0;
  padding: 5px 10px;
  overflow: visible;
  align-items: center;
  gap: 6px;
  border: 1px solid #d3c4f3;
  border-radius: 999px;
  color: #54377f;
  background: #f7f3ff;
  box-shadow: none;
  font-size: .68rem;
  font-weight: 900;
  white-space: nowrap;
  cursor: help;
}
.workspace-lyrics-generation-allowance::before { width: 7px; height: 7px; margin: 0; flex: 0 0 7px; background: #815dd8; box-shadow: 0 0 0 3px rgba(129, 93, 216, .13); }
.workspace-lyrics-generation-allowance:hover,
.workspace-lyrics-generation-allowance:focus-visible,
.workspace-lyrics-generation-allowance[aria-expanded="true"] { max-width: 220px; border-color: #9e82df; box-shadow: 0 0 0 3px rgba(126, 88, 215, .1); }
.workspace-lyrics-track-title-editor { position: relative; display: block; }
.workspace-lyrics-track-title-editor input { padding-right: 78px; }
.workspace-lyrics-track-title-editor button,
.workspace-lyrics-track-title-editor button:disabled { position: absolute; right: 4px; top: 4px; width: auto; min-height: 38px; padding: 0 13px; border: 0; border-radius: 8px; }
.workspace-lyrics-options-row { justify-content: space-between; margin: 13px 20px 0; padding: 0; border: 0; }
.workspace-lyrics-options-row > * + * { margin-left: 0; padding-left: 0; border-left: 0; }
.workspace-lyrics-generation-context { min-height: 32px; margin-left: auto; padding: 5px 9px; border-radius: 999px; font-size: .68rem; }
.workspace-lyrics-panel > [data-manual-lyrics] .workspace-lyrics-policy { margin: 11px 20px 0; color: #6d6571; font-size: .7rem; line-height: 1.45; }
@media (max-width: 760px) {
  .workspace-lyrics-generation-allowance { max-width: 42px; }
  .workspace-lyrics-generation-allowance:hover,
  .workspace-lyrics-generation-allowance:focus-visible,
  .workspace-lyrics-generation-allowance[aria-expanded="true"] { max-width: 210px; }
  .workspace-lyrics-options-row,
  .workspace-lyrics-panel > [data-manual-lyrics] .workspace-lyrics-policy { margin-inline: 13px; }
  .workspace-lyrics-track-title-editor button,
  .workspace-lyrics-track-title-editor button:disabled { width: auto; }
}

/* Task 86: give the full 800-character Track direction its own expressive row. */
.workspace-lyrics-track-setup .workspace-lyrics-track-settings {
  grid-template-columns: minmax(0, 1fr);
}
.workspace-lyrics-track-setup .workspace-lyrics-track-title {
  padding: 14px 0 16px;
  border-bottom: 1px solid rgba(115, 91, 163, .18);
}
.workspace-lyrics-track-setup .workspace-lyrics-track-direction {
  padding: 16px 0 2px;
  border-left: 0;
}
.workspace-lyrics-track-setup .workspace-lyrics-track-direction-editor textarea {
  min-height: 168px;
}

@media (max-width: 760px) {
  .workspace-lyrics-track-setup .workspace-lyrics-track-title { padding-block: 13px 15px; }
  .workspace-lyrics-track-setup .workspace-lyrics-track-direction { padding-block: 15px 2px; }
  .workspace-lyrics-track-setup .workspace-lyrics-track-direction-editor textarea { min-height: 148px; }
}

/* Task 89: stable remove control and blank-slot status after later workspace overrides. */
.workspace-lyrics-track-workspace-actions > .workspace-lyrics-track-remove {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px;
  height: 34px;
  flex: 0 0 34px;
}

@media (max-width: 760px) {
  .workspace-lyrics-track-workspace-actions {
    display: grid !important;
    grid-template-columns: 34px 44px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  .workspace-lyrics-track-workspace-actions > .workspace-lyrics-track-remove { grid-column: 1; }
  .workspace-lyrics-track-workspace-actions > .workspace-lyrics-generation-allowance {
    grid-column: 2;
    width: 44px;
    max-width: 44px;
    overflow: hidden;
  }
  .workspace-lyrics-track-workspace-actions > .workspace-lyrics-editor-launch {
    grid-column: 3;
    width: 100%;
    min-width: 0;
  }
  .workspace-lyrics-track-heading { min-width: 84px; }
  .workspace-lyrics-track-heading em { max-width: 104px; }
}

/* Task 90: make every logical track outcome legible before Build. */
.workspace-lyrics-track-tabs button[data-state="studio"] > i {
  border: 2px solid #58b29a;
  background: #f7fffc;
}
.workspace-lyrics-track-tabs button[data-state="custom"] > i {
  border: 2px solid #7955d6;
  background: #7955d6;
}
.workspace-lyrics-track-tabs button[data-state="instrumental"] > i {
  border: 2px solid #302b36;
  background: #302b36;
  box-shadow: inset 0 0 0 2px #a9e5d4;
}
.workspace-lyrics-track-tabs button[aria-selected="true"] > i {
  box-shadow: 0 0 0 2px #4e328f, 0 0 0 6px rgba(115, 80, 207, .2), 0 0 14px rgba(82, 49, 150, .28);
  transform: scale(1.08);
}
.workspace-lyrics-track-state-key {
  display: flex;
  min-height: 18px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #746d79;
  font-size: .61rem;
  font-weight: 760;
  line-height: 1;
}
.workspace-lyrics-track-navigation {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 6px !important;
}
.workspace-lyrics-track-navigation > .workspace-lyrics-track-heading {
  grid-column: 1;
  grid-row: 1 / 3;
}
.workspace-lyrics-track-navigation > .workspace-lyrics-track-stepper {
  grid-column: 2;
  grid-row: 1;
}
.workspace-lyrics-track-navigation > .workspace-lyrics-track-state-key {
  grid-column: 2;
  grid-row: 2;
}
.workspace-lyrics-track-state-key > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.workspace-lyrics-track-state-key i {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
}
.workspace-lyrics-track-state-key span[data-state="studio"] i {
  border: 2px solid #58b29a;
  background: #f7fffc;
}
.workspace-lyrics-track-state-key span[data-state="custom"] i {
  border: 2px solid #7955d6;
  background: #7955d6;
}
.workspace-lyrics-track-state-key span[data-state="instrumental"] i {
  border: 2px solid #302b36;
  background: #a9e5d4;
}

@media (max-width: 760px) {
  .workspace-lyrics-track-navigation { width: 100%; grid-template-columns: 84px minmax(0, 1fr); }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-heading { grid-row: 1; }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-stepper { justify-content: flex-start; }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-state-key {
    width: 100%;
    grid-column: 1 / 3;
    grid-row: 2;
    justify-content: center;
    gap: 9px;
  }
}

/* Task 91: cursor-aware, provider-safe lyric structure controls. */
.workspace-lyrics-structure-tools {
  display: grid;
  gap: 8px;
  margin: 0 20px 10px;
  padding: 10px 11px;
  border: 1px solid #ddd5e8;
  border-radius: 13px;
  background: linear-gradient(110deg, #fbf9ff, #f6fcfa);
}
.workspace-lyrics-structure-tools-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.workspace-lyrics-structure-tools-head > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.workspace-lyrics-structure-tools-head > span strong { color: #25202c; font-size: .75rem; }
.workspace-lyrics-structure-tools-head > span small { color: #746d7a; font-size: .62rem; line-height: 1.35; }
.workspace-lyrics-structure-tools-head > div,
.workspace-lyrics-structure-suggestion > div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.workspace-lyrics-structure-tools button {
  width: auto;
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid #cfc3e5;
  border-radius: 999px;
  color: #5c3eaa;
  background: #fff;
  box-shadow: none;
  font-size: .65rem;
  font-weight: 850;
  line-height: 1.1;
}
.workspace-lyrics-structure-tools button:hover:not(:disabled),
.workspace-lyrics-structure-tools button:focus-visible { border-color: #8563d7; background: #f5f0ff; }
.workspace-lyrics-structure-tools button:focus-visible { outline: 3px solid rgba(117, 80, 207, .18); outline-offset: 1px; }
.workspace-lyrics-structure-tools button:disabled { opacity: .48; cursor: default; }
.workspace-lyrics-structure-add b { margin-right: 4px; font-size: .85rem; }
.workspace-lyrics-structure-remove { color: #8b4057 !important; border-color: #e3bdc9 !important; }
.workspace-lyrics-structure-menu {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding-top: 8px;
  border-top: 1px solid rgba(105, 78, 159, .14);
}
.workspace-lyrics-structure-menu[hidden],
.workspace-lyrics-structure-suggestion[hidden],
.workspace-lyrics-structure-feedback[hidden] { display: none !important; }
.workspace-lyrics-structure-menu button { width: 100%; border-radius: 9px; color: #33284a; font-weight: 760; }
.workspace-lyrics-structure-suggestion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px;
  border: 1px solid #bfe1d6;
  border-radius: 11px;
  background: #f2fbf7;
}
.workspace-lyrics-structure-suggestion > span { display: grid; min-width: 0; gap: 2px; }
.workspace-lyrics-structure-suggestion small { color: #357b67; font-size: .58rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.workspace-lyrics-structure-suggestion strong { overflow: hidden; color: #28222f; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-lyrics-structure-suggestion em { color: #6f6874; font-size: .59rem; font-style: normal; }
.workspace-lyrics-structure-suggestion [data-apply-lyrics-structure-suggestion] { color: #fff; border-color: #6543bd; background: #6543bd; }
.workspace-lyrics-structure-feedback { color: #30745f; font-size: .62rem; font-weight: 760; line-height: 1.35; }

@media (max-width: 760px) {
  .workspace-lyrics-structure-tools { margin-inline: 13px; }
  .workspace-lyrics-structure-tools-head,
  .workspace-lyrics-structure-suggestion { align-items: stretch; flex-direction: column; }
  .workspace-lyrics-structure-tools-head > div,
  .workspace-lyrics-structure-suggestion > div { width: 100%; flex-wrap: wrap; }
  .workspace-lyrics-structure-tools-head > div button,
  .workspace-lyrics-structure-suggestion > div button { flex: 1 1 auto; }
  .workspace-lyrics-structure-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Task 92: keep track removal beside the current track identity. */
.workspace-lyrics-track-navigation > .workspace-lyrics-track-title-group {
  display: flex;
  min-width: 0;
  grid-column: 1;
  grid-row: 1 / 3;
  align-items: center;
  gap: 8px;
}
.workspace-lyrics-track-title-group > .workspace-lyrics-track-remove {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  flex: 0 0 30px;
  padding: 0;
}
.workspace-lyrics-track-title-group > .workspace-lyrics-track-remove small {
  right: auto;
  left: 0;
}
.workspace-lyrics-track-title-group > .workspace-lyrics-track-heading { min-width: 0; }

@media (max-width: 760px) {
  .workspace-lyrics-track-navigation { grid-template-columns: auto minmax(0, 1fr); }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-title-group { grid-row: 1; }
  .workspace-lyrics-track-workspace-actions { grid-template-columns: 44px minmax(0, 1fr) !important; }
  .workspace-lyrics-track-workspace-actions > .workspace-lyrics-generation-allowance { grid-column: 1; }
  .workspace-lyrics-track-workspace-actions > .workspace-lyrics-editor-launch { grid-column: 2; }
}

@media (max-width: 430px) {
  .workspace-lyrics-track-navigation { grid-template-columns: minmax(0, 1fr); }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-title-group {
    width: 100%;
    grid-column: 1;
    grid-row: 1;
  }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-stepper {
    width: 100%;
    grid-column: 1;
    grid-row: 2;
  }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-state-key {
    grid-column: 1;
    grid-row: 3;
  }
}

/* Tasks 93-94 final production cascade seal. */
.workspace-lyrics-track-tabs button[data-state="instrumental"] > i,
.workspace-lyrics-track-state-key span[data-state="instrumental"] i {
  border-color: #17151b;
  background: #17151b;
  box-shadow: none;
}
.workspace-lyrics-canvas > .workspace-lyrics-structure-tools[hidden] { display: none !important; }
@media (max-width: 760px) {
  .workspace-lyrics-canvas .workspace-lyrics-structure-tools-head { align-items: flex-start; flex-direction: row; }
  .workspace-lyrics-canvas .workspace-lyrics-structure-tools-head > div { width: auto; flex-wrap: nowrap; }
}

/* Task 97: let verified lyric disclosures belong to the review surface. */
.workspace-lyrics-review[data-status="clear"] { gap: 0; padding-top: 4px; }
.workspace-lyrics-checks,
.workspace-lyrics-structure-details {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.workspace-lyrics-checks + .workspace-lyrics-structure-details {
  border-top: 1px solid rgba(91, 74, 111, .14);
}
.workspace-lyrics-checks > summary,
.workspace-lyrics-structure-details > summary {
  min-height: 50px;
  padding: 8px 7px;
  border-radius: 10px;
}
.workspace-lyrics-checks > summary:hover,
.workspace-lyrics-structure-details > summary:hover,
.workspace-lyrics-checks[open] > summary,
.workspace-lyrics-structure-details[open] > summary {
  background: rgba(109, 77, 183, .045);
}
.workspace-lyrics-checks-body {
  margin-inline: 7px;
  padding: 12px 7px 14px;
  border-top-color: rgba(91, 74, 111, .12);
  background: transparent;
}
.workspace-lyrics-structure-details > .workspace-lyrics-structured {
  margin: 10px 7px 0;
}
.workspace-lyrics-structure-details > p { padding: 8px 7px 12px; }

@media (max-width: 560px) {
  .workspace-lyrics-checks > summary,
  .workspace-lyrics-structure-details > summary { padding-inline: 4px; }
  .workspace-lyrics-checks-body { margin-inline: 4px; padding-inline: 4px; }
  .workspace-lyrics-structure-details > .workspace-lyrics-structured { margin-inline: 4px; }
  .workspace-lyrics-structure-details > p { padding-inline: 4px; }
}

/* Task 98: restrained semantic cues make the song flow scannable. */
.workspace-lyrics-section {
  --section-accent: #777079;
  --section-wash: #f1eff1;
  border-color: color-mix(in srgb, var(--section-accent) 24%, #ddd5cd);
  border-left: 3px solid var(--section-accent);
  background: rgba(255, 255, 255, .92);
}
.workspace-lyrics-section[data-lyrics-section-role="verse"] {
  --section-accent: #57525c;
  --section-wash: #efedef;
}
.workspace-lyrics-section[data-lyrics-section-role="chorus"] {
  --section-accent: #7756ca;
  --section-wash: #f0ebfb;
}
.workspace-lyrics-section[data-lyrics-section-role="bridge"] {
  --section-accent: #4e83b8;
  --section-wash: #eaf2f9;
}
.workspace-lyrics-section[data-lyrics-section-role="outro"] {
  --section-accent: #248268;
  --section-wash: #dff5ed;
}
.workspace-lyrics-section[data-lyrics-section-role="singer"] {
  --section-accent: #69636d;
  --section-wash: #f4f2f5;
}
.workspace-lyrics-section:hover,
.workspace-lyrics-section:focus-visible {
  border-color: color-mix(in srgb, var(--section-accent) 70%, #aa96e7);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--section-accent) 10%, transparent);
}
.workspace-lyrics-section-label {
  grid-template-columns: 24px minmax(0, 1fr);
  padding: 13px 12px;
  column-gap: 9px;
  background: var(--section-wash);
}
.workspace-lyrics-section-label > i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--section-accent) 24%, transparent);
  border-radius: 7px;
  color: var(--section-accent);
  background: rgba(255, 255, 255, .68);
  font-size: .62rem;
  font-style: normal;
  font-weight: 920;
  line-height: 1;
}
.workspace-lyrics-section-label > span {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 4px;
}
.workspace-lyrics-section-label strong { color: color-mix(in srgb, var(--section-accent) 82%, #252129); }

@media (max-width: 560px) {
  .workspace-lyrics-section-label {
    grid-template-columns: 22px minmax(0, 1fr);
    padding: 11px;
    column-gap: 8px;
  }
  .workspace-lyrics-section-label > i { width: 22px; height: 22px; }
}

/* Task 103: keep blank-track paging stable and move its legend out of flow. */
.workspace-lyrics-track-navigation {
  position: relative;
  grid-template-columns: auto minmax(190px, 1fr) !important;
  grid-template-rows: auto !important;
  row-gap: 0 !important;
}
.workspace-lyrics-track-navigation > .workspace-lyrics-track-title-group {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
.workspace-lyrics-track-navigation > .workspace-lyrics-track-stepper {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
.workspace-lyrics-track-heading em[data-lyrics-track-state] {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  min-height: 20px;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  color: #fff;
  background: #17151b;
  font-size: .55rem;
  font-style: normal;
  font-weight: 880;
  letter-spacing: .025em;
  line-height: 1;
  white-space: nowrap;
}
.workspace-lyrics-track-heading em[data-state="custom"] { background: #6845bd; }
.workspace-lyrics-track-heading em[data-state="instrumental"] { background: #17151b; }
.workspace-lyrics-track-navigation > .workspace-lyrics-track-state-key {
  position: absolute;
  z-index: 12;
  top: calc(100% + 8px);
  right: 0;
  width: max-content;
  max-width: min(100%, 360px);
  min-height: 34px;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-content: flex-start;
  padding: 8px 11px;
  border: 1px solid rgba(97, 76, 142, .22);
  border-radius: 999px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 12px 28px rgba(42, 31, 62, .16);
  transform: translateY(-4px);
  transition: opacity .14s ease, transform .14s ease, visibility .14s step-end;
}
.workspace-lyrics-track-stepper:hover + .workspace-lyrics-track-state-key,
.workspace-lyrics-track-stepper:focus-within + .workspace-lyrics-track-state-key,
.workspace-lyrics-track-state-key:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity .14s ease, transform .14s ease, visibility 0s;
}
.workspace-lyrics-editor > label small {
  width: max-content;
  padding: 4px 8px;
  border-radius: 999px;
  color: #5f5668;
  background: #f1eef5;
  font-size: .58rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .workspace-lyrics-track-navigation {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
  }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-title-group {
    width: 100%;
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-stepper {
    width: 100%;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-content: space-between;
  }
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-state-key {
    right: auto;
    left: 50%;
    max-width: calc(100vw - 48px);
    transform: translate(-50%, -4px);
  }
  .workspace-lyrics-track-stepper:hover + .workspace-lyrics-track-state-key,
  .workspace-lyrics-track-stepper:focus-within + .workspace-lyrics-track-state-key,
  .workspace-lyrics-track-state-key:hover { transform: translate(-50%, 0); }
  .workspace-lyrics-editor > label small { display: inline-flex !important; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-lyrics-track-navigation > .workspace-lyrics-track-state-key { transition: none; }
}

/* Task 109: focused lyric generation, explicit album batching, and session draft recovery. */
.workspace-lyrics-generation-progress-card::before {
  background: linear-gradient(90deg, #2e2573, #8060ef, #67cde2);
}

.workspace-lyrics-batch-dialog,
.workspace-lyrics-recovery-dialog {
  width: min(100%, 650px);
}

.workspace-lyrics-batch-summary {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.workspace-lyrics-batch-summary > span {
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid #ddd5e9;
  border-radius: 13px;
  background: #faf7ff;
}

.workspace-lyrics-batch-summary strong {
  color: #2d2242;
  font-size: 1.2rem;
  line-height: 1;
}

.workspace-lyrics-batch-summary small,
.workspace-lyrics-batch-note {
  color: #6f6875;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.4;
}

.workspace-lyrics-batch-note {
  grid-column: 1 / -1;
  margin: 0;
}

.workspace-lyrics-recovery-list {
  display: grid;
  grid-column: 1 / -1;
  max-height: min(320px, 42vh);
  gap: 8px;
  overflow: auto;
}

.workspace-lyrics-recovery-list label {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid #ddd5e9;
  border-radius: 13px;
  background: #fbf9fe;
  cursor: pointer;
}

.workspace-lyrics-recovery-list label:has(input:checked) {
  border-color: #8866dc;
  background: #f3eeff;
  box-shadow: 0 0 0 3px rgba(130, 91, 218, .1);
}

.workspace-lyrics-recovery-list input { width: 18px; height: 18px; accent-color: #7653d2; }
.workspace-lyrics-recovery-list span { display: grid; gap: 3px; min-width: 0; }
.workspace-lyrics-recovery-list strong { color: #28222d; font-size: .78rem; line-height: 1.25; }
.workspace-lyrics-recovery-list small { color: #736c78; font-size: .64rem; line-height: 1.35; }

.workspace-lyrics-action-menu button:disabled {
  color: #9a949f;
  cursor: not-allowed;
  opacity: .72;
}

@media (max-width: 520px) {
  .workspace-lyrics-batch-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Task 104: opt-in per-track vocals inherit Sound unless explicitly overridden. */
.workspace-lyrics-track-vocals {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 16px;
  padding: 16px 0 2px;
  border-top: 1px solid rgba(115, 91, 163, .18);
}
.workspace-lyrics-track-vocals-head { display: grid; min-width: 0; gap: 4px; }
.workspace-lyrics-track-vocals-head > span { display: flex; align-items: center; gap: 7px; }
.workspace-lyrics-track-vocals-head > small { color: #716a76; font-size: .66rem; line-height: 1.35; }
.workspace-lyrics-track-vocals-toggle { align-self: start; }
.workspace-lyrics-track-vocals-editor { grid-column: 1 / -1; }
.workspace-lyrics-track-vocals-editor select {
  width: min(100%, 620px);
  min-height: 46px;
  padding: 9px 38px 9px 13px;
  border: 1px solid #d2c9dd;
  border-radius: 12px;
  color: #211c27;
  background: #fff;
  font: inherit;
}
.workspace-lyrics-track-vocals-editor select:focus-visible { outline: 3px solid rgba(117, 80, 207, .18); border-color: #8563d7; }
@media (max-width: 620px) {
  .workspace-lyrics-track-vocals { grid-template-columns: minmax(0, 1fr); }
  .workspace-lyrics-track-vocals-toggle { justify-self: start; }
  .workspace-lyrics-track-vocals-editor { grid-column: 1; }
}

/* Task 107: an artwork-led, editorial generated-product preview. */
.workspace-layout {
  --workspace-brief-column: 440px;
  grid-template-columns: minmax(0, 1fr) var(--workspace-brief-column);
}

.workspace-brief {
  padding: 24px 22px 26px;
  background:
    radial-gradient(circle at 96% 8%, color-mix(in srgb, var(--workspace-brief-top-accent) 15%, transparent), transparent 16rem),
    linear-gradient(
      180deg,
      var(--workspace-brief-top) 0%,
      var(--workspace-brief-middle) var(--workspace-brief-middle-position),
      var(--workspace-brief-bottom) 100%
    );
  transition: background 420ms ease;
}

.workspace-brief[data-preview-palette="artwork"] .workspace-cover {
  box-shadow:
    0 26px 58px color-mix(in srgb, var(--workspace-brief-bottom) 34%, transparent),
    0 0 0 8px color-mix(in srgb, var(--workspace-brief-middle-ink) 5%, transparent);
}

.workspace-brief-stage {
  gap: 18px;
  padding: 0 8px 16px;
}

.workspace-brief-stage-copy span { font-size: .68rem; }
.workspace-brief-stage .workspace-segmented button { min-width: 84px; padding: 11px 14px; }

.workspace-cover {
  margin: 20px 0 28px;
  border-color: color-mix(in srgb, var(--workspace-brief-middle-ink) 18%, transparent);
  border-radius: 22px;
  transition: box-shadow 420ms ease;
}

.workspace-brief-copy { padding-top: 4px; }
.workspace-brief-copy > span { font-size: .72rem; }
.workspace-brief-copy h2 {
  max-width: 13ch;
  margin: 9px 0 5px;
  font-size: clamp(2rem, 2.2vw, 2.45rem);
  line-height: .98;
  letter-spacing: -.048em;
}
.workspace-brief-copy p { font-size: 1.03rem; line-height: 1.35; }

.workspace-brief-summary {
  margin: 22px 8px 18px;
  overflow: hidden;
  border-radius: 16px;
  background: color-mix(in srgb, var(--workspace-brief-middle-ink) 7%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--workspace-brief-middle-ink) 7%, transparent);
}

.workspace-brief-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 6px;
}

.workspace-brief-fact {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  min-height: 72px;
  align-items: center;
  padding: 12px;
  border: 0;
  border-radius: 0;
  color: var(--workspace-brief-middle-ink);
  background: transparent;
  box-shadow: none;
}

.workspace-brief-fact > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  color: var(--workspace-brief-middle-ink);
  background: color-mix(in srgb, var(--workspace-brief-middle-ink) 12%, transparent);
  font-size: .85rem;
  font-weight: 950;
}

.workspace-brief-fact > div { display: grid; min-width: 0; gap: 4px; }
.workspace-brief-fact small {
  color: var(--workspace-brief-middle-muted);
  font-size: .63rem;
  font-weight: 780;
  line-height: 1;
}
.workspace-brief-fact strong {
  overflow-wrap: anywhere;
  color: var(--workspace-brief-middle-ink);
  font-size: .8rem;
  font-weight: 920;
  line-height: 1.18;
}

.workspace-brief-model {
  grid-column: 1 / -1;
  grid-template-columns: 34px auto minmax(0, 1fr);
  min-height: 58px;
}
.workspace-brief-model > div { display: contents; }
.workspace-brief-model small { align-self: center; font-size: .7rem; }
.workspace-brief-model strong {
  justify-self: start;
  padding: 7px 11px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--workspace-brief-middle-ink) 11%, transparent);
  font-size: .72rem;
}

.workspace-brief-direction {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  padding: 12px 16px;
  border: 0;
  border-top: 1px solid var(--workspace-brief-bottom-line);
  border-radius: 0;
  background: transparent;
}
.workspace-brief-direction > strong {
  flex: 0 0 auto;
  padding: 7px 11px;
  border: 1px solid color-mix(in srgb, var(--workspace-brief-bottom-ink) 16%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--workspace-brief-bottom-ink) 11%, transparent);
  color: var(--workspace-brief-bottom-ink);
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
.workspace-brief-direction > strong[data-state="custom"] {
  border-color: color-mix(in srgb, var(--workspace-violet) 42%, transparent);
  background: color-mix(in srgb, var(--workspace-violet) 16%, transparent);
  color: var(--workspace-violet);
}

.workspace-brief > button.preview-button {
  width: calc(100% - 16px);
  min-height: 54px;
  align-items: center;
  margin-inline: 8px;
  border-radius: 13px;
  font-size: .94rem;
  box-shadow: 0 15px 30px rgba(63, 39, 126, .2);
}
@media (max-width: 1080px) and (min-width: 901px) {
  .workspace-layout { --workspace-brief-column: 370px; }
  .workspace-brief-fact { grid-template-columns: 30px minmax(0, 1fr); padding: 10px; }
  .workspace-brief-fact > span { width: 30px; height: 30px; }
  .workspace-brief-copy h2 { font-size: 1.9rem; }
}

@media (max-width: 900px) {
  .workspace-layout { grid-template-columns: minmax(0, 1fr); }
  .workspace-brief-summary { grid-column: 2; }
  .workspace-brief-copy h2 { max-width: none; }
}

@media (max-width: 680px) {
  .workspace-brief-summary { margin-top: 20px; }
  .workspace-brief-facts { grid-template-columns: 1fr; }
  .workspace-brief-model { grid-column: 1; }
  .workspace-brief-copy h2 { font-size: 2rem; }
  .workspace-review-safety-lock {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 13px;
  }
  .workspace-review-safety-lock > span { width: 38px; height: 38px; }
  .workspace-review-safety-lock button {
    grid-column: 1 / -1;
    width: 100%;
  }
  .workspace-build-actions { grid-template-columns: 1fr; }
  .workspace-build-actions [data-review-request] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-brief,
  .workspace-cover { transition: none; }
}

/* Studio Builder Tasks 123/128: canonical artist identity reuse, on-demand picker, and first-Build confirmation. */
.workspace-owned-identity-picker {
  display: grid;
  gap: 13px;
  margin: 0 0 22px;
  padding: 16px;
  border: 1px solid #c8bdf0;
  border-radius: 17px;
  background: linear-gradient(135deg, #f8f5ff 0%, #eef9f6 100%);
  box-shadow: 0 16px 38px rgba(63, 48, 112, .11);
}

.workspace-owned-identity-picker[hidden] { display: none; }

.workspace-owned-identity-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
}

.workspace-owned-identity-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #17181d;
  font-size: .65rem;
  letter-spacing: .04em;
  font-weight: 950;
  box-shadow: 0 7px 18px rgba(31, 24, 53, .18);
}

.workspace-owned-identity-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.workspace-owned-identity-copy strong {
  font-size: .83rem;
  font-weight: 950;
}

.workspace-owned-identity-title {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 7px;
}

.workspace-owned-identity-title .workspace-field-info {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
  font-size: .62rem;
}

.workspace-owned-identity-copy small {
  color: #5f6865;
  font-size: .68rem;
  font-weight: 650;
  line-height: 1.38;
}

.workspace-owned-identity-close {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  padding: 0;
  border: 1px solid #c9c0d9;
  border-radius: 50%;
  color: #5d5668;
  background: rgba(255, 255, 255, .82);
  cursor: pointer;
  font: inherit;
  font-size: 1.15rem;
  font-weight: 750;
}

.workspace-owned-identity-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  gap: 10px;
  align-items: end;
}

.workspace-owned-identity-controls label {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.workspace-owned-identity-select-label {
  display: none;
}

.workspace-owned-identity-controls select,
.workspace-owned-identity-controls > button {
  width: 100%;
  min-height: 48px;
  border-radius: 11px;
  font: inherit;
  font-size: .75rem;
  font-weight: 850;
}

.workspace-owned-identity-controls select {
  padding: 0 38px 0 14px;
  border: 1px solid #aebdb8;
  color: #22272a;
  background: #fff;
}

.workspace-owned-identity-controls > button {
  width: auto;
  padding: 0 17px;
  border: 1px solid #2f3438;
  color: #fff;
  background: #17181d;
  cursor: pointer;
}

.workspace-owned-identity-controls > button.is-secondary {
  border-color: #bbb2c8;
  color: #332d3d;
  background: rgba(255, 255, 255, .8);
}

.workspace-owned-identity-controls > button:disabled {
  border-color: #d5d0db;
  color: #9a94a1;
  background: #ece9ef;
  cursor: not-allowed;
}

.workspace-owned-identity-picker-status {
  color: #686171;
  font-size: .67rem;
  font-weight: 700;
  line-height: 1.42;
}

.workspace-owned-identity-picker-status[hidden] { display: none; }

.workspace-owned-identity-allowance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 22px;
  padding: 9px 12px;
  border: 1px solid #c9e8dd;
  border-radius: 12px;
  color: #245f50;
  background: #eefaf6;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1.35;
}

.workspace-owned-identity-allowance[data-state="limit"] {
  border-color: #e8cf75;
  color: #584508;
  background: #fff8d9;
}

.workspace-owned-identity-allowance a {
  flex: 0 0 auto;
  color: inherit;
  font-weight: 950;
  text-underline-offset: 3px;
}

.workspace-owned-identity-allowance[hidden],
.workspace-owned-identity-allowance a[hidden] { display: none; }

.workspace-owned-identity-controls select:focus-visible,
.workspace-owned-identity-controls > button:focus-visible,
.workspace-owned-identity-close:focus-visible {
  outline: 3px solid rgba(104, 68, 216, .24);
  outline-offset: 2px;
}

.workspace-artist-identity-input {
  position: relative;
}

.workspace-artist-identity-input input {
  width: 100%;
  padding-right: 60px;
  transition: padding-right 180ms ease;
}

.workspace-artist-identity-input input[data-shared-trial-identity="true"] {
  padding-right: 58px;
  border-color: #c9c5d0;
  color: #5d5965;
  background: #f1f0f3;
  cursor: pointer;
}

.workspace-artist-identity-input input[data-shared-trial-identity="true"]:is(:hover, :focus-visible) {
  border-color: #a79bc9;
  box-shadow: 0 0 0 4px rgba(118, 85, 217, .1);
}

.workspace-artist-identity-input.is-shared-trial-identity::after {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #7357df;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 12.5 3.25 3.25L17.5 8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  box-shadow: 0 6px 14px rgba(101, 67, 207, .22);
  content: "";
  pointer-events: none;
  transform: translateY(-50%);
}

.workspace-artist-identity-input > button {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  width: 42px;
  min-width: 42px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0 9px;
  border: 1px solid #c8bdf0;
  border-radius: 10px;
  color: #4f3b91;
  background: #f5f1ff;
  cursor: pointer;
  transform: translateY(-50%);
  overflow: hidden;
  font: inherit;
  font-weight: 900;
  transition: width 180ms ease, min-width 180ms ease, gap 180ms ease, padding 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.workspace-artist-identity-input > button[hidden] { display: none; }

.workspace-artist-identity-input > button > span {
  display: grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #17181d;
  font-size: .49rem;
  letter-spacing: .02em;
}

.workspace-artist-identity-input > button > small {
  display: block;
  max-width: 0;
  overflow: hidden;
  font-size: .64rem;
  font-weight: 900;
  opacity: 0;
  white-space: nowrap;
  transform: translateX(-4px);
  transition: max-width 180ms ease, opacity 140ms ease, transform 180ms ease;
}

.workspace-artist-identity-input:is(:hover, :focus-within) input {
  padding-right: 104px;
}

.workspace-artist-identity-input:is(:hover, :focus-within) > button {
  width: 86px;
  min-width: 86px;
  gap: 6px;
  padding-inline: 10px;
}

.workspace-artist-identity-input:is(:hover, :focus-within) > button > small {
  max-width: 48px;
  opacity: 1;
  transform: translateX(0);
}

.workspace-artist-identity-input > button[data-state="linked"] {
  border-color: #8bc8b3;
  color: #235f4e;
  background: #eaf8f3;
}

.workspace-artist-identity-input > button:focus-visible {
  outline: 3px solid rgba(104, 68, 216, .24);
  outline-offset: 2px;
}

.workspace-artist-identity-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: #6543cf;
  font-size: .76rem;
  font-weight: 900;
  line-height: 1.3;
  transition: opacity .22s ease, transform .22s ease;
}

.workspace-artist-identity-status[hidden] { display: none; }

.workspace-artist-identity-status > span:first-child {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #7357df;
  box-shadow: 0 6px 14px rgba(101, 67, 207, .2);
  font-size: .63rem;
}

@media (prefers-reduced-motion: reduce) {
  .workspace-assisted-status.is-success,
  .workspace-artist-identity-status {
    transition: none;
  }
}

.workspace-artist-identity-confirmation {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  padding: 20px;
  border: 1px solid #c6b5ef;
  border-radius: 17px;
  color: #201936;
  background: linear-gradient(135deg, #f5f0ff 0%, #fffdf9 100%);
  box-shadow: 0 14px 34px rgba(74, 53, 128, .1);
}

.workspace-artist-identity-confirmation[data-state="reused"] {
  border-color: #9ccfbd;
  color: #153e33;
  background: linear-gradient(135deg, #eaf8f3 0%, #fffdf9 100%);
}

.workspace-artist-identity-confirmation > header {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.workspace-artist-identity-confirmation > header > span {
  color: var(--workspace-violet-deep);
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.workspace-artist-identity-confirmation[data-state="reused"] > header > span { color: #27765f; }

.workspace-artist-identity-confirmation > header button {
  padding: 7px 10px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: #5e4b8f;
  background: rgba(255, 255, 255, .72);
  cursor: pointer;
  font: inherit;
  font-size: .66rem;
  font-weight: 850;
}

.workspace-artist-identity-confirmation > strong {
  overflow-wrap: anywhere;
  font-size: clamp(1.35rem, 2.5vw, 2rem);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.workspace-artist-identity-confirmation > p {
  max-width: 68ch;
  margin: 0;
  color: #615a6a;
  font-size: .78rem;
  line-height: 1.5;
}

.workspace-artist-identity-confirmation > small {
  justify-self: start;
  padding: 7px 10px;
  border-radius: 999px;
  color: #276d58;
  background: rgba(90, 181, 151, .14);
  font-size: .67rem;
  font-weight: 850;
}

.workspace-artist-identity-confirmation > label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  margin-top: 5px;
  padding: 14px;
  border-radius: 12px;
  color: #fff;
  background: #1b1921;
  font-size: .77rem;
  font-weight: 750;
  line-height: 1.45;
}

.workspace-artist-identity-confirmation > label input {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  margin: 0;
  border: 2px solid #9a929f;
  border-radius: 5px;
  appearance: none;
  background: #fff;
  cursor: pointer;
}

.workspace-artist-identity-confirmation > label input::before {
  color: #fff;
  content: "\2713";
  font-size: .9rem;
  font-weight: 950;
  line-height: 1;
  transform: scale(0);
}

.workspace-artist-identity-confirmation > label input:checked {
  border-color: var(--workspace-violet);
  background: var(--workspace-violet);
}

.workspace-artist-identity-confirmation > label input:checked::before { transform: scale(1); }

.workspace-artist-identity-confirmation > label input:focus-visible,
.workspace-artist-identity-confirmation > header button:focus-visible {
  outline: 3px solid rgba(140, 98, 246, .3);
  outline-offset: 2px;
}

@media (max-width: 900px) {
  .workspace-owned-identity-controls { grid-template-columns: 1fr 1fr; }
  .workspace-owned-identity-controls label { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .workspace-owned-identity-picker {
    grid-template-columns: minmax(0, 1fr);
    gap: 11px;
    padding: 13px;
  }
  .workspace-owned-identity-mark { width: 38px; height: 38px; }
  .workspace-owned-identity-head { grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; }
  .workspace-owned-identity-controls { grid-template-columns: 1fr; }
  .workspace-owned-identity-controls label,
  .workspace-owned-identity-controls > button { grid-column: 1; width: 100%; }
  .workspace-artist-identity-input input { padding-right: 60px; }
  .workspace-artist-identity-input:is(:hover, :focus-within) input { padding-right: 102px; }
  .workspace-artist-identity-input > button { min-width: 42px; padding: 0 9px; }
  .workspace-artist-identity-input:is(:hover, :focus-within) > button { width: 84px; min-width: 84px; padding: 0 9px; }
  .workspace-artist-identity-input > button > small { font-size: .59rem; }
  .workspace-artist-identity-confirmation { padding: 16px; }
  .workspace-artist-identity-confirmation > header { align-items: flex-start; flex-direction: column; }
}

/* Task 206: compact, backend-driven build progress */
.workspace-build-progress {
  scroll-margin-top: calc(var(--header-height, 64px) + 12px);
}

.workspace-build-progress-meter i {
  position: relative;
  overflow: hidden;
}

.workspace-build-progress-meter i::after {
  position: absolute;
  inset: 0;
  width: 42%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .78), transparent);
  content: "";
  transform: translateX(-150%);
  animation: workspace-build-meter-energy 1.65s ease-in-out infinite;
}

.workspace-build-progress-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  border: 1px solid #d8d0de;
  border-radius: 22px;
  color: #17151b;
  background: linear-gradient(145deg, #fbf8ff, #f5f1eb);
  box-shadow: 0 20px 46px rgba(23, 17, 36, .11);
}

.workspace-build-milestones {
  display: grid;
  gap: 20px;
  padding: clamp(22px, 3vw, 34px);
  color: #17151b;
  background:
    radial-gradient(circle at 94% 0, rgba(109, 216, 237, .12), transparent 22rem),
    linear-gradient(135deg, rgba(140, 98, 246, .08), rgba(255, 255, 255, .72));
}

.workspace-build-milestones-head {
  align-items: center;
  padding: 0;
  border: 0;
}

.workspace-build-milestones-head span {
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace-build-milestones-head small {
  color: #716c77;
  font-size: .75rem;
}

.workspace-build-milestones [data-job-stages] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(92px, 1fr));
  gap: 10px;
}

.workspace-build-milestones [data-job-stages]::before {
  position: absolute;
  z-index: 0;
  top: 18px;
  right: 7%;
  left: 7%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #b7eadc, #b4a2ed 58%, #d8d1dc);
  content: "";
}

.workspace-job-stage {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 38px auto auto;
  gap: 7px;
  justify-items: center;
  align-content: start;
  min-width: 0;
  min-height: 0;
  padding: 0 3px;
  border: 0;
  text-align: center;
}

.workspace-job-stage:last-child { border: 0; }

.workspace-job-stage > b {
  z-index: 1;
  width: 38px;
  height: 38px;
  border: 2px solid #c5bec9;
  color: #6f6974;
  background: #fbf9fd;
  box-shadow: 0 0 0 5px rgba(251, 249, 253, .88);
  font-size: .75rem;
}

.workspace-job-stage > div {
  gap: 0;
  min-width: 0;
}

.workspace-job-stage strong {
  display: block;
  overflow: hidden;
  color: #4f4954;
  font-size: clamp(.68rem, .9vw, .8rem);
  line-height: 1.2;
  text-overflow: ellipsis;
}

.workspace-job-stage small { display: none; }

.workspace-job-stage > span {
  color: #79737d;
  font-size: .65rem;
  line-height: 1.2;
  text-align: center;
}

.workspace-job-stage.is-completed > b {
  border-color: #73d6ba;
  color: #0b2c24;
  background: var(--workspace-mint);
  box-shadow: 0 0 0 5px rgba(127, 225, 195, .2);
}

.workspace-job-stage[data-build-milestone="release"].is-completed > b {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet-deep);
  box-shadow: 0 0 0 5px rgba(140, 98, 246, .2);
}

.workspace-job-stage.is-completed strong,
.workspace-job-stage.is-completed > span { color: #276d58; }

.workspace-job-stage.is-running > b {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet-deep);
  box-shadow: 0 0 0 6px rgba(140, 98, 246, .16);
}

.workspace-job-stage.is-running strong,
.workspace-job-stage.is-running > span { color: #5b3aba; }

.workspace-job-stage.is-failed > b {
  border-color: var(--workspace-coral);
  color: #fff;
  background: var(--workspace-coral);
  box-shadow: 0 0 0 6px rgba(244, 125, 103, .14);
}

.workspace-job-stage.is-failed strong,
.workspace-job-stage.is-failed > span { color: #a13f31; }

.workspace-build-visual {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-height: 0;
  padding: clamp(20px, 3vw, 30px);
  border-top: 1px solid #ded7e2;
  border-right: 0;
  color: #17151b;
  background: rgba(255, 255, 255, .72);
}

.workspace-build-aurora { display: none; }

.workspace-build-state-mark {
  position: relative;
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border: 5px solid rgba(140, 98, 246, .22);
  border-top-color: var(--workspace-violet-deep);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 22px rgba(57, 42, 91, .12);
  place-items: center;
  animation: workspace-build-state-spin 1.2s linear infinite;
}

.workspace-build-state-mark::after {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 950;
  line-height: 1;
}

.workspace-build-current {
  gap: 4px;
  min-width: 0;
  padding: 0;
  border: 0;
}

.workspace-build-current > span {
  color: var(--workspace-violet-deep);
  font-size: .67rem;
}

.workspace-build-current > strong {
  color: #17151b;
  font-size: clamp(1.15rem, 2.2vw, 1.65rem);
  line-height: 1.08;
}

.workspace-build-current > small {
  min-height: 0;
  color: #68626d;
  font-size: .8rem;
  line-height: 1.45;
}

.workspace-build-details-shell {
  display: grid;
  min-width: min(310px, 32vw);
  justify-items: end;
  gap: 10px;
}

.workspace-build-details-toggle {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 9px 13px 9px 15px;
  border: 1px solid #cfc5dc;
  border-radius: 12px;
  color: #3f287e;
  background: rgba(255, 255, 255, .82);
  font: inherit;
  font-size: .75rem;
  font-weight: 900;
  cursor: pointer;
  transition: border-color 160ms ease, color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.workspace-build-details-toggle b {
  display: grid;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #fff;
  background: var(--workspace-violet-deep);
  font-size: 1rem;
  line-height: 1;
  place-items: center;
  transition: transform 180ms ease;
}

.workspace-build-details-toggle:is(:hover, :focus-visible) {
  border-color: var(--workspace-violet);
  color: #fff;
  background: var(--workspace-violet-deep);
  box-shadow: 0 8px 20px rgba(86, 56, 172, .18);
  outline: none;
}

.workspace-build-details-toggle:is(:hover, :focus-visible) b {
  color: var(--workspace-violet-deep);
  background: #fff;
}

.workspace-build-details-toggle[aria-expanded="true"] b {
  transform: rotate(45deg);
}

.workspace-build-details-panel[hidden] {
  display: none;
}

.workspace-build-details-panel {
  display: grid;
  width: min(360px, 32vw);
  gap: 5px;
  padding: 14px 16px;
  border: 1px solid rgba(140, 98, 246, .28);
  border-radius: 14px;
  color: #17151b;
  background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(245, 240, 255, .92));
  box-shadow: 0 12px 28px rgba(57, 42, 91, .1);
}

.workspace-build-details-panel > span {
  color: var(--workspace-violet-deep);
  font-size: .64rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace-build-details-panel > strong {
  font-size: .87rem;
  line-height: 1.3;
}

.workspace-build-details-panel > small {
  color: #68626d;
  font-size: .74rem;
  line-height: 1.42;
}

.workspace-build-progress.is-completed .workspace-build-state-mark {
  border-color: #73d6ba;
  background: var(--workspace-mint);
  animation: workspace-build-success-pop 720ms cubic-bezier(.22, 1, .36, 1) both;
}

.workspace-build-progress.is-completed .workspace-build-state-mark::after { content: "\2713"; color: #0b2c24; }

.workspace-build-progress.is-failed .workspace-build-state-mark {
  border-color: var(--workspace-coral);
  background: var(--workspace-coral);
  animation: none;
}

.workspace-build-progress.is-failed .workspace-build-state-mark::after { content: "!"; }

/* Task 411: faithful source-art crops and the Elarabeat Hu creation mark. */
.creation-mark-image img {
  top: -16.263%;
  left: -1.73%;
  width: 207.612%;
  height: auto;
  transform: none;
}

.creation-mark-image.is-assisted img { left: -106.228%; transform: none; }

.creation-mark-human {
  width: 40px;
  overflow: hidden;
  padding: 0;
  border: 3px solid #17161a;
  border-radius: 9px;
  background: #fff;
}

.creation-mark-human img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Studio Task 556: polished CSS-native disclosure marks aligned with Release Details. */
.creation-mark.is-human,
.creation-mark.is-assisted,
.creation-mark.is-generated {
  position: relative;
  display: inline-grid;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  overflow: hidden;
  padding: 0;
  border: 2px solid #17161a;
  border-radius: 8px;
  color: #17161a;
  background: #fff;
  box-shadow: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: -.06em;
  line-height: 1;
  place-items: center;
}

.creation-mark.is-human::before,
.creation-mark.is-assisted::before,
.creation-mark.is-generated::before {
  display: block;
  line-height: 1;
}

.creation-mark.is-human::before {
  content: "Hu";
  font-size: .82em;
  letter-spacing: -.1em;
}

.creation-mark.is-assisted::before {
  align-self: end;
  justify-self: end;
  margin: 0 3px 2px 0;
  content: "ai";
  font-size: .72em;
}

.creation-mark.is-generated {
  color: #fff;
  background: #17161a;
}

.creation-mark.is-generated::before {
  content: "AI";
  font-size: .82em;
  letter-spacing: -.08em;
}

.creation-mark.is-human.is-compact,
.creation-mark.is-assisted.is-compact,
.creation-mark.is-generated.is-compact {
  width: 32px;
  height: 32px;
  border-width: 2px;
  border-radius: 7px;
}

@media (min-width: 901px) {
  .workspace-build-visual {
    grid-template-columns: auto minmax(0, 1fr) minmax(250px, .72fr);
  }
}

html[data-studio-build-state="queued"] .workspace-steps [data-workspace-step="review"] > span,
html[data-studio-build-state="running"] .workspace-steps [data-workspace-step="review"] > span {
  animation: workspace-build-output-working 1.55s ease-in-out infinite;
}

.workspace-build-progress.is-completed .workspace-build-progress-meter i::after,
.workspace-build-progress.is-failed .workspace-build-progress-meter i::after { animation: none; }

@keyframes workspace-build-meter-energy {
  0% { transform: translateX(-150%); }
  68%, 100% { transform: translateX(330%); }
}

@keyframes workspace-build-state-spin { to { transform: rotate(360deg); } }

@keyframes workspace-build-success-pop {
  0% { opacity: 0; transform: scale(.68) rotate(-10deg); }
  64% { opacity: 1; transform: scale(1.12) rotate(3deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes workspace-build-output-working {
  0%, 100% { box-shadow: 0 0 0 7px rgba(140, 98, 246, .15), 0 0 0 0 rgba(109, 216, 237, 0); }
  50% { box-shadow: 0 0 0 7px rgba(140, 98, 246, .2), 0 0 0 15px rgba(109, 216, 237, .13); }
}

@media (max-width: 900px) {
  .workspace-build-visual {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .workspace-build-details-shell {
    width: 100%;
    min-width: 0;
    grid-column: 2;
    justify-items: start;
  }

  .workspace-build-details-panel {
    width: min(100%, 520px);
  }

  .workspace-build-milestones [data-job-stages] {
    overflow-x: auto;
    grid-template-columns: repeat(7, minmax(112px, 1fr));
    padding: 3px 2px 10px;
    scrollbar-width: thin;
  }

  .workspace-build-milestones [data-job-stages]::before {
    right: 58px;
    left: 58px;
  }
}

@media (max-width: 560px) {
  .workspace-build-progress-panel { border-radius: 18px; }
  .workspace-build-milestones { gap: 16px; padding: 20px 17px 14px; }
  .workspace-build-milestones-head { align-items: flex-start; flex-direction: column; gap: 3px; }
  .workspace-build-visual { grid-template-columns: 42px minmax(0, 1fr); gap: 13px; padding: 18px 17px; }
  .workspace-build-state-mark { width: 42px; height: 42px; border-width: 4px; }
  .workspace-build-current > strong { font-size: 1.08rem; }
  .workspace-build-current > small { font-size: .75rem; }
  .workspace-build-details-shell { grid-column: 1 / -1; }
  .workspace-build-details-toggle { width: 100%; justify-content: space-between; }
  .workspace-build-details-panel { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-build-progress-meter i::after,
  .workspace-build-state-mark,
  html[data-studio-build-state="queued"] .workspace-steps [data-workspace-step="review"] > span,
  html[data-studio-build-state="running"] .workspace-steps [data-workspace-step="review"] > span {
    animation: none;
  }
}

/* Task 227 final cascade seal: one build landmark and four readable phases. */
.workspace-production-surface.is-build-progress .workspace-steps {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  padding-bottom: 24px;
}

.workspace-production-surface.is-build-progress .workspace-steps::before,
.workspace-production-surface.is-build-progress .workspace-steps::after,
.workspace-production-surface.is-build-progress .workspace-steps button:not([data-workspace-step="review"]) {
  display: none;
}

.workspace-production-surface.is-build-progress .workspace-steps [data-workspace-step="review"] {
  width: min(240px, 100%);
  grid-template-rows: 76px auto auto;
  padding: 8px 12px;
}

.workspace-production-surface.is-build-progress .workspace-steps [data-workspace-step="review"] > span {
  width: 72px;
  height: 72px;
  font-size: 1.18rem;
}

.workspace-production-surface.is-build-progress .workspace-steps [data-workspace-step="review"] strong {
  font-size: 1rem;
}

.workspace-build-milestones [data-job-stages] {
  grid-template-columns: repeat(4, minmax(138px, 1fr));
  gap: clamp(16px, 3vw, 36px);
}

.workspace-build-milestones [data-job-stages]::before {
  top: 31px;
  right: 12.5%;
  left: 12.5%;
  height: 4px;
}

.workspace-job-stage {
  grid-template-rows: 64px auto auto;
  gap: 9px;
}

.workspace-job-stage > b {
  width: 64px;
  height: 64px;
  border-width: 3px;
  box-shadow: 0 0 0 7px rgba(251, 249, 253, .9);
  font-size: .92rem;
}

.workspace-job-stage strong {
  font-size: clamp(.78rem, 1.2vw, .94rem);
  line-height: 1.25;
}

.workspace-job-stage > span {
  font-size: .7rem;
}

@media (max-width: 900px) {
  .workspace-build-milestones [data-job-stages] {
    grid-template-columns: repeat(4, minmax(142px, 1fr));
    gap: 18px;
  }

  .workspace-build-milestones [data-job-stages]::before {
    right: 71px;
    left: 71px;
  }
}

@media (max-width: 560px) {
  .workspace-production-surface.is-build-progress .workspace-steps [data-workspace-step="review"] {
    grid-template-rows: 66px auto auto;
  }

  .workspace-production-surface.is-build-progress .workspace-steps [data-workspace-step="review"] > span {
    width: 62px;
    height: 62px;
  }

  .workspace-build-milestones [data-job-stages] {
    overflow: visible;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 14px;
    padding: 3px 0 8px;
  }

  .workspace-build-milestones [data-job-stages]::before {
    display: none;
  }

  .workspace-job-stage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 56px auto auto;
  }

  .workspace-job-stage > b {
    grid-row: 1;
    grid-column: 1;
    width: 56px;
    height: 56px;
    box-shadow: 0 0 0 6px rgba(251, 249, 253, .9);
  }

  .workspace-job-stage > div {
    width: 100%;
    grid-row: 2;
    grid-column: 1;
  }

  .workspace-job-stage strong {
    max-width: 132px;
    justify-self: center;
  }

  .workspace-job-stage > span {
    grid-row: 3;
    grid-column: 1;
    text-align: center;
  }
}

/* Task 253 cascade lock: these selectors intentionally follow the legacy
   landing-card rules so the chooser keeps its dialog composition. */
.workspace-start {
  position: fixed;
  inset: 58px 0 0;
  display: grid;
  min-height: 0;
  place-items: center;
  padding: clamp(20px, 4vw, 64px);
  overflow: auto;
  border: 0;
  background:
    radial-gradient(circle at 82% 18%, rgba(109, 216, 237, .16), transparent 28rem),
    radial-gradient(circle at 14% 88%, rgba(140, 98, 246, .2), transparent 34rem),
    rgba(8, 8, 12, .84);
}

.workspace-start-heading {
  grid-template-columns: minmax(0, 1.3fr) minmax(270px, .7fr);
  gap: clamp(28px, 5vw, 70px);
}

.workspace-start-heading h2 {
  color: #fff;
  font-size: clamp(2.75rem, 6vw, 5.8rem);
}

.workspace-start-heading > p {
  color: #b8b5c0;
  font-size: .98rem;
  line-height: 1.6;
}

.workspace-source-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.workspace-source-card {
  grid-template-columns: 58px minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto auto;
  gap: 5px 20px;
  min-height: 205px;
  padding: 26px 28px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  color: #f7f4ef;
  background: rgba(255, 255, 255, .045);
  box-shadow: none;
}

.workspace-source-card.create {
  background:
    linear-gradient(115deg, rgba(140, 98, 246, .2), transparent 52%),
    rgba(255, 255, 255, .045);
}

.workspace-source-card.upload {
  background:
    linear-gradient(115deg, rgba(109, 216, 237, .17), transparent 52%),
    rgba(255, 255, 255, .045);
}

.workspace-source-card::after {
  right: -120px;
  bottom: -155px;
  width: 280px;
  height: 280px;
  border-color: rgba(255, 255, 255, .07);
  box-shadow: 0 0 0 34px rgba(255, 255, 255, .025);
}

.workspace-source-card:hover,
.workspace-source-card:focus-visible {
  border-color: rgba(255, 255, 255, .42);
  background-color: rgba(255, 255, 255, .075);
  box-shadow: 0 20px 42px rgba(0, 0, 0, .25);
  transform: translateY(-2px);
}

.workspace-source-card[aria-pressed="true"] {
  border-color: rgba(255, 255, 255, .14);
  box-shadow: none;
}

.workspace-source-card > span {
  display: grid;
  width: 48px;
  height: 48px;
  grid-row: 1 / 5;
  grid-column: 1;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 50%;
  color: var(--workspace-lime);
}

.workspace-source-card.upload > span {
  color: var(--workspace-cyan);
}

.workspace-source-card > small {
  grid-row: 1;
  grid-column: 2;
  align-self: start;
  color: #aaa6b2;
}

.workspace-source-card > strong {
  grid-row: 2;
  grid-column: 2;
  font-size: clamp(2rem, 3.3vw, 3.5rem);
}

.workspace-source-card > p {
  grid-row: 3;
  grid-column: 2;
  margin-top: 3px;
  color: #c6c2cb;
  font-size: .82rem;
  font-weight: 650;
}

.workspace-source-card > b {
  grid-row: 1 / 5;
  grid-column: 3;
  align-self: center;
  padding: 10px 0 8px;
  border-bottom-color: rgba(255, 255, 255, .7);
  color: #fff;
  font-size: .76rem;
}

.workspace-source-entitlement {
  position: static;
  grid-row: 4;
  grid-column: 2;
  width: max-content;
  max-width: 100%;
  margin-top: 6px;
  padding: 6px 10px;
  border-color: rgba(255, 255, 255, .2);
  color: #0d0d12;
  background: rgba(255, 255, 255, .88);
  text-align: left;
}

.workspace-chooser-foot .workspace-local-note {
  margin: 0;
  color: #918e99;
}

@media (max-width: 820px) {
  .workspace-start {
    place-items: start center;
    padding: 18px;
  }

  .workspace-start-heading,
  .workspace-source-grid {
    grid-template-columns: 1fr;
  }

  .workspace-start-heading {
    gap: 14px;
  }

  .workspace-source-card {
    min-height: 205px;
  }
}

@media (max-width: 620px) {
  .workspace-start {
    top: 54px;
    padding: 10px;
  }

  .workspace-source-card {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 5px 14px;
    min-height: 0;
    padding: 21px 18px;
  }

  .workspace-source-card > span {
    width: 40px;
    height: 40px;
  }

  .workspace-source-card > small,
  .workspace-source-card > strong,
  .workspace-source-card > p,
  .workspace-source-card > b,
  .workspace-source-entitlement {
    grid-column: 2;
  }

  .workspace-source-card > b {
    grid-row: 4;
    justify-self: start;
    margin-top: 6px;
  }

  .workspace-source-entitlement {
    grid-row: 5;
  }
}

/* Task 258: compact, session-stable Studio start path. */
html[data-studio-entry="create"] .workspace-start,
html[data-studio-entry="upload"] .workspace-start,
html[data-studio-entry="overview"] .workspace-start,
html[data-studio-entry="overview"] [data-studio-tab-panel="build"] {
  display: none !important;
}

.workspace-start {
  padding: clamp(16px, 3vw, 38px);
}

.workspace-start-dialog {
  display: grid;
  width: min(100%, 820px);
  max-height: calc(100dvh - 90px);
  gap: 22px;
  padding: clamp(26px, 4vw, 42px);
  overflow: auto;
  border-radius: 24px;
}

.workspace-start-heading {
  display: block;
}

.workspace-start-heading h2 {
  margin-top: 6px;
  color: #fff;
  font-size: clamp(2.4rem, 5vw, 4.6rem);
  line-height: .98;
  letter-spacing: -.055em;
  white-space: nowrap;
}

.workspace-source-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.workspace-source-card {
  position: relative;
  display: grid;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  color: #f7f4ef;
  background: rgba(255, 255, 255, .045);
  box-shadow: none;
  transform: none;
}

.workspace-source-card::after {
  display: none;
}

.workspace-source-card:hover,
.workspace-source-card:focus-within,
.workspace-source-card.is-selected {
  border-color: rgba(255, 255, 255, .34);
  background-color: rgba(255, 255, 255, .07);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
  transform: translateY(-1px);
}

.workspace-source-choice {
  display: grid;
  width: 100%;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 5px 16px;
  padding: 22px 52px 22px 20px;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font: inherit;
}

.workspace-source-choice > span {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  color: var(--workspace-lime);
  font-size: .78rem;
  font-weight: 950;
  grid-row: 1 / 3;
}

.workspace-source-card.upload .workspace-source-choice > span {
  color: var(--workspace-cyan);
}

.workspace-source-choice > strong {
  color: #fff;
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  line-height: 1;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.workspace-source-choice > b {
  grid-column: 2;
  justify-self: start;
  padding: 5px 0 4px;
  border-bottom: 1px solid rgba(255, 255, 255, .65);
  color: #fff;
  font-size: .76rem;
  white-space: nowrap;
}

.workspace-source-info {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  color: #f9f7fb;
  background: rgba(8, 8, 12, .38);
  cursor: pointer;
  font: 900 .8rem/1 Arial, sans-serif;
}

.workspace-source-info:hover,
.workspace-source-info[aria-expanded="true"] {
  border-color: var(--workspace-lime);
  color: #0b0b0f;
  background: var(--workspace-lime);
}

.workspace-source-card.upload .workspace-source-info:hover,
.workspace-source-card.upload .workspace-source-info[aria-expanded="true"] {
  border-color: var(--workspace-cyan);
  background: var(--workspace-cyan);
}

.workspace-source-choice:focus-visible,
.workspace-source-info:focus-visible {
  outline: 3px solid rgba(223, 255, 67, .34);
  outline-offset: -3px;
}

.workspace-source-detail {
  max-height: 0;
  margin: 0 52px 0 84px;
  overflow: hidden;
  color: #c8c4ce;
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.45;
  opacity: 0;
  transform: translateY(-5px);
  transition: max-height 180ms ease, padding 180ms ease, opacity 160ms ease, transform 180ms ease;
}

@media (hover: hover) {
  .workspace-source-card:hover .workspace-source-detail,
  .workspace-source-info:focus + .workspace-source-detail {
    max-height: 90px;
    padding-bottom: 20px;
    opacity: 1;
    transform: translateY(0);
  }
}

.workspace-source-card.is-info-open .workspace-source-detail {
  max-height: 90px;
  padding-bottom: 20px;
  opacity: 1;
  transform: translateY(0);
}

.workspace-source-entitlement {
  position: static;
  justify-self: start;
  width: max-content;
  max-width: calc(100% - 136px);
  margin: -6px 52px 18px 84px;
  padding: 5px 9px;
  border-color: rgba(255, 255, 255, .2);
  color: #0d0d12;
  background: rgba(255, 255, 255, .88);
  text-align: left;
}

.workspace-chooser-foot {
  justify-content: flex-end;
  margin-top: 0;
  padding-top: 16px;
}

.workspace-chooser-foot [data-studio-draft-cap-notice] {
  max-width: 430px;
  margin-right: auto;
  color: #f1cf79;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1.35;
}

.workspace-route-actions {
  display: flex;
  flex-direction: column;
  grid-column: 2;
  align-items: flex-end;
  justify-self: end;
  gap: 9px;
}

.workspace-active-build-start-note {
  display: block;
  max-width: 290px;
  color: #625c68;
  font-size: .72rem;
  font-weight: 650;
  line-height: 1.35;
  text-align: right;
}

.workspace-active-build-start-note[hidden] {
  display: none;
}

.workspace-new-album {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 14px;
  border: 1px solid rgba(109, 75, 224, .28);
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #7c55e8, #6042c8);
  box-shadow: 0 9px 22px rgba(96, 66, 200, .2);
  cursor: pointer;
  font-family: inherit;
  font-size: .76rem;
  font-weight: 850;
  line-height: 1.1;
}

.workspace-draft-library > header .workspace-new-album {
  border-color: rgba(109, 75, 224, .28);
  color: #fff;
  background: linear-gradient(135deg, #7c55e8, #6042c8);
  box-shadow: 0 9px 22px rgba(96, 66, 200, .2);
}

.workspace-new-album > span {
  font-size: 1.05rem;
  line-height: 1;
}

.workspace-new-album:hover {
  transform: translateY(-1px);
  box-shadow: 0 13px 28px rgba(96, 66, 200, .28);
}

.workspace-draft-library > header .workspace-new-album:hover {
  border-color: rgba(109, 75, 224, .45);
  color: #fff;
  background: linear-gradient(135deg, #855df1, #6848d2);
}

.workspace-new-album:focus-visible {
  outline: 3px solid rgba(124, 85, 232, .3);
  outline-offset: 3px;
}

.workspace-new-album:disabled,
.workspace-draft-library > header .workspace-new-album:disabled,
.workspace-source-choice:disabled {
  cursor: not-allowed;
  opacity: .52;
  transform: none;
  box-shadow: none;
}

.workspace-source-card:has(.workspace-source-choice:disabled) {
  border-color: rgba(241, 207, 121, .35);
}

@media (max-width: 820px) {
  .workspace-start {
    place-items: center;
  }

  .workspace-start-dialog {
    width: min(100%, 680px);
  }

  .workspace-start-heading h2 {
    white-space: normal;
  }

  .workspace-source-grid {
    grid-template-columns: 1fr;
  }

  .workspace-route-actions {
    grid-column: 1;
    align-items: flex-start;
    justify-self: start;
  }
}

@media (max-width: 620px) {
  .workspace-start {
    padding: 10px;
  }

  .workspace-start-dialog {
    max-height: calc(100dvh - 70px);
    gap: 17px;
    padding: 22px 18px;
    border-radius: 19px;
  }

  .workspace-start-heading h2 {
    font-size: clamp(2.2rem, 12vw, 3.25rem);
  }

  .workspace-source-choice {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
    padding: 19px 50px 19px 16px;
  }

  .workspace-source-choice > span {
    width: 40px;
    height: 40px;
  }

  .workspace-source-detail {
    margin-right: 50px;
    margin-left: 69px;
  }

  .workspace-source-entitlement {
    max-width: calc(100% - 119px);
    margin-right: 50px;
    margin-left: 69px;
  }

  .workspace-route-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .workspace-route-actions > button {
    width: 100%;
    flex: 0 0 auto;
  }

  .workspace-active-build-start-note {
    max-width: none;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-source-card,
  .workspace-source-detail,
  .workspace-new-album {
    transition: none !important;
  }
}

/* Task 269: keep the Studio navigation available and make gateway guidance
   reveal inside preallocated card space instead of resizing the chooser. */
html[data-workspace-chooser="open"] .preview-header {
  position: fixed;
  z-index: 10020;
  inset: 0 0 auto;
  width: 100%;
}

html[data-workspace-chooser="open"] .preview-mobile-nav {
  z-index: 10030;
}

.workspace-start {
  inset: var(--header-height, 72px) 0 0;
}

.workspace-start-dialog {
  max-height: calc(100dvh - var(--header-height, 72px) - 28px);
}

.workspace-source-card {
  min-height: 220px;
  align-content: start;
}

.workspace-source-detail {
  min-height: 62px;
  max-height: 62px;
  padding-bottom: 20px;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 160ms ease, transform 180ms ease, visibility 0s linear 180ms;
}

@media (hover: hover) {
  .workspace-source-card:hover .workspace-source-detail,
  .workspace-source-info:focus + .workspace-source-detail {
    min-height: 62px;
    max-height: 62px;
    padding-bottom: 20px;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
  }
}

.workspace-source-card.is-info-open .workspace-source-detail {
  min-height: 62px;
  max-height: 62px;
  padding-bottom: 20px;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}

.workspace-source-mark > span,
.workspace-source-mark > svg {
  display: block;
}

.workspace-source-mark > svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-source-card.is-upgrade-locked {
  border-color: rgba(140, 98, 246, .52);
  background:
    linear-gradient(115deg, rgba(109, 216, 237, .1), transparent 52%),
    rgba(255, 255, 255, .032);
}

.workspace-source-card.is-upgrade-locked .workspace-source-mark {
  border-color: rgba(140, 98, 246, .74);
  color: #d8c9ff;
  background: rgba(8, 8, 12, .62);
}

.workspace-source-card.is-upgrade-locked .workspace-source-choice > b {
  border-bottom-color: rgba(178, 151, 255, .76);
  color: #d8c9ff;
}

.workspace-source-card.is-draft-continuation {
  border-color: rgba(223, 255, 98, .42);
}

.workspace-source-card.is-draft-continuation .workspace-source-choice > b {
  border-bottom-color: rgba(223, 255, 98, .75);
  color: var(--workspace-lime);
}

.workspace-source-card.is-draft-manager {
  border-color: rgba(255, 209, 102, .48);
}

.workspace-source-card.is-draft-manager .workspace-source-choice > b {
  border-bottom-color: rgba(255, 209, 102, .8);
  color: #ffd166;
}

/* The current card layout is a single full-width control. Retire the legacy
   three-column grid so the visible card and its actual pointer target agree. */
.workspace-source-card {
  grid-template-columns: minmax(0, 1fr);
}

.workspace-source-card > .workspace-source-choice {
  grid-column: 1 / -1;
  align-self: start;
}

.workspace-source-card > .workspace-source-info {
  z-index: 7;
}

.workspace-source-entitlement[data-state="blocked"] {
  border-color: rgba(140, 98, 246, .72);
  color: #d8c9ff;
  background: rgba(8, 8, 12, .82);
  box-shadow: inset 0 0 0 1px rgba(140, 98, 246, .16);
}

@media (max-width: 620px) {
  .workspace-start-dialog {
    max-height: calc(100dvh - var(--header-height, 64px) - 18px);
  }

  .workspace-source-card {
    min-height: 205px;
  }

  .workspace-source-detail,
  .workspace-source-card.is-info-open .workspace-source-detail {
    min-height: 56px;
    max-height: 56px;
  }
}

/* Task 275 cascade lock: the gateway has older compatibility layers above, so
   keep the artwork geometry and interactive allowance as the final authority. */
.workspace-source-card {
  min-height: 292px;
}

.workspace-source-detail,
.workspace-source-card.is-info-open .workspace-source-detail {
  position: absolute;
  z-index: 4;
  right: 18px;
  bottom: 18px;
  left: 18px;
  min-height: 74px;
  max-height: 74px;
  margin: 0;
  padding: 14px 16px;
}

.workspace-source-card > .workspace-source-detail,
.workspace-source-card.is-info-open > .workspace-source-detail {
  position: absolute;
  z-index: 4;
  grid-row: auto;
  grid-column: auto;
}

.workspace-source-card.upload .workspace-source-detail,
.workspace-source-card.upload.is-info-open .workspace-source-detail {
  bottom: 67px;
}

.workspace-source-entitlement {
  position: absolute;
  right: 18px;
  bottom: 18px;
  max-width: calc(100% - 36px);
  margin: 0;
}

.workspace-source-entitlement[data-state="available"] {
  width: 42px;
  min-width: 42px;
  max-width: calc(100% - 36px);
  height: 42px;
  padding: 0 13px;
  color: #fff;
  background: #09090d;
}

.workspace-source-entitlement[data-state="available"]:hover,
.workspace-source-entitlement[data-state="available"]:focus-visible {
  width: min(255px, calc(100% - 36px));
  max-width: calc(100% - 36px);
}

@media (max-width: 620px) {
  .workspace-source-card {
    min-height: 256px;
  }

  .workspace-source-detail,
  .workspace-source-card.is-info-open .workspace-source-detail {
    right: 14px;
    bottom: 14px;
    left: 14px;
    min-height: 68px;
    max-height: 68px;
  }

  .workspace-source-card.upload .workspace-source-detail,
  .workspace-source-card.upload.is-info-open .workspace-source-detail {
    bottom: 62px;
  }

  .workspace-source-entitlement {
    right: 14px;
    bottom: 14px;
    max-width: calc(100% - 28px);
  }

  .workspace-source-entitlement[data-state="available"]:hover,
  .workspace-source-entitlement[data-state="available"]:focus-visible {
    width: min(250px, calc(100% - 28px));
    max-width: calc(100% - 28px);
  }
}

@media (hover: hover) {
  .workspace-source-card:has(.workspace-source-entitlement:hover) > .workspace-source-detail,
  .workspace-source-card:has(.workspace-source-entitlement:focus-visible) > .workspace-source-detail {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
}

/* Task 279: simplified single-composition chooser art and clear guidance.
   Helper copy owns a reserved band above the art; neither hover nor a pinned
   explanation may dim the illustration. The upload allowance reads as an
   account limit instead of an unlabeled number inside the picture. */
.workspace-cycle-strip .workspace-inline-disclosure > small {
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.workspace-source-card {
  min-height: 306px;
}

.workspace-source-art {
  inset: 121px 15px 12px;
  opacity: 1;
  filter: none;
  transform: none;
  transition: none;
}

.workspace-source-art svg {
  width: min(100%, 360px);
  max-height: 100%;
}

.workspace-source-card:hover .workspace-source-art,
.workspace-source-card:focus-within .workspace-source-art,
.workspace-source-card.is-info-open .workspace-source-art {
  opacity: 1;
  filter: none;
  transform: none;
}

.workspace-source-detail,
.workspace-source-card.is-info-open .workspace-source-detail,
.workspace-source-card > .workspace-source-detail,
.workspace-source-card.is-info-open > .workspace-source-detail {
  position: absolute;
  z-index: 4;
  top: 91px;
  right: 18px;
  bottom: auto;
  left: 20px;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  color: var(--workspace-lime);
  background: transparent;
  box-shadow: none;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1.35;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  pointer-events: none;
}

.workspace-source-card.upload .workspace-source-detail,
.workspace-source-card.upload.is-info-open .workspace-source-detail {
  top: 91px;
  right: 156px;
  bottom: auto;
  color: #ff9bc9;
}

@media (hover: hover) {
  .workspace-source-card:hover > .workspace-source-detail,
  .workspace-source-info:focus + .workspace-source-detail {
    min-height: 0;
    max-height: none;
    padding: 0;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.workspace-source-card.is-info-open > .workspace-source-detail {
  min-height: 0;
  max-height: none;
  padding: 0;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.workspace-source-entitlement {
  position: absolute;
  z-index: 6;
  top: 84px;
  right: 18px;
  bottom: auto;
  grid-row: auto;
  grid-column: auto;
  display: inline-flex;
  max-width: 138px;
  align-items: center;
  gap: 6px;
  margin: 0;
  white-space: nowrap;
}

.workspace-source-entitlement[data-state="available"] {
  width: max-content;
  min-width: 0;
  max-width: 138px;
  height: 34px;
  justify-content: center;
  padding: 0 11px;
  border-color: rgba(255, 255, 255, .32);
  color: #fff;
  background: #09090d;
  cursor: help;
}

.workspace-source-entitlement[data-state="available"]:hover,
.workspace-source-entitlement[data-state="available"]:focus-visible {
  width: max-content;
  max-width: 138px;
}

.workspace-source-entitlement[data-state="available"] .workspace-source-entitlement-detail {
  overflow: visible;
  color: #fff;
  font-size: .61rem;
  font-weight: 850;
  letter-spacing: .015em;
  opacity: 1;
  transform: none;
}

@media (max-width: 620px) {
  .workspace-source-card {
    min-height: 282px;
  }

  .workspace-source-art {
    inset: 119px 12px 10px;
  }

  .workspace-source-detail,
  .workspace-source-card.is-info-open .workspace-source-detail {
    top: 89px;
    right: 14px;
    bottom: auto;
    left: 16px;
    min-height: 0;
    max-height: none;
  }

  .workspace-source-card.upload .workspace-source-detail,
  .workspace-source-card.upload.is-info-open .workspace-source-detail {
    top: 89px;
    right: 142px;
    bottom: auto;
  }

  .workspace-source-entitlement {
    top: 82px;
    right: 14px;
    bottom: auto;
    max-width: 128px;
  }

  .workspace-source-entitlement[data-state="available"],
  .workspace-source-entitlement[data-state="available"]:hover,
  .workspace-source-entitlement[data-state="available"]:focus-visible {
    width: max-content;
    max-width: 128px;
  }

}

/* Task 282: direct draft continuation and guarded new-draft handoff. */
.workspace-chooser-foot {
  align-items: flex-start;
}

.workspace-chooser-draft-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
  margin-right: auto;
}

.workspace-chooser-foot .workspace-resume-drafts {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  color: #0b0b0f;
  background: var(--workspace-lime);
  box-shadow: 0 8px 22px rgba(223, 255, 98, .16);
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.workspace-chooser-foot .workspace-resume-drafts[hidden] {
  display: none;
}

.workspace-chooser-foot .workspace-resume-drafts > span {
  font-size: 1.05rem;
  line-height: 1;
}

.workspace-chooser-foot .workspace-resume-drafts > b {
  display: inline-grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  padding: 0 6px;
  border-radius: 999px;
  color: #fff;
  background: #111118;
  font-size: .65rem;
}

.workspace-chooser-foot .workspace-resume-drafts:hover,
.workspace-chooser-foot .workspace-resume-drafts:focus-visible,
.workspace-chooser-foot .workspace-resume-drafts[aria-expanded="true"] {
  color: #08080b;
  background: #e7ff84;
  box-shadow: 0 10px 28px rgba(223, 255, 98, .24);
  transform: translateY(-1px);
}

.workspace-chooser-foot .workspace-cycle-link {
  flex: 0 0 auto;
}

.workspace-chooser-foot [data-studio-draft-cap-notice] {
  max-width: 360px;
  margin-right: 0;
}

.workspace-resume-drafts-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: min(294px, 34vh);
  gap: 12px;
  margin-top: 12px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(223, 255, 98, .3);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(223, 255, 98, .075), rgba(125, 92, 231, .075)),
    rgba(10, 10, 15, .88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.workspace-resume-drafts-panel[hidden] {
  display: none;
}

.workspace-resume-drafts-panel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.workspace-resume-drafts-panel > header > div {
  display: grid;
  gap: 2px;
}

.workspace-resume-drafts-panel > header span {
  color: var(--workspace-lime);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace-resume-drafts-panel > header strong {
  color: #fff;
  font-size: .88rem;
}

.workspace-resume-drafts-panel > header button {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .05);
  font-size: 1.2rem;
  cursor: pointer;
}

.workspace-resume-drafts-panel > header button:hover,
.workspace-resume-drafts-panel > header button:focus-visible {
  border-color: var(--workspace-lime);
  color: #0b0b0f;
  background: var(--workspace-lime);
}

.workspace-resume-drafts-list {
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 8px;
  min-height: 0;
  padding-right: 4px;
  overflow: auto;
  scrollbar-color: rgba(223, 255, 98, .72) rgba(255, 255, 255, .08);
}

.workspace-resume-draft {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  color: #fff;
  background: rgba(255, 255, 255, .035);
  text-decoration: none;
  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.workspace-resume-draft:hover,
.workspace-resume-draft:focus-visible {
  border-color: rgba(223, 255, 98, .6);
  background: rgba(223, 255, 98, .08);
  transform: translateX(2px);
}

.workspace-resume-draft > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.workspace-resume-draft strong,
.workspace-resume-draft small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-resume-draft strong {
  color: #fff;
  font-size: .77rem;
}

.workspace-resume-draft small {
  color: #aaa6b3;
  font-size: .64rem;
}

.workspace-resume-draft > b {
  flex: 0 0 auto;
  color: var(--workspace-lime);
  font-size: .67rem;
  font-weight: 900;
}

.workspace-resume-draft.is-current {
  border-color: rgba(126, 223, 240, .34);
}

.workspace-confirm-mark.is-new-draft {
  color: #0b0b0f;
  background: linear-gradient(135deg, var(--workspace-lime), #9be8ee);
  box-shadow: 0 12px 28px rgba(126, 223, 240, .15);
}

.workspace-confirm-mark.is-new-draft span {
  font-size: 1.7rem;
  font-weight: 500;
}

@media (max-width: 620px) {
  .workspace-chooser-foot {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }

  .workspace-chooser-draft-actions {
    width: 100%;
    flex: 1 1 100%;
    flex-wrap: wrap;
  }

  .workspace-chooser-foot .workspace-resume-drafts {
    min-height: 38px;
  }

  .workspace-chooser-foot [data-studio-draft-cap-notice] {
    max-width: 100%;
  }

  .workspace-chooser-foot .workspace-cycle-link {
    margin-left: auto;
  }

  .workspace-resume-drafts-panel {
    max-height: min(272px, 38vh);
    padding: 12px;
  }

  .workspace-resume-draft {
    gap: 10px;
  }
}

/* Task 283: distinguish private-ready releases from public-live releases. */
.workspace-release-state[data-state="ready"] {
  color: #181322;
  background: #c6b3ff;
  box-shadow:
    0 0 0 1px rgba(166, 139, 255, 0.4),
    0 6px 18px rgba(104, 68, 216, 0.24);
}

.workspace-release-state[data-state="live"] {
  color: var(--workspace-ink);
  background: var(--workspace-lime);
  box-shadow:
    0 0 0 1px rgba(223, 255, 98, 0.42),
    0 6px 18px rgba(223, 255, 98, 0.18);
}

.workspace-release-state[data-state="archived"] {
  color: #f5f1fa;
  background: #5d5965;
}

/* Task 284: one clear album action beside the guided-stage heading. */
.workspace-route-actions > .workspace-new-album:only-child {
  min-width: 142px;
}

/* Task 285: merge saved artist selection into the Artist name field. */
[data-identity-field="artist"] .workspace-owned-identity-picker {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 14px;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(63, 48, 112, 0.1);
  animation: workspace-artist-picker-in 180ms ease-out both;
}

[data-identity-field="artist"][data-picker-open="true"] .workspace-artist-identity-input,
[data-identity-field="artist"][data-picker-open="true"] .workspace-artist-identity-status {
  display: none;
}

/* Task 295: give the open identity picker and Album title a full-width row each. */
[data-identity-field="artist"][data-picker-open="true"],
[data-identity-field="artist"][data-picker-open="true"] ~ [data-identity-field="album"] {
  grid-column: 1 / -1;
}

[data-identity-field="artist"] .workspace-owned-identity-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

[data-identity-field="artist"] .workspace-owned-identity-controls label {
  grid-column: 1 / -1;
}

[data-identity-field="artist"] .workspace-owned-identity-controls > button {
  width: 100%;
  min-width: 0;
  padding-inline: 12px;
}

[data-identity-field="artist"] .workspace-owned-identity-copy small {
  max-width: 44ch;
}

@keyframes workspace-artist-picker-in {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  [data-identity-field="artist"] .workspace-owned-identity-picker {
    animation: none;
  }
}

/* Task 286: compact mature-language guidance and confirm before activation. */
.workspace-lyrics-options-row .workspace-lyrics-mature-control {
  position: relative;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  gap: 12px;
}

.workspace-lyrics-mature-heading {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.workspace-lyrics-mature-heading > label {
  color: #17171a;
  font-size: .74rem;
  font-weight: 850;
  line-height: 1.25;
  cursor: pointer;
}

.workspace-lyrics-mature-info-shell {
  position: static;
  display: inline-flex;
  align-items: center;
}

.workspace-lyrics-mature-info {
  display: grid;
  width: 23px;
  height: 23px;
  min-width: 23px;
  padding: 0;
  place-items: center;
  border: 1px solid #92899a;
  border-radius: 50%;
  color: #272329;
  background: #fff;
  font: 900 .72rem/1 Arial, sans-serif;
  cursor: help;
  transition: color 140ms ease, background 140ms ease, border-color 140ms ease;
}

.workspace-lyrics-mature-info:hover,
.workspace-lyrics-mature-info:focus-visible,
.workspace-lyrics-mature-info[aria-expanded="true"] {
  border-color: #17171a;
  color: #fff;
  background: #17171a;
  outline: 0;
}

.workspace-lyrics-mature-info-shell > small {
  position: absolute;
  z-index: 24;
  top: calc(50% + 19px);
  left: 39px;
  display: block;
  width: min(650px, calc(100% - 88px));
  padding: 10px 12px;
  border: 1px solid #17171a;
  border-radius: 10px;
  color: #fff;
  background: #17171a;
  box-shadow: 0 12px 28px rgba(17, 17, 22, .22);
  font-size: .69rem;
  font-weight: 680;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  visibility: hidden;
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
}

.workspace-lyrics-mature-info-shell:hover > small,
.workspace-lyrics-mature-info-shell:focus-within > small,
.workspace-lyrics-mature-info[aria-expanded="true"] + small {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.workspace-lyrics-mature-toggle-hit {
  position: relative;
  display: block;
  margin-left: auto;
  cursor: pointer;
}

.workspace-lyrics-mature-toggle-hit input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.workspace-lyrics-mature-toggle-hit input:checked + .workspace-lyrics-mature-switch {
  background: #17171a;
}

.workspace-lyrics-mature-toggle-hit input:checked + .workspace-lyrics-mature-switch::after {
  transform: translateX(17px);
}

/* Task 297: keep the compact switch fully formed at every Builder width. */
.workspace-lyrics-options-row .workspace-lyrics-mature-toggle-hit {
  display: grid;
  width: 42px;
  min-width: 42px;
  height: 30px;
  min-height: 30px;
  padding: 4px 2px;
  place-items: center;
  justify-self: end;
  flex: 0 0 42px;
  box-sizing: border-box;
}

.workspace-lyrics-options-row .workspace-lyrics-mature-switch {
  display: block;
  width: 38px;
  min-width: 38px;
  height: 22px;
  min-height: 22px;
  margin: 0;
  overflow: visible;
  box-sizing: border-box;
  flex: 0 0 38px;
}

.workspace-lyrics-options-row .workspace-lyrics-mature-switch::after {
  box-sizing: border-box;
}

.workspace-lyrics-mature-dialog {
  grid-template-columns: 76px minmax(0, 1fr);
  border-color: #f7f7f5;
  color: #fff;
  background: #0d0d0f;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .54);
}

.workspace-lyrics-mature-dialog::before {
  background: #fff;
}

.workspace-confirm-mark.is-mature {
  display: grid;
  width: 76px;
  height: 76px;
  align-content: center;
  gap: 5px;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #111116;
  background: #fff;
  box-shadow: none;
  text-align: center;
}

.workspace-confirm-mark.is-mature span {
  font-size: 1.3rem;
  font-weight: 950;
  letter-spacing: -.05em;
}

.workspace-confirm-mark.is-mature small {
  color: #111116;
  font-size: .45rem;
  font-weight: 950;
  letter-spacing: .08em;
  line-height: 1.15;
  text-transform: uppercase;
}

.workspace-lyrics-mature-dialog .workspace-confirm-copy > small,
.workspace-lyrics-mature-dialog .workspace-confirm-copy h2,
.workspace-lyrics-mature-dialog .workspace-confirm-copy p {
  color: #fff;
}

.workspace-lyrics-mature-dialog .workspace-confirm-copy > small {
  opacity: .72;
}

.workspace-lyrics-mature-dialog .workspace-confirm-copy p {
  color: #d8d8d5;
}

.workspace-lyrics-mature-dialog .workspace-confirm-close {
  color: #fff;
}

.workspace-lyrics-mature-dialog .workspace-confirm-close:hover,
.workspace-lyrics-mature-dialog .workspace-confirm-close:focus-visible {
  color: #111116;
  background: #fff;
}

.workspace-lyrics-mature-dialog .workspace-confirm-cancel {
  border-color: #fff;
  color: #fff;
  background: #0d0d0f;
}

.workspace-lyrics-mature-dialog .workspace-confirm-cancel:hover,
.workspace-lyrics-mature-dialog .workspace-confirm-cancel:focus-visible {
  border-color: #fff;
  color: #111116;
  background: #fff;
}

.workspace-lyrics-mature-dialog .workspace-confirm-primary {
  border-color: #fff;
  color: #111116;
  background: #fff;
  box-shadow: none;
}

.workspace-lyrics-mature-dialog .workspace-confirm-primary:hover,
.workspace-lyrics-mature-dialog .workspace-confirm-primary:focus-visible {
  border-color: #d7d7d3;
  color: #111116;
  background: #d7d7d3;
}

.workspace-lyrics-mature-dialog button:focus-visible {
  outline-color: #fff;
}

@media (max-width: 620px) {
  .workspace-lyrics-mature-info-shell > small {
    top: calc(100% - 2px);
    left: 0;
    width: calc(100% - 4px);
  }

  .workspace-lyrics-mature-dialog {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .workspace-confirm-mark.is-mature {
    width: 58px;
    height: 64px;
  }

  .workspace-confirm-mark.is-mature span {
    font-size: 1.05rem;
  }

  .workspace-confirm-mark.is-mature small {
    font-size: .39rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-lyrics-mature-info-shell > small {
    transition: none;
  }
}

@media (max-width: 560px) {
  [data-identity-field="artist"] .workspace-owned-identity-controls {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-identity-field="artist"] .workspace-owned-identity-controls label,
  [data-identity-field="artist"] .workspace-owned-identity-controls > button {
    grid-column: 1;
  }
}

/* Task 292 final cascade: chooser guidance belongs to its info control, the
   upload allowance expands from a compact artwork badge, and draft actions
   separate immediate continuation from choosing another saved album. */
.workspace-start .workspace-source-card.create.is-info-open > .workspace-source-detail,
.workspace-start .workspace-source-card.upload.is-info-open > .workspace-source-detail {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

.workspace-source-detail,
.workspace-source-card > .workspace-source-detail,
.workspace-source-card.is-info-open .workspace-source-detail,
.workspace-source-card.is-info-open > .workspace-source-detail,
.workspace-source-card.upload .workspace-source-detail,
.workspace-source-card.upload.is-info-open .workspace-source-detail {
  top: 133px;
  right: 28px;
  bottom: auto;
  left: 28px;
  min-height: 0;
  max-height: none;
  padding: 10px 13px 10px 15px;
  overflow: hidden;
  border: 0;
  border-left: 3px solid var(--workspace-lime);
  border-radius: 0 8px 8px 0;
  color: #fff;
  background: linear-gradient(90deg, rgba(9, 9, 14, .94), rgba(19, 17, 28, .74));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .2);
  font-size: .7rem;
  font-weight: 760;
  line-height: 1.42;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  pointer-events: none;
  transition: opacity 160ms ease, transform 180ms ease, visibility 0s linear 180ms;
}

.workspace-source-card.upload .workspace-source-detail,
.workspace-source-card.upload.is-info-open .workspace-source-detail {
  border-left-color: #ff9bc9;
}

@media (hover: hover) {
  .workspace-source-card:hover > .workspace-source-detail {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
  }

  .workspace-source-info:hover + .workspace-source-detail,
  .workspace-source-info:focus + .workspace-source-detail {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
  }
}

.workspace-source-card.is-info-open > .workspace-source-detail {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

.workspace-source-entitlement {
  top: 133px;
  right: 26px;
  bottom: auto;
  overflow: hidden;
  font-family: inherit;
  font-style: normal;
  transition: width 210ms ease, opacity 150ms ease, visibility 0s linear, border-color 160ms ease, box-shadow 180ms ease;
}

.workspace-source-entitlement[data-state="available"],
.workspace-source-entitlement[data-state="available"]:hover,
.workspace-source-entitlement[data-state="available"]:focus-visible,
.workspace-source-entitlement[data-state="available"][aria-expanded="true"] {
  width: 42px;
  min-width: 42px;
  height: 42px;
  max-width: min(180px, calc(100% - 52px));
  justify-content: flex-start;
  padding: 0 13px;
  border-radius: 999px;
  color: #fff;
  background: rgba(8, 8, 13, .9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
}

.workspace-source-entitlement[data-state="available"]:hover,
.workspace-source-entitlement[data-state="available"]:focus-visible,
.workspace-source-entitlement[data-state="available"][aria-expanded="true"] {
  width: min(180px, calc(100% - 52px));
  border-color: rgba(223, 255, 98, .72);
  box-shadow: 0 0 0 3px rgba(223, 255, 98, .12), 0 12px 25px rgba(0, 0, 0, .32);
}

.workspace-source-entitlement[data-state="available"] .workspace-source-entitlement-value {
  min-width: 16px;
  color: #fff;
  font-size: .85rem;
}

.workspace-source-entitlement[data-state="available"] .workspace-source-entitlement-detail {
  overflow: hidden;
  color: #fff;
  font-size: .61rem;
  font-weight: 850;
  letter-spacing: .015em;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity 150ms ease, transform 180ms ease;
}

.workspace-source-entitlement[data-state="available"]:hover .workspace-source-entitlement-detail,
.workspace-source-entitlement[data-state="available"]:focus-visible .workspace-source-entitlement-detail,
.workspace-source-entitlement[data-state="available"][aria-expanded="true"] .workspace-source-entitlement-detail {
  opacity: 1;
  transform: translateX(0);
}

.workspace-source-card.upload.is-info-open .workspace-source-entitlement,
.workspace-source-card.upload:has(.workspace-source-info:hover) .workspace-source-entitlement,
.workspace-source-card.upload:has(.workspace-source-info:focus) .workspace-source-entitlement {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.workspace-resume-split {
  display: inline-flex;
  min-height: 40px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--workspace-lime);
  box-shadow: 0 8px 22px rgba(223, 255, 98, .16);
}

.workspace-resume-split[hidden] {
  display: none;
}

/* Task 560 final cascade guard: follows every legacy upload-flow block. */
.workspace-resume-draft {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.workspace-resume-draft > .workspace-draft-kind-icon {
  display: inline-grid;
  min-width: 34px;
  gap: 0;
}

.workspace-draft-card-visual {
  position: relative;
}

.workspace-upload-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.workspace-upload-flow li {
  display: block;
  padding: 0;
}

@media (max-width: 900px) {
  .workspace-upload-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .workspace-resume-draft {
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    min-height: 0;
    align-items: start;
    column-gap: 10px;
    row-gap: 7px;
    padding: 11px 12px;
  }
  .workspace-resume-draft > .workspace-draft-kind-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
  }
  .workspace-resume-draft-copy {
    grid-column: 2;
    grid-row: 1;
  }
  .workspace-resume-draft-copy > strong,
  .workspace-resume-draft-progress > small {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.3;
  }
  .workspace-resume-draft > b:last-child {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    line-height: 1.25;
  }
  .workspace-resume-drafts-list {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .workspace-draft-card-visual .workspace-draft-kind-icon {
    top: 7px;
    left: 7px;
    width: 28px;
    height: 28px;
    min-width: 28px;
  }
  .workspace-draft-card-visual .workspace-draft-kind-icon svg { width: 17px; height: 17px; }
  .workspace-draft-card-number { right: 7px; bottom: 6px; font-size: .72rem; }
  .workspace-upload-flow { grid-template-columns: 1fr; }
}

.workspace-resume-latest-draft,
.workspace-chooser-foot .workspace-resume-drafts {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  border: 0;
  border-radius: 0;
  color: #0b0b0f;
  background: transparent;
  box-shadow: none;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  transform: none;
  cursor: pointer;
}

.workspace-resume-latest-draft {
  padding: 8px 12px;
}

.workspace-resume-latest-draft > span {
  font-size: 1.05rem;
}

.workspace-chooser-foot .workspace-resume-drafts {
  min-width: 43px;
  padding: 6px 9px;
  border-left: 1px solid rgba(11, 11, 15, .28);
}

.workspace-chooser-foot .workspace-resume-drafts > b {
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
}

.workspace-resume-latest-draft:hover,
.workspace-resume-latest-draft:focus-visible,
.workspace-chooser-foot .workspace-resume-drafts:hover,
.workspace-chooser-foot .workspace-resume-drafts:focus-visible,
.workspace-chooser-foot .workspace-resume-drafts[aria-expanded="true"] {
  color: #08080b;
  background: rgba(255, 255, 255, .28);
  box-shadow: none;
  transform: none;
  outline: none;
}

.workspace-resume-latest-draft:focus-visible,
.workspace-chooser-foot .workspace-resume-drafts:focus-visible {
  box-shadow: inset 0 0 0 3px rgba(8, 8, 12, .24);
}

.workspace-resume-draft > span {
  gap: 5px;
}

.workspace-resume-draft-progress {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
}

.workspace-resume-draft-progress > b {
  flex: 0 0 auto;
  padding-right: 7px;
  border-right: 1px solid rgba(223, 255, 98, .34);
  color: var(--workspace-lime);
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .015em;
  white-space: nowrap;
}

.workspace-resume-draft-progress > small {
  min-width: 0;
}

@media (max-width: 620px) {
  .workspace-source-detail,
  .workspace-source-card > .workspace-source-detail,
  .workspace-source-card.is-info-open .workspace-source-detail,
  .workspace-source-card.is-info-open > .workspace-source-detail,
  .workspace-source-card.upload .workspace-source-detail,
  .workspace-source-card.upload.is-info-open .workspace-source-detail {
    top: 131px;
    right: 20px;
    left: 20px;
    padding: 9px 11px 9px 13px;
    font-size: .67rem;
  }

  .workspace-source-entitlement {
    top: 131px;
    right: 20px;
  }

  .workspace-source-entitlement[data-state="available"],
  .workspace-source-entitlement[data-state="available"]:hover,
  .workspace-source-entitlement[data-state="available"]:focus-visible,
  .workspace-source-entitlement[data-state="available"][aria-expanded="true"] {
    max-width: min(172px, calc(100% - 40px));
  }

  .workspace-source-entitlement[data-state="available"]:hover,
  .workspace-source-entitlement[data-state="available"]:focus-visible,
  .workspace-source-entitlement[data-state="available"][aria-expanded="true"] {
    width: min(172px, calc(100% - 40px));
  }

  .workspace-resume-draft-progress {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .workspace-resume-draft-progress > b {
    padding-right: 0;
    border-right: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-source-detail,
  .workspace-source-entitlement,
  .workspace-source-entitlement-detail {
    transition: none !important;
  }
}

/* Studio Task 605: one-surface package reconnect and Create-style local inspection. */
.workspace-upload-reconnect-dialog,
.workspace-upload-preflight-dialog,
.workspace-upload-scan-dialog {
  border: 1px solid #d9d1df;
  border-top: 7px solid #8c62f6;
  color: #17131b;
  background:
    radial-gradient(circle at 12% 0%, rgba(140, 98, 246, .12), transparent 17rem),
    radial-gradient(circle at 96% 4%, rgba(223, 255, 98, .18), transparent 16rem),
    #fffdf8;
  box-shadow: 0 32px 100px rgba(33, 23, 42, .32);
}

.workspace-upload-preflight-dialog header span,
.workspace-upload-scan-dialog header span {
  color: #6841d6;
}

.workspace-upload-preflight-dialog h3,
.workspace-upload-scan-dialog h3,
.workspace-upload-preflight-dialog header small,
.workspace-upload-scan-dialog header small {
  color: #17131b;
}

.workspace-upload-preflight-dialog header small,
.workspace-upload-scan-dialog header small {
  color: #655d69;
}

.workspace-upload-preflight-dialog header > button {
  border-color: #d9d1df;
  color: #211a27;
  background: rgba(255, 255, 255, .82);
}

.workspace-upload-preflight-dialog p,
.workspace-upload-scan-dialog p {
  color: #5f5763;
}

.workspace-upload-preflight-dialog aside,
.workspace-upload-scan-dialog aside {
  border: 1px solid rgba(104, 65, 214, .18);
  border-left: 4px solid #7654df;
  color: #31273a;
  background: #f5f1fb;
}

.workspace-upload-preflight-dialog aside strong,
.workspace-upload-scan-dialog aside strong {
  color: #2e2535;
}

.workspace-upload-preflight-dialog aside small,
.workspace-upload-scan-dialog aside small {
  color: #675e6c;
}

.workspace-upload-preflight-limits article {
  border-color: rgba(104, 65, 214, .18);
  background: linear-gradient(145deg, rgba(140, 98, 246, .1), rgba(223, 255, 98, .12));
  box-shadow: none;
}

.workspace-upload-preflight-limits b {
  color: #6841d6;
  text-shadow: none;
}

.workspace-upload-preflight-limits span {
  color: #5f5763;
}

.workspace-upload-preflight-dialog footer button,
.workspace-upload-scan-dialog footer button {
  border-color: #cfc6d8;
  color: #261e2d;
  background: #fff;
}

.workspace-upload-preflight-dialog footer .is-primary {
  border-color: #7654df;
  color: #fff;
  background: #7654df;
}

.workspace-upload-reconnect-progress {
  display: grid;
  justify-items: center;
  gap: 13px;
  padding: 19px 18px;
  border-color: rgba(104, 65, 214, .15);
  color: #21182a;
  background: rgba(255, 255, 255, .72);
  text-align: center;
}

.workspace-upload-reconnect-progress > i {
  position: relative;
  display: grid;
  width: 106px;
  height: 106px;
  flex-basis: 106px;
  place-items: center;
  border-radius: 50%;
  background: transparent !important;
  animation: none !important;
}

.workspace-upload-reconnect-progress > i::before,
.workspace-upload-reconnect-progress > i::after {
  position: absolute;
  border-radius: 50%;
  content: "";
}

.workspace-upload-reconnect-progress > i::before {
  inset: 0;
  background: conic-gradient(from 0deg, #6841d6, #8c62f6, #63bde9, #8fe1c9, #dfff62, #6841d6);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 0);
}

.workspace-upload-reconnect-progress > i::after {
  inset: 15px;
  border: 1px solid rgba(104, 65, 214, .12);
  background: radial-gradient(circle at 35% 30%, #fff, #f6f2fb 74%);
}

.workspace-upload-reconnect-dialog[data-mode="busy"] .workspace-upload-reconnect-progress > i::before {
  animation: workspace-upload-reconnect-spin 900ms linear infinite;
}

.workspace-upload-reconnect-dialog[data-mode="success"] .workspace-upload-reconnect-progress > i::before,
.workspace-upload-reconnect-dialog[data-mode="warning"] .workspace-upload-reconnect-progress > i::before,
.workspace-upload-reconnect-dialog[data-mode="retry"] .workspace-upload-reconnect-progress > i::before {
  -webkit-mask: none;
  mask: none;
}

.workspace-upload-reconnect-dialog[data-mode="success"] .workspace-upload-reconnect-progress > i::before { background: #238a73; }
.workspace-upload-reconnect-dialog[data-mode="warning"] .workspace-upload-reconnect-progress > i::before { background: #b52b4a; }
.workspace-upload-reconnect-dialog[data-mode="retry"] .workspace-upload-reconnect-progress > i::before { background: #d59a24; }

.workspace-upload-reconnect-dialog[data-mode="success"] .workspace-upload-reconnect-progress > i::after,
.workspace-upload-reconnect-dialog[data-mode="warning"] .workspace-upload-reconnect-progress > i::after,
.workspace-upload-reconnect-dialog[data-mode="retry"] .workspace-upload-reconnect-progress > i::after {
  inset: 0;
  display: grid;
  place-items: center;
  border: 0;
  color: #fff;
  background: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 950;
}

.workspace-upload-reconnect-dialog[data-mode="success"] .workspace-upload-reconnect-progress > i::after { content: "✓"; }
.workspace-upload-reconnect-dialog[data-mode="warning"] .workspace-upload-reconnect-progress > i::after,
.workspace-upload-reconnect-dialog[data-mode="retry"] .workspace-upload-reconnect-progress > i::after { content: "!"; }
.workspace-upload-reconnect-dialog[data-mode="retry"] { border-top-color: #d59a24; }

.workspace-upload-reconnect-progress > span {
  justify-items: center;
}

.workspace-upload-reconnect-progress strong {
  color: #21182a;
  font-size: .88rem;
}

.workspace-upload-reconnect-progress small {
  max-width: 440px;
  color: #675e6c;
  font-size: .7rem;
  line-height: 1.45;
}

.workspace-upload-reconnect-dialog footer [data-upload-draft-reconnect-use-package],
.workspace-upload-reconnect-dialog footer [data-upload-draft-reconnect-review-package] {
  border-color: #7654df;
  color: #6841d6;
  background: #fff;
}

.workspace-upload-reconnect-dialog footer .is-primary {
  border-color: #7654df;
  color: #fff;
  background: #7654df;
}

.workspace-upload-scan-dialog .workspace-upload-dialog-shell {
  justify-items: center;
  text-align: center;
}

.workspace-upload-scan-dialog header {
  width: 100%;
  justify-content: center;
}

.workspace-upload-scan-progress {
  position: relative;
  display: grid;
  width: 110px;
  height: 110px;
  place-items: center;
  overflow: visible;
  border: 0;
  border-radius: 50%;
  background: transparent;
  filter: drop-shadow(0 13px 22px rgba(104, 68, 216, .18));
}

.workspace-upload-scan-progress::before,
.workspace-upload-scan-progress::after {
  position: absolute;
  border-radius: 50%;
  content: "";
}

.workspace-upload-scan-progress::before {
  inset: 0;
  background: conic-gradient(from 0deg, #6841d6, #8c62f6, #63bde9, #8fe1c9, #dfff62, #6841d6);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 0);
  animation: workspace-upload-reconnect-spin 900ms linear infinite;
}

.workspace-upload-scan-progress::after {
  inset: 15px;
  border: 1px solid rgba(104, 65, 214, .12);
  background: radial-gradient(circle at 35% 30%, #fff, #f6f2fb 74%);
}

.workspace-upload-scan-progress i {
  position: relative;
  z-index: 1;
  display: grid;
  width: auto !important;
  height: auto;
  place-items: center;
  color: #6841d6;
  background: transparent;
  font-style: normal;
  font-weight: 950;
}

.workspace-upload-scan-dialog p {
  max-width: 100%;
  text-align: center;
}

.workspace-upload-scan-dialog aside,
.workspace-upload-scan-dialog footer {
  width: 100%;
}

@media (max-width: 620px) {
  .workspace-upload-reconnect-progress > i,
  .workspace-upload-scan-progress {
    width: 90px;
    height: 90px;
    flex-basis: 90px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-upload-reconnect-dialog[data-mode="busy"] .workspace-upload-reconnect-progress > i::before,
  .workspace-upload-scan-progress::before {
    animation: none;
  }
}

/* Studio Task 606: distinct source mode, visual package summary, and deliberate disclosures. */
.workspace-upload-stage .workspace-upload-notice > summary {
  grid-template-columns: 22px minmax(0, auto) !important;
  padding-right: 13px;
}

.workspace-upload-stage .workspace-upload-notice > summary::after,
.workspace-upload-stage .workspace-upload-notice > summary > i {
  display: none !important;
  content: none !important;
}

.workspace-upload-stage .workspace-upload-allowance > div,
.workspace-upload-stage .workspace-upload-notice > div {
  overflow: visible;
}

@media (min-width: 901px) {
  .workspace-upload-stage .workspace-section-actions .workspace-upload-allowance > div,
  .workspace-upload-stage .workspace-section-actions .workspace-upload-notice > div {
    top: 0;
    right: calc(100% + 12px);
  }
}

.workspace-upload-stage .workspace-upload-notice > div > [data-upload-notice-dismiss] {
  display: inline-flex;
  width: auto !important;
  min-width: max-content;
  height: auto !important;
  flex: none !important;
  align-items: center;
  justify-content: center;
  justify-self: start;
  overflow: visible;
  padding: 8px 13px;
  border-radius: 999px;
  white-space: nowrap;
}

.workspace-upload-panel .workspace-package-guide-head,
.workspace-package-guide-head {
  background:
    radial-gradient(circle at 88% 8%, rgba(143, 225, 201, .33), transparent 20rem),
    radial-gradient(circle at 7% 5%, rgba(140, 98, 246, .16), transparent 19rem),
    linear-gradient(120deg, #fbf9ff 0%, #fff 56%, #f0fff9 100%);
}

.workspace-upload-panel .workspace-package-overview > .workspace-package-overview-card,
.workspace-package-overview > .workspace-package-overview-card {
  gap: 10px;
  background:
    radial-gradient(circle at 100% 0%, rgba(143, 225, 201, .18), transparent 28rem),
    linear-gradient(135deg, rgba(140, 98, 246, .075), rgba(255, 255, 255, .9));
}

.workspace-package-overview-card > span:first-child {
  color: #287562;
}

.workspace-upload-panel .workspace-package-overview dl,
.workspace-package-overview dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 7px;
}

.workspace-upload-panel .workspace-package-overview dl > .workspace-package-overview-stat,
.workspace-package-overview dl > .workspace-package-overview-stat {
  display: grid;
  aspect-ratio: 1 / 1;
  grid-template-rows: minmax(0, 1fr) auto auto;
  align-content: stretch;
  gap: 6px;
  overflow: hidden;
  padding: 14px;
  border: 1px solid rgba(104, 65, 214, .14);
  border-radius: 19px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 12px 28px rgba(49, 34, 62, .06);
}

.workspace-package-overview-stat-visual {
  display: grid;
  min-height: 0;
  place-items: center;
  overflow: hidden;
  border-radius: 13px;
  color: #6841d6;
  background: linear-gradient(145deg, #f0ebff, #effbf7);
}

.workspace-package-overview-stat-visual svg {
  width: 46%;
  max-width: 72px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.workspace-package-overview-stat-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workspace-upload-panel .workspace-package-studio-decide,
.workspace-package-studio-decide {
  position: relative;
  display: inline-grid;
  width: fit-content;
  max-width: 100%;
  grid-template-columns: auto minmax(0, auto) auto;
  gap: 10px;
  margin: 13px 0 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.workspace-package-studio-decide > b {
  font-size: .76rem;
}

.workspace-package-studio-info {
  position: relative;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid rgba(104, 65, 214, .32);
  border-radius: 50%;
  color: #6841d6;
  background: #fff;
  font-size: .68rem;
  font-weight: 950;
  cursor: help;
}

.workspace-package-studio-info > small {
  position: absolute;
  z-index: 8;
  top: calc(100% + 9px);
  right: -10px;
  display: none;
  width: min(310px, calc(100vw - 64px));
  padding: 10px 12px;
  border: 1px solid #d8cdeb;
  border-radius: 12px;
  color: #554b5a;
  background: #fff;
  box-shadow: 0 16px 36px rgba(41, 27, 54, .16);
  font-size: .64rem;
  font-weight: 700;
  line-height: 1.45;
}

.workspace-package-studio-info:hover > small,
.workspace-package-studio-info:focus-visible > small,
.workspace-package-studio-info[aria-expanded="true"] > small {
  display: block;
}

.workspace-package-studio-info:focus-visible {
  outline: 3px solid rgba(140, 98, 246, .18);
  outline-offset: 2px;
}

.workspace-upload-panel .workspace-package-overview .workspace-package-begin-action.is-slide-control,
.workspace-package-overview .workspace-package-begin-action.is-slide-control {
  --upload-package-slide-offset: 0px;
  --upload-package-slide-progress: 0;
  position: relative;
  isolation: isolate;
  width: min(100%, 460px);
  min-height: 72px;
  overflow: hidden;
  gap: 16px;
  padding: 9px 20px 9px 9px;
  border-color: #17131b;
  color: #fff;
  background: #17131b;
  cursor: default;
}

.workspace-package-begin-action.is-slide-control::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #6841d6, #2e8e77);
  content: "";
  transform: scaleX(var(--upload-package-slide-progress));
  transform-origin: left center;
}

.workspace-package-begin-action.is-slide-control > [data-upload-package-slide-thumb] {
  position: relative;
  z-index: 2;
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  place-items: center;
  border-radius: 50%;
  color: #231b2a;
  background: #8fe1c9;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .24);
  font-size: 1.25rem;
  touch-action: none;
  cursor: grab;
  transform: translateX(var(--upload-package-slide-offset));
  transition: transform 180ms ease, background 180ms ease;
}

.workspace-package-begin-action.is-slide-control.is-dragging > [data-upload-package-slide-thumb] {
  cursor: grabbing;
  transition: none;
}

.workspace-package-begin-action.is-slide-control > span {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 2px;
  opacity: calc(1 - var(--upload-package-slide-progress));
  transform: translateX(calc(var(--upload-package-slide-progress) * 22px));
  transition: opacity 160ms ease, transform 160ms ease;
}

.workspace-package-begin-action.is-slide-control > span > strong {
  font-size: .78rem;
}

.workspace-package-begin-action.is-slide-control small,
.workspace-package-begin-action.is-slide-control:hover small,
.workspace-package-begin-action.is-slide-control:focus-visible small {
  color: #d7d0db;
}

.workspace-package-begin-action.is-slide-control:hover,
.workspace-package-begin-action.is-slide-control:focus-visible {
  border-color: #17131b;
  color: #fff;
  background: #17131b;
}

.workspace-package-begin-action.is-slide-control.is-complete {
  background: #2e8e77;
}

.workspace-package-begin-action.is-slide-control.is-complete > [data-upload-package-slide-thumb] {
  color: #fff;
  background: #247561;
}

.workspace-package-begin-action.is-slide-control.is-slide-hint > [data-upload-package-slide-thumb] {
  animation: workspace-package-slide-hint 340ms ease;
}

@keyframes workspace-package-slide-hint {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(14px); }
}

.workspace-upload-summary > .workspace-upload-summary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: inherit;
  font-weight: inherit;
}

.workspace-upload-summary-actions [data-upload-package-manage-files] {
  border-color: #211a25;
  color: #fff;
  background: #19151d;
}

.workspace-upload-workflow-panel.is-source-management-active > [data-upload-discovery]:not([hidden]) {
  overflow: hidden;
  border: 1px solid rgba(104, 65, 214, .2);
  border-radius: 22px;
  box-shadow: 0 20px 54px rgba(47, 36, 58, .08);
}

.workspace-upload-workflow-panel.is-source-management-active .workspace-package-inventory {
  border-bottom: 0;
  background: linear-gradient(180deg, #f8f5fc, #fff);
}

@media (max-width: 620px) {
  .workspace-upload-panel .workspace-package-overview dl,
  .workspace-package-overview dl {
    gap: 7px;
  }

  .workspace-upload-panel .workspace-package-overview dl > .workspace-package-overview-stat,
  .workspace-package-overview dl > .workspace-package-overview-stat {
    min-width: 0;
    padding: 8px;
    border-radius: 14px;
  }

  .workspace-package-overview-stat-visual {
    border-radius: 9px;
  }

  .workspace-upload-summary > .workspace-upload-summary-actions {
    display: grid;
  }

  .workspace-upload-panel .workspace-package-overview .workspace-package-begin-action.is-slide-control,
  .workspace-package-overview .workspace-package-begin-action.is-slide-control {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-package-begin-action.is-slide-control::before,
  .workspace-package-begin-action.is-slide-control > [data-upload-package-slide-thumb],
  .workspace-package-begin-action.is-slide-control > span {
    transition: none;
  }
}

/* Studio Task 607: explicit stage confirmation, calmer private-text review, and visible analysis boundaries. */
.workspace-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.workspace-upload-stage .workspace-section-actions {
  position: relative;
  isolation: isolate;
}

.workspace-upload-stage .workspace-section-actions > details[open] {
  z-index: 30;
  width: min(430px, 100%);
}

.workspace-upload-stage .workspace-section-actions .workspace-upload-allowance > div,
.workspace-upload-stage .workspace-section-actions .workspace-upload-notice > div {
  position: static;
  width: 100%;
  margin-top: 8px;
  max-height: min(340px, 60vh);
  overflow: auto;
}

.workspace-upload-stage .workspace-upload-notice > summary {
  grid-template-columns: 22px minmax(0, 1fr) !important;
}

.workspace-package-guide-head,
.workspace-package-overview > .workspace-package-overview-card {
  background-image:
    radial-gradient(circle at 90% 10%, rgba(117, 208, 194, .25), transparent 24rem),
    radial-gradient(circle at 8% 4%, rgba(140, 98, 246, .16), transparent 22rem),
    linear-gradient(120deg, #fbf9ff, #fff 58%, #f3fff9) !important;
}

.workspace-package-overview-card > span:first-child,
.workspace-package-guide-head > div > span {
  color: #2e806b !important;
}

.workspace-package-stage-button.is-complete > b {
  border-color: #6841d6 !important;
  color: #fff !important;
  background: #6841d6 !important;
  box-shadow: 0 0 0 4px rgba(104, 65, 214, .11);
}

.workspace-package-stage-button.is-next > i {
  animation: none !important;
}

.workspace-package-stage-button.is-idle-cue {
  position: relative;
  opacity: 1;
}

.workspace-package-stage-button.is-idle-cue::before {
  position: absolute;
  top: 50%;
  left: 4px;
  color: #6841d6;
  content: "→";
  font-size: 1rem;
  font-weight: 950;
  opacity: 0;
  transform: translate(-12px, -50%);
  animation: workspace-package-artwork-cue 1.1s ease-in-out 8s 4;
}

@keyframes workspace-package-artwork-cue {
  0%, 100% { opacity: 0; transform: translate(-12px, -50%); }
  35%, 70% { opacity: 1; transform: translate(0, -50%); }
}

.workspace-package-artwork-choice.is-selected .workspace-package-artwork-image > b {
  color: #fff !important;
  background: #17131b !important;
}

.workspace-package-artwork-choice.is-selected > i {
  color: #17131b !important;
  background: #fff !important;
  border: 2px solid #6841d6;
}

.workspace-package-artwork-alternates {
  position: relative;
  margin-top: -22px !important;
  border: 0 !important;
  background: transparent !important;
}

.workspace-package-artwork-alternates > summary {
  display: grid !important;
  width: 44px;
  height: 44px;
  margin: 0 auto;
  place-items: center;
  padding: 0 !important;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff !important;
  background: #6841d6;
  box-shadow: 0 8px 20px rgba(69, 42, 142, .24);
}

.workspace-package-artwork-alternates > summary > b {
  font-size: 1.15rem;
  transition: transform 160ms ease;
}

.workspace-package-artwork-alternates[open] > summary > b {
  transform: rotate(180deg);
}

.workspace-package-artwork-alternates > div {
  margin-top: 10px;
  padding-top: 12px !important;
  border: 1px solid #ddd5e1;
  border-radius: 16px;
  background: #fff;
}

.workspace-package-crop {
  min-height: 0;
  padding: 17px 19px;
}

.workspace-package-crop .workspace-upload-crop-summary {
  display: none !important;
}

.workspace-package-crop > header {
  margin: 0;
}

.workspace-package-stage-panel > footer .workspace-package-primary-action:not(.is-slide-control) {
  border-color: #dfff62 !important;
  color: #17131b !important;
  background: #dfff62 !important;
  cursor: pointer;
}

.workspace-package-stage-panel > footer .workspace-package-primary-action:not(.is-slide-control):hover,
.workspace-package-stage-panel > footer .workspace-package-primary-action:not(.is-slide-control):focus-visible {
  border-color: #17131b !important;
  color: #fff !important;
  background: #17131b !important;
}

.workspace-package-stage-slide.is-slide-control {
  --upload-package-slide-offset: 0px;
  --upload-package-slide-progress: 0;
  position: relative;
  isolation: isolate;
  display: flex;
  width: min(100%, 410px);
  min-height: 62px;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  gap: 14px;
  padding: 7px 18px 7px 7px !important;
  border: 2px solid #6841d6 !important;
  border-radius: 999px;
  color: #fff !important;
  background: #6841d6 !important;
  cursor: default;
}

.workspace-package-stage-slide.is-slide-control::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, #2e8e77, #6841d6);
  transform: scaleX(var(--upload-package-slide-progress));
  transform-origin: left;
}

.workspace-package-stage-slide [data-upload-package-slide-thumb] {
  position: relative;
  z-index: 2;
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  place-items: center;
  border-radius: 50%;
  color: #241b2a;
  background: #dfff62;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .2);
  touch-action: none;
  cursor: grab;
  transform: translateX(var(--upload-package-slide-offset));
}

.workspace-package-stage-slide > span {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1px;
  text-align: left;
  opacity: calc(1 - var(--upload-package-slide-progress));
}

.workspace-package-stage-slide > span strong { font-size: .74rem; }
.workspace-package-stage-slide > span small { color: #ded7e4 !important; font-size: .57rem; }
.workspace-package-stage-slide.is-dragging [data-upload-package-slide-thumb] { cursor: grabbing; }
.workspace-package-stage-slide.is-slide-hint [data-upload-package-slide-thumb] { animation: workspace-package-slide-hint 340ms ease; }
.workspace-package-stage-slide.is-complete { background: #2e8e77 !important; }

.workspace-upload-track-number {
  position: relative;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #5c5260;
  background: #f0edf3;
  font: inherit;
  font-size: .61rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-upload-track-number > i { display: none; font-style: normal; }
.workspace-upload-track-number:hover > span,
.workspace-upload-track-number:focus-visible > span,
.workspace-upload-track-number.is-playing > span { display: none; }
.workspace-upload-track-number:hover > i,
.workspace-upload-track-number:focus-visible > i,
.workspace-upload-track-number.is-playing > i { display: block; }
.workspace-upload-track-number:hover,
.workspace-upload-track-number:focus-visible,
.workspace-upload-track-number.is-playing { color: #fff; background: #6841d6; outline: 0; }

.workspace-package-audio-alternates > p {
  align-items: center;
  justify-content: flex-start !important;
}

.workspace-package-audio-alternates > p > button {
  position: relative;
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  padding: 0;
  border-radius: 50%;
  color: #6841d6;
  background: #fff;
  font-size: .62rem;
  font-weight: 950;
}

.workspace-package-audio-alternates > p > button > span {
  position: absolute;
  z-index: 5;
  top: calc(100% + 6px);
  left: 0;
  display: none;
  width: 280px;
  padding: 9px 11px;
  border: 1px solid #ddd2e7;
  border-radius: 10px;
  color: #5d5362;
  background: #fff;
  box-shadow: 0 12px 28px rgba(43, 30, 54, .14);
  line-height: 1.4;
}

.workspace-package-audio-alternates > p > button:hover > span,
.workspace-package-audio-alternates > p > button:focus-visible > span { display: block; }
.workspace-package-audio-alternate-list { display: grid; max-height: 275px; overflow: auto; gap: 6px; scrollbar-width: thin; }
.workspace-package-audio-alternate-list > button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; text-align: left; }
.workspace-package-audio-alternate-list > button > span { display: grid; min-width: 0; gap: 2px; }
.workspace-package-audio-alternate-list > button > b { margin-left: auto; padding: 3px 6px; border-radius: 999px; color: #fff; background: #6841d6; font-size: .52rem; }
.workspace-audio-lossy-warning { display: grid; width: 23px; height: 21px; place-items: center; clip-path: polygon(50% 0,100% 100%,0 100%); color: #fff; background: #bc3150; font-size: .57rem; font-style: normal; font-weight: 950; }

.workspace-package-audio-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 13px;
  border-top: 1px solid #ebe5ec;
  background: #faf8fc;
}
.workspace-package-audio-pagination button { padding: 7px 11px; border: 1px solid #cfc3dd; border-radius: 999px; color: #5b35c5; background: #fff; font: inherit; font-size: .61rem; font-weight: 900; cursor: pointer; }
.workspace-package-audio-pagination button:disabled { opacity: .4; cursor: default; }
.workspace-package-audio-pagination span { color: #6e6573; font-size: .61rem; font-weight: 800; }

.workspace-package-text-privacy {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: start;
  gap: 14px !important;
  margin: 8px 0 18px !important;
  padding: 17px !important;
  border: 1px solid #d7cceb !important;
  border-radius: 18px !important;
  color: #504755 !important;
  background: linear-gradient(135deg, #f5f1ff, #f7fffb) !important;
  cursor: default !important;
}

.workspace-private-triangle {
  display: grid;
  width: 58px;
  height: 52px;
  place-items: end center;
  padding: 0 0 7px;
  border: 0;
  clip-path: polygon(50% 0,100% 100%,0 100%);
  color: #fff;
  background: #6841d6;
  font: inherit;
  font-size: 1.2rem;
  font-weight: 950;
  cursor: pointer;
}

.workspace-package-text-privacy > div { display: grid; gap: 9px; }
.workspace-package-text-privacy > div > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.workspace-package-text-privacy > div > header b { color: #3a2d47 !important; font-size: .76rem; }
.workspace-package-text-privacy > div > header button { border: 0; color: #6841d6; background: transparent; font: inherit; font-size: .66rem; font-weight: 900; cursor: pointer; }
.workspace-package-text-privacy p { margin: 0; color: #62586a; font-size: .65rem; line-height: 1.45; }
.workspace-package-text-privacy label { display: flex; align-items: center; gap: 8px; border: 0 !important; color: #352c3a; font-size: .65rem; font-weight: 850; cursor: pointer; }
.workspace-package-text-privacy input { width: 18px; height: 18px; accent-color: #6841d6; }
.workspace-package-text-privacy .workspace-private-hide { color: #746a7a; font-size: .58rem; font-weight: 700; }
.workspace-package-text-privacy.is-confirmed { border-color: #75c7b0 !important; background: linear-gradient(135deg, #effff8, #f6f3ff) !important; }
.workspace-package-text-privacy.is-confirmed .workspace-private-triangle { background: #2e8e77; }
.workspace-package-text-privacy.is-collapsed { grid-template-columns: 38px minmax(0, 1fr); align-items: center; padding: 11px 14px !important; }
.workspace-package-text-privacy.is-collapsed .workspace-private-triangle { width: 34px; height: 31px; padding-bottom: 4px; font-size: .72rem; }
.workspace-package-text-privacy.is-collapsed > div > :not(header) { display: none; }
.workspace-package-text-privacy.is-attention { border-color: #bc3150 !important; animation: workspace-private-attention .55s ease-in-out 3; }

.workspace-package-text-groups details { position: relative; }
.workspace-package-text-group-select {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 68px;
  padding: 6px 10px;
  border: 1px solid rgba(104, 65, 214, .24);
  border-radius: 999px;
  color: #5c35c6;
  background: #fff;
  font: inherit;
  font-size: .57rem;
  font-weight: 900;
  opacity: 0;
  cursor: pointer;
  transition: opacity 140ms ease;
}
.workspace-package-text-groups details:hover > .workspace-package-text-group-select,
.workspace-package-text-groups details:focus-within > .workspace-package-text-group-select,
.workspace-package-text-groups details[open] > .workspace-package-text-group-select { opacity: 1; }
.workspace-package-text-assist { margin: 16px 0 0 !important; background: linear-gradient(90deg, rgba(104,65,214,.1), rgba(117,208,194,.15)) !important; }

.workspace-package-summary-grid article { grid-template-columns: 92px minmax(0, 1fr) !important; }
.workspace-package-summary-grid article > svg { width: 82px !important; height: 82px !important; padding: 20px !important; border-radius: 22px !important; }
.workspace-package-summary-artwork { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 82px !important; height: 82px !important; }
.workspace-package-summary-grid + footer .workspace-package-primary-action { border-color: #6841d6 !important; color: #fff !important; background: linear-gradient(135deg, #7852e6, #5432ba) !important; cursor: pointer; }

.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready {
  border-color: #6841d6 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #7852e6, #5432ba) !important;
  box-shadow: 0 12px 26px rgba(83, 49, 183, .2);
  cursor: pointer;
}
.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready:hover,
.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready:focus-visible { background: #17131b !important; }

.workspace-upload-meta-grid > .workspace-upload-details-assistant {
  order: -2;
  grid-column: 1 / -1;
  margin-bottom: 4px;
  background: linear-gradient(120deg, #f7f3ff, #fff 54%, #f1fff8);
  box-shadow: 0 14px 34px rgba(61, 42, 79, .08);
}

.workspace-upload-meta-grid > .workspace-upload-details-assistant > header {
  color: #241d29;
}
.workspace-upload-meta-grid > .workspace-upload-details-assistant > header div > small {
  color: #5c38c8;
}
.workspace-upload-meta-grid > .workspace-upload-details-assistant > header div > strong {
  color: #241d29;
}
.workspace-upload-meta-grid > .workspace-upload-details-assistant > header div > span {
  color: #6d6471;
}
.workspace-upload-meta-grid > .workspace-upload-details-assistant > header > button {
  border-color: #17131b;
  color: #fff;
  background: #17131b;
}
.workspace-upload-meta-grid > .workspace-upload-details-assistant > header > button:hover,
.workspace-upload-meta-grid > .workspace-upload-details-assistant > header > button:focus-visible {
  border-color: #6841d6;
  color: #fff;
  background: #6841d6;
}

.workspace-upload-analysis-readiness { display: grid; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #ddd3e8; }
.workspace-upload-analysis-readiness > header { display: flex; align-items: center; gap: 10px; }
.workspace-upload-analysis-readiness > header > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #fff; background: #6841d6; font-weight: 950; }
.workspace-upload-analysis-readiness > header > div { display: grid; gap: 2px; }
.workspace-upload-analysis-readiness > header strong { color: #2e2633; font-size: .75rem; }
.workspace-upload-analysis-readiness > header small { color: #726978; font-size: .61rem; }
.workspace-upload-analysis-readiness > div { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 9px; }
.workspace-upload-analysis-readiness article { display: grid; align-content: start; gap: 3px; min-height: 120px; padding: 12px; border: 1px solid #ddd4e7; border-radius: 15px; background: rgba(255,255,255,.86); }
.workspace-upload-analysis-readiness article b { color: #6841d6; font-size: 1rem; }
.workspace-upload-analysis-readiness article span { color: #332a38; font-size: .63rem; font-weight: 900; }
.workspace-upload-analysis-readiness article small { color: #776e7b; font-size: .57rem; line-height: 1.4; }

.workspace-upload-artist-image-options { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
.workspace-upload-artist-image-option { position: relative; grid-template-columns: 82px minmax(0,1fr) 28px !important; min-height: 108px; }
.workspace-upload-artist-image-visual { width: 76px !important; height: 76px !important; border-radius: 50% !important; }
.workspace-upload-artist-image-visual.is-studio { display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #6841d6, #75c9b2); font-size: 1.4rem; }
.workspace-upload-artist-image-choice { display: grid !important; width: 26px !important; height: 26px !important; place-items: center; padding: 0 !important; border: 2px solid #6841d6 !important; border-radius: 50% !important; color: #fff !important; background: transparent !important; font-size: .68rem !important; }
.workspace-upload-artist-image-option.is-selected .workspace-upload-artist-image-choice { background: #6841d6 !important; }

.workspace-upload-preflight-dialog .workspace-upload-dialog-shell,
.workspace-upload-scan-dialog .workspace-upload-dialog-shell {
  color: #1b1720 !important;
  background: linear-gradient(145deg, #fff, #fbf9ff 62%, #f3fff9) !important;
}
.workspace-upload-preflight-dialog .workspace-upload-dialog-shell h3,
.workspace-upload-preflight-dialog .workspace-upload-dialog-shell strong,
.workspace-upload-scan-dialog .workspace-upload-dialog-shell h3,
.workspace-upload-scan-dialog .workspace-upload-dialog-shell strong { color: #17131b !important; }
.workspace-upload-preflight-dialog .workspace-upload-dialog-shell p,
.workspace-upload-preflight-dialog .workspace-upload-dialog-shell small,
.workspace-upload-scan-dialog .workspace-upload-dialog-shell p,
.workspace-upload-scan-dialog .workspace-upload-dialog-shell small { color: #675f6c !important; }

@media (max-width: 900px) {
  .workspace-upload-analysis-readiness > div { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .workspace-upload-artist-image-options { grid-template-columns: 1fr !important; }
}

@media (max-width: 620px) {
  .workspace-package-stage-button.is-idle-cue::before { display: none; }
  .workspace-package-stage-panel > footer .workspace-package-stage-slide { width: 100%; }
  .workspace-package-audio-pagination { flex-wrap: wrap; }
  .workspace-package-text-privacy { grid-template-columns: 42px minmax(0,1fr); padding: 13px !important; }
  .workspace-private-triangle { width: 40px; height: 37px; padding-bottom: 5px; font-size: .82rem; }
  .workspace-package-text-group-select { position: static; width: max-content; margin: 0 12px 8px auto; opacity: 1; }
  .workspace-upload-analysis-readiness > div { grid-template-columns: 1fr; }
  .workspace-upload-analysis-readiness article { min-height: 0; }
  .workspace-package-summary-grid article { grid-template-columns: 76px minmax(0,1fr) !important; }
  .workspace-package-summary-grid article > svg,
  .workspace-package-summary-artwork { width: 68px !important; height: 68px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-package-stage-button.is-idle-cue::before { animation: none; }
}

/* Studio Task 608: Create-style upload staging and live release preview. */
.workspace-upload-stage {
  padding-top: 46px;
}

.workspace-upload-stage .preview-section-inner {
  width: min(100%, 1320px);
}

.workspace-upload-panel {
  --upload-stage-progress: 0%;
  max-width: 1180px;
  overflow: hidden;
  padding: 0;
  border-color: #d9d3cc;
  border-radius: 28px;
  background: #fffefa;
  box-shadow: 0 30px 82px rgba(45, 37, 54, .12);
}

.workspace-upload-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 30px;
  padding: 48px 52px 38px;
  border-bottom: 1px solid #e7e1e8;
  border-radius: 27px 27px 0 0;
  background:
    radial-gradient(circle at 94% 5%, rgba(109, 216, 237, .2), transparent 24rem),
    radial-gradient(circle at 3% 100%, rgba(140, 98, 246, .08), transparent 20rem),
    linear-gradient(120deg, #fffefa, #fff 64%, #f5feff);
}

.workspace-upload-hero::after {
  position: absolute;
  z-index: -1;
  top: -72px;
  right: 0;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(117, 208, 194, .08);
  content: "";
  filter: blur(18px);
}

.workspace-upload-hero-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 32px;
}

.workspace-upload-hero-copy > div {
  display: grid;
  gap: 13px;
}

.workspace-upload-hero-copy > div > span,
.workspace-upload-entitlement-copy > small,
.workspace-upload-release-preview > header > span,
.workspace-upload-release-copy > small {
  color: #6b45d8;
  font-size: .67rem;
  font-weight: 950;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.workspace-upload-hero-copy h2 {
  max-width: 780px;
  margin: 0;
  color: #111116;
  font-size: clamp(2.7rem, 5vw, 4.75rem);
  font-weight: 900;
  letter-spacing: -.065em;
  line-height: .98;
}

.workspace-upload-hero .workspace-upload-copy {
  max-width: 760px;
  margin: 0;
  color: #655e69;
  font-size: .91rem;
  line-height: 1.55;
}

.workspace-upload-hero-copy > aside {
  display: grid;
  min-width: 128px;
  gap: 4px;
  padding-bottom: 3px;
  text-align: right;
}

.workspace-upload-hero-copy > aside > strong {
  color: #6841d6;
  font-size: .74rem;
  font-weight: 950;
}

.workspace-upload-hero-copy > aside > small {
  color: #706875;
  font-size: .61rem;
  font-weight: 800;
}

.workspace-upload-hero .workspace-upload-flow {
  position: relative;
  isolation: isolate;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0;
  margin: 0;
  padding: 0;
}

.workspace-upload-hero .workspace-upload-flow::before,
.workspace-upload-hero .workspace-upload-flow::after {
  position: absolute;
  z-index: -1;
  top: 31px;
  left: 12.5%;
  width: 75%;
  height: 3px;
  border-radius: 999px;
  content: "";
}

.workspace-upload-hero .workspace-upload-flow::before {
  background: #d8d4d0;
}

.workspace-upload-hero .workspace-upload-flow::after {
  width: var(--upload-stage-progress);
  background: linear-gradient(90deg, #7edec4, #6dd8ed 48%, #8660ea);
  transition: width 220ms ease;
}

.workspace-upload-hero .workspace-upload-flow li,
.workspace-upload-hero .workspace-upload-flow li.is-active,
.workspace-upload-hero .workspace-upload-flow li.is-complete {
  position: relative;
  display: block;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.workspace-upload-hero .workspace-upload-flow li > button {
  display: grid;
  width: 100%;
  min-height: 0;
  justify-items: center;
  gap: 9px;
  padding: 0 7px;
  border: 0;
  color: #1d1920;
  background: transparent;
  text-align: center;
}

.workspace-upload-hero .workspace-upload-flow li > button > b {
  position: relative;
  display: grid;
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  place-items: center;
  border: 2px solid #c9c4bf;
  border-radius: 50%;
  color: #6f6873;
  background: #fffefa;
  box-shadow: 0 0 0 7px #fffefa;
  font-size: .78rem;
  font-weight: 950;
}

.workspace-upload-hero .workspace-upload-flow li.is-active > button > b {
  border-color: #8060e8;
  color: #fff;
  background: #8060e8;
  box-shadow: 0 0 0 7px rgba(128, 96, 232, .12);
}

.workspace-upload-hero .workspace-upload-flow li.is-complete > button > b {
  border-color: #85dbc3;
  color: transparent;
  background: #85dbc3;
  box-shadow: 0 0 0 7px rgba(133, 219, 195, .17);
}

.workspace-upload-hero .workspace-upload-flow li.is-complete > button > b::after {
  position: absolute;
  color: #15251f;
  content: "✓";
  font-size: 1.35rem;
  font-weight: 950;
}

.workspace-upload-hero .workspace-upload-flow li > button > span {
  display: grid;
  gap: 3px;
}

.workspace-upload-hero .workspace-upload-flow strong {
  color: #2b272d;
  font-size: .72rem;
}

.workspace-upload-hero .workspace-upload-flow small {
  overflow: visible;
  color: #827a84;
  font-size: .6rem;
  text-overflow: clip;
  white-space: normal;
}

.workspace-upload-hero .workspace-upload-flow li.is-active strong {
  color: #18151b;
}

.workspace-upload-hero .workspace-upload-flow li.is-locked:not(.is-active) {
  opacity: .62;
}

.workspace-upload-entitlement {
  display: grid;
  grid-template-columns: minmax(180px, 230px) minmax(160px, 1fr) minmax(220px, 310px);
  align-items: center;
  gap: 22px;
  padding: 17px 19px;
  border: 1px solid #ddd8d1;
  border-radius: 17px;
  background: rgba(247, 245, 240, .86);
}

.workspace-upload-entitlement-copy {
  display: grid;
  gap: 2px;
}

.workspace-upload-entitlement-copy > strong {
  color: #17131b;
  font-size: 1.03rem;
}

.workspace-upload-entitlement-copy > span {
  color: #777078;
  font-size: .61rem;
}

.workspace-upload-entitlement-meter {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #ddd9d3;
}

.workspace-upload-entitlement-meter > i {
  display: block;
  width: var(--upload-allowance-progress, 14%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7edec4, #6dd8ed);
  transition: width 220ms ease;
}

.workspace-upload-entitlement .workspace-upload-allowance {
  position: relative;
  width: 100%;
  max-width: none;
}

.workspace-upload-entitlement .workspace-upload-allowance > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 8px;
  min-height: 42px;
  padding: 7px 8px 7px 13px;
  border-color: #d7d0df;
  color: #27212d;
  background: #fff;
  box-shadow: none;
}

.workspace-upload-entitlement .workspace-upload-allowance > summary > span {
  grid-column: 1;
  color: #6841d6;
}

.workspace-upload-entitlement .workspace-upload-allowance > summary > strong {
  grid-column: 1;
  overflow: hidden;
  color: #514957;
  font-size: .58rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-entitlement .workspace-upload-allowance > summary > i {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: #fff;
  background: #6841d6;
}

.workspace-upload-entitlement .workspace-upload-allowance > div,
.workspace-upload-stage .workspace-upload-hero > .workspace-upload-notice > div {
  position: static;
  width: 100%;
  max-height: none;
  margin-top: 9px;
  overflow: visible;
}

.workspace-upload-stage .workspace-upload-hero > .workspace-upload-notice {
  width: min(100%, 620px);
  max-width: none;
  justify-self: end;
}

.workspace-upload-stage .workspace-upload-hero > .workspace-upload-notice > summary {
  display: grid;
  width: 100%;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  padding: 8px 11px;
  border-color: rgba(181, 43, 74, .24);
  color: #7b2039;
  background: #fff7f9;
  box-shadow: none;
}

.workspace-upload-workflow-panel {
  position: relative;
  padding: 38px 46px 24px;
}

.workspace-upload-workflow-panel::before {
  display: block;
  margin-bottom: 18px;
  color: #6841d6;
  content: attr(data-upload-stage-label);
  font-size: .69rem;
  font-weight: 950;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.workspace-upload-workflow-actions {
  margin: 10px 44px 32px;
}

.workspace-upload-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .7fr);
  align-items: start;
  gap: 26px;
}

.workspace-upload-detail-main,
.workspace-upload-detail-main > .workspace-upload-meta-grid {
  min-width: 0;
}

.workspace-upload-detail-main > .workspace-upload-meta-grid {
  margin: 0;
}

.workspace-upload-release-preview {
  position: sticky;
  top: 96px;
  display: grid;
  min-width: 0;
  gap: 17px;
  padding: 17px;
  border: 1px solid #d9d0e8;
  border-radius: 24px;
  color: #221c27;
  background:
    radial-gradient(circle at 95% 2%, rgba(109, 216, 237, .22), transparent 16rem),
    linear-gradient(145deg, #f6f2ff, #fff 48%, #f0fffb);
  box-shadow: 0 18px 44px rgba(55, 38, 73, .11);
}

.workspace-upload-release-preview > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.workspace-upload-release-preview > header > small {
  color: #726976;
  font-size: .56rem;
  font-weight: 800;
}

.workspace-upload-release-visual {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(104, 65, 214, .9), rgba(109, 216, 237, .72)),
    #6841d6;
  box-shadow: 0 16px 32px rgba(52, 33, 78, .18);
}

.workspace-upload-release-cover {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: rgba(255,255,255,.88);
  font-size: 1.05rem;
  font-weight: 950;
  letter-spacing: .12em;
}

.workspace-upload-release-cover::after {
  position: absolute;
  inset: auto 0 0;
  height: 45%;
  background: linear-gradient(transparent, rgba(18, 12, 24, .48));
  content: "";
  pointer-events: none;
}

.workspace-upload-release-cover > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workspace-upload-release-artist {
  --upload-preview-ring: #fff;
  --upload-preview-zoom: 1.2;
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 16px;
  display: grid;
  width: 72px;
  height: 72px;
  overflow: hidden;
  place-items: center;
  border: 5px solid var(--upload-preview-ring);
  border-radius: 50%;
  color: #fff;
  background: #17131b;
  box-shadow: 0 10px 24px rgba(16, 10, 22, .28);
  font-size: 1rem;
  font-weight: 950;
}

.workspace-upload-release-artist > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(var(--upload-preview-zoom));
}

.workspace-upload-release-copy {
  display: grid;
  gap: 5px;
}

.workspace-upload-release-copy h3 {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 1.55rem;
  letter-spacing: -.035em;
  line-height: 1.05;
}

.workspace-upload-release-copy > p {
  margin: 0 0 8px;
  color: #5e5364;
  font-size: .72rem;
  font-weight: 850;
}

.workspace-upload-release-copy dl {
  display: grid;
  gap: 0;
  margin: 0;
  border-top: 1px solid #ded6e5;
}

.workspace-upload-release-copy dl > div {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #e6dfea;
}

.workspace-upload-release-copy dt,
.workspace-upload-release-copy dd {
  margin: 0;
  font-size: .6rem;
}

.workspace-upload-release-copy dt {
  color: #7b7180;
  font-weight: 800;
}

.workspace-upload-release-copy dd {
  overflow-wrap: anywhere;
  color: #302735;
  font-weight: 900;
}

.workspace-upload-release-preview > p {
  margin: 0;
  color: #786f7c;
  font-size: .57rem;
  line-height: 1.45;
}

@media (max-width: 1050px) {
  .workspace-upload-detail-layout {
    grid-template-columns: 1fr;
  }

  .workspace-upload-release-preview {
    position: static;
    grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
    align-items: start;
  }

  .workspace-upload-release-preview > header,
  .workspace-upload-release-preview > p {
    grid-column: 1 / -1;
  }
}

@media (max-width: 780px) {
  .workspace-upload-hero {
    gap: 24px;
    padding: 32px 24px 28px;
  }

  .workspace-upload-hero-copy {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .workspace-upload-hero-copy > aside {
    grid-template-columns: auto 1fr;
    min-width: 0;
    align-items: baseline;
    gap: 8px;
    padding: 0;
    text-align: left;
  }

  .workspace-upload-entitlement {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .workspace-upload-workflow-panel {
    padding: 30px 24px 20px;
  }

  .workspace-upload-workflow-actions {
    margin-right: 22px;
    margin-left: 22px;
  }
}

@media (max-width: 620px) {
  .workspace-upload-stage {
    padding-top: 24px;
  }

  .workspace-upload-panel {
    border-radius: 20px;
  }

  .workspace-upload-hero {
    padding: 27px 17px 24px;
  }

  .workspace-upload-hero-copy h2 {
    font-size: clamp(2.35rem, 13vw, 3.1rem);
  }

  .workspace-upload-hero .workspace-upload-flow {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .workspace-upload-hero .workspace-upload-flow::before,
  .workspace-upload-hero .workspace-upload-flow::after {
    top: 24px;
  }

  .workspace-upload-hero .workspace-upload-flow li > button {
    gap: 7px;
    padding: 0 2px;
  }

  .workspace-upload-hero .workspace-upload-flow li > button > b {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    box-shadow: 0 0 0 5px #fffefa;
    font-size: .68rem;
  }

  .workspace-upload-hero .workspace-upload-flow li.is-active > button > b,
  .workspace-upload-hero .workspace-upload-flow li.is-complete > button > b {
    box-shadow: 0 0 0 5px rgba(128, 96, 232, .1);
  }

  .workspace-upload-hero .workspace-upload-flow strong {
    font-size: .57rem;
  }

  .workspace-upload-hero .workspace-upload-flow small {
    display: none;
  }

  .workspace-upload-entitlement {
    padding: 15px;
  }

  .workspace-upload-workflow-panel {
    padding: 26px 17px 16px;
  }

  .workspace-upload-workflow-actions {
    margin: 8px 14px 22px;
  }

  .workspace-upload-release-preview {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .workspace-upload-release-preview > header,
  .workspace-upload-release-preview > p {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-upload-hero .workspace-upload-flow::after,
  .workspace-upload-entitlement-meter > i {
    transition: none;
  }
}

/* Studio Task 609: confident album analysis and quieter reconnect completion. */
.workspace-upload-reconnect-dialog {
  border-top-color: #8060e8;
  background:
    radial-gradient(circle at 10% 0%, rgba(128, 96, 232, .13), transparent 19rem),
    radial-gradient(circle at 96% 4%, rgba(99, 189, 218, .14), transparent 18rem),
    #fffefa;
}

.workspace-upload-reconnect-dialog[data-mode="success"] {
  border-top-color: #8060e8;
}

.workspace-upload-reconnect-dialog[data-mode="success"] .workspace-upload-reconnect-progress > i::before {
  content: "";
  background: linear-gradient(145deg, #7f5de6, #62bdd8);
}

.workspace-upload-reconnect-dialog[data-mode="success"] .workspace-upload-reconnect-progress > i::after {
  content: "✓";
}

.workspace-upload-reconnect-dialog footer {
  align-items: stretch;
}

.workspace-upload-reconnect-dialog footer button {
  min-height: 56px;
  padding: 13px 22px;
  border-color: #d1c7dc;
  color: #342a3b;
  background: rgba(255, 255, 255, .88);
  font-size: .78rem;
}

.workspace-upload-reconnect-dialog footer .is-primary {
  min-width: 210px;
  border-color: #7654df;
  color: #fff;
  background: linear-gradient(135deg, #8262ea, #5f45c6 58%, #497fbf);
  box-shadow: 0 12px 26px rgba(84, 55, 183, .2);
}

.workspace-upload-reconnect-dialog footer .is-primary:hover,
.workspace-upload-reconnect-dialog footer .is-primary:focus-visible {
  background: #17131b;
}

.workspace-upload-reconnect-note {
  border: 1px solid #ded6e7;
  border-radius: 16px;
  background: rgba(248, 245, 253, .82);
}

.workspace-upload-reconnect-note summary {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 14px;
  color: #51445b;
  cursor: pointer;
  font-size: .7rem;
  font-weight: 850;
  list-style: none;
}

.workspace-upload-reconnect-note summary::-webkit-details-marker { display: none; }

.workspace-upload-reconnect-note summary > .workspace-upload-reconnect-note-icon {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid #9076df;
  border-radius: 50%;
  color: #6841d6;
  font-size: .68rem;
  font-weight: 950;
}

.workspace-upload-reconnect-note > p {
  padding: 0 14px 14px 47px;
  color: #6b6070;
  font-size: .66rem;
  font-weight: 650;
}

.workspace-upload-assistant-invitation {
  border: 1px solid #d9d1e4;
  border-top: 7px solid #8060e8;
  color: #1c1721;
  background:
    radial-gradient(circle at 10% 0%, rgba(128, 96, 232, .13), transparent 19rem),
    radial-gradient(circle at 96% 4%, rgba(99, 189, 218, .13), transparent 18rem),
    #fffefa;
  box-shadow: 0 34px 110px rgba(27, 18, 35, .34);
}

.workspace-upload-assistant-invitation .workspace-upload-dialog-shell {
  color: #1c1721;
  background: transparent;
}

.workspace-upload-assistant-invitation header span { color: #6841d6; }
.workspace-upload-assistant-invitation h3 { color: #17131b; }
.workspace-upload-assistant-invitation header small { max-width: 600px; color: #655b6b; }
.workspace-upload-assistant-invitation header > button { border-color: #d9d1e4; color: #211a27; background: rgba(255, 255, 255, .86); }
.workspace-upload-assistant-invitation header > [data-upload-details-assistant-decline] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: 124px;
  height: 44px;
  flex: 0 0 auto;
  padding: 0 16px;
  border: 2px solid #d9d1e4;
  border-radius: 999px;
  color: #5844b5;
  font-size: 15px;
  font-weight: 650;
  line-height: 1;
}
.workspace-upload-assistant-invitation [data-upload-details-assistant-decline] svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}
.workspace-upload-assistant-invitation header > [data-upload-details-assistant-decline]:is(:hover, :focus-visible) {
  color: #49329f;
  border-color: #8161db;
  background: #f1edfc;
  text-decoration: underline;
}
@media (max-width: 540px) {
  .workspace-upload-assistant-invitation header { flex-wrap: wrap; }
  .workspace-upload-assistant-invitation header > [data-upload-details-assistant-decline] { margin-left: auto; }
}

.workspace-upload-assistant-status {
  min-height: 86px;
  border-color: rgba(104, 65, 214, .18);
  background: linear-gradient(115deg, rgba(128, 96, 232, .1), rgba(99, 189, 218, .1));
}

.workspace-upload-assistant-status > i {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  color: #fff;
  background: linear-gradient(145deg, #7f5de6, #62bdd8);
}

.workspace-upload-assistant-status strong { color: #241d29; font-size: .84rem; }
.workspace-upload-assistant-status small { color: #6c6271; font-size: .69rem; }

.workspace-upload-assistant-status[data-state="busy"] > i {
  border: 0;
  background: conic-gradient(from 30deg, #7654df, #62bdd8, #d887c8, #7654df);
  box-shadow: inset 0 0 0 12px #f7f3fc;
  animation: workspace-upload-reconnect-spin 850ms linear infinite;
}

.workspace-upload-assistant-status[data-state="success"] > i {
  color: #fff;
  background: linear-gradient(145deg, #7f5de6, #62bdd8);
}

.workspace-upload-assistant-status[data-state="error"] {
  border-color: rgba(190, 52, 83, .34);
  background: linear-gradient(115deg, rgba(255, 224, 232, .86), rgba(255, 245, 247, .92));
}

.workspace-upload-assistant-status[data-state="error"] > i {
  color: #fff;
  background: #bd3857;
}

.workspace-upload-assistant-invitation footer {
  grid-template-columns: minmax(150px, .72fr) minmax(220px, 1.28fr);
}

.workspace-upload-assistant-invitation footer button {
  min-height: 58px;
  border-color: #d3cadd;
  color: #493d52;
  background: rgba(255, 255, 255, .9);
  font-size: .78rem;
}

.workspace-upload-assistant-invitation footer .is-primary {
  border-color: #7654df;
  color: #fff;
  background: linear-gradient(135deg, #8262ea, #5f45c6 58%, #497fbf);
  box-shadow: 0 12px 26px rgba(84, 55, 183, .2);
}

.workspace-upload-assistant-invitation footer .is-primary:hover,
.workspace-upload-assistant-invitation footer .is-primary:focus-visible { background: #17131b; }

.workspace-upload-detail-suggestions article {
  gap: 12px;
  background: rgba(255, 255, 255, .9);
}

.workspace-upload-detail-suggestions article.is-editing {
  grid-template-columns: minmax(150px, .72fr) minmax(260px, 1.28fr);
  border-color: #8b69ec;
  box-shadow: 0 0 0 3px rgba(128, 96, 232, .1);
}

.workspace-upload-detail-suggestions button.is-applied {
  position: relative;
  min-width: 92px;
  border-color: #8a70db;
  color: #5c3fc1;
  background: #f2edff;
  overflow: hidden;
}

.workspace-upload-detail-suggestions button.is-applied > span:last-child {
  display: none;
}

.workspace-upload-detail-suggestions button.is-applied:hover > span:first-child,
.workspace-upload-detail-suggestions button.is-applied:focus-visible > span:first-child { display: none; }
.workspace-upload-detail-suggestions button.is-applied:hover > span:last-child,
.workspace-upload-detail-suggestions button.is-applied:focus-visible > span:last-child { display: inline; }

.workspace-upload-detail-suggestions button.is-identity {
  width: 46px;
  min-width: 46px;
  height: 46px;
  padding: 0;
  border-color: #17131b;
  color: #fff;
  background: #17131b;
  box-shadow: 0 8px 20px rgba(23, 19, 27, .16);
}

.workspace-upload-detail-suggestions button.is-identity:hover,
.workspace-upload-detail-suggestions button.is-identity:focus-visible {
  border-color: #6841d6;
  color: #fff;
  background: #17131b;
}

.workspace-upload-detail-suggestions button.is-identity svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.workspace-upload-detail-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.workspace-upload-detail-editor > input,
.workspace-upload-detail-editor > select {
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid #b9acd0;
  border-radius: 12px;
  color: #261e2d;
  background: #fff;
  font: inherit;
}

.workspace-upload-detail-editor > input[data-upload-detail-editor-custom] {
  grid-column: 1;
}

.workspace-upload-detail-editor > span {
  display: flex;
  grid-column: 2;
  grid-row: 1 / span 2;
  gap: 6px;
}

.workspace-upload-detail-editor > span > button {
  display: grid;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  place-items: center;
  padding: 0;
  border-radius: 50%;
}

.workspace-upload-detail-editor > span > button:last-child {
  border-color: #6841d6;
  color: #fff;
  background: #6841d6;
}

.workspace-upload-analysis-readiness {
  margin-top: 16px;
  padding: 0;
  border: 1px solid #ded5e8;
  border-radius: 16px;
  background: rgba(249, 247, 253, .88);
}

.workspace-upload-analysis-readiness > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  cursor: pointer;
  list-style: none;
}

.workspace-upload-analysis-readiness > summary::-webkit-details-marker { display: none; }
.workspace-upload-analysis-readiness > summary > span { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border: 1px solid #8c70dd; border-radius: 50%; color: #6841d6; font-weight: 950; }
.workspace-upload-analysis-readiness > summary > div { display: grid; gap: 2px; }
.workspace-upload-analysis-readiness > summary strong { color: #2e2633; font-size: .75rem; }
.workspace-upload-analysis-readiness > summary small { color: #726978; font-size: .61rem; }
.workspace-upload-analysis-readiness > div { padding: 0 13px 13px; }

@media (max-width: 620px) {
  .workspace-upload-reconnect-dialog footer,
  .workspace-upload-assistant-invitation footer { grid-template-columns: 1fr; }
  .workspace-upload-reconnect-dialog footer .is-primary { min-width: 0; }
  .workspace-upload-detail-suggestions article.is-editing { grid-template-columns: 1fr; }
  .workspace-upload-detail-editor { grid-template-columns: minmax(0, 1fr) auto; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-upload-assistant-status[data-state="busy"] > i { animation: none; }
}
/* Task 610: keep artist-image generation deliberate and the Concept surface clean. */
.workspace-form-column {
  border-top-left-radius: 23px;
  background-clip: padding-box;
}

.workspace-artist-image-actions > [data-artist-image-generation-note][hidden] {
  display: none;
}

.workspace-artist-identity-input > button[data-state="linked"] > small {
  color: #2e8b72;
  font-size: 1rem;
  line-height: 1;
}

.workspace-confirm-mark.is-artist-generation {
  color: #fff;
  background: linear-gradient(145deg, #7758e8, #6844d8);
  box-shadow: 7px 7px 0 rgba(140, 98, 246, .25);
}

.workspace-artist-image-generation-dialog {
  width: min(100%, 660px);
  max-height: min(820px, calc(100vh - 32px));
  overflow-y: auto;
}

.workspace-artist-generation-summary {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding-top: 4px;
}

.workspace-artist-generation-summary > span {
  display: grid;
  gap: 4px;
  padding: 15px 16px;
  border: 1px solid #d8cfe8;
  border-radius: 14px;
  background: linear-gradient(135deg, #f6f2ff, #fffdf8);
}

.workspace-artist-generation-summary strong {
  color: #25202b;
  font-size: 1rem;
  line-height: 1.15;
}

.workspace-artist-generation-summary small {
  color: #746c79;
  font-size: .7rem;
  font-weight: 750;
  line-height: 1.35;
}

.workspace-artist-generation-assurance {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 12px 14px;
  border-left: 4px solid #55ad93;
  border-radius: 0 12px 12px 0;
  color: #4f4955;
  background: #edf8f4;
  font-size: .73rem;
  line-height: 1.45;
}

.workspace-artist-generation-assurance > span:first-child {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #3e9178;
  font-weight: 950;
}

@media (max-width: 520px) {
  .workspace-form-column { border-top-right-radius: 23px; }
  .workspace-artist-generation-summary { grid-template-columns: 1fr; }
}

/* Studio Task 611: make reconnect counts visual and distinguish permission wait from local checking. */
.workspace-verification-progress-ring::before,
.workspace-upload-reconnect-progress > i::before,
.workspace-upload-scan-progress::before,
.workspace-upload-assistant-status[data-state="busy"] > i {
  background: conic-gradient(from 0deg, #6841d6, #8c62f6, #63bde9, #8fe1c9, #d887c8, #6841d6);
}

.workspace-upload-reconnect-dialog footer .is-primary {
  font-size: .84rem;
}

.workspace-upload-reconnect-dialog .workspace-upload-dialog-shell {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.workspace-upload-reconnect-note summary {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
}

.workspace-upload-reconnect-note summary > .workspace-upload-reconnect-note-icon {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid #9076df;
  border-radius: 50%;
  color: #6841d6;
  font-size: .68rem;
  font-weight: 950;
}

.workspace-upload-reconnect-note-label {
  min-width: 0;
}

.workspace-upload-reconnect-stat {
  display: grid;
  grid-template-columns: auto minmax(54px, 74px);
  gap: 7px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid rgba(104, 65, 214, .18);
  border-radius: 12px;
  color: #4e4357;
  background: linear-gradient(135deg, rgba(140, 98, 246, .09), rgba(99, 189, 233, .08));
}

.workspace-upload-reconnect-stat strong {
  color: #6841d6;
  font-size: 1.5rem;
  font-weight: 950;
  line-height: .9;
}

.workspace-upload-reconnect-stat small {
  color: #64586c;
  font-size: .54rem;
  font-weight: 850;
  line-height: 1.12;
  text-transform: uppercase;
}

.workspace-upload-reconnect-note-body {
  display: grid;
  gap: 8px;
  padding: 1px 14px 15px 48px;
}

.workspace-upload-reconnect-note-body p {
  margin: 0;
  padding: 0;
  color: #6b6070;
  font-size: .66rem;
  font-weight: 650;
  line-height: 1.5;
}

.workspace-upload-reconnect-note-body p + p {
  padding-top: 8px;
  border-top: 1px solid rgba(104, 65, 214, .12);
}

@media (max-width: 520px) {
  .workspace-upload-reconnect-note summary {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 9px 10px;
  }

  .workspace-upload-reconnect-stat {
    grid-template-columns: auto minmax(46px, 58px);
    gap: 5px;
    padding: 6px 8px;
  }

  .workspace-upload-reconnect-stat strong { font-size: 1.26rem; }
  .workspace-upload-reconnect-stat small { font-size: .48rem; }
  .workspace-upload-reconnect-note-body { padding: 1px 12px 13px; }
}

/* Studio Task 612: compact upload guidance and contextual workflow navigation. */
.workspace-upload-entitlement {
  grid-template-columns: minmax(185px, 230px) minmax(280px, 1fr) auto;
  gap: 20px;
}

.workspace-upload-entitlement .workspace-upload-allowance {
  width: fit-content;
  min-width: 0;
  justify-self: end;
}

.workspace-upload-entitlement .workspace-upload-allowance > summary {
  display: grid;
  width: auto;
  grid-template-columns: auto 24px;
  gap: 9px;
  min-height: 40px;
  padding: 7px 8px 7px 14px;
  border-radius: 999px;
}

.workspace-upload-entitlement .workspace-upload-allowance > summary > span {
  align-self: center;
  font-size: .62rem;
}

.workspace-upload-entitlement .workspace-upload-allowance > summary > i {
  grid-column: 2;
  grid-row: 1;
}

.workspace-upload-entitlement .workspace-upload-allowance > div {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 32;
  width: min(370px, calc(100vw - 36px));
  margin-top: 0;
  overflow: visible;
}

.workspace-upload-workflow-panel > .workspace-upload-notice {
  display: block;
  width: 100%;
  max-width: none;
  margin: -3px 0 18px;
  border-radius: 16px;
}

.workspace-upload-workflow-panel > .workspace-upload-notice[hidden] {
  display: none;
}

.workspace-upload-workflow-panel > .workspace-upload-notice > summary {
  display: grid;
  width: 100%;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  min-height: 42px;
  padding: 8px 13px;
  border-radius: 14px;
  text-align: left;
}

.workspace-upload-workflow-panel > .workspace-upload-notice > div {
  position: static;
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 22px;
  margin-top: 8px;
  padding: 13px 14px;
  overflow: visible;
  box-shadow: none;
}

.workspace-upload-workflow-panel > .workspace-upload-notice > div > strong,
.workspace-upload-workflow-panel > .workspace-upload-notice > div > small {
  grid-column: 1;
}

.workspace-upload-workflow-panel > .workspace-upload-notice > div > [data-upload-notice-dismiss] {
  width: auto !important;
  min-width: 168px;
  min-height: 36px;
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: end;
  padding: 7px 22px;
}

.workspace-package-studio-setting {
  position: relative;
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 9px;
  margin: 13px 0 12px;
}

.workspace-upload-panel .workspace-package-studio-setting .workspace-package-studio-decide,
.workspace-package-studio-setting .workspace-package-studio-decide {
  margin: 0;
}

.workspace-package-studio-info {
  flex: 0 0 24px;
  padding: 0;
  font-family: inherit;
  line-height: 1;
  cursor: pointer;
}

.workspace-package-begin-action.is-slide-control.is-slide-hint > [data-upload-package-slide-thumb],
.workspace-package-stage-slide.is-slide-hint [data-upload-package-slide-thumb] {
  animation: workspace-package-slide-hint 260ms ease;
}

@keyframes workspace-package-slide-hint {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(8px); }
}

.workspace-package-stage-button.is-idle-cue::before {
  animation: workspace-package-artwork-cue 1.1s ease-in-out 3s 1;
}

.workspace-upload-flow-dock {
  position: fixed;
  z-index: 42;
  top: var(--upload-flow-dock-top, 78px);
  left: 50%;
  isolation: isolate;
  display: grid !important;
  width: min(790px, calc(100vw - 32px));
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(104, 65, 214, .2);
  border-radius: 18px;
  background: rgba(255, 254, 251, .94);
  box-shadow: 0 16px 42px rgba(40, 29, 53, .16);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -12px);
  transition: opacity 180ms ease, transform 180ms ease;
  backdrop-filter: blur(14px);
}

.workspace-upload-flow-dock.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.workspace-upload-flow-dock li,
.workspace-upload-flow-dock li.is-active,
.workspace-upload-flow-dock li.is-complete {
  display: block;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
}

.workspace-upload-flow-dock li.is-active {
  background: rgba(140, 98, 246, .09);
}

.workspace-upload-flow-dock li > button {
  display: grid;
  width: 100%;
  min-height: 42px;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border: 0;
  border-radius: 11px;
  color: #2b2530;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.workspace-upload-flow-dock li > button > b {
  position: relative;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #cec7d1;
  border-radius: 50%;
  color: #675e6d;
  background: #fff;
  font-size: .65rem;
}

.workspace-upload-flow-dock li.is-active > button > b {
  border-color: #6841d6;
  color: #fff;
  background: #6841d6;
}

.workspace-upload-flow-dock li.is-complete > button > b {
  border-color: #82d9c0;
  color: transparent;
  background: #82d9c0;
}

.workspace-upload-flow-dock li.is-complete > button > b::after {
  position: absolute;
  color: #17251f;
  content: "✓";
  font-size: .85rem;
  font-weight: 950;
}

.workspace-upload-flow-dock li > button > span {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.workspace-upload-flow-dock strong {
  overflow: hidden;
  color: #2d2632;
  font-size: .64rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-flow-dock small {
  overflow: hidden;
  color: #7a7180;
  font-size: .52rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-flow-dock li.is-locked:not(.is-active) {
  opacity: .55;
}

@media (max-width: 900px) {
  .workspace-upload-entitlement {
    grid-template-columns: minmax(170px, 210px) minmax(150px, 1fr) auto;
  }

  .workspace-upload-flow-dock {
    top: var(--upload-flow-dock-top, 70px);
  }
}

@media (max-width: 780px) {
  .workspace-upload-entitlement {
    grid-template-columns: 1fr;
  }

  .workspace-upload-entitlement .workspace-upload-allowance {
    width: 100%;
    justify-self: stretch;
  }

  .workspace-upload-entitlement .workspace-upload-allowance > summary {
    width: 100%;
  }

  .workspace-upload-entitlement .workspace-upload-allowance > div {
    position: static;
    width: 100%;
    margin-top: 8px;
  }

  .workspace-upload-flow-dock {
    width: calc(100vw - 18px);
    gap: 3px;
    padding: 6px;
  }

  .workspace-upload-flow-dock li > button {
    min-height: 38px;
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 5px;
    padding: 5px;
  }

  .workspace-upload-flow-dock li > button > b {
    width: 27px;
    height: 27px;
  }

  .workspace-upload-flow-dock small {
    display: none;
  }
}

@media (max-width: 620px) {
  .workspace-upload-entitlement .workspace-upload-allowance > summary > span {
    display: block;
  }

  .workspace-upload-workflow-panel > .workspace-upload-notice > div {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .workspace-upload-workflow-panel > .workspace-upload-notice > div > [data-upload-notice-dismiss] {
    min-width: 154px;
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    margin-top: 5px;
  }

  .workspace-package-studio-setting {
    align-items: flex-start;
  }

  .workspace-upload-flow-dock {
    top: var(--upload-flow-dock-top, 64px);
  }

  .workspace-upload-flow-dock strong {
    font-size: .56rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-upload-flow-dock {
    transition: none;
  }

  .workspace-package-begin-action.is-slide-control.is-slide-hint > [data-upload-package-slide-thumb],
  .workspace-package-stage-slide.is-slide-hint [data-upload-package-slide-thumb],
  .workspace-package-stage-button.is-idle-cue::before {
    animation: none;
  }
}

/* Task 613 final paint overrides must follow the legacy stage-slide block. */
.workspace-package-stage-slide[data-upload-package-stage-slide="audio"] {
  border-color: #6841d6 !important;
  background: linear-gradient(112deg, #17131b 0%, #17131b 24%, #6841d6 62%, #dfff62 142%) !important;
}

.workspace-package-stage-slide[data-upload-package-stage-slide="audio"]::before {
  background: linear-gradient(90deg, #dfff62, #8b72ee 58%, #17131b);
}

@media (prefers-reduced-motion: reduce) {
  .workspace-package-stage-slide.is-arrival-cue [data-upload-package-slide-thumb] {
    animation: none;
  }
}

/* Studio Task 615 final cascade: Stage 4 media alignment and black-to-purple continuation. */
.workspace-package-summary-grid article.is-artwork {
  align-content: start !important;
  align-items: start !important;
  grid-template-columns: 106px minmax(0, 1fr) !important;
}

.workspace-package-summary-grid article.is-artwork > .workspace-package-summary-artwork {
  width: 96px !important;
  height: 96px !important;
  align-self: start !important;
  justify-self: start;
}

.workspace-package-summary-grid article.is-artwork > div { align-self: start; padding-top: 0 !important; }

.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready,
.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"].is-package-ready {
  border-color: #17131b !important;
  color: #fff !important;
  background: #17131b !important;
  box-shadow: 0 12px 26px rgba(23, 19, 27, .17);
}

.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready:hover,
.workspace-upload-workflow-actions [data-upload-workflow-next].is-package-ready:focus-visible,
.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"].is-package-ready:hover,
.workspace-upload-workflow-actions [data-upload-workflow-next][data-package-review="true"].is-package-ready:focus-visible {
  border-color: #6841d6 !important;
  color: #fff !important;
  background: #6841d6 !important;
}

@media (max-width: 620px) {
  .workspace-package-summary-grid article.is-artwork { grid-template-columns: 80px minmax(0,1fr) !important; }
  .workspace-package-summary-grid article.is-artwork > .workspace-package-summary-artwork { width: 70px !important; height: 70px !important; }
}

/* Task 614 current text-review paint; keep this final in the cascade. */
.workspace-package-text-privacy {
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 17px !important;
  margin-top: 18px !important;
  padding: 18px 20px !important;
  border: 1px solid #bcaeef !important;
  border-radius: 20px !important;
  color: #332946 !important;
  background: #f5f1ff !important;
  box-shadow: 0 12px 28px rgba(67, 43, 105, .08);
}

.workspace-private-triangle,
.workspace-private-triangle svg {
  width: 72px;
  height: 64px;
  padding: 0;
}

.workspace-private-triangle {
  place-items: center;
  clip-path: none;
  border: 0;
  color: #6947d4;
  background: transparent !important;
}

.workspace-package-text-privacy.is-confirmed {
  border-color: #58aa91 !important;
  color: #173d32 !important;
  background: #e9f8f2 !important;
}

.workspace-package-text-privacy.is-confirmed .workspace-private-triangle {
  color: #378d75;
  background: transparent !important;
}

.workspace-package-text-privacy.is-blocked,
.workspace-package-text-privacy.is-attention {
  border-color: #c73757 !important;
  color: #6f1831 !important;
  background: #fff0f3 !important;
  animation: none !important;
}

.workspace-package-text-privacy.is-blocked .workspace-private-triangle,
.workspace-package-text-privacy.is-attention .workspace-private-triangle {
  color: #c73757;
  background: transparent !important;
}

.workspace-package-text-privacy.is-collapsed {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  padding: 12px 15px !important;
}

.workspace-package-text-privacy.is-collapsed .workspace-private-triangle,
.workspace-package-text-privacy.is-collapsed .workspace-private-triangle svg {
  width: 44px;
  height: 40px;
  padding: 0;
}

.workspace-package-text-groups details:not([open]) > .workspace-package-text-group-select {
  visibility: hidden;
  opacity: 0 !important;
  pointer-events: none;
}

.workspace-package-text-groups details[open] > .workspace-package-text-group-select {
  visibility: visible;
  opacity: 1 !important;
  pointer-events: auto;
}

@media (max-width: 620px) {
  .workspace-package-text-privacy {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .workspace-private-triangle,
  .workspace-private-triangle svg {
    width: 50px;
    height: 46px;
    padding: 0;
  }
}

/* Studio Task 616: visible album verification and focused finish-line editing. */
.workspace-upload-workflow-panel,
.workspace-upload-review { scroll-margin-top: calc(var(--upload-flow-dock-top, 78px) + 74px); }

.workspace-upload-details-assistant-action {
  display: grid;
  min-width: 224px;
  justify-items: stretch;
  gap: 7px;
}

.workspace-upload-details-assistant-action > small {
  color: #7251dd !important;
  font-size: .64rem !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  text-align: center;
  text-transform: none !important;
}

.workspace-upload-meta-grid > .workspace-upload-details-assistant > header .workspace-upload-details-assistant-action > button {
  min-height: 46px;
  padding: 11px 18px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(100deg, #a32cf1 0%, #7448f3 48%, #329df4 100%);
  box-shadow: 0 10px 24px rgba(118, 72, 243, .24);
  font-weight: 950;
  cursor: pointer;
}

.workspace-upload-meta-grid > .workspace-upload-details-assistant > header .workspace-upload-details-assistant-action > button:hover,
.workspace-upload-meta-grid > .workspace-upload-details-assistant > header .workspace-upload-details-assistant-action > button:focus-visible {
  background: linear-gradient(100deg, #8d1fdb 0%, #6841df 48%, #218ee8 100%);
  transform: translateY(-1px);
}

[data-upload-artist-identity-open][data-state="matched"] small {
  width: 0;
  height: 25px;
  overflow: hidden;
  opacity: 0;
  transform: scale(.7);
  transition: width 160ms ease, opacity 160ms ease, transform 160ms ease;
}

[data-upload-artist-identity-open][data-state="matched"]:hover small,
[data-upload-artist-identity-open][data-state="matched"]:focus-visible small,
[data-upload-artist-identity-open][data-state="matched"][aria-expanded="true"] small {
  width: 25px;
  opacity: 1;
  transform: scale(1);
}

.workspace-upload-artist-image-option strong,
.workspace-upload-artist-image-option small {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.workspace-upload-artist-image-option strong { font-size: .74rem !important; line-height: 1.25; }
.workspace-upload-artist-image-option small { font-size: .64rem !important; line-height: 1.35; }

.workspace-upload-artist-image-framing {
  display: grid;
  grid-template-columns: minmax(190px, .65fr) minmax(160px, .55fr) minmax(260px, 1.4fr);
  align-items: center;
  gap: 22px;
  padding-top: 16px;
  border-top: 1px solid rgba(35, 28, 42, .12);
}

.workspace-upload-artist-image-reference {
  display: flex;
  align-items: center;
  gap: 13px;
}

.workspace-upload-artist-image-reference > span:last-child { display: grid; gap: 3px; }
.workspace-upload-artist-image-reference small { color: #716a76; font-size: .65rem; line-height: 1.35; }

.workspace-upload-artist-image-reference-visual {
  --upload-artist-ring: transparent;
  --upload-artist-zoom: 1.2;
  display: grid;
  width: 112px;
  height: 112px;
  flex: 0 0 112px;
  overflow: hidden;
  place-items: center;
  border: 6px solid var(--upload-artist-ring);
  border-radius: 50%;
  background-color: transparent;
  background-image: linear-gradient(45deg, #eee 25%, transparent 25%), linear-gradient(-45deg, #eee 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #eee 75%), linear-gradient(-45deg, transparent 75%, #eee 75%);
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
  background-size: 12px 12px;
  box-shadow: 0 10px 24px rgba(45, 31, 56, .14);
}

.workspace-upload-artist-image-reference-visual[data-ring="none"] { border-color: transparent; box-shadow: none; }
.workspace-upload-artist-image-reference-visual img,
.workspace-upload-artist-image-reference-visual i { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; transform: scale(var(--upload-artist-zoom)); }
.workspace-upload-artist-image-reference-visual i { display: grid; place-items: center; color: #6841d6; background: rgba(239, 234, 249, .86); font-style: normal; font-weight: 950; }
.workspace-upload-release-artist[data-ring="none"] { border-color: transparent; }

.workspace-creation-groups > article {
  display: grid;
  align-content: space-between;
  min-height: 176px;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d9d2df;
  border-radius: 20px;
  background: #fff;
}

.workspace-creation-groups > article.is-filtered {
  border-color: #714be2;
  box-shadow: 0 0 0 3px rgba(113, 75, 226, .12);
}

.workspace-creation-groups > article > button {
  display: grid;
  min-height: 88px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  padding: 6px;
  border: 0;
  color: #211b27;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.workspace-creation-groups > article > button > span { display: grid; gap: 6px; }
.workspace-creation-groups > article > button b { padding: 5px 8px; border-radius: 999px; color: #6841d6; background: #f0ebff; font-size: .64rem; }
.workspace-creation-groups > article select {
  min-height: 48px;
  padding: 0 12px;
  border: 1.5px solid #7555df;
  border-radius: 13px;
  outline: 0;
  color: #17131b !important;
  -webkit-text-fill-color: #17131b !important;
  background: #fff !important;
  color-scheme: light;
  font-weight: 900;
}
.workspace-creation-groups option,
.workspace-creation-component-row option { color: #17131b !important; background: #fff !important; }
.workspace-creation-component-row select { color: #17131b !important; -webkit-text-fill-color: #17131b !important; background: #fff !important; color-scheme: light; }
.workspace-creation-component-editor > div:first-child { grid-template-columns: minmax(0,1fr) auto; align-items: end; }
.workspace-creation-component-editor > div:first-child small { grid-column: 1; }
.workspace-creation-component-editor > div:first-child button { grid-column: 2; grid-row: 1 / 3; align-self: center; padding: 8px 11px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(100deg, #a32cf1, #7448f3 50%, #329df4); font-weight: 900; cursor: pointer; }
.workspace-creation-component-table { max-height: 610px; overflow: auto !important; scrollbar-gutter: stable; }
.workspace-creation-component-row[hidden] { display: none !important; }
.workspace-creation-component-row.is-head { position: sticky; z-index: 2; top: 0; }

.workspace-upload-review {
  gap: 18px;
  padding: 0;
  border: 0;
  background: transparent;
}

.workspace-upload-review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border: 1px solid #d6cef0;
  border-radius: 18px;
  background: linear-gradient(115deg, #f4efff, #fff 58%, #f0fffa);
}
.workspace-upload-review-head > span { display: grid; gap: 3px; }
.workspace-upload-review-head small { color: #6841d6; font-size: .66rem; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; }
.workspace-upload-review-head strong { font-size: 1.05rem; }
.workspace-upload-review-head b { color: #706875; font-size: .68rem; font-weight: 650; }
.workspace-upload-review-head button { flex: 0 0 auto; min-height: 43px; padding: 10px 15px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(100deg, #a32cf1, #7448f3 50%, #329df4); font-weight: 950; cursor: pointer; }

.workspace-upload-verification-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.workspace-upload-review .workspace-upload-verification-overview > article {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  padding: 14px;
  border: 1px solid #ddd5e4;
  border-top: 4px solid #7654df;
  border-radius: 15px;
  background: #fff;
}
.workspace-upload-verification-overview article.is-clear { border-top-color: #2a9677; }
.workspace-upload-verification-overview article.is-hold,
.workspace-upload-verification-overview article.is-unavailable { border-top-color: #c13758; background: #fff5f7; }
.workspace-upload-verification-overview article.is-mature { border-top-color: #e0892f; background: #fff9ef; }
.workspace-upload-verification-overview small { color: #706876; font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.workspace-upload-verification-overview strong { font-size: .84rem; }
.workspace-upload-verification-overview span { color: #766f79; font-size: .64rem; line-height: 1.35; }

.workspace-upload-cover-identity,
.workspace-upload-track-results,
.workspace-upload-media-later,
.workspace-upload-unresolved,
.workspace-upload-verification-progress {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid #ddd5e4;
  border-radius: 18px;
  background: #fff;
}
.workspace-upload-cover-identity > header,
.workspace-upload-track-results > header { display: grid; gap: 3px; }
.workspace-upload-cover-identity > header small,
.workspace-upload-track-results > header small { color: #716a76; font-size: .7rem; }
.workspace-upload-cover-identity > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.workspace-upload-review .workspace-upload-identity-result { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; padding: 13px; border: 1px solid #e2dce7; border-radius: 14px; background: #faf8fc; }
.workspace-upload-identity-result > span { display: grid; gap: 3px; }
.workspace-upload-identity-result small { color: #7654df; font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.workspace-upload-identity-result b { color: #2a806a; font-size: .68rem; }
.workspace-upload-identity-result.is-not_detected b,
.workspace-upload-identity-result.is-unavailable b { color: #a22946; }
.workspace-upload-identity-result p { grid-column: 1 / -1; margin: 0; color: #716a76; font-size: .66rem; line-height: 1.4; }
.workspace-upload-identity-result button { align-self: center; padding: 8px 11px; border: 1px solid #7654df; border-radius: 999px; color: #6841d6; background: #fff; font-size: .68rem; font-weight: 900; cursor: pointer; }

.workspace-upload-track-results { gap: 9px; }
.workspace-upload-track-result { overflow: hidden; border: 1px solid #ddd6e1; border-radius: 15px; background: #fff; }
.workspace-upload-track-result.is-attention { border-color: #e4a4b3; background: #fffafb; }
.workspace-upload-track-result > summary { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 12px 14px; cursor: pointer; list-style: none; }
.workspace-upload-track-result > summary::-webkit-details-marker { display: none; }
.workspace-upload-track-result > summary > b { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #6841d6; background: #eee8ff; font-size: .72rem; }
.workspace-upload-track-result > summary > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.workspace-upload-track-result > summary small { overflow: hidden; color: #746d78; font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-upload-track-result-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.workspace-upload-track-result-badges i { padding: 5px 8px; border-radius: 999px; color: #5c5262; background: #eeeaf1; font-size: .6rem; font-style: normal; font-weight: 900; }
.workspace-upload-track-result-badges i.is-clear { color: #176b58; background: #e4f7f0; }
.workspace-upload-track-result-badges i.is-attention { color: #a32346; background: #ffe7ed; }
.workspace-upload-track-result > div { display: grid; gap: 12px; padding: 14px; border-top: 1px solid #e6e0e8; }
.workspace-upload-track-facts { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 8px; }
.workspace-upload-track-facts > span { display: grid; gap: 3px; padding: 9px; border-radius: 11px; background: #f6f3f8; }
.workspace-upload-track-facts small { color: #756d79; font-size: .58rem; font-weight: 900; text-transform: uppercase; }
.workspace-upload-track-facts strong { font-size: .68rem; }
.workspace-upload-track-result-actions { display: flex !important; flex-wrap: wrap; gap: 8px; }
.workspace-upload-track-result-actions button { padding: 8px 11px; border: 1px solid #7654df; border-radius: 999px; color: #6841d6; background: #fff; font-size: .68rem; font-weight: 900; cursor: pointer; }
.workspace-upload-instrumental-confirm { display: flex !important; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #ddd5e2; border-radius: 12px; background: #fbf9fc; }
.workspace-upload-instrumental-confirm input { width: 22px !important; min-height: 22px !important; flex: 0 0 22px; accent-color: #7654df; }
.workspace-upload-instrumental-confirm > span { display: grid; gap: 2px; }
.workspace-upload-instrumental-confirm small { color: #756d79; font-size: .65rem; }
.workspace-upload-unresolved { border-color: #e4a4b3; color: #791f35; background: #fff1f4; }
.workspace-upload-unresolved ul { display: grid; gap: 4px; margin: 0; padding-left: 20px; font-size: .72rem; }
.workspace-upload-media-later { grid-template-columns: repeat(3, minmax(0,1fr)); color: #6f6873; background: #f6f3f8; font-size: .68rem; }
.workspace-upload-media-later strong { grid-column: 1 / -1; color: #2a2430; }
.workspace-upload-review.is-stale { opacity: .72; }
.workspace-upload-review.is-stale::before { padding: 10px 13px; border-radius: 12px; color: #7b2540; background: #fff0f4; content: "Results are out of date. Verify the corrected values again."; font-size: .72rem; font-weight: 900; }

.workspace-upload-verification-progress > header { display: flex; align-items: center; gap: 14px; }
.workspace-upload-verification-progress > header > div { display: grid; gap: 3px; }
.workspace-upload-verification-progress > header small { color: #7654df; font-weight: 950; text-transform: uppercase; }
.workspace-upload-verification-progress > header span { color: #716a76; font-size: .7rem; }
.workspace-upload-verification-spinner { width: 42px; height: 42px; flex: 0 0 42px; border: 5px solid #e5def5; border-top-color: #7654df; border-radius: 50%; animation: workspace-upload-reconnect-spin .8s linear infinite; }
.workspace-upload-verification-progress ol { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.workspace-upload-verification-progress li { display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 10px; padding: 9px 11px; border-radius: 12px; color: #8a838e; background: #f7f5f8; }
.workspace-upload-verification-progress li > b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #e9e4ed; font-size: .68rem; }
.workspace-upload-verification-progress li > span { display: grid; gap: 2px; }
.workspace-upload-verification-progress li small { font-size: .62rem; }
.workspace-upload-verification-progress li.is-active { color: #342540; background: #f0eaff; box-shadow: inset 3px 0 #7654df; }
.workspace-upload-verification-progress li.is-active > b { color: #fff; background: #7654df; }
.workspace-upload-verification-progress li.is-complete { color: #226d5b; background: #eaf8f3; }
.workspace-upload-verification-progress li.is-complete > b { color: #fff; background: #2a9476; }
.workspace-upload-verification-progress > p { margin: 0; color: #716a76; font-size: .68rem; line-height: 1.4; }

.workspace-upload-quick-edit-dialog,
.workspace-upload-track-editor-dialog { width: min(760px, calc(100vw - 32px)); }
.workspace-upload-quick-edit-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.workspace-upload-quick-edit-fields label,
[data-upload-review-track-dialog-fields] { display: grid; gap: 12px; }
.workspace-upload-quick-edit-fields label { gap: 6px; font-size: .72rem; font-weight: 900; }
.workspace-upload-quick-edit-fields input,
[data-upload-review-track-dialog-fields] input:not([type="checkbox"]),
[data-upload-review-track-dialog-fields] textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1.5px solid #aaa1af; border-radius: 12px; color: #17131b; background: #fff; font: inherit; }
[data-upload-review-track-dialog-fields] > label { display: grid; gap: 6px; font-size: .72rem; font-weight: 900; }

.workspace-upload-actions { justify-content: flex-end; }
.workspace-upload-actions [data-upload-validate] { min-width: 230px; min-height: 52px; padding: 12px 20px; border-color: #17131b; color: #fff; background: #17131b; font-weight: 950; }
.workspace-upload-actions [data-upload-validate]:hover:not(:disabled),
.workspace-upload-actions [data-upload-validate]:focus-visible:not(:disabled) { border-color: #7654df; background: #7654df; }

@media (max-width: 900px) {
  .workspace-upload-details-assistant-action { grid-column: 1 / -1; width: 100%; }
  .workspace-upload-artist-image-framing { grid-template-columns: 1fr 1fr; }
  .workspace-upload-artist-image-reference { grid-column: 1 / -1; }
  .workspace-upload-verification-overview { grid-template-columns: 1fr 1fr; }
  .workspace-upload-track-facts { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 620px) {
  .workspace-upload-artist-image-framing,
  .workspace-upload-verification-overview,
  .workspace-upload-cover-identity > div,
  .workspace-upload-quick-edit-fields { grid-template-columns: 1fr; }
  .workspace-upload-track-result > summary { grid-template-columns: 38px minmax(0,1fr); }
  .workspace-upload-track-result-badges { grid-column: 1 / -1; justify-content: flex-start; }
  .workspace-upload-track-facts,
  .workspace-upload-media-later { grid-template-columns: 1fr; }
  .workspace-upload-review-head { align-items: stretch; flex-direction: column; }
  .workspace-upload-review-head button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-upload-verification-spinner { animation: none; }
}

/* Studio Task 621: compact excluded-file summary and bounded review card */
.workspace-upload-workflow-panel > .workspace-upload-notice > div {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 22px;
  padding: 15px 16px;
}

.workspace-upload-workflow-panel > .workspace-upload-notice > div > strong,
.workspace-upload-workflow-panel > .workspace-upload-notice > div > p,
.workspace-upload-workflow-panel > .workspace-upload-notice > div > ul {
  grid-column: 1;
}

.workspace-upload-workflow-panel > .workspace-upload-notice > div > p {
  max-width: 980px;
  margin: 0;
  color: #805062;
  font-size: .69rem;
  line-height: 1.46;
}

.workspace-upload-notice > div > .workspace-upload-notice-actions {
  display: flex;
  min-width: 178px;
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: center;
  align-items: stretch;
  flex-direction: column;
  gap: 7px;
}

.workspace-upload-notice-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
}

.workspace-upload-notice-stats li {
  display: grid;
  min-width: 0;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid rgba(187, 55, 84, .18);
  border-radius: 12px;
  background: rgba(255, 255, 255, .6);
}

.workspace-upload-notice-stats li > b {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: #bd3857;
  font-size: .78rem;
  font-weight: 950;
}

.workspace-upload-notice-stats li > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.workspace-upload-notice-stats li strong {
  color: #522c39;
  font-size: .69rem;
}

.workspace-upload-notice-stats li small {
  color: #8a5b6a;
  font-size: .61rem;
  line-height: 1.35;
}

.workspace-upload-notice > div .workspace-upload-notice-link {
  width: 100% !important;
  min-width: 0;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid rgba(119, 63, 207, .28);
  border-radius: 999px;
  color: #7038c4;
  background: rgba(255, 255, 255, .82);
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.workspace-upload-notice > div .workspace-upload-notice-link:hover,
.workspace-upload-notice > div .workspace-upload-notice-link:focus-visible {
  border-color: #8b3fdb;
  color: #fff;
  background: linear-gradient(110deg, #8439ec, #c94eb6 56%, #4b91ef);
  outline: 3px solid rgba(132, 57, 236, .18);
  outline-offset: 2px;
  text-decoration: none;
}

.workspace-upload-notice-actions > [data-upload-notice-dismiss] {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px;
  grid-column: auto !important;
  grid-row: auto !important;
  padding: 7px 16px !important;
}

.workspace-upload-excluded-dialog {
  width: min(760px, calc(100vw - 32px));
  border-color: rgba(117, 83, 194, .28);
  color: #211b24;
  background: linear-gradient(145deg, #fff 0%, #fff9fc 56%, #f4f3ff 100%);
}

.workspace-upload-excluded-dialog .workspace-upload-dialog-shell {
  grid-template-rows: auto auto minmax(100px, 1fr) auto;
  max-height: calc(92dvh - 40px);
}

[data-upload-excluded-controls] { display: grid; gap: 12px; min-width: 0; }
[data-upload-excluded-controls] nav { display: flex; flex-wrap: wrap; gap: 7px; }
[data-upload-excluded-controls] nav button { padding: 8px 11px; border: 1px solid #d9d1eb; border-radius: 999px; background: #fff; color: #514168; font-size: .68rem; }
[data-upload-excluded-controls] nav button[aria-pressed="true"] { background: #6d4ed8; color: #fff; border-color: #6d4ed8; }
[data-upload-excluded-controls] label { display: flex; align-items: center; gap: 12px; font-size: .7rem; }
[data-upload-excluded-controls] select { min-width: 0; max-width: 100%; flex: 1; padding: 8px 10px; border: 1px solid #d9d1eb; border-radius: 10px; background: #fff; color: #302832; }
.workspace-upload-excluded-list li.is-eligible { border-left-color: #9b8ac5; }
.workspace-upload-excluded-list li > label { display: flex; gap: 8px; align-items: center; color: #5a4682; font-size: .68rem; cursor: pointer; }
.workspace-upload-excluded-list input[type="checkbox"] { appearance: none; flex: 0 0 18px; width: 18px; height: 18px; margin: 0; border: 1px solid #9c8ab8; border-radius: 4px; background: #fff; cursor: pointer; }
.workspace-upload-excluded-list input[type="checkbox"]:checked { background: #7150d8; border-color: #7150d8; }
.workspace-upload-excluded-list input[type="checkbox"]:checked::after { display: block; content: "✓"; color: #fff; text-align: center; font-size: 13px; line-height: 16px; }
.workspace-upload-excluded-list input:focus-visible { outline: 2px solid #7150d8; outline-offset: 3px; }
.workspace-upload-excluded-list li small.workspace-upload-excluded-reason { white-space: normal; line-height: 1.5; margin-top: 5px; }
.workspace-upload-excluded-dialog .workspace-upload-dialog-shell > footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.workspace-upload-excluded-dialog .workspace-upload-dialog-shell > footer small { grid-column: 1 / -1; }
.workspace-upload-excluded-dialog .workspace-upload-dialog-shell > footer button { width: 100%; min-width: 0; white-space: normal; }
.workspace-upload-excluded-dialog .workspace-upload-dialog-shell > footer button:not(.is-primary) { background: #fff; color: #59466e; border-color: #d2c7e0; }
.workspace-upload-excluded-dialog footer button:disabled { opacity: .5; cursor: default; }
.workspace-upload-track-story-suggestion { grid-column: 1 / -1; }
.workspace-upload-track-story-suggestion p { margin: 5px 0 0; font-size: .78rem; line-height: 1.6; }
.workspace-upload-notice > summary { color: #60459c; background: #f7f4ff; border-color: #d8ceec; }

@media (max-width: 600px) {
  .workspace-upload-excluded-dialog .workspace-upload-dialog-shell { padding: 16px; gap: 12px; max-height: calc(96dvh - 24px); }
  .workspace-upload-excluded-dialog header h3 { font-size: 1.4rem; }
  .workspace-upload-excluded-dialog footer small { flex-basis: 100%; }
  [data-upload-excluded-controls] nav { gap: 5px; }
  [data-upload-excluded-controls] nav button { padding: 6px 8px; }
}

.workspace-upload-excluded-dialog header span { color: #7546d8; }
.workspace-upload-excluded-dialog header small { color: #746b78; }
.workspace-upload-excluded-dialog header > button {
  border-color: #d6cedb;
  color: #302832;
  background: rgba(255, 255, 255, .82);
}

.workspace-upload-excluded-list {
  display: grid;
  max-height: min(430px, 52dvh);
  gap: 8px;
  margin: 0;
  padding: 3px 7px 3px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #8b5de3 #eee9f4;
  scrollbar-width: thin;
  list-style: none;
}

.workspace-upload-excluded-list::-webkit-scrollbar { width: 9px; }
.workspace-upload-excluded-list::-webkit-scrollbar-track { border-radius: 999px; background: #eee9f4; }
.workspace-upload-excluded-list::-webkit-scrollbar-thumb { border: 2px solid #eee9f4; border-radius: 999px; background: linear-gradient(#b450c5, #7354df); }

.workspace-upload-excluded-list li {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  border: 1px solid #e2dce6;
  border-left: 4px solid #bd3857;
  border-radius: 13px;
  background: rgba(255, 255, 255, .88);
}

.workspace-upload-excluded-list li > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.workspace-upload-excluded-list li strong,
.workspace-upload-excluded-list li small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-excluded-list li strong { font-size: .76rem; }
.workspace-upload-excluded-list li small { color: #756d79; font-size: .64rem; }
.workspace-upload-excluded-list li em {
  padding: 6px 9px;
  border-radius: 999px;
  color: #812a43;
  background: #ffe7ee;
  font-size: .6rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.workspace-upload-excluded-list li.is-empty { border-left-color: #6e52d5; }
.workspace-upload-excluded-dialog footer small { color: #706773; }
.workspace-upload-excluded-dialog footer .is-primary {
  min-width: 112px;
  border: 0;
  color: #fff;
  background: linear-gradient(110deg, #8439ec, #c94eb6 56%, #4b91ef);
}

@media (max-width: 760px) {
  .workspace-upload-workflow-panel > .workspace-upload-notice > div {
    grid-template-columns: 1fr;
  }

  .workspace-upload-notice > div > .workspace-upload-notice-actions {
    width: 100%;
    min-width: 0;
    grid-column: 1;
    grid-row: auto;
    align-items: stretch;
    flex-direction: row;
  }

  .workspace-upload-notice-actions > button { flex: 1 1 0; }
}

@media (max-width: 620px) {
  .workspace-upload-notice-stats { grid-template-columns: 1fr; }
  .workspace-upload-notice > div > .workspace-upload-notice-actions { flex-direction: column; }
  .workspace-upload-excluded-list li { grid-template-columns: 1fr; }
  .workspace-upload-excluded-list li em { justify-self: start; }
}

/* Studio Task 625: editable local package, ordered tracks, credits, and owner previews. */
.workspace-upload-summary-actions [data-upload-package-manage-files],
.workspace-upload-summary-actions [data-upload-package-manage-files]:visited {
  border-color: #211a25 !important;
  color: #fff !important;
  background: #19151d !important;
}

.workspace-upload-summary-actions [data-upload-package-manage-files]:hover,
.workspace-upload-summary-actions [data-upload-package-manage-files]:focus-visible {
  border-color: #6e46d8 !important;
  color: #fff !important;
  background: #3f287f !important;
  outline: 3px solid rgba(110, 70, 216, .18);
  outline-offset: 2px;
}

.workspace-package-inventory-header-actions {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.workspace-package-inventory-header-actions [data-upload-package-inventory-add] {
  border-color: #8d3fe0;
  color: #fff;
  background: linear-gradient(110deg, #873bec, #c749b6 56%, #438fea);
}

.workspace-package-inventory-list article {
  grid-template-columns: 70px minmax(0, 1fr) auto auto;
}

.workspace-package-inventory-list article > button {
  min-height: 30px;
  padding: 5px 9px;
  border-color: rgba(177, 47, 80, .24);
  color: #9a2f4c;
  background: #fff6f8;
  font-size: .57rem;
}

.workspace-package-inventory-list article > button:hover,
.workspace-package-inventory-list article > button:focus-visible {
  border-color: #b42f52;
  color: #fff;
  background: #b42f52;
}

.workspace-package-artwork-alternates > summary {
  opacity: .64;
  transition: opacity 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.workspace-package-artwork-alternates > summary:hover,
.workspace-package-artwork-alternates > summary:focus-visible,
.workspace-package-artwork-alternates[open] > summary {
  opacity: 1;
  box-shadow: 0 9px 22px rgba(69, 42, 142, .34);
}

.workspace-package-output-label {
  display: inline-flex;
  position: relative;
  align-items: center;
  gap: 6px;
}

.workspace-package-output-label .workspace-package-output-info {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.workspace-package-output-label .workspace-package-output-info > small {
  right: auto;
  left: 0;
  width: min(310px, 72vw);
}

.workspace-package-audio-header-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid #ded6e3;
  border-radius: 14px;
  background: linear-gradient(110deg, rgba(241, 235, 255, .82), rgba(239, 255, 251, .75));
}

.workspace-package-audio-header-actions > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.workspace-package-audio-header-actions strong { color: #302637; font-size: .72rem; }
.workspace-package-audio-header-actions small { color: #756b7a; font-size: .59rem; line-height: 1.38; }
.workspace-package-audio-header-actions > span { display: flex; flex: 0 0 auto; gap: 7px; }
.workspace-package-audio-header-actions button {
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid rgba(104, 65, 214, .32);
  border-radius: 999px;
  color: #5b35c5;
  background: #fff;
  font: inherit;
  font-size: .61rem;
  font-weight: 900;
}
.workspace-package-audio-header-actions button.is-primary { color: #fff; background: #6841d6; }

.workspace-package-audio-main {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
}

.workspace-upload-track-drag {
  display: grid;
  width: 28px;
  min-height: 42px;
  place-items: center;
  padding: 0;
  border: 1px solid #ded6e4;
  border-radius: 10px;
  color: #7258b0;
  background: #f8f5fd;
  font: inherit;
  font-weight: 950;
  cursor: grab;
}
.workspace-upload-track-drag:active { cursor: grabbing; }

.workspace-package-audio-main > label {
  grid-template-columns: auto auto minmax(0, 1fr);
}

.workspace-package-audio-main label > span:last-child em {
  overflow: hidden;
  color: #6746bc;
  font-size: .56rem;
  font-style: normal;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-package-audio-actions {
  display: grid !important;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 6px !important;
}

.workspace-upload-track-order {
  display: flex;
  padding: 3px;
  border: 1px solid #e1dbe6;
  border-radius: 999px;
  background: #f8f6fa;
}

.workspace-package-audio-main .workspace-upload-track-order > button {
  min-width: 27px;
  min-height: 27px;
  padding: 3px 6px;
  border: 0;
  color: #5d42a7;
  background: transparent;
}

.workspace-package-audio-main .workspace-upload-track-order > button:hover,
.workspace-package-audio-main .workspace-upload-track-order > button:focus-visible {
  color: #fff;
  background: #6841d6;
}

.workspace-package-audio-row.is-order-pending {
  box-shadow: inset 4px 0 #b747bc;
}
.workspace-package-audio-row.is-dragging { opacity: .48; }
.workspace-package-audio-row.is-drop-target { box-shadow: inset 0 3px #6841d6; }

.workspace-upload-track-metadata-dialog {
  width: min(920px, calc(100vw - 28px));
  max-height: min(880px, calc(100dvh - 28px));
  border-color: rgba(111, 70, 210, .32);
  color: #211b24;
  background: linear-gradient(145deg, #fff 0%, #fffafe 54%, #f3f1ff 100%);
}

.workspace-upload-track-metadata-dialog::backdrop {
  background: rgba(15, 12, 19, .66);
  backdrop-filter: blur(7px);
}

.workspace-upload-track-metadata-dialog .workspace-upload-dialog-shell {
  grid-template-rows: auto minmax(160px, 1fr) auto;
}

[data-upload-track-metadata-content] {
  display: grid;
  max-height: min(650px, 64dvh);
  gap: 14px;
  padding-right: 5px;
  overflow-y: auto;
  scrollbar-color: #8057da #eee9f4;
  scrollbar-width: thin;
}

.workspace-upload-track-fields,
.workspace-upload-track-preview-setting,
.workspace-upload-track-credits,
.workspace-upload-track-bulk-note {
  padding: 14px;
  border: 1px solid #ded7e3;
  border-radius: 15px;
  background: rgba(255, 255, 255, .85);
}

.workspace-upload-track-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.workspace-upload-track-fields label,
.workspace-upload-track-credit-row label {
  display: grid;
  gap: 5px;
  color: #4b414e;
  font-size: .63rem;
  font-weight: 900;
}
.workspace-upload-track-fields label.is-wide { grid-column: 1 / -1; }
.workspace-upload-track-fields input:not([type="checkbox"]),
.workspace-upload-track-fields textarea,
.workspace-upload-track-credit-row input,
.workspace-upload-track-credit-row select {
  width: 100%;
  min-height: 44px;
  padding: 9px 11px;
  border: 1.5px solid #bdb3c3;
  border-radius: 11px;
  color: #17131b;
  background: #fff;
  font: inherit;
}
.workspace-upload-track-fields textarea { resize: vertical; }
.workspace-upload-track-instrumental { display: flex !important; grid-column: 1 / -1; align-items: center; gap: 10px !important; }
.workspace-upload-track-instrumental input { width: 20px; height: 20px; accent-color: #6841d6; }
.workspace-upload-track-instrumental span { display: grid; gap: 2px; }
.workspace-upload-track-instrumental small { color: #786e7c; font-weight: 650; }

.workspace-upload-track-preview-setting,
.workspace-upload-track-credits { display: grid; gap: 12px; }
.workspace-upload-track-preview-setting > header,
.workspace-upload-track-credits > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.workspace-upload-track-preview-setting header > div,
.workspace-upload-track-credits header > div,
.workspace-upload-track-bulk-note { display: grid; gap: 2px; }
.workspace-upload-track-preview-setting header span,
.workspace-upload-track-credits header span { color: #7a4ede; font-size: .58rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }
.workspace-upload-track-preview-setting header strong,
.workspace-upload-track-credits header strong { font-size: .76rem; }
.workspace-upload-track-preview-setting header > b { padding: 6px 9px; border-radius: 999px; color: #fff; background: #6841d6; font-size: .64rem; }
.workspace-upload-track-preview-setting input { width: 100%; accent-color: #6841d6; }
.workspace-upload-track-preview-setting > small { color: #756b79; font-size: .61rem; line-height: 1.42; }

.workspace-upload-track-credits header button,
.workspace-upload-track-credit-row > button {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(104, 65, 214, .3);
  border-radius: 999px;
  color: #5c35c5;
  background: #fff;
  font: inherit;
  font-size: .61rem;
  font-weight: 900;
}
.workspace-upload-track-credits > div { display: grid; gap: 8px; }
.workspace-upload-track-credits > div > p { margin: 0; color: #766d79; font-size: .65rem; }
.workspace-upload-track-credit-row { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(150px, .8fr) auto; align-items: end; gap: 9px; }
.workspace-upload-track-credit-row > button { width: 38px; min-height: 38px; color: #a63150; }
.workspace-upload-track-bulk-note strong { color: #5b37bf; font-size: .72rem; }
.workspace-upload-track-bulk-note span { color: #756c79; font-size: .63rem; line-height: 1.42; }

@media (max-width: 900px) {
  .workspace-package-audio-main { grid-template-columns: 28px minmax(0, 1fr); }
  .workspace-package-audio-actions { grid-column: 2; justify-content: start; }
  .workspace-package-audio-header-actions { align-items: stretch; flex-direction: column; }
}

@media (max-width: 620px) {
  .workspace-package-inventory > header,
  .workspace-package-audio-header-actions > span,
  .workspace-upload-track-preview-setting > header,
  .workspace-upload-track-credits > header { align-items: stretch; flex-direction: column; }
  .workspace-package-inventory-header-actions { width: 100%; }
  .workspace-package-inventory-header-actions > button { flex: 1 1 0; }
  .workspace-package-inventory-list article { grid-template-columns: 54px minmax(0, 1fr) auto; }
  .workspace-package-inventory-list article > b { grid-column: 2; }
  .workspace-package-inventory-list article > button { grid-column: 3; grid-row: 1 / span 2; }
  .workspace-package-audio-main { grid-template-columns: 26px minmax(0, 1fr); }
  .workspace-package-audio-main > label { grid-template-columns: auto auto minmax(0, 1fr); }
  .workspace-package-audio-actions { grid-template-columns: 1fr; }
  .workspace-upload-track-order { justify-self: start; }
  .workspace-upload-track-fields,
  .workspace-upload-track-credit-row { grid-template-columns: 1fr; }
  .workspace-upload-track-credit-row > button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-package-artwork-alternates > summary { transition: none; }
}

/* Task 637: one calm metadata surface with scan-aware track text. */
.workspace-upload-track-metadata-dialog {
  width: min(1060px, calc(100vw - 28px));
  background: linear-gradient(145deg, #ffffff 0%, #fffbfe 58%, #f3f4ff 100%);
  box-shadow: 0 34px 90px rgba(22, 15, 29, .3);
}

.workspace-upload-track-metadata-dialog header h3 {
  color: #241d29;
}

.workspace-upload-track-metadata-dialog header > div > span {
  color: #5f3db9;
}

.workspace-upload-track-metadata-dialog header small,
.workspace-upload-track-metadata-dialog footer small {
  color: #655b69;
}

.workspace-upload-track-metadata-dialog header > button,
.workspace-upload-track-metadata-dialog footer button {
  border-color: #cfc5d5;
  color: #2d2531;
  background: #fff;
}

.workspace-upload-track-metadata-dialog header > button:hover,
.workspace-upload-track-metadata-dialog header > button:focus-visible,
.workspace-upload-track-metadata-dialog footer button:hover,
.workspace-upload-track-metadata-dialog footer button:focus-visible {
  border-color: #7653d7;
  color: #4f2db4;
  outline: 3px solid rgba(118, 83, 215, .2);
  outline-offset: 2px;
}

.workspace-upload-track-metadata-dialog footer button.is-primary {
  border-color: #6841d6;
  color: #fff;
  background: linear-gradient(110deg, #7a43e8, #4d9ee8);
}

.workspace-upload-track-analysis-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #ded6e6;
  border-radius: 16px;
  background: linear-gradient(105deg, #f4efff, #fff 52%, #eefaf7);
}

.workspace-upload-track-analysis-strip > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 13px 16px;
}

.workspace-upload-track-analysis-strip > span + span {
  border-left: 1px solid #e5dfea;
}

.workspace-upload-track-analysis-strip small {
  color: #756a79;
  font-size: .57rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.workspace-upload-track-analysis-strip strong {
  overflow: hidden;
  color: #2c2431;
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-track-analysis-strip.is-clear {
  border-color: #b9e1d5;
  background: linear-gradient(105deg, #eef9f5, #fff 52%, #f1fbf8);
}

.workspace-upload-track-analysis-strip.is-attention {
  border-color: #efbdca;
  background: linear-gradient(105deg, #fff0f4, #fff 52%, #fff7f8);
}

.workspace-upload-track-fields {
  gap: 15px 18px;
  padding: 20px;
  border: 0;
  border-radius: 18px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 12px 34px rgba(55, 37, 68, .09), inset 0 0 0 1px rgba(99, 73, 113, .12);
}

.workspace-upload-track-fields > header {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 13px;
  border-bottom: 1px solid #e7e1ea;
}

.workspace-upload-track-fields > header > span {
  display: grid;
  gap: 3px;
}

.workspace-upload-track-fields > header small {
  color: #7654c7;
  font-size: .57rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace-upload-track-fields > header strong {
  color: #2b2330;
  font-size: .82rem;
}

.workspace-upload-track-field-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.workspace-upload-track-field-head > i {
  padding: 4px 7px;
  border-radius: 999px;
  color: #655a69;
  background: #eeeaf1;
  font-size: .53rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.workspace-upload-track-field-head > i.is-ready {
  color: #176b58;
  background: #e4f7f0;
}

.workspace-upload-track-field-head > i.is-pending {
  color: #7a5a24;
  background: #fff2d6;
}

.workspace-upload-track-field-head > i.is-neutral {
  color: #655a69;
  background: #eeeaf1;
}

.workspace-upload-track-fields label > small[data-upload-track-field-note] {
  color: #766d79;
  font-size: .57rem;
  font-weight: 650;
  line-height: 1.42;
}

.workspace-upload-track-fields label.is-scan-locked input:disabled,
.workspace-upload-track-fields label.is-scan-locked textarea:disabled {
  border-color: #d9d3dd;
  color: #847b87;
  background: #f2eff4;
  box-shadow: inset 0 1px 2px rgba(38, 29, 43, .04);
  cursor: not-allowed;
  opacity: 1;
}

.workspace-upload-track-fields label.is-scan-locked input:disabled::placeholder,
.workspace-upload-track-fields label.is-scan-locked textarea:disabled::placeholder {
  color: #827987;
  opacity: 1;
}

.workspace-upload-track-tagline-suggestion {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: -4px;
  padding: 12px 14px;
  border-left: 4px solid #7350e6;
  border-radius: 5px 13px 13px 5px;
  background: linear-gradient(90deg, #f2edff, #faf8ff);
}

.workspace-upload-track-tagline-suggestion > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.workspace-upload-track-tagline-suggestion small {
  color: #7654c7;
  font-size: .54rem;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.workspace-upload-track-tagline-suggestion strong {
  overflow: hidden;
  color: #2e2633;
  font-size: .7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-upload-track-tagline-suggestion button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 7px 12px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: #6841d6;
  font: inherit;
  font-size: .62rem;
  font-weight: 900;
  cursor: pointer;
}

.workspace-upload-track-preview-setting,
.workspace-upload-track-credits {
  padding: 18px 4px 4px;
  border: 0;
  border-top: 1px solid #ded8e3;
  border-radius: 0;
  background: transparent;
}

@media (max-width: 700px) {
  .workspace-upload-track-analysis-strip {
    grid-template-columns: 1fr;
  }

  .workspace-upload-track-analysis-strip > span + span {
    border-top: 1px solid #e5dfea;
    border-left: 0;
  }

  .workspace-upload-track-tagline-suggestion {
    align-items: stretch;
    flex-direction: column;
  }

  .workspace-upload-track-tagline-suggestion button {
    align-self: flex-start;
  }
}

/* Studio Task 638: neutral, high-contrast package text review controls. */
.workspace-private-triangle,
.workspace-package-text-privacy.is-confirmed .workspace-private-triangle,
.workspace-package-text-privacy.is-blocked .workspace-private-triangle,
.workspace-package-text-privacy.is-attention .workspace-private-triangle {
  color: #17131b !important;
  background: transparent !important;
}

.workspace-private-triangle .workspace-private-triangle-shape {
  fill: #fff !important;
  stroke: #17131b !important;
  stroke-width: 4px !important;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.workspace-private-triangle .workspace-private-mark {
  fill: none !important;
  stroke: #17131b !important;
  stroke-width: 4.8px !important;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.workspace-private-actions button,
.workspace-package-text-bulk {
  border: 2px solid #17131b !important;
  color: #fff !important;
  background: #17131b !important;
  box-shadow: 0 8px 18px rgba(23, 19, 27, .14) !important;
}

.workspace-private-actions button:hover,
.workspace-private-actions button:focus-visible,
.workspace-package-text-bulk:hover,
.workspace-package-text-bulk:focus-visible {
  border-color: #17131b !important;
  color: #17131b !important;
  background: #fff !important;
}

.workspace-package-stage-slide.is-slide-control[data-upload-package-stage-slide="text"] {
  border-color: #17131b !important;
  color: #fff !important;
  background: #29262d !important;
  box-shadow: 0 10px 24px rgba(23, 19, 27, .16) !important;
}

.workspace-package-stage-slide.is-slide-control[data-upload-package-stage-slide="text"]::before {
  background: #55515a !important;
}

.workspace-package-stage-slide[data-upload-package-stage-slide="text"] [data-upload-package-slide-thumb] {
  border: 2px solid #17131b;
  color: #17131b;
  background: #fff;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .22);
}

.workspace-package-stage-slide.is-slide-control[data-upload-package-stage-slide="text"] > span small {
  color: #e8e5ea !important;
}

.workspace-package-stage-slide.is-slide-control[data-upload-package-stage-slide="text"].is-complete {
  border-color: #17131b !important;
  background: #3d3941 !important;
}

/* Studio Task 639: one visual package overview with optional category review. */
.workspace-package-quick-review .workspace-package-guide-head {
  align-items: center;
  gap: 24px;
  padding: 24px clamp(22px, 2.6vw, 42px);
}

.workspace-package-quick-review .workspace-package-guide-head h3 {
  max-width: none;
  margin: 5px 0 8px;
  font-size: clamp(1.15rem, 2.1vw, 1.75rem);
  line-height: 1.15;
  letter-spacing: -.035em;
}

.workspace-package-quick-review .workspace-package-guide-head p {
  max-width: 920px;
  margin: 0;
  color: #625d69;
  font-size: .7rem;
  line-height: 1.5;
}

.workspace-package-quick-review .workspace-package-guide-head aside {
  flex: 0 0 auto;
}

.workspace-package-quick-review .workspace-package-guide-head aside strong {
  font-size: 1.7rem;
}

.workspace-package-quick-review .workspace-package-guide-actions {
  margin-top: 14px;
}

.workspace-package-quick-review .workspace-package-overview {
  display: block;
  padding: clamp(22px, 2.6vw, 42px);
  background: #fff;
}

.workspace-package-quick-review .workspace-package-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}

.workspace-package-quick-review .workspace-package-quick-card {
  display: grid;
  grid-template-columns: minmax(90px, .95fr) minmax(0, 1.25fr);
  align-items: center;
  gap: clamp(14px, 1.4vw, 24px);
  min-width: 0;
  min-height: clamp(210px, 16vw, 260px);
  margin: 0;
  padding: clamp(16px, 1.55vw, 25px);
  border: 1px solid #ded9e4;
  border-radius: 22px;
  color: #17131b;
  background: #fff;
  box-shadow: 0 10px 28px rgba(37, 27, 50, .055);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.workspace-package-quick-review .workspace-package-quick-card:hover {
  border-color: #aaa0b8;
  background: #fcfbfe;
  box-shadow: 0 13px 32px rgba(37, 27, 50, .085);
}

.workspace-package-quick-review .workspace-package-quick-card:focus-visible,
.workspace-package-quick-review [data-upload-package-quick-continue]:focus-visible,
.workspace-package-quick-review .workspace-package-quick-consent input:focus-visible,
.workspace-package-quick-review .workspace-package-stage-panel > footer button:focus-visible {
  outline: 3px solid #17131b;
  outline-offset: 4px;
}

.workspace-package-quick-review .workspace-package-quick-visual {
  display: grid;
  width: 100%;
  max-width: 220px;
  aspect-ratio: 1;
  place-items: center;
  justify-self: center;
  overflow: hidden;
  border-radius: 15px;
  color: #63506f;
  background: linear-gradient(140deg, #f2edf9, #f1f9f7);
}

.workspace-package-quick-review .workspace-package-quick-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.workspace-package-quick-review .workspace-package-quick-visual svg {
  width: 46%;
  max-width: 72px;
  height: auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-package-quick-review .workspace-package-quick-copy {
  display: grid;
  align-content: center;
  justify-items: start;
  min-width: 0;
  gap: 9px;
}

.workspace-package-quick-review .workspace-package-quick-copy > small {
  color: #72697c;
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.workspace-package-quick-review .workspace-package-quick-copy > strong {
  max-width: 100%;
  color: #211b28;
  font-size: clamp(.85rem, 1.1vw, 1.02rem);
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.workspace-package-quick-review .workspace-package-quick-facts {
  color: #625c6a;
  font-size: .65rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.workspace-package-quick-review .workspace-package-quick-status {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  padding: 5px 9px;
  border-radius: 8px;
  color: #5b5562;
  background: #f0edf3;
  font-size: .57rem;
  font-weight: 800;
  line-height: 1.4;
}

.workspace-package-quick-review .workspace-package-quick-status.is-ready {
  color: #286450;
  background: #e9f6ef;
}

.workspace-package-quick-review .workspace-package-quick-status.is-attention {
  color: #6b5125;
  background: #fbf2df;
}

.workspace-package-quick-review .workspace-package-quick-link {
  margin-top: 5px;
  color: #241e2b;
  font-size: .64rem;
  font-weight: 850;
  line-height: 1.45;
  text-decoration: underline;
  text-decoration-color: #b7aebf;
  text-underline-offset: 4px;
}

.workspace-package-quick-review .workspace-package-quick-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px 32px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #e8e3ec;
}

.workspace-package-quick-review .workspace-package-quick-consent {
  display: flex;
  align-items: flex-start;
  flex: 1 1 100%;
  gap: 10px;
  min-width: 0;
  margin: 0;
  color: #302936;
  font-size: .68rem;
  line-height: 1.5;
}

.workspace-package-quick-review .workspace-package-quick-consent label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  color: #302936;
  font-weight: 750;
  cursor: pointer;
}

.workspace-package-quick-review .workspace-package-quick-consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 1px 0 0;
  accent-color: #242028;
}

.workspace-package-quick-review .workspace-package-quick-consent small {
  display: block;
  color: #6b6472;
  font-size: .61rem;
  line-height: 1.5;
}

.workspace-package-quick-review .workspace-package-quick-explanation {
  flex: 1 1 300px;
  max-width: 760px;
  margin: 0;
  color: #6b6472;
  font-size: .66rem;
  line-height: 1.5;
}

.workspace-package-quick-review .workspace-package-quick-save-error {
  flex-basis: 100%;
  margin: 0;
  padding: 12px 16px;
  border-radius: 12px;
  color: #8f2941;
  background: #fff0f3;
  font-size: .72rem;
  line-height: 1.5;
}

.workspace-package-quick-review [data-upload-package-quick-continue],
.workspace-package-quick-review .workspace-package-stage-panel > footer .workspace-package-primary-action:not(.is-slide-control) {
  flex: 0 0 auto;
  min-height: 50px;
  padding: 13px 23px;
  border: 2px solid #17131b !important;
  border-radius: 999px;
  color: #fff !important;
  background: #17131b !important;
  box-shadow: 0 9px 20px rgba(23, 19, 27, .12);
  font: inherit;
  font-size: .71rem;
  font-weight: 850;
  line-height: 1.35;
  text-align: center;
  cursor: pointer;
}

.workspace-package-quick-review [data-upload-package-quick-continue]:hover,
.workspace-package-quick-review .workspace-package-stage-panel > footer .workspace-package-primary-action:not(.is-slide-control):hover {
  color: #17131b !important;
  background: #fff !important;
}

.workspace-package-quick-review [data-upload-package-quick-continue]:disabled {
  border-color: #d0cbd4 !important;
  color: #706975 !important;
  background: #ece8ef !important;
  box-shadow: none;
  cursor: default;
}

.workspace-package-quick-review .workspace-package-stage-panel {
  padding: 28px clamp(22px, 2.6vw, 42px) 36px;
}

.workspace-package-quick-review .workspace-package-guide-status {
  padding: 15px clamp(22px, 2.6vw, 42px);
  color: #6b6472;
  background: #faf9fc;
  font-size: .61rem;
  line-height: 1.5;
}

@media (min-width: 781px) and (max-width: 1120px) {
  .workspace-package-quick-review .workspace-package-quick-grid { gap: 13px; }
  .workspace-package-quick-review .workspace-package-quick-card { grid-template-columns: 1fr; align-content: start; gap: 18px; }
  .workspace-package-quick-review .workspace-package-quick-visual { max-width: 210px; }
  .workspace-package-quick-review .workspace-package-quick-copy { align-content: start; }
}

@media (max-width: 780px) {
  .workspace-package-quick-review .workspace-package-guide-head { align-items: flex-start; gap: 18px; padding: 22px; }
  .workspace-package-quick-review .workspace-package-guide-head aside { display: none; }
  .workspace-package-quick-review .workspace-package-overview { padding: 22px; }
  .workspace-package-quick-review .workspace-package-quick-grid { grid-template-columns: 1fr; gap: 14px; }
  .workspace-package-quick-review .workspace-package-quick-card { grid-template-columns: minmax(90px, .8fr) minmax(0, 1.65fr); min-height: 175px; gap: 18px; padding: 18px; border-radius: 18px; }
  .workspace-package-quick-review .workspace-package-quick-visual { max-width: 150px; }
  .workspace-package-quick-review .workspace-package-quick-copy { gap: 7px; }
  .workspace-package-quick-review .workspace-package-quick-footer { align-items: stretch; gap: 18px; margin-top: 22px; padding-top: 20px; }
  .workspace-package-quick-review .workspace-package-quick-explanation { flex-basis: 100%; }
  .workspace-package-quick-review [data-upload-package-quick-continue] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-package-quick-review .workspace-package-quick-card { transition: none; }
}

/* Task 640: one spacious results surface, not a stack of outlined cards. */
html[data-upload-template="active"] [data-upload-details-assistant-results] { padding: 12px 0 0; }
html[data-upload-template="active"] .workspace-upload-analysis-layout {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .43fr);
  align-items: start; gap: clamp(36px, 5vw, 88px); margin-top: 24px;
}
html[data-upload-template="active"] .workspace-upload-prepared-fields > header { margin: 0 0 32px; }
html[data-upload-template="active"] .workspace-upload-prepared-fields h3 { margin: 0 0 10px; color: #19161e; font-size: clamp(24px, 2.3vw, 36px); letter-spacing: -.035em; }
html[data-upload-template="active"] .workspace-upload-prepared-fields > header p { margin: 0; color: #66606c; font-size: 16px; font-weight: 400; line-height: 1.6; }
html[data-upload-template="active"] .workspace-upload-detail-suggestions { gap: 12px 40px; }
html[data-upload-template="active"] .workspace-upload-detail-suggestions article {
  min-height: 106px; padding: 22px 0; border: 0; border-bottom: 1px solid #dedbe2;
  border-radius: 0; background: transparent; box-shadow: none;
}
html[data-upload-template="active"] .workspace-upload-detail-suggestions article:first-child { grid-column: 1 / -1; }
html[data-upload-template="active"] .workspace-upload-detail-suggestions article > span { gap: 12px; }
html[data-upload-template="active"] .workspace-upload-detail-suggestions small { color: #696471; font-size: 14px; font-weight: 500; }
html[data-upload-template="active"] .workspace-upload-detail-suggestions strong { color: #211d28; font-size: 20px; font-weight: 550; white-space: normal; overflow-wrap: anywhere; }
html[data-upload-template="active"] .workspace-upload-detail-suggestions button.is-applied { border: 0; background: transparent; color: #625774; min-width: 70px; font-size: 13px; box-shadow: none; }
html[data-upload-template="active"] .workspace-upload-detail-suggestions button.is-identity { min-width: 44px; color: #211d28; }
html[data-upload-template="active"] .workspace-upload-analysis-sources { margin-top: 26px; color: #655c73; font-size: 14px; }
html[data-upload-template="active"] .workspace-upload-analysis-sources summary { cursor: pointer; padding: 12px 0; }
html[data-upload-template="active"] .workspace-upload-analysis-sources dl { display: grid; gap: 16px; margin: 14px 0; }
html[data-upload-template="active"] .workspace-upload-analysis-sources dt { font-weight: 600; }
html[data-upload-template="active"] .workspace-upload-analysis-sources dd { margin: 4px 0 0; color: #706978; }
html[data-upload-template="active"] .workspace-upload-analysis-summaryline { display: flex; flex-wrap: wrap; gap: 16px 32px; margin: 42px 0 16px; padding: 22px 0; border-top: 1px solid #e4e0e9; border-bottom: 1px solid #e4e0e9; color: #6a6273; font-size: 15px; }
html[data-upload-template="active"] .workspace-upload-analysis-summaryline b { color: #282130; font-size: 20px; margin-right: 4px; }
html[data-upload-template="active"] .workspace-upload-analysis-summaryline .is-attention { color: #866007; }
html[data-upload-template="active"] .workspace-upload-analysis-readiness { border: 0; border-radius: 0; background: transparent; padding: 12px 0; box-shadow: none; }
html[data-upload-template="active"] .workspace-upload-analysis-readiness > summary { padding: 12px 0; }
html[data-upload-template="active"] .workspace-upload-analysis-readiness > div { gap: 28px; }
html[data-upload-template="active"] .workspace-upload-analysis-readiness article { border: 0; background: transparent; border-radius: 0; padding: 12px 0; }
html[data-upload-template="active"] .workspace-upload-analysis-lyrics { margin-top: 32px; }
html[data-upload-template="active"] .workspace-upload-analysis-lyrics details { border-width: 0 0 0 3px; border-radius: 0; margin: 18px 0; }
.workspace-upload-cover-result { min-width: 0; padding: 26px; background: #f7f6fa; border-radius: 18px; color: #282130; }
.workspace-upload-cover-result > header { display: grid; gap: 6px; margin-bottom: 20px; }
.workspace-upload-cover-result > header small { color: #716a7c; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.workspace-upload-cover-result > header strong { font-size: 22px; }
.workspace-upload-cover-result > img { display: block; width: 100%; max-width: 380px; aspect-ratio: 1; object-fit: contain; margin: 0 auto 22px; border-radius: 12px; background: #edeaf2; }
.workspace-upload-cover-result > p { font-size: 15px; line-height: 1.65; font-weight: 400; overflow-wrap: anywhere; }
.workspace-upload-cover-result > small, .workspace-upload-cover-result .workspace-upload-cover-guidance { color: #6a6174; font-size: 13px; line-height: 1.7; }
.workspace-upload-cover-verdict { display: inline-flex; padding: 7px 12px; border-radius: 6px; background: #e9e5ef; color: #645a70; font-size: 13px; font-weight: 650; }
.workspace-upload-cover-verdict.is-warning { color: #785700; background: #fff0bd; }
.workspace-upload-cover-verdict.is-attention { color: #983246; background: #fde7ed; }
.workspace-upload-cover-verdict.is-clear { color: #21684f; background: #e1f4eb; }
.workspace-upload-cover-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.workspace-upload-cover-actions button { padding: 10px 16px; font-size: 13px; min-height: 44px; }
.workspace-upload-cover-actions button.is-secondary { background: transparent; color: #372d42; border-color: #c8c2d0; }
.workspace-upload-cover-request-error { color: #a42e44 !important; }
.workspace-upload-cover-request-dialog { width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); box-sizing: border-box; overflow-y: auto; padding: 36px; border: 1px solid #e1dcea; border-radius: 24px; background: #fff; color: #221b2b; box-shadow: 0 24px 100px #18102133; }
.workspace-upload-cover-request-dialog::backdrop { background: #17121f99; backdrop-filter: blur(5px); }
.workspace-upload-cover-request-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.workspace-upload-cover-request-dialog header small { color: #6c4cd4; text-transform: uppercase; letter-spacing: .05em; }
.workspace-upload-cover-request-dialog h2 { margin: 10px 0 20px; font-size: 32px; line-height: 1.15; }
.workspace-upload-cover-request-dialog p { font-size: 15px; line-height: 1.65; color: #6b6275; }
.workspace-upload-cover-request-dialog label { display: grid; gap: 10px; margin-top: 22px; font-size: 14px; font-weight: 600; }
.workspace-upload-cover-request-dialog input:not([type="checkbox"]), .workspace-upload-cover-request-dialog textarea { box-sizing: border-box; width: 100%; padding: 14px; border: 1px solid #cfc6dc; border-radius: 10px; background: #fff; color: #221b2b; font: inherit; resize: vertical; }
.workspace-upload-cover-request-dialog .workspace-upload-cover-request-confirm { display: flex; align-items: flex-start; line-height: 1.5; }
.workspace-upload-cover-request-dialog input[type="checkbox"] { width: 20px; height: 20px; flex-shrink: 0; accent-color: #28202f; }
.workspace-upload-cover-request-dialog footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.workspace-upload-cover-request-dialog button { min-height: 44px; padding: 10px 18px; border: 1px solid #d4cddd; border-radius: 24px; background: #fff; color: #302638; font-weight: 650; cursor: pointer; }
.workspace-upload-cover-request-dialog button[type="submit"] { background: #201a28; color: #fff; border-color: #201a28; }
.workspace-upload-cover-request-dialog button:disabled { opacity: .5; cursor: wait; }
.workspace-upload-cover-request-dialog [data-cover-request-error] { color: #a12d43; }
@media (max-width: 1000px) {
  html[data-upload-template="active"] .workspace-upload-analysis-layout { grid-template-columns: minmax(0, 1fr) minmax(240px, .55fr); gap: 30px; }
  html[data-upload-template="active"] .workspace-upload-detail-suggestions { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  html[data-upload-template="active"] .workspace-upload-analysis-layout { grid-template-columns: 1fr; gap: 32px; }
  html[data-upload-template="active"] .workspace-upload-detail-suggestions article { min-height: 90px; }
  html[data-upload-template="active"] .workspace-upload-analysis-summaryline { gap: 14px 22px; }
  .workspace-upload-cover-request-dialog { padding: 24px; }
  .workspace-upload-cover-request-dialog h2 { font-size: 27px; }
}

/* Studio Task 643: discoverable, non-blocking upload limits. */
.workspace-upload-limits-link {
  grid-column: 1 / -1;
  display: inline-flex;
  width: fit-content;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: 9px;
  padding: 5px 11px;
  border: 0;
  border-radius: 10px;
  color: #5e42bd;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.workspace-upload-limits-link:hover,
.workspace-upload-limits-link:focus-visible {
  color: #3f278f;
  background: #f3efff;
  outline: 2px solid rgba(118, 84, 223, .34);
  outline-offset: 2px;
}

.workspace-upload-limits-link > i {
  display: grid;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: .74rem;
  font-style: normal;
  font-weight: 900;
}

.workspace-upload-limits-link > span,
.workspace-upload-limits-link strong,
.workspace-upload-limits-link small {
  display: block;
}

.workspace-upload-limits-link strong {
  font-size: .74rem;
}

.workspace-upload-limits-link small {
  margin-top: 1px;
  color: #736a77;
  font-size: .62rem;
  font-weight: 650;
}

.workspace-upload-preflight-dialog {
  width: min(980px, calc(100vw - 32px));
}

.workspace-upload-preflight-limits {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.workspace-upload-preflight-dialog footer {
  justify-content: flex-end;
}

@media (max-width: 840px) {
  .workspace-upload-preflight-limits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .workspace-upload-preflight-limits {
    grid-template-columns: 1fr;
  }

  .workspace-upload-limits-link {
    width: 100%;
  }
}

/* Studio Task 644 final cascade: keep each quick decision visually separate. */
.workspace-package-quick-review .workspace-package-quick-card {
  grid-template-columns: 1fr;
  grid-template-rows: auto 170px auto auto;
  align-content: start;
  align-items: start;
  justify-items: stretch;
  gap: 14px;
  min-height: 450px;
  padding: 22px;
  text-align: center;
  cursor: default;
}

.workspace-package-quick-review .workspace-package-quick-card h5 {
  margin: 0;
  color: #5f5667;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.workspace-package-quick-review .workspace-package-quick-card .workspace-package-quick-visual {
  width: min(100%, 170px);
  max-width: none;
  align-self: start;
  justify-self: center;
  border-radius: 20px;
}

.workspace-package-quick-review .workspace-package-quick-card .workspace-package-quick-copy {
  align-content: start;
  justify-items: center;
  gap: 7px;
  text-align: center;
}

.workspace-package-quick-review .workspace-package-quick-card .workspace-package-quick-copy > strong {
  font-size: clamp(.95rem, 1.25vw, 1.15rem);
  overflow-wrap: normal;
}

.workspace-package-quick-review .workspace-package-quick-actions {
  display: grid;
  grid-template-columns: 1fr;
  align-self: end;
  align-items: stretch;
  gap: 5px;
  width: 100%;
  margin-top: auto;
}

.workspace-package-quick-review .workspace-package-quick-actions button {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  white-space: normal;
}

.workspace-package-quick-review .workspace-package-quick-actions .workspace-package-quick-review-link {
  min-height: 34px;
  padding-block: 5px;
}

@media (max-width: 780px) {
  .workspace-package-quick-review .workspace-package-quick-card {
    grid-template-columns: minmax(90px, .8fr) minmax(0, 1.65fr);
    grid-template-rows: auto auto auto;
    min-height: 0;
    text-align: left;
  }

  .workspace-package-quick-review .workspace-package-quick-card h5,
  .workspace-package-quick-review .workspace-package-quick-actions {
    grid-column: 1 / -1;
  }

  .workspace-package-quick-review .workspace-package-quick-card .workspace-package-quick-visual {
    grid-column: 1;
    grid-row: 2;
    width: min(100%, 125px);
  }

  .workspace-package-quick-review .workspace-package-quick-card .workspace-package-quick-copy {
    grid-column: 2;
    grid-row: 2;
    align-content: center;
    justify-items: start;
    text-align: left;
  }

  .workspace-package-quick-review .workspace-package-quick-actions {
    grid-row: 3;
  }
}

/* Task 647: one draft entry decision and spacious editors inside the package guide. */
.studio-upload-entry-dialog { box-sizing: border-box; width: min(700px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: clamp(24px, 4vw, 44px); border: 1px solid #ded9ec; border-top: 6px solid #7960eb; border-radius: 28px; color: #211d2a; background: #fff; box-shadow: 0 28px 90px #100a3040; }
.studio-upload-entry-dialog::backdrop { background: #16122199; backdrop-filter: blur(6px); }
.studio-upload-entry-dialog h2 { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; margin: 12px 0; }
.studio-upload-entry-kicker { color: #7056d9; font-weight: 700; text-transform: uppercase; font-size: 13px; letter-spacing: .08em; }
.studio-upload-entry-dialog p { color: #6e687a; line-height: 1.6; }
.studio-upload-entry-dialog button { border: 1px solid #ded9e9; background: #fff; color: #322943; border-radius: 14px; padding: 14px 20px; cursor: pointer; }
.studio-upload-entry-dialog button:focus-visible { outline: 3px solid #7960eb; outline-offset: 3px; }
.studio-upload-entry-dialog button:disabled { opacity: .5; cursor: not-allowed; }
.studio-upload-entry-dialog .is-primary { color: #fff; background: #7054dd; border-color: #7054dd; }
.studio-upload-entry-list { display: grid; gap: 12px; margin: 28px 0; }
.studio-upload-entry-list button { display: flex; gap: 18px; justify-content: space-between; align-items: center; text-align: left; }
.studio-upload-entry-list span { display: grid; gap: 6px; min-width: 0; overflow-wrap: anywhere; }
.studio-upload-entry-list small { color: #746c81; }
.studio-upload-entry-list b { color: #7054dd; font-size: 13px; flex-shrink: 0; }
.studio-upload-entry-dialog footer { display: flex; gap: 12px; justify-content: flex-end; }
.workspace-package-quick-review .workspace-package-cover-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: clamp(28px, 4vw, 64px); }
.workspace-package-quick-review .workspace-package-artwork-workbench { width: 100%; max-width: none; padding: 0; border: 0 !important; background: transparent; box-shadow: none; }
.workspace-package-quick-review .workspace-package-cover-layout .workspace-package-crop { margin: 0; padding: 0; border: 0; background: transparent; min-width: 0; }
.workspace-package-quick-review .workspace-package-cover-layout .workspace-upload-crop-summary { display: flex !important; flex-direction: column; align-items: stretch; gap: 14px; }
.workspace-package-quick-review .workspace-package-cover-layout .workspace-upload-crop-preview { width: 100%; height: auto; aspect-ratio: 1; max-width: 520px; margin: 0 auto; border-radius: 16px; }
.workspace-package-quick-review .workspace-package-cover-layout .workspace-package-crop > header { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 18px; }
.workspace-package-cover-guidance { min-width: 0; padding-top: 8px; }
.workspace-package-cover-guidance > span { color: #755bd9; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.workspace-package-cover-guidance h4 { font-size: clamp(26px, 3vw, 36px); margin: 12px 0 28px; line-height: 1.2; }
.workspace-package-cover-guidance ul { padding-left: 22px; display: grid; gap: 20px; line-height: 1.6; }
.workspace-package-cover-guidance p, .workspace-package-cover-guidance > small { color: #797080; font-size: 14px; line-height: 1.7; }
.workspace-package-cover-guidance dl { margin: 24px 0; display: grid; gap: 12px; }
.workspace-package-cover-guidance dt { color: #797080; font-size: 12px; }
.workspace-package-cover-guidance dd { margin: 4px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workspace-package-cover-guidance > small { display: block; margin-top: 10px; }
.workspace-package-quick-review .workspace-package-artwork-alternates { margin-top: 28px; }
.workspace-package-quick-review .workspace-package-artwork-alternates > summary { display: block !important; position: static !important; width: auto !important; height: auto !important; min-height: 0 !important; padding: 16px !important; border: 1px solid #dfd8ef !important; border-radius: 14px !important; font-size: 15px; color: #7054dd !important; background: #fff !important; transform: none !important; }
.workspace-package-quick-review .workspace-package-cover-guidance button, .workspace-package-quick-review .workspace-package-track-actions button, .workspace-package-quick-review .workspace-package-track-add > button, .workspace-package-quick-review .workspace-package-track-play { padding: 12px 18px; border: 1px solid #d9d0eb; border-radius: 14px; color: #7054dd; background: #fff; cursor: pointer; }
.workspace-package-quick-review .workspace-package-track-play { padding: 10px; }
.workspace-package-quick-review .workspace-package-cover-guidance button:hover, .workspace-package-quick-review .workspace-package-track-actions button:hover, .workspace-package-quick-review .workspace-package-track-add > button:hover { background: #f3effe; }
.workspace-package-quick-review .workspace-package-track-actions .is-remove { color: #aa344d; }
.workspace-package-quick-review .workspace-package-track-editor > header { text-align: center; justify-content: center; margin-bottom: 32px; }
.workspace-package-quick-review .workspace-package-track-editor > header h4 { font-size: clamp(30px, 4vw, 42px); }
.workspace-package-audio-advanced { padding: 16px 0; margin: 12px 0; }
.workspace-package-audio-advanced > summary { color: #7054dd; cursor: pointer; }
.workspace-package-quick-review .workspace-package-track-editor .workspace-package-audio-main { display: grid; grid-template-columns: 24px 42px minmax(100px, 1fr) auto auto; gap: 16px; padding: 24px; align-items: center; }
.workspace-package-quick-review .workspace-package-track-editor .workspace-package-track-title { display: grid; grid-template-columns: minmax(0, 1fr); justify-content: stretch; min-width: 0; gap: 6px; }
.workspace-package-track-title strong { font-size: 19px; overflow-wrap: anywhere; }
.workspace-package-track-title small { font-size: 13px; color: #7c7385; }
.workspace-package-track-editor time { font-variant-numeric: tabular-nums; font-weight: 650; }
.workspace-package-track-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.workspace-package-track-actions .is-remove { color: #aa344d; }
.workspace-package-track-add { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin: 26px 0; }
.workspace-package-track-add > span { font-size: 13px; color: #797080; }
.workspace-package-quick-review .workspace-package-artwork-editor > footer, .workspace-package-quick-review .workspace-package-track-editor > footer { display: flex; justify-content: center; gap: 24px; }
@media (max-width: 760px) {
  .studio-upload-entry-list button { flex-direction: column; align-items: flex-start; }
  .studio-upload-entry-dialog footer { flex-wrap: wrap; }
  .workspace-package-quick-review .workspace-package-cover-layout { grid-template-columns: 1fr; }
  .workspace-package-quick-review .workspace-package-track-editor .workspace-package-audio-main { grid-template-columns: 20px 36px minmax(0, 1fr) auto; gap: 10px; padding: 16px; }
  .workspace-package-track-actions { grid-column: 2 / -1; justify-content: flex-start; }
  .workspace-package-quick-review .workspace-package-artwork-editor > footer, .workspace-package-quick-review .workspace-package-track-editor > footer { flex-wrap: wrap; gap: 12px; }
}

/* Task 648: aligned quick decisions and gentle, specific metadata guidance. */
@media (min-width: 781px) {
  .workspace-package-quick-review .workspace-package-quick-card { grid-template-rows: auto 170px minmax(92px, 1fr) auto; }
  .workspace-package-quick-review .workspace-package-quick-actions { align-self: start; margin-top: 0; }
}
html[data-upload-template="active"] .workspace-upload-detail-suggestions article.is-required { border-bottom: 2px solid #e4a6b5; background: linear-gradient(0deg, #fff4f780, transparent 65%); }
html[data-upload-template="active"] .workspace-upload-detail-suggestions article em { display: block; margin-top: 8px; font-size: .7rem; font-style: normal; color: #924255; }
html[data-upload-template="active"] .workspace-upload-apply-mark { color: #ffd4df; margin-right: 5px; font-size: 1.05em; }
html[data-upload-template="active"] .workspace-upload-applied-check { color: #2d8165; margin-right: 5px; }
html[data-upload-template="active"] [data-upload-suggestion-field].upload-template-attention-target { outline-color: #e4a6b5; background: #fff5f8; }
/* Task 649: frame editing stays optional; choice cards keep their existing selection. */
.workspace-upload-artist-image-framing[hidden] { display: none !important; }

/* Artist identity editor: compact until opened, with non-overlapping controls. */
[data-upload-artist-image-panel][data-editing="false"] > :is(.workspace-upload-artist-image-actions, .workspace-upload-artist-image-options) { display: none !important; }
[data-upload-artist-image-panel] [hidden] { display: none !important; }
[data-upload-artist-image-panel] .workspace-upload-artist-image-framing {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px 32px;
}
[data-upload-artist-image-panel] .workspace-upload-artist-image-reference { grid-row: span 2; flex-wrap: wrap; }
[data-upload-artist-image-panel] .workspace-ring-options { display: flex; flex-wrap: wrap; gap: 8px; }
[data-upload-artist-image-panel] .workspace-upload-artist-image-framing input[type="range"] { width: 100%; min-width: 0; margin: 10px 0; }
[data-upload-artist-image-done] { display: block; margin: 22px 0 0 auto; min-width: 120px; min-height: 48px; padding: 12px 24px; border: 0; border-radius: 999px; background: #6850d9; color: white; font-family: inherit; font-size: 18px; font-weight: 600; line-height: 1.3; cursor: pointer; }
.workspace-artist-global-confirm { width: min(520px, calc(100vw - 40px)); box-sizing: border-box; padding: 28px; border: 1px solid #e0daed; border-radius: 24px; background: white; color: #241e2d; font-size: 17px; line-height: 1.5; }
.workspace-artist-global-confirm::backdrop { background: #17122277; }
.workspace-artist-global-confirm h3 { margin: 0; font-size: 26px; }
.workspace-artist-global-confirm footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.workspace-artist-global-confirm button { min-height: 48px; padding: 12px 20px; border: 1px solid #d9d1e8; border-radius: 999px; background: white; color: #584398; font-size: 17px; cursor: pointer; }
.workspace-artist-global-confirm [data-confirm] { color: white; background: #6850d9; }
.workspace-artist-global-confirm { color-scheme: light; }
.workspace-artist-global-confirm button:disabled { opacity: .55; cursor: not-allowed; }
[data-upload-artist-image-done] { scroll-margin-block: 220px; }
@media (max-width: 600px) {
  [data-upload-artist-image-panel] .workspace-upload-artist-image-framing { grid-template-columns: minmax(0, 1fr); }
  [data-upload-artist-image-panel] .workspace-upload-artist-image-reference { grid-row: auto; }
}
.workspace-upload-artist-image > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
[data-upload-artist-image-edit], .workspace-upload-artist-image-actions > :is(label, button) { border-radius: 999px; }
[data-upload-artist-image-edit] { padding: 9px 16px; border: 1px solid #dcd5e7; background: #fff; color: #584380; cursor: pointer; white-space: nowrap; }
.workspace-upload-artist-image-actions svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.workspace-upload-artist-image-actions > :is(label, button) { display: inline-flex; align-items: center; gap: 8px; }
.workspace-upload-artist-image-actions b { font: inherit; }
.workspace-package-approval-guidance { margin: 24px 0 0; padding: 20px 24px; border-radius: 18px; background: #f7f6fa; color: #706778; }
.workspace-package-approval-guidance strong { color: #282130; }
.workspace-package-approval-guidance p { margin: 8px 0 0; font-size: .88rem; line-height: 1.6; }
.workspace-package-quick-review .workspace-package-cover-guidance h4 { font-size: clamp(1.6rem, 2.3vw, 2.4rem); }
.workspace-package-quick-review .workspace-package-track-editor > header { text-align: center; max-width: 850px; margin: 12px auto 30px; }
.workspace-package-quick-review .workspace-package-track-editor > header h4 { font-size: clamp(1.7rem, 2.7vw, 2.8rem); }
.workspace-package-quick-review .workspace-package-audio-main { border-radius: 32px; }
.workspace-package-quick-review:has([data-upload-package-panel="artwork"]:not([hidden])) > .workspace-package-guide-head,
.workspace-package-quick-review:has([data-upload-package-panel="audio"]:not([hidden])) > .workspace-package-guide-head { display: none; }
.workspace-package-quick-review .workspace-package-track-editor .workspace-package-audio-list { border: 0; background: transparent; display: grid; gap: 14px; overflow: visible; }
.workspace-package-quick-review .workspace-package-track-editor [data-upload-audio-track-row] { border: 1px solid #e5dfed; border-radius: 36px; overflow: hidden; }
.workspace-package-quick-review .workspace-package-cover-layout .workspace-package-crop > header { margin-bottom: 12px; }
.workspace-package-quick-review .workspace-package-cover-guidance ul { list-style: none; padding-left: 0; color: #71687c; }
.workspace-package-quick-review .workspace-package-cover-guidance li { position: relative; padding-left: 28px; }
.workspace-package-quick-review .workspace-package-cover-guidance li::before { content: "✓"; position: absolute; left: 0; color: #639e91; }
.workspace-upload-artist-image-actions > label > span { display: inline-flex; align-items: center; gap: 8px; }

/* Task 650: a readable, single-surface artwork review. */
.workspace-package-quick-review .workspace-package-cover-guidance ul {
  gap: 26px;
  margin: 30px 0;
  padding-left: 16px;
}
.workspace-package-quick-review .workspace-package-cover-guidance li { padding-left: 0; }
.workspace-package-quick-review .workspace-package-cover-guidance li::before { content: none; }
.workspace-package-quick-review .workspace-package-cover-rule {
  display: flex; align-items: center; gap: 18px; width: 100%; min-width: 0;
  padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  text-align: left; color: #707b91 !important; font-size: clamp(19px, 1.45vw, 25px) !important;
  font-weight: 400 !important; line-height: 1.5; white-space: normal;
}
.workspace-package-quick-review .workspace-package-cover-rule > span:first-child {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 28px; width: 28px; height: 28px; margin: 0; box-sizing: border-box;
  border: 1.5px solid #8b8498; border-radius: 50%; font-size: 22px; line-height: 1;
}
.workspace-package-cover-rule > span:first-child svg { display: block; width: 18px; height: 18px; flex: none; }
.workspace-package-quick-review .workspace-package-cover-guidance h4 { color: #14223c; font-size: clamp(30px, 3vw, 48px); font-weight: 800; letter-spacing: -.035em; line-height: 1.18; }
.workspace-package-quick-review .workspace-package-cover-guidance > p { color: #707b91; }
.workspace-package-cover-guidance p, .workspace-package-cover-guidance li, .workspace-package-artwork-ack-content label { font-family: "Segoe UI", Arial, sans-serif; }
.workspace-package-quick-review .workspace-package-cover-guidance .workspace-package-cover-policy {
  font-size: clamp(18px, 1.35vw, 23px); font-weight: 400 !important; line-height: 1.55;
}
.workspace-package-cover-policy strong { color: #14223c; font-weight: 700; }
.workspace-package-quick-review .workspace-package-cover-guidance .workspace-package-cover-ack-note {
  font-size: 14px; line-height: 1.6; margin: 18px 0;
}
.workspace-package-cover-visual { min-width: 0; }
.workspace-package-cover-file-info { margin-top: 22px; color: #756f83; }
.workspace-package-cover-file-info summary { cursor: pointer; width: fit-content; min-height: 40px; padding: 8px 0; box-sizing: border-box; color: #6c55cf; font-size: 16px; }
.workspace-package-cover-file-info dl { display: grid; gap: 12px; margin: 8px 0 0; padding: 18px; background: #f8f7fb; border-radius: 16px; }
.workspace-package-cover-file-info dt { font-size: 13px; color: #797080; }
.workspace-package-cover-file-info dd { margin: 4px 0 0; font-size: 16px; overflow-wrap: anywhere; }
.workspace-package-artwork-acknowledgement { margin-top: 28px; scroll-margin-block: 180px 40px; }
.workspace-package-artwork-acknowledgement > summary { display: list-item; width: fit-content; max-width: 100%; box-sizing: border-box; padding: 12px 18px; border-radius: 999px; background: #eee9fb; color: #6751bb; font-size: 16px; font-weight: 600; cursor: pointer; }
.workspace-package-artwork-acknowledgement > summary span { margin-left: 8px; }
.workspace-package-artwork-ack-content { margin-top: 12px; padding: 20px; border: 1px solid transparent; border-radius: 18px; background: #f8f6fc; }
.workspace-package-artwork-acknowledgement.is-requested .workspace-package-artwork-ack-content { background: #fff8e9; border-color: #e8c886; }
.workspace-package-artwork-ack-content label { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; font-weight: 500; line-height: 1.6; color: #354156; cursor: pointer; }
.workspace-package-artwork-ack-content input {
  appearance: none; display: grid; place-content: center; box-sizing: border-box;
  flex: 0 0 24px; width: 24px; height: 24px; margin: 3px 0 0; padding: 0;
  border: 2px solid #a49ab8; border-radius: 5px; background: #fff; color: #6c55cf; cursor: pointer;
}
.workspace-package-artwork-ack-content input::before {
  content: ""; width: 11px; height: 6px; margin-top: -3px;
  border-left: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(-45deg); visibility: hidden;
}
.workspace-package-artwork-ack-content input:checked { border-color: #6c55cf; background: #fff; }
.workspace-package-artwork-ack-content input:checked::before { visibility: visible; }
@media (forced-colors: active) {
  .workspace-package-artwork-ack-content input { appearance: auto; }
  .workspace-package-artwork-ack-content input::before { content: none; }
}
.workspace-package-artwork-ack-content [data-upload-artwork-ack-prompt] { margin: 0 0 14px; font-size: 15px; font-weight: 600; color: #75531c; }
.workspace-package-artwork-ack-content [hidden] { display: none !important; }
.workspace-package-cover-file-info summary:focus-visible, .workspace-package-artwork-acknowledgement summary:focus-visible, .workspace-package-artwork-ack-content input:focus-visible { outline: 3px solid #9b81e9; outline-offset: 4px; }
.workspace-package-quick-review .workspace-package-cover-actions {
  display: flex; align-items: stretch; flex-wrap: wrap; gap: 0;
  margin-top: 24px; border: 1px solid #e8e3f1; border-radius: 18px;
  background: #f8f7fb; overflow: hidden;
}
.workspace-package-quick-review .workspace-package-cover-actions button {
  position: static; transform: none; width: auto; height: auto; min-height: 62px;
  padding: 16px 22px; border: 0; border-radius: 0; background: transparent;
  color: #6c55cf; box-shadow: none; font-size: 16px; font-weight: 600;
}
.workspace-package-quick-review .workspace-package-cover-actions .workspace-package-cover-choose {
  display: inline-flex; align-items: center; justify-content: flex-start; gap: 12px;
  flex: 1 1 320px; text-align: left;
}
.workspace-package-cover-choose svg { display: block; width: 24px; height: 24px; flex: 0 0 24px; }
.workspace-package-cover-choose[aria-expanded="true"] svg { transform: rotate(180deg); }
.workspace-package-cover-actions button:hover { background: #efebf8; }
.workspace-package-quick-review .workspace-package-artwork-alternates[hidden],
.workspace-package-quick-review .workspace-package-artwork-alternates > summary[hidden] { display: none !important; }
.workspace-package-quick-review .workspace-package-artwork-alternates { position: static; margin-top: 16px; }
.workspace-package-quick-review .workspace-package-crop .workspace-upload-crop-summary > p {
  position: static; margin: 0; min-height: 24px; line-height: 1.5; color: #756f83;
}
.workspace-package-quick-review .workspace-package-output-info {
  position: static;
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 28px !important; min-width: 28px !important; max-width: 28px !important;
  height: 28px !important; min-height: 28px !important; max-height: 28px !important;
  padding: 0 !important; flex: 0 0 28px; aspect-ratio: 1; border-radius: 50% !important;
}
.workspace-package-quick-review .workspace-package-output-info > small {
  box-sizing: border-box; font-size: 14px; font-weight: 400; line-height: 1.5;
  width: min(340px, calc(100vw - 90px));
}
.workspace-package-quick-review .workspace-package-artwork-footer {
  display: flex; justify-content: center; gap: 24px; padding: 30px 0 8px;
}
.workspace-package-quick-review .workspace-package-artwork-footer button {
  width: 220px !important; min-width: 220px; min-height: 68px !important; height: 68px !important; padding: 16px 36px !important;
  border: 0 !important; border-radius: 999px; font-size: 20px !important; font-weight: 600;
}
.workspace-package-quick-review .workspace-package-artwork-footer [data-upload-package-step] {
  background: #f1eff8; color: #272231; box-shadow: none;
}
.workspace-package-quick-review .workspace-package-stage-panel > footer.workspace-package-artwork-footer .workspace-package-primary-action:not(.is-slide-control) {
  border: 0 !important; background: #6547e6 !important; color: #fff !important;
}
@media (max-width: 700px) {
  .workspace-package-quick-review .workspace-package-cover-guidance ul { padding-left: 4px; gap: 22px; }
  .workspace-package-quick-review .workspace-package-artwork-footer { gap: 12px; }
  .workspace-package-quick-review .workspace-package-artwork-footer button {
    width: auto !important; min-width: 0; flex: 1; min-height: 60px !important; height: 60px !important; padding: 14px 20px !important; font-size: 18px !important;
  }
  .workspace-package-quick-review .workspace-package-cover-actions button { padding: 14px; font-size: 15px; }
}

/* Task 651: readable package choices and a quieter editor hierarchy. */
.workspace-package-quick-review .workspace-package-track-editor .workspace-package-audio-main {
  grid-template-columns: 38px 44px minmax(140px, 1fr) auto auto; gap: 16px; padding: 26px;
}
.workspace-package-quick-review .workspace-package-track-position {
  display: grid; justify-items: center; gap: 2px; width: 38px; height: auto; min-height: 48px;
  padding: 0; border: 0; background: transparent; color: #757083; cursor: grab;
}
.workspace-package-track-position > span { font-size: 22px; font-weight: 500; font-variant-numeric: tabular-nums; }
.workspace-package-track-position > small { font-size: 16px; opacity: .55; }
.workspace-package-quick-review .workspace-package-track-play { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 10px; border: 0; background: #f4f1fc; border-radius: 50%; }
.workspace-package-track-play > *, .workspace-package-track-play svg * { pointer-events: none; }
.workspace-package-quick-review .workspace-package-track-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-package-quick-review .workspace-package-track-actions button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px;
  padding: 12px 16px; border-radius: 999px; font-size: 16px; font-weight: 600; white-space: nowrap;
}
.workspace-package-track-actions svg, .workspace-package-track-play svg, .workspace-package-source-caution svg {
  width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.workspace-package-quick-review .workspace-package-track-actions .is-remove { color: #eb352e; border-color: transparent; }
.workspace-package-quick-review .workspace-package-track-actions .is-remove:hover,
.workspace-package-quick-review .workspace-package-track-actions .is-remove:focus-visible { color: #da2b25 !important; border-color: #eb352e !important; background: #fff !important; }
.workspace-package-quick-review .workspace-package-track-add > [data-upload-open-audio] {
  display: inline-flex; align-items: center; gap: 14px; min-height: 52px; padding: 4px;
  border: 0; background: transparent; color: #201b2c; font-size: 21px; font-weight: 650;
}
.workspace-package-quick-review .workspace-package-track-add > [data-upload-open-audio]:hover { color: #6445ce; background: transparent; }
.workspace-package-track-add [data-upload-open-audio] > span:last-child { text-decoration: underline; text-underline-offset: 4px; }
.workspace-package-add-circle { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #201b2c; color: #fff; font-size: 30px; font-weight: 400; }
.workspace-package-quick-review .workspace-package-track-editor .workspace-package-audio-alternates {
  display: block; padding: 26px 32px 30px; background: #f8f7fb; border-top: 1px solid #eeeaf3;
}
.workspace-package-audio-alternates > header h5 { margin: 0 0 6px; font-size: 20px; letter-spacing: 0; text-transform: none; }
.workspace-package-audio-alternates > header p { margin: 0 0 20px; color: #777082; font-size: 16px; }
.workspace-package-source-options { display: grid; gap: 12px; }
.workspace-package-source-option { min-width: 0; border: 1px solid #ddd6eb; border-radius: 24px; background: #fff; overflow: hidden; }
.workspace-package-source-option.is-selected { border-color: #8871d8; background: #f3effc; }
.workspace-package-quick-review .workspace-package-source-option > button {
  display: flex; align-items: center; gap: 18px; width: 100%; padding: 20px; min-height: 82px;
  text-align: left; border: 0; border-radius: 0; background: transparent; color: #282231; font-size: 18px; cursor: pointer;
}
.workspace-package-quick-review .workspace-package-source-option > button:hover { background: #eee9fa; }
.workspace-package-source-radio { display: inline-grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px; border: 2px solid #a299b5; border-radius: 50%; color: #fff; }
.workspace-package-source-option.is-selected .workspace-package-source-radio { border-color: #7051d1; background: #7051d1; }
.workspace-package-source-copy { display: grid; min-width: 0; flex: 1; gap: 6px; }
.workspace-package-source-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 650; }
.workspace-package-source-copy small { font-size: 15px; color: #766d81; }
.workspace-package-source-choice { color: #6547c4; font-size: 16px; font-weight: 650; }
.workspace-package-source-option details { padding: 0 20px 16px 64px; font-size: 15px; color: #746b80; }
.workspace-package-source-option summary { cursor: pointer; width: fit-content; color: #6b52af; }
.workspace-package-source-option details p { margin: 12px 0 0; }
.workspace-package-source-caution { display: flex; align-items: center; gap: 10px; color: #946338; }
.workspace-package-quick-review .workspace-package-metadata-mode { display: flex; align-items: center; gap: 30px; padding: 28px 30px; margin: 16px 0 30px; border-radius: 24px; background: #f5f2fc; }
.workspace-package-metadata-mode > div { flex: 1; min-width: 0; }
.workspace-package-metadata-mode h5 { margin: 0 0 10px; font-size: 24px; text-transform: none; letter-spacing: 0; }
.workspace-package-metadata-mode p { margin: 0; max-width: 850px; font-size: 17px; line-height: 1.6; color: #746b80; }
.workspace-package-quick-review [data-upload-text-studio-switch] {
  flex: 0 0 60px; width: 60px; height: 34px; padding: 4px; border: 0; border-radius: 999px; background: #c4bdce; cursor: pointer;
}
.workspace-package-quick-review [data-upload-text-studio-switch][aria-checked="true"] { background: #7254d4; }
[data-upload-text-studio-switch] > span { display: block; height: 26px; width: 26px; border-radius: 50%; background: #fff; transition: transform .18s ease; box-shadow: 0 1px 4px #0002; }
[data-upload-text-studio-switch][aria-checked="true"] > span { transform: translateX(26px); }
.workspace-package-manual-text[hidden] { display: none !important; }
.workspace-package-quick-review [data-upload-package-manage-files],
.workspace-package-quick-review .workspace-package-manual-text .workspace-private-actions button,
.workspace-package-quick-review .workspace-package-manual-text .workspace-upload-compact-actions button {
  background: #f3effa !important; color: #674caa !important; border: 1px solid #ded5ed !important; box-shadow: none !important; font-size: 16px;
}
.workspace-package-quick-review .workspace-package-manual-text .workspace-private-actions button { background: transparent !important; border-color: transparent !important; }
.workspace-package-quick-review .workspace-package-approval-guidance { padding: 26px; background: #f7f6fa; }
.workspace-package-guidance-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; margin-top: 20px; }
.workspace-package-guidance-columns h5 { font-size: 19px; margin: 0 0 14px; text-transform: none; letter-spacing: 0; }
.workspace-package-guidance-columns h5 span { display: inline-grid; place-items: center; height: 26px; width: 26px; border-radius: 50%; background: #e3f3ed; color: #368876; margin-right: 6px; }
.workspace-package-guidance-columns section:last-child h5 span { background: #f5e9ed; color: #aa5a6f; }
.workspace-package-quick-review .workspace-package-guidance-columns ul { padding-left: 22px; margin: 0; display: block; color: #756d80; font-size: 17px; line-height: 1.5; list-style: disc; }
.workspace-package-quick-review .workspace-package-guidance-columns li { display: list-item; margin: 12px 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.workspace-package-quick-footer .workspace-package-fyi { flex: 1; min-width: 0; align-self: center; }
.workspace-package-fyi > summary { display: inline-flex; align-items: center; gap: 8px; list-style: none; padding: 9px 18px; border-radius: 999px; background: #eee8fb; color: #7052b5; font-size: 15px; font-weight: 700; cursor: pointer; }
.workspace-package-fyi > summary::-webkit-details-marker { display: none; }
.workspace-package-fyi > summary:hover, .workspace-package-fyi > summary:focus-visible { background: #e5dcf6; }
.workspace-package-fyi[open] > summary { margin-bottom: 12px; }
.workspace-package-quick-review .workspace-package-fyi .workspace-package-quick-explanation { display: block; max-width: 780px; padding: 18px; border-radius: 18px; background: #f7f4fc; color: #756c81; font-size: 15px; line-height: 1.6; }
.workspace-package-fyi p { margin: 0 0 10px; }
.workspace-package-fyi button[data-upload-excluded-open] { border: 0; color: #7052b5; background: transparent; text-decoration: underline; font: inherit; cursor: pointer; }
.workspace-upload-track-metadata-dialog { width: min(1040px, calc(100vw - 32px)); background: #fff; border: 0; border-radius: 28px !important; }
.workspace-upload-track-metadata-dialog [data-upload-track-metadata-content] { gap: 24px; padding: 6px 8px 12px 0; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-fields,
.workspace-upload-track-metadata-dialog .workspace-upload-track-preview-setting,
.workspace-upload-track-metadata-dialog .workspace-upload-track-credits { padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-fields { grid-template-columns: 1fr; gap: 24px; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-fields > header { display: none; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-fields label,
.workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row label { font-size: 18px; font-weight: 500; gap: 10px; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-field-head > i { font-size: 13px; font-weight: 500; padding: 4px 9px; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-fields input:not([type="checkbox"]),
.workspace-upload-track-metadata-dialog .workspace-upload-track-fields textarea,
.workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row input,
.workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row select { border: 1px solid #ded9e5; padding: 14px 16px; min-height: 54px; border-radius: 14px; font-size: 18px; line-height: 1.5; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-fields label > small,
.workspace-upload-track-metadata-dialog .workspace-upload-track-preview-setting > small,
.workspace-upload-track-metadata-dialog .workspace-upload-track-credits p { font-size: 15px; font-weight: 400; line-height: 1.5; color: #7a7185; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-preview-setting { padding: 24px 0; border-block: 1px solid #ebe7f0; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-preview-setting header span,
.workspace-upload-track-metadata-dialog .workspace-upload-track-credits header span { font-size: 16px; text-transform: none; letter-spacing: 0; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-preview-setting header strong,
.workspace-upload-track-metadata-dialog .workspace-upload-track-credits header strong { font-size: 18px; margin-top: 6px; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-preview-setting header > b { font-size: 16px; background: #f0ebfa; color: #7052b5; padding: 8px 14px; }
.workspace-upload-track-metadata-dialog .workspace-upload-dialog-shell > footer button { min-height: 54px; padding: 14px 28px; border-radius: 999px; font-size: 18px; }
.workspace-upload-track-metadata-dialog .workspace-upload-dialog-shell > footer > span { display: flex; gap: 12px; }
.workspace-package-quick-review .workspace-package-track-editor > footer button,
.workspace-package-quick-review .workspace-package-text-editor > footer button { min-height: 58px; padding: 14px 26px; font-size: 18px; }
.workspace-package-quick-review .workspace-package-stage-panel.workspace-package-track-editor > footer .workspace-package-primary-action:not(.is-slide-control),
.workspace-package-quick-review .workspace-package-stage-panel.workspace-package-text-editor > footer .workspace-package-primary-action:not(.is-slide-control) {
  min-height: 58px !important; height: auto !important; padding: 14px 26px !important; font-size: 18px !important;
}
.workspace-package-quick-review .workspace-package-track-editor > footer [data-upload-package-step="overview"],
.workspace-package-quick-review .workspace-package-text-editor > footer [data-upload-package-step="overview"] { border: 0; background: #f2f0f6; color: #3d324b; }
.workspace-upload-track-metadata-dialog .workspace-upload-dialog-shell > footer small { font-size: 14px; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-disclosure { grid-column: 1 / -1; border: 0; border-top: 1px solid #ebe7f0; padding-top: 22px; }
.workspace-upload-track-disclosure > summary { font-size: 20px; font-weight: 600; cursor: pointer; color: #42334f; }
.workspace-upload-track-disclosure > div { display: grid; gap: 24px; padding-top: 24px; }
.workspace-upload-track-disclosure > summary > small { font-size: 14px; font-weight: 400; color: #817688; margin-left: 8px; }
@media (max-width: 1100px) {
  .workspace-package-quick-review .workspace-package-track-editor .workspace-package-audio-main { grid-template-columns: 34px 42px minmax(0, 1fr) auto; }
  .workspace-package-quick-review .workspace-package-track-actions { grid-column: 3 / -1; justify-content: flex-start; }
}
@media (max-width: 650px) {
  .workspace-upload-track-metadata-dialog .workspace-upload-dialog-shell > footer button { padding: 14px 16px; font-size: 16px; white-space: nowrap; }
  .workspace-package-quick-review .workspace-package-track-editor .workspace-package-audio-main { padding: 18px 14px; gap: 10px; }
  .workspace-package-quick-review .workspace-package-track-actions { grid-column: 1 / -1; }
  .workspace-package-quick-review .workspace-package-track-actions button { font-size: 15px; padding: 10px 12px; }
  .workspace-package-quick-review .workspace-package-track-editor .workspace-package-audio-alternates { padding: 22px 14px; }
  .workspace-package-quick-review .workspace-package-source-option > button { padding: 16px 12px; gap: 12px; flex-wrap: wrap; }
  .workspace-package-source-copy { flex-basis: calc(100% - 50px); }
  .workspace-package-source-choice { margin-left: 40px; font-size: 14px; }
  .workspace-package-source-option details { padding-left: 52px; }
  .workspace-package-guidance-columns { grid-template-columns: 1fr; gap: 26px; }
  .workspace-package-quick-review .workspace-package-metadata-mode { padding: 22px; gap: 18px; align-items: flex-start; }
  .workspace-package-metadata-mode h5 { font-size: 21px; }
  .workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row { grid-template-columns: 1fr auto; }
  .workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row label:first-child { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { [data-upload-text-studio-switch] > span { transition: none; } }

/* Task 652: incomplete requests are recoverable, not content warnings. */
.workspace-upload-analysis-summaryline .is-retry { color: #a93b48; }
.workspace-upload-analysis-retries { margin: 28px 0; }
.workspace-upload-analysis-retries[hidden] { display: none !important; }
.workspace-upload-analysis-issue-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
html .workspace-upload-analysis-summaryline button[data-upload-analysis-issues-toggle] {
  border: 2px solid #aa92d4; border-radius: 999px; background: #fff; color: #6044a2;
  min-height: 44px; padding: 12px 22px; font: inherit; font-size: 16px; font-weight: 650; box-shadow: none; cursor: pointer;
}
html .workspace-upload-analysis-summaryline button[data-upload-analysis-issues-toggle]:hover {
  border-color: #6440b4; background: #eee7fa; color: #4f2d91; text-decoration: underline; text-underline-offset: 3px;
}
html .workspace-upload-analysis-summaryline button[data-upload-analysis-issues-toggle]:focus-visible { outline: 3px solid #9875d2; outline-offset: 3px; }
.workspace-upload-analysis-retries > header { margin-bottom: 20px; }
.workspace-upload-analysis-retries > header strong { font-size: 22px; }
.workspace-upload-analysis-retries p { color: #70677c; line-height: 1.6; overflow-wrap: anywhere; }
.workspace-upload-analysis-retries > article { border-radius: 24px; background: #f8f6fc; padding: 24px; margin: 16px 0; }
.workspace-upload-analysis-retries > article > div { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.workspace-upload-analysis-retries strong { font-size: 19px; }
.workspace-upload-retry-number { color: #70677c; font-variant-numeric: tabular-nums; }
.workspace-upload-retry-status { display: inline-flex; align-items: center; gap: 8px; color: #a93b48; font-weight: 650; }
button[data-upload-analysis-retry] { border: 1px solid #c6b8e5; background: white; color: #6044a2; border-radius: 999px; padding: 12px 22px; font-size: 16px; font-weight: 650; cursor: pointer; }
button[data-upload-analysis-retry]:hover:not(:disabled) { background: #eee8fa; }
button[data-upload-analysis-retry]:disabled { opacity: .55; cursor: wait; }
html .workspace-upload-detail-suggestions button[data-upload-detail-apply] { background: #fff !important; color: #19151f !important; border: 3px solid #19151f !important; border-radius: 999px; min-height: 44px; padding: 8px 22px; box-shadow: none !important; font-size: 17px; }
html .workspace-upload-detail-suggestions button[data-upload-detail-apply]:hover { background: #f5f2f8 !important; }
.workspace-upload-field-attention { display: inline-block; width: 26px; height: 26px; margin-left: 9px; vertical-align: middle; fill: #fff0bf; stroke: #b47809; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.workspace-upload-field-attention path + path { fill: none; stroke: #875c0c; stroke-width: 2.2; }
.workspace-upload-check-alert { display: inline-block; width: 24px; height: 24px; flex: 0 0 24px; vertical-align: middle; fill: none; stroke: #b14450; stroke-width: 2; stroke-linecap: round; }
.workspace-upload-analysis-summaryline > span.is-retry,
.workspace-upload-analysis-summaryline > span.is-attention { display: inline-flex; align-items: center; gap: 8px; }
html .workspace-upload-analysis-retries > article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 28px; }
html .workspace-upload-analysis-retries > article > p { grid-column: 1; margin: 0; overflow-wrap: anywhere; }
html .workspace-upload-analysis-retries > article > .workspace-upload-retry-resolution { grid-column: 2; grid-row: 1 / span 3; align-self: start; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
html .workspace-upload-analysis-retries button[data-upload-analysis-retry],
html .workspace-upload-analysis-summaryline button[data-upload-analysis-retry] { border: 2px solid #aa92d4; background: #fff !important; color: #6044a2 !important; min-height: 44px; box-shadow: none; }
html .workspace-upload-analysis-retries button[data-upload-analysis-retry]:hover:not(:disabled),
html .workspace-upload-analysis-summaryline button[data-upload-analysis-retry]:hover:not(:disabled) { border-color: #6440b4; background: #eee7fa !important; color: #4f2d91 !important; text-decoration: underline; text-underline-offset: 3px; }
html button[data-upload-analysis-retry]:focus-visible { outline: 3px solid #9875d2; outline-offset: 3px; }
@media (max-width: 640px) {
  html .workspace-upload-analysis-retries > article { grid-template-columns: minmax(0, 1fr); padding: 20px; }
  html .workspace-upload-analysis-retries > article > .workspace-upload-retry-resolution { grid-column: 1; grid-row: 4; align-items: flex-start; }
}

/* Optional private licenses: one calm, accessible editor, separate from moderation. */
/* Task 655: a steady action rail and one optional license for the album. */
.workspace-package-quick-review .workspace-package-track-editor > header { max-width: 1000px; margin: 22px auto 42px; }
.workspace-package-quick-review .workspace-package-track-editor > header h4 { font-size: clamp(36px, 4.5vw, 60px); font-weight: 800; letter-spacing: -.04em; line-height: 1.15; }
.workspace-package-quick-review .workspace-package-track-editor > header p { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.65; }
.workspace-package-quick-review .workspace-package-track-actions { flex-wrap: nowrap; align-items: center; width: 368px; }
.workspace-package-quick-review .workspace-package-track-actions .workspace-package-icon-action { width: 48px; min-width: 48px; height: 48px; padding: 11px; border-color: transparent; border-radius: 50%; color: #242033; }
.workspace-package-quick-review .workspace-package-track-actions .workspace-package-icon-action:hover { border-color: #aa95ec; color: #795ad5; background: #fff; }
.workspace-package-quick-review .workspace-package-track-actions .workspace-package-icon-action.is-remove { color: #eb352e; }
.workspace-package-track-actions svg { width: 23px; height: 23px; flex-basis: 23px; stroke-width: 2; }
.workspace-package-quick-review [data-upload-track-license] { width: 200px; flex: 0 0 200px; color: #242033; border-color: #ded7e9; }
.workspace-package-quick-review [data-upload-track-license]:hover { color: #9274ed; border-color: #a38aef; background: #fff; }
.workspace-package-quick-review .workspace-package-track-editor time { min-width: 5ch; text-align: right; font-weight: 700; }
.workspace-package-license-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 0 0 24px; }
.workspace-package-license-toolbar > button { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 10px 20px; border: 1px solid #ded7e9; border-radius: 999px; color: #6246a5; background: #f8f6fc; font-size: 17px; font-weight: 650; cursor: pointer; }
.workspace-package-license-toolbar > button:hover { border-color: #a38aef; background: #f1ecfc; }
.workspace-package-license-toolbar > button:disabled { opacity: .5; cursor: not-allowed; }
.workspace-package-license-toolbar > small { color: #797181; font-size: 14px; }
.workspace-package-license-toolbar svg, .workspace-license-emblem svg { width: 24px; height: 24px; flex: 0 0 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.workspace-package-track-actions button:focus-visible, .workspace-package-license-toolbar button:focus-visible { outline: 3px solid #9274ed; outline-offset: 3px; }
@media (max-width: 560px) {
  .workspace-package-quick-review .workspace-package-track-actions { gap: 4px; width: 100%; }
  .workspace-package-quick-review [data-upload-track-license] { flex: 1; width: auto; min-width: 0; padding-inline: 8px; font-size: 14px; white-space: normal; }
  .workspace-package-quick-review .workspace-package-track-actions .workspace-package-icon-action { width: 44px; min-width: 44px; height: 44px; padding: 10px; }
}
dialog.workspace-license-dialog { width: min(680px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 32px; border: 0; border-radius: 28px; box-sizing: border-box; background: #fff; color: #211c28; box-shadow: 0 24px 80px #21143333; }
.workspace-license-dialog::backdrop { background: #20192b88; backdrop-filter: blur(5px); }
.workspace-license-dialog form { margin: 0; display: grid; gap: 20px; }
.workspace-license-dialog header, .workspace-license-dialog footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.workspace-license-dialog h3 { font-size: 30px; line-height: 1.2; margin: 8px 0; }
.workspace-license-dialog h3 { display: flex; align-items: center; gap: 12px; }
.workspace-license-emblem { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; height: 44px; border-radius: 14px; color: #795ad5; background: #f2edfc; }
.workspace-license-guidance ul { margin: 12px 0 0; padding-left: 22px; display: grid; gap: 9px; color: #706779; font-size: 16px; line-height: 1.5; }
.workspace-license-dialog .workspace-license-replace-all { display: flex; align-items: center; gap: 10px; padding: 14px; background: #f8f6fc; border-radius: 12px; }
.workspace-license-dialog .workspace-license-replace-all input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: #795ad5; }
.workspace-license-dialog .workspace-license-scope { font-size: 15px; color: #706779; }
.workspace-license-dialog p { font-size: 17px; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.workspace-license-dialog small { display: block; font-size: 14px; line-height: 1.6; color: #706779; overflow-wrap: anywhere; }
.workspace-license-dialog button { min-height: 46px; padding: 10px 18px; border: 1px solid #d8d0e4; border-radius: 999px; color: #6246a5; background: #fff; font-size: 16px; cursor: pointer; }
.workspace-license-dialog button:hover:not(:disabled) { background: #f3eff9; }
.workspace-license-dialog button:disabled { opacity: .55; cursor: wait; }
.workspace-license-dialog button:focus-visible { outline: 3px solid #7d5de0; outline-offset: 3px; }
.workspace-license-dialog [data-license-save] { background: #6246cd; color: #fff; border-color: transparent; }
.workspace-license-dialog [data-license-save]:hover:not(:disabled) { background: #5137b4; }
.workspace-license-dialog [data-license-close][aria-label] { width: 46px; padding: 0; flex: 0 0 46px; font-size: 26px; color: #302738; }
.workspace-license-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-license-tabs button[aria-pressed="true"] { background: #eee8fa; border-color: #9a83ce; color: #4f348c; }
.workspace-license-dialog label { font-size: 16px; display: grid; gap: 10px; }
.workspace-license-dialog [hidden] { display: none !important; }
.workspace-license-dialog input, .workspace-license-dialog textarea { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; font: inherit; padding: 14px; border: 1px solid #d8d0e4; border-radius: 12px; background: #faf8fd; color: #211c28; }
.workspace-license-dialog textarea { resize: vertical; }
.workspace-license-saved { padding: 16px; border-radius: 16px; background: #f6f3fa; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.workspace-license-saved > span { flex: 1 1 220px; min-width: 0; }
.workspace-license-saved b { color: #287d69; }
.workspace-license-dialog [data-license-remove] { color: #a64a5b; }
.workspace-license-dialog [data-license-status] { color: #655077; min-height: 26px; }
@media (max-width: 600px) {
  dialog.workspace-license-dialog { padding: 22px; }
  .workspace-license-dialog h3 { font-size: 25px; }
  .workspace-license-dialog footer button { flex: 1; padding-inline: 10px; }
}

/* Task 660: tactile track reordering and calm, consistent license actions. */
.workspace-package-quick-review .workspace-package-track-actions { width: 392px; }
.workspace-package-quick-review .workspace-package-track-actions [data-upload-track-license],
.workspace-package-quick-review .workspace-package-license-toolbar [data-upload-license-all] {
  display: inline-flex; justify-content: center; align-items: center; gap: 10px;
  min-height: 56px; padding: 12px 18px; border: 2px solid #ded9e9; border-radius: 999px;
  background: #fff; color: #15253f; font-family: "Segoe UI", Arial, sans-serif;
  font-size: 18px; font-weight: 600; line-height: 1.3; box-shadow: none;
  transition: border-color 150ms, color 150ms;
}
.workspace-package-quick-review .workspace-package-track-actions [data-upload-track-license] { width: 224px; flex-basis: 224px; }
.workspace-package-quick-review [data-upload-track-license] > span,
.workspace-package-quick-review [data-upload-license-all] > span { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.workspace-package-quick-review [data-upload-track-license] > svg,
.workspace-package-quick-review [data-upload-license-all] > svg { color: inherit; width: 24px; height: 24px; flex: 0 0 24px; stroke-width: 2; }
.workspace-package-quick-review .workspace-package-track-actions [data-upload-track-license]:is(:hover, :focus-visible),
.workspace-package-quick-review .workspace-package-license-toolbar [data-upload-license-all]:is(:hover, :focus-visible) {
  color: #9274ed; border-color: #9876ef; background: #fff; box-shadow: none;
}
.workspace-package-quick-review [data-upload-track-license]:is(:hover, :focus-visible) > span,
.workspace-package-quick-review [data-upload-license-all]:is(:hover, :focus-visible) > span { text-decoration: none; }
.workspace-package-quick-review .workspace-package-track-actions .is-remove svg { width: 27px; height: 27px; flex-basis: 27px; stroke-linejoin: round; stroke-linecap: round; }
.workspace-package-quick-review .workspace-package-track-position { touch-action: none; user-select: none; min-height: 56px; border-radius: 14px; }
.workspace-package-quick-review .workspace-package-track-position:hover { color: #7859c8; background: #f5f2fc; }
.workspace-package-quick-review .workspace-package-track-position > small { font-size: 20px; opacity: .8; }
.workspace-package-quick-review .workspace-package-track-editor .workspace-package-audio-list.is-scrollable {
  max-height: min(72vh, 1300px); overflow-y: auto; overflow-x: hidden;
  padding: 8px 10px 8px 2px; scrollbar-gutter: stable; overscroll-behavior-y: contain;
}
.workspace-package-audio-list.is-scrollable::-webkit-scrollbar { width: 14px; }
.workspace-package-audio-list.is-scrollable::-webkit-scrollbar-track { background: #f5f3f8; border-radius: 999px; }
.workspace-package-audio-list.is-scrollable::-webkit-scrollbar-thumb { background: #fff; border: 3px solid #e7e1ed; border-radius: 999px; box-shadow: inset 0 0 0 1px #bcb0ce; }
.workspace-package-audio-list.is-scrollable::-webkit-scrollbar-thumb:hover { border-color: #d4c9e4; }
@supports not selector(::-webkit-scrollbar) {
  .workspace-package-audio-list.is-scrollable { scrollbar-color: #c9bfd8 #f5f3f8; scrollbar-width: thin; }
}
.workspace-package-quick-review .workspace-package-track-editor [data-upload-audio-track-row].is-lifted {
  position: fixed; z-index: 160; box-sizing: border-box; margin: 0; background: #fff;
  border: 2px solid #a58bd8; box-shadow: 0 18px 42px #30204430, 0 4px 12px #30204418;
  opacity: 1; pointer-events: none; transition: none; transform: none;
}
.workspace-package-track-placeholder { box-sizing: border-box; border: 2px dashed #ccbfdf; border-radius: 36px; background: #f7f4fc; }
html.is-upload-track-dragging, html.is-upload-track-dragging * { cursor: grabbing !important; user-select: none !important; }
.workspace-track-reorder-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 900px) { .workspace-package-quick-review .workspace-package-track-actions { width: auto; max-width: 100%; flex-wrap: wrap; } }
@media (prefers-reduced-motion: reduce) {
  .workspace-package-quick-review [data-upload-track-license], .workspace-package-quick-review [data-upload-license-all] { transition: none; }
}
/* Optional reading aids remain separate from editable, original-language lyrics. */
.workspace-upload-english-reading { padding: 18px; border-radius: 16px; background: #f7f5fc; }
.workspace-upload-english-reading summary { cursor: pointer; font-size: 18px; font-weight: 600; }
.workspace-upload-english-reading summary small { margin-left: 8px; font-weight: 400; }
.workspace-upload-english-reading [data-upload-english-reading-text] { white-space: pre-wrap; max-height: 280px; overflow: auto; line-height: 1.6; margin-block: 16px; }
.workspace-upload-story-option { display: flex !important; align-items: flex-start; gap: 12px; }
.workspace-upload-story-option input { flex: 0 0 22px; width: 22px; height: 22px; margin-top: 3px; }
[data-upload-story-count] { display: block; margin-top: 8px; font-variant-numeric: tabular-nums; }

/* Task 682: compact disclosure controls, paired track display and discoverable help. */
.workspace-creation-overall-choice { display: flex; align-items: center; gap: 8px; min-width: 0; }
.workspace-creation-overall-options .workspace-creation-overall-choice > button {
  flex: 1; min-height: 70px; border: 0; box-shadow: none; background: #f8f6fc;
}
.workspace-creation-overall-options .workspace-creation-overall-choice > button[aria-pressed="true"] { background: #eee8fc; box-shadow: none; }
.workspace-creation-overall-options .workspace-creation-overall-choice > button:hover { background: #f0ebfa; box-shadow: none; }
.workspace-creation-overall-options .workspace-creation-overall-choice > button:focus-visible { outline: 2px solid #7654df; outline-offset: 3px; }
.workspace-creation-groups > article { min-height: 120px; gap: 16px; }
.workspace-creation-groups > article > header { display: flex; align-items: center; gap: 8px; }
.workspace-creation-groups > article > header > button { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; padding: 4px 0; border: 0; background: transparent; color: #211b27; cursor: pointer; text-align: left; font: inherit; }
.workspace-creation-groups > article > header > button b { flex-shrink: 0; padding: 5px 8px; border-radius: 999px; color: #6841d6; background: #f0ebff; font-size: .7rem; }
.workspace-creation-groups > article > header > button:focus-visible { outline: 2px solid #7654df; outline-offset: 3px; }
.workspace-creation-help { display: inline-flex; flex: 0 0 28px; align-items: center; }
.workspace-creation-disclosure .workspace-creation-help > button {
  display: inline-grid; grid-template-columns: 1fr; gap: 0; place-items: center; text-align: center; width: 28px; height: 28px; min-height: 28px; padding: 0;
  border: 1px solid #bcb1cd; border-radius: 50%; color: #675878; background: #fff; font: 600 16px Georgia,serif; box-shadow: none; cursor: pointer;
}
.workspace-creation-help > button:focus-visible { outline: 2px solid #7654df; outline-offset: 3px; }
.workspace-creation-help > [role="tooltip"] { position: fixed; z-index: 2100; padding: 12px 14px; border: 1px solid #e1dbe9; border-radius: 12px; color: #35283f; background: #fff; box-shadow: 0 8px 24px #2c173526; font-size: .88rem; font-weight: 400; line-height: 1.5; text-align: left; }
.workspace-creation-help > [hidden], .workspace-creation-component-row [hidden] { display: none !important; }
.workspace-creation-component-details > summary { display: grid; grid-template-columns: minmax(0,1fr) auto auto; list-style: none; }
.workspace-creation-component-details > summary::-webkit-details-marker { display: none; }
.workspace-creation-component-details > summary:hover { background: #f8f6fc; }
.workspace-creation-component-details > summary:focus-visible { outline: 2px solid #7654df; outline-offset: -3px; }
.workspace-creation-details-toggle { display: flex; align-items: center; gap: 8px; color: #6946c4; font-size: .88rem; white-space: nowrap; }
.workspace-creation-details-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform .2s; }
.workspace-creation-component-details:not([open]) .when-open, .workspace-creation-component-details[open] .when-closed { display: none; }
.workspace-creation-component-details[open] .workspace-creation-details-toggle svg { transform: rotate(180deg); }
.workspace-creation-component-editor { grid-template-columns: minmax(0,1fr); }
[data-upload-creation-component-list], .workspace-creation-component-table { width: 100%; min-width: 0; }
.workspace-creation-component-editor [data-upload-creation-component-list] { grid-column: 1 / -1; grid-template-columns: minmax(0,1fr); }
.workspace-creation-component-row [data-upload-creation-mark] > small { font-size: .7rem; line-height: 1.25; color: #77638d; }
@media (max-width: 720px) {
  .workspace-creation-component-editor > div:first-child { grid-template-columns: minmax(0,1fr); }
  .workspace-creation-component-editor > div:first-child button { grid-column: 1; grid-row: 3; justify-self: start; margin-top: 8px; }
  .workspace-creation-component-details > summary { grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
  .workspace-creation-component-details > summary > small { grid-row: 2; grid-column: 1 / -1; }
  .workspace-creation-details-toggle { grid-column: 2; grid-row: 1; }
  .workspace-creation-overall-options .workspace-creation-overall-choice > button { font-size: .85rem; }
}
@media (prefers-reduced-motion: reduce) { .workspace-creation-details-toggle svg { transition: none; } }

/* Selection stays translucent; the purple fill follows actual local playback. */
.workspace-upload-track-metadata-dialog .workspace-upload-track-preview-setting { gap: 18px; }
.workspace-track-window-rail { position: relative; height: 36px; margin: 8px 12px 0; --window-start: 0%; --window-end: 0%; --window-playhead: 0%; }
.workspace-track-window-band { position: absolute; inset: 10px 0; border-radius: 20px; background: linear-gradient(to right, #ece8f3 0 var(--window-start), #7154de var(--window-start) var(--window-playhead), #7154de30 var(--window-playhead) var(--window-end), #ece8f3 var(--window-end) 100%); box-shadow: inset 0 0 0 1px #ded8ea; }
.workspace-upload-track-metadata-dialog .workspace-track-window-rail input { position: absolute; inset: 0 -12px; width: calc(100% + 24px); height: 36px; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; appearance: none; cursor: ew-resize; }
.workspace-track-window-rail input::-webkit-slider-runnable-track { height: 0; background: transparent; }
.workspace-track-window-rail input::-moz-range-track, .workspace-track-window-rail input::-moz-range-progress { height: 0; background: transparent; }
.workspace-track-window-rail input::-webkit-slider-thumb { appearance: none; width: 24px; height: 30px; margin-top: -15px; border: 3px solid white; border-radius: 8px; background: #5f43cf; box-shadow: 0 2px 8px #48328955; }
.workspace-track-window-rail input::-moz-range-thumb { width: 18px; height: 24px; border: 3px solid white; border-radius: 8px; background: #5f43cf; }
.workspace-track-window-rail input:focus-visible { outline: 3px solid #ae99ef; outline-offset: 4px; border-radius: 12px; }
.workspace-track-window-rail input:disabled { cursor: default; opacity: .65; }
.workspace-track-window-ticks { position: relative; height: 32px; margin: -15px 12px 0; font-variant-numeric: tabular-nums; }
.workspace-track-window-ticks > span { position: absolute; display: grid; justify-items: center; gap: 6px; transform: translateX(-50%); }
.workspace-track-window-ticks i { width: 1px; height: 6px; background: #b9afcc; }
.workspace-track-window-ticks b { font-size: 12px; font-weight: 500; color: #70667f; white-space: nowrap; }
.workspace-track-window-ticks .is-first { transform: none; justify-items: start; }
.workspace-track-window-ticks .is-last { transform: translateX(-100%); justify-items: end; }
.workspace-track-window-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.workspace-track-window-transport { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
.workspace-track-window-transport > span { display: grid; gap: 3px; text-align: right; }
.workspace-track-window-transport output { color: #6444cc; font-size: 18px; line-height: 1.2; font-weight: 750; font-variant-numeric: tabular-nums; white-space: nowrap; }
.workspace-track-window-transport small { color: #70667f; font-size: 11px; line-height: 1.3; }
.workspace-track-window-presets { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-upload-track-metadata-dialog .workspace-track-window-actions button { width: auto; min-width: 76px; min-height: 44px; padding: 10px 16px; border: 1px solid #ded7eb; border-radius: 999px; font-family: inherit; font-size: 15px; line-height: 1.3; font-weight: 600; background: white; color: #4c3c69; cursor: pointer; }
.workspace-upload-track-metadata-dialog .workspace-track-window-actions button[aria-pressed="true"] { background: #eee8fc; color: #5f43c7; border-color: #aa92ec; }
.workspace-track-window-player { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 14px; align-items: start; }
.workspace-track-window-timeline { min-width: 0; }
.workspace-upload-track-metadata-dialog .workspace-track-window-player > .workspace-track-window-play { display: grid; place-items: center; width: 52px; height: 52px; min-width: 52px; min-height: 52px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #7154de; color: #fff; box-shadow: none; cursor: pointer; }
.workspace-track-window-play svg { width: 25px; height: 25px; fill: currentColor; pointer-events: none; }
.workspace-track-window-play .is-play { transform: translateX(-1px); }
.workspace-track-window-play .is-stop,.workspace-track-window-play[aria-pressed="true"] .is-play { display: none; }
.workspace-track-window-play[aria-pressed="true"] .is-stop { display: block; }
.workspace-upload-track-metadata-dialog .workspace-track-window-play:hover:not(:disabled) { background: #6042ca; }
.workspace-track-window-play:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.workspace-track-window-play:disabled { opacity: .45; cursor: not-allowed; }
@media (max-width: 480px) { .workspace-track-window-player { gap: 8px; } }
@media (max-width: 360px) { .workspace-track-window-timeline .workspace-track-window-ticks > span:not(.is-first):not(.is-last) b { visibility: hidden; } }
.workspace-track-window-actions button:disabled { opacity: .45; cursor: not-allowed; }
.workspace-upload-track-metadata-dialog [data-upload-track-preview-status] { margin: 0; font-size: 14px; color: #65527c; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-credits header [data-upload-track-credit-add] { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 12px; width: auto; height: auto; min-height: 48px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #211b2c; box-shadow: none; }
.workspace-upload-track-metadata-dialog [data-upload-track-credit-add] b { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; background: #211b2c; color: white; font: 400 30px/1 sans-serif; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-credits header [data-upload-track-credit-add] span { font-size: 18px; color: inherit; font-weight: 650; white-space: nowrap; text-decoration: underline; text-underline-offset: 5px; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row { padding: 18px; gap: 18px; background: #faf8fe; border: 1px solid #e8e1f0; border-radius: 18px; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row label { gap: 9px; font-size: 15px; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row :is(input, select) { min-height: 46px; background: white; font-size: 16px; }
.workspace-upload-track-metadata-dialog .workspace-upload-track-bulk-note { display: grid; gap: 8px; padding: 22px; background: linear-gradient(110deg,#f4efff,#f3fbf8); border: 0; border-radius: 18px; }
.workspace-package-track-editor .workspace-package-audio-advanced { padding: 0; margin: 24px 0; border: 1px solid #e8e2ef; border-radius: 22px; background: #fff; }
.workspace-package-audio-advanced > summary { display: grid; grid-template-columns: 1fr auto; padding: 22px 24px; gap: 5px 18px; list-style: none; }
.workspace-package-audio-advanced > summary::-webkit-details-marker { display: none; }
.workspace-package-audio-advanced > summary > span { font-size: 20px; font-weight: 650; color: #282031; }
.workspace-package-audio-advanced > summary > small { grid-column: 1; color: #7b7186; font-size: 15px; }
.workspace-package-audio-advanced > summary > b { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 26px; }
.workspace-package-audio-advanced[open] > summary > b { transform: rotate(180deg); }
.workspace-package-track-editor .workspace-package-audio-advanced .workspace-package-audio-header-actions { padding: 22px 24px; margin: 0; border: 0; border-top: 1px solid #eee8f4; border-radius: 0; background: #faf8fd; }
.workspace-package-audio-advanced .workspace-package-audio-header-actions :is(strong, button) { font-size: 16px; }
.workspace-package-audio-advanced .workspace-package-audio-header-actions small { font-size: 14px; margin-top: 7px; line-height: 1.5; }
.workspace-package-audio-advanced .workspace-upload-source-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 24px; margin: 0; }
.workspace-package-audio-advanced .workspace-upload-source-filters :is(button, span) { font-size: 15px; }
.workspace-package-audio-advanced .workspace-upload-source-filters button { min-height: 44px; padding: 10px 18px; }
.workspace-package-track-editor .workspace-package-license-toolbar { justify-content: flex-end; margin-block: 24px; }
.workspace-package-license-toolbar > small { order: -1; }
@media (max-width: 720px) {
  .workspace-track-window-ticks .is-minor b { visibility: hidden; }
  .workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row { grid-template-columns: minmax(0,1fr) auto; }
  .workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row > label:first-child { grid-column: 1; grid-row: 1; }
  .workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row > label:nth-child(2) { grid-column: 1; grid-row: 2; }
  .workspace-upload-track-metadata-dialog .workspace-upload-track-credit-row > button { grid-column: 2; grid-row: 1 / 3; align-self: center; width: 34px; }
  .workspace-package-license-toolbar > small { flex-basis: 100%; text-align: right; }
  .workspace-package-audio-advanced > summary { padding: 18px; }
}
@media (forced-colors: active) {
  .workspace-track-window-band { background: Canvas; border: 1px solid CanvasText; }
  .workspace-track-window-band::before { content: ""; position: absolute; left: var(--window-start); right: calc(100% - var(--window-end)); height: 100%; outline: 2px solid Highlight; outline-offset: -2px; }
  .workspace-track-window-band::after { content: ""; position: absolute; left: var(--window-start); right: calc(100% - var(--window-playhead)); height: 100%; background: Highlight; forced-color-adjust: none; }
}

/* Task704: optional, evidence-labelled primary-genre listening assist. */
.workspace-upload-genre-field { align-content: start; }
.workspace-upload-genre-suggestion {
  display: grid; gap: 12px; width: 100%; margin-top: 8px; padding: 16px;
  border: 1px solid #ded4ef; border-radius: 16px; color: #30263e;
  background: linear-gradient(135deg,#f8f4ff 0%,#f6fbfa 100%); box-shadow: 0 8px 22px #3c25540d;
  font-size: 14px; font-weight: 400; line-height: 1.45;
}
.workspace-upload-genre-suggestion[hidden] { display: none !important; }
.workspace-upload-genre-suggestion > header { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; }
.workspace-upload-genre-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: #6c49d9; color: #fff; font-size: 17px; }
.workspace-upload-genre-suggestion > header > div { display: grid; min-width: 0; gap: 1px; }
.workspace-upload-genre-suggestion > header small { color: #756683; font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.workspace-upload-genre-suggestion > header strong { overflow: hidden; color: #251d30; font-size: 16px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.workspace-upload-genre-tag { padding: 5px 8px; border: 1px solid #cdbcef; border-radius: 999px; color: #5f3fc5; background: #f0eaff; font-size: 10px; font-weight: 800; letter-spacing: .055em; white-space: nowrap; }
.workspace-upload-genre-source { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.workspace-upload-genre-source > span { padding: 4px 7px; border-radius: 6px; color: #285c54; background: #dff4ef; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
.workspace-upload-genre-source > small { color: #756a80; font-size: 12px; }
.workspace-upload-genre-suggestion > p { margin: 0; color: #62566d; }
.workspace-upload-genre-suggestion > ul { display: grid; gap: 5px; margin: 0; padding-left: 19px; color: #44384f; }
.workspace-upload-genre-suggestion > footer { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.workspace-upload-genre-suggestion > footer > button {
  width: auto; min-height: 38px; padding: 8px 13px; border: 1px solid #cfc3dc; border-radius: 10px;
  color: #4e3c61; background: #fff; font: 700 13px/1.2 inherit; cursor: pointer;
}
.workspace-upload-genre-suggestion > footer > button.is-primary { border-color: #6545c8; color: #fff; background: #6545c8; }
.workspace-upload-genre-suggestion > footer > button:disabled { opacity: .48; cursor: not-allowed; }
.workspace-upload-genre-suggestion > footer > button:focus-visible { outline: 3px solid #aa95ee; outline-offset: 2px; }
.workspace-upload-genre-suggestion[data-state="busy"] .workspace-upload-genre-mark { animation: workspace-upload-genre-pulse 1.2s ease-in-out infinite; }
@keyframes workspace-upload-genre-pulse { 50% { transform: scale(.9); opacity: .72; } }
@media (max-width: 720px) {
  .workspace-upload-genre-suggestion { padding: 14px; }
  .workspace-upload-genre-suggestion > header { grid-template-columns: auto minmax(0,1fr); }
  .workspace-upload-genre-tag { grid-column: 2; justify-self: start; }
  .workspace-upload-genre-suggestion > footer > button { flex: 1 1 150px; }
}
@media (prefers-reduced-motion: reduce) { .workspace-upload-genre-suggestion[data-state="busy"] .workspace-upload-genre-mark { animation: none; } }
@media (forced-colors: active) {
  .workspace-upload-genre-suggestion, .workspace-upload-genre-tag, .workspace-upload-genre-suggestion > footer > button { border: 1px solid CanvasText; background: Canvas; color: CanvasText; }
  .workspace-upload-genre-mark, .workspace-upload-genre-source > span, .workspace-upload-genre-suggestion > footer > button.is-primary { background: Highlight; color: HighlightText; forced-color-adjust: none; }
}
/* Private source review and public-lyrics consent are separate controls. */
.workspace-upload-content-review { padding: 22px; border: 1px solid #ded7f4; border-radius: 18px; background: #faf8ff; margin: 18px 0; }
.workspace-upload-content-review > header,
.workspace-upload-source-comparison article > header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.workspace-upload-content-review h4 { font-size: 20px; margin: 4px 0; }
.workspace-upload-content-review p { line-height: 1.55; }
.workspace-upload-content-review details { padding: 15px 0; border-top: 1px solid #e3ddef; }
.workspace-upload-content-review summary { cursor: pointer; font-weight: 650; }
.workspace-upload-source-comparison article { padding: 16px; margin-top: 14px; background: #fff; border: 1px solid #e3ddef; border-radius: 14px; }
.workspace-upload-private-transcript { white-space: pre-wrap; overflow-wrap: anywhere; }
.workspace-upload-content-review blockquote { margin: 12px 0; padding-left: 14px; border-left: 3px solid #8b72dd; white-space: pre-wrap; }
.workspace-upload-content-review-hold { background: #fff0dc; color: #694617; padding: 14px; border-radius: 12px; }
.workspace-upload-public-lyrics { display: grid; gap: 16px; padding-top: 18px; border-top: 1px solid #e3ddef; }
.workspace-upload-public-lyrics label { display: flex !important; align-items: flex-start; gap: 12px; }
.workspace-upload-public-lyrics input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: #7153d5; }
.workspace-upload-public-lyrics small { display: block; margin-top: 5px; line-height: 1.5; }
@media (forced-colors: active) { .workspace-upload-content-review, .workspace-upload-source-comparison article { border-color: CanvasText; } }
.workspace-upload-screening-appeal label { display: grid; gap: 8px; margin-top: 14px; }
.workspace-upload-screening-appeal textarea, .workspace-upload-screening-appeal select { width: 100%; box-sizing: border-box; }

/* Task797: review safety and measurable source facts with the exact selected tracks. */
.workspace-package-track-editor .workspace-package-track-content { margin: 24px 0; scroll-margin-block: 120px; }
.workspace-package-track-editor .workspace-package-track-content > header > div { min-width: 0; }
.workspace-package-track-editor .workspace-package-track-content > header small { color: #6f55c9; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.workspace-package-audio-tools {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 18px;
  margin: 24px 0 18px; padding: 0 2px;
}
.workspace-package-audio-tools .workspace-upload-source-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; }
.workspace-package-audio-tools .workspace-upload-source-filters :is(button, span) { font-size: 15px; }
.workspace-package-audio-tools .workspace-upload-source-filters button { min-height: 44px; padding: 10px 18px; }
.workspace-package-track-editor .workspace-package-audio-tools .workspace-package-license-toolbar { flex: 0 1 auto; justify-content: flex-end; margin: 0; }
.workspace-package-audio-tools .workspace-package-license-toolbar > small { flex-basis: 100%; order: -1; text-align: right; }
.workspace-package-source-facts {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px;
  margin: 16px 0 10px; color: #403749;
}
.workspace-package-source-facts > div { min-width: 0; padding-top: 10px; border-top: 1px solid #e8e2ef; }
.workspace-package-source-facts dt { color: #756b80; font-size: 12px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.workspace-package-source-facts dd { margin: 4px 0 0; overflow-wrap: anywhere; color: #292130; font-weight: 600; }
.workspace-package-source-date-note { display: block; max-width: 760px; line-height: 1.5; }
.workspace-package-source-reason { display: grid; gap: 4px; padding: 13px 15px; border-left: 3px solid #7458d6; border-radius: 8px; background: #f7f3ff; color: #4d405a; }
.workspace-package-source-reason strong { color: #5b42ad; }
.workspace-package-source-reason span { line-height: 1.45; }
@media (max-width: 1100px) and (min-width: 761px) {
  .workspace-package-audio-tools .workspace-upload-source-filters { gap: 7px; }
  .workspace-package-audio-tools .workspace-upload-source-filters > span { font-size: 12px; }
  .workspace-package-audio-tools .workspace-upload-source-filters button { padding-inline: 13px; }
  .workspace-package-audio-tools .workspace-package-license-toolbar > small { max-width: 260px; }
}
@media (max-width: 760px) {
  .workspace-package-track-editor .workspace-package-track-content { margin-block: 18px; }
  .workspace-package-audio-tools { align-items: stretch; flex-direction: column; }
  .workspace-package-track-editor .workspace-package-audio-tools .workspace-package-license-toolbar { justify-content: flex-start; }
  .workspace-package-audio-tools .workspace-package-license-toolbar > small { text-align: left; }
  .workspace-package-source-facts { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .workspace-package-source-option details { padding-inline: 20px; }
}
@media (forced-colors: active) {
  .workspace-package-source-facts > div, .workspace-package-source-reason { border-color: CanvasText; }
  .workspace-package-source-reason { background: Canvas; color: CanvasText; }
}

/* Task 826: soft creation menus and a readable album-capacity reference. */
:is(#workspace-concept,#workspace-sound) :is(select,[role="listbox"],.workspace-instrumental-focus-menu,.studio-listening-menu) {
  color-scheme: light;
  scrollbar-color: #c7bdd6 #f8f5fb;
  scrollbar-width: thin;
}
:is(#workspace-concept,#workspace-sound) :is([role="listbox"],.workspace-instrumental-focus-menu,.studio-listening-menu) {
  border-radius: 18px;
  scrollbar-gutter: stable;
}
:is(#workspace-concept,#workspace-sound) :is([role="listbox"],.workspace-instrumental-focus-menu)::-webkit-scrollbar { width: 10px; }
:is(#workspace-concept,#workspace-sound) :is([role="listbox"],.workspace-instrumental-focus-menu)::-webkit-scrollbar-track { background: #f8f5fb; border-radius: 999px; }
:is(#workspace-concept,#workspace-sound) :is([role="listbox"],.workspace-instrumental-focus-menu)::-webkit-scrollbar-thumb { background: #c7bdd6; border: 2px solid #f8f5fb; border-radius: 999px; }
:is(#workspace-concept,#workspace-sound) :is([role="listbox"],.workspace-instrumental-focus-menu)::-webkit-scrollbar-button { display: none; }
.workspace-cycle-strip.is-album-capacity { grid-template-columns: minmax(260px, 1.15fr) minmax(220px, 1fr) auto; gap: 28px; }
.workspace-cycle-strip.is-album-capacity [data-album-credit-note] { max-width: 420px; margin-top: 3px; line-height: 1.55; }
.workspace-capacity-track { display: grid; gap: 9px; min-width: 0; }
.workspace-capacity-track[hidden] { display: none !important; }
.workspace-cycle-strip.is-album-capacity .workspace-cycle-meter { height: 9px; background: #e3deea; }
.workspace-cycle-strip.is-album-capacity [data-album-credit-bar] { background: linear-gradient(90deg,#9edbca,#a995e1); }
.workspace-cycle-strip [data-album-capacity-reference] { font-size: 11px; line-height: 1.5; }
@media(max-width: 900px) {
  .workspace-cycle-strip.is-album-capacity { grid-template-columns: minmax(0,1fr) auto; gap: 16px; }
  .workspace-cycle-strip.is-album-capacity .workspace-capacity-track { grid-row: 2; grid-column: 1 / -1; }
}
@media(max-width: 540px) {
  .workspace-cycle-strip.is-album-capacity { grid-template-columns: minmax(0,1fr); }
  .workspace-cycle-strip.is-album-capacity .workspace-cycle-mode-copy { justify-self: start; }
}

/* Task 953 final cascade: distinct AI-assist/refine controls, Concept history, and polished direction scrolling. */
.workspace-assisted-input input { padding-right: 68px; }
.workspace-assisted-input button {
  top: 3px; right: 4px; width: 48px; height: 48px; border-color: #ded2f0; border-radius: 50%;
  background: #f7f1ff; box-shadow: 0 7px 18px rgba(220,101,196,.16);
}
.workspace-assisted-input button svg,.workspace-direction-generate svg { width: 28px; height: 28px; }
.studio-assist-icon--sparkle {
  overflow: visible; fill: currentColor !important; stroke: none !important;
  filter: drop-shadow(2px 3px 3px rgba(227,103,195,.3));
}
.studio-assist-icon--sparkle .studio-assist-sparkle-accent { opacity: .62; }
.studio-assist-icon--regenerate {
  fill: none !important; stroke: currentColor !important; stroke-width: 1.9 !important;
  stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(1px 2px 2px rgba(107,67,216,.18));
}
.workspace-direction-editor textarea {
  padding-right: 22px; padding-bottom: 66px; scrollbar-color: #9c83dc #f6f1fb; scrollbar-width: thin;
}
.workspace-direction-editor textarea::-webkit-scrollbar { width: 11px; }
.workspace-direction-editor textarea::-webkit-scrollbar-track { border-radius: 999px; background: #f6f1fb; }
.workspace-direction-editor textarea::-webkit-scrollbar-thumb {
  border: 2px solid #f6f1fb; border-radius: 999px; background: linear-gradient(180deg,#ae95e8,#8f72d2);
}
.workspace-direction-editor > .workspace-direction-generate {
  right: 28px; bottom: 11px; min-height: 44px; padding-inline: 14px; border-color: #ded2f0;
  border-radius: 12px; background: #f7f1ff; box-shadow: 0 9px 22px rgba(220,101,196,.16);
}
.workspace-direction-editor > .workspace-direction-generate svg { flex: 0 0 28px; }
.workspace-step-actions { grid-template-columns: 120px auto minmax(0,1fr) 170px; }
.workspace-step-actions > .workspace-step-copy { display: grid; grid-column: 3; justify-items: center; }
.workspace-step-actions > .workspace-concept-history {
  position: relative; display: flex; grid-column: 2; gap: 7px; align-items: center; justify-items: initial;
}

/* Keep the direction count in normal flow so scrolled text cannot pass beneath it. */
.workspace-direction-custom-panel > .workspace-direction-count {
  display: block;
  margin: 4px 0 2px;
  color: #817a88;
  font-size: .72rem;
  line-height: 1.35;
}
.workspace-artwork-credit-meter[data-mode="universal"] {
  grid-template-columns: 34px minmax(0, 1fr);
}
.workspace-artwork-credit-meter[data-mode="universal"] .workspace-artwork-credit-meter-copy { display: none; }
.workspace-artwork-credit-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; min-width: 0; }
.workspace-artwork-credit-metrics[hidden] { display: none; }
.workspace-artwork-credit-metrics > span { display: grid; gap: 3px; min-width: 0; padding: 7px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; background: rgba(255,255,255,.055); }
.workspace-artwork-credit-metrics small { color: rgba(255,255,255,.72); font-size: .61rem; font-weight: 800; letter-spacing: .045em; line-height: 1.25; text-transform: uppercase; }
.workspace-artwork-credit-metrics strong { color: #fff; font-size: .95rem; line-height: 1.25; overflow-wrap: anywhere; }
@media(max-width:540px) { .workspace-artwork-credit-metrics { grid-template-columns: 1fr; } }
.workspace-concept-history[hidden] { display: none !important; }
.workspace-concept-history > button {
  display: inline-flex; min-height: 42px; gap: 6px; align-items: center; justify-content: center; padding: 0 11px;
  border-color: #d4c9e5; color: #5d3fc0; background: #fff;
  transition: color 150ms ease,border-color 150ms ease,background 150ms ease,transform 150ms ease;
}
.workspace-concept-history > button svg {
  width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9;
  stroke-linecap: round; stroke-linejoin: round;
}
.workspace-concept-history > button:hover:not(:disabled),.workspace-concept-history > button:focus-visible:not(:disabled) {
  border-color: #8c62f6; color: #fff; background: #7350d9; outline: none; transform: translateY(-1px);
}
.workspace-concept-history > button:disabled {
  color: #aaa3b4; border-color: #ded9e2; background: #f0ede9; cursor: default; opacity: .72;
}
.workspace-concept-history-status {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);
  clip-path: inset(50%); white-space: nowrap;
}
.workspace-step-next { grid-column: 4; }
@media(max-width: 760px) {
  .workspace-step-actions { grid-template-columns: 88px minmax(88px,auto) minmax(120px,1fr); gap: 8px; }
  .workspace-step-actions > .workspace-step-copy { display: none; }
  .workspace-step-actions > .workspace-concept-history { display: flex; grid-column: 2; gap: 5px; }
  .workspace-concept-history > button { min-width: 40px; min-height: 44px; padding-inline: 8px; }
  .workspace-step-next { grid-column: 3; }
  .workspace-step-actions:has(.workspace-concept-history[hidden]) { grid-template-columns: 1fr 1fr; }
  .workspace-step-actions:has(.workspace-concept-history[hidden]) .workspace-step-next { grid-column: 2; }
}
@media(max-width: 480px) {
  .workspace-step-actions { grid-template-columns: 54px 88px minmax(112px,1fr); }
  .workspace-concept-history > button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .workspace-concept-history > button { width: 42px; padding: 0; }
}
@media(prefers-reduced-motion: reduce) {
  .workspace-concept-history > button,.workspace-assisted-input button,.workspace-direction-generate { transition: none; }
}

/* Voice-only arrangement: compact, keyboard-accessible, off by default. */
.workspace-voice-only { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 14px 0 20px; padding: 16px 18px; border: 1px solid #e5ddf7; border-radius: 12px; background: #faf8ff; }
.workspace-voice-only[hidden], .workspace-voice-only [hidden] { display: none !important; }
.workspace-voice-only-switch { display: inline-flex; align-items: center; gap: 9px; position: relative; cursor: pointer; font-size: 14px; }
.workspace-voice-only-switch input { position: absolute; opacity: 0; width: 40px; height: 26px; margin: 0; }
.workspace-voice-only-switch input + span { box-sizing: border-box; width: 40px; height: 24px; padding: 3px; border-radius: 20px; background: #aca5b8; transition: background .15s; }
.workspace-voice-only-switch input + span::after { content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; background: white; transition: transform .15s; }
.workspace-voice-only-switch input:checked + span { background: #7655d8; }
.workspace-voice-only-switch input:checked + span::after { transform: translateX(16px); }
.workspace-voice-only-switch input:focus-visible + span { outline: 3px solid #7655d8; outline-offset: 3px; }
.workspace-voice-only-switch input:disabled + span { opacity: .5; }
.workspace-voice-only-badge { padding: 3px 7px; border-radius: 6px; background: #ece6fa; color: #604490; font-size: 11px; font-weight: 700; }
.workspace-voice-only > small { flex-basis: 100%; color: #62596e; font-size: 12px; line-height: 1.45; }

/* Keep a saved Create draft covered until its fields and preview have settled. */
.workspace-draft-boot-screen { display: none; }
html[data-studio-draft-boot="loading"] body { overflow: hidden; }
html[data-studio-draft-boot="loading"] body > :not(.workspace-draft-boot-screen) { visibility: hidden !important; }
html[data-studio-draft-boot="loading"] .workspace-draft-boot-screen {
  position: fixed;
  z-index: 10030;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: radial-gradient(circle at 50% 35%, #fffdf9 0, #f6f2f9 58%, #eeeaf4 100%);
}
.workspace-draft-boot-card {
  width: min(100%, 450px);
  box-shadow: 0 24px 70px rgba(54, 40, 74, .16);
}
.workspace-draft-boot-card h1 {
  margin: 0;
  font-size: clamp(1.6rem, 5vw, 2rem);
  letter-spacing: -.045em;
  line-height: 1.04;
}
.workspace-draft-boot-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
}
.workspace-draft-boot-actions[hidden] { display: none; }
.workspace-draft-boot-actions button,
.workspace-draft-boot-actions a {
  padding: 10px 15px;
  border: 1px solid #7959d4;
  border-radius: 10px;
  color: #fff;
  background: #7959d4;
  font: inherit;
  font-size: .85rem;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.workspace-draft-boot-actions a { color: #6244bb; background: #fff; }
.workspace-draft-boot-actions :is(button, a):focus-visible { outline: 3px solid #5cbbd6; outline-offset: 3px; }
@media (max-width: 520px) {
  .workspace-draft-boot-card { width: min(100%, 344px); }
}

/* Draft library: compact paging, clear dates and unobstructed cover previews. */
.workspace-chooser-foot .workspace-cycle-link-purple { color: #b7a8ff; border-color: #8172ba; }
.workspace-cycle-link-purple span { margin-left: 5px; }
[data-resume-expand-mark] { font-size: 1.15rem; font-weight: 600; }
.workspace-cycle-heading-line { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.workspace-cycle-heading-line .workspace-eyebrow { margin: 0; }
.workspace-cycle-back { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 8px; border: 1px solid #d8cfeb; border-radius: 50%; color: #654bb1; background: #fffdfa; cursor: pointer; }
.workspace-cycle-back svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.workspace-cycle-back:hover { color: #4d328f; background: #eee8fc; }
.workspace-resume-draft-row { position: relative; min-width: 0; }
.workspace-resume-draft-row .workspace-resume-draft { min-width: 0; padding-right: 56px; transform: none; }
.workspace-resume-draft-row:hover .workspace-resume-draft,
.workspace-resume-draft-row:focus-within .workspace-resume-draft { border-color: rgba(223,255,98,.6); background: rgba(223,255,98,.08); }
.workspace-resume-delete { position: absolute; top: 50%; right: 12px; display: inline-grid; place-items: center; width: 32px; height: 32px; min-height: 32px; padding: 4px; border: 1px solid rgba(185,79,87,.28); border-radius: 50%; color: #da3833; background: rgba(185,79,87,.07); cursor: pointer; opacity: 0; transform: translateY(-50%) scale(.86); transition: opacity 150ms ease,transform 150ms ease,background 150ms ease; }
.workspace-resume-delete svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.workspace-resume-draft-row:hover .workspace-resume-delete,
.workspace-resume-draft-row:focus-within .workspace-resume-delete { opacity: 1; pointer-events: auto; transform: translateY(-50%) scale(1); }
.workspace-resume-delete:hover { border-color: #d99ba9; background: #49303c; }
.workspace-draft-card-visual .workspace-draft-kind-icon { top: auto; left: auto; right: 4px; bottom: 4px; width: 23px; height: 23px; min-width: 23px; border-radius: 7px; }
.workspace-draft-card-visual .workspace-draft-kind-icon svg { width: 15px; height: 15px; }
.workspace-draft-card-number { inset: 0; display: grid; place-items: center; padding-bottom: 8px; color: #fff; font-size: 1.45rem; font-weight: 800; line-height: 1; }
.workspace-draft-card-visual.has-image .workspace-draft-card-number { display: none; }
.workspace-draft-card-copy .workspace-draft-meta { display: flex; flex-wrap: wrap; gap: 3px 8px; margin-top: 4px; }
.workspace-draft-card-copy .workspace-draft-saved { color: #6943ac; font-weight: 650; }
.workspace-resume-draft .workspace-draft-saved { color: #c8bafb; font-weight: 650; }
.workspace-draft-pages { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 20px 22px; }
.workspace-draft-pages[hidden] { display: none; }
.draft-page-dots { display: inline-flex; align-items: center; }
.draft-page-dot,.draft-page-arrow { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #6246ac; font: inherit; cursor: pointer; }
.draft-page-dot i { width: 10px; height: 10px; border-radius: 99px; background: #d0c8df; transition: width .15s,background .15s; }
.draft-page-dot[aria-current=page] i { width: 28px; background: linear-gradient(90deg,#8d77e9,#629fae); }
.draft-page-dot:hover i { background: #967ddd; }
.draft-page-arrow { font-size: 1.15rem; background: #f4f0fa; }
.draft-page-arrow:disabled { color: #b9b0c7; background: transparent; cursor: default; }
.draft-page-caption { flex-basis: 100%; text-align: center; color: #71657f; font-size: .72rem; }
:is(.workspace-cycle-back,.workspace-resume-delete,.draft-page-dot,.draft-page-arrow):focus-visible { outline: 3px solid #9574e9; outline-offset: 3px; }
@media(max-width:620px) {
  .workspace-resume-draft-row .workspace-resume-draft > b:last-child { min-height: 0; padding-right: 0; }
  .workspace-draft-card-number { font-size: 1.25rem; }
  .workspace-draft-pages { padding-inline: 8px; }
}
@media(max-width:1180px),(hover:none),(pointer:coarse) {
  .workspace-resume-draft-row .workspace-resume-draft { padding-right: 64px; }
  .workspace-resume-delete { right: 10px; width: 44px; height: 44px; min-height: 44px; opacity: 1; pointer-events: auto; transform: translateY(-50%); }
}
@media(prefers-reduced-motion:reduce) { .draft-page-dot i,.workspace-resume-delete { transition: none; } }
/* Explicit Studio launcher: one practical entrance, with discovery kept separate. */
.studio-launcher { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 18px; padding: clamp(24px, 3vw, 40px) clamp(20px, 4vw, 60px) 36px; background: #f4f1ed; backdrop-filter: none; }
.studio-launcher .workspace-start-dialog { width: min(100%, 1280px); flex: 0 0 auto; max-height: none; overflow: visible; padding: clamp(28px, 3.4vw, 48px); gap: 26px; color: #201c27; background: #fffdfb; border: 1px solid #e5dfea; box-shadow: 0 18px 60px #30213e12; border-radius: 28px; }
.studio-launcher .workspace-start-dialog::before { display: none; }
.studio-launcher .workspace-start-heading { display: block; }
.studio-launcher .workspace-start-heading .preview-eyebrow,.studio-launcher-summary .preview-eyebrow { color: #7559cf; font-size: 12px; letter-spacing: .08em; }
.studio-launcher .workspace-start-heading h2 { color: #201c27; margin: 10px 0; font-size: clamp(30px, 4vw, 48px); line-height: 1.07; white-space: normal; }
.studio-launcher .workspace-start-heading > p:last-child { margin: 0; max-width: none; color: #71687d; font-size: 16px; }
.studio-launcher-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(28px, 4vw, 54px); align-items: center; }
.studio-launcher-choices { display: grid; gap: 14px; min-width: 0; margin: 0; padding: 0; border: 0; }
.studio-launcher-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.studio-launcher-choices label { position: relative; display: flex; align-items: center; gap: 20px; min-height: 114px; padding: 22px 24px; border: 1px solid #e1daec; border-radius: 16px; background: #fff; cursor: pointer; transition: background .15s, border-color .15s; }
.studio-launcher-choices label:has(input:checked) { background: #f0eafa; border-color: #997ae3; box-shadow: inset 5px 0 #8662d9, 0 0 0 1px #997ae326; }
.studio-launcher-choices label:has(input:focus-visible) { outline: 3px solid #8664d9; outline-offset: 3px; }
.studio-launcher-choices input { width: 24px; height: 24px; margin: 0 0 0 auto; cursor: pointer; flex: 0 0 auto; accent-color: #7655ce; }
.studio-launcher-icon { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 52px; color: #393045; }
.studio-launcher-icon svg { width: 44px; height: 44px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.studio-launcher-card-copy { min-width: 0; }
.studio-launcher-choices strong { display: block; color: #201c27; font-size: 22px; font-weight: 750; letter-spacing: -.025em; line-height: 1.25; }
.studio-launcher-choices small { display: block; margin-top: 4px; color: #736880; font-size: 16px; line-height: 1.45; }
.studio-launcher-choices em { display: inline-block; font-style: normal; font-size: 10px; color: #78668f; margin-top: 4px; }
.studio-launcher-summary { min-width: 0; padding: 10px 8px; }
.studio-launcher-summary h3 { margin: 12px 0; font-size: 32px; letter-spacing: -.025em; color: #201c27; }
.studio-launcher-summary p { margin: 0 0 24px; color: #71687d; font-size: 18px; line-height: 1.6; }
.studio-launcher-continue { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 16px 20px; border: 0; border-radius: 12px; background: #795bd9; color: #fff; font: inherit; font-weight: 750; font-size: 17px; min-height: 56px; cursor: pointer; box-shadow: 0 10px 24px #795bd92b; }
.studio-launcher-continue:hover { background: #684aca; }
.studio-launcher-links { display: flex; gap: 20px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.studio-launcher-links :is(a,button) { border: 0; padding: 6px 0; background: transparent; color: #7555bd; font: inherit; font-size: 14px; font-weight: 650; text-decoration: none; cursor: pointer; }
.studio-launcher-links :is(a,button):hover { text-decoration: underline; }
.studio-launcher-links button { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 12px 20px; border: 1px solid #e5d5e9; border-radius: 12px; background: #eee0f2; color: #644372; font-size: 16px; font-weight: 700; }
.studio-launcher-links button:hover { background: #e5d2ec; text-decoration: none; }
.studio-launcher-links button svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.studio-launcher .workspace-chooser-foot { border-color: #e8e1ee; padding-top: 20px; margin-top: 0; align-items: center; }
.studio-launcher .workspace-chooser-foot:has(.workspace-resume-split[hidden]):has([data-studio-draft-cap-notice][hidden]) { display: none; }
.studio-launcher .studio-launcher-cycle { flex: 0 0 auto; align-self: center; align-items: center; justify-content: center; }
.studio-launcher .studio-launcher-cycle button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 10px 18px; border: 0; background: transparent; color: #7150c0; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; text-decoration: none; }
.studio-launcher .studio-launcher-cycle button:hover { color: #563398; text-decoration: underline; }
.studio-launcher-cycle svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.studio-launcher .workspace-resume-split { border: 1px solid #d9cbed; background: #eee6fb; box-shadow: none; }
.studio-launcher :is(.workspace-resume-latest-draft,.workspace-resume-drafts) { background: #eee6fb; color: #583991; box-shadow: none; }
.studio-launcher .workspace-resume-latest-draft { border-color: #d9cbed; }
.studio-launcher .workspace-resume-drafts:hover { background: #e2d5f7; box-shadow: none; color: #583991; }
.studio-launcher .workspace-resume-drafts > b { background: #7555bd; color: #fff; }
.studio-launcher .workspace-resume-drafts-panel { background: #faf7ff; border-color: #ded4ef; box-shadow: none; }
.studio-launcher .workspace-resume-drafts-panel > header :is(span,strong) { color: #71549e; }
.studio-launcher .workspace-resume-drafts-panel > header button { background: #fff; color: #71549e; border-color: #d8ceeb; }
.studio-launcher .workspace-resume-drafts-list { scrollbar-color: #b4a2d0 #f2edf8; }
.studio-launcher .workspace-resume-draft { color: #28202f; background: #fff; border-color: #e0d7eb; }
.studio-launcher .workspace-resume-draft strong { color: #28202f; }
.studio-launcher .workspace-resume-draft small { color: #82738e; }
.studio-launcher .workspace-resume-draft :is(b,.workspace-draft-saved) { color: #7656a7; }
.studio-launcher .workspace-resume-draft-row:is(:hover,:focus-within) .workspace-resume-draft { background: #f2ecfb; border-color: #ad92d5; }
.studio-launcher .workspace-resume-delete:hover { background: #f8dce1; }
.studio-launcher [data-studio-draft-cap-notice] { color: #7656a7; }
.source-discovery-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.source-discovery-heading > div { min-width: 0; }
.source-discovery-upload { flex: 0 0 auto; align-self: flex-start; color: #7351bd !important; background: #f1ebfc !important; border-color: #ddd0f1 !important; }
[data-source-access-label] { display: inline-block; margin-left: 8px; padding: 3px 6px; border-radius: 6px; background: #f1ecfa; color: #7a688e; font-size: 11px; font-weight: 500; vertical-align: middle; }
.source-access-signin { display: inline-block; color: #7555bd; margin-right: 20px; }
.studio-launcher :is(a,button):focus-visible { outline: 3px solid #8664d9; outline-offset: 4px; }
@media(max-width:820px) {
 .studio-launcher { padding: 12px; }
 .studio-launcher .workspace-start-dialog { padding: 24px 18px; gap: 18px; border-radius: 22px; }
 .studio-launcher-grid { grid-template-columns: 1fr; gap: 16px; }
 .studio-launcher-choices label { min-height: 100px; padding: 16px 14px; gap: 14px; }
 .studio-launcher-icon { width: 36px; height: 44px; }
 .studio-launcher-icon svg { width: 36px; height: 36px; }
 .studio-launcher-choices strong { font-size: 19px; }
 .studio-launcher-choices small { font-size: 14px; }
 .studio-launcher-choices input { width: 22px; height: 22px; }
 .studio-launcher-summary { padding: 0; }
 .studio-launcher-summary > :is(.preview-eyebrow,h3) { display: none; }
 .studio-launcher-summary p { font-size: 14px; margin-bottom: 14px; }
 .studio-launcher .workspace-chooser-foot { gap: 14px; }
 .source-discovery-heading { display: block; }
 .source-discovery-upload { margin: 12px 0 24px; }
}
@media(prefers-reduced-motion:reduce) { .studio-launcher-choices label { transition: none; } }

.studio-launcher-choices input { color-scheme: light; }

/* Lyrics draft navigation and artist profile remain on the editor's dark surface. */
.workspace-lyrics-studio-editor-progress li { display: block; }
.workspace-lyrics-studio-editor-progress li > button { display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 8px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #eee8f3; text-align: left; cursor: pointer; font: inherit; }
.workspace-lyrics-studio-editor-progress button > span { display: grid; gap: 3px; }
.workspace-lyrics-studio-editor-progress button > b { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #9586a4; border-radius: 50%; font-size: 14px; }
.workspace-lyrics-studio-editor-progress li[data-state="ready"] button > b { color: #10241f; background: #71d2b3; border-color: #71d2b3; }
.workspace-lyrics-studio-editor-progress li[data-state="attention"] button > b { color: #fff; background: #a42d4a; border-color: #f494aa; }
.workspace-lyrics-studio-editor-progress li[data-state="attention"] small { color: #f6a5b8; }
.workspace-lyrics-studio-editor-progress li[data-current="true"] button { border-color: #9e79d5; background: #30233f; }
.workspace-lyrics-studio-editor-progress button:is(:hover,:focus-visible) { background: #30233f; outline: 2px solid #a783dc; outline-offset: 2px; }
.workspace-lyrics-studio-editor-footer { gap: 16px; flex-wrap: wrap; }
.workspace-lyrics-studio-editor-footer [data-lyrics-next-note] { flex: 1 1 260px; margin: 0; color: #c8bdd3; font: 14px/1.45 'Segoe UI',sans-serif; max-width: 760px; }
.creation-footer-actions { flex-wrap: wrap; }
.workspace-lyrics-studio-editor-footer [data-close-lyrics-studio-editor] { background: #29232f; color: #eee8f3; border: 1px solid #675775; }
.workspace-lyrics-studio-editor-footer [data-lyrics-journey-continue] { background: #6b419c; color: #fff; }
.lyrics-required-field dd { color: #f5a8b8 !important; }
.lyrics-next-help { padding: 18px; margin-bottom: 18px; border: 1px solid #725188; border-radius: 14px; background: #241b2c; color: #eee7f4; font: 14px/1.5 'Segoe UI',sans-serif; }
.lyrics-next-help p { color: #cdbed9; margin: 8px 0 12px; }
.lyrics-next-help > div { display: flex; flex-wrap: wrap; gap: 10px; }
.lyrics-next-help button { min-height: 44px; padding: 10px 14px; border: 1px solid #9370ab; border-radius: 10px; background: #3a2948; color: #f3eaf9; font: inherit; cursor: pointer; }
[data-creation-editor-panel][data-profile="artist"] { min-height: 0 !important; align-self: start; padding-bottom: 28px; }
[data-creation-editor-panel][data-profile="artist"] .workspace-assisted-label-copy { display: inline-flex; align-items: center; gap: 10px; }
[data-creation-editor-panel] .workspace-field-info { display: inline-grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; min-width: 24px; min-height: 24px; padding: 0; border-radius: 50%; font-size: 14px; line-height: 1; color: #ded0f0; background: #352641; border: 1px solid #846699; overflow: visible; }
[data-creation-editor-panel] .workspace-field-info:is(:hover,:focus-visible) { color: #fff; background: #493256; }
[data-creation-editor-panel] .workspace-field-info [role="tooltip"] { color: #eee8f3; background: #29202f; border-color: #846699; }
[data-creation-editor-panel] .workspace-artist-identity-input { display: flex; align-items: center; gap: 10px; }
[data-creation-editor-panel] .workspace-artist-identity-input input { min-width: 0; flex: 1; padding-right: 16px !important; }
[data-creation-editor-panel] .workspace-artist-identity-input > button { position: static; transform: none; flex: 0 0 auto; width: auto; min-width: 96px; min-height: 44px; padding: 8px 12px; gap: 8px; overflow: visible; }
[data-creation-editor-panel] .workspace-artist-identity-input > button > span { flex: 0 0 24px; width: 24px; height: 24px; font-size: 11px; }
[data-creation-editor-panel] .workspace-artist-identity-input > button > small { max-width: none; transform: none; opacity: 1; font-size: 13px; }
[data-creation-editor-panel] .workspace-owned-identity-picker { color-scheme: dark; background: #211a2a; border: 1px solid #6b537f; color: #f0eaf6; box-shadow: none; }
[data-creation-editor-panel] .workspace-owned-identity-title strong { color: #f0eaf6; }
[data-creation-editor-panel] .workspace-owned-identity-copy small,[data-creation-editor-panel] .workspace-owned-identity-picker-status { color: #cbb6e4; }
[data-creation-editor-panel] .workspace-owned-identity-controls select { background: #151119; color: #f0eaf6; border: 1px solid #87639f; }
[data-creation-editor-panel] .workspace-owned-identity-controls button { background: #684292; color: #fff; border: 1px solid #9f7dbd; }
[data-creation-editor-panel] .workspace-owned-identity-controls button.is-secondary { background: #2c2236; color: #eee7f6; }
[data-creation-editor-panel] button:disabled { opacity: .5; cursor: not-allowed; }
.lyrics-guidance-flash { animation: lyrics-guidance-pulse .65s ease-in-out 3; }
@keyframes lyrics-guidance-pulse { 50% { box-shadow: 0 0 0 3px #ef91aa; } }
@media(prefers-reduced-motion:reduce) { .lyrics-guidance-flash { animation: none; outline: 2px solid #ef91aa; outline-offset: 2px; } }
@media(max-width:600px) { .workspace-lyrics-studio-editor-footer { display: grid; gap: 8px; } .workspace-lyrics-studio-editor-footer [data-lyrics-next-note] { font-size: 12px; } .creation-footer-actions { display: flex; gap: 8px; } .workspace-lyrics-studio-editor-footer .creation-footer-actions > button { width: auto; flex: 1 1 110px; padding-inline: 10px; } [data-creation-editor-panel] .workspace-artist-identity-input { flex-wrap: wrap; } [data-creation-editor-panel] .workspace-artist-identity-input input { flex-basis: 100%; } }
.workspace-lyrics-studio-editor .workspace-lyrics-studio-editor-footer .creation-footer-actions [data-close-lyrics-studio-editor] { background: #29232f; color: #eee8f3; border-color: #675775; }
.workspace-lyrics-studio-editor .workspace-lyrics-studio-editor-footer .creation-footer-actions [data-lyrics-journey-continue] { background: #6b419c; color: #fff; border-color: #a47bbe; }
@media(max-width:600px) { .workspace-lyrics-studio-editor .workspace-lyrics-studio-editor-footer .creation-footer-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } .workspace-lyrics-studio-editor-footer [data-close-lyrics-studio-editor],.workspace-lyrics-studio-editor-footer [data-lyrics-journey-continue] { grid-column: span 1; } }

/* Reserve the alternate-version slot so each row keeps its controls aligned. */
.workspace-package-quick-review .workspace-package-track-actions .workspace-package-version-placeholder { display: inline-block; box-sizing: border-box; flex: 0 0 48px; pointer-events: none; }
@media (max-width: 900px) { .workspace-package-quick-review .workspace-package-track-actions .workspace-package-version-placeholder { flex-basis: 44px; } }

/* Track replacement keeps one fixed slot for every row action. */
.workspace-package-quick-review .workspace-package-track-actions { width: 448px; }
.workspace-package-matching-note { margin: 0 0 16px; color: #6b647d; font-size: 14px; }
.workspace-package-matching-note summary { cursor: pointer; width: fit-content; color: #7054dd; }
.workspace-package-matching-note p { max-width: 760px; margin: 8px 0; line-height: 1.5; }
.workspace-upload-file-notice { position: fixed; z-index: 10020; right: 24px; bottom: 24px; max-width: min(440px, calc(100vw - 48px)); padding: 14px 20px; border: 1px solid #d9d0eb; border-radius: 16px; background: #fff; color: #242033; box-shadow: 0 8px 36px #24203330; font-size: 15px; }
@media (max-width: 900px) { .workspace-package-quick-review .workspace-package-track-actions { width: auto; max-width: 100%; flex-wrap: wrap; } }

.workspace-package-inline-issue {
  flex-basis: 100%;
  grid-column: 1 / -1;
  margin: 0;
  color: #9a382c;
  font-size: .85rem;
  line-height: 1.5;
}

/* Server-attributed setup errors stay adjacent to the field being corrected. */
.studio-setup-invalid { outline: 2px solid #c52e49 !important; outline-offset: 4px; border-radius: 8px; }
[data-workspace-step].studio-setup-invalid { color: #ad233c !important; }
[data-setup-safety-note] { display: block; color: #ad233c; font-size: .9rem; font-weight: 600; margin-top: 8px; }

.studio-release-share { margin: 26px 0; text-align: left; }
.studio-release-share > strong { display: block; font-size: 1.25rem; margin-bottom: 16px; }
.studio-release-share-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.studio-release-share-actions a, .studio-release-share-actions button { display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; padding:14px; border:0; border-radius:50%; color:white; background:#14223b; text-decoration:none; cursor:pointer; }
.studio-release-share-actions .is-primary { width:auto; border-radius:999px; padding:14px 24px; gap:12px; background:#6436ee; font:inherit; font-weight:750; }
.studio-release-share-actions svg { width:24px; height:24px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.studio-release-share-actions button:disabled { opacity:.55; cursor:default; }
.studio-release-share > small { display:block; color:#777080; margin-top:12px; line-height:1.5; }
.studio-release-share-actions a:focus-visible, .studio-release-share-actions button:focus-visible { outline:3px solid #976bff; outline-offset:4px; }

/* Build details keep settlement readable inside the saved process panel. */
.workspace-build-details-panel { width:100%; max-width:540px; }
.workspace-build-current .workspace-build-process-live { display:block; margin-top:12px; color:#42384f; font-weight:650; line-height:1.5; }
.workspace-build-current .workspace-build-process-heartbeat { display:block; margin-top:8px; color:#716a7b; font-size:.72rem; line-height:1.5; }
.workspace-build-current [data-build-process-live]:empty,
.workspace-build-current [data-build-process-heartbeat]:empty { display:none; }
.workspace-build-details-panel .studio-credit-settlement { margin:14px 0 0; padding:18px; background:#eae7ee; border-color:#d3cbdc; color:#30263d; box-shadow:none; }
.workspace-build-details-panel .studio-credit-settlement h3 { color:#30263d; font-size:18px; }
.workspace-build-details-panel .studio-credit-settlement :is(.scs-eyebrow,.scs-state,.scs-note,.scs-details summary,.scs-items dt,.scs-items article>div>span,.scs-totals dt) { color:#62546f; }
.workspace-build-details-panel .studio-credit-settlement :is(.scs-totals dd,.scs-items dd,.scs-items article>div>strong) { color:#30263d; }
.workspace-build-details-panel .scs-totals>div { background:#f8f6fa; }
.workspace-build-details-panel .scs-state { border-color:#bcb0c9; }
.workspace-build-details-panel :is(.scs-details,.scs-items article) { border-color:#d1c9db; }
.workspace-build-details-panel .studio-credit-settlement .scs-warning { background:#fff2db; color:#694d2a; border-left-color:#bd934d; }
.workspace-build-details-panel .scs-details summary:focus-visible { outline-color:#8d61c9; }
.workspace-build-milestones [data-job-stages] { scrollbar-width:thin; scrollbar-color:#ada0c1 #ece7f2; }
.workspace-build-milestones [data-job-stages]::-webkit-scrollbar { height:9px; }
.workspace-build-milestones [data-job-stages]::-webkit-scrollbar-track { background:#ece7f2; border-radius:12px; }
.workspace-build-milestones [data-job-stages]::-webkit-scrollbar-thumb { background:#ada0c1; border:2px solid #ece7f2; border-radius:12px; }
.workspace-build-milestones [data-job-stages]:focus-visible { outline:2px solid var(--workspace-violet,#8c62f6); outline-offset:4px; }
@container studio-settlement (max-width:340px) {
  .workspace-build-details-panel .studio-credit-settlement .scs-totals { grid-template-columns:1fr; }
  .workspace-build-details-panel .scs-totals>div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; }
  .workspace-build-details-panel .scs-totals dt { min-height:0; }
  .workspace-build-details-panel .scs-totals dd { padding:0; white-space:nowrap; font-size:20px; }
}
/* A stale page is recoverable information, not a failed album. */
.workspace-backend-review[data-review-action="refresh"]{background:#f1eef7;border-color:#cfc5df;color:#3f3453;box-shadow:none}
.workspace-backend-review[data-review-action="refresh"] pre{color:#574c68}
/* A saved, explicit Build can continue across one Studio revision refresh. */
.studio-build-refresh { font-family:system-ui,sans-serif; width:min(560px,calc(100vw - 32px)); box-sizing:border-box; padding:32px; border:1px solid #b7a0e6; border-radius:22px; background:#171321; color:#fff; box-shadow:0 24px 80px #0008; text-align:center; max-height:calc(100dvh - 32px); overflow:auto; }
.studio-build-refresh::backdrop { background:#100b1dcc; }
.studio-build-refresh h2 { margin:0 0 16px; color:#fff; font-size:clamp(25px,5vw,36px); line-height:1.15; }
.studio-build-refresh p { color:#e4dbef; font-size:16px; line-height:1.55; }
.studio-refresh-countdown { display:block; color:#c6a9ff; font:800 88px/1.2 system-ui,sans-serif; font-variant-numeric:tabular-nums; margin:16px 0; }
.studio-refresh-countdown[hidden] { display:none; }
.studio-refresh-status { min-height:1.6em; }
.studio-refresh-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:24px; }
.studio-refresh-actions button { flex:1 1 180px; min-height:48px; padding:12px 16px; border:1px solid #ad96cd; border-radius:12px; background:#7d44ca; color:white; font-weight:700; font-size:16px; cursor:pointer; }
.studio-refresh-actions button:last-child { background:#2b2536; }
.studio-refresh-actions button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.scw-required-terms { border:1px solid #9782b5; border-radius:12px; padding:16px; margin:16px 0; }
.scw-required-terms legend { font-weight:700; padding:0 6px; }
.scw-required-terms label { display:flex; gap:12px; align-items:flex-start; padding:8px 0; font-size:14px; line-height:1.5; }
.scw-required-terms input { flex:0 0 20px; width:20px; height:20px; accent-color:#7d44ca; }
@media(max-width:400px) { .studio-build-refresh { padding:24px 18px; } }

/* Production estimates are independent of confirmed stage progress. */
.workspace-build-estimate { display:grid; grid-column:1 / -1; min-width:0; gap:.45rem; padding:1rem; margin:1rem 0; border:1px solid rgba(159,103,242,.36); border-radius:14px; background:rgba(130,87,195,.08); text-align:center; }
.workspace-build-estimate[hidden], .workspace-build-estimate [hidden] { display:none; }
.workspace-build-estimate [data-estimate-title] { font-weight:700; }
.workspace-build-estimate [data-estimate-value] { font-size:clamp(2rem,6vw,3rem); font-variant-numeric:tabular-nums; line-height:1.15; }
.workspace-build-estimate [data-estimate-note] { line-height:1.5; opacity:.85; }

/* Free album size stays distinct from monthly album allowance. */
.workspace-form input[name="trackCount"]:disabled, input[name="trackCount"]:disabled { opacity: .48; cursor: not-allowed; filter: grayscale(1); }
#track-count-range { display: block; margin-top: .5rem; color: var(--look-muted, #777481); font-size: .85rem; line-height: 1.45; }

[data-artist-image-panel][data-community-locked="true"] [hidden]{display:none!important}[data-artist-image-panel][data-community-locked="true"] [data-artist-image-slot]{opacity:1;cursor:default}
[data-artist-image-panel][data-community-locked="true"] [data-artist-image-slot]{border:0;background:#09080f;box-shadow:none;outline:0}
[data-artist-image-panel][data-community-locked="true"] [data-artist-image-slot]::before{display:none}

/* Removed upload tracks stay recoverable in place, without active-track controls. */
.workspace-package-quick-review .workspace-package-track-editor [data-upload-audio-track-row].is-removed {
  opacity: 1; background: #f2f2f4; border-color: #e0e0e5; color: #65616d;
}
.workspace-package-removed-track { margin: 0; padding: 0; border: 0; background: transparent; }
.workspace-package-removed-track > summary {
  display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 12px 24px;
  box-sizing: border-box; list-style: none; cursor: pointer; color: #65616d;
}
.workspace-package-removed-track > summary::-webkit-details-marker { display: none; }
.workspace-package-removed-track > summary > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.workspace-package-removed-track summary strong { font-size: 15px; font-weight: 600; }
.workspace-package-removed-track summary small { font-size: 13px; overflow-wrap: anywhere; }
.workspace-package-removed-mark { font-size: 22px; color: #8b8792; }
.workspace-package-removed-chevron { margin-left: auto; }
.workspace-package-removed-track[open] .workspace-package-removed-chevron { transform: rotate(180deg); }
.workspace-package-removed-content { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 0 24px 18px; }
.workspace-package-removed-content p { flex: 1 1 260px; margin: 0; font-size: 14px; color: #65616d; }
.workspace-package-quick-review .workspace-package-removed-content button.is-restore {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px;
  padding: 10px 18px; border: 1px solid #cdcad3; border-radius: 999px; background: #fff; color: #35313e;
}
.workspace-package-removed-content button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.workspace-package-quick-review .workspace-package-removed-content button.is-restore:hover { background: #e5e3e9; color: #211d2a; }
.workspace-package-removed-track > summary:focus-visible { outline: 3px solid #8a72cf; outline-offset: -4px; border-radius: 14px; }
html dialog[data-upload-remove-confirmation] [data-upload-remove-cancel],
html[data-upload-template="active"] dialog[data-upload-remove-confirmation] [data-upload-remove-cancel] { background: #e8e7eb; color: #292632; border: 0; }
html dialog[data-upload-remove-confirmation] [data-upload-remove-cancel]:hover,
html[data-upload-template="active"] dialog[data-upload-remove-confirmation] [data-upload-remove-cancel]:hover { background: #d9d7de; color: #211d2a; }
html dialog[data-upload-remove-confirmation] [data-upload-remove-confirm],
html[data-upload-template="active"] dialog[data-upload-remove-confirmation] [data-upload-remove-confirm] { background: #c92f3d; color: #fff; border: 0; }
html dialog[data-upload-remove-confirmation] [data-upload-remove-confirm]:hover,
html[data-upload-template="active"] dialog[data-upload-remove-confirmation] [data-upload-remove-confirm]:hover { background: #aa2030; color: #fff; }
@media (max-width:560px) {
  .workspace-package-removed-track > summary { padding-inline: 14px; }
  .workspace-package-removed-content { padding-inline: 14px; }
}