.gsp-container{
max-width:900px;
margin:auto;
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.gsp-container input{
width:100%;
padding:10px;
margin-bottom:15px;
}

.gsp-tools button{
margin-right:6px;
padding:6px 10px;
border-radius:6px;
border:1px solid #ddd;
cursor:pointer;
}

.gsp-tools button.active{
background:#2563eb;
color:white;
}

.gsp-matrix{
width:100%;
border-collapse:collapse;
margin-top:15px;
}

.gsp-matrix th,
.gsp-matrix td{
border:1px solid #eee;
padding:8px;
text-align:center;
}

.slot{
height:32px;
border-radius:6px;
cursor:pointer;
}

.state-0{background:#e5e7eb}
.state-1{background:#3b82f6}
.state-2{background:#22c55e}