/* Independent square geometry: track-list length never sets the cover height. */
#reko-studio-v3 .cd-art { width:100%; min-width:0; }
#reko-studio-v3 .cd-experience[hidden],
#reko-studio-v3 .cd-fallback[hidden] { display:none; }
#reko-studio-v3 .cd-fallback>img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
#reko-studio-v3 .cd-static-inside { margin-top:1rem; }
#reko-studio-v3 .cd-static-inside summary { min-height:44px; cursor:pointer; }
#reko-studio-v3 .cd-static-inside img { display:block; width:100%; max-height:25rem; object-fit:contain; background:#f3eeee; }
#reko-studio-v3 .cd-toggle {
  display:block; width:100%; min-width:0; margin:0; padding:0 0 14px;
  border:0; border-radius:8px; background:transparent; color:#8e154f;
  font:inherit; line-height:1.5; text-align:center; cursor:pointer;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
#reko-studio-v3 .cd-stage {
  display:block; position:relative; width:100%; aspect-ratio:1;
  perspective:1200px; perspective-origin:50% 45%; isolation:isolate;
}
#reko-studio-v3 .cd-object {
  position:absolute; width:100%; top:0; left:0; aspect-ratio:1;
  transform-style:preserve-3d; transform:rotateX(8deg) rotateY(-13deg);
  transition:transform 950ms cubic-bezier(.22,.7,.2,1);
}
#reko-studio-v3 .cd-tray {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; transform:translateZ(0);
  filter:drop-shadow(0 16px 13px #26152026);
}
#reko-studio-v3 .cd-lid {
  display:block; position:absolute; inset:10% 6% 11% 15%;
  transform-style:preserve-3d; transform-origin:0 50%;
  transform:translateZ(5px) rotateY(0deg);
  transition:transform 1050ms cubic-bezier(.22,.7,.2,1);
}
#reko-studio-v3 .cd-cover-front,
#reko-studio-v3 .cd-cover-back {
  display:flex; position:absolute; inset:0; align-items:center; justify-content:center;
  padding:2.3%; border:2px solid #c2c7ca; border-radius:3px;
  background:#edf0f0; backface-visibility:hidden; -webkit-backface-visibility:hidden;
  box-shadow:inset 0 0 0 1px #ffffffb8,0 9px 20px #3021291c;
}
#reko-studio-v3 .cd-cover-front { transform:translateZ(1px); }
#reko-studio-v3 .cd-cover-front img {
  display:block; width:100%; height:100%; aspect-ratio:1; object-fit:contain;
}
#reko-studio-v3 .cd-cover-front::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(125deg,#ffffff1a,transparent 34%,transparent 61%,#ffffff14);
  box-shadow:inset 3px 0 4px #ffffff8c;
}
#reko-studio-v3 .cd-cover-back {
  transform:rotateY(180deg) translateZ(1px); flex-direction:column;
  padding:5%; background:radial-gradient(ellipse at 50% 44%,#fff 0%,#f3eeee 76%);
  color:#4a2b3c; container-type:inline-size;
}
#reko-studio-v3 .cd-inner-brand { flex:0 0 auto; font-size:clamp(.65rem,3.2cqw,1rem); font-weight:600; letter-spacing:.12em; }
#reko-studio-v3 .cd-portrait { display:block; flex:1 1 0%; min-height:0; width:100%; height:0; object-fit:contain; margin:3% 0; }
#reko-studio-v3 .cd-inner-title { flex:0 0 auto; font-size:clamp(1.1rem,9cqw,2.4rem); font-weight:650; line-height:1.2; letter-spacing:.1em; }
#reko-studio-v3 .cd-experience[data-open="true"] .cd-object { transform:translateX(22%) scale(.61) rotateX(8deg); }
#reko-studio-v3 .cd-experience[data-open="true"] .cd-lid { transform:translateZ(5px) rotateY(-155deg); }
#reko-studio-v3 .cd-action {
  display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap;
  min-height:44px; gap:14px; padding:5px 17px; border:1px solid #c7aeba;
  border-radius:999px; background:#fff9fc; font-size:.875rem;
}
#reko-studio-v3 .cd-action-icon { display:inline-block; font-size:1.125rem; }
#reko-studio-v3 .cd-toggle:hover .cd-action { border-color:#8e154f; background:#f6e8ef; }
#reko-studio-v3 .cd-toggle:focus-visible { outline:3px solid #004b98; outline-offset:4px; }
#reko-studio-v3 .cd-status {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}
#reko-studio-v3 .cd-art .rk-cover-caption { text-align:center; }
#reko-studio-v3 .cd-track-heading { padding:0 9px 16px; border-bottom:1px solid #d5d9dc; }
#reko-studio-v3 .cd-track-heading p { font-size:.75rem; letter-spacing:.08em; color:#8e154f; margin:0 0 6px; }
#reko-studio-v3 .cd-track-heading h2 { margin:0; }
#reko-studio-v3 .cd-track-note { margin:14px 9px 0; color:#566066; font-size:.875rem; }
.cd-preview-note { margin:0; padding:12px 24px; background:#f8eef3; color:#75405b; font:400 .875rem/1.6 system-ui,sans-serif; text-align:center; }
@media (max-width:760px) {
  #reko-studio-v3 .rk-album-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  #reko-studio-v3 .cd-art { max-width:480px; margin-inline:auto; }
  #reko-studio-v3 .cd-stage { perspective-origin:50% 30%; transition:aspect-ratio 1050ms cubic-bezier(.22,.7,.2,1); }
  #reko-studio-v3 .cd-lid { transform-origin:50% 100%; transform:translateZ(5px) rotateX(0deg); }
  #reko-studio-v3 .cd-cover-back { transform:rotateX(180deg) translateZ(1px); }
  #reko-studio-v3 .cd-experience[data-open="true"] .cd-stage { aspect-ratio:.56; }
  #reko-studio-v3 .cd-experience[data-open="true"] .cd-object { transform:none; }
  #reko-studio-v3 .cd-experience[data-open="true"] .cd-lid { transform:translateZ(5px) rotateX(-165deg); }
}
@media (prefers-reduced-motion:reduce) {
  #reko-studio-v3 .cd-stage,#reko-studio-v3 .cd-object,#reko-studio-v3 .cd-lid { transition:none; }
  #reko-studio-v3 .cd-object { transform:none; }
  #reko-studio-v3 .cd-experience[data-open="true"] .cd-object { transform:translateX(22%) scale(.61); }
  #reko-studio-v3 .cd-experience[data-open="true"] .cd-lid { transform:translateZ(5px) rotateY(-180deg); }
}
@media (max-width:760px) and (prefers-reduced-motion:reduce) {
  #reko-studio-v3 .cd-experience[data-open="true"] .cd-object { transform:none; }
  #reko-studio-v3 .cd-experience[data-open="true"] .cd-lid { transform:translateZ(5px) rotateX(-180deg); }
}
@media (forced-colors:active) {
  #reko-studio-v3 .cd-action { background:ButtonFace; border:1px solid ButtonText; color:ButtonText; }
  #reko-studio-v3 .cd-toggle:focus-visible { outline-color:Highlight; }
}
@media print {
  #reko-studio-v3 .cd-experience { display:none; }
  #reko-studio-v3 .cd-fallback[hidden] { display:block!important; }
  .cd-preview-note { display:none; }
}

/* Print and portrait layers use the supplied pixels; the originals are untouched. */
#reko-studio-v3 .cd-disc-print {
  display:block; position:absolute; left:14.25%; top:11.6%; width:76.1%; height:76.1%;
  object-fit:contain; transform:translateZ(2px); pointer-events:none;
  -webkit-mask-image:radial-gradient(circle closest-side at 50% 48.9%,transparent 19.6%,#000 20%,#000 97.7%,transparent 98.2%);
  mask-image:radial-gradient(circle closest-side at 50% 48.9%,transparent 19.6%,#000 20%,#000 97.7%,transparent 98.2%);
}
#reko-studio-v3 .cd-cover-back {
  display:block; padding:0; overflow:hidden;
  background:radial-gradient(ellipse at 85% 66%,#32232a 0%,#151417 47%,#0d0d0f 100%);
  color:#f9f4f5; border-color:#b8b5b8;
  box-shadow:inset 0 0 0 2px #f1eef322,0 9px 20px #3021291c;
}
#reko-studio-v3 .cd-cover-back::before {
  content:""; position:absolute; inset:4%; border:1px solid #ffffff18;
  pointer-events:none;
}
#reko-studio-v3 .cd-cover-back .cd-portrait {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  margin:0; object-fit:contain; object-position:right center;
}
#reko-studio-v3 .cd-cover-back .cd-inner-brand {
  position:absolute; top:8%; left:8%; z-index:1; max-width:40%;
  font-size:clamp(.6rem,3cqw,.95rem); font-weight:550; line-height:1.4;
  letter-spacing:.12em; text-align:left; color:#d6cbd0;
}
#reko-studio-v3 .cd-artist-name {
  display:block; position:absolute; top:29%; left:8%; z-index:1;
  font-size:clamp(1.6rem,12cqw,3.7rem); font-weight:650; line-height:1.1;
  letter-spacing:-.05em; text-align:left;
}
#reko-studio-v3 .cd-artist-name>span { color:#f35899; }
#reko-studio-v3 .cd-cover-back .cd-inner-title {
  position:absolute; top:44%; left:8%; z-index:1;
  font-size:clamp(.75rem,4.3cqw,1.3rem); font-weight:550; line-height:1.3;
  letter-spacing:.16em; color:#e5a7c1; text-align:left;
}
#reko-studio-v3 .cd-inner-axis {
  position:absolute; top:55%; left:8%; width:.5%; height:20%;
  background:linear-gradient(#f35899,#f3589933); z-index:1;
}
#reko-studio-v3 .cd-inner-caption {
  position:absolute; bottom:8%; left:8%; z-index:1; max-width:45%;
  font-size:clamp(.6rem,2.9cqw,.95rem); font-weight:500; line-height:1.5;
  letter-spacing:.055em; text-align:left; color:#e6dce0;
}
#reko-studio-v3 .cd-static-inside .cd-static-portrait { background:#151417; }
#reko-studio-v3 .cd-static-inside .cd-static-disc { background:#fff; }
#reko-studio-v3 .cd-static-inside>p { margin:12px 0; font-size:.875rem; }

