/* p23: live #workspace showcase (room chat, multiplayer sheet, library sort) */
#workspace .ck{--ck-cur-1:#009DFF;--ck-cur-2:#0A6FD6;--ck-cur-3:#38B6FF;--ck-cur-4:#0B4FA8;--ck-cur-5:#5CC8FF;--ck-cur-6:#1E88E5}
#workspace .sc-pane .ck-cursor{transition:left 1s cubic-bezier(.45,0,.2,1),top 1s cubic-bezier(.45,0,.2,1)}
#workspace .lv-libcur{position:absolute;z-index:30;pointer-events:none}
#workspace .lv-libcur.lv-click:after{content:"";position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;background:#009DFF55;animation:ping .5s ease-out forwards}
#workspace .lv-sel{transition:height .9s cubic-bezier(.45,0,.2,1)}
#workspace .lv-in{animation:lvIn .35s ease-out both}
@keyframes lvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#workspace .lv-flash{animation:lvFlash 1.1s ease-out}
@keyframes lvFlash{0%{background-color:#009DFF33}100%{background-color:transparent}}
#workspace .lv-reacts{display:inline-flex;gap:6px;margin-top:8px}
#workspace .lv-steps{display:flex;flex-direction:column}
#workspace .ck-canvas-title{min-width:0;overflow:hidden}
#workspace .ck-canvas-title b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){
  #workspace .ck-calldock{display:flex!important;left:50%!important;right:auto!important;transform:translateX(-50%) scale(.54)!important;transform-origin:bottom center;bottom:44px}
  #workspace .ck-calldock .ck-calldock-tiles,#workspace .ck-calldock .ck-calltile,#workspace .ck-calldock .ck-calltile-n{display:flex!important}
  #workspace .ck-calldock .ck-calltile-a{display:inline-flex!important}
  #workspace .ck-calldock .ck-calltile-face{display:block!important}
  #workspace .ck-libbar .ck-filter:not(:last-child){display:none}
  #workspace .ck-lay-grid3{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){#workspace .sc-pane *{transition:none!important;animation:none!important}}
/* p28 (§37): small text floor */
#enterprise svg text.ck-axis,#enterprise svg text{font-size:11px!important}
#workspace .ck-grow,#workspace .ck-stack-more{font-size:11px!important}
/* p31 (§39): room thread choreography, real Curator ThreadPanel */
#workspace .lv-roomrow{position:relative;min-height:0}
#workspace .lv-tp{width:0;flex-shrink:0;display:flex;overflow:hidden;padding:12px 0;box-sizing:border-box;transition:width .5s cubic-bezier(.45,0,.2,1),padding .5s}
#workspace .lv-tp.lv-open{width:444px;padding:12px 12px 12px 12px}
#workspace .lv-tp.lv-col{width:80px;padding:12px}
#workspace .lv-tp .ck-thread,#workspace .lv-tp .ck-thread-strip{height:100%}
#workspace .lv-roomcur{transition:left .8s cubic-bezier(.45,0,.2,1),top .8s cubic-bezier(.45,0,.2,1);left:70%;top:100%}
#workspace .lv-hot{box-shadow:inset 0 0 0 1px #009DFF;background:#009DFF14}
#workspace .lv-status{display:flex;align-items:center;gap:6px;margin:2px 0 8px;font:500 12px/1.3 var(--ck-font);color:var(--ck-ink-2)}
#workspace .lv-status i{width:7px;height:7px;border-radius:50%;background:#1F9D55;flex-shrink:0}
@media (max-width:760px){
  #workspace .lv-tp{position:absolute;top:0;right:0;bottom:0;z-index:6;padding:8px}
  #workspace .lv-tp:not(.lv-open):not(.lv-col){padding:0}
  #workspace .lv-tp.lv-open{width:100%;padding:8px}
  #workspace .lv-tp.lv-open .ck-thread{width:100%}
  #workspace .lv-tp.lv-col{width:72px;padding:8px}
}
/* p33: phone polish (thread rail, library grid/header, thread overlay) */
@media (max-width:760px){
  #workspace .lv-tp.lv-col{display:none}
  #workspace .lv-tp.lv-open{top:0;background:var(--ck-bg,#fff)}
  #workspace .lv-tp.lv-open .ck-thread{background:var(--ck-card,#fff)}
  #workspace .lv-tp .ck-meta-role{display:none}
  #workspace .lv-tp .ck-meta{flex-wrap:nowrap;white-space:nowrap}
  #workspace .ck-lay-grid3{grid-template-columns:minmax(0,1fr)}
  #workspace .ck-libcard{min-width:0}
  #workspace .ck-libcard-f{min-width:0;overflow:hidden}
  #workspace .ck-libcard-f .ck-pill{flex-shrink:1;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  #workspace .ck-libcard-t b,#workspace .ck-libcard-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  #workspace .ck-hdr:has(.ck-input){flex-wrap:wrap;height:auto;padding:10px 12px;row-gap:8px}
  #workspace .ck-hdr:has(.ck-input) .ck-hdr-t{flex:1 0 100%}
  #workspace .ck-hdr .ck-input{flex:1;width:auto!important;min-width:0}
  #workspace .ck-hdr:has(.ck-input)>.ck-btn{font-size:0;gap:0;width:38px;height:38px;padding:0;flex-shrink:0}
  #workspace .ck-libbar{overflow-x:auto;scrollbar-width:none;min-width:0}
  #workspace .ck-libbar::-webkit-scrollbar{display:none}
  #workspace .ck-libbar .ck-filter:not(:last-child){display:inline-flex}
  #workspace .ck-libbar>*{flex-shrink:0}
  #workspace .ck-libbar .ck-grow{display:none}
}

/* final: edge fade on scrollable library filter row (phones) */
@media (max-width:760px){#workspace .ck-libbar{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}}
#workspace .lv-tp .lv-press{background:rgba(0,0,0,.1);transform:scale(.9);transition:transform .12s,background .12s}
#workspace .lv-tp.lv-theo .ck-thread-b{overflow-y:hidden}

/* p35: Mia's brief preview in the Theo thread stays >=11px */
#workspace .lv-tp.lv-theo .ck-pv,#workspace .lv-tp.lv-theo .ck-pv *{font-size:max(11px,1em)!important}
/* p45: phones: call tiles sit below the sheet; no sublabels; library meta hidden (<11px) */
@media (max-width:760px){
  #workspace .ck-calldock{bottom:30px!important}
  #workspace .ck-calldock .ck-calltile-a{display:none!important}
  #workspace .ck-pv-props,#workspace .ck-pv .ck-grow>small{display:none!important}
}
@media (max-width:479px){#workspace .ck-calldock .ck-calltile--more{display:none!important}}

/* scroll-fix: showcase demo panes are auto-scrolled by JS only, never user-scrollable, never capture the wheel */
#workspace .ck-pane-b,#workspace .ck-thread-b{overflow:hidden!important;overscroll-behavior:auto}