/* JLJAM 7.15.1 · DESKTOP RAIL REPAIR
   The old 142px fixed rail did not accommodate global 26-32px reading text.
   This is a SCOPED visual change. Body copy / artist cards retain the chosen reading size. */
@media (min-width:1380px){
 body.clarity7140.studio7150 #app{
   --st-rail-width:clamp(224px,calc(152px + var(--jljam-readable-min,26px) + var(--jljam-readable-min,26px) + var(--jljam-readable-min,26px)),276px);
   --st-rail-left:clamp(12px,1.4vw,24px);
 }
 body.clarity7140.studio7150 #app .studio-rail:not([hidden]):not(.studio-suspended){
   box-sizing:border-box!important;top:83px!important;left:var(--st-rail-left)!important;
   width:var(--st-rail-width)!important;bottom:14px!important;
   padding:12px 11px 14px!important;gap:8px!important;
   overflow-x:hidden!important;overflow-y:auto!important;
   scrollbar-width:thin;scrollbar-color:#9b6ccc70 transparent;
   overscroll-behavior-y:contain;
 }
 body.clarity7140.studio7150 #app .shell{
   width:calc(100% - var(--st-rail-left) - var(--st-rail-width) - 36px)!important;
   margin-left:calc(var(--st-rail-left) + var(--st-rail-width) + 23px)!important;
   margin-right:12px!important;
   min-width:0!important;
 }
 body.clarity7140.studio7150 #app .studio-rail > *{flex-shrink:0;min-width:0;max-width:100%}
 body.clarity7140.studio7150 #app .studio-mark{width:38px!important;height:38px!important;margin:0 auto!important;border-radius:13px!important}
 body.clarity7140.studio7150 #app .studio-overline{
   font-size:clamp(16px,calc(var(--jljam-readable-min,26px) - 8px),22px)!important;
   line-height:1.25!important;letter-spacing:.04em!important;
   white-space:nowrap!important;overflow-wrap:normal!important;
   text-align:left!important;padding:2px 8px!important;
 }
 body.clarity7140.studio7150 #app .studio-links{gap:4px!important}
 body.clarity7140.studio7150 #app .studio-link{
   box-sizing:border-box!important;flex-direction:row!important;align-items:center!important;
   justify-content:flex-start!important;gap:12px!important;min-height:53px!important;
   padding:8px 13px!important;text-align:left!important;
   font-size:clamp(18px,calc(var(--jljam-readable-min,26px) - 5px),25px)!important;
   line-height:1.17!important;letter-spacing:-.015em!important;
   overflow-wrap:normal!important;word-break:keep-all!important;
 }
 body.clarity7140.studio7150 #app .studio-glyph{flex:0 0 28px;font-size:23px!important;text-align:center}
 body.clarity7140.studio7150 #app .studio-link-word{
   flex:1 1 auto!important;min-width:0!important;display:block!important;
   font-size:inherit!important;line-height:1.2!important;white-space:nowrap!important;
   overflow-wrap:normal!important;word-break:normal!important;
 }
 body.clarity7140.studio7150 #app .studio-artist-section{gap:5px!important}
 body.clarity7140.studio7150 #app .studio-artist-button{
   box-sizing:border-box!important;flex-direction:row!important;align-items:center!important;
   justify-content:flex-start!important;gap:9px!important;min-height:53px!important;
   width:100%!important;padding:8px 10px!important;
 }
 body.clarity7140.studio7150 #app .studio-artist-initial{flex:0 0 32px;width:32px;height:32px;font-size:17px!important}
 body.clarity7140.studio7150 #app .studio-active-artist{
   flex:1 1 auto!important;max-width:none!important;min-width:0!important;
   font-size:clamp(17px,calc(var(--jljam-readable-min,26px) - 7px),23px)!important;
   white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;
   text-align:left;line-height:1.2!important;
 }
 body.clarity7140.studio7150 #app .studio-chevron{position:static!important;flex:0 0 auto;font-size:17px!important}
 /* The picker must be inside the scrolling rail, not clipped to its right. */
 body.clarity7140.studio7150 #app .studio-artist-panel:not([hidden]){
   position:static!important;left:auto!important;bottom:auto!important;
   width:100%!important;max-height:255px!important;
   padding:7px!important;box-sizing:border-box!important;overflow:auto!important;
   box-shadow:none!important;margin-top:4px!important;
 }
 body.clarity7140.studio7150 #app .studio-artist-option{font-size:16px!important;min-height:44px!important}
 body.clarity7140.studio7150 #app .studio-bottom-actions{
   gap:5px!important;margin-top:auto!important;flex-shrink:0!important;
 }
 body.clarity7140.studio7150 #app .studio-action{
   box-sizing:border-box!important;justify-content:flex-start!important;
   min-height:47px!important;padding:7px 12px!important;
   font-size:clamp(17px,calc(var(--jljam-readable-min,26px) - 7px),23px)!important;
   line-height:1.15!important;white-space:nowrap!important;
   overflow-wrap:normal!important;gap:10px!important;
 }
 body.clarity7140.studio7150 #app .studio-action b{font-size:inherit!important;white-space:nowrap!important;word-break:normal!important}
 body.clarity7140.studio7150 #app .studio-action>span{font-size:22px!important;min-width:25px;text-align:center}
}
/* Medium desktop does not have enough width for a wide rail AND generous artists. Use the existing horizontal workspace bar. */
@media (min-width:1180px) and (max-width:1379px){
 body.clarity7140.studio7150 #app .studio-rail{display:none!important}
 body.clarity7140.studio7150 #app #clarityWorkspaceBar:not([hidden]){display:flex!important}
 body.clarity7140.studio7150 #app .shell{
    width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;
    margin:0 auto!important;min-width:0!important;
 }
}
@media (min-width:1380px) and (max-height:710px){
 body.clarity7140.studio7150 #app .studio-link{min-height:46px!important;padding-block:5px!important}
 body.clarity7140.studio7150 #app .studio-rail:not([hidden]){gap:5px!important}
 body.clarity7140.studio7150 #app .studio-bottom-actions{gap:4px!important}
}
@media (prefers-reduced-motion:reduce){body.studio7150 #app .studio-rail *{scroll-behavior:auto!important}}