/* V4.2 Robot Studio. Uses the existing tokens only. */
#robotStudio .rsgrid { display: grid; grid-template-columns: minmax(180px, 240px) 1fr; gap: 10px; align-items: start; }
#robotStudio .rslist { display: flex; flex-direction: column; gap: 6px; }
#robotStudio .rsitem { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; text-align: left; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: transparent; color: inherit; cursor: pointer; font: inherit; }
#robotStudio .rsitem.on { border-color: var(--blu); }
#robotStudio .rsitem.rsarch { opacity: 0.5; filter: grayscale(1); }
#robotStudio .rsmain { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
#robotStudio .rsq { margin: 8px 0; }
#robotStudio .rssetups { display: grid; gap: 6px; margin-top: 4px; }
#robotStudio .rsset { align-items: flex-start; }
#robotStudio .rsprev { margin: 10px 0; }
#robotStudio .rsshadow { font-weight: 600; margin: 8px 0 4px; }
#robotStudio .dn { color: var(--red); }
#robotStudio .up { color: var(--grn); }
#robotStudio #rsMsg { min-height: 1.2em; margin-bottom: 6px; color: var(--amb); }
.rsbanner { margin-bottom: 10px; }
@media (max-width: 640px) { #robotStudio .rsgrid { grid-template-columns: 1fr; } #robotStudio .rslist { flex-direction: row; flex-wrap: wrap; } }