/* JLJAM 7.15.0 · STUDIO FLOW. Only for signed-in management views. */
body.clarity7140.studio7150{--st-ice:#f4e5ff;--st-lav:#bda5e6;--st-line:rgba(205,173,255,.24);--st-glow:#9e53f4}
body.studio7150 #app .studio-rail{display:none;box-sizing:border-box}
body.studio7150 #app .studio-context{display:none;box-sizing:border-box}
body.studio7150 #app .studio-rail[hidden],body.studio7150 #app .studio-context[hidden]{display:none!important}
/* Desktop uses a real 5-workspace studio rail instead of duplicating horizontal navigation. */
@media (min-width:1180px){
 body.clarity7140.studio7150 #app #clarityWorkspaceBar{display:none!important}
 body.clarity7140.studio7150 #app .studio-rail:not([hidden]):not(.studio-suspended){display:flex;flex-direction:column;gap:12px;position:fixed;top:83px;left:clamp(12px,1.5vw,27px);bottom:18px;width:142px;padding:14px 10px 12px;z-index:80;border:1px solid var(--st-line);border-radius:28px;background:linear-gradient(160deg,rgba(49,27,82,.96),rgba(16,11,31,.98) 55%,rgba(23,11,39,.97));box-shadow:0 22px 56px #05031080,inset 0 1px #ffffff33;backdrop-filter:blur(20px);overflow:visible}
 body.clarity7140.studio7150 #app .shell{width:calc(100% - 184px)!important;max-width:1620px!important;margin-left:174px!important;margin-right:10px!important;min-width:0!important}
 body.clarity7140.studio7150 #app .studio-mark{width:49px;height:49px;margin:1px auto 1px;border-radius:17px;display:grid;place-items:center;font:900 16px/1 system-ui;color:white;letter-spacing:-.06em;background:linear-gradient(145deg,#bb86f5,#6d35bd);box-shadow:inset 0 2px #ffffff75,0 8px 25px #894cc782}
 body.clarity7140.studio7150 #app .studio-overline{display:block;font:800 9px/1.3 system-ui;color:#bda6d9;letter-spacing:.11em;text-align:center}
 body.clarity7140.studio7150 #app .studio-links{display:flex;flex-direction:column;gap:6px}
 body.clarity7140.studio7150 #app .studio-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:65px;background:transparent;border:1px solid transparent;border-radius:17px;color:#d3c2e7;cursor:pointer;padding:8px 4px;font:780 12px/1.1 system-ui;transition:background .18s,transform .18s,border-color .18s}
 body.clarity7140.studio7150 #app .studio-link:hover{background:rgba(255,255,255,.09)}
 body.clarity7140.studio7150 #app .studio-link.active{background:linear-gradient(135deg,#975be4,#63359b);border-color:#e8ccff8a;color:white;box-shadow:inset 0 1px #ffffff66,0 6px 17px #723baf5a}
 body.clarity7140.studio7150 #app .studio-glyph{font:600 23px/1 system-ui}
 body.clarity7140.studio7150 #app .studio-link-word{display:block}
 body.clarity7140.studio7150 #app .studio-divider{height:1px;background:linear-gradient(90deg,transparent,#c5a2ef66,transparent);margin:0 5px}
 body.clarity7140.studio7150 #app .studio-artist-section{display:flex;flex-direction:column;gap:7px;position:relative}
 body.clarity7140.studio7150 #app .studio-artist-button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:81px;padding:7px 3px;background:#ffffff0d;border:1px solid #d7b1ff3a;border-radius:18px;color:#f8efff;cursor:pointer}
 body.clarity7140.studio7150 #app .studio-artist-initial{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(130deg,#503579,#33234b);border:1px solid #e0c7f64a;font:850 16px/1 system-ui}
 body.clarity7140.studio7150 #app .studio-active-artist{font:760 11px/1.2 system-ui;white-space:nowrap;max-width:115px;overflow:hidden;text-overflow:ellipsis}
 body.clarity7140.studio7150 #app .studio-chevron{position:absolute;right:8px;bottom:9px;font-size:13px;color:#e7c3ff}
 body.clarity7140.studio7150 #app .studio-artist-panel:not([hidden]){display:flex;flex-direction:column;gap:6px;position:absolute;left:calc(100% + 13px);bottom:-25px;width:210px;max-height:360px;overflow:auto;background:#21132f;border:1px solid #caa6f29e;border-radius:17px;padding:11px;box-shadow:0 15px 50px #0009;z-index:110}
 body.clarity7140.studio7150 #app .studio-artist-option{min-height:45px;text-align:left;font:700 14px/1.2 system-ui;border-radius:12px;border:1px solid #d8b9ff2b;background:#ffffff0d;color:#f5e6ff;padding:10px;cursor:pointer}
 body.clarity7140.studio7150 #app .studio-artist-option.current{background:#7741b7;border-color:#d6a7ff}
 body.clarity7140.studio7150 #app .studio-artist-message{font:450 12px/1.3 system-ui;color:#cbb5df}
 body.clarity7140.studio7150 #app .studio-bottom-actions{display:flex;flex-direction:column;gap:5px;margin-top:auto}
 body.clarity7140.studio7150 #app .studio-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;background:#ffffff0a;border:1px solid #c6a6e53b;border-radius:13px;color:#efe2ff;cursor:pointer;font:700 12px/1.15 system-ui}
 body.clarity7140.studio7150 #app .studio-action>span{font-size:18px}
 body.clarity7140.studio7150 #app .studio-context:not([hidden]):not(.studio-suspended):not(.studio-home){display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:17px;padding:17px 24px;margin:4px 0 15px;border-radius:26px;background:radial-gradient(ellipse 62% 210% at 100% 0%,#8b4cc83b,transparent),linear-gradient(125deg,#321d52d9,#1b142bcf);border:1px solid #cfadf646;box-shadow:inset 0 1px #fff3,0 16px 33px #08030e3f}
 body.clarity7140.studio7150 #app .studio-context-title{min-width:0;display:grid;gap:2px}
 body.clarity7140.studio7150 #app .studio-context-overline{font:800 11px/1.1 system-ui;letter-spacing:.13em;color:#cdb1e8}
 body.clarity7140.studio7150 #app .studio-context h1{font:850 clamp(25px,2.5vw,38px)/1.1 system-ui;color:#fff;letter-spacing:-.05em;margin:2px 0}
 body.clarity7140.studio7150 #app .studio-context-desc{font:500 14px/1.35 system-ui;color:#cbb9e5;margin:0}
 body.clarity7140.studio7150 #app .studio-context-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
 body.clarity7140.studio7150 #app .studio-context-actions>button{min-height:46px;padding:11px 15px;border:1px solid #d3b5f779;background:#ffffff14;border-radius:14px;color:#fff;font:800 14px/1 system-ui;cursor:pointer}
 body.clarity7140.studio7150 #app .studio-context-actions>button:last-child{background:linear-gradient(130deg,#8652cc,#573299)}
 body.clarity7140.studio7150 #app .studio-artist-pill{font:750 13px/1.3 system-ui;color:#e4d2f2;border:1px solid #caaaf349;border-radius:13px;padding:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* Portraits: beautiful and large on desktop, swipeable without vertical stacking on touch screens. */
body.studio7150 #app .jljam-easy .ej-portrait-showcase{background:radial-gradient(ellipse at 18% -20%,#bd89ff40,transparent 52%),linear-gradient(137deg,#4d296ee0,#221536ed 76%)!important;border:1px solid #d5adff74!important}
body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-person{transition:transform .22s ease,box-shadow .22s ease!important;transform:translateZ(0)}
body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-person:hover{transform:translateY(-3px) scale(1.007)!important;box-shadow:0 18px 40px #0008,0 0 23px #a667f04b!important}
body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-person:focus-visible{outline:3px solid #f9dbff!important;outline-offset:3px!important}
body.studio7150 #app .studio-gallery-controls{display:none;align-items:center;gap:5px;margin-left:auto}
body.studio7150 #app .studio-gallery-count{font:850 12px/1 system-ui;color:#eee1ff;white-space:nowrap;margin-right:6px}
body.studio7150 #app .studio-gallery-controls button{min-height:44px;min-width:44px;border-radius:13px;border:1px solid #d6b2ff78;background:#ffffff21;color:#fff;font:750 20px/1 system-ui;cursor:pointer}
body.studio7150 #app .studio-gallery-controls button:disabled{opacity:.37}
body.studio7150 #app .cl-pulse-stats button{display:inline-flex;align-items:baseline;justify-content:center;gap:8px;padding:9px 12px;border-radius:13px;border:1px solid #e0caff38;background:#ffffff10;color:#e4d1f1;font:750 13px/1.2 system-ui;cursor:pointer;min-height:46px;white-space:nowrap}
body.studio7150 #app .cl-pulse-stats button b{font:900 20px/1 system-ui;color:#fff}
body.studio7150 #app .cl-pulse-stats button:focus-visible,body.studio7150 #app .studio-rail button:focus-visible{outline:3px solid #ffeaff!important;outline-offset:3px!important}
@media (min-width:1180px) and (max-height:900px){body.clarity7140.studio7150 #app .studio-link{min-height:52px}body.clarity7140.studio7150 #app .studio-rail:not([hidden]){gap:7px}body.clarity7140.studio7150 #app .studio-mark{height:39px;width:39px}}
@media (min-width:761px) and (max-width:1179px){body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-roster-strip{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(230px,44%)!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:3px 3px 12px;scrollbar-width:thin}body.studio7150 #app .studio-gallery-controls{display:flex!important}}
@media (max-width:760px){
 body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-roster-strip{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(min(230px,74%),74%)!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:3px;padding:3px 3px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-roster-strip::-webkit-scrollbar{display:none}
 body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-person{scroll-snap-align:start!important;min-height:0!important;aspect-ratio:.87/1!important}
 body.studio7150 #app .studio-gallery-controls{display:flex!important}
 body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-roster-title{display:flex!important;flex-wrap:wrap!important;gap:5px;align-items:center!important}
 body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-roster-all{margin-left:auto}
 body.studio7150 #app .cl-pulse{grid-template-columns:1fr auto!important}
 body.studio7150 #app .cl-pulse-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 body.studio7150 #app .cl-pulse-stats button{flex-direction:column;gap:3px;min-width:0;white-space:normal!important;padding:7px 2px;font-size:11px!important}
 body.studio7150 #app .cl-pulse-stats button b{font-size:20px!important}
}
@media (max-width:370px){body.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-roster-title{gap:5px}body.studio7150 #app .studio-gallery-controls button{min-width:40px;min-height:44px}}
@media(prefers-reduced-motion:reduce){body.studio7150 #app .studio-link,body.studio7150 #app .jljam-easy .ej-person{transition:none!important}body.studio7150 #app .jljam-easy .ej-roster-strip{scroll-behavior:auto!important}}
/* One screen, one next move: mobile dock already supplies the five workspaces.
   All specialist capabilities remain accessible via the Tools drawer. */
@media(max-width:760px){
 body.clarity7140.studio7150 #app .jljam-easy .ej-main-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 body.clarity7140.studio7150 #app .jljam-easy .ej-column-first{min-width:0!important}
 body.clarity7140.studio7150 #app .jljam-easy .ej-column-second,
 body.clarity7140.studio7150 #app .jljam-easy .ej-toolbelt,
 body.clarity7140.studio7150 #app .jljam-easy .ej-peek,
 body.clarity7140.studio7150 #app .jljam-easy .ej-foot{display:none!important}
}