/* suite-demo.js: live explorer for the CAIN Studio Suite (products imported from the San Jose node) */
#studio-suite .ss{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:16px;margin:18px 0 10px}
@media (max-width:900px){#studio-suite .ss{grid-template-columns:minmax(0,1fr)}}
#studio-suite .ss-pane{min-width:0;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(8,12,24,.55)}
#studio-suite .ss-head{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin-bottom:10px}
#studio-suite .ss-head b{font-size:15px}
#studio-suite .ss-count{font:700 11.5px ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.7}
#studio-suite .ss-search{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:#eef1f8;font-size:13px}
#studio-suite .ss-list{margin-top:10px;max-height:520px;overflow:auto;display:grid;gap:2px;padding-right:4px}
#studio-suite .ss-item{display:grid;gap:1px;text-align:left;padding:7px 9px;border-radius:8px;border:1px solid transparent;background:transparent;color:#dfe5f4;cursor:pointer;font-size:12.5px;line-height:1.35}
#studio-suite .ss-item:hover,#studio-suite .ss-item:focus-visible{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);outline:none}
#studio-suite .ss-item[aria-selected=true]{background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.45)}
#studio-suite .ss-item b{font-size:12.5px}
#studio-suite .ss-item code{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9fe8ff;opacity:.8}
#studio-suite .ss-title{font-size:17px;font-weight:800;margin:0 0 4px;overflow-wrap:anywhere}
#studio-suite .ss-desc{font-size:13px;opacity:.85;margin:0 0 8px;overflow-wrap:anywhere}
#studio-suite .ss-label{display:block;margin-top:12px;font-size:12px;opacity:.8}
#studio-suite .ss-select,#studio-suite .ss-param{width:100%;box-sizing:border-box;margin-top:4px;padding:7px 9px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:#eef1f8;font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace}
#studio-suite .ss-input{width:100%;box-sizing:border-box;margin-top:4px;min-height:96px;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:#eef1f8;font:12.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
#studio-suite .ss-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
#studio-suite .ss-run{padding:8px 16px;border-radius:9px;border:0;font-weight:800;font-size:13px;cursor:pointer;color:#03140a;background:linear-gradient(90deg,#39ff14,#22d3ee)}
#studio-suite .ss-run[disabled]{opacity:.5;cursor:wait}
#studio-suite .ss-status{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.85;overflow-wrap:anywhere}
#studio-suite .ss-ok{color:#39ff14}
#studio-suite .ss-bad{color:#ff7a7a}
#studio-suite .ss-out{margin:10px 0 0;max-height:380px;overflow:auto;padding:10px;border-radius:9px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#dfe5f4}
#studio-suite .ss-note{font-size:12px;opacity:.7;margin-top:10px}
#studio-suite .ss-empty{opacity:.7;font-size:13px}