.container{max-width:960px;margin:auto;padding:1rem}.container h1{text-align:center;margin-bottom:1rem}.controls{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.group{background:#a6eb98;padding:.5rem;border-radius:.5rem;min-height:200px;display:flex;flex-direction:column;align-items:center}.group h2{margin-bottom:.5rem;text-align:center}.student-list{display:flex;justify-content:center;width:100%;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#fffbe6;border:1px solid #ddd;border-radius:.5rem;min-height:100px}.student-item{flex:0 0 auto;width:100px;height:40px;line-height:40px;text-align:center;background:#e0f7fa;border:1px solid #81d4fa;border-radius:.25rem;cursor:grab}.instructions{margin-top:1rem;padding:.5rem;background:#f0f0f0;border-radius:.5rem;position:relative}.instructions h3{margin-bottom:.5rem;text-align:center}.instructions ol{padding-left:1.2rem}.instructions p{margin:.3rem 0}.instructions .instruction-image{position:absolute;top:10px;right:150px;max-width:120px;height:auto}