.app-container{grid-template-columns:1fr;gap:20px;padding:20px;display:grid}.colour-manager{grid-template-columns:1fr;gap:20px;display:grid}.colour-picker,.colour-list,.colour-interaction{width:100%}.colour-list{background-color:#ccc;border-radius:8px;max-height:300px;margin-bottom:20px;padding:20px;overflow-y:auto}.granny-square-manager{flex-direction:column;gap:20px;display:flex}.granny-square{background-color:#ccc;border-radius:8px;justify-content:center;align-items:center;margin-bottom:20px;padding:20px;display:flex}.colour-interaction{background-color:#ccc;border-radius:8px;justify-content:center;align-items:center;margin-bottom:20px;padding:20px}button,input,select{border:1px solid #ccc;border-radius:4px;margin:4px 0;padding:8px}input{width:calc(100% - 16px)}@media (width>=768px){.colour-manager{grid-template-columns:repeat(2,1fr)}.granny-square-manager{flex-direction:row;justify-content:space-around}}@media (width>=1024px){.app-container{gap:40px;padding:40px}.app-header h1{font-size:2rem}.granny-square-manager{grid-template-columns:1fr 1fr;gap:20px;display:grid}button,input,select{padding:10px;font-size:1rem}}