/* Requested inner-cover sentence; existing artwork and geometry stay intact. */
#reko-studio-v3 .cd-artist-note {
  display:block; position:absolute; top:57%; left:12%; width:38%; z-index:1;
  font-size:clamp(.6rem,3cqw,.95rem); font-weight:500; line-height:1.5;
  letter-spacing:0; text-align:left; color:#e6dce0; overflow-wrap:break-word;
}

/* Printed artwork scales with the square cover, like the supplied cover image.
   Keep the descriptive text and all controls in rem so they still enlarge. */
#reko-studio-v3 .cd-cover-back .cd-inner-brand { font-size:3cqw; }
#reko-studio-v3 .cd-cover-back .cd-artist-name { font-size:12cqw; }
#reko-studio-v3 .cd-cover-back .cd-inner-title { font-size:4.3cqw; }
#reko-studio-v3 .cd-cover-back .cd-artist-note { font-size:3cqw; }
#reko-studio-v3 .cd-cover-back .cd-inner-caption { font-size:2.9cqw; }
#reko-studio-v3 .cd-art-text { margin:1rem 0; text-align:left; }
#reko-studio-v3 .cd-art-text summary { min-height:44px; padding:.5rem 0; font-size:1rem; cursor:pointer; }
#reko-studio-v3 .cd-art-text p { margin:.75rem 0; font-size:1rem; line-height:1.7; color:#433b40; }