/* Studio is one open library. Each unchanged source owns its silhouette;
   all five original identities and their animation owners remain peers. */
.studio-view.studio-surface[data-studio-view="launch"] {
  width:min(1360px,100%); padding:32px 48px 48px;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:32px 40px;
}
.studio-surface[data-studio-view="launch"] .studio-brand-art { width:min(100%,420px); }
.studio-launch-heading { min-width:0; margin:0; }
.studio-launch-heading h2 { margin:0; font-size:clamp(40px,5.2vw,76px); line-height:1; letter-spacing:-.055em; }
.studio-title-full { display:grid; gap:2px; }
.studio-title-full>span { color:var(--ink); }
.studio-title-full>span:last-child { color:#6031df; }
.studio-launch-heading .studio-launch-kicker { margin:0 0 18px; font-size:15px; font-weight:var(--weight-strong); letter-spacing:.09em; line-height:1.4; text-transform:uppercase; }
.studio-launch-heading .studio-launch-intent { margin:24px 0 0; max-width:29ch; font-size:23px; line-height:1.35; letter-spacing:-.015em; }
body[data-active-app="studio"][data-studio-view="launch"] .app-rail { display:block; }
body[data-active-app="studio"][data-studio-view="launch"] .rail-choice::after { display:none; }
/* The opening owns its color field. It cannot disappear with display:contents
   or stretch its color centers across the entire five-app library. */
body[data-active-app="studio"][data-studio-view="launch"] .app-shell { isolation:isolate; background:#fffefc; }
body[data-active-app="studio"][data-studio-view="launch"] .app-shell::before {
  content:""; position:absolute; z-index:-1; inset:0 0 auto; height:340px;
  pointer-events:none;
  background:
    linear-gradient(180deg,#fffefc,transparent 16%,transparent 68%,#fffefc),
    linear-gradient(90deg,#fffefc,transparent 8%,transparent 92%,#fffefc),
    radial-gradient(ellipse 66% 90% at 2% 44%,#31c8ff42,transparent 82%),
    radial-gradient(ellipse 64% 92% at 98% 20%,#ff9c4952,transparent 82%),
    radial-gradient(ellipse 64% 80% at 80% 90%,#ef57ad45,transparent 82%),
    radial-gradient(ellipse 62% 90% at 36% 86%,#7945ed3b,transparent 84%);
}
body[data-active-app="studio"][data-studio-view="launch"] .app-canvas { background:transparent; }
footer nav { display:flex; flex-wrap:wrap; column-gap:28px; }
footer nav a { font-size:16px; }

/* Open rows replace five painted chapter rectangles. Light belongs to each
   artifact, leaving the common reading and navigation surface continuous. */
.studio-launch-choices { gap:0; }
.studio-launch-product {
  display:grid; grid-template-columns:minmax(0,1fr); align-items:start;
  row-gap:18px; min-height:0; padding:32px 0; border:0; border-radius:0;
  background:none; isolation:isolate;
}
.studio-launch-product::before { content:none; }
.studio-launch-product+.studio-launch-product { border-top:1px solid var(--line); }
.studio-launch-choice {
  display:grid; grid-template-columns:144px minmax(0,1fr);
  grid-template-rows:auto auto; align-items:center; align-content:center;
  column-gap:28px; padding:0; width:fit-content; max-width:100%; border-radius:0;
}
.studio-launch-choice:hover { background:none; }
.studio-launch-choice:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.studio-launch-art.studio-product-icon { grid-row:1/4; width:144px; }
.studio-launch-name { font-size:40px; line-height:1.1; font-weight:var(--weight-strong); }
.studio-launch-purpose {
  margin:12px 0 0; font-size:28px; font-weight:var(--weight-semibold);
  line-height:1.18; letter-spacing:-.03em; text-wrap:pretty;
  color:var(--atmosphere-action-a);
}
.studio-launch-route-hint {
  display:flex; align-items:center; gap:10px; grid-column:2; margin-top:10px;
  color:var(--atmosphere-action-a); font-size:16px; font-weight:var(--weight-strong);
  line-height:1.3; text-decoration:underline;
  text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);
  text-underline-offset:5px;
}
.studio-launch-action {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  min-height:56px; padding:14px 18px; border-radius:14px;
  border:1px solid transparent;
  background:var(--atmosphere-action-a); color:#fff; font-size:18px;
  line-height:1.3; font-weight:var(--weight-strong);
}
.studio-launch-action>span { font-size:26px; line-height:1; flex:none; }
.studio-launch-action:hover { background:color-mix(in srgb,var(--atmosphere-action-a) 85%,#000); }
.studio-launch-action:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
@media(width <1100px) { .studio-launch-product>.studio-launch-action { display:none; } }

.studio-launch-evidence {
  --launch-proof-height:440px; position:relative; isolation:isolate;
  grid-column:1; grid-row:auto; align-self:start; min-width:0;
  container:studio-proof / inline-size;
}
.studio-launch-evidence::before {
  content:""; position:absolute; z-index:-1; inset:8% -24px 3%; pointer-events:none;
  background:
    radial-gradient(ellipse 70% 58% at 26% 44%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 82%),
    radial-gradient(ellipse 62% 62% at 86% 58%,color-mix(in srgb,var(--atmosphere-action-b) 13%,transparent),transparent 82%);
}
.studio-launch-evidence>figcaption { font-size:16px; margin:0 0 10px; line-height:1.4; color:#4e4657; }
.studio-example-scope { margin:0; border:0; }
.studio-example-scope>summary {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  min-height:44px; padding:0; font:inherit; color:inherit; list-style:none; cursor:pointer;
}
.studio-example-scope>summary>span:not(.studio-scope-symbol) { color:inherit; font:inherit; transform:none; }
.studio-example-scope>summary::-webkit-details-marker { display:none; }
.studio-scope-symbol {
  display:grid; place-items:center; width:28px; height:28px; flex:none;
  border:1px solid currentColor; border-radius:50%; color:var(--atmosphere-action-a);
  font-size:20px; line-height:1;
}
.studio-scope-symbol::before { content:"+"; }
.studio-example-scope[open] .studio-scope-symbol { transform:rotate(45deg); }
.studio-example-scope>summary:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.studio-example-scope>p {
  margin:4px 0 16px; padding:12px 0 0;
  border-top:1px solid color-mix(in srgb,var(--accent) 24%,transparent);
  font-size:16px; line-height:1.5; max-width:85ch; color:var(--ink);
}
.studio-launch-evidence .studio-inspect { display:flex; align-items:center; min-height:48px; padding:12px 14px; font-size:16px; }
.studio-launch-inspect,.studio-example-source {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-height:48px; font-size:16px; font-weight:var(--weight-strong);
  color:var(--atmosphere-action-a);
}
.studio-launch-evidence>.studio-example-source { width:100%; margin:8px auto 0; }
.studio-launch-comparison .capture-open { min-height:48px; font-size:16px; }
.studio-launch-proof { border-radius:16px; }

/* Read the original controls before their illustrative canvas. Both remain
   untouched source excerpts inside one captured workspace. */
.studio-launch-proof-comfy {
  display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  grid-template-rows:auto;
  align-items:center; gap:20px; height:auto; min-height:0; padding:20px;
}
.studio-launch-comfy-controls {
  position:static; grid-column:1; grid-row:1; width:auto; right:auto; bottom:auto;
  padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;
}
.studio-launch-comfy-artwork {
  position:relative; inset:auto; grid-column:2; grid-row:1;
  aspect-ratio:644/480; border-radius:10px;
}
.studio-launch-capture-controls { display:block; }
.studio-launch-capture-prompt { display:none; }
@container studio-proof (width <640px) {
  .studio-launch-proof-comfy { grid-template-columns:minmax(0,1fr); gap:0; padding:0; }
  .studio-launch-comfy-controls { grid-column:1; grid-row:1; }
  .studio-launch-comfy-artwork { grid-column:1; grid-row:2; border-radius:0; }
}

/* The actual listening lanes are the instrument, without an enclosing card. */
.studio-launch-evidence>.studio-proof-voice {
  --studio-proof-height:0px; min-height:0; height:auto;
  grid-template-columns:minmax(0,1fr); padding:0; gap:24px;
  border-radius:0; background:none;
}
.studio-launch-evidence .studio-audition-stage { justify-content:flex-start; flex-wrap:wrap; gap:14px 24px; }
.studio-launch-evidence .studio-audition-state { font-size:14px; line-height:1.35; text-align:left; }
.studio-launch-evidence .studio-proof-voice .audio-sample {
  display:grid; grid-template-columns:200px minmax(0,1fr); gap:20px; align-items:center;
}
.studio-launch-evidence .studio-proof-voice .audio-sample label { margin:0; min-height:0; font-size:21px; line-height:1.25; }
.studio-launch-evidence .audio-controls { margin:0; gap:18px; }
.studio-launch-evidence .audio-controls button { width:72px; height:72px; flex-basis:72px; }
.studio-launch-evidence .sample-wave { --wave-height:64px; }
.studio-launch-evidence [data-audio-time] { font-size:14px; }
.studio-launch-evidence .audio-controls[hidden],.studio-launch-evidence audio[hidden] { display:none!important; }
@container studio-proof (width <640px) {
  .studio-launch-evidence .studio-proof-voice .audio-sample { display:block; }
  .studio-launch-evidence .studio-proof-voice .audio-sample label { margin-bottom:10px; }
}

.studio-launch-replay-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px; margin-bottom:12px; }
.studio-task-action,.studio-launch-evidence .studio-audition-action {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:52px; padding:12px 20px; border:0; border-radius:10px;
  background:var(--atmosphere-action-a); color:#fff; font:inherit; font-size:18px;
  font-weight:var(--weight-strong); line-height:1.3; cursor:pointer;
}
.studio-task-action[hidden] { display:none!important; }
.studio-task-action:hover,.studio-launch-evidence .studio-audition-action:hover { filter:brightness(.94); }
.studio-task-action:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.studio-task-action[aria-pressed="true"],.studio-launch-evidence .studio-audition-action[aria-pressed="true"] {
  background:#fff; color:var(--atmosphere-action-a);
  box-shadow:inset 0 0 0 1px var(--atmosphere-action-a);
}
.studio-launch-proof-reactor {
  --launch-replay-height:max(320px,min(760px,calc(100svh - 300px)));
  display:block; width:min(100%,calc(var(--launch-replay-height)*588/1278));
  height:auto; aspect-ratio:588/1278; margin-inline:auto; background:#090a0b;
  transition:width 340ms cubic-bezier(.22,.8,.24,1),aspect-ratio 340ms cubic-bezier(.22,.8,.24,1);
}
.studio-launch-proof-reactor>video { display:block; width:100%; height:100%; object-fit:contain; }
.studio-launch-recorded-moments { display:none; position:absolute; inset:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
.studio-launch-proof-reactor.replay-enhanced:not(.replay-started):not(.replay-recovery) { width:100%; aspect-ratio:2/1; }
.studio-launch-proof-reactor.replay-enhanced:not(.replay-started):not(.replay-recovery)>.studio-launch-recorded-moments { display:grid; }
.studio-launch-replay-status { margin:12px 0; font-size:16px; line-height:1.4; color:var(--muted); }
.studio-launch-replay-controls>.studio-launch-replay-status { flex-basis:100%; margin:0; }
.studio-launch-replay-status:empty { display:none; }
.studio-launch-reactor-moment { aspect-ratio:1; }

.studio-launch-proof-edge { height:auto; grid-template-rows:auto auto auto auto auto; gap:16px; padding:0; border-radius:0; background:none; color:var(--ink); overflow:visible; }
.studio-launch-matchup { font-size:32px; }
.studio-launch-proof-edge>.studio-source-link { width:100%; height:auto; aspect-ratio:644/220; justify-self:center; overflow:hidden; border-radius:16px; }
.studio-launch-capture-board { width:100%; height:auto; aspect-ratio:644/220; }
.studio-launch-proof-edge .edge-recorded-reading { margin:0; padding:0 0 18px; border-top:0; border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,transparent); }
.studio-launch-proof-edge .edge-recorded-reading dl>div:first-child { border-right-color:color-mix(in srgb,var(--accent) 24%,transparent); }
.studio-edge-original-label { margin:0; color:var(--muted); font-size:16px; line-height:1.35; }
.studio-launch-match-context { font-size:20px; }
.studio-launch-comparison.image-proof-pair.evidence-comparison-enhanced { width:min(100%,720px); margin-inline:auto; }
.studio-launch-comparison .evidence-comparison-label,
.studio-launch-comparison .image-proof-frame>figcaption { font-size:16px; }
.studio-launch-comparison.image-proof-pair[data-evidence-result-first].evidence-comparison-enhanced { width:min(100%,max(300px,calc((100svh - 320px) * .672857))); }

/* Every product uses the same simultaneous identity/task/evidence relationship.
   The sources retain different aspect ratios and normal document scrolling. */
@media(width >=1100px) {
  .studio-launch-product {
    grid-template-columns:clamp(280px,23vw,320px) minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr); column-gap:40px; row-gap:18px;
    padding:32px 0;
  }
  .studio-launch-choice {
    grid-column:1; grid-row:1; width:100%;
    grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto;
    align-items:start; align-content:start; gap:14px;
  }
  .studio-launch-art.studio-product-icon { grid-column:1; grid-row:auto; }
  .studio-launch-name { grid-column:1; grid-row:auto; font-size:34px; line-height:1.08; }
  .studio-launch-purpose { grid-column:1; grid-row:auto; margin:0; font-size:32px; line-height:1.12; }
  .studio-launch-route-hint { display:none; }
  .studio-launch-action { grid-column:1; grid-row:2; align-self:start; width:100%; min-width:0; }
  .studio-launch-evidence { grid-column:2; grid-row:1/3; }
  .studio-launch-comparison.image-proof-pair.evidence-comparison-enhanced { width:min(100%,720px,max(420px,calc((100svh - 420px)*1.5))); }
}

/* Reuse the ordinary five-peer navigation in the document on desktop/tablet. */
@media(width >=768px) {
  body[data-active-app="studio"][data-studio-view="launch"] { --dock-height:0px; }
  body[data-active-app="studio"][data-studio-view="launch"] .app-shell {
    display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
    align-items:start; gap:0 40px; width:min(1360px,100%);
    padding:32px 48px 48px; background:#fffefc;
  }
  body[data-active-app="studio"][data-studio-view="launch"] .app-shell::before {
    grid-area:1/1/3/-1; inset:-32px -48px 0; height:auto;
  }
  body[data-active-app="studio"][data-studio-view="launch"] :is(.app-canvas,.studio-view.studio-surface,.studio-launch-choices) { display:contents; }
  .studio-launch-product { grid-column:1/-1; }
  .studio-surface[data-studio-view="launch"]>.studio-brand-slot { grid-column:2; grid-row:1; align-self:center; }
  .studio-launch-heading { grid-column:1; grid-row:1; align-self:center; }
  body[data-active-app="studio"][data-studio-view="launch"] .app-rail {
    position:static; grid-column:1/-1; grid-row:2; z-index:auto;
    inset:auto; transform:none; width:100%; max-height:none;
    padding:16px 0; margin-block:24px; border:0; border-block:1px solid var(--line);
    border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; overflow:visible;
  }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-brand,
  body[data-active-app="studio"][data-studio-view="launch"] .rail-heading { display:none; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-items { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-choice { flex-direction:row; min-height:112px; padding:8px; gap:14px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-art { width:88px; flex-basis:88px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-copy { display:grid; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-copy strong { font-size:20px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-copy>span { display:block; font-size:13px; }
  body[data-active-app="studio"][data-studio-view="launch"] .dock-label { display:none; }
}
@media(1100px <= width <1200px) {
  body[data-active-app="studio"][data-studio-view="launch"] .rail-choice { gap:10px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-art { width:80px; flex-basis:80px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-copy strong { font-size:18px; }
  .studio-launch-product { column-gap:32px; }
}
/* On desktop the shared five choices belong to the opening, beside the
   original brain, rather than becoming another full-width introduction. */
@media(width >=1100px) {
  .studio-surface[data-studio-view="launch"]>.studio-brand-slot { grid-row:1/3; }
  .studio-launch-heading { align-self:end; }
  .studio-launch-heading h2 { font-size:clamp(36px,3.3vw,48px); line-height:1.05; }
  .studio-title-full { display:block; }
  .studio-title-full>span { display:inline; }
  .studio-launch-heading .studio-launch-kicker { margin-bottom:10px; }
  .studio-launch-heading .studio-launch-intent { max-width:none; margin-top:12px; }
  body[data-active-app="studio"][data-studio-view="launch"] .app-rail {
    grid-column:1; grid-row:2; padding:16px 0 0; margin-block:0 24px;
    border-block:0;
  }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-items { gap:12px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-choice {
    flex-direction:column; justify-content:flex-start; min-height:160px;
    padding:8px 0; gap:12px;
  }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-copy { text-align:center; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-copy>span { display:none; }
  .studio-launch-product:first-child { border-top:1px solid var(--line); }
}
@media(1100px <= width <1200px) {
  body[data-active-app="studio"][data-studio-view="launch"] .rail-items { gap:6px; }
}
@media(768px <= width <1100px) {
  body[data-active-app="studio"][data-studio-view="launch"] .app-shell { padding:24px; gap:0 28px; }
  body[data-active-app="studio"][data-studio-view="launch"] .app-shell::before { inset:-24px -24px 0; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-choice { flex-direction:column; justify-content:flex-start; min-height:142px; gap:8px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-art { width:80px; flex-basis:auto; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-copy { text-align:center; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-copy strong { font-size:18px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-copy>span { display:none; }
  .studio-launch-heading .studio-launch-intent { font-size:20px; margin-top:18px; }
  .studio-launch-heading .studio-launch-kicker { margin-bottom:14px; font-size:14px; }
  .studio-view.studio-surface[data-studio-view="launch"] { padding:24px; gap:28px; }
  .studio-launch-product {
    grid-template-columns:clamp(250px,30vw,280px) minmax(0,1fr);
    grid-template-rows:auto; padding:24px 0; gap:18px 24px;
  }
  .studio-launch-choice {
    grid-column:1; grid-row:1; grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto; align-items:start; align-content:start; gap:14px;
  }
  .studio-launch-art.studio-product-icon { grid-column:1; grid-row:auto; }
  .studio-launch-name,.studio-launch-purpose,.studio-launch-route-hint { grid-column:1; grid-row:auto; }
  .studio-launch-purpose { margin:0; }
  .studio-launch-route-hint { margin:0; }
  .studio-launch-evidence { grid-column:2; grid-row:1; }
  .studio-launch-name { font-size:36px; }
  .studio-launch-purpose { font-size:26px; }
}
@media(width <768px) {
  body[data-active-app="studio"][data-studio-view="launch"] { --dock-height:120px; }
  body[data-active-app="studio"][data-studio-view="launch"] .rail-choice { min-height:103px; }
  body[data-active-app="studio"][data-studio-view="launch"] .dock-label { display:flex; align-items:center; justify-content:center; font-size:14px; line-height:1.08; min-height:28px; }
  .studio-view.studio-surface[data-studio-view="launch"] { padding:0 16px 24px; gap:0; grid-template-columns:minmax(0,1fr); }
  .studio-surface[data-studio-view="launch"]>.studio-brand-slot { grid-column:1; grid-row:1; }
  .studio-surface[data-studio-view="launch"] .studio-brand-art { width:280px; max-width:100%; }
  .studio-launch-heading { grid-column:1; grid-row:2; text-align:center; padding:0 8px; }
  .studio-launch-heading h2 { margin:0; font-size:0; line-height:0; }
  .studio-launch-heading .studio-title-full { display:none; }
  .studio-launch-heading .studio-launch-kicker { display:none; }
  .studio-launch-heading .studio-launch-intent { display:block; max-width:31ch; margin:8px auto 0; font-size:18px; line-height:1.3; }
  .studio-launch-choices { grid-column:1; grid-row:3; margin:0; gap:0; }
  .studio-launch-product { padding:16px 0 24px; gap:16px; }
  .studio-launch-choice { grid-template-columns:120px minmax(0,1fr); grid-template-rows:auto auto; column-gap:16px; width:100%; }
  .studio-launch-art.studio-product-icon { width:120px; grid-row:1/4; margin:0; }
  .studio-launch-name { font-size:26px; line-height:1.1; }
  .studio-launch-purpose { font-size:22px; font-weight:var(--weight-medium); line-height:1.2; margin-top:8px; }
  .studio-launch-evidence { --launch-proof-height:300px; grid-row:auto; }
  .studio-launch-evidence::before { inset:12% -16px 4%; }
  .studio-launch-evidence>figcaption { font-size:16px; margin-bottom:8px; }
  .studio-launch-evidence>.studio-proof-voice { padding:0; gap:22px; }
  .studio-launch-evidence .studio-audition-stage { gap:8px; }
  .studio-launch-evidence .studio-proof-voice .audio-sample { display:block; }
  .studio-launch-evidence .studio-proof-voice .audio-sample label { font-size:18px; line-height:1.25; margin-bottom:10px; }
  .studio-launch-evidence .audio-controls { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:10px; }
  .studio-launch-evidence .audio-controls button { width:60px; height:60px; flex-basis:60px; }
  .studio-launch-evidence .sample-wave { --wave-height:56px; flex-basis:calc(100% - 70px); }
  .studio-launch-proof-reactor.replay-enhanced:not(.replay-started):not(.replay-recovery) { aspect-ratio:1; }
  .studio-launch-recorded-moments { grid-template-columns:minmax(0,1fr); }
  .studio-launch-replay-controls { align-items:stretch; gap:6px; }
  .studio-launch-replay-controls .studio-task-action { flex:1; }
  .studio-launch-proof-edge { height:auto; padding:0; gap:14px; }
  .studio-edge-original-label { font-size:14px; }
  .studio-launch-proof-edge .edge-recorded-reading { padding-bottom:18px; }
  .studio-launch-matchup { font-size:25px; }
  .studio-launch-match-context { font-size:18px; }
  .studio-launch-comparison.image-proof-pair.evidence-comparison-enhanced { width:100%; }
  .studio-launch-comparison .evidence-comparison-label,
  .studio-launch-comparison .image-proof-frame>figcaption { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .studio-launch-proof-reactor { transition:none; } }
.motion-paused .studio-launch-proof-reactor { transition:none; }
@media(width <360px) {
  body[data-active-app="studio"][data-studio-view="launch"] .dock-label { font-size:13px; }
  .studio-launch-heading h2 { font-size:36px; }
  .studio-view.studio-surface[data-studio-view="launch"] { padding-inline:12px; }
  .studio-launch-choice { grid-template-columns:112px minmax(0,1fr); column-gap:12px; }
  .studio-launch-art.studio-product-icon { width:112px; }
  .studio-launch-name { font-size:22px; }
  .studio-launch-purpose { font-size:20px; }
  .studio-launch-evidence .sample-wave { flex:1; min-width:0; }
  .studio-launch-evidence::before { inset-inline:-12px; }
}

/* Studio opens as one instrument: original identity, equal choices, real evidence. */
body[data-studio-launcher-active="true"]{--dock-height:0px}
body[data-studio-launcher-active="true"] .app-shell{display:block;width:min(1440px,100%);padding:0;background:#fffefc}
body[data-studio-launcher-active="true"] .app-rail{display:none}
body[data-studio-launcher-active="true"] .app-canvas{background:transparent}
.studio-view.studio-surface[data-studio-launcher]{display:block;min-height:0;width:100%;padding:0 40px 44px;background:#fffefc}
.studio-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);align-items:center;gap:20px 48px;padding:32px 0 36px}
.studio-intro::before{content:"";position:absolute;z-index:-1;inset:0 -40px;pointer-events:none;background:radial-gradient(ellipse 60% 90% at 2% 50%,#87e1ff70,transparent 78%),radial-gradient(ellipse 48% 94% at 78% 56%,#be9aff70,transparent 80%),radial-gradient(ellipse 30% 72% at 100% 18%,#ffaf7a80,transparent 82%),linear-gradient(180deg,#fffefc00,#fffefc 96%)}
.studio-view.studio-surface[data-studio-launcher] .studio-brand-slot{display:block;grid-column:2;grid-row:1;min-width:0;align-self:center;padding:0;border:0}
.studio-view.studio-surface[data-studio-launcher] .studio-brand-zone{display:block}
.studio-view.studio-surface[data-studio-launcher] .studio-brand-art{width:min(100%,420px);max-width:none;margin:0 auto}
.studio-view.studio-surface[data-studio-launcher] .studio-opening-context{position:static;display:block;grid-column:1;grid-row:1;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;min-width:0}
.studio-opening-context h2{display:grid;gap:4px;margin:0;font-family:var(--font-display);font-size:clamp(40px,4.3vw,62px);line-height:1.06;letter-spacing:-.045em;font-weight:var(--weight-strong);text-wrap:balance}
.studio-opening-context h2>span:last-child{color:#5928b9}
.studio-opening-principle{max-width:39ch;margin:22px 0 0;font-size:22px;line-height:1.4;color:#50475c}
.studio-opening-about{display:inline-flex;align-items:center;gap:28px;min-height:44px;margin-top:16px;font-size:17px;font-weight:var(--weight-strong);color:#5928b9}
.studio-opening-about>span{font-size:24px}
.studio-collection{position:relative;min-width:0}
.studio-launcher-picks{--picker-gap:12px;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--picker-gap);padding:0 0 24px;margin:0;border-bottom:1px solid var(--line)}
.studio-launcher-picks::before{content:"";position:absolute;z-index:-1;left:0;top:0;width:calc((100% - 4 * var(--picker-gap)) / 5);height:calc(100% - 24px);border-radius:18px;background:color-mix(in srgb,var(--accent) 9%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 8px 22px color-mix(in srgb,var(--accent) 7%,transparent);transform:translateX(calc(var(--studio-selection-index,0) * (100% + var(--picker-gap))));transition:transform .42s cubic-bezier(.2,.85,.2,1)}
.studio-picker-choice{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 14px;min-width:0;min-height:112px;padding:8px;border-radius:18px;color:var(--ink);text-decoration:none;background:transparent}
.studio-picker-art{display:block;grid-column:1;grid-row:1/3;width:96px;min-width:0}
.studio-picker-name{font-size:19px;line-height:1.12;font-weight:var(--weight-strong);align-self:end}
.studio-picker-purpose{font-size:14px;line-height:1.3;color:var(--muted);align-self:start}
.studio-picker-choice[aria-current="true"] .studio-picker-name{color:var(--accent)}
.studio-picker-choice:not([aria-current="true"]) .app-icon canvas{opacity:.34}
.studio-picker-choice:hover .app-icon canvas,.studio-picker-choice:focus-visible .app-icon canvas{opacity:1}
.studio-picker-choice:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.studio-view.studio-surface[data-studio-launcher] .studio-product-stage{position:relative;isolation:isolate;display:block;min-width:0;min-height:calc(100svh - var(--header-height) - 180px);padding-top:28px}
.studio-view.studio-surface[data-studio-launcher] .studio-product-stage::before{content:"";position:absolute;z-index:-1;inset:0 -40px -44px;pointer-events:none;background:radial-gradient(ellipse 80% 90% at 100% 40%,color-mix(in srgb,var(--atmosphere-b) 24%,transparent),transparent 82%),radial-gradient(ellipse 90% 100% at 0 40%,color-mix(in srgb,var(--atmosphere-a) 28%,transparent),transparent 85%),#fffefc}
.studio-task-stage.studio-product.studio-launch-product{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.8fr);grid-template-rows:auto 1fr;gap:22px 40px;align-items:start;min-width:0;min-height:0;padding:0;border:0;background:none}
.studio-task-stage[hidden]{display:none!important}
.studio-task-heading{display:block;grid-column:1;grid-row:1;min-width:0;padding:0}
.studio-task-stage .studio-launch-choice{display:grid;grid-template-columns:136px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:18px 16px;width:100%;padding:0;border-radius:10px}
.studio-task-stage .studio-launch-art.studio-product-icon{grid-column:1;grid-row:1;width:136px}
.studio-task-stage .studio-product-name{display:contents}
.studio-opening-app-name{grid-column:2;grid-row:1;margin:0;font-size:24px;line-height:1.15;font-weight:var(--weight-strong);color:var(--ink)}
.studio-task-stage .studio-product-name .studio-opening-outcome{display:grid;grid-column:1/-1;grid-row:2;gap:1px;margin:0;font-family:var(--font-display);font-size:clamp(27px,2.45vw,35px);font-weight:var(--weight-strong);line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.studio-opening-outcome>span:last-child{color:var(--atmosphere-action-a)}
.studio-task-stage .studio-launch-action{display:flex;grid-column:1;grid-row:2;width:100%;max-width:none;min-height:56px;justify-self:start;align-self:start;margin:0;font-size:18px}
.studio-task-stage>.studio-launch-evidence{grid-column:2;grid-row:1/3;align-self:start;max-width:100%;width:100%;margin:0}
.studio-task-stage>.studio-launch-evidence>figcaption{margin:0 0 12px;font-size:15px;line-height:1.35}
.studio-task-stage .studio-launch-proof-comfy{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;padding:18px}
.studio-task-stage[data-product="aftertone"] .studio-proof-voice{padding:24px;border:1px solid #edc6df;border-radius:20px;background:linear-gradient(135deg,#fffafb,#f4edff)}
.studio-task-stage[data-product="iosamp"] .studio-launch-proof-reactor.replay-enhanced:not(.replay-started):not(.replay-recovery){width:100%}
.studio-task-stage[data-product="edge"] .studio-launch-proof-edge{gap:16px;padding:20px;border:1px solid #cce1d3;border-radius:18px;background:linear-gradient(140deg,#effff7,#f9f5d5)}
.studio-task-stage[data-product="edge"] .studio-launch-proof-edge>.studio-source-link,.studio-task-stage[data-product="edge"] .studio-launch-capture-board{height:auto;aspect-ratio:610/90}
.studio-edge-capability-context{display:grid;gap:16px;margin:0;padding-top:18px;border-top:1px solid #bedfca}
.studio-edge-capability-intro{margin:0;font-size:23px;line-height:1.25;font-weight:var(--weight-strong);color:#155c45}
.studio-edge-capability-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.studio-edge-capability-notes dt{margin:0 0 5px;font-size:19px;line-height:1.2;font-weight:var(--weight-strong)}
.studio-edge-capability-notes dd{margin:0;font-size:17px;line-height:1.4;color:#355347}
.studio-edge-capability-limit{margin:0;font-size:16px;line-height:1.4;color:#355347}
.studio-task-stage[data-product="image"] .studio-launch-comparison.image-proof-pair[data-evidence-result-first].evidence-comparison-enhanced{width:min(100%,480px);margin-inline:auto;gap:12px}
.studio-launch-comparison.image-proof-pair[data-evidence-result-first].evidence-comparison-enhanced>.studio-image-comparison-actions{grid-column:1;grid-row:1;justify-self:stretch;justify-content:center;margin:0;padding:4px;border:1px solid #e7c5ac;border-radius:14px;background:#fff9f3}
.studio-launch-comparison.image-proof-pair[data-evidence-result-first].evidence-comparison-enhanced>.evidence-view-pair{grid-column:1;grid-row:2}
.studio-image-comparison-actions button{flex:1;min-height:48px;font-size:18px}
@container studio-proof (width <640px){.studio-task-stage .studio-launch-proof-comfy{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.studio-task-stage .studio-launch-comfy-artwork{grid-column:1;grid-row:1;border-radius:0}.studio-task-stage .studio-launch-comfy-controls{grid-column:1;grid-row:2;padding:16px}}
@media(768px <= width <1200px){
 .studio-view.studio-surface[data-studio-launcher]{padding-inline:24px}
 .studio-intro{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;padding-block:28px}
 .studio-intro::before{inset-inline:-24px}
 .studio-opening-context h2{font-size:44px}
 .studio-opening-principle{font-size:20px}
 .studio-launcher-picks{--picker-gap:8px}
 .studio-picker-choice{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;gap:8px;padding:8px 4px}
 .studio-picker-art{grid-column:1;grid-row:1;width:88px}
 .studio-picker-name,.studio-picker-purpose{grid-column:1;grid-row:auto;text-align:center;align-self:start}
 .studio-picker-name{font-size:18px}
 .studio-task-stage.studio-product.studio-launch-product{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);column-gap:24px}
 .studio-task-stage .studio-launch-choice{grid-template-columns:112px minmax(0,1fr);gap:16px 12px}
 .studio-task-stage .studio-launch-art.studio-product-icon{width:112px}
 .studio-opening-app-name{font-size:22px}
 .studio-task-stage .studio-product-name .studio-opening-outcome{font-size:28px}
 .studio-view.studio-surface[data-studio-launcher] .studio-product-stage::before{inset-inline:-24px}
}
@media(width <768px){
 .studio-view.studio-surface[data-studio-launcher]{padding:0 16px 28px}
 .studio-intro{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:14px 12px;padding:18px 0 20px;align-items:center}
 .studio-intro::before{inset-inline:-16px;background:radial-gradient(ellipse 75% 90% at 100% 48%,#bd9aff72,transparent 80%),radial-gradient(ellipse 100% 100% at 0 24%,#87e1ff65,transparent 75%),radial-gradient(ellipse 50% 90% at 100% 0,#ffad7860,transparent 80%),linear-gradient(180deg,#fffefc00,#fffefc 96%)}
 .studio-view.studio-surface[data-studio-launcher] .studio-brand-slot{grid-column:2;grid-row:1;align-self:start}
 .studio-view.studio-surface[data-studio-launcher] .studio-brand-art{width:220px;max-width:none;margin-left:calc(100% - 220px);margin-right:0}
 .studio-view.studio-surface[data-studio-launcher] .studio-opening-context{display:contents}
 .studio-opening-context h2{grid-column:1;grid-row:1;font-size:25px;gap:5px;line-height:1.08;letter-spacing:-.045em;text-wrap:normal;align-self:start}
 .studio-opening-principle{grid-column:1/-1;grid-row:2;max-width:39ch;margin:0;font-size:18px;line-height:1.35;color:#50475c}
 .studio-opening-about{display:none}
 .studio-launcher-picks{--picker-gap:3px;padding-bottom:16px}
 .studio-launcher-picks::before{height:calc(100% - 16px);border-radius:12px}
 .studio-picker-choice{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;justify-items:center;gap:8px;padding:8px 1px;min-height:104px;border-radius:12px}
 .studio-picker-art{grid-column:1;grid-row:1;width:64px;max-width:100%}
 .studio-picker-name{grid-column:1;grid-row:2;font-size:14px;line-height:1.1;text-align:center;align-self:start}
 .studio-picker-purpose{display:none}
 .studio-view.studio-surface[data-studio-launcher] .studio-product-stage{min-height:calc(100svh - var(--header-height) - 155px);padding-top:20px}
 .studio-view.studio-surface[data-studio-launcher] .studio-product-stage::before{inset-inline:-16px;bottom:-28px}
 .studio-task-stage.studio-product.studio-launch-product{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:16px;padding:0}
 .studio-task-heading{grid-column:1;grid-row:1;padding:0}
 .studio-task-stage .studio-launch-choice{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto;gap:16px}
 .studio-task-stage .studio-launch-art.studio-product-icon{grid-column:1;grid-row:1;width:120px}
 .studio-task-stage .studio-product-name{display:block;grid-column:2;grid-row:1;min-width:0}
 .studio-opening-app-name{font-size:18px;margin-bottom:8px}
 .studio-task-stage .studio-product-name .studio-opening-outcome{font-size:25px;line-height:1.13}
 .studio-task-stage>.studio-launch-evidence{grid-column:1;grid-row:2}
 .studio-task-stage>.studio-launch-evidence>figcaption{font-size:14px;margin-bottom:10px}
 .studio-task-stage .studio-launch-action{grid-column:1;grid-row:3;width:100%;font-size:17px}
 .studio-task-stage[data-product="aftertone"] .studio-proof-voice{padding:18px 12px}
 .studio-task-stage[data-product="image"] .studio-launch-comparison.image-proof-pair[data-evidence-result-first].evidence-comparison-enhanced{width:100%}
 .studio-edge-capability-intro{font-size:21px}
 .studio-edge-capability-notes{grid-template-columns:1fr;gap:14px}
 .studio-image-comparison-actions button{font-size:17px}
}
@media(width <360px){
 .studio-view.studio-surface[data-studio-launcher]{padding-inline:12px}
 .studio-intro{grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:12px 8px}
 .studio-intro::before{inset-inline:-12px}
 .studio-opening-context h2{font-size:22px}
 .studio-view.studio-surface[data-studio-launcher] .studio-brand-art{width:190px;margin-left:calc(100% - 190px)}
 .studio-opening-principle{font-size:17px}
 .studio-view.studio-surface[data-studio-launcher] .studio-product-stage::before{inset-inline:-12px}
 .studio-picker-name{font-size:13px}
 .studio-picker-art{width:52px}
 .studio-task-stage .studio-launch-choice{grid-template-columns:112px minmax(0,1fr);gap:12px}
 .studio-task-stage .studio-launch-art.studio-product-icon{width:112px}
 .studio-task-stage .studio-product-name .studio-opening-outcome{font-size:23px}
 .studio-opening-app-name{font-size:16px}
 .studio-task-stage[data-product="edge"] .edge-recorded-reading dd{flex-direction:column;align-items:flex-start;gap:2px}
 .studio-task-stage[data-product="edge"] .edge-recorded-reading dd>span{margin:0}
}
@media(prefers-reduced-motion:reduce){.studio-launcher-picks::before{transition:none}}
.motion-paused .studio-launcher-picks::before{transition:none}

/* Make the studio and its business inbox easy to reach at every width. */
.studio-opening-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px;margin-top:16px;min-width:0}
.studio-opening-links .studio-opening-about{margin-top:0}
.studio-opening-email{display:inline-flex;align-items:center;gap:12px;min-height:44px;min-width:0;font-size:16px;line-height:1.4;font-weight:600;color:#51475f}
.studio-opening-email>span:first-child{min-width:0;overflow-wrap:anywhere}
.studio-opening-email>span:last-child{flex:none;font-size:22px;color:#5928b9}
.studio-opening-email:hover{color:#5928b9}
@media(width <768px){.studio-opening-links{grid-column:1/-1;grid-row:3;gap:0 20px;margin-top:0}.studio-opening-links .studio-opening-about{display:inline-flex;font-size:16px}.studio-opening-email{font-size:15px;gap:10px}}