/* compAIser studio bar: the same markup and placement on every page.
   Each studio lends the bar its own dark ink; the studio colors stay constant
   so BAIch, DAIbussy and ShAIre are recognizable wherever they appear. */
.cmp-bar{
  --cmp-bg:#1c2723;--cmp-text:#efe9da;--cmp-dim:#efe9daa8;--cmp-hover:#ffffff12;--cmp-active:#ffffff1f;
  --cmp-baich:#e2a27c;--cmp-daibussy:#a7c6cc;--cmp-shaire:#dcbb78;
  --cmp-serif:Georgia,'Times New Roman',serif;--cmp-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  display:flex;align-items:center;gap:22px;height:46px;padding:0 42px;margin:0;
  background:var(--cmp-bg);color:var(--cmp-text);font:12px/1 var(--cmp-sans);
  -webkit-font-smoothing:antialiased;position:relative;z-index:5
}
.cmp-bar[data-current=baich]{--cmp-bg:#173c32}
.cmp-bar[data-current=daibussy]{--cmp-bg:#223d48}
.cmp-bar[data-current=shaire]{--cmp-bg:#23382d}
.cmp-bar a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.cmp-bar a:focus-visible{outline:2px solid var(--cmp-text);outline-offset:2px}
.cmp-home{display:flex;align-items:center;gap:9px;flex-shrink:0;padding:6px 4px 6px 0;border-radius:4px;color:var(--cmp-text)}
.cmp-triad{display:block;width:22px;height:22px;flex-shrink:0;overflow:visible}
.cmp-triad *{stroke:none}
.cmp-triad .cmp-stem{stroke:var(--cmp-text);stroke-width:1.3;stroke-linecap:round;fill:none}
.cmp-triad .cmp-n-baich{fill:var(--cmp-baich)}
.cmp-triad .cmp-n-daibussy{fill:var(--cmp-daibussy)}
.cmp-triad .cmp-n-shaire{fill:var(--cmp-shaire)}
.cmp-word{font:17px/1 var(--cmp-serif);letter-spacing:-.3px;color:var(--cmp-dim)}
.cmp-word b{font-weight:400;color:var(--cmp-text)}
.cmp-home:hover .cmp-word,.cmp-home[aria-current] .cmp-word{color:var(--cmp-text)}
.cmp-studios{display:flex;align-items:center;gap:4px;margin:0;padding:0 0 0 20px;list-style:none;border-left:1px solid #efe9da2e;
  min-width:0;overflow-x:auto;scrollbar-width:none}
.cmp-studios::-webkit-scrollbar{display:none}
.cmp-studios li{margin:0;padding:0;flex-shrink:0}
.cmp-studio{display:flex;align-items:baseline;gap:8px;padding:8px 13px 7px;border-radius:999px;color:var(--cmp-dim);white-space:nowrap;transition:background .15s,color .15s}
.cmp-studio:hover{background:var(--cmp-hover);color:var(--cmp-text)}
.cmp-studio[aria-current]{background:var(--cmp-active);color:var(--cmp-text)}
.cmp-name{font:15px/1 var(--cmp-serif);letter-spacing:-.2px;color:var(--cmp-text)}
.cmp-name b{font-weight:400}
.cmp-studio[data-studio=baich] .cmp-name b{color:var(--cmp-baich)}
.cmp-studio[data-studio=daibussy] .cmp-name b{color:var(--cmp-daibussy)}
.cmp-studio[data-studio=shaire] .cmp-name b{color:var(--cmp-shaire)}
.cmp-summary{font-size:11px;letter-spacing:.1px}
/* Streaming-only deployments (BAICH_DOWNLOADS=off) mark each studio page; hide its download controls. */
[data-downloads=off] .export-control,[data-downloads=off] .export,[data-downloads=off] .downloads{display:none!important}
/* Without collections (BAICH_COLLECTIONS=off) a piece is kept by its seed; hide each studio's collection. */
[data-collections=off] #tab-library,[data-collections=off] #panel-library,[data-collections=off] .collection-panel{display:none!important}
@media(max-width:1100px){.cmp-bar{padding:0 24px}}
@media(max-width:860px){.cmp-summary{display:none}.cmp-studio{padding:8px 11px 7px}}
@media(max-width:640px){.cmp-bar{padding:0 16px;gap:14px;height:44px}.cmp-studios{padding-left:12px;gap:2px}.cmp-studio{padding:8px 9px 7px}.cmp-name{font-size:14px}}
@media(max-width:480px){.cmp-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cmp-bar{gap:10px}}
@media(prefers-reduced-motion:reduce){.cmp-studio{transition:none}